@davi-ai/react-bodyengine-three 1.0.26 → 1.0.28

package/dist/index.js

@@ -1,37 +1,38 @@
-import M, { useState as D, useMemo as ye, useEffect as V, useRef as se, useCallback as Ye, Suspense as Xe } from "react";
-import * as A from "three/webgpu";
-import { Vector3 as $e, TempNode as et, NodeUpdateType as tt, Matrix4 as X, Vector2 as ge, RenderTarget as be, DepthTexture as we, HalfFloatType as Me, NodeMaterial as st, RendererUtils as Te, Color as rt, QuadMesh as at, FloatType as nt } from "three/webgpu";
-import { Object3D as $s } from "three/webgpu";
-import { CharacterState as J, CreationTool as ee, AvaturnLoader as ot, AvatarSDKLoader as it, CC3Loader as ct, Character as he } from "@davi-ai/bodyengine-three";
-import { CharacterState as tr, CreationTool as sr, bmlTags as rr, emotionList as ar } from "@davi-ai/bodyengine-three";
-import { useDetectGPU as lt, AdaptiveDpr as ht, PerspectiveCamera as dt, CameraControls as ut, Environment as mt } from "@react-three/drei";
-import { convertToTexture as pt, uniform as Q, passTexture as gt, texture as Ae, velocity as fe, struct as ft, Fn as te, float as Y, vec2 as de, If as ke, vec4 as $, max as oe, ivec2 as yt, luminance as Ce, add as Oe, uv as St, mix as _e, logarithmicDepthToViewZ as xt, viewZToPerspectiveDepth as Pe, getViewPosition as vt, viewZToOrthographicDepth as bt, pass as wt, mrt as Ve, diffuseColor as Mt, output as Ne, directionToColor as Tt, normalView as At, sample as kt, colorToDirection as Ct } from "three/tsl";
-import { ssgi as _t } from "three/addons/tsl/display/SSGINode.js";
-import { Canvas as Pt, useThree as Vt, useFrame as He } from "@react-three/fiber";
-import { createSpeechSynthesisPonyfill as Nt, SpeechSynthesisUtterance as It } from "@davi-ai/web-speech-cognitive-services-davi";
-const Ie = (e) => {
+import * as xe from "react";
+import y, { useState as E, useMemo as Se, useEffect as M, useRef as te, useCallback as Qe, Suspense as $e } from "react";
+import * as w from "three/webgpu";
+import { Vector3 as Ye, TempNode as Je, NodeUpdateType as Xe, Vector2 as ye, RenderTarget as be, DepthTexture as ve, HalfFloatType as Te, NodeMaterial as et, NoBlending as tt, Matrix4 as J, RendererUtils as Me, QuadMesh as rt, FloatType as st } from "three/webgpu";
+import { Object3D as ts } from "three/webgpu";
+import { CharacterState as q, CreationTool as X, AvaturnLoader as nt, AvatarSDKLoader as at, CC3Loader as ot, Character as ue } from "@davi-ai/bodyengine-three";
+import { CharacterState as ss, CreationTool as ns, bmlTags as as, emotionList as os } from "@davi-ai/bodyengine-three";
+import { usePerformanceMonitor as it, useDetectGPU as ct, PerformanceMonitor as lt, PerspectiveCamera as ht, CameraControls as dt, Environment as ut } from "@react-three/drei";
+import { convertToTexture as mt, uniform as Q, passTexture as pt, texture as ke, velocity as Ue, struct as gt, Fn as ee, float as Z, vec2 as me, If as Ae, vec4 as oe, max as ae, ivec2 as ft, luminance as Pe, add as je, uv as yt, mix as St, logarithmicDepthToViewZ as wt, viewZToPerspectiveDepth as Ce, getViewPosition as xt, viewZToOrthographicDepth as bt, pass as vt, mrt as Tt, diffuseColor as Mt, output as kt, packNormalToRGB as At, normalView as Pt, sample as Ct, unpackRGBToNormal as _t } from "three/tsl";
+import { ssgi as Nt } from "three/addons/tsl/display/SSGINode.js";
+import { useThree as Le, Canvas as Rt, useFrame as Oe } from "@react-three/fiber";
+import { createSpeechSynthesisPonyfill as Vt, SpeechSynthesisUtterance as It } from "@davi-ai/web-speech-cognitive-services-davi";
+const _e = (e) => {
   let t;
-  const s = /* @__PURE__ */ new Set(), r = (h, p) => {
-    const g = typeof h == "function" ? h(t) : h;
-    if (!Object.is(g, t)) {
-      const b = t;
-      t = p ?? (typeof g != "object" || g === null) ? g : Object.assign({}, t, g), s.forEach((i) => i(t, b));
+  const r = /* @__PURE__ */ new Set(), s = (u, P) => {
+    const _ = typeof u == "function" ? u(t) : u;
+    if (!Object.is(_, t)) {
+      const N = t;
+      t = P ?? (typeof _ != "object" || _ === null) ? _ : Object.assign({}, t, _), r.forEach((l) => l(t, N));
     }
-  }, o = () => t, v = { setState: r, getState: o, getInitialState: () => x, subscribe: (h) => (s.add(h), () => s.delete(h)) }, x = t = e(r, o, v);
+  }, o = () => t, v = { setState: s, getState: o, getInitialState: () => T, subscribe: (u) => (r.add(u), () => r.delete(u)) }, T = t = e(s, o, v);
   return v;
-}, Ft = (e) => e ? Ie(e) : Ie, Rt = (e) => e;
-function Bt(e, t = Rt) {
-  const s = M.useSyncExternalStore(
+}, Bt = (e) => e ? _e(e) : _e, zt = (e) => e;
+function Dt(e, t = zt) {
+  const r = y.useSyncExternalStore(
     e.subscribe,
-    M.useCallback(() => t(e.getState()), [e, t]),
-    M.useCallback(() => t(e.getInitialState()), [e, t])
+    y.useCallback(() => t(e.getState()), [e, t]),
+    y.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return M.useDebugValue(s), s;
+  return y.useDebugValue(r), r;
 }
-const zt = (e) => {
-  const t = Ft(e), s = (r) => Bt(t, r);
-  return Object.assign(s, t), s;
-}, ae = (e) => zt, k = ae()(() => ({
+const Et = (e) => {
+  const t = Bt(e), r = (s) => Dt(t, s);
+  return Object.assign(r, t), r;
+}, se = (e) => Et, b = se()(() => ({
   character: null,
   managers: [],
   globalManager: null,
@@ -47,43 +48,43 @@ const zt = (e) => {
   characterWidth: 0,
   characterHeight: 0,
   characterDepth: 0,
-  characterState: J.idle
-})), Dt = (e) => {
-  k.setState({ character: e }), k.setState({ managers: {
+  characterState: q.idle
+})), Ft = (e) => {
+  b.setState({ character: e }), b.setState({ managers: {
     lipSyncManager: (e == null ? void 0 : e.lipSyncManager) || null,
     blendshapeManager: (e == null ? void 0 : e.blendshapeManager) || null,
     eyeBlinkManager: (e == null ? void 0 : e.eyeBlinkManager) || null,
     animationManager: (e == null ? void 0 : e.animationManager) || null
-  } }), k.setState({ globalManager: (e == null ? void 0 : e.globalManager) || null }), k.setState({ lipSyncManager: (e == null ? void 0 : e.lipSyncManager) || null }), k.setState({ blendshapeManager: (e == null ? void 0 : e.blendshapeManager) || null }), k.setState({ eyeBlinkManager: (e == null ? void 0 : e.eyeBlinkManager) || null }), k.setState({ animationManager: (e == null ? void 0 : e.animationManager) || null }), k.setState({ FACSManager: (e == null ? void 0 : e.FACSManager) || null }), k.setState({ headPoseManager: (e == null ? void 0 : e.headPoseManager) || null }), k.setState({ gazeManager: (e == null ? void 0 : e.gazeManager) || null }), k.setState({ bmlManager: (e == null ? void 0 : e.bmlManager) || null });
-}, Fe = (e) => {
-  k.setState({ animationsLoaded: e });
-}, jt = (e) => {
-  k.setState({ characterWidth: e.x }), k.setState({ characterHeight: e.y }), k.setState({ characterDepth: e.z });
-}, Cs = () => k.getState().characterHeight, Re = (e) => {
-  k.setState({ characterState: e });
-}, z = ae()(() => ({
+  } }), b.setState({ globalManager: (e == null ? void 0 : e.globalManager) || null }), b.setState({ lipSyncManager: (e == null ? void 0 : e.lipSyncManager) || null }), b.setState({ blendshapeManager: (e == null ? void 0 : e.blendshapeManager) || null }), b.setState({ eyeBlinkManager: (e == null ? void 0 : e.eyeBlinkManager) || null }), b.setState({ animationManager: (e == null ? void 0 : e.animationManager) || null }), b.setState({ FACSManager: (e == null ? void 0 : e.FACSManager) || null }), b.setState({ headPoseManager: (e == null ? void 0 : e.headPoseManager) || null }), b.setState({ gazeManager: (e == null ? void 0 : e.gazeManager) || null }), b.setState({ bmlManager: (e == null ? void 0 : e.bmlManager) || null });
+}, Ne = (e) => {
+  b.setState({ animationsLoaded: e });
+}, Ut = (e) => {
+  b.setState({ characterWidth: e.x }), b.setState({ characterHeight: e.y }), b.setState({ characterDepth: e.z });
+}, Nr = () => b.getState().characterHeight, Re = (e) => {
+  b.setState({ characterState: e });
+}, D = se()(() => ({
   cameraRef: null,
-  cameraPosition: new $e(0, 0, 5),
+  cameraPosition: new Ye(0, 0, 5),
   bodyCenter: null,
   defaultPositions: null,
   defaultDistances: null,
   lookAt: null,
   movable: !0
-})), Et = (e) => {
-  z.setState({ cameraRef: e });
-}, Be = (e) => {
-  z.setState({ cameraPosition: e });
-}, _s = () => z.getState().cameraPosition, Ut = (e) => {
-  z.setState({ bodyCenter: e });
-}, Lt = (e) => {
-  z.setState({ defaultPositions: e });
+})), jt = (e) => {
+  D.setState({ cameraRef: e });
+}, Ve = (e) => {
+  D.setState({ cameraPosition: e });
+}, Rr = () => D.getState().cameraPosition, Lt = (e) => {
+  D.setState({ bodyCenter: e });
 }, Ot = (e) => {
-  z.setState({ defaultDistances: e });
-}, ze = (e) => {
-  z.setState({ lookAt: e });
-}, Ps = () => z.getState().lookAt, Ht = (e) => {
-  z.setState({ movable: e });
-}, E = ae()(() => ({
+  D.setState({ defaultPositions: e });
+}, Ht = (e) => {
+  D.setState({ defaultDistances: e });
+}, Ie = (e) => {
+  D.setState({ lookAt: e });
+}, Vr = () => D.getState().lookAt, Gt = (e) => {
+  D.setState({ movable: e });
+}, U = se()(() => ({
   currentAUs: null,
   currentGaze: null,
   currentHeadPose: null,
@@ -91,55 +92,47 @@ const zt = (e) => {
   targets: [],
   showFirstTarget: !1
 })), Wt = (e) => {
-  E.setState({ targets: e });
-}, Vs = (e) => {
-  E.setState({ currentAUs: e });
-}, Ns = (e) => {
-  E.setState({ currentGaze: e });
-}, Is = (e) => {
-  E.setState({ currentHeadPose: e });
-}, ue = (e) => {
-  E.setState({ lookAtCamera: e }), e ? qt() : Gt();
-}, Fs = (e) => {
-  E.setState({ lookAtCamera: e });
-  const t = k.getState().globalManager;
-  if (e) {
-    const s = z.getState().cameraRef;
-    t == null || t.lookAtAndSteady(s);
-  } else
-    t == null || t.releaseLookAt();
+  U.setState({ targets: e });
+}, Ir = (e) => {
+  U.setState({ currentAUs: e });
+}, Br = (e) => {
+  U.setState({ currentGaze: e });
+}, zr = (e) => {
+  U.setState({ currentHeadPose: e });
+}, pe = (e) => {
+  U.setState({ lookAtCamera: e }), e ? qt() : Kt();
 }, qt = (e) => {
-  const t = k.getState().globalManager;
+  const t = b.getState().globalManager;
   if (e)
     t == null || t.lookAtAndKeep(e);
   else {
-    const s = z.getState().cameraRef;
-    t == null || t.lookAtAndKeep(s);
+    const r = D.getState().cameraRef;
+    t == null || t.lookAtAndKeep(r);
   }
-}, Gt = () => {
+}, Kt = () => {
   var e;
-  (e = k.getState().globalManager) == null || e.releaseLookAt();
-}, Rs = (e) => {
-  E.setState({ showFirstTarget: e });
-}, re = ae()(() => ({
+  (e = b.getState().globalManager) == null || e.releaseLookAt();
+}, Dr = (e) => {
+  U.setState({ showFirstTarget: e });
+}, re = se()(() => ({
   animationsNames: [],
   animations: /* @__PURE__ */ new Map(),
   currentAnimation: null,
   autoPlay: !0
-})), Jt = (e) => {
+})), Zt = (e) => {
   re.setState({ animationsNames: e });
-}, Kt = (e) => {
+}, Qt = (e) => {
   re.setState({ animations: e });
-}, Bs = () => re.getState().animations, zs = (e) => {
+}, Er = () => re.getState().animations, Fr = (e) => {
   re.setState({ autoPlay: e });
-}, Ds = (e) => {
+}, Ur = (e) => {
   if (re.setState({ autoPlay: !1 }), re.getState().animationsNames.includes(e)) {
-    const s = k.getState().animationManager;
-    s == null || s.playAnimation(e);
+    const r = b.getState().animationManager;
+    r == null || r.playAnimation(e);
   }
 };
-var F = /* @__PURE__ */ ((e) => (e.eye = "eye", e.mouth = "mouth", e.neck = "neck", e.clavicle = "clavicle", e.torso = "torso", e.belly = "belly", e.lowerbelly = "lowerbelly", e.hips = "hips", e.higherthigh = "higherthigh", e.thigh = "thigh", e.knee = "knee", e.leg = "leg", e.feet = "feet", e))(F || {}), G = /* @__PURE__ */ ((e) => (e[e.face = 1] = "face", e[e.eighthleft = 2] = "eighthleft", e[e.thirdleft = 3] = "thirdleft", e[e.quarterleft = 4] = "quarterleft", e[e.halfleft = 5] = "halfleft", e[e.eighthright = 6] = "eighthright", e[e.thirdright = 7] = "thirdright", e[e.quarterright = 8] = "quarterright", e[e.halfright = 9] = "halfright", e))(G || {}), R = /* @__PURE__ */ ((e) => (e[e.veryclose = 1] = "veryclose", e[e.closer = 2] = "closer", e[e.close = 3] = "close", e[e.midclose = 4] = "midclose", e[e.medium = 5] = "medium", e[e.midfar = 6] = "midfar", e[e.far = 7] = "far", e[e.farther = 8] = "farther", e[e.veryfar = 9] = "veryfar", e))(R || {}), le = /* @__PURE__ */ ((e) => (e.cc3 = "CC_Base_Body", e.avatarsdk = "AvatarBody", e.avaturn = "Body_Mesh", e))(le || {}), Se = /* @__PURE__ */ ((e) => (e.Jay = "joy", e.Anger = "anger", e.Contempt = "contempt", e.Disgust = "disgust", e.Dislike = "dislike", e.Distress = "distress", e.Fear = "fear", e.Frustration = "frustration", e.Guilt = "guilt", e.Hope = "hope", e.Love = "love", e.Pride = "pride", e.Regret = "regret", e.Relief = "relief", e.Sadness = "sadness", e.Shame = "shame", e.Smile = "smile", e.Surprise = "surprise", e.Neutral = "neutral", e))(Se || {});
-const De = /* @__PURE__ */ new Map([
+var R = /* @__PURE__ */ ((e) => (e.eye = "eye", e.mouth = "mouth", e.neck = "neck", e.clavicle = "clavicle", e.torso = "torso", e.belly = "belly", e.lowerbelly = "lowerbelly", e.hips = "hips", e.higherthigh = "higherthigh", e.thigh = "thigh", e.knee = "knee", e.leg = "leg", e.feet = "feet", e))(R || {}), W = /* @__PURE__ */ ((e) => (e[e.face = 1] = "face", e[e.eighthleft = 2] = "eighthleft", e[e.thirdleft = 3] = "thirdleft", e[e.quarterleft = 4] = "quarterleft", e[e.halfleft = 5] = "halfleft", e[e.eighthright = 6] = "eighthright", e[e.thirdright = 7] = "thirdright", e[e.quarterright = 8] = "quarterright", e[e.halfright = 9] = "halfright", e))(W || {}), V = /* @__PURE__ */ ((e) => (e[e.veryclose = 1] = "veryclose", e[e.closer = 2] = "closer", e[e.close = 3] = "close", e[e.midclose = 4] = "midclose", e[e.medium = 5] = "medium", e[e.midfar = 6] = "midfar", e[e.far = 7] = "far", e[e.farther = 8] = "farther", e[e.veryfar = 9] = "veryfar", e))(V || {}), le = /* @__PURE__ */ ((e) => (e.cc3 = "CC_Base_Body", e.avatarsdk = "AvatarBody", e.avaturn = "Body_Mesh", e))(le || {}), we = /* @__PURE__ */ ((e) => (e.Jay = "joy", e.Anger = "anger", e.Contempt = "contempt", e.Disgust = "disgust", e.Dislike = "dislike", e.Distress = "distress", e.Fear = "fear", e.Frustration = "frustration", e.Guilt = "guilt", e.Hope = "hope", e.Love = "love", e.Pride = "pride", e.Regret = "regret", e.Relief = "relief", e.Sadness = "sadness", e.Shame = "shame", e.Smile = "smile", e.Surprise = "surprise", e.Neutral = "neutral", e))(we || {});
+const Be = /* @__PURE__ */ new Map([
   [0, "sil"],
   [1, "aa"],
   [2, "aa"],
@@ -162,7 +155,7 @@ const De = /* @__PURE__ */ new Map([
   [19, "DD"],
   [20, "kk"],
   [21, "PP"]
-]), Zt = /* @__PURE__ */ new Map([
+]), $t = /* @__PURE__ */ new Map([
   ["#", "#"],
   ["p", "p"],
   ["b", "b"],
@@ -211,7 +204,7 @@ const De = /* @__PURE__ */ new Map([
   ["9~", "oẽ"],
   ["N", "ŋ"],
   ["J", "ɲ"]
-]), Qt = /* @__PURE__ */ new Map([
+]), Yt = /* @__PURE__ */ new Map([
   ["#", 0],
   ["æ", 1],
   ["ə", 1],
@@ -252,48 +245,48 @@ const De = /* @__PURE__ */ new Map([
   ["p", 21],
   ["b", 21],
   ["m", 21]
-]), Yt = {
-  position: F.mouth,
-  distance: R.farther,
-  lookAt: F.lowerbelly
+]), Jt = {
+  position: R.mouth,
+  distance: V.farther,
+  lookAt: R.lowerbelly
 }, Xt = {
-  position: F.mouth,
-  distance: R.close,
-  lookAt: F.mouth
-}, $t = {
-  position: F.mouth,
-  distance: R.midclose,
-  lookAt: F.mouth
-}, es = {
-  position: F.neck,
-  distance: R.close,
-  lookAt: F.neck
-}, ts = {
-  position: F.eye,
-  distance: R.medium,
-  lookAt: F.neck
-}, ss = {
-  position: F.eye,
-  distance: R.medium,
-  lookAt: F.clavicle
-}, rs = {
-  position: F.eye,
-  distance: R.midfar,
-  lookAt: F.belly
-}, as = {
-  position: F.eye,
-  distance: R.far,
-  lookAt: F.lowerbelly
-}, js = {
-  default: Yt,
+  position: R.mouth,
+  distance: V.close,
+  lookAt: R.mouth
+}, er = {
+  position: R.mouth,
+  distance: V.midclose,
+  lookAt: R.mouth
+}, tr = {
+  position: R.neck,
+  distance: V.close,
+  lookAt: R.neck
+}, rr = {
+  position: R.eye,
+  distance: V.medium,
+  lookAt: R.neck
+}, sr = {
+  position: R.eye,
+  distance: V.medium,
+  lookAt: R.clavicle
+}, nr = {
+  position: R.eye,
+  distance: V.midfar,
+  lookAt: R.belly
+}, ar = {
+  position: R.eye,
+  distance: V.far,
+  lookAt: R.lowerbelly
+}, jr = {
+  default: Jt,
   head: Xt,
-  neck: $t,
-  shoulders: es,
-  chest: ts,
-  belly: ss,
-  knees: rs,
-  feet: as
-}, C = ae()(() => ({
+  neck: er,
+  shoulders: tr,
+  chest: rr,
+  belly: sr,
+  knees: nr,
+  feet: ar
+}, x = se()(() => ({
   credentials: void 0,
   currentUtterance: null,
   boundaries: [],
@@ -306,295 +299,251 @@ const De = /* @__PURE__ */ new Map([
   textToSpeak: null,
   visemeIntensity: 1,
   useBlendshapeManager: !1
-})), ns = (e) => {
-  C.setState({ credentials: e });
-}, os = (e) => {
+})), or = (e) => {
+  x.setState({ credentials: e });
+}, ir = (e) => {
   if (e) {
-    const t = C.getState().voice;
+    const t = x.getState().voice;
     t && (e.voice = t);
   }
-  C.setState({ currentUtterance: e }), C.setState({ textToSpeak: null });
-}, Es = (e) => {
-  C.setState({ visemes: e });
-}, Us = (e) => {
-  C.setState({ blendshapes: e });
-}, We = (e) => {
-  C.setState({ visemes: [...C.getState().visemes, e] });
-}, Ls = (e) => {
-  C.setState({ blendshapes: [...C.getState().blendshapes, e] });
-}, Os = (e, t) => {
-  const s = Zt.get(e.name);
-  if (s) {
-    const r = Qt.get(s);
-    r !== void 0 && We({ ...e, name: `${r}`, elapsedTime: e.elapsedTime * (t || 1e7) });
+  x.setState({ currentUtterance: e }), x.setState({ textToSpeak: null });
+}, Lr = (e) => {
+  x.setState({ visemes: e });
+}, Or = (e) => {
+  x.setState({ blendshapes: e });
+}, He = (e) => {
+  x.setState({ visemes: [...x.getState().visemes, e] });
+}, Hr = (e) => {
+  x.setState({ blendshapes: [...x.getState().blendshapes, e] });
+}, Gr = (e, t) => {
+  const r = $t.get(e.name);
+  if (r) {
+    const s = Yt.get(r);
+    s !== void 0 && He({ ...e, name: `${s}`, elapsedTime: e.elapsedTime * (t || 1e7) });
   }
-}, is = (e) => {
-  C.setState({ currentVisemeIndex: e });
-}, cs = (e) => {
-  C.setState({ currentBlendshapeIndex: e });
-}, qe = () => {
+}, cr = (e) => {
+  x.setState({ currentVisemeIndex: e });
+}, lr = (e) => {
+  x.setState({ currentBlendshapeIndex: e });
+}, Ge = () => {
   var e;
-  C.setState({
+  x.setState({
     visemes: [],
     currentVisemeIndex: 0
-  }), (e = k.getState().lipSyncManager) == null || e.stop();
-}, Ge = () => {
+  }), (e = b.getState().lipSyncManager) == null || e.stop();
+}, We = () => {
   var e;
-  C.setState({
+  x.setState({
     blendshapes: [],
     currentBlendshapeIndex: 0
-  }), (e = k.getState().blendshapeManager) == null || e.stop();
-}, ls = (e) => {
-  C.setState({ voice: e });
-}, je = (e) => {
-  C.setState({ voices: e });
-}, Hs = (e) => {
-  C.setState({ textToSpeak: e });
-}, Ws = () => C.getState().voices, qs = (e) => {
-  C.setState({ visemeIntensity: e });
-}, hs = (e) => {
-  e !== C.getState().useBlendshapeManager && (qe(), Ge(), C.setState({ useBlendshapeManager: e }));
-}, ds = (e, t, s) => {
-  let r = s[e.position || F.eye].getComponent(0);
-  const o = s[e.position || F.mouth].getComponent(1);
-  let n = 0;
-  const f = typeof e.distance == "string" ? parseInt(e.distance) : e.distance, v = typeof e.rotation == "string" ? parseInt(e.rotation) : e.rotation;
-  switch (f) {
-    case R.veryclose:
-      n = t.veryclose;
+  }), (e = b.getState().blendshapeManager) == null || e.stop();
+}, hr = (e) => {
+  x.setState({ voice: e });
+}, ze = (e) => {
+  x.setState({ voices: e });
+}, Wr = (e) => {
+  x.setState({ textToSpeak: e });
+}, qr = () => x.getState().voices, Kr = (e) => {
+  x.setState({ visemeIntensity: e });
+}, dr = (e) => {
+  e !== x.getState().useBlendshapeManager && (Ge(), We(), x.setState({ useBlendshapeManager: e }));
+}, ur = (e, t, r) => {
+  let s = r[e.position || R.eye].getComponent(0);
+  const o = r[e.position || R.mouth].getComponent(1);
+  let a = 0;
+  const k = typeof e.distance == "string" ? parseInt(e.distance) : e.distance, v = typeof e.rotation == "string" ? parseInt(e.rotation) : e.rotation;
+  switch (k) {
+    case V.veryclose:
+      a = t.veryclose;
       break;
-    case R.closer:
-      n = t.closer;
+    case V.closer:
+      a = t.closer;
       break;
-    case R.close:
-      n = t.close;
+    case V.close:
+      a = t.close;
       break;
-    case R.midclose:
-      n = t.midclose;
+    case V.midclose:
+      a = t.midclose;
       break;
-    case R.medium:
-      n = t.medium;
+    case V.medium:
+      a = t.medium;
       break;
-    case R.midfar:
-      n = t.midfar;
+    case V.midfar:
+      a = t.midfar;
       break;
-    case R.far:
-      n = t.far;
+    case V.far:
+      a = t.far;
       break;
-    case R.farther:
+    case V.farther:
     case void 0:
     default:
-      n = t.farther;
+      a = t.farther;
       break;
-    case R.veryfar:
-      n = t.veryfar;
+    case V.veryfar:
+      a = t.veryfar;
       break;
   }
-  if (v && v !== G.face)
+  if (v && v !== W.face)
     switch (v) {
-      case G.eighthleft: {
-        const x = 0.2588190451;
-        r = r - n * x, n = n * Math.sqrt(1 - Math.pow(x, 2));
+      case W.eighthleft: {
+        const T = 0.2588190451;
+        s = s - a * T, a = a * Math.sqrt(1 - Math.pow(T, 2));
         break;
       }
-      case G.thirdleft:
-        r = r - n * (1 / 2), n = n * (Math.sqrt(3) / 2);
+      case W.thirdleft:
+        s = s - a * (1 / 2), a = a * (Math.sqrt(3) / 2);
         break;
-      case G.quarterleft:
-        r = r - n * (Math.SQRT2 / 2), n = n * (Math.SQRT2 / 2);
+      case W.quarterleft:
+        s = s - a * (Math.SQRT2 / 2), a = a * (Math.SQRT2 / 2);
         break;
-      case G.halfleft:
-        r = r - n, n = s.eye.getComponent(2);
+      case W.halfleft:
+        s = s - a, a = r.eye.getComponent(2);
         break;
-      case G.eighthright: {
-        const x = 0.2588190451;
-        r = r + n * x, n = n * Math.sqrt(1 - Math.pow(x, 2));
+      case W.eighthright: {
+        const T = 0.2588190451;
+        s = s + a * T, a = a * Math.sqrt(1 - Math.pow(T, 2));
         break;
       }
-      case G.thirdright:
-        r = r + n * (1 / 2), n = n * (Math.sqrt(3) / 2);
+      case W.thirdright:
+        s = s + a * (1 / 2), a = a * (Math.sqrt(3) / 2);
         break;
-      case G.quarterright:
-        r = r + n * (Math.SQRT2 / 2), n = n * (Math.SQRT2 / 2);
+      case W.quarterright:
+        s = s + a * (Math.SQRT2 / 2), a = a * (Math.SQRT2 / 2);
         break;
-      case G.halfright:
-        r = r + n, n = s.eye.getComponent(2);
+      case W.halfright:
+        s = s + a, a = r.eye.getComponent(2);
         break;
     }
-  return new A.Vector3(r, o, n);
-}, me = /* @__PURE__ */ new at(), Ee = /* @__PURE__ */ new ge();
-let pe;
-function Je(e) {
-  const t = [];
-  let s, r;
-  function o(h) {
-    s = new Array(h).fill(!1), r = new Array(h).fill(!1);
-  }
-  let n = 12345;
-  function f() {
-    return n = n * 1664525 + 1013904223 & 4294967295, (n >>> 0) / 4294967296;
-  }
-  function v(h, p) {
-    const g = p;
-    let b;
-    if (g <= s.length) {
-      const d = [];
-      for (let c = 0; c < g; c++)
-        s[c] || d.push(c);
-      b = d[Math.floor(f() * d.length)];
-    } else
-      b = Math.floor(f() * g);
-    let i;
-    if (g <= r.length) {
-      const d = [];
-      for (let c = 0; c < g; c++)
-        r[c] || d.push(c);
-      i = d[Math.floor(f() * d.length)];
-    } else
-      i = Math.floor(f() * g);
-    const l = (b + f()) / g, y = (i + f()) / g;
-    return b < s.length && (s[b] = !0), i < r.length && (r[i] = !0), [l, y];
-  }
-  o(1), t.push([f(), f()]), s[0] = !0, r[0] = !0;
-  let x = 1;
-  for (; x < e; ) {
-    const h = x * 2;
-    o(h);
-    for (let p = 0; p < x; p++) {
-      const [g, b] = t[p], i = Math.min(Math.floor(g * h), h - 1), l = Math.min(Math.floor(b * h), h - 1);
-      i < s.length && (s[i] = !0), l < r.length && (r[l] = !0);
-    }
-    for (let p = 0; p < x; p++) {
-      const g = v(p, h);
-      t.push(g);
-    }
-    x = h;
-  }
-  return t.slice(0, e);
-}
-const Ue = /* @__PURE__ */ Je(64);
-class us extends et {
+  return new w.Vector3(s, o, a);
+}, ge = /* @__PURE__ */ new rt(), De = /* @__PURE__ */ new ye();
+let fe;
+class mr extends Je {
   static get type() {
-    return "PMJTAANode";
+    return "TRAANode";
   }
-  constructor(t, s, r, o) {
-    super("vec4"), this.isPMJTAANode = !0, this.updateBeforeType = tt.FRAME, this.beautyNode = t, this.depthNode = s, this.velocityNode = r, this.camera = o, this.depthThreshold = 5e-4, this.edgeDepthDiff = 1e-3, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this.jitterIntensity = 1, this.useProgressiveAccumulation = !1, this._accumulatedFrames = 0, this.maxAccumulationFrames = 256, this._prevCameraMatrix = new X(), this._progressiveWeight = Q(0), this._jitterIndex = 0, this._sampleCount = 64, this._sequenceLength = Ue.length, this._sequence = Ue, this._invSize = Q(new ge()), this._historyRenderTarget = new be(1, 1, { depthBuffer: !1, type: Me, depthTexture: new we() }), this._historyRenderTarget.texture.name = "PMJTAANode.history", this._resolveRenderTarget = new be(1, 1, { depthBuffer: !1, type: Me }), this._resolveRenderTarget.texture.name = "PMJTAANode.resolve", this._resolveMaterial = new st(), this._resolveMaterial.name = "PMJTAA.resolve", this._textureNode = gt(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new X(), this._cameraNearFar = Q(new ge()), this._cameraWorldMatrix = Q(new X()), this._cameraWorldMatrixInverse = Q(new X()), this._cameraProjectionMatrixInverse = Q(new X()), this._previousCameraWorldMatrix = Q(new X()), this._previousCameraProjectionMatrixInverse = Q(new X()), this._previousDepthNode = Ae(new we(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
+  /**
+   * Constructs a new TRAA node.
+   *
+   * @param {TextureNode} beautyNode - The texture node that represents the input of the effect.
+   * @param {TextureNode} depthNode - A node that represents the scene's depth.
+   * @param {TextureNode} velocityNode - A node that represents the scene's velocity.
+   * @param {Camera} camera - The camera the scene is rendered with.
+   */
+  constructor(t, r, s, o) {
+    super("vec4"), this.isTRAANode = !0, this.updateBeforeType = Xe.FRAME, this.beautyNode = t, this.depthNode = r, this.velocityNode = s, this.camera = o, this.depthThreshold = 5e-4, this.edgeDepthDiff = 1e-3, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = Q(new ye()), this._historyRenderTarget = new be(1, 1, { depthBuffer: !1, type: Te, depthTexture: new ve() }), this._historyRenderTarget.texture.name = "TRAANode.history", this._resolveRenderTarget = new be(1, 1, { depthBuffer: !1, type: Te }), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new et(), this._resolveMaterial.name = "TRAA.resolve", this._resolveMaterial.blending = tt, this._textureNode = pt(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new J(), this._cameraNearFar = Q(new ye()), this._cameraWorldMatrix = Q(new J()), this._cameraWorldMatrixInverse = Q(new J()), this._cameraProjectionMatrixInverse = Q(new J()), this._previousCameraWorldMatrix = Q(new J()), this._previousCameraProjectionMatrixInverse = Q(new J()), this._previousDepthNode = ke(new ve(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
   }
+  /**
+   * Returns the result of the effect as a texture node.
+   *
+   * @return {PassTextureNode} A texture node that represents the result of the effect.
+   */
   getTextureNode() {
     return this._textureNode;
   }
-  setSize(t, s) {
-    this._historyRenderTarget.setSize(t, s), this._resolveRenderTarget.setSize(t, s), this._invSize.value.set(1 / t, 1 / s);
+  /**
+   * Sets the size of the effect.
+   *
+   * @param {number} width - The width of the effect.
+   * @param {number} height - The height of the effect.
+   */
+  setSize(t, r) {
+    this._historyRenderTarget.setSize(t, r), this._resolveRenderTarget.setSize(t, r), this._invSize.value.set(1 / t, 1 / r);
   }
   /**
-   * Applies the PMJ02 jitter offset to the camera as a sub-pixel view offset.
+   * Defines the TRAA's current jitter as a view offset
+   * to the scene's camera.
+   *
+   * @param {number} width - The width of the effect.
+   * @param {number} height - The height of the effect.
    */
-  setViewOffset(t, s) {
+  setViewOffset(t, r) {
     this.camera.updateProjectionMatrix(), this._originalProjectionMatrix.copy(this.camera.projectionMatrix), this._velocityNode.setProjectionMatrix(this._originalProjectionMatrix);
-    const r = {
+    const s = {
       fullWidth: t,
-      fullHeight: s,
+      fullHeight: r,
       offsetX: 0,
       offsetY: 0,
       width: t,
-      height: s
-    }, o = this._sequence[this._jitterIndex];
+      height: r
+    }, o = Fe[this._jitterIndex];
     this.camera.setViewOffset(
-      r.fullWidth,
-      r.fullHeight,
-      r.offsetX + (o[0] - 0.5) * this.jitterIntensity,
-      r.offsetY + (o[1] - 0.5) * this.jitterIntensity,
-      r.width,
-      r.height
+      s.fullWidth,
+      s.fullHeight,
+      s.offsetX + (o[0] - 0.5) / 2,
+      s.offsetY + (o[1] - 0.5) / 2,
+      s.width,
+      s.height
     );
   }
-  clearViewOffset() {
-    this.camera.clearViewOffset(), this._velocityNode.setProjectionMatrix(null), this._jitterIndex++, this._jitterIndex = this._jitterIndex % this._sampleCount;
-  }
   /**
-   * Sets the number of samples in the jitter sequence.
-   * Must be a power of 2 between 2 and 256.
-   *
-   * @param {number} count - The number of samples (power of 2).
+   * Clears the view offset from the scene's camera.
    */
-  setSampleCount(t) {
-    t = Math.max(2, Math.min(256, t)), t = Math.pow(2, Math.round(Math.log2(t))), t !== this._sampleCount && (this._sampleCount = t, this._sequence = Je(t), this._jitterIndex = 0);
+  clearViewOffset() {
+    this.camera.clearViewOffset(), this._velocityNode.setProjectionMatrix(null), this._jitterIndex++, this._jitterIndex = this._jitterIndex % (Fe.length - 1);
   }
   /**
-   * Returns the current sample count.
-   * @returns {number}
+   * This method is used to render the effect once per frame.
+   *
+   * @param {NodeFrame} frame - The current node frame.
    */
-  get sampleCount() {
-    return this._sampleCount;
-  }
-  set sampleCount(t) {
-    this.setSampleCount(t);
-  }
   updateBefore(t) {
-    const { renderer: s } = t, r = this.camera.matrixWorld;
-    let o = !1;
-    if (this.useProgressiveAccumulation) {
-      const p = r.elements, g = this._prevCameraMatrix.elements;
-      for (let i = 0; i < 16; i++)
-        if (Math.abs(p[i] - g[i]) > 1e-6) {
-          o = !0;
-          break;
-        }
-      o && (this._accumulatedFrames = 0), this._accumulatedFrames++;
-      const b = Math.min(this._accumulatedFrames, this.maxAccumulationFrames);
-      this._progressiveWeight.value = o ? 0 : 1 / b, this._prevCameraMatrix.copy(r);
-    } else
-      this._progressiveWeight.value = 0, this._accumulatedFrames = 0;
+    const { renderer: r } = t;
     this._previousCameraWorldMatrix.value.copy(this._cameraWorldMatrix.value), this._previousCameraProjectionMatrixInverse.value.copy(this._cameraProjectionMatrixInverse.value), this._cameraNearFar.value.set(this.camera.near, this.camera.far), this._cameraWorldMatrix.value.copy(this.camera.matrixWorld), this._cameraWorldMatrixInverse.value.copy(this.camera.matrixWorldInverse), this._cameraProjectionMatrixInverse.value.copy(this.camera.projectionMatrixInverse);
-    const n = this.beautyNode.isRTTNode ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget, f = n.texture.width, v = n.texture.height;
-    this._needsPostProcessingSync === !0 && (this.setViewOffset(f, v), this._needsPostProcessingSync = !1), pe = Te.resetRendererState(s, pe), s.setClearColor(new rt(0), 0);
-    const x = this._historyRenderTarget.width !== f || this._historyRenderTarget.height !== v;
-    this.setSize(f, v), x === !0 && (s.initRenderTarget(this._historyRenderTarget), s.initRenderTarget(this._resolveRenderTarget), s.copyTextureToTexture(n.texture, this._historyRenderTarget.texture)), s.setRenderTarget(this._resolveRenderTarget), me.material = this._resolveMaterial, me.name = "PMJTAA", me.render(s), s.setRenderTarget(null), s.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
-    const h = s.getDrawingBufferSize(Ee);
-    if (this._historyRenderTarget.height === h.height && this._historyRenderTarget.width === h.width) {
-      const p = this.depthNode.value;
-      s.copyTextureToTexture(p, this._historyRenderTarget.depthTexture), this._previousDepthNode.value = this._historyRenderTarget.depthTexture;
+    const s = this.beautyNode.isRTTNode ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget, o = s.texture.width, a = s.texture.height;
+    this._needsPostProcessingSync === !0 && (this.setViewOffset(o, a), this._needsPostProcessingSync = !1), fe = Me.resetRendererState(r, fe);
+    const k = this._historyRenderTarget.width !== o || this._historyRenderTarget.height !== a;
+    this.setSize(o, a), k === !0 && (r.initRenderTarget(this._historyRenderTarget), r.initRenderTarget(this._resolveRenderTarget), r.copyTextureToTexture(s.texture, this._historyRenderTarget.texture)), r.setClearColor(16777215, 0), r.setRenderTarget(this._resolveRenderTarget), ge.material = this._resolveMaterial, ge.name = "TRAA", ge.render(r), r.setRenderTarget(null), r.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
+    const v = r.getDrawingBufferSize(De);
+    if (this._historyRenderTarget.height === v.height && this._historyRenderTarget.width === v.width) {
+      const T = this.depthNode.value;
+      r.copyTextureToTexture(T, this._historyRenderTarget.depthTexture), this._previousDepthNode.value = this._historyRenderTarget.depthTexture;
     }
-    Te.restoreRendererState(s, pe);
+    Me.restoreRendererState(r, fe);
   }
+  /**
+   * This method is used to setup the effect's render targets and TSL code.
+   *
+   * @param {NodeBuilder} builder - The current node builder.
+   * @return {PassTextureNode}
+   */
   setup(t) {
-    const s = t.context.renderPipeline;
-    s && (this._needsPostProcessingSync = !0, s.context.onBeforeRenderPipeline = () => {
-      const i = t.renderer.getDrawingBufferSize(Ee);
-      this.setViewOffset(i.width, i.height);
-    }, s.context.onAfterRenderPipeline = () => {
+    const r = t.context.renderPipeline;
+    r && (this._needsPostProcessingSync = !0, r.context.onBeforeRenderPipeline = () => {
+      const l = t.renderer.getDrawingBufferSize(De);
+      this.setViewOffset(l.width, l.height);
+    }, r.context.onAfterRenderPipeline = () => {
       this.clearViewOffset();
-    }), t.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = nt), t.context.velocity !== void 0 ? this._velocityNode = t.context.velocity : this._velocityNode = fe;
-    const r = (i) => {
-      const { x: l, y } = this._cameraNearFar, d = xt(i, l, y);
-      return Pe(d, l, y);
-    }, o = ft({
+    }), t.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = st), t.context.velocity !== void 0 ? this._velocityNode = t.context.velocity : this._velocityNode = Ue;
+    const s = (l) => {
+      const { x: i, y: f } = this._cameraNearFar, d = wt(l, i, f);
+      return Ce(d, i, f);
+    }, o = gt({
       closestDepth: "float",
       closestPositionTexel: "vec2",
       farthestDepth: "float"
-    }), n = te(([i]) => {
-      const l = Y(2).toVar(), y = de(0).toVar(), d = Y(-1).toVar();
+    }), a = ee(([l]) => {
+      const i = Z(2).toVar(), f = me(0).toVar(), d = Z(-1).toVar();
       for (let c = -1; c <= 1; ++c)
-        for (let a = -1; a <= 1; ++a) {
-          const S = i.add(de(c, a)).toVar();
-          let m = this.depthNode.load(S).r;
-          t.renderer.reversedDepthBuffer && (m = m.oneMinus()), t.renderer.logarithmicDepthBuffer && (m = r(m)), m = m.toVar(), ke(m.lessThan(l), () => {
-            l.assign(m), y.assign(S);
-          }), ke(m.greaterThan(d), () => {
-            d.assign(m);
+        for (let n = -1; n <= 1; ++n) {
+          const g = l.add(me(c, n)).toVar();
+          let h = this.depthNode.load(g).r;
+          t.renderer.reversedDepthBuffer && (h = h.oneMinus()), t.renderer.logarithmicDepthBuffer && (h = s(h)), h = h.toVar(), Ae(h.lessThan(i), () => {
+            i.assign(h), f.assign(g);
+          }), Ae(h.greaterThan(d), () => {
+            d.assign(h);
           });
         }
-      return o(l, y, d);
-    }), f = (i) => {
-      let l = this._previousDepthNode.sample(i).r;
-      t.renderer.logarithmicDepthBuffer && (l = r(l));
-      const y = vt(i, l, this._previousCameraProjectionMatrixInverse), d = this._previousCameraWorldMatrix.mul($(y, 1)).xyz, c = this._cameraWorldMatrixInverse.mul($(d, 1)).z;
-      return this.camera.isOrthographicCamera ? bt(c, this._cameraNearFar.x, this._cameraNearFar.y) : Pe(c, this._cameraNearFar.x, this._cameraNearFar.y);
-    }, v = te(([i, l, y, d]) => {
-      const c = d.rgb.add(y.rgb).mul(0.5), a = d.rgb.sub(y.rgb).mul(0.5).add(1e-7), S = l.sub($(c, i.a)), P = S.xyz.div(a).abs(), B = oe(P.x, P.y, P.z);
-      return B.greaterThan(1).select(
-        $(c, i.a).add(S.div(B)),
-        l
+      return o(i, f, d);
+    }), k = (l) => {
+      let i = this._previousDepthNode.sample(l).r;
+      t.renderer.logarithmicDepthBuffer && (i = s(i));
+      const f = xt(l, i, this._previousCameraProjectionMatrixInverse), d = this._previousCameraWorldMatrix.mul(oe(f, 1)).xyz, c = this._cameraWorldMatrixInverse.mul(oe(d, 1)).z;
+      return this.camera.isOrthographicCamera ? bt(c, this._cameraNearFar.x, this._cameraNearFar.y) : Ce(c, this._cameraNearFar.x, this._cameraNearFar.y);
+    }, v = ee(([l, i, f, d]) => {
+      const c = d.rgb.add(f.rgb).mul(0.5), n = d.rgb.sub(f.rgb).mul(0.5).add(1e-7), g = i.sub(oe(c, l.a)), p = g.xyz.div(n).abs(), I = ae(p.x, p.y, p.z);
+      return I.greaterThan(1).select(
+        oe(c, l.a).add(g.div(I)),
+        i
       );
     }).setLayout({
       name: "clipAABB",
@@ -605,7 +554,7 @@ class us extends et {
         { name: "minColor", type: "vec4" },
         { name: "maxColor", type: "vec4" }
       ]
-    }), x = te(([i, l, y, d]) => {
+    }), T = ee(([l, i, f, d]) => {
       const c = [
         [-1, -1],
         [-1, 1],
@@ -615,15 +564,15 @@ class us extends et {
         [0, -1],
         [0, 1],
         [-1, 0]
-      ], a = l.toVar(), S = l.pow2().toVar();
-      for (const [U, q] of c) {
-        const I = this.beautyNode.offset(yt(U, q)).load(i).max(0), L = $(I.rgb.mul(I.a), I.a);
-        a.addAssign(L), S.addAssign(L.pow2());
+      ], n = i.toVar(), g = i.pow2().toVar();
+      for (const [H, j] of c) {
+        const B = this.beautyNode.offset(ft(H, j)).load(l).max(0);
+        n.addAssign(B), g.addAssign(B.pow2());
       }
-      const m = Y(c.length + 1), P = a.div(m), B = S.div(m).sub(P.pow2()).max(0).sqrt().mul(d), u = P.sub(B), w = P.add(B);
-      return v(P.clamp(u, w), y, u, w);
-    }), h = te(([i, l]) => {
-      const d = i.mul(l).fract().abs(), c = oe(d, d.oneMinus());
+      const h = Z(c.length + 1), p = n.div(h), I = g.div(h).sub(p.pow2()).max(0).sqrt().mul(d), m = p.sub(I), S = p.add(I);
+      return v(p.clamp(m, S), f, m, S);
+    }), u = ee(([l, i]) => {
+      const d = l.mul(i).fract().abs(), c = ae(d, d.oneMinus());
       return c.x.mul(c.y).oneMinus().div(0.75);
     }).setLayout({
       name: "subpixelCorrection",
@@ -632,350 +581,370 @@ class us extends et {
         { name: "velocityUV", type: "vec2" },
         { name: "textureSize", type: "ivec2" }
       ]
-    }), p = te(([i, l, y]) => {
-      const d = y.oneMinus(), c = i.mul(Y(1).div(oe(i.r, i.g, i.b).add(1))), a = l.mul(Y(1).div(oe(l.r, l.g, l.b).add(1))), S = Ce(c.rgb), m = Ce(a.rgb);
-      return y.mulAssign(Y(1).div(S.add(1))), d.mulAssign(Y(1).div(m.add(1))), Oe(i.mul(y), l.mul(d)).div(oe(y.add(d), 1e-5)).toVar();
-    }), g = Ae(this._historyRenderTarget.texture), b = te(() => {
-      const i = St(), l = this.beautyNode.size(), y = i.mul(l), d = n(y), c = d.get("closestDepth"), a = d.get("closestPositionTexel"), S = d.get("farthestDepth"), m = this.velocityNode.load(a).xy.mul(de(0.5, -0.5)), P = i.sub(m), B = f(P), u = P.greaterThanEqual(0).all().and(P.lessThanEqual(1).all()), w = S.sub(c).greaterThan(this.edgeDepthDiff), U = c.sub(B).greaterThan(this.depthThreshold), q = u.and(w.or(U.not())), I = this.beautyNode.sample(i), L = g.sample(i.sub(m)), ne = $(I.rgb.mul(I.a), I.a).toVar(), ce = i.sub(P).mul(l).length().div(this.maxVelocityLength).saturate().sqrt(), T = Y(0.05).toVar();
-      this.useSubpixelCorrection && T.addAssign(h(m, l).mul(0.5)), T.assign(q.select(T.add(ce.mul(0.6)).saturate(), 1));
-      const _ = this._progressiveWeight, N = _.greaterThan(0).and(q);
-      T.assign(N.select(_, T));
-      const O = _e(0.25, 1.25, ce.oneMinus().pow2()), Z = N.select(
-        L,
-        x(y, ne, L, O)
-      );
-      return N.select(
-        _e(Z, ne, T),
-        p(ne, Z, T)
-      );
+    }), P = ee(([l, i, f]) => {
+      const d = f.oneMinus(), c = l.mul(Z(1).div(ae(l.r, l.g, l.b).add(1))), n = i.mul(Z(1).div(ae(i.r, i.g, i.b).add(1))), g = Pe(c.rgb), h = Pe(n.rgb);
+      return f.mulAssign(Z(1).div(g.add(1))), d.mulAssign(Z(1).div(h.add(1))), je(l.mul(f), i.mul(d)).div(ae(f.add(d), 1e-5)).toVar();
+    }), _ = ke(this._historyRenderTarget.texture), N = ee(() => {
+      const l = yt(), i = this.beautyNode.size(), f = l.mul(i), d = a(f), c = d.get("closestDepth"), n = d.get("closestPositionTexel"), g = d.get("farthestDepth"), h = this.velocityNode.load(n).xy.mul(me(0.5, -0.5)), p = l.sub(h), I = k(p), m = p.greaterThanEqual(0).all().and(p.lessThanEqual(1).all()), S = g.sub(c).greaterThan(this.edgeDepthDiff), H = c.sub(I).greaterThan(this.depthThreshold), j = m.and(S.or(H.not())), B = this.beautyNode.sample(l), $ = _.sample(l.sub(h)), ce = l.sub(p).mul(i).length().div(this.maxVelocityLength).saturate(), Y = Z(0.035).toVar();
+      this.useSubpixelCorrection && Y.addAssign(u(h, i).mul(0.35)), Y.assign(j.select(Y.add(ce).saturate(), 1));
+      const he = St(0.5, 1, ce.oneMinus().pow2()), de = T(f, B, $, he);
+      return P(B, de, Y);
     });
-    return this._resolveMaterial.fragmentNode = b(), this._textureNode;
+    return this._resolveMaterial.colorNode = N(), this._textureNode;
   }
+  /**
+   * Frees internal resources. This method should be called
+   * when the effect is no longer required.
+   */
   dispose() {
     this._historyRenderTarget.dispose(), this._resolveRenderTarget.dispose(), this._resolveMaterial.dispose();
   }
 }
-const Le = (e, t, s, r) => new us(pt(e), t, s, r), ms = () => {
-  const e = k((a) => a.animationsLoaded), t = k((a) => a.characterState), s = k((a) => a.lipSyncManager), r = k((a) => a.blendshapeManager), o = C((a) => a.credentials), n = C((a) => a.currentUtterance), f = C((a) => a.textToSpeak), v = C((a) => a.visemes), x = C((a) => a.blendshapes), h = C((a) => a.visemeIntensity), p = C((a) => a.currentVisemeIndex), g = C((a) => a.currentBlendshapeIndex), b = C((a) => a.useBlendshapeManager), [i, l] = D(!1), [y, d] = D(!1), c = ye(() => o != null && o.region && (o.subscriptionKey || o.token) ? Nt({
+function Ee(e, t) {
+  let r = 1, s = 0;
+  for (; e > 0; )
+    r /= t, s += r * (e % t), e = Math.floor(e / t);
+  return s;
+}
+const Fe = /* @__PURE__ */ Array.from(
+  { length: 32 },
+  (e, t) => [Ee(t + 1, 2), Ee(t + 1, 3)]
+), pr = (e, t, r, s) => new mr(mt(e), t, r, s);
+function gr({ pixelated: e }) {
+  const t = Le((s) => s.gl), r = xe.useRef(1);
+  return xe.useEffect(() => {
+    const s = t.domElement;
+    return () => {
+      t.setPixelRatio(window.devicePixelRatio), e && s && (s.style.imageRendering = "auto");
+    };
+  }, []), it({
+    onDecline: (s) => {
+      r.current = Math.max(0.33, r.current * 0.66), t.setPixelRatio(r.current * window.devicePixelRatio), e && t.domElement && (t.domElement.style.imageRendering = "pixelated");
+    },
+    onIncline: (s) => {
+      r.current = Math.min(1, r.current * 1.25), t.setPixelRatio(r.current * window.devicePixelRatio), e && t.domElement && (t.domElement.style.imageRendering = r.current === 1 ? "auto" : "pixelated");
+    }
+  }), null;
+}
+const fr = () => {
+  const e = b((n) => n.animationsLoaded), t = b((n) => n.characterState), r = b((n) => n.lipSyncManager), s = b((n) => n.blendshapeManager), o = x((n) => n.credentials), a = x((n) => n.currentUtterance), k = x((n) => n.textToSpeak), v = x((n) => n.visemes), T = x((n) => n.blendshapes), u = x((n) => n.visemeIntensity), P = x((n) => n.currentVisemeIndex), _ = x((n) => n.currentBlendshapeIndex), N = x((n) => n.useBlendshapeManager), [l, i] = E(!1), [f, d] = E(!1), c = Se(() => o != null && o.region && (o.subscriptionKey || o.token) ? Vt({
     credentials: {
       region: o.region,
       authorizationToken: o.token,
       subscriptionKey: o.subscriptionKey
     }
   }) : null, [o]);
-  return V(() => {
+  return M(() => {
     if (c) {
-      const a = c.speechSynthesis.getVoices();
-      a && Array.isArray(a) && a.length ? (je(a), l(!0)) : c.speechSynthesis.onvoiceschanged = () => {
-        je(c.speechSynthesis.getVoices()), l(!0);
+      const n = c.speechSynthesis.getVoices();
+      n && Array.isArray(n) && n.length ? (ze(n), i(!0)) : c.speechSynthesis.onvoiceschanged = () => {
+        ze(c.speechSynthesis.getVoices()), i(!0);
       };
     }
-  }, [c]), V(() => {
-    i && (b ? !!r : !!s) && e && d(!0);
-  }, [i, s, r, e, b]), V(() => {
-    if (f) {
-      const a = new It(f);
-      os(a);
+  }, [c]), M(() => {
+    l && (N ? !!s : !!r) && e && d(!0);
+  }, [l, r, s, e, N]), M(() => {
+    if (k) {
+      const n = new It(k);
+      ir(n);
     }
-  }, [f]), V(() => {
-    var a, S;
-    n && y ? (n.onstart = () => {
-      console.log("Start"), Re(J.speaking);
-    }, n.onend = () => {
-      console.log("End"), Re(J.idle);
-    }, n.onboundary = () => {
-    }, n.onviseme = (m) => {
-      We(m);
-    }, (a = c == null ? void 0 : c.speechSynthesis) == null || a.speak(n, null)) : (S = c == null ? void 0 : c.speechSynthesis) == null || S.cancel();
-  }, [n]), V(() => {
-    s && (s.visemeIntensity = h);
-  }, [h]), V(() => {
-    if (!b && s && t === J.speaking) {
-      if (!s.isStarted && s.start(), v.length > 1 && p === 0)
-        v.forEach((a) => {
-          const S = parseInt(a.name);
-          if (!isNaN(S)) {
-            const m = De.get(S);
-            m && s.PlayVisemeAsync(m, a.elapsedTime / 1e4);
+  }, [k]), M(() => {
+    var n, g;
+    a && f ? (a.onstart = () => {
+      console.log("Start"), Re(q.speaking);
+    }, a.onend = () => {
+      console.log("End"), Re(q.idle);
+    }, a.onboundary = () => {
+    }, a.onviseme = (h) => {
+      He(h);
+    }, (n = c == null ? void 0 : c.speechSynthesis) == null || n.speak(a, null)) : (g = c == null ? void 0 : c.speechSynthesis) == null || g.cancel();
+  }, [a]), M(() => {
+    r && (r.visemeIntensity = u);
+  }, [u]), M(() => {
+    if (!N && r && t === q.speaking) {
+      if (!r.isStarted && r.start(), v.length > 1 && P === 0)
+        v.forEach((n) => {
+          const g = parseInt(n.name);
+          if (!isNaN(g)) {
+            const h = Be.get(g);
+            h && r.PlayVisemeAsync(h, n.elapsedTime / 1e4);
           }
         });
       else
-        for (let a = p + 1; a < v.length; a++) {
-          const S = v[a], m = parseInt(S.name);
-          if (!isNaN(m)) {
-            const P = De.get(m);
-            P && s.PlayVisemeAsync(P, S.elapsedTime / 1e4);
+        for (let n = P + 1; n < v.length; n++) {
+          const g = v[n], h = parseInt(g.name);
+          if (!isNaN(h)) {
+            const p = Be.get(h);
+            p && r.PlayVisemeAsync(p, g.elapsedTime / 1e4);
           }
         }
-      is(v.length - 1);
+      cr(v.length - 1);
     }
-  }, [t, v, s, b]), V(() => {
-    if (b && r && t === J.speaking) {
-      if (!r.isStarted && r.start(), x.length > 1 && g === 0)
-        x.forEach((a) => {
-          r.PlayBlendShapeAsync(a);
+  }, [t, v, r, N]), M(() => {
+    if (N && s && t === q.speaking) {
+      if (!s.isStarted && s.start(), T.length > 1 && _ === 0)
+        T.forEach((n) => {
+          s.PlayBlendShapeAsync(n);
         });
       else
-        for (let a = g + 1; a < x.length; a++) {
-          const S = x[a];
-          r.PlayBlendShapeAsync(S);
+        for (let n = _ + 1; n < T.length; n++) {
+          const g = T[n];
+          s.PlayBlendShapeAsync(g);
         }
-      cs(x.length - 1);
+      lr(T.length - 1);
     }
-  }, [t, x, r, b]), V(() => {
-    t !== J.speaking && (qe(), Ge());
+  }, [t, T, s, N]), M(() => {
+    t !== q.speaking && (Ge(), We());
   }, [t]), null;
-}, ps = ({ points: e, color: t = "red" }) => {
-  const s = ye(() => {
-    const r = new A.BufferGeometry().setFromPoints(e), o = new A.LineBasicMaterial({ color: t, toneMapped: !1 });
-    return new A.Line(r, o);
+}, yr = ({ points: e, color: t = "red" }) => {
+  const r = Se(() => {
+    const s = new w.BufferGeometry().setFromPoints(e), o = new w.LineBasicMaterial({ color: t, toneMapped: !1 });
+    return new w.Line(s, o);
   }, [e, t]);
-  return /* @__PURE__ */ M.createElement("primitive", { object: s });
-}, gs = ({ parentGpuTier: e, setIsGpuAvailable: t, children: s, tonemapping: r }) => {
-  const o = z((u) => u.cameraPosition), n = z((u) => u.lookAt), f = z((u) => u.movable), v = E((u) => u.targets), x = E((u) => u.showFirstTarget), [h] = D(e || lt()), [p, g] = D(), [b, i] = D(null), [l, y] = D(void 0), d = se(null), c = se(null), a = se(null), S = (u) => {
-    u.preventDefault(), u.stopPropagation();
+  return /* @__PURE__ */ y.createElement("primitive", { object: r });
+}, Sr = ({ parentGpuTier: e, setIsGpuAvailable: t, children: r, tonemapping: s }) => {
+  const o = D((m) => m.cameraPosition), a = D((m) => m.lookAt), k = D((m) => m.movable), v = U((m) => m.targets), T = U((m) => m.showFirstTarget), [u] = E(e || ct()), [P, _] = E(
+    "low"
+    /* low */
+  ), [N, l] = E(null), [i, f] = E(void 0), d = te(null), c = te(null), n = te(null), g = (m) => {
+    m.preventDefault(), m.stopPropagation();
   };
-  V(() => {
-    Et(c.current);
-  }, [c.current]), V(() => {
-    var u, w, U, q;
-    if (f)
-      b == null || b.abort(), i(null);
+  M(() => {
+    jt(c.current);
+  }, [c.current]), M(() => {
+    var m, S, H, j;
+    if (k)
+      N == null || N.abort(), l(null);
     else {
-      const I = new AbortController();
-      i(I), (u = d.current) == null || u.addEventListener("wheel", S, { passive: !1, signal: I.signal }), (w = d.current) == null || w.addEventListener("pointerdown", S, { passive: !1, signal: I.signal }), (U = d.current) == null || U.addEventListener("pointermove", S, { passive: !1, signal: I.signal }), (q = d.current) == null || q.addEventListener("click", S, { passive: !1, signal: I.signal });
+      const B = new AbortController();
+      l(B), (m = d.current) == null || m.addEventListener("wheel", g, { passive: !1, signal: B.signal }), (S = d.current) == null || S.addEventListener("pointerdown", g, { passive: !1, signal: B.signal }), (H = d.current) == null || H.addEventListener("pointermove", g, { passive: !1, signal: B.signal }), (j = d.current) == null || j.addEventListener("click", g, { passive: !1, signal: B.signal });
     }
-  }, [f]), V(() => {
-    a != null && a.current && n && o && a.current.setLookAt(o.x, o.y, o.z, n.x, n.y, n.z, !0);
-  }, [o, n]), V(() => {
-    if (h)
-      if (h.type === "FALLBACK")
-        g(
+  }, [k]), M(() => {
+    n != null && n.current && a && o && n.current.setLookAt(o.x, o.y, o.z, a.x, a.y, a.z, !0);
+  }, [o, a]), M(() => {
+    if (u)
+      if (u.type === "FALLBACK")
+        _(
           "medium"
           /* medium */
         );
       else
-        switch (h.tier) {
+        switch (u.tier) {
           case 0:
           case 1:
-            g(
+            _(
               "low"
               /* low */
             );
             break;
           case 2:
-            g(
+            _(
               "medium"
               /* medium */
             );
             break;
           case 3:
-            g(
+            _(
               "high"
               /* high */
             );
             break;
           default:
-            g(
+            _(
               "low"
               /* low */
             );
             break;
         }
-  }, [h]), V(() => {
-    switch (p && (m.current = p), p) {
+  }, [u]), M(() => {
+    switch (P && (h.current = P), P) {
       case "low":
         console.warn("Retorik React-Bodyengine-Three > GPU tier too low, no rendering available"), t(!1);
         break;
       case "medium":
-        y([0.9, 1]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${p}`), t(!0);
+        f([0.8, 1]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${P}`), t(!0);
         break;
       case "high":
-        y([1, 2]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${p}`), t(!0);
+        f([1, 2]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${P}`), t(!0);
         break;
     }
-  }, [p]);
-  const m = se(void 0), P = Ye(async (u) => {
-    const w = new A.WebGPURenderer({
-      canvas: u.canvas,
+  }, [P]);
+  const h = te(void 0), p = Qe(async (m) => {
+    const S = new w.WebGPURenderer({
+      canvas: m.canvas,
       antialias: !1,
       alpha: !0,
       powerPreference: "high-performance"
     });
-    return w.setClearColor(new A.Color("#000000"), 0), w.setPixelRatio(devicePixelRatio), w.shadowMap.type = A.PCFSoftShadowMap, await w.init(), w;
-  }, []), B = ye(() => {
+    return S.setClearColor(new w.Color("#000000"), 0), S.setPixelRatio(devicePixelRatio), S.shadowMap.type = w.PCFSoftShadowMap, await S.init(), S;
+  }, []), I = Se(() => {
     if (v.length) {
-      const u = v[0], w = new A.Vector3(u.position.x - 0.5, u.position.y, u.position.z - 0.1), U = new A.Vector3(u.position.x + 0.5, u.position.y, u.position.z - 0.1);
-      return [w, U];
+      const m = v[0], S = new w.Vector3(m.position.x - 0.5, m.position.y, m.position.z - 0.1), H = new w.Vector3(m.position.x + 0.5, m.position.y, m.position.z - 0.1);
+      return [S, H];
     } else if (o) {
-      const u = new A.Vector3(o.x - 0.5, o.y, o.z - 0.1), w = new A.Vector3(o.x + 0.5, o.y, o.z - 0.1);
-      return [u, w];
+      const m = new w.Vector3(o.x - 0.5, o.y, o.z - 0.1), S = new w.Vector3(o.x + 0.5, o.y, o.z - 0.1);
+      return [m, S];
     }
     return [];
   }, [v, o]);
-  return l ? /* @__PURE__ */ M.createElement(Pt, { gl: P, dpr: l, ref: d, shadows: !0 }, /* @__PURE__ */ M.createElement(fs, { tonemapping: r, processedTier: p }), /* @__PURE__ */ M.createElement(ht, null), /* @__PURE__ */ M.createElement(ms, null), /* @__PURE__ */ M.createElement(dt, { ref: c, makeDefault: !0, fov: 28 }), /* @__PURE__ */ M.createElement(ut, { ref: a }), x && B.length && /* @__PURE__ */ M.createElement(ps, { points: B, color: "red" }), /* @__PURE__ */ M.createElement(Xe, { fallback: null }, s)) : /* @__PURE__ */ M.createElement(M.Fragment, null);
-}, fs = ({ tonemapping: e, processedTier: t }) => {
-  const { gl: s, scene: r, camera: o, size: n } = Vt(), [f] = D(new A.Vector3(-3, 2, 2)), [v] = D(new A.Vector3(0, 1, 0)), [x] = D(2), [h] = D(-3e-3), [p] = D(0.6), g = se(null), b = se(null);
-  return V(() => {
-    s && (s.shadowMap.type = A.PCFSoftShadowMap, s.toneMapping = e, t !== "low" ? r.environmentIntensity = p : r.environmentIntensity = 1);
-  }, [s, e]), V(() => {
-    r.environmentIntensity = p;
-  }, [p]), V(() => {
-    if (!s || !r || !o || !t) return;
-    r.background = null;
-    const i = t === "high", l = wt(r, o);
-    l.setMRT(
-      i ? Ve({ output: Ne, diffuseColor: Mt, normal: Tt(At), velocity: fe }) : Ve({ output: Ne, velocity: fe })
+  return i ? /* @__PURE__ */ y.createElement(Rt, { gl: p, dpr: i, ref: d, shadows: !0 }, /* @__PURE__ */ y.createElement(lt, { iterations: 5, ms: 100, threshold: 0.75 }, /* @__PURE__ */ y.createElement(wr, { tonemapping: s, processedTier: P }), /* @__PURE__ */ y.createElement(fr, null), /* @__PURE__ */ y.createElement(ht, { ref: c, makeDefault: !0, fov: 28 }), /* @__PURE__ */ y.createElement(dt, { ref: n }), T && I.length && /* @__PURE__ */ y.createElement(yr, { points: I, color: "red" }), /* @__PURE__ */ y.createElement($e, { fallback: null }, r, /* @__PURE__ */ y.createElement(gr, { pixelated: !0 })))) : /* @__PURE__ */ y.createElement(y.Fragment, null);
+}, wr = ({ tonemapping: e, processedTier: t }) => {
+  const { gl: r, scene: s, camera: o, size: a } = Le(), [k] = E(new w.Vector3(-3, 2, 2)), [v] = E(new w.Vector3(0, 1, 0)), [T] = E(2), [u] = E(-3e-3), [P] = E(0.6), _ = te(null), N = te(null);
+  return M(() => {
+    r && (r.shadowMap.type = w.PCFSoftShadowMap, r.toneMapping = e, t !== "low" ? s.environmentIntensity = P : s.environmentIntensity = 1);
+  }, [r, e]), M(() => {
+    s.environmentIntensity = P;
+  }, [P]), M(() => {
+    if (!r || !s || !o || !t) return;
+    s.background = null;
+    const l = t === "high", i = vt(s, o);
+    i.setMRT(
+      /*isHigh
+        ?*/
+      Tt({ output: kt, diffuseColor: Mt, normal: At(Pt), velocity: Ue })
+      //: mrt({ output, velocity })
     );
-    let y;
-    if (i) {
-      const c = l.getTextureNode("output"), a = l.getTextureNode("diffuseColor"), S = l.getTextureNode("depth"), m = l.getTextureNode("velocity"), P = l.getTextureNode("normal"), B = kt((L) => Ct(P.sample(L))), u = _t(c, S, B, o);
-      u.aoIntensity.value = 1, u.giIntensity.value = 5, u.sliceCount.value = 2, u.stepCount.value = 8, u.thickness.value = 0.03, u.radius.value = 0.5, u.expFactor.value = 0.1, u.backfaceLighting.value = 0.1;
-      const w = u.rgb, U = u.a, q = $(Oe(c.rgb.mul(U), a.rgb.mul(w)), c.a), I = Le(q, S, m, o);
-      I.jitterIntensity = 0.25, y = I;
-    } else {
-      const c = Le(
-        l,
-        l.getTextureNode("depth"),
-        l.getTextureNode("velocity"),
-        o
-      );
-      c.jitterIntensity = 0.25, y = c;
-    }
-    const d = new A.RenderPipeline(s);
-    return d.outputNode = y, b.current = d, () => {
-      d.dispose(), b.current = null;
+    let f;
+    const d = i.getTextureNode("output");
+    i.getTextureNode("diffuseColor");
+    const c = i.getTextureNode("depth"), n = i.getTextureNode("velocity"), g = i.getTextureNode("normal"), h = Ct((B) => _t(g.sample(B))), p = Nt(d, c, h, o);
+    p.aoIntensity.value = 1, p.giIntensity.value = 10, p.sliceCount.value = l ? 2 : 1, p.stepCount.value = 8, p.thickness.value = 0.03, p.radius.value = 0.5, p.expFactor.value = 1, p.backfaceLighting.value = 0.1;
+    const I = p.getAONode().toInspector("SSGI.AO"), m = p.getGINode().toInspector("SSGI.GI"), S = oe(je(d.rgb.mul(I.r), d.rgb.mul(m.rgb)), d.a);
+    f = pr(S, c, n, o);
+    const j = new w.RenderPipeline(r);
+    return j.outputNode = f, N.current = j, () => {
+      j.dispose(), N.current = null;
     };
-  }, [s, r, o, t]), V(() => {
-    !s || !n || s.setSize(n.width, n.height);
-  }, [n]), He(({ gl: i, scene: l, camera: y }) => {
-    b.current && b.current.render();
-  }, 1), /* @__PURE__ */ M.createElement(M.Fragment, null, t !== "low" && s && /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("directionalLight", { ref: g, color: "white", position: f.toArray(), "target-position": v.toArray(), intensity: x, castShadow: !0, "shadow-mapSize-width": 512, "shadow-mapSize-height": 512, "shadow-bias": h, "shadow-intensity": 0.7, "shadow-radius": 1.5 }, /* @__PURE__ */ M.createElement("orthographicCamera", { attach: "shadow-camera", args: [-1, 1, 2, -0.5, 2, 8] }))));
-}, ys = ({ character: e, autoLookAt: t }) => {
-  const s = k((h) => h.characterState), r = E((h) => h.currentAUs), o = E((h) => h.currentGaze), n = E((h) => h.currentHeadPose), f = E((h) => h.lookAtCamera), v = z((h) => h.cameraPosition), x = E((h) => h.targets);
-  return He((h, p) => {
-    const g = {
-      deltaTime: p,
-      timestamp: h.clock.oldTime,
-      AU: r,
+  }, [r, s, o, t]), M(() => {
+    !r || !a || r.setSize(a.width, a.height);
+  }, [a]), Oe(({ gl: l, scene: i, camera: f }) => {
+    N.current && N.current.render();
+  }, 1), /* @__PURE__ */ y.createElement(y.Fragment, null, t !== "low" && r && /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement("directionalLight", { ref: _, color: "white", position: k.toArray(), "target-position": v.toArray(), intensity: T, castShadow: !0, "shadow-mapSize-width": 512, "shadow-mapSize-height": 512, "shadow-bias": u, "shadow-intensity": 0.7, "shadow-radius": 1.5 }, /* @__PURE__ */ y.createElement("orthographicCamera", { attach: "shadow-camera", args: [-1, 1, 2, -0.5, 2, 8] }))));
+}, xr = ({ character: e, autoLookAt: t }) => {
+  const r = b((u) => u.characterState), s = U((u) => u.currentAUs), o = U((u) => u.currentGaze), a = U((u) => u.currentHeadPose), k = U((u) => u.lookAtCamera), v = D((u) => u.cameraPosition), T = U((u) => u.targets);
+  return Oe((u, P) => {
+    const _ = {
+      deltaTime: P,
+      timestamp: u.clock.oldTime,
+      AU: s,
       gaze: o,
-      headPose: n,
-      characterState: s,
-      lookAt: f ? v : void 0,
-      targets: x
+      headPose: a,
+      characterState: r,
+      lookAt: k ? v : void 0,
+      targets: T
     };
-    e.update(g);
-  }), V(() => {
+    e.update(_);
+  }), M(() => {
     if (t)
-      switch (s) {
-        case J.idle:
-        case J.waiting:
-          ue(!1);
+      switch (r) {
+        case q.idle:
+        case q.waiting:
+          pe(!1);
           break;
-        case J.listening:
-        case J.speaking:
-          ue(!0);
+        case q.listening:
+        case q.speaking:
+          pe(!0);
           break;
       }
     else
-      ue(!1);
-  }, [s, t]), V(() => {
-    Dt(e);
+      pe(!1);
+  }, [r, t]), M(() => {
+    Ft(e);
   }, [e]), null;
-}, Gs = ({ url: e, type: t, animationsUrl: s, gender: r, speechSynthesis: o, camera: n, onLoadingCompleted: f, autoLookAt: v, breathing: x, disableAnimations: h, debug: p, enableBml: g, animationWeights: b, license: i, detectGpuData: l, environmentPreset: y = "apartment", tonemapping: d = A.NeutralToneMapping, targets: c, useBlendshapeManager: a = !1 }) => {
-  const S = k((T) => T.animationsLoaded), m = z((T) => T.defaultPositions), P = z((T) => T.defaultDistances), [B, u] = D(), [w, U] = D(null), [q, I] = D(), [L, ne] = D(!1), xe = async (T) => {
-    let _ = null;
+}, Zr = ({ url: e, type: t, animationsUrl: r, gender: s, speechSynthesis: o, camera: a, onLoadingCompleted: k, autoLookAt: v, breathing: T, disableAnimations: u, debug: P, enableBml: _, animationWeights: N, license: l, detectGpuData: i, environmentPreset: f = "apartment", tonemapping: d = w.NeutralToneMapping, targets: c, useBlendshapeManager: n = !1 }) => {
+  const g = b((C) => C.animationsLoaded), h = D((C) => C.defaultPositions), p = D((C) => C.defaultDistances), [I, m] = E(), [S, H] = E(null), [j, B] = E(), [$, ce] = E(!1), Y = async (C) => {
+    let A = null;
     switch (t) {
-      case ee.cc3:
-        _ = new ct(), I(le.cc3);
+      case X.cc3:
+        A = new ot(), B(le.cc3);
         break;
-      case ee.avatarsdk:
-        _ = new it(), I(le.avatarsdk);
+      case X.avatarsdk:
+        A = new at(), B(le.avatarsdk);
         break;
-      case ee.avaturn:
-        _ = new ot(), I(le.avaturn);
+      case X.avaturn:
+        A = new nt(), B(le.avaturn);
         break;
     }
-    const N = await _.loadAsync(T).catch((O) => console.warn("Error loading character : ", O));
-    if (N) {
-      let O = null;
-      const Z = {
-        mesh: N,
-        onAnimationsLoaded: ve,
-        animationsUrl: s,
-        gender: r || "male",
+    const z = await A.loadAsync(C).catch((G) => console.warn("Error loading character : ", G));
+    if (z) {
+      let G = null;
+      const ne = {
+        mesh: z,
+        onAnimationsLoaded: he,
+        animationsUrl: r,
+        gender: s || "male",
         type: t,
-        debug: p,
-        enableBmlManager: !!g,
-        animationWeights: b,
-        useBlendshapeManager: a,
-        license: i
+        debug: P,
+        enableBmlManager: !!_,
+        animationWeights: N,
+        useBlendshapeManager: n,
+        license: l
       };
       switch (t) {
-        case ee.cc3:
-          O = await he.fromCharacterCreator(Z);
+        case X.cc3:
+          G = await ue.fromCharacterCreator(ne);
           break;
-        case ee.avatarsdk:
-          O = await he.fromAvatarSDK(Z);
+        case X.avatarsdk:
+          G = await ue.fromAvatarSDK(ne);
           break;
-        case ee.avaturn:
-          O = await he.fromAvaturn(Z);
+        case X.avaturn:
+          G = await ue.fromAvaturn(ne);
           break;
       }
-      O && U(O);
+      G && H(G);
     }
-  }, ve = () => {
-    Fe(!0);
+  }, he = () => {
+    Ne(!0);
   };
-  V(() => {
-    var T, _;
-    w && S && (x === !1 && ((_ = (T = w.animationManager) == null ? void 0 : T.disableBreathing) == null || _.call(T)), L ? (Jt(w.getAllAnimationNames()), Kt(w.getAllAnimations()), setTimeout(() => {
-      f == null || f();
-    }, 1e3)) : ce());
-  }, [w, S, L]), V(() => {
+  M(() => {
+    var C, A;
+    S && g && (T === !1 && ((A = (C = S.animationManager) == null ? void 0 : C.disableBreathing) == null || A.call(C)), $ ? (Zt(S.getAllAnimationNames()), Qt(S.getAllAnimations()), setTimeout(() => {
+      k == null || k();
+    }, 1e3)) : de());
+  }, [S, g, $]), M(() => {
     Wt(c || []);
-  }, [c]), V(() => {
-    Fe(!1), B !== void 0 && (B ? xe(e) : f == null || f());
-  }, [e, B]), V(() => {
-    if (L && P && m)
-      if (n) {
-        const T = ds(n, P, m);
-        Be(T), ze(n.lookAt ? m[n.lookAt] : m.lowerbelly), Ht(!!n.movable);
+  }, [c]), M(() => {
+    Ne(!1), I !== void 0 && (I ? Y(e) : k == null || k());
+  }, [e, I]), M(() => {
+    if ($ && p && h)
+      if (a) {
+        const C = ur(a, p, h);
+        Ve(C), Ie(a.lookAt ? h[a.lookAt] : h.lowerbelly), Gt(!!a.movable);
       } else {
-        const T = m.mouth.clone();
-        T.setComponent(2, P.farther), Be(T), ze(m.lowerbelly);
+        const C = h.mouth.clone();
+        C.setComponent(2, p.farther), Ve(C), Ie(h.lowerbelly);
       }
-  }, [L, n, P, m]), V(() => {
-    o && (o.credentials && ns(o.credentials), o.voice && ls(o.voice));
-  }, [o]), V(() => {
-    hs(a);
-  }, [a]);
-  const ce = () => {
-    if (w && q) {
+  }, [$, a, p, h]), M(() => {
+    o && (o.credentials && or(o.credentials), o.voice && hr(o.voice));
+  }, [o]), M(() => {
+    dr(n);
+  }, [n]);
+  const de = () => {
+    if (S && j) {
       try {
-        const T = new A.Box3().setFromObject(w), _ = T.max, N = T.min, O = new A.Vector3((_.x + N.x) / 2, (_.y + N.y) / 2, (_.z + N.z) / 2);
-        Ut(O);
-        const Z = Math.abs(_.x - N.x), j = Math.abs(_.y - N.y), Ke = Math.abs(_.z - N.z);
-        jt({
-          x: Z,
-          y: j,
-          z: Ke
+        const C = new w.Box3().setFromObject(S), A = C.max, z = C.min, G = new w.Vector3((A.x + z.x) / 2, (A.y + z.y) / 2, (A.z + z.z) / 2);
+        Lt(G);
+        const ne = Math.abs(A.x - z.x), F = Math.abs(A.y - z.y), qe = Math.abs(A.z - z.z);
+        Ut({
+          x: ne,
+          y: F,
+          z: qe
         });
-        const H = (_.x + N.x) / 2, W = (_.z + N.z) / 2, Ze = {
-          eye: new A.Vector3(H, _.y - j / 16, W),
-          mouth: new A.Vector3(H, _.y - j / 12, W),
-          neck: new A.Vector3(H, _.y - j / 8, W),
-          clavicle: new A.Vector3(H, _.y - j / 6, W),
-          torso: new A.Vector3(H, _.y - j / 4, W),
-          belly: new A.Vector3(H, _.y - j / 8 * 3, W),
-          lowerbelly: new A.Vector3(H, _.y - j / 32 * 15, W),
-          hips: O,
-          higherthigh: new A.Vector3(H, N.y + j / 32 * 15, W),
-          thigh: new A.Vector3(H, N.y + j / 8 * 3, W),
-          knee: new A.Vector3(H, N.y + j / 4, W),
-          leg: new A.Vector3(H, N.y + j / 8, W),
-          feet: new A.Vector3(H, N.y, W)
-        }, K = (_.y - (N.y + j / 7 * 2)) / 2 / Math.tan(25 * (Math.PI / 180)), Qe = {
+        const L = (A.x + z.x) / 2, O = (A.z + z.z) / 2, Ke = {
+          eye: new w.Vector3(L, A.y - F / 16, O),
+          mouth: new w.Vector3(L, A.y - F / 12, O),
+          neck: new w.Vector3(L, A.y - F / 8, O),
+          clavicle: new w.Vector3(L, A.y - F / 6, O),
+          torso: new w.Vector3(L, A.y - F / 4, O),
+          belly: new w.Vector3(L, A.y - F / 8 * 3, O),
+          lowerbelly: new w.Vector3(L, A.y - F / 32 * 15, O),
+          hips: G,
+          higherthigh: new w.Vector3(L, z.y + F / 32 * 15, O),
+          thigh: new w.Vector3(L, z.y + F / 8 * 3, O),
+          knee: new w.Vector3(L, z.y + F / 4, O),
+          leg: new w.Vector3(L, z.y + F / 8, O),
+          feet: new w.Vector3(L, z.y, O)
+        }, K = (A.y - (z.y + F / 7 * 2)) / 2 / Math.tan(25 * (Math.PI / 180)), Ze = {
           veryclose: K / 4,
           closer: K / 3,
           close: K / 2.5,
@@ -986,76 +955,75 @@ const Le = (e, t, s, r) => new us(pt(e), t, s, r), ms = () => {
           farther: K * 3,
           veryfar: K * 4
         };
-        Lt(Ze), Ot(Qe);
-      } catch (T) {
-        console.warn(T);
+        Ot(Ke), Ht(Ze);
+      } catch (C) {
+        console.warn(C);
       }
-      ne(!0);
+      ce(!0);
     }
   };
-  return /* @__PURE__ */ M.createElement(gs, { parentGpuTier: l, setIsGpuAvailable: u, tonemapping: d }, B ? /* @__PURE__ */ M.createElement(M.Fragment, null, w && /* @__PURE__ */ M.createElement(ys, { character: w, autoLookAt: !!v }), w && /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement(mt, { preset: y }), /* @__PURE__ */ M.createElement("primitive", { object: w, castShadow: !0, receiveShadow: !0 }))) : /* @__PURE__ */ M.createElement(M.Fragment, null));
-}, Ss = {
+  return /* @__PURE__ */ y.createElement(Sr, { parentGpuTier: i, setIsGpuAvailable: m, tonemapping: d }, I ? /* @__PURE__ */ y.createElement(y.Fragment, null, S && /* @__PURE__ */ y.createElement(xr, { character: S, autoLookAt: !!v }), S && /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement(ut, { preset: f }), /* @__PURE__ */ y.createElement("primitive", { object: S, castShadow: !0, receiveShadow: !0 }))) : /* @__PURE__ */ y.createElement(y.Fragment, null));
+}, br = {
   emotions: [],
-  currentTopEmotion: Se.Neutral,
+  currentTopEmotion: we.Neutral,
   useTopEmotionOnly: !0,
   autoDecay: !1
-}, ie = ae()(() => Ss), Js = (e) => {
+}, ie = se()(() => br), Qr = (e) => {
   if (ie.setState({ emotions: e || [] }), e != null && e.length) {
-    const t = e.reduce((s, r) => s.value > r.value ? s : r);
+    const t = e.reduce((r, s) => r.value > s.value ? r : s);
     ie.setState({ currentTopEmotion: t.emotion });
   } else
-    ie.setState({ currentTopEmotion: Se.Neutral });
-}, Ks = (e) => {
+    ie.setState({ currentTopEmotion: we.Neutral });
+}, $r = (e) => {
   ie.setState({ useTopEmotionOnly: e });
-}, Zs = (e) => {
+}, Yr = (e) => {
   ie.setState({ autoDecay: e });
-}, Qs = (e) => {
-  const t = k.getState().FACSManager;
+}, Jr = (e) => {
+  const t = b.getState().FACSManager;
   t == null || t.playFacialAnimation({ ...e });
 };
 export {
-  Gs as Character,
-  tr as CharacterState,
-  sr as CreationTool,
-  R as Distances,
-  $s as Object3D,
-  F as Positions,
-  G as Rotations,
-  Ls as addBlendshape,
-  Os as addSPPASViseme,
-  We as addViseme,
-  rr as bmlTags,
-  ar as emotionList,
-  Ge as flushBlendshapeData,
-  qe as flushLipSyncData,
-  Bs as getAnimationsMap,
-  _s as getCameraPosition,
-  Cs as getCharacterHeight,
-  Ps as getLookAt,
-  Ws as getVoices,
+  Zr as Character,
+  ss as CharacterState,
+  ns as CreationTool,
+  V as Distances,
+  ts as Object3D,
+  R as Positions,
+  W as Rotations,
+  Hr as addBlendshape,
+  Gr as addSPPASViseme,
+  He as addViseme,
+  as as bmlTags,
+  os as emotionList,
+  We as flushBlendshapeData,
+  Ge as flushLipSyncData,
+  Er as getAnimationsMap,
+  Rr as getCameraPosition,
+  Nr as getCharacterHeight,
+  Vr as getLookAt,
+  qr as getVoices,
   qt as lookAtAndKeep,
-  Fs as lookAtAndSteady,
-  Ds as playAnimationByName,
-  Qs as playFacialAnimation,
-  js as presets,
-  Gt as releaseLookAt,
-  Zs as setAutoDecay,
-  zs as setAutoPlay,
-  Us as setBlendshapes,
-  Be as setCameraPosition,
+  Ur as playAnimationByName,
+  Jr as playFacialAnimation,
+  jr as presets,
+  Kt as releaseLookAt,
+  Yr as setAutoDecay,
+  Fr as setAutoPlay,
+  Or as setBlendshapes,
+  Ve as setCameraPosition,
   Re as setCharacterState,
-  Vs as setCurrentAUs,
-  Ns as setCurrentGaze,
-  Is as setCurrentHeadPose,
-  os as setCurrentUtterance,
-  Js as setEmotions,
-  ue as setLookAtCamera,
-  Ht as setMovable,
-  Rs as setShowFirstTarget,
-  Hs as setTextToSpeak,
-  Ks as setUseTopEmotionOnly,
-  qs as setVisemeIntensity,
-  Es as setVisemes,
-  ls as setVoice,
-  k as useCharacterStore
+  Ir as setCurrentAUs,
+  Br as setCurrentGaze,
+  zr as setCurrentHeadPose,
+  ir as setCurrentUtterance,
+  Qr as setEmotions,
+  pe as setLookAtCamera,
+  Gt as setMovable,
+  Dr as setShowFirstTarget,
+  Wr as setTextToSpeak,
+  $r as setUseTopEmotionOnly,
+  Kr as setVisemeIntensity,
+  Lr as setVisemes,
+  hr as setVoice,
+  b as useCharacterStore
 };