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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincentt-xr/sdk",
-  "version": "2.0.0-alpha.8",
+  "version": "2.0.0-alpha.9",
   "description": "XR SDK by Vincentt",
   "repository": {
     "type": "git",
@@ -43,6 +43,11 @@
       "import": "./dist/tracking.js",
       "require": "./dist/tracking.cjs"
     },
+    "./instructions": {
+      "types": "./dist/entries/instructions.d.ts",
+      "import": "./dist/instructions.js",
+      "require": "./dist/instructions.cjs"
+    },
     "./face-effects": {
       "types": "./dist/entries/face-effects.d.ts",
       "import": "./dist/face-effects.js",
@@ -68,6 +73,11 @@
       "import": "./dist/product.js",
       "require": "./dist/product.cjs"
     },
+    "./particles": {
+      "types": "./dist/entries/particles.d.ts",
+      "import": "./dist/particles.js",
+      "require": "./dist/particles.cjs"
+    },
     "./debug-ui": {
       "types": "./dist/debug-ui/index.d.ts",
       "import": "./dist/debug-ui.js",

package/dist/DebuggerUI-C-ldiozL.js

@@ -1,269 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as f } from "react/jsx-runtime";
-import { useState as P, useEffect as M } from "react";
-import { createPortal as F } from "react-dom";
-import { f as i } from "./internal-vsfNQycj.js";
-const z = {
-  position: "fixed",
-  top: "10px",
-  left: "10px",
-  zIndex: 9999,
-  fontFamily: "'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",
-  fontSize: "12px",
-  color: "#fff",
-  pointerEvents: "auto",
-  userSelect: "none"
-}, x = {
-  background: "rgba(0, 0, 0, 0.85)",
-  borderRadius: "6px",
-  padding: "12px 16px",
-  boxShadow: "0 4px 12px rgba(0, 0, 0, 0.5)",
-  backdropFilter: "blur(10px)",
-  border: "1px solid rgba(255, 255, 255, 0.1)",
-  minWidth: "240px"
-}, w = {
-  ...x,
-  padding: "8px 12px",
-  minWidth: "auto"
-}, R = {
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  marginBottom: "12px",
-  paddingBottom: "8px",
-  borderBottom: "1px solid rgba(255, 255, 255, 0.2)"
-}, B = {
-  fontSize: "13px",
-  fontWeight: "bold",
-  color: "#00ff9f",
-  letterSpacing: "0.5px",
-  textTransform: "uppercase"
-}, E = {
-  display: "flex",
-  gap: "6px"
-}, h = {
-  background: "rgba(255, 255, 255, 0.1)",
-  border: "1px solid rgba(255, 255, 255, 0.2)",
-  borderRadius: "4px",
-  color: "#fff",
-  padding: "4px 8px",
-  fontSize: "11px",
-  cursor: "pointer",
-  transition: "all 0.2s"
-}, D = {
-  display: "grid",
-  gridTemplateColumns: "1fr 1fr",
-  gap: "10px"
-}, d = {
-  display: "flex",
-  flexDirection: "column",
-  gap: "4px"
-}, l = {
-  fontSize: "10px",
-  color: "rgba(255, 255, 255, 0.6)",
-  textTransform: "uppercase",
-  letterSpacing: "0.5px"
-}, s = {
-  fontSize: "16px",
-  fontWeight: "bold",
-  color: "#fff"
-}, u = {
-  ...s,
-  color: "#00ff9f"
-}, m = {
-  ...s,
-  color: "#ffaa00"
-}, y = {
-  ...s,
-  color: "#ff4444"
-}, a = {
-  fontSize: "11px",
-  color: "rgba(255, 255, 255, 0.5)",
-  marginLeft: "4px"
-}, I = {
-  width: "100%",
-  height: "4px",
-  background: "rgba(255, 255, 255, 0.2)",
-  borderRadius: "2px",
-  overflow: "hidden",
-  marginTop: "4px"
-}, V = (t) => ({
-  width: `${t}%`,
-  height: "100%",
-  background: t > 90 ? "#ff4444" : t > 70 ? "#ffaa00" : "#00ff9f",
-  transition: "width 0.3s ease, background 0.3s ease"
-}), W = {
-  fontSize: "9px",
-  color: "rgba(255, 255, 255, 0.4)",
-  marginTop: "8px",
-  textAlign: "center",
-  fontStyle: "italic"
-};
-function c(t, o) {
-  return o === "fps" ? t >= 30 ? u : t >= 20 ? m : y : t <= 40 ? u : t <= 60 ? m : y;
-}
-function G({
-  metrics: t,
-  collapsed: o,
-  onCollapse: b,
-  onClose: v,
-  position: p = "top-left",
-  keyboardShortcut: S = "ctrl+shift+d"
-}) {
-  const [g, T] = P(null);
-  if (M(() => {
-    const n = document.createElement("div");
-    return n.id = "xr-debugger-overlay", document.body.appendChild(n), T(n), () => {
-      document.body.removeChild(n);
-    };
-  }, []), !g) return null;
-  const C = {
-    ...z,
-    ...p === "top-right" && { left: "auto", right: "10px" },
-    ...p === "bottom-left" && { top: "auto", bottom: "10px" },
-    ...p === "bottom-right" && {
-      top: "auto",
-      bottom: "10px",
-      left: "auto",
-      right: "10px"
-    }
-  };
-  return F(
-    /* @__PURE__ */ e("div", { style: C, children: /* @__PURE__ */ r("div", { style: o ? w : x, children: [
-      /* @__PURE__ */ r("div", { style: R, children: [
-        /* @__PURE__ */ e("div", { style: B, children: o ? "AR Debugger" : "AR Performance" }),
-        /* @__PURE__ */ r("div", { style: E, children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              style: h,
-              onClick: () => b(!o),
-              onMouseEnter: (n) => {
-                n.currentTarget.style.background = "rgba(255, 255, 255, 0.2)";
-              },
-              onMouseLeave: (n) => {
-                n.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
-              },
-              children: o ? "+" : "−"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              style: h,
-              onClick: v,
-              onMouseEnter: (n) => {
-                n.currentTarget.style.background = "rgba(255, 255, 255, 0.2)";
-              },
-              onMouseLeave: (n) => {
-                n.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
-              },
-              children: "✕"
-            }
-          )
-        ] })
-      ] }),
-      !o && /* @__PURE__ */ r(f, { children: [
-        /* @__PURE__ */ r("div", { style: D, children: [
-          /* @__PURE__ */ r("div", { style: d, children: [
-            /* @__PURE__ */ e("div", { style: l, children: "Camera FPS" }),
-            /* @__PURE__ */ r("div", { children: [
-              /* @__PURE__ */ e("span", { style: c(t.cameraFPS, "fps"), children: i(t.cameraFPS, 0) }),
-              /* @__PURE__ */ e("span", { style: a, children: "fps" })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { style: d, children: [
-            /* @__PURE__ */ e("div", { style: l, children: "Resolution" }),
-            /* @__PURE__ */ e("span", { style: s, children: t.resolution })
-          ] }),
-          /* @__PURE__ */ r("div", { style: d, children: [
-            /* @__PURE__ */ e("div", { style: l, children: "Detection" }),
-            /* @__PURE__ */ r("div", { children: [
-              /* @__PURE__ */ e("span", { style: c(t.detectionTime, "time"), children: i(t.detectionTime, 1) }),
-              /* @__PURE__ */ e("span", { style: a, children: "ms" })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { style: d, children: [
-            /* @__PURE__ */ e("div", { style: l, children: "Rendering" }),
-            /* @__PURE__ */ r("div", { children: [
-              /* @__PURE__ */ e("span", { style: c(t.renderTime, "time"), children: i(t.renderTime, 1) }),
-              /* @__PURE__ */ e("span", { style: a, children: "ms" })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { style: d, children: [
-            /* @__PURE__ */ e("div", { style: l, children: "Effective FPS" }),
-            /* @__PURE__ */ r("div", { children: [
-              /* @__PURE__ */ e("span", { style: c(t.effectiveFPS, "fps"), children: i(t.effectiveFPS, 0) }),
-              /* @__PURE__ */ e("span", { style: a, children: "fps" })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { style: d, children: [
-            /* @__PURE__ */ e("div", { style: l, children: "Memory" }),
-            t.memory ? /* @__PURE__ */ r(f, { children: [
-              /* @__PURE__ */ r("div", { children: [
-                /* @__PURE__ */ e("span", { style: s, children: i(t.memory.used, 0) }),
-                /* @__PURE__ */ r("span", { style: a, children: [
-                  "/ ",
-                  i(t.memory.total, 0),
-                  " MB"
-                ] })
-              ] }),
-              /* @__PURE__ */ e("div", { style: I, children: /* @__PURE__ */ e("div", { style: V(t.memory.percentage) }) })
-            ] }) : /* @__PURE__ */ e("span", { style: s, children: "N/A" })
-          ] })
-        ] }),
-        t.modelPerformance.length > 0 && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ r(
-          "div",
-          {
-            style: {
-              borderTop: "1px solid rgba(255, 255, 255, 0.15)",
-              marginTop: "12px",
-              paddingTop: "12px"
-            },
-            children: [
-              /* @__PURE__ */ e("div", { style: l, children: "Model Performance" }),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  style: {
-                    marginTop: "8px",
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "6px"
-                  },
-                  children: t.modelPerformance.map((n, k) => /* @__PURE__ */ r(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        fontSize: "11px"
-                      },
-                      children: [
-                        /* @__PURE__ */ e("span", { style: { color: "rgba(255, 255, 255, 0.7)" }, children: n.name }),
-                        /* @__PURE__ */ r("div", { children: [
-                          /* @__PURE__ */ e("span", { style: c(n.processingTime, "time"), children: i(n.processingTime, 1) }),
-                          /* @__PURE__ */ e("span", { style: a, children: "ms" })
-                        ] })
-                      ]
-                    },
-                    k
-                  ))
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ r("div", { style: W, children: [
-          "Press ",
-          S.toUpperCase(),
-          " to toggle"
-        ] })
-      ] })
-    ] }) }),
-    g
-  );
-}
-export {
-  G as DebuggerUI
-};

package/dist/DebuggerUI-CWX5EtQv.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),C=require("react-dom"),s=require("./internal-BYza1h8_.cjs"),P={position:"fixed",top:"10px",left:"10px",zIndex:9999,fontFamily:"'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",fontSize:"12px",color:"#fff",pointerEvents:"auto",userSelect:"none"},h={background:"rgba(0, 0, 0, 0.85)",borderRadius:"6px",padding:"12px 16px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.5)",backdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.1)",minWidth:"240px"},k={...h,padding:"8px 12px",minWidth:"auto"},F={display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"12px",paddingBottom:"8px",borderBottom:"1px solid rgba(255, 255, 255, 0.2)"},M={fontSize:"13px",fontWeight:"bold",color:"#00ff9f",letterSpacing:"0.5px",textTransform:"uppercase"},z={display:"flex",gap:"6px"},f={background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255, 255, 255, 0.2)",borderRadius:"4px",color:"#fff",padding:"4px 8px",fontSize:"11px",cursor:"pointer",transition:"all 0.2s"},R={display:"grid",gridTemplateColumns:"1fr 1fr",gap:"10px"},i={display:"flex",flexDirection:"column",gap:"4px"},o={fontSize:"10px",color:"rgba(255, 255, 255, 0.6)",textTransform:"uppercase",letterSpacing:"0.5px"},d={fontSize:"16px",fontWeight:"bold",color:"#fff"},u={...d,color:"#00ff9f"},g={...d,color:"#ffaa00"},m={...d,color:"#ff4444"},l={fontSize:"11px",color:"rgba(255, 255, 255, 0.5)",marginLeft:"4px"},N={width:"100%",height:"4px",background:"rgba(255, 255, 255, 0.2)",borderRadius:"2px",overflow:"hidden",marginTop:"4px"},w=t=>({width:`${t}%`,height:"100%",background:t>90?"#ff4444":t>70?"#ffaa00":"#00ff9f",transition:"width 0.3s ease, background 0.3s ease"}),B={fontSize:"9px",color:"rgba(255, 255, 255, 0.4)",marginTop:"8px",textAlign:"center",fontStyle:"italic"};function a(t,n){return n==="fps"?t>=30?u:t>=20?g:m:t<=40?u:t<=60?g:m}function D({metrics:t,collapsed:n,onCollapse:y,onClose:b,position:c="top-left",keyboardShortcut:j="ctrl+shift+d"}){const[p,v]=x.useState(null);if(x.useEffect(()=>{const r=document.createElement("div");return r.id="xr-debugger-overlay",document.body.appendChild(r),v(r),()=>{document.body.removeChild(r)}},[]),!p)return null;const S={...P,...c==="top-right"&&{left:"auto",right:"10px"},...c==="bottom-left"&&{top:"auto",bottom:"10px"},...c==="bottom-right"&&{top:"auto",bottom:"10px",left:"auto",right:"10px"}};return C.createPortal(e.jsx("div",{style:S,children:e.jsxs("div",{style:n?k:h,children:[e.jsxs("div",{style:F,children:[e.jsx("div",{style:M,children:n?"AR Debugger":"AR Performance"}),e.jsxs("div",{style:z,children:[e.jsx("button",{style:f,onClick:()=>y(!n),onMouseEnter:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.2)"},onMouseLeave:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.1)"},children:n?"+":"−"}),e.jsx("button",{style:f,onClick:b,onMouseEnter:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.2)"},onMouseLeave:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.1)"},children:"✕"})]})]}),!n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:R,children:[e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Camera FPS"}),e.jsxs("div",{children:[e.jsx("span",{style:a(t.cameraFPS,"fps"),children:s.formatNumber(t.cameraFPS,0)}),e.jsx("span",{style:l,children:"fps"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Resolution"}),e.jsx("span",{style:d,children:t.resolution})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Detection"}),e.jsxs("div",{children:[e.jsx("span",{style:a(t.detectionTime,"time"),children:s.formatNumber(t.detectionTime,1)}),e.jsx("span",{style:l,children:"ms"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Rendering"}),e.jsxs("div",{children:[e.jsx("span",{style:a(t.renderTime,"time"),children:s.formatNumber(t.renderTime,1)}),e.jsx("span",{style:l,children:"ms"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Effective FPS"}),e.jsxs("div",{children:[e.jsx("span",{style:a(t.effectiveFPS,"fps"),children:s.formatNumber(t.effectiveFPS,0)}),e.jsx("span",{style:l,children:"fps"})]})]}),e.jsxs("div",{style:i,children:[e.jsx("div",{style:o,children:"Memory"}),t.memory?e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("span",{style:d,children:s.formatNumber(t.memory.used,0)}),e.jsxs("span",{style:l,children:["/ ",s.formatNumber(t.memory.total,0)," MB"]})]}),e.jsx("div",{style:N,children:e.jsx("div",{style:w(t.memory.percentage)})})]}):e.jsx("span",{style:d,children:"N/A"})]})]}),t.modelPerformance.length>0&&e.jsx(e.Fragment,{children:e.jsxs("div",{style:{borderTop:"1px solid rgba(255, 255, 255, 0.15)",marginTop:"12px",paddingTop:"12px"},children:[e.jsx("div",{style:o,children:"Model Performance"}),e.jsx("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"6px"},children:t.modelPerformance.map((r,T)=>e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"11px"},children:[e.jsx("span",{style:{color:"rgba(255, 255, 255, 0.7)"},children:r.name}),e.jsxs("div",{children:[e.jsx("span",{style:a(r.processingTime,"time"),children:s.formatNumber(r.processingTime,1)}),e.jsx("span",{style:l,children:"ms"})]})]},T))})]})}),e.jsxs("div",{style:B,children:["Press ",j.toUpperCase()," to toggle"]})]})]})}),p)}exports.DebuggerUI=D;

package/dist/FaceMeshRenderer-BEEXZwS6.cjs

@@ -1,158 +0,0 @@
-"use strict";const E=require("react/jsx-runtime"),ne=require("@react-three/fiber"),i=require("react"),te=require("three"),K=require("./index-CeVkgsag.cjs"),Ze=require("./selectors-Du_PsVnW.cjs"),he=require("./index-OCPjOaeP.cjs"),ie=require("./index-DsZwTfG0.cjs"),fn=require("@react-three/drei");function dn(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const F=dn(te),tt=e=>{const n=i.useRef(null);if(n.current){const t=n.current;Object.keys(e).forEach(r=>{t[r].value=e[r]})}else{const t={};Object.keys(e).forEach(r=>{t[r]={value:e[r]}}),n.current=t}return n.current},Ee=8,$={type:"linear",stops:[{offset:0,color:"#38bdf8"},{offset:1,color:"#a78bfa"}],angle:0,center:{x:.5,y:.5},radius:.5},hn=e=>{const n=e.slice(0,Ee).map(t=>({...t,offset:te.MathUtils.clamp(t.offset,0,1)})).sort((t,r)=>t.offset-r.offset);return n.length>=2?n:$.stops.map(t=>({...t}))},nt=e=>({...$,...e,center:{...$.center,...e==null?void 0:e.center},radius:Math.max(.01,(e==null?void 0:e.radius)??$.radius),stops:hn((e==null?void 0:e.stops)??$.stops)}),mn=`
-  varying vec2 vPosition;
-  void main() {
-    vPosition = position.xy;
-    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-  }
-`,pn=`
-  #define MAX_STOPS 8
-  uniform vec3 stopColors[MAX_STOPS];
-  uniform float stopOffsets[MAX_STOPS];
-  uniform int stopCount;
-  uniform int gradientType;
-  uniform vec2 direction;
-  uniform vec2 center;
-  uniform float radius;
-  uniform float angleOffset;
-  uniform float opacity;
-  varying vec2 vPosition;
-
-  vec3 sampleGradient(float amount) {
-    vec3 color = stopColors[0];
-    for (int index = 1; index < MAX_STOPS; index++) {
-      if (index >= stopCount) break;
-      if (amount <= stopOffsets[index]) {
-        float width = max(0.0001, stopOffsets[index] - stopOffsets[index - 1]);
-        return mix(stopColors[index - 1], stopColors[index], clamp((amount - stopOffsets[index - 1]) / width, 0.0, 1.0));
-      }
-      color = stopColors[index];
-    }
-    return color;
-  }
-
-  void main() {
-    vec2 delta = vPosition - center;
-    float amount;
-    if (gradientType == 1) {
-      amount = clamp(length(delta) / radius, 0.0, 1.0);
-    } else if (gradientType == 2) {
-      amount = fract(atan(delta.y, delta.x) / 6.28318530718 + 0.5 + angleOffset);
-    } else {
-      amount = clamp(dot(delta, direction) + 0.5, 0.0, 1.0);
-    }
-    gl_FragColor = vec4(sampleGradient(amount), opacity);
-  }
-`,En={linear:0,radial:1,angular:2},rt=({opacity:e=1,value:n})=>{const t=i.useMemo(()=>{const o=nt(n),s=te.MathUtils.degToRad(o.angle),a=o.stops.map(d=>new te.Color(d.color)),u=o.stops.map(d=>d.offset);for(;a.length<Ee;)a.push(a[a.length-1]);for(;u.length<Ee;)u.push(1);return{stopColors:a,stopOffsets:u,stopCount:o.stops.length,gradientType:En[o.type],direction:new te.Vector2(Math.cos(s),Math.sin(s)),center:new te.Vector2(o.center.x-.5,.5-o.center.y),radius:o.radius,angleOffset:o.angle/360,opacity:e}},[e,n]),r=tt(t);return E.jsx("shaderMaterial",{uniforms:r,vertexShader:mn,fragmentShader:pn,transparent:e<1,depthTest:!1,depthWrite:!1,toneMapped:!1})},yn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO2YpZcAAAAASUVORK5CYII=",Mn={source:"solid",color:"#ffffff",opacity:1,textureUrl:"",gradient:$},De=e=>({...$,stops:[{offset:0,color:"#ffffff"},{offset:1,color:e}]}),bn=({depthTest:e,depthWrite:n,settings:t,side:r,toneMapped:o})=>{const s=ne.useLoader(F.TextureLoader,t.textureUrl||yn);return E.jsx("meshBasicMaterial",{color:t.color,map:s,transparent:!0,opacity:t.opacity,side:r,depthWrite:n,depthTest:e,toneMapped:o})},ot=({depthTest:e=!1,depthWrite:n=!1,settings:t,side:r,toneMapped:o=!1})=>{const s=i.useMemo(()=>t.gradient??De(t.color),[t.color,t.gradient]);return t.source==="gradient"?E.jsx(rt,{value:s,opacity:t.opacity}):t.source==="texture"?E.jsx(bn,{settings:t,side:r,depthTest:e,depthWrite:n,toneMapped:o}):E.jsx("meshBasicMaterial",{color:t.color,transparent:!0,opacity:t.opacity,side:r,depthWrite:n,depthTest:e,toneMapped:o})},Te=Math.PI/180,ve=180/Math.PI,B=e=>Number(e.toFixed(6)),Le={enabled:!0,linked:{position:!1,rotation:!1,scale:!1},showTransformControls:!1,transformControlMode:"translate",transformControlSpace:"local",position:{x:0,y:0,z:0},rotation:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},visible:!0},gn=({children:e,objectRef:n,onChange:t,value:r})=>{const o=i.useRef(null),s=i.useRef(n);s.current=n;const[a,u]=i.useState(null),d=i.useCallback(l=>{var h;o.current=l,u(l),(h=s.current)==null||h.call(s,l)},[]),f=i.useCallback(()=>{const l=o.current;!l||!t||t({...r,position:{x:B(l.position.x),y:B(l.position.y),z:B(l.position.z)},rotation:{x:B(l.rotation.x*ve),y:B(l.rotation.y*ve),z:B(l.rotation.z*ve)},scale:{x:B(l.scale.x),y:B(l.scale.y),z:B(l.scale.z)}})},[t,r]);return r.enabled?E.jsxs(E.Fragment,{children:[E.jsx("group",{ref:d,position:[r.position.x,r.position.y,r.position.z],rotation:[r.rotation.x*Te,r.rotation.y*Te,r.rotation.z*Te],scale:[r.scale.x,r.scale.y,r.scale.z],visible:r.visible,children:e}),a&&r.showTransformControls&&E.jsx(fn.TransformControls,{object:a,mode:r.transformControlMode,space:r.transformControlSpace,size:.85,onMouseUp:f,onObjectChange:f})]}):null},le=e=>Math.min(1,Math.max(0,e)),L=(e,n,t)=>le(1-Math.abs(e-n)/t),An=e=>{let n=1/0,t=-1/0,r=1/0,o=-1/0;for(const u of e)n=Math.min(n,u.x),t=Math.max(t,u.x),r=Math.min(r,u.y),o=Math.max(o,u.y);const s=Math.max(t-n,.001),a=Math.max(o-r,.001);return{centerX:n+s*.5,centerY:r+a*.5,width:s,height:a}},Rn=e=>e!=null&&e.enabled?(e.strength??1)!==0&&Object.entries(e).some(([n,t])=>n!=="enabled"&&n!=="strength"&&typeof t=="number"&&t!==0):!1,xn=(e,n,t,r)=>{const o=t.enabled?t.strength??1:0;if(o===0)return r.x=e.x,r.y=e.y,r.z=e.z,r;const s=(e.x-n.centerX)/n.width,a=(e.y-n.centerY)/n.height,u=Math.abs(s),d=le((-a+.42)/.55),f=L(a,-.02,.34),l=L(a,-.24,.16)*le((u-.05)/.28),h=L(a,.02,.26)*L(u,0,.18),c=L(a,.29,.18)*L(u,0,.36),p=le((a-.16)/.36),m=f*L(u,.34,.22),x=d*L(u,0,.48),A=L(a,-.19,.1)*le((u-.05)/.3),I=L(a,.48,.2)*L(u,0,.26);let M=e.x,b=e.y,T=e.z;const _=(q,O=1)=>{M+=s*n.width*q*o*O},g=(q,O=1)=>{b+=a*n.height*q*o*O};_(t.faceWidth??0),g(t.faceHeight??0),_(t.faceRoundness??0,f*(1-u)),b-=n.height*(t.midfaceHeight??0)*o*f*.25,g(-(t.foreheadHeight??0),x),_(t.foreheadWidth??0,x),_(t.cheekboneWidth??0,L(a,-.06,.16)*L(u,.34,.2)),_(t.cheekWidth??0,m),_(t.jawWidth??0,p),g(t.chinHeight??0,I),b-=n.height*(t.scalpHeight??0)*o*d*.3,T-=(t.midfaceDepth??0)*o*f*.08,T+=(t.cheekHollowness??0)*o*m*.06,T-=(t.browDepth??0)*o*A*.05,b-=n.height*(t.browHeight??0)*o*A*.2,M+=Math.sign(s||1)*n.width*(t.browDistance??0)*o*A*.16;const v=(t.headCurve??0)*o*(a+.1);T-=v*v*.04*Math.sign(t.headCurve??0),M+=n.width*(t.faceTwist??0)*o*a*.18;const R=(t.faceSwirl??0)*o*.22;M+=-a*n.width*R,b+=s*n.height*R;const k=s<0?t.leftEyeSize??0:t.rightEyeSize??0,P=((t.eyeSize??0)+k)*o*l;M+=s*n.width*P*.45,b+=(a+.24)*n.height*P*.7,M+=Math.sign(s||1)*n.width*(t.eyeDistance??0)*o*l*.2,M+=n.width*(s<0?t.leftEyeX??0:t.rightEyeX??0)*o*l*.15,b+=n.height*(s<0?t.leftEyeY??0:t.rightEyeY??0)*o*l*.15;const Y=(t.noseSize??0)*o*h;return M+=s*n.width*Y*.7,b+=(a-.02)*n.height*Y*.5,b+=n.height*(t.noseLength??0)*o*h*Math.max(a+.08,0)*.4,T-=(t.noseSize??0)*o*h*.08,M+=s*n.width*(t.mouthWidth??0)*o*c,b+=(a-.29)*n.height*(t.mouthHeight??0)*o*c,r.x=M,r.y=b,r.z=T,r},Ce=new Set([61,146,91,181,84,17,314,405,321,375,291,78,95,88,178,87,14,317,402,318,324,308,191,80,81,82,13,312,311,310,415]),Ne=[61,146,91,181,84,17,314,405,321,375,291,409,270,269,267,0,37,39,40,185],Me=[78,95,88,178,87,14,317,402,318,324,308,415,310,311,312,13,82,81,80,191],Fe=new Set(Me),ke=new Set([33,7,163,144,145,153,154,155,133,173,157,158,159,160,161,246]),Ue=new Set([362,382,381,380,374,373,390,249,263,466,388,387,386,385,384,398]),_n=new Set([814,815,816,817,818,819,830,831,832,833]),Sn=(e,n,t)=>{const r=Ce.has(e)&&Ce.has(n)&&Ce.has(t),o=ke.has(e)&&ke.has(n)&&ke.has(t),s=Ue.has(e)&&Ue.has(n)&&Ue.has(t);return r?"mouth":o?"leftEye":s?"rightEye":"base"},me=(e,n)=>e<n?`${e}:${n}`:`${n}:${e}`,st=e=>e.map((n,t)=>me(n,e[(t+1)%e.length])),at=st(Me),Ie=new Set([...st(Ne),...at]),Tn=e=>{const n=e.length/3,t=new Map,r=(c,p)=>e[c*3+p],o=c=>{const p=r(c,0),m=r(c,1),x=r(c,2);return[me(p,m),me(m,x),me(x,p)]},s=c=>Fe.has(r(c,0))&&Fe.has(r(c,1))&&Fe.has(r(c,2));for(let c=0;c<n;c+=1)o(c).forEach(p=>{const m=t.get(p);m?m.push(c):t.set(p,[c])});let a=-1;for(const c of at){const p=(t.get(c)??[]).find(m=>!s(m));if(p!==void 0){a=p;break}}if(a<0)return[];const u=new Set([a]),d=[a],f=new Map;for(;d.length>0;){const c=d.pop();o(c).forEach(p=>{f.set(p,(f.get(p)??0)+1),!Ie.has(p)&&(t.get(p)??[]).forEach(m=>{u.has(m)||(u.add(m),d.push(m))})})}const l=[...f].filter(([,c])=>c===1).map(([c])=>c);return l.length===Ie.size&&l.every(c=>Ie.has(c))?[...u].sort((c,p)=>c-p).flatMap(c=>[r(c,0),r(c,1),r(c,2)]):[]},vn=(e,n)=>{const t=new Float32Array(n).fill(1),r=new Map,o=(d,f)=>{r.has(d)||r.set(d,new Set),r.get(d).add(f)};for(let d=0;d<e.length;d+=3){const[f,l,h]=[e[d],e[d+1],e[d+2]];o(f,l),o(l,f),o(l,h),o(h,l),o(h,f),o(f,h)}const s=d=>{const f=new Map,l=d.filter(h=>r.has(h));l.forEach(h=>f.set(h,0));for(let h=0;h<l.length;h+=1){const c=l[h],p=f.get(c)+1;r.get(c).forEach(m=>{f.has(m)||(f.set(m,p),l.push(m))})}return f},a=s(Ne),u=s(Me);return r.forEach((d,f)=>{const l=a.get(f)??0,h=u.get(f)??0;t[f]=l+h===0?1:l/(l+h)}),t},ct=e=>{const n=[],t=[],r=[],o=[],s=[],a=[],u=[],d=[];let f=0,l=0;e.split(`
-`).forEach(A=>{const I=A.trim();if(!I)return;if(I.startsWith("v ")){f+=1;return}if(I.startsWith("vt ")){const[,_,g]=I.split(/\s+/);u.push([Number(_),Number(g)]);return}if(!I.startsWith("f "))return;const M=l;l+=1;const[,...b]=I.split(/\s+/),T=b.map(_=>{const[g,v]=_.split("/"),R=Number(g)-1,k=Number(v)-1;return k>=0&&u[k]&&!d[R]&&(d[R]=u[k]),R});if(!(T.length<3))for(let _=1;_<T.length-1;_+=1){const g=T[0],v=T[_],R=T[_+1];n.push(g,v,R);const k=Sn(g,v,R);_n.has(M)?a.push(g,v,R):k==="mouth"?r.push(g,v,R):k==="leftEye"?o.push(g,v,R):k==="rightEye"?s.push(g,v,R):t.push(g,v,R)}});const h=[];for(let A=0;A<f;A+=1){const[I,M]=d[A]??[0,0];h.push(I,M)}const c=new Uint16Array(o),p=new Uint16Array(s),m=new Uint16Array(o.length+s.length);m.set(c),m.set(p,c.length);const x=Tn(n);return{baseIndices:new Uint16Array(t),mouthIndices:new Uint16Array(r),lipIndices:new Uint16Array(x),lipEdgeDistance:vn(x,f),leftEyeIndices:c,rightEyeIndices:p,eyeIndices:m,noseIndices:new Uint16Array(a),uvs:new Float32Array(h),vertexCount:f}},Cn="canonical_face_model.obj",Fn=new TextDecoder("utf-8"),we=new Map,kn=e=>{const n=we.get(e);if(n)return n;const t=K.fetchAndVerify(e).then(r=>ct(Fn.decode(r))).catch(r=>{throw we.delete(e),r});return we.set(e,t),t},it=e=>{const{mesh:n,url:t}=e??{},r=t??`${K.libConfig.sdkAssetsBaseUrl}/${Cn}`,[o,s]=i.useState(n??null);return i.useEffect(()=>{if(n){s(n);return}let a=!1;return kn(r).then(u=>{a||s(u)}).catch(u=>{a||console.error(`${K.libConfig.loggerPrefix} canonical face mesh load failed`,u)}),()=>{a=!0}},[n,r]),o},C={basic:"basic",standard:"standard",physical:"physical",toon:"toon",normal:"normal",matcap:"matcap",wireframe:"wireframe",shader:"shader"},X={originalFace:"originalFace",composite:"composite"},W={none:"none",canonical:"canonical",style2:"style2"},Z={none:"none",canonical:"canonical"},se={solid:"solid",gradient:"gradient",imageUrl:"imageUrl",mediaUrl:"mediaUrl"},re={front:"front",back:"back",double:"double"},Pe={normal:"normal",add:"add",subtract:"subtract",multiply:"multiply",screen:"screen",overlay:"overlay",softLight:"softLight",hardLight:"hardLight",lighten:"lighten",darken:"darken",difference:"difference",exclusion:"exclusion"},Un={textureMap:W.canonical,alphaMap:Z.canonical,alphaOpacity:1},et={...Un,blendMode:Pe.hardLight,blendOpacity:.85,baseColor:"#ffffff",opacity:1,compositeShading:!0},N={materialType:C.basic,shaderPreset:X.originalFace,textureMap:W.none,alphaMap:Z.none,alphaOpacity:1,side:re.front,blendMode:Pe.normal,blendOpacity:1,baseColor:"#38bdf8",opacity:.45,compositeShading:!1};C.shader,X.composite,re.front;const pe={mouth:!0,eyes:!0,nose:!0},oe={textureSource:se.solid,color:"#111111",opacity:.5},In=24,lt=10,Ge=(e,n,t)=>e!==C.shader?"none":n===X.originalFace?"originalFace":n===X.composite?t===W.none?"originalFace":"composite":"none",wn=(e,n)=>e===C.basic||e===C.standard||e===C.physical||e===C.toon||e===C.shader&&n===X.composite,Ln=(e,n,t=W.canonical)=>Ge(e,n,t)==="composite",On=(e,n,t)=>Ge(e,n,t)==="originalFace",ye=e=>e===se.imageUrl||e===se.mediaUrl,ut=e=>e===se.solid||e===se.gradient,Oe={normal:0,add:1,subtract:2,multiply:3,screen:4,overlay:5,softLight:6,hardLight:7,lighten:8,darken:9,difference:10,exclusion:11},Dn=`
-  attribute vec2 faceUv;
-  varying vec2 vUv;
-  varying vec2 vFaceUv;
-  varying vec3 vNormal;
-
-  void main() {
-    vUv = uv;
-    vFaceUv = faceUv;
-    vNormal = normalize(normalMatrix * normal);
-    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-  }
-`,Nn=`
-  uniform sampler2D cameraTexture;
-  uniform sampler2D canonicalTexture;
-  uniform sampler2D alphaMask;
-  uniform vec3 textureTint;
-  uniform float opacity;
-  uniform int blendMode;
-  uniform float blendOpacity;
-  uniform float useCanonicalTexture;
-  uniform float useAlphaMask;
-  uniform float alphaOpacity;
-  uniform float compositeShading;
-  uniform vec3 lightDirection;
-  uniform float ambientStrength;
-  uniform float directionalStrength;
-  varying vec2 vUv;
-  varying vec2 vFaceUv;
-  varying vec3 vNormal;
-
-  vec3 linearToSrgb(vec3 value) {
-    vec3 low = value * 12.92;
-    vec3 high = 1.055 * pow(max(value, vec3(0.0)), vec3(1.0 / 2.4)) - 0.055;
-    return mix(high, low, step(value, vec3(0.0031308)));
-  }
-
-  vec3 srgbToLinear(vec3 value) {
-    vec3 low = value / 12.92;
-    vec3 high = pow(max((value + 0.055) / 1.055, vec3(0.0)), vec3(2.4));
-    return mix(high, low, step(value, vec3(0.04045)));
-  }
-
-  float overlayChannel(float base, float blend) {
-    return base < 0.5 ? 2.0 * base * blend : 1.0 - 2.0 * (1.0 - base) * (1.0 - blend);
-  }
-
-  float hardLightChannel(float base, float blend) {
-    return blend < 0.5 ? 2.0 * base * blend : 1.0 - 2.0 * (1.0 - base) * (1.0 - blend);
-  }
-
-  float softLightChannel(float base, float blend) {
-    if (blend <= 0.5) {
-      return base - (1.0 - 2.0 * blend) * base * (1.0 - base);
-    }
-
-    float d = base <= 0.25
-      ? ((16.0 * base - 12.0) * base + 4.0) * base
-      : sqrt(base);
-
-    return base + (2.0 * blend - 1.0) * (d - base);
-  }
-
-  vec3 applyBlendMode(vec3 base, vec3 blend, int mode) {
-    if (mode == 0) return blend;
-    if (mode == 1) return min(base + blend, 1.0);
-    if (mode == 2) return max(base - blend, 0.0);
-    if (mode == 3) return base * blend;
-    if (mode == 4) return 1.0 - (1.0 - base) * (1.0 - blend);
-    if (mode == 5) {
-      return vec3(
-        overlayChannel(base.r, blend.r),
-        overlayChannel(base.g, blend.g),
-        overlayChannel(base.b, blend.b)
-      );
-    }
-    if (mode == 6) {
-      return vec3(
-        softLightChannel(base.r, blend.r),
-        softLightChannel(base.g, blend.g),
-        softLightChannel(base.b, blend.b)
-      );
-    }
-    if (mode == 7) {
-      return vec3(
-        hardLightChannel(base.r, blend.r),
-        hardLightChannel(base.g, blend.g),
-        hardLightChannel(base.b, blend.b)
-      );
-    }
-    if (mode == 8) return max(base, blend);
-    if (mode == 9) return min(base, blend);
-    if (mode == 10) return abs(base - blend);
-    return base + blend - 2.0 * base * blend;
-  }
-
-  void main() {
-    vec3 base = linearToSrgb(texture2D(cameraTexture, vFaceUv).rgb);
-    vec4 textureSample = texture2D(canonicalTexture, vUv);
-    vec3 blend = linearToSrgb(textureSample.rgb) * textureTint;
-    float light = ambientStrength + max(dot(normalize(vNormal), normalize(lightDirection)), 0.0) * directionalStrength;
-    blend *= mix(1.0, clamp(light, 0.35, 1.35), compositeShading);
-    float maskSample = texture2D(alphaMask, vUv).r;
-    float mask = useAlphaMask > 0.5 ? mix(1.0, maskSample, alphaOpacity) : 1.0;
-    float textureAlpha = useCanonicalTexture > 0.5 ? textureSample.a : 1.0;
-    vec3 blended = applyBlendMode(base, blend, blendMode);
-    vec3 color = useCanonicalTexture > 0.5 ? mix(base, blended, blendOpacity) : base;
-    gl_FragColor = vec4(srgbToLinear(color), opacity * mask * textureAlpha);
-    // Blending above runs in sRGB; the result is linear here and three only
-    // encodes built-in materials, so encode for the output colour space.
-    #include <colorspace_fragment>
-  }
-`,ft=({alphaMap:e,alphaOpacity:n,blendMode:t,blendOpacity:r,cameraTexture:o,color:s,compositeShading:a,faceAlphaMaskUrl:u,faceTextureStyle2Url:d,faceTextureUrl:f,masked:l=!1,maskColor:h,maskOpacity:c,maskSourceUrl:p,maskTextureSource:m,materialType:x,opacity:A,shaderPreset:I,side:M,textureMap:b})=>{const T=ne.useLoader(F.TextureLoader,f||ie.TRANSPARENT_TEXTURE_DATA_URL),_=ne.useLoader(F.TextureLoader,d||f||ie.TRANSPARENT_TEXTURE_DATA_URL),g=ne.useLoader(F.TextureLoader,u||ie.TRANSPARENT_TEXTURE_DATA_URL),v=i.useMemo(()=>ie.createToonGradientTexture(),[]),R=i.useMemo(()=>ie.createMatcapTexture(),[]);i.useEffect(()=>()=>{v.dispose(),R.dispose()},[R,v]);const k=b===W.style2?_:T,P=b!==W.none,Y=Ge(x,I,b),q=["composite-material",b,e,n,t,r,a?"lit":"flat",s,A,f,d,u].join("|"),O={side:M,transparent:!0,opacity:A,wireframe:!1},be=i.useMemo(()=>({source:ye(m)?"texture":m,color:ut(m)?h:"#ffffff",opacity:c,textureUrl:ye(m)?p:"",gradient:De(h)}),[h,c,p,m]),U=i.useMemo(()=>({cameraTexture:{value:null},canonicalTexture:{value:null},alphaMask:{value:null},textureTint:{value:new F.Color(s)},opacity:{value:A},blendMode:{value:Oe[t]},blendOpacity:{value:r},useCanonicalTexture:{value:P?1:0},useAlphaMask:{value:e===Z.canonical?1:0},alphaOpacity:{value:n},compositeShading:{value:a?1:0},lightDirection:{value:new F.Vector3(.3,.65,.7).normalize()},ambientStrength:{value:.78},directionalStrength:{value:.38}}),[e,n,t,r,s,a,P,A]);if(i.useEffect(()=>{U.cameraTexture.value=o??T,U.canonicalTexture.value=k,U.alphaMask.value=g,U.textureTint.value.set(s),U.opacity.value=A,U.blendMode.value=Oe[t],U.blendOpacity.value=r,U.useCanonicalTexture.value=P?1:0,U.useAlphaMask.value=e===Z.canonical?1:0,U.alphaOpacity.value=n,U.compositeShading.value=a?1:0},[e,g,n,t,r,o,s,a,U,T,P,A,k]),l)return E.jsx(ot,{settings:be,side:M},`masked-${m}-material`);if(x===C.wireframe)return E.jsx("meshBasicMaterial",{color:s,transparent:!0,opacity:A,side:M,depthWrite:!1,depthTest:!1,wireframe:!0,toneMapped:!1},"wireframe-material");if(Y==="originalFace"&&o)return E.jsx("meshBasicMaterial",{map:o,alphaMap:g,transparent:!0,opacity:A,side:M,depthWrite:!1,depthTest:!0,toneMapped:!1},"use-original-face-material");if(Y==="composite"&&o)return E.jsx("shaderMaterial",{uniforms:U,vertexShader:Dn,fragmentShader:Nn,transparent:!0,side:M,depthWrite:!1,depthTest:!0,toneMapped:!1},q);const ee=P?k:null,Q=e===Z.canonical&&n>0?g:null,V=`${x}-${b}-${e}-${n>0?"alpha-on":"alpha-off"}`;return x===C.standard?E.jsx("meshStandardMaterial",{...O,color:s,map:ee??void 0,alphaMap:Q??void 0,depthWrite:!0,depthTest:!0,metalness:.05,roughness:.72},V):x===C.physical?E.jsx("meshPhysicalMaterial",{...O,color:s,map:ee??void 0,alphaMap:Q??void 0,depthWrite:!0,depthTest:!0,roughness:.58,metalness:.08,clearcoat:.35,clearcoatRoughness:.4},V):x===C.toon?E.jsx("meshToonMaterial",{...O,color:s,map:ee??void 0,alphaMap:Q??void 0,gradientMap:v,depthWrite:!0,depthTest:!0},V):x===C.normal?E.jsx("meshNormalMaterial",{...O,depthWrite:!0,depthTest:!0,flatShading:!1},"normal-material"):x===C.matcap?E.jsx("meshMatcapMaterial",{...O,color:s,matcap:R,depthWrite:!0,depthTest:!0},"matcap-material"):E.jsx("meshBasicMaterial",{...O,color:s,map:ee??void 0,alphaMap:Q??void 0,depthWrite:!1,depthTest:b!==W.none||e!==Z.none,toneMapped:!1},V)},dt=[{key:"base",getIndices:e=>e.baseIndices,masked:!1,renderOrderOffset:0},{key:"mouth",getIndices:e=>e.mouthIndices,masked:!1,renderOrderOffset:2},{key:"lips",getIndices:e=>e.lipIndices,masked:!1,renderOrderOffset:3},{key:"left-eye",getIndices:e=>e.leftEyeIndices,masked:!1,renderOrderOffset:2},{key:"right-eye",getIndices:e=>e.rightEyeIndices,masked:!1,renderOrderOffset:2},{key:"nose",getIndices:e=>e.noseIndices,masked:!1,renderOrderOffset:2},{key:"mouth-mask",getIndices:e=>e.mouthIndices,masked:!0,renderOrderOffset:3},{key:"left-eye-mask",getIndices:e=>e.leftEyeIndices,masked:!0,renderOrderOffset:3},{key:"right-eye-mask",getIndices:e=>e.rightEyeIndices,masked:!0,renderOrderOffset:3},{key:"nose-mask",getIndices:e=>e.noseIndices,masked:!0,renderOrderOffset:3}],Pn={[re.front]:F.FrontSide,[re.back]:F.BackSide,[re.double]:F.DoubleSide},Gn=e=>({position:new F.BufferAttribute(new Float32Array(e.vertexCount*3),3),uv:new F.BufferAttribute(new Float32Array(e.uvs),2),faceUv:new F.BufferAttribute(new Float32Array(e.vertexCount*2),2),lipEdge:new F.BufferAttribute(new Float32Array(e.lipEdgeDistance),1)}),jn=(e,n,t)=>{e.setAttribute("position",n.position),e.setAttribute("uv",n.uv),e.setAttribute("faceUv",n.faceUv),e.setAttribute("lipEdge",n.lipEdge),e.setIndex(new F.BufferAttribute(t,1))},ht=({faceIndex:e=0,baseColor:n,color:t=N.baseColor,opacity:r=N.opacity,materialType:o=N.materialType,shaderPreset:s=N.shaderPreset,textureMap:a=N.textureMap,alphaMap:u=N.alphaMap,alphaOpacity:d=N.alphaOpacity,side:f=N.side,blendMode:l=N.blendMode,blendOpacity:h=N.blendOpacity,showOverlayMask:c=!1,showMouthMask:p=pe.mouth,showEyeMask:m=pe.eyes,showLeftEyeMask:x,showRightEyeMask:A,showNoseMask:I=pe.nose,showEyeGeometry:M=!0,showLeftEyeGeometry:b,showRightEyeGeometry:T,showMouthGeometry:_=!0,showLipsGeometry:g=!1,showBaseGeometry:v=!0,showNoseGeometry:R=!0,maskTextureSource:k=oe.textureSource,maskSourceUrl:P="",maskColor:Y=oe.color,maskOpacity:q=oe.opacity,faceTextureUrl:O="",faceTextureStyle2Url:be="",faceAlphaMaskUrl:U="",compositeShading:ee=!1,faceWarp3D:Q,transform:V,renderOrder:gt=lt,externalScale:ge=1,mesh:At,meshUrl:Rt,materialOverride:ae,maxUpdateFps:xt,holdMs:je=250,predictMs:He=0})=>{const Ae=Ze.useXRModelNode(K.XRModel.FACE_TRACKER),ze=Ze.useXRCameraTexture(),{camera:_t}=ne.useThree(),G=it({mesh:At,url:Rt}),Be=i.useRef(null),St=i.useRef(null),Tt=i.useRef(null),vt=i.useRef(null),Ct=i.useRef(null),Ft=i.useRef(null),kt=i.useRef(null),Ut=i.useRef(null),It=i.useRef(null),wt=i.useRef(null),Lt=i.useRef(null),Ot=i.useRef(null),Dt=i.useRef(null),Nt=i.useRef(null),Pt=i.useRef(null),Gt=i.useRef(null),jt=i.useRef(null),Ht=i.useRef(null),zt=i.useRef(null),Bt=i.useRef(null),w=i.useMemo(()=>G?Gn(G):null,[G]),Xe=i.useRef(null),We=i.useRef(-1/0),ue=i.useRef(null);ue.current||(ue.current=new K.FaceTrackMemory({holdMs:je,predictMs:He})),ue.current.setOptions({holdMs:je,predictMs:He});const Xt=i.useRef(new F.Vector3),Wt=i.useRef({x:0,y:0,z:0}),Vt=i.useRef({x:0,y:0,z:0}),$t=i.useRef({x:0,y:0,z:0}),fe=i.useRef(!1),Kt=Pn[f],Yt=n??t,qt=b??M,Qt=T??M,Jt=c||(x??m),Zt=c||(A??m),en=c||p,tn=c||I,nn={base:Be,mouth:St,lips:Tt,"left-eye":vt,"right-eye":Ct,nose:Ft,"mouth-mask":kt,"left-eye-mask":Ut,"right-eye-mask":It,"nose-mask":wt},rn={base:Lt,mouth:Ot,lips:Dt,"left-eye":Nt,"right-eye":Pt,nose:Gt,"mouth-mask":jt,"left-eye-mask":Ht,"right-eye-mask":zt,"nose-mask":Bt},on={base:v,mouth:_,lips:g,"left-eye":qt,"right-eye":Qt,nose:R,"mouth-mask":en,"left-eye-mask":Jt,"right-eye-mask":Zt,"nose-mask":tn},sn=S=>E.jsx(ft,{alphaMap:u,alphaOpacity:d,blendMode:l,blendOpacity:h,cameraTexture:ze,color:Yt,compositeShading:ee,faceAlphaMaskUrl:U,faceTextureStyle2Url:be,faceTextureUrl:O,masked:S,maskColor:Y,maskOpacity:q,maskSourceUrl:P,maskTextureSource:k,materialType:o,opacity:r,shaderPreset:s,side:Kt,textureMap:a}),J=dt.map(S=>({...S,geometryRef:nn[S.key],meshRef:rn[S.key],visible:on[S.key]})),an=S=>he.projectLandmarkWithDepth(S,_t,Xt.current);return ne.useFrame(S=>{var qe,Qe;const z=Be.current,ce=(Qe=(qe=Ae==null?void 0:Ae.detectionResults)==null?void 0:qe.faceLandmarks)==null?void 0:Qe[e],cn=J.every(y=>y.geometryRef.current&&y.meshRef.current);if(!G||!w||!z||!cn)return;const j=ue.current.update([ce??[]],S.clock.elapsedTime*1e3)[0];if(!j||j.length<G.vertexCount){J.forEach(y=>{y.meshRef.current.visible=!1});return}if((Xe.current!==G||J.some(y=>!y.geometryRef.current.index))&&(J.forEach(y=>{jn(y.geometryRef.current,w,y.getIndices(G))}),w.uv.needsUpdate=!0,w.lipEdge.needsUpdate=!0,Xe.current=G,fe.current=!1),he.shouldSkipUpdate(S.clock.elapsedTime,We.current,xt))return;We.current=S.clock.elapsedTime;const Re=w.position.array,Ve=w.faceUv.array,xe=w.uv.array,$e=On(o,s,a),Ke=Rn(Q),Ye=Ke?An(j):null,D=V?$t.current:null;if(D){D.x=0,D.y=0,D.z=0;for(let y=0;y<j.length;y++){const H=j[y];D.x+=H.x,D.y+=H.y,D.z+=H.z}D.x/=j.length,D.y/=j.length,D.z/=j.length}const ln=Math.min(j.length,G.vertexCount);for(let y=0;y<ln;y++){const H=j[y],Je=Ke&&Ye?xn(H,Ye,Q,Wt.current):H,un=V&&D?he.transformFaceMeshLandmark(Je,D,V,Vt.current):Je,_e=y*3,de=y*2,Se=an(un);Re[_e]=Se.x,Re[_e+1]=Se.y,Re[_e+2]=Se.z,Ve[de]=H.x,Ve[de+1]=1-H.y,$e&&(xe[de]=H.x,xe[de+1]=1-H.y)}$e?(z.attributes.uv.needsUpdate=!0,fe.current=!0):fe.current&&(xe.set(G.uvs),z.attributes.uv.needsUpdate=!0,fe.current=!1),J.forEach(y=>{y.meshRef.current.visible=y.visible}),z.attributes.position.needsUpdate=!0,z.attributes.faceUv.needsUpdate=!0,J.forEach(y=>{y.geometryRef.current.computeVertexNormals()})}),E.jsx("group",{scale:[ge,ge,ge],children:J.map(S=>{const z=ae?typeof ae=="function"?ae({cameraTexture:ze??null,geometryKey:S.key,faceUv:(w==null?void 0:w.faceUv)??null,lipEdge:(w==null?void 0:w.lipEdge)??null}):ae:void 0,ce=z instanceof F.Material?z:void 0;return E.jsxs("mesh",{ref:S.meshRef,renderOrder:gt+S.renderOrderOffset,frustumCulled:!1,material:ce,children:[E.jsx("bufferGeometry",{ref:S.geometryRef}),ce?null:ae?z:sn(S.masked)]},`${S.key}:${ce?"instance":"node"}`)})})},mt=`${K.libConfig.sdkAssetsBaseUrl}/Canonical_Face_Color.png`,pt=`${K.libConfig.sdkAssetsBaseUrl}/Canonical_Face_Color_style_2.png`,Et=`${K.libConfig.sdkAssetsBaseUrl}/Canonical_Face_Color_Mask.png`,yt={...Le,position:{...Le.position,y:.001}},Hn={enabled:!0,faceIndex:0,targetFps:In,...N,showLeftEyeGeometry:!0,showRightEyeGeometry:!0,showMouthGeometry:!0,showNoseGeometry:!0,externalScale:1,showOverlayMask:!1,showMouthMask:!1,showLeftEyeMask:!1,showRightEyeMask:!1,showNoseMask:!1,maskTextureSource:oe.textureSource,maskSourceUrl:"",maskColor:oe.color,maskOpacity:oe.opacity,faceTextureUrl:mt,faceTextureStyle2Url:pt,faceAlphaMaskUrl:Et,renderOrder:lt},Mt=e=>{const{externalMeshUrl:n,...t}=e;return{...t,color:t.baseColor,meshUrl:n}},bt=({materialOverride:e,value:n})=>({...Mt(n),materialOverride:e}),zn=(e,n)=>{const t={...e,...n};return n.maskTextureSource&&!ye(n.maskTextureSource)&&(t.maskSourceUrl=""),t.materialType===C.shader&&n.shaderPreset===X.composite?{...t,...et,materialType:C.shader,shaderPreset:X.composite}:t.materialType===C.shader&&t.shaderPreset===X.composite&&t.textureMap===W.none?{...t,textureMap:et.textureMap}:t},Bn=({transform:e,value:n,materialOverride:t})=>n.enabled?E.jsxs(E.Fragment,{children:[E.jsx(he.FaceTracker,{active:n.enabled,faceIndex:n.faceIndex,numFaces:n.faceIndex+1,targetFps:n.targetFps}),E.jsx(ht,{...bt({value:n,materialOverride:t}),transform:e??yt})]}):null;exports.CANONICAL_FACE_MESH_GEOMETRY_SPECS=dt;exports.CANONICAL_INNER_LIP_RING=Me;exports.CANONICAL_OUTER_LIP_RING=Ne;exports.CanonicalFaceMeshRenderer=ht;exports.DEFAULT_APPEARANCE=N;exports.DEFAULT_FACE_MESH_RENDERER=Hn;exports.DEFAULT_FACE_MESH_TRANSFORM=yt;exports.DEFAULT_MASKING=pe;exports.DEFAULT_MATERIAL_FILL=Mn;exports.DEFAULT_SCREEN_GRADIENT=$;exports.DEFAULT_TRANSFORM_3D=Le;exports.FACE_MESH_ALPHA_MAPS=Z;exports.FACE_MESH_BLEND_MODES=Pe;exports.FACE_MESH_MASK_TEXTURE_SOURCES=se;exports.FACE_MESH_MATERIAL_TYPES=C;exports.FACE_MESH_SHADER_PRESETS=X;exports.FACE_MESH_SIDES=re;exports.FACE_MESH_TEXTURE_MAPS=W;exports.FaceMeshMaterial=ft;exports.FaceMeshRenderer=Bn;exports.MAX_SCREEN_GRADIENT_STOPS=Ee;exports.MaterialFill=ot;exports.ScreenGradientMaterial=rt;exports.Transform3D=gn;exports.blendModeIndices=Oe;exports.canonicalFaceAlphaMaskUrl=Et;exports.canonicalFaceTextureStyle2Url=pt;exports.canonicalFaceTextureUrl=mt;exports.createTwoStopGradient=De;exports.mapFaceMeshRendererProps=bt;exports.mapFaceMeshRendererSettingsToProps=Mt;exports.normalizeScreenGradient=nt;exports.parseCanonicalFaceModel=ct;exports.resolveFaceMeshRendererSettings=zn;exports.supportsBlendMode=Ln;exports.supportsTexturePanel=wn;exports.useCanonicalFaceMesh=it;exports.useStableUniforms=tt;exports.usesMaskColor=ut;exports.usesMaskSourceUrl=ye;