@davi-ai/react-bodyengine-three 1.0.37 → 1.0.38

package/dist/contexts/characterStore.d.ts

@@ -1,6 +1,7 @@
-import { Character, GlobalManager, LipSyncManager, EyeBlinkManager, AnimationManager, FACSManager, HeadPoseManager, GazeManager, BmlManager, CharacterState } from '@davi-ai/bodyengine-three';
+import { Character, GlobalManager, LipSyncManager, BlendshapeManager, EyeBlinkManager, AnimationManager, FACSManager, HeadPoseManager, GazeManager, BmlManager, CharacterState } from '@davi-ai/bodyengine-three';
 interface Managers {
     lipSyncManager?: LipSyncManager | null;
+    blendshapeManager?: BlendshapeManager | null;
     eyeBlinkManager?: EyeBlinkManager | null;
     animationManager?: AnimationManager | null;
     FACSManager?: FACSManager | null;
@@ -13,6 +14,7 @@ interface CharacterStore {
     globalManager: GlobalManager;
     managers: Managers;
     lipSyncManager: LipSyncManager | null;
+    blendshapeManager: BlendshapeManager | null;
     eyeBlinkManager: EyeBlinkManager | null;
     animationManager?: AnimationManager | null;
     FACSManager?: FACSManager | null;
@@ -30,6 +32,7 @@ export declare const setCharacter: (value: Character | null) => void;
 export declare const setManagers: (value: Managers) => void;
 export declare const setGlobalSyncManager: (value: GlobalManager | null) => void;
 export declare const setLipSyncManager: (value: LipSyncManager | null) => void;
+export declare const setBlendshapeManager: (value: BlendshapeManager | null) => void;
 export declare const setEyeBlinkManager: (value: EyeBlinkManager | null) => void;
 export declare const setAnimationManager: (value: AnimationManager | null) => void;
 export declare const setFACSManager: (value: FACSManager | null) => void;

package/dist/contexts/emotionStore.d.ts

@@ -1,6 +1,6 @@
 import { Emotions } from '../models/enums';
 import { EmotionData } from '../models/types';
-import { FacialAnimationData } from '@davi-ai/bodyengine-three';
+import { FacialAnimationData, BlendshapeFrame } from '@davi-ai/bodyengine-three';
 interface EmotionStore {
     emotions: Array<EmotionData>;
     currentTopEmotion: Emotions;
@@ -12,5 +12,14 @@ export declare const setEmotions: (value: Array<EmotionData> | undefined | null)
 export declare const setUseTopEmotionOnly: (value: boolean) => void;
 export declare const setAutoDecay: (value: boolean) => void;
 export declare const playFacialAnimation: (value: FacialAnimationData) => void;
+/**
+ * Play ARKit blendshape frames right away, outside any speech: facial expressions or a live stream
+ * (face tracking...), given one frame at a time as they arrive or as a whole sequence. Timestamps count
+ * from the first frame of the sequence; a timestamp going back starts a new one. While the character
+ * speaks, the mouth stays the speech's.
+ */
+export declare const playLiveBlendshapes: (frames: BlendshapeFrame | Array<BlendshapeFrame>) => void;
+/** Stop the frames of playLiveBlendshapes. */
+export declare const stopLiveBlendshapes: () => void;
 export declare const resetEmotionStore: () => void;
 export {};

package/dist/contexts/speechStore.d.ts

@@ -1,4 +1,4 @@
-import { SpeechSynthesisCredentials } from '../models/types';
+import { SpeechSynthesisCredentials, BlendShapesData } from '../models/types';
 import { SpeechSynthesisUtterance, SpeechSynthesisEventProps } from '@davi-ai/web-speech-cognitive-services-davi';
 interface speechStore {
     credentials?: SpeechSynthesisCredentials;
@@ -7,6 +7,10 @@ interface speechStore {
     visemes: Array<SpeechSynthesisEventProps>;
     /** Number of leading visemes already handed to the LipSyncManager. */
     playedVisemeCount: number;
+    /** ARKit blendshape frames of the current speech: while there are some, they drive the mouth instead of the visemes. */
+    blendshapes: Array<BlendShapesData>;
+    /** Number of leading blendshape frames already handed to the BlendshapeManager. */
+    playedBlendshapeCount: number;
     voice: SpeechSynthesisVoice | null;
     voices: Array<SpeechSynthesisVoice>;
     textToSpeak: string | null;
@@ -20,6 +24,13 @@ export declare const setCurrentUtterance: (value: SpeechSynthesisUtterance | nul
 export declare const setBoundaries: (value: Array<SpeechSynthesisEventProps>) => void;
 export declare const setVisemes: (value: Array<SpeechSynthesisEventProps>) => void;
 export declare const addViseme: (value: SpeechSynthesisEventProps) => void;
+/** Replace the ARKit blendshape frames of the current speech (see addBlendshape). */
+export declare const setBlendshapes: (value: Array<BlendShapesData>) => void;
+/**
+ * Add an ARKit blendshape frame (e.g. from Audio2Face) to the current speech, played while the character speaks.
+ * While there are some, they drive the mouth instead of the visemes; the lip-sync takes over again once they are played.
+ */
+export declare const addBlendshape: (value: BlendShapesData) => void;
 /**
  * Add viseme data extracted in SPPAS format that will be converted to ArKit viseme and played at the right moment.
  * @param {SpeechSynthesisEventProps} value viseme data (id, elapsedTime = time at which the viseme shall begin, duration can be set to 0 because we override it later).
@@ -28,6 +39,8 @@ export declare const addViseme: (value: SpeechSynthesisEventProps) => void;
 export declare const addSPPASViseme: (value: SpeechSynthesisEventProps, factorToTenthOfMicroSecond?: number) => void;
 export declare const setPlayedVisemeCount: (value: number) => void;
 export declare const flushLipSyncData: () => void;
+export declare const setPlayedBlendshapeCount: (value: number) => void;
+export declare const flushBlendshapeData: () => void;
 export declare const setVoice: (value: SpeechSynthesisVoice | null) => void;
 export declare const setVoices: (value: Array<SpeechSynthesisVoice>) => void;
 export declare const setTextToSpeak: (value: string | null) => void;

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 export { default as Character } from './components/Character';
 export { useCharacterStore, setCharacterState, getCharacterHeight } from './contexts/characterStore';
-export { setTextToSpeak, setCurrentUtterance, setVisemes, addViseme, addSPPASViseme, flushLipSyncData, setVoice, getVoices, setVisemeIntensity, setLipSyncFromAudio } from './contexts/speechStore';
+export { setTextToSpeak, setCurrentUtterance, setVisemes, setBlendshapes, addViseme, addBlendshape, addSPPASViseme, flushLipSyncData, flushBlendshapeData, setVoice, getVoices, setVisemeIntensity, setLipSyncFromAudio } from './contexts/speechStore';
 export { getCameraPosition, getLookAt, setCameraPosition, setMovable } from './contexts/cameraStore';
 export { setCurrentAUs, setCurrentGaze, setCurrentHeadPose, setLookAtCamera, lookAtAndKeep, releaseLookAt, setShowFirstTarget } from './contexts/headStore';
-export { setEmotions, setUseTopEmotionOnly, setAutoDecay, playFacialAnimation } from './contexts/emotionStore';
+export { setEmotions, setUseTopEmotionOnly, setAutoDecay, playFacialAnimation, playLiveBlendshapes, stopLiveBlendshapes } from './contexts/emotionStore';
 export { setAutoPlay, getAnimationsMap, playAnimationByName } from './contexts/animationStore';
 export { emotionList, CharacterState, CreationTool, bmlTags } from '@davi-ai/bodyengine-three';
 export type { FacialAnimationData } from '@davi-ai/bodyengine-three';
 export { Positions, Distances, Rotations } from './models/enums';
 export { cameraPresets as presets } from '@davi-ai/bodyengine-three';
-export type { EnvironmentPreset } from './models/types';
+export type { EnvironmentPreset, BlendShapesData } from './models/types';
 export { Object3D } from 'three/webgpu';

package/dist/index.js

@@ -1,25 +1,25 @@
-import i, { useState as A, useMemo as _, useEffect as l, useRef as X, useCallback as pe, Suspense as fe } from "react";
-import * as R from "three/webgpu";
+import i, { useState as A, useMemo as _, useEffect as l, useRef as X, useCallback as Se, Suspense as fe } from "react";
+import * as T from "three/webgpu";
 import { Vector3 as ye } from "three/webgpu";
-import { Object3D as $t } from "three/webgpu";
-import { CharacterState as z, convertSPPASViseme as Ae, speechAudioClock as ke, playPendingVisemes as be, connectSpeechAudio as Ce, createHighPipeline as we, createTraaPipeline as Pe, Emotions as de, emotionsToActionUnits as Me, getCameraPositionVector as Ee, computeBodyFraming as Te, CreationTool as $, AvaturnLoader as Re, BodyMesh as ne, AvatarSDKLoader as ve, CC3Loader as De, Character as ae } from "@davi-ai/bodyengine-three";
-import { CharacterState as qt, CreationTool as Jt, Distances as Qt, Positions as Yt, Rotations as Zt, bmlTags as _t, emotionList as en, cameraPresets as tn } from "@davi-ai/bodyengine-three";
-import { useDetectGPU as Ve, PerformanceMonitor as xe, PerspectiveCamera as Fe, CameraControls as Ie, Environment as Le } from "@react-three/drei";
+import { Object3D as _t } from "three/webgpu";
+import { CharacterState as I, convertSPPASViseme as Ae, speechAudioClock as be, playPendingVisemes as Ce, playPendingBlendshapes as ke, connectSpeechAudio as we, createHighPipeline as Me, createTraaPipeline as Pe, Emotions as ue, emotionsToActionUnits as Ee, getCameraPositionVector as Te, computeBodyFraming as Re, CreationTool as $, AvaturnLoader as Be, BodyMesh as ne, AvatarSDKLoader as xe, CC3Loader as De, Character as ae } from "@davi-ai/bodyengine-three";
+import { CharacterState as tn, CreationTool as nn, Distances as an, Positions as sn, Rotations as on, bmlTags as rn, emotionList as cn, cameraPresets as ln } from "@davi-ai/bodyengine-three";
+import { useDetectGPU as Ve, PerformanceMonitor as ve, PerspectiveCamera as Fe, CameraControls as Le, Environment as Ie } from "@react-three/drei";
 import { vec4 as oe, vec3 as ze } from "three/tsl";
-import { Canvas as Be, useThree as Ue, useFrame as ge } from "@react-three/fiber";
-import { createSpeechSynthesisPonyfill as Ge, SpeechSynthesisUtterance as Oe } from "@davi-ai/web-speech-cognitive-services-davi";
+import { Canvas as Ue, useThree as Ge, useFrame as ge } from "@react-three/fiber";
+import { createSpeechSynthesisPonyfill as Oe, SpeechSynthesisUtterance as Ne } from "@davi-ai/web-speech-cognitive-services-davi";
 const re = (e) => {
   let t;
-  const n = /* @__PURE__ */ new Set(), r = (c, w) => {
-    const P = typeof c == "function" ? c(t) : c;
-    if (!Object.is(P, t)) {
-      const E = t;
-      t = w ?? (typeof P != "object" || P === null) ? P : Object.assign({}, t, P), n.forEach((D) => D(t, E));
+  const n = /* @__PURE__ */ new Set(), r = (d, k) => {
+    const E = typeof d == "function" ? d(t) : d;
+    if (!Object.is(E, t)) {
+      const w = t;
+      t = k ?? (typeof E != "object" || E === null) ? E : Object.assign({}, t, E), n.forEach((R) => R(t, w));
     }
-  }, d = () => t, k = { setState: r, getState: d, getInitialState: () => C, subscribe: (c) => (n.add(c), () => n.delete(c)) }, C = t = e(r, d, k);
-  return k;
-}, Ne = (e) => e ? re(e) : re, He = (e) => e;
-function Ke(e, t = He) {
+  }, g = () => t, b = { setState: r, getState: g, getInitialState: () => C, subscribe: (d) => (n.add(d), () => n.delete(d)) }, C = t = e(r, g, b);
+  return b;
+}, He = (e) => e ? re(e) : re, Ke = (e) => e;
+function je(e, t = Ke) {
   const n = i.useSyncExternalStore(
     e.subscribe,
     i.useCallback(() => t(e.getState()), [e, t]),
@@ -27,14 +27,15 @@ function Ke(e, t = He) {
   );
   return i.useDebugValue(n), n;
 }
-const je = (e) => {
-  const t = Ne(e), n = (r) => Ke(t, r);
+const We = (e) => {
+  const t = He(e), n = (r) => je(t, r);
   return Object.assign(n, t), n;
-}, J = (e) => je, g = J()(() => ({
+}, J = (e) => We, c = J()(() => ({
   character: null,
   managers: [],
   globalManager: null,
   lipSyncManager: null,
+  blendshapeManager: null,
   eyeBlinkManager: null,
   animationManager: null,
   FACSManager: null,
@@ -45,20 +46,21 @@ const je = (e) => {
   characterWidth: 0,
   characterHeight: 0,
   characterDepth: 0,
-  characterState: z.idle
-})), We = (e) => {
-  g.setState({ character: e }), g.setState({ managers: {
+  characterState: I.idle
+})), $e = (e) => {
+  c.setState({ character: e }), c.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
-  } }), g.setState({ globalManager: (e == null ? void 0 : e.globalManager) || null }), g.setState({ lipSyncManager: (e == null ? void 0 : e.lipSyncManager) || null }), g.setState({ eyeBlinkManager: (e == null ? void 0 : e.eyeBlinkManager) || null }), g.setState({ animationManager: (e == null ? void 0 : e.animationManager) || null }), g.setState({ FACSManager: (e == null ? void 0 : e.FACSManager) || null }), g.setState({ headPoseManager: (e == null ? void 0 : e.headPoseManager) || null }), g.setState({ gazeManager: (e == null ? void 0 : e.gazeManager) || null }), g.setState({ bmlManager: (e == null ? void 0 : e.bmlManager) || null });
+  } }), c.setState({ globalManager: (e == null ? void 0 : e.globalManager) || null }), c.setState({ lipSyncManager: (e == null ? void 0 : e.lipSyncManager) || null }), c.setState({ blendshapeManager: (e == null ? void 0 : e.blendshapeManager) || null }), c.setState({ eyeBlinkManager: (e == null ? void 0 : e.eyeBlinkManager) || null }), c.setState({ animationManager: (e == null ? void 0 : e.animationManager) || null }), c.setState({ FACSManager: (e == null ? void 0 : e.FACSManager) || null }), c.setState({ headPoseManager: (e == null ? void 0 : e.headPoseManager) || null }), c.setState({ gazeManager: (e == null ? void 0 : e.gazeManager) || null }), c.setState({ bmlManager: (e == null ? void 0 : e.bmlManager) || null });
 }, ie = (e) => {
-  g.setState({ animationsLoaded: e });
-}, $e = (e) => {
-  g.setState({ characterWidth: e.x }), g.setState({ characterHeight: e.y }), g.setState({ characterDepth: e.z });
-}, Mt = () => g.getState().characterHeight, ce = (e) => {
-  g.setState({ characterState: e });
-}, M = J()(() => ({
+  c.setState({ animationsLoaded: e });
+}, Xe = (e) => {
+  c.setState({ characterWidth: e.x }), c.setState({ characterHeight: e.y }), c.setState({ characterDepth: e.z });
+}, Rt = () => c.getState().characterHeight, ce = (e) => {
+  c.setState({ characterState: e });
+}, P = J()(() => ({
   cameraRef: null,
   cameraPosition: new ye(0, 0, 5),
   bodyCenter: null,
@@ -66,481 +68,508 @@ const je = (e) => {
   defaultDistances: null,
   lookAt: null,
   movable: !0
-})), Xe = (e) => {
-  M.setState({ cameraRef: e });
+})), qe = (e) => {
+  P.setState({ cameraRef: e });
 }, le = (e) => {
-  M.setState({ cameraPosition: e });
-}, Et = () => M.getState().cameraPosition, qe = (e) => {
-  M.setState({ bodyCenter: e });
-}, Je = (e) => {
-  M.setState({ defaultPositions: e });
+  P.setState({ cameraPosition: e });
+}, Bt = () => P.getState().cameraPosition, Je = (e) => {
+  P.setState({ bodyCenter: e });
 }, Qe = (e) => {
-  M.setState({ defaultDistances: e });
-}, me = (e) => {
-  M.setState({ lookAt: e });
-}, Tt = () => M.getState().lookAt, Ye = (e) => {
-  M.setState({ movable: e });
-}, F = J()(() => ({
+  P.setState({ defaultPositions: e });
+}, Ye = (e) => {
+  P.setState({ defaultDistances: e });
+}, de = (e) => {
+  P.setState({ lookAt: e });
+}, xt = () => P.getState().lookAt, Ze = (e) => {
+  P.setState({ movable: e });
+}, V = J()(() => ({
   currentAUs: null,
   currentGaze: null,
   currentHeadPose: null,
   lookAtCamera: !1,
   targets: [],
   showFirstTarget: !1
-})), Ze = (e) => {
-  F.setState({ targets: e });
-}, _e = (e) => {
-  F.setState({ currentAUs: e });
-}, Rt = (e) => {
-  F.setState({ currentGaze: e });
-}, vt = (e) => {
-  F.setState({ currentHeadPose: e });
-}, se = (e) => {
-  F.setState({ lookAtCamera: e }), e ? et() : tt();
+})), _e = (e) => {
+  V.setState({ targets: e });
 }, et = (e) => {
-  const t = g.getState().globalManager;
+  V.setState({ currentAUs: e });
+}, Dt = (e) => {
+  V.setState({ currentGaze: e });
+}, Vt = (e) => {
+  V.setState({ currentHeadPose: e });
+}, se = (e) => {
+  V.setState({ lookAtCamera: e }), e ? tt() : nt();
+}, tt = (e) => {
+  const t = c.getState().globalManager;
   if (e)
     t == null || t.lookAtAndKeep(e);
   else {
-    const n = M.getState().cameraRef;
+    const n = P.getState().cameraRef;
     t == null || t.lookAtAndKeep(n);
   }
-}, tt = () => {
+}, nt = () => {
   var e;
-  (e = g.getState().globalManager) == null || e.releaseLookAt();
-}, Dt = (e) => {
-  F.setState({ showFirstTarget: e });
+  (e = c.getState().globalManager) == null || e.releaseLookAt();
+}, vt = (e) => {
+  V.setState({ showFirstTarget: e });
 }, q = J()(() => ({
   animationsNames: [],
   animations: /* @__PURE__ */ new Map(),
   currentAnimation: null,
   autoPlay: !0
-})), nt = (e) => {
+})), at = (e) => {
   q.setState({ animationsNames: e });
-}, at = (e) => {
+}, st = (e) => {
   q.setState({ animations: e });
-}, Vt = () => q.getState().animations, xt = (e) => {
+}, Ft = () => q.getState().animations, Lt = (e) => {
   q.setState({ autoPlay: e });
-}, Ft = (e) => {
+}, It = (e) => {
   if (q.setState({ autoPlay: !1 }), q.getState().animationsNames.includes(e)) {
-    const n = g.getState().animationManager;
+    const n = c.getState().animationManager;
     n == null || n.playAnimation(e);
   }
-}, p = J()(() => ({
+}, m = J()(() => ({
   credentials: void 0,
   currentUtterance: null,
   boundaries: [],
   visemes: [],
   playedVisemeCount: 0,
+  blendshapes: [],
+  playedBlendshapeCount: 0,
   voice: null,
   voices: [],
   textToSpeak: null,
   visemeIntensity: 1,
   lipSyncFromAudio: !1
-})), st = (e) => {
-  p.setState({ credentials: e });
-}, ot = (e) => {
+})), ot = (e) => {
+  m.setState({ credentials: e });
+}, rt = (e) => {
   if (e) {
-    const t = p.getState().voice;
+    const t = m.getState().voice;
     t && (e.voice = t);
   }
-  p.setState({ currentUtterance: e }), p.setState({ textToSpeak: null });
-}, It = (e) => {
-  p.setState({ visemes: e });
+  m.setState({ currentUtterance: e }), m.setState({ textToSpeak: null });
+}, zt = (e) => {
+  m.setState({ visemes: e });
 }, he = (e) => {
-  p.setState({ visemes: [...p.getState().visemes, e] });
-}, Lt = (e, t) => {
+  m.setState({ visemes: [...m.getState().visemes, e] });
+}, Ut = (e) => {
+  m.setState({ blendshapes: e });
+}, Gt = (e) => {
+  m.setState({ blendshapes: [...m.getState().blendshapes, e] });
+}, Ot = (e, t) => {
   const n = Ae(e, t);
   n && he(n);
-}, rt = (e) => {
-  p.setState({ playedVisemeCount: e });
-}, it = () => {
+}, it = (e) => {
+  m.setState({ playedVisemeCount: e });
+}, ct = () => {
   var e;
-  p.setState({
+  m.setState({
     visemes: [],
     playedVisemeCount: 0
-  }), (e = g.getState().lipSyncManager) == null || e.stop();
-}, ct = (e) => {
-  p.setState({ voice: e });
-}, ue = (e) => {
-  p.setState({ voices: e });
-}, zt = (e) => {
-  p.setState({ textToSpeak: e });
-}, Bt = () => p.getState().voices, Ut = (e) => {
-  p.setState({ visemeIntensity: e });
+  }), (e = c.getState().lipSyncManager) == null || e.stop();
 }, lt = (e) => {
-  p.setState({ lipSyncFromAudio: e });
-}, mt = () => {
-  const e = g((o) => o.animationsLoaded), t = g((o) => o.characterState), n = g((o) => o.lipSyncManager), r = p((o) => o.credentials), d = p((o) => o.currentUtterance), s = p((o) => o.textToSpeak), m = p((o) => o.visemes), k = p((o) => o.visemeIntensity), C = p((o) => o.playedVisemeCount), c = p((o) => o.lipSyncFromAudio), [w, P] = A(!1), [E, D] = A(!1), h = _(() => r != null && r.region && (r.subscriptionKey || r.token) ? Ge({
+  m.setState({ playedBlendshapeCount: e });
+}, dt = () => {
+  var e;
+  m.setState({
+    blendshapes: [],
+    playedBlendshapeCount: 0
+  }), (e = c.getState().blendshapeManager) == null || e.stop();
+}, mt = (e) => {
+  m.setState({ voice: e });
+}, me = (e) => {
+  m.setState({ voices: e });
+}, Nt = (e) => {
+  m.setState({ textToSpeak: e });
+}, Ht = () => m.getState().voices, Kt = (e) => {
+  m.setState({ visemeIntensity: e });
+}, ut = (e) => {
+  m.setState({ lipSyncFromAudio: e });
+}, gt = () => {
+  const e = c((o) => o.animationsLoaded), t = c((o) => o.characterState), n = c((o) => o.lipSyncManager), r = c((o) => o.blendshapeManager), g = m((o) => o.credentials), s = m((o) => o.currentUtterance), u = m((o) => o.textToSpeak), b = m((o) => o.visemes), C = m((o) => o.visemeIntensity), d = m((o) => o.playedVisemeCount), k = m((o) => o.blendshapes), E = m((o) => o.playedBlendshapeCount), w = m((o) => o.lipSyncFromAudio), [R, v] = A(!1), [O, F] = A(!1), h = _(() => g != null && g.region && (g.subscriptionKey || g.token) ? Oe({
     credentials: {
-      region: r.region,
-      authorizationToken: r.token,
-      subscriptionKey: r.subscriptionKey
+      region: g.region,
+      authorizationToken: g.token,
+      subscriptionKey: g.subscriptionKey
     }
-  }) : null, [r]), U = _(() => ke(() => h), [h]);
+  }) : null, [g]), y = _(() => be(() => h), [h]);
   return l(() => {
     if (h) {
       const o = h.speechSynthesis.getVoices();
-      o && Array.isArray(o) && o.length ? (ue(o), P(!0)) : h.speechSynthesis.onvoiceschanged = () => {
-        ue(h.speechSynthesis.getVoices()), P(!0);
+      o && Array.isArray(o) && o.length ? (me(o), v(!0)) : h.speechSynthesis.onvoiceschanged = () => {
+        me(h.speechSynthesis.getVoices()), v(!0);
       };
     }
   }, [h]), l(() => {
-    w && n && e && D(!0);
-  }, [w, n, e]), l(() => {
-    if (s) {
-      const o = new Oe(s);
-      ot(o);
+    R && n && e && F(!0);
+  }, [R, n, e]), l(() => {
+    if (u) {
+      const o = new Ne(u);
+      rt(o);
     }
+  }, [u]), l(() => {
+    var o, z;
+    s && O ? (s.onstart = () => {
+      console.log("Start"), ce(I.speaking);
+    }, s.onend = () => {
+      console.log("End"), ce(I.idle);
+    }, s.onboundary = () => {
+    }, s.onviseme = (U) => {
+      he(U);
+    }, n == null || n.setSpeechText(s.text), r == null || r.setSpeechText(s.text), (o = h == null ? void 0 : h.speechSynthesis) == null || o.speak(s, null)) : (z = h == null ? void 0 : h.speechSynthesis) == null || z.cancel();
   }, [s]), l(() => {
-    var o, T;
-    d && E ? (d.onstart = () => {
-      console.log("Start"), ce(z.speaking);
-    }, d.onend = () => {
-      console.log("End"), ce(z.idle);
-    }, d.onboundary = () => {
-    }, d.onviseme = (y) => {
-      he(y);
-    }, n == null || n.setSpeechText(d.text), (o = h == null ? void 0 : h.speechSynthesis) == null || o.speak(d, null)) : (T = h == null ? void 0 : h.speechSynthesis) == null || T.cancel();
-  }, [d]), l(() => {
-    n && (n.visemeIntensity = k);
-  }, [k]), l(() => {
-    c || n && t === z.speaking && rt(be(n, m, C, U));
-  }, [t, m, n, c]), l(() => {
-    n && (t === z.speaking ? c && Ce(n, h) : n.disconnectAudio());
+    n && (n.visemeIntensity = C);
+  }, [C]), l(() => {
+    w || n && t === I.speaking && it(Ce(n, b, d, y));
+  }, [t, b, n, w]), l(() => {
+    r && k.length && t === I.speaking && lt(ke(r, k, E, y));
+  }, [t, k, r]), l(() => {
+    n && (t === I.speaking ? w && we(n, h) : n.disconnectAudio());
   }, [t, n]), l(() => {
-    t !== z.speaking && it();
+    t !== I.speaking && (ct(), dt());
   }, [t]), null;
-}, ut = ({ points: e, color: t = "red" }) => {
+}, ht = ({ points: e, color: t = "red" }) => {
   const n = _(() => {
-    const r = new R.BufferGeometry().setFromPoints(e), d = new R.LineBasicMaterial({ color: t, toneMapped: !1 });
-    return new R.Line(r, d);
+    const r = new T.BufferGeometry().setFromPoints(e), g = new T.LineBasicMaterial({ color: t, toneMapped: !1 });
+    return new T.Line(r, g);
   }, [e, t]);
   return /* @__PURE__ */ i.createElement("primitive", { object: n });
-}, dt = async (e) => {
-  const t = new R.WebGPURenderer({
+}, pt = async (e) => {
+  const t = new T.WebGPURenderer({
     canvas: e,
     antialias: !1,
     alpha: !0,
     powerPreference: "high-performance"
   });
-  return t.setClearColor(new R.Color("#000000"), 0), t.setPixelRatio(Math.min(devicePixelRatio, 1.5)), t.shadowMap.type = R.PCFShadowMap, t.forceContextLoss = () => {
+  return t.setClearColor(new T.Color("#000000"), 0), t.setPixelRatio(Math.min(devicePixelRatio, 1.5)), t.shadowMap.type = T.PCFShadowMap, t.forceContextLoss = () => {
     t.dispose();
   }, await t.init(), t;
-}, gt = ({ parentGpuTier: e, setIsGpuAvailable: t, children: n, tonemapping: r, inspector: d = !1 }) => {
-  const s = M((a) => a.cameraPosition), m = M((a) => a.lookAt), k = M((a) => a.movable), C = F((a) => a.targets), c = F((a) => a.showFirstTarget), [w, P] = A(e || Ve()), [E, D] = A(
+}, St = ({ parentGpuTier: e, setIsGpuAvailable: t, children: n, tonemapping: r, inspector: g = !1 }) => {
+  const s = P((a) => a.cameraPosition), u = P((a) => a.lookAt), b = P((a) => a.movable), C = V((a) => a.targets), d = V((a) => a.showFirstTarget), [k, E] = A(e || Ve()), [w, R] = A(
     "low"
     /* low */
-  ), [h, U] = A(null), [o, T] = A(void 0), y = X(null), [I, H] = A(null), G = X(null), b = (a) => {
+  ), [v, O] = A(null), [F, h] = A(void 0), y = X(null), [o, z] = A(null), U = X(null), M = (a) => {
     a.preventDefault(), a.stopPropagation();
   };
   l(() => {
-    var a, v, V, u;
-    if (k)
-      h == null || h.abort(), U(null);
+    var a, B, x, p;
+    if (b)
+      v == null || v.abort(), O(null);
     else {
-      const x = new AbortController();
-      U(x), (a = y.current) == null || a.addEventListener("wheel", b, { passive: !1, signal: x.signal }), (v = y.current) == null || v.addEventListener("pointerdown", b, { passive: !1, signal: x.signal }), (V = y.current) == null || V.addEventListener("pointermove", b, { passive: !1, signal: x.signal }), (u = y.current) == null || u.addEventListener("click", b, { passive: !1, signal: x.signal });
+      const D = new AbortController();
+      O(D), (a = y.current) == null || a.addEventListener("wheel", M, { passive: !1, signal: D.signal }), (B = y.current) == null || B.addEventListener("pointerdown", M, { passive: !1, signal: D.signal }), (x = y.current) == null || x.addEventListener("pointermove", M, { passive: !1, signal: D.signal }), (p = y.current) == null || p.addEventListener("click", M, { passive: !1, signal: D.signal });
     }
-  }, [k]), l(() => {
-    if (I && m && s) {
-      const a = G.current === I;
-      I.setLookAt(s.x, s.y, s.z, m.x, m.y, m.z, a), G.current = I;
+  }, [b]), l(() => {
+    if (o && u && s) {
+      const a = U.current === o;
+      o.setLookAt(s.x, s.y, s.z, u.x, u.y, u.z, a), U.current = o;
     }
-  }, [I, s, m]), l(() => {
-    e && P(e);
+  }, [o, s, u]), l(() => {
+    e && E(e);
   }, [e]), l(() => {
-    if (w)
-      if (w.type === "FALLBACK") {
+    if (k)
+      if (k.type === "FALLBACK") {
         const a = typeof navigator < "u" && /Macintosh|Mac OS X/.test(navigator.userAgent);
-        D(
+        R(
           a ? "medium" : "low"
           /* low */
         );
       } else
-        switch (w.tier) {
+        switch (k.tier) {
           case 0:
           case 1:
-            D(
+            R(
               "low"
               /* low */
             );
             break;
           case 2:
-            D(
+            R(
               "medium"
               /* medium */
             );
             break;
           case 3:
-            D(
+            R(
               "high"
               /* high */
             );
             break;
           default:
-            D(
+            R(
               "low"
               /* low */
             );
             break;
         }
-  }, [w]), l(() => {
-    switch (E && (f.current = E), E) {
+  }, [k]), l(() => {
+    switch (w && (f.current = w), w) {
       case "low":
         console.warn("Retorik React-Bodyengine-Three > GPU tier too low, no rendering available"), t(!1);
         break;
       case "medium":
-        T([0.8, 1]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${E}`), t(!0);
+        h([0.8, 1]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${w}`), t(!0);
         break;
       case "high":
-        T([1, 1.5]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${E}`), t(!0);
+        h([1, 1.5]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${w}`), t(!0);
         break;
     }
-  }, [E]);
-  const f = X(void 0), L = X(null), O = pe((a) => ((!L.current || L.current.canvas !== a.canvas) && (L.current = { canvas: a.canvas, renderer: dt(a.canvas) }), L.current.renderer), []), W = _(() => {
+  }, [w]);
+  const f = X(void 0), L = X(null), N = Se((a) => ((!L.current || L.current.canvas !== a.canvas) && (L.current = { canvas: a.canvas, renderer: pt(a.canvas) }), L.current.renderer), []), W = _(() => {
     if (C.length) {
-      const a = C[0], v = new R.Vector3(a.position.x - 0.5, a.position.y, a.position.z - 0.1), V = new R.Vector3(a.position.x + 0.5, a.position.y, a.position.z - 0.1);
-      return [v, V];
+      const a = C[0], B = new T.Vector3(a.position.x - 0.5, a.position.y, a.position.z - 0.1), x = new T.Vector3(a.position.x + 0.5, a.position.y, a.position.z - 0.1);
+      return [B, x];
     } else if (s) {
-      const a = new R.Vector3(s.x - 0.5, s.y, s.z - 0.1), v = new R.Vector3(s.x + 0.5, s.y, s.z - 0.1);
-      return [a, v];
+      const a = new T.Vector3(s.x - 0.5, s.y, s.z - 0.1), B = new T.Vector3(s.x + 0.5, s.y, s.z - 0.1);
+      return [a, B];
     }
     return [];
   }, [C, s]);
-  return o ? (
+  return F ? (
     // "percentage" = PCFShadowMap; shadows={true} would make R3F set the removed PCFSoftShadowMap
-    /* @__PURE__ */ i.createElement(Be, { gl: O, dpr: o, ref: y, shadows: "percentage" }, /* @__PURE__ */ i.createElement(xe, { iterations: 5, ms: 100, threshold: 0.75 }, /* @__PURE__ */ i.createElement(ht, { tonemapping: r, processedTier: E, inspector: d }), /* @__PURE__ */ i.createElement(mt, null), /* @__PURE__ */ i.createElement(Fe, { ref: Xe, makeDefault: !0, fov: 28 }), /* @__PURE__ */ i.createElement(Ie, { ref: H }), c && W.length && /* @__PURE__ */ i.createElement(ut, { points: W, color: "red" }), /* @__PURE__ */ i.createElement(fe, { fallback: null }, n)))
+    /* @__PURE__ */ i.createElement(Ue, { gl: N, dpr: F, ref: y, shadows: "percentage" }, /* @__PURE__ */ i.createElement(ve, { iterations: 5, ms: 100, threshold: 0.75 }, /* @__PURE__ */ i.createElement(ft, { tonemapping: r, processedTier: w, inspector: g }), /* @__PURE__ */ i.createElement(gt, null), /* @__PURE__ */ i.createElement(Fe, { ref: qe, makeDefault: !0, fov: 28 }), /* @__PURE__ */ i.createElement(Le, { ref: z }), d && W.length && /* @__PURE__ */ i.createElement(ht, { points: W, color: "red" }), /* @__PURE__ */ i.createElement(fe, { fallback: null }, n)))
   ) : /* @__PURE__ */ i.createElement(i.Fragment, null);
-}, ht = ({ tonemapping: e, processedTier: t, inspector: n = !1 }) => {
-  const [r, d] = A(!1), { gl: s, scene: m, camera: k, size: C } = Ue(), [c] = A(new R.Vector3(-3, 2, 2)), [w] = A(new R.Vector3(0, 1, 0)), [P] = A(3.5), [E] = A(-2e-4), [D] = A(0.57), [h] = A(0.25), U = X(null), o = X(null);
+}, ft = ({ tonemapping: e, processedTier: t, inspector: n = !1 }) => {
+  const [r, g] = A(!1), { gl: s, scene: u, camera: b, size: C } = Ge(), [d] = A(new T.Vector3(-3, 2, 2)), [k] = A(new T.Vector3(0, 1, 0)), [E] = A(3.5), [w] = A(-2e-4), [R] = A(0.57), [v] = A(0.25), O = X(null), F = X(null);
   return l(() => {
-    s && (s.shadowMap.type = R.PCFShadowMap, s.toneMapping = e, t !== "low" ? m.environmentIntensity = h : m.environmentIntensity = 1);
+    s && (s.shadowMap.type = T.PCFShadowMap, s.toneMapping = e, t !== "low" ? u.environmentIntensity = v : u.environmentIntensity = 1);
   }, [s, e]), l(() => {
-    m.environmentIntensity = h;
-  }, [h]), l(() => {
+    u.environmentIntensity = v;
+  }, [v]), l(() => {
     if (!n || !s || r) return;
-    let T = !1;
+    let h = !1;
     return import("three/addons/inspector/Inspector.js").then(({ Inspector: y }) => {
-      T || (s.inspector = new y(), d(!0));
+      h || (s.inspector = new y(), g(!0));
     }).catch((y) => console.warn("Scene: could not load three's Inspector", y)), () => {
-      T = !0;
+      h = !0;
     };
   }, [n, s, r]), l(() => {
-    if (!s || !m || !k || !t) return;
-    m.background = null;
-    const T = t === "high", y = { inspector: n && r && !!s.inspector }, I = T ? we(m, k, y) : Pe(m, k, y), { outputNode: H, scenePassColor: G, traaPass: b, giPass: f, ao: L, gi: O, hairAO: W, eyeAO: a } = I, v = new R.RenderPipeline(s);
-    if (v.outputNode = H, o.current = v, n && r && s.inspector) {
-      const V = () => {
-        v.needsUpdate = !0;
-      }, u = s.inspector.createParameters(T ? "SSGI + TRAA" : "TRAA");
-      if (T) {
-        const x = { output: 0, feedback: !1 }, ee = { Combined: 0, AO: 1, GI: 2, Direct: 3 };
-        u.add(x, "output", ee).name("output").onChange((Q) => {
+    if (!s || !u || !b || !t) return;
+    u.background = null;
+    const h = t === "high", y = { skinSSS: !1, inspector: n && r && !!s.inspector }, o = h ? Me(u, b, y) : Pe(u, b, y), { outputNode: z, scenePassColor: U, traaPass: M, giPass: f, ao: L, gi: N, hairAO: W, eyeAO: a } = o, B = new T.RenderPipeline(s);
+    if (B.outputNode = z, F.current = B, n && r && s.inspector) {
+      const x = () => {
+        B.needsUpdate = !0;
+      }, p = s.inspector.createParameters(h ? "SSGI + TRAA" : "TRAA");
+      if (h) {
+        const D = { output: 0, feedback: !1 }, ee = { Combined: 0, AO: 1, GI: 2, Direct: 3 };
+        p.add(D, "output", ee).name("output").onChange((Q) => {
           const Y = Number(Q);
-          v.outputNode = Y === 1 ? oe(ze(L.r), 1) : Y === 2 ? oe(O.rgb, 1) : Y === 3 ? G : H, V();
-        }), u.add(f.sliceCount, "value", 1, 4, 1).name("slice count"), u.add(f.stepCount, "value", 1, 32, 1).name("step count"), u.add(f.radius, "value", 0.1, 2).name("radius"), u.add(f.expFactor, "value", 1e-3, 10).name("exp factor"), u.add(f.thickness, "value", 1e-3, 0.1).name("thickness"), u.add(f.backfaceLighting, "value", 0, 1).name("backface lighting"), u.add(f.aoIntensity, "value", 0, 4).name("AO intensity"), u.add(f.giIntensity, "value", 0, 20).name("GI intensity"), u.add(f, "resolutionScale", 0.25, 1).name("SSGI resolution scale"), u.add(W, "value", 0, 1).name("SSGI AO on hair"), u.add(a, "value", 0, 1).name("SSGI AO on eyes"), u.add(x, "feedback").name("SSGI 2nd bounce (TRAA history)").onChange((Q) => {
-          f.beautyNode = Q ? b.getHistoryTextureNode() : G, V();
+          B.outputNode = Y === 1 ? oe(ze(L.r), 1) : Y === 2 ? oe(N.rgb, 1) : Y === 3 ? U : z, x();
+        }), p.add(f.sliceCount, "value", 1, 4, 1).name("slice count"), p.add(f.stepCount, "value", 1, 32, 1).name("step count"), p.add(f.radius, "value", 0.1, 2).name("radius"), p.add(f.expFactor, "value", 1e-3, 10).name("exp factor"), p.add(f.thickness, "value", 1e-3, 0.1).name("thickness"), p.add(f.backfaceLighting, "value", 0, 1).name("backface lighting"), p.add(f.aoIntensity, "value", 0, 4).name("AO intensity"), p.add(f.giIntensity, "value", 0, 20).name("GI intensity"), p.add(f, "resolutionScale", 0.25, 1).name("SSGI resolution scale"), p.add(W, "value", 0, 1).name("SSGI AO on hair"), p.add(a, "value", 0, 1).name("SSGI AO on eyes"), p.add(D, "feedback").name("SSGI 2nd bounce (TRAA history)").onChange((Q) => {
+          f.beautyNode = Q ? M.getHistoryTextureNode() : U, x();
         });
       }
-      u.add(b, "maxVelocityLength", 4, 128, 1).name("TRAA max velocity").onChange(V), u.add(b, "depthThreshold", 1e-4, 0.01).name("TRAA depth threshold").onChange(V), u.add(b, "edgeDepthDiff", 1e-4, 0.01).name("TRAA edge depth diff").onChange(V), u.add(b, "useSubpixelCorrection").name("TRAA subpixel correction").onChange(V), u.add(b.maskedMotionWeight, "value", 0, 1, 0.01).name("TRAA hair motion weight"), u.add(b.maskedClipWidening, "value", 0, 2, 0.05).name("TRAA hair clip widening (still)"), u.add(b.maskedClipFadeVelocity, "value", 0.05, 4, 0.05).name("TRAA hair clip fade (px/frame)");
+      p.add(M, "maxVelocityLength", 4, 128, 1).name("TRAA max velocity").onChange(x), p.add(M, "depthThreshold", 1e-4, 0.01).name("TRAA depth threshold").onChange(x), p.add(M, "edgeDepthDiff", 1e-4, 0.01).name("TRAA edge depth diff").onChange(x), p.add(M, "useSubpixelCorrection").name("TRAA subpixel correction").onChange(x), p.add(M.maskedMotionWeight, "value", 0, 1, 0.01).name("TRAA hair motion weight"), p.add(M.maskedClipWidening, "value", 0, 2, 0.05).name("TRAA hair clip widening (still)"), p.add(M.maskedClipFadeVelocity, "value", 0.05, 4, 0.05).name("TRAA hair clip fade (px/frame)");
     }
     return () => {
-      v.dispose(), o.current = null;
+      B.dispose(), F.current = null;
     };
-  }, [s, m, k, t, n, r]), l(() => {
+  }, [s, u, b, t, n, r]), l(() => {
     !s || !C || s.setSize(C.width, C.height);
-  }, [C]), ge(({ gl: T, scene: y, camera: I }) => {
-    o.current && o.current.render();
-  }, 1), /* @__PURE__ */ i.createElement(i.Fragment, null, t !== "low" && s && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("directionalLight", { ref: U, color: "white", position: c.toArray(), "target-position": w.toArray(), intensity: P, castShadow: !0, "shadow-mapSize-width": 1024, "shadow-mapSize-height": 1024, "shadow-bias": E, "shadow-normalBias": 3e-3, "shadow-intensity": 0.6, "shadow-radius": 2.5 }, /* @__PURE__ */ i.createElement("orthographicCamera", { attach: "shadow-camera", args: [-1, 1, 2, -0.5, 2, 5] })), t === "high" && /* @__PURE__ */ i.createElement("directionalLight", { name: "RimLight", color: "#fff4e8", position: [0.9, 2.3, -3.2], "target-position": [0, 1.6, 0], intensity: D })));
-}, St = ({ character: e, autoLookAt: t }) => {
-  const n = g((c) => c.characterState), r = F((c) => c.currentAUs), d = F((c) => c.currentGaze), s = F((c) => c.currentHeadPose), m = F((c) => c.lookAtCamera), k = M((c) => c.cameraPosition), C = F((c) => c.targets);
-  return ge((c, w) => {
-    const P = {
-      deltaTime: w,
-      timestamp: c.clock.oldTime,
+  }, [C]), ge(({ gl: h, scene: y, camera: o }) => {
+    F.current && F.current.render();
+  }, 1), /* @__PURE__ */ i.createElement(i.Fragment, null, t !== "low" && s && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("directionalLight", { ref: O, color: "white", position: d.toArray(), "target-position": k.toArray(), intensity: E, castShadow: !0, "shadow-mapSize-width": 1024, "shadow-mapSize-height": 1024, "shadow-bias": w, "shadow-normalBias": 3e-3, "shadow-intensity": 0.6, "shadow-radius": 2.5 }, /* @__PURE__ */ i.createElement("orthographicCamera", { attach: "shadow-camera", args: [-1, 1, 2, -0.5, 2, 5] })), t === "high" && /* @__PURE__ */ i.createElement("directionalLight", { name: "RimLight", color: "#fff4e8", position: [0.9, 2.3, -3.2], "target-position": [0, 1.6, 0], intensity: R })));
+}, yt = ({ character: e, autoLookAt: t }) => {
+  const n = c((d) => d.characterState), r = V((d) => d.currentAUs), g = V((d) => d.currentGaze), s = V((d) => d.currentHeadPose), u = V((d) => d.lookAtCamera), b = P((d) => d.cameraPosition), C = V((d) => d.targets);
+  return ge((d, k) => {
+    const E = {
+      deltaTime: k,
+      timestamp: d.clock.oldTime,
       AU: r,
-      gaze: d,
+      gaze: g,
       headPose: s,
       characterState: n,
-      lookAt: m ? k : void 0,
+      lookAt: u ? b : void 0,
       targets: C
     };
-    e.update(P);
+    e.update(E);
   }), l(() => {
     if (t)
       switch (n) {
-        case z.idle:
-        case z.waiting:
+        case I.idle:
+        case I.waiting:
           se(!1);
           break;
-        case z.listening:
-        case z.speaking:
+        case I.listening:
+        case I.speaking:
           se(!0);
           break;
       }
     else
       se(!1);
   }, [n, t]), l(() => {
-    We(e);
+    $e(e);
   }, [e]), null;
-}, pt = {
+}, At = {
   emotions: [],
-  currentTopEmotion: de.Neutral,
+  currentTopEmotion: ue.Neutral,
   useTopEmotionOnly: !0,
   autoDecay: !1
-}, j = J()(() => pt), Gt = (e) => {
+}, j = J()(() => At), jt = (e) => {
   if (j.setState({ emotions: e || [] }), e != null && e.length) {
     const t = e.reduce((n, r) => n.value > r.value ? n : r);
     j.setState({ currentTopEmotion: t.emotion });
   } else
-    j.setState({ currentTopEmotion: de.Neutral });
-}, Ot = (e) => {
+    j.setState({ currentTopEmotion: ue.Neutral });
+}, Wt = (e) => {
   j.setState({ useTopEmotionOnly: e });
-}, Nt = (e) => {
+}, $t = (e) => {
   j.setState({ autoDecay: e });
-}, Ht = (e) => {
-  const t = g.getState().FACSManager;
+}, Xt = (e) => {
+  const t = c.getState().FACSManager;
   t == null || t.playFacialAnimation({ ...e });
-}, ft = ({ animationsLoaded: e }) => {
+}, qt = (e) => {
+  var t;
+  (t = c.getState().character) == null || t.liveBlendshapeManager.playLive(e);
+}, Jt = () => {
+  var e;
+  (e = c.getState().character) == null || e.liveBlendshapeManager.stop();
+}, bt = ({ animationsLoaded: e }) => {
   const t = j((r) => r.emotions), n = j((r) => r.useTopEmotionOnly);
   return l(() => {
-    e && _e(Me(t, { topOnly: n }));
+    e && et(Ee(t, { topOnly: n }));
   }, [t, n, e]), null;
-}, Kt = ({ url: e, type: t, animationsUrl: n, gender: r, speechSynthesis: d, camera: s, onLoadingCompleted: m, autoLookAt: k, breathing: C, disableAnimations: c, debug: w, inspector: P, enableBml: E, animationWeights: D, license: h, detectGpuData: U, environmentPreset: o = "apartment", tonemapping: T = R.NeutralToneMapping, targets: y, lipSyncFromAudio: I = !1, lipSyncAudio: H, lipSyncAudioContext: G }) => {
-  const b = g((S) => S.animationsLoaded), f = M((S) => S.defaultPositions), L = M((S) => S.defaultDistances), [O, W] = A(), [a, v] = A(null), [V, u] = A(), [x, ee] = A(!1), Q = async (S, K) => {
-    let N = null;
+}, Qt = ({ url: e, type: t, animationsUrl: n, gender: r, speechSynthesis: g, camera: s, onLoadingCompleted: u, autoLookAt: b, breathing: C, disableAnimations: d, debug: k, inspector: E, enableBml: w, animationWeights: R, license: v, detectGpuData: O, environmentPreset: F = "apartment", tonemapping: h = T.NeutralToneMapping, targets: y, lipSyncFromAudio: o = !1, lipSyncAudio: z, lipSyncAudioContext: U }) => {
+  const M = c((S) => S.animationsLoaded), f = P((S) => S.defaultPositions), L = P((S) => S.defaultDistances), [N, W] = A(), [a, B] = A(null), [x, p] = A(), [D, ee] = A(!1), Q = async (S, K) => {
+    let H = null;
     switch (t) {
       case $.cc3:
-        N = new De(), u(ne.cc3);
+        H = new De(), p(ne.cc3);
         break;
       case $.avatarsdk:
-        N = new ve(), u(ne.avatarsdk);
+        H = new xe(), p(ne.avatarsdk);
         break;
       case $.avaturn:
-        N = new Re(), u(ne.avaturn);
+        H = new Be(), p(ne.avaturn);
         break;
     }
-    const Z = await N.loadAsync(S).catch((B) => console.warn("Error loading character : ", B));
+    const Z = await H.loadAsync(S).catch((G) => console.warn("Error loading character : ", G));
     if (Z && !K()) {
-      let B = null;
+      let G = null;
       const te = {
         mesh: Z,
         onAnimationsLoaded: Y,
         animationsUrl: n,
         gender: r || "male",
         type: t,
-        debug: w,
-        enableBmlManager: !!E,
-        animationWeights: D,
-        license: h
+        debug: k,
+        enableBmlManager: !!w,
+        animationWeights: R,
+        license: v
       };
       switch (t) {
         case $.cc3:
-          B = await ae.fromCharacterCreator(te);
+          G = await ae.fromCharacterCreator(te);
           break;
         case $.avatarsdk:
-          B = await ae.fromAvatarSDK(te);
+          G = await ae.fromAvatarSDK(te);
           break;
         case $.avaturn:
-          B = await ae.fromAvaturn(te);
+          G = await ae.fromAvaturn(te);
           break;
       }
-      B && K() ? B.dispose() : B && v(B);
+      G && K() ? G.dispose() : G && B(G);
     }
   }, Y = () => {
     ie(!0);
   };
   l(() => {
     var S, K;
-    if (a && b)
-      if (C === !1 && ((K = (S = a.animationManager) == null ? void 0 : S.disableBreathing) == null || K.call(S)), x) {
-        nt(a.getAllAnimationNames()), at(a.getAllAnimations());
-        const N = setTimeout(() => {
-          m == null || m();
+    if (a && M)
+      if (C === !1 && ((K = (S = a.animationManager) == null ? void 0 : S.disableBreathing) == null || K.call(S)), D) {
+        at(a.getAllAnimationNames()), st(a.getAllAnimations());
+        const H = setTimeout(() => {
+          u == null || u();
         }, 1e3);
-        return () => clearTimeout(N);
+        return () => clearTimeout(H);
       } else
-        Se();
-  }, [a, b, x]), l(() => {
-    Ze(y || []);
+        pe();
+  }, [a, M, D]), l(() => {
+    _e(y || []);
   }, [y]), l(() => {
     ie(!1);
     let S = !1;
-    return O !== void 0 && (O ? Q(e, () => S) : m == null || m()), () => {
+    return N !== void 0 && (N ? Q(e, () => S) : u == null || u()), () => {
       S = !0;
     };
-  }, [e, O]), l(() => () => {
+  }, [e, N]), l(() => () => {
     a == null || a.dispose();
   }, [a]), l(() => {
-    if (x && L && f)
+    if (D && L && f)
       if (s) {
-        const S = Ee(s, L, f);
-        le(S), me(s.lookAt ? f[s.lookAt] : f.lowerbelly), Ye(!!s.movable);
+        const S = Te(s, L, f);
+        le(S), de(s.lookAt ? f[s.lookAt] : f.lowerbelly), Ze(!!s.movable);
       } else {
         const S = f.mouth.clone();
-        S.setComponent(2, L.farther), le(S), me(f.lowerbelly);
+        S.setComponent(2, L.farther), le(S), de(f.lowerbelly);
       }
-  }, [x, s, L, f]), l(() => {
-    d && (d.credentials && st(d.credentials), d.voice && ct(d.voice));
-  }, [d]), l(() => {
-    lt(I);
-  }, [I]), l(() => {
-    a == null || a.lipSyncManager.setAudioSource(H ?? null, G);
-  }, [a, H, G]);
-  const Se = () => {
-    if (a && V) {
+  }, [D, s, L, f]), l(() => {
+    g && (g.credentials && ot(g.credentials), g.voice && mt(g.voice));
+  }, [g]), l(() => {
+    ut(o);
+  }, [o]), l(() => {
+    a == null || a.lipSyncManager.setAudioSource(z ?? null, U);
+  }, [a, z, U]);
+  const pe = () => {
+    if (a && x) {
       try {
-        const { center: S, dimensions: K, defaultPositions: N, defaultDistances: Z } = Te(a);
-        qe(S), $e(K), Je(N), Qe(Z);
+        const { center: S, dimensions: K, defaultPositions: H, defaultDistances: Z } = Re(a);
+        Je(S), Xe(K), Qe(H), Ye(Z);
       } catch (S) {
         console.warn(S);
       }
       ee(!0);
     }
   };
-  return /* @__PURE__ */ i.createElement(gt, { parentGpuTier: U, setIsGpuAvailable: W, tonemapping: T, inspector: P }, O ? /* @__PURE__ */ i.createElement(i.Fragment, null, a && /* @__PURE__ */ i.createElement(St, { character: a, autoLookAt: !!k }), a && /* @__PURE__ */ i.createElement(ft, { animationsLoaded: b }), a && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(Le, { preset: o }), /* @__PURE__ */ i.createElement("primitive", { object: a, castShadow: !0, receiveShadow: !0 }))) : /* @__PURE__ */ i.createElement(i.Fragment, null));
+  return /* @__PURE__ */ i.createElement(St, { parentGpuTier: O, setIsGpuAvailable: W, tonemapping: h, inspector: E }, N ? /* @__PURE__ */ i.createElement(i.Fragment, null, a && /* @__PURE__ */ i.createElement(yt, { character: a, autoLookAt: !!b }), a && /* @__PURE__ */ i.createElement(bt, { animationsLoaded: M }), a && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(Ie, { preset: F }), /* @__PURE__ */ i.createElement("primitive", { object: a, castShadow: !0, receiveShadow: !0 }))) : /* @__PURE__ */ i.createElement(i.Fragment, null));
 };
 export {
-  Kt as Character,
-  qt as CharacterState,
-  Jt as CreationTool,
-  Qt as Distances,
-  $t as Object3D,
-  Yt as Positions,
-  Zt as Rotations,
-  Lt as addSPPASViseme,
+  Qt as Character,
+  tn as CharacterState,
+  nn as CreationTool,
+  an as Distances,
+  _t as Object3D,
+  sn as Positions,
+  on as Rotations,
+  Gt as addBlendshape,
+  Ot as addSPPASViseme,
   he as addViseme,
-  _t as bmlTags,
-  en as emotionList,
-  it as flushLipSyncData,
-  Vt as getAnimationsMap,
-  Et as getCameraPosition,
-  Mt as getCharacterHeight,
-  Tt as getLookAt,
-  Bt as getVoices,
-  et as lookAtAndKeep,
-  Ft as playAnimationByName,
-  Ht as playFacialAnimation,
-  tn as presets,
-  tt as releaseLookAt,
-  Nt as setAutoDecay,
-  xt as setAutoPlay,
+  rn as bmlTags,
+  cn as emotionList,
+  dt as flushBlendshapeData,
+  ct as flushLipSyncData,
+  Ft as getAnimationsMap,
+  Bt as getCameraPosition,
+  Rt as getCharacterHeight,
+  xt as getLookAt,
+  Ht as getVoices,
+  tt as lookAtAndKeep,
+  It as playAnimationByName,
+  Xt as playFacialAnimation,
+  qt as playLiveBlendshapes,
+  ln as presets,
+  nt as releaseLookAt,
+  $t as setAutoDecay,
+  Lt as setAutoPlay,
+  Ut as setBlendshapes,
   le as setCameraPosition,
   ce as setCharacterState,
-  _e as setCurrentAUs,
-  Rt as setCurrentGaze,
-  vt as setCurrentHeadPose,
-  ot as setCurrentUtterance,
-  Gt as setEmotions,
-  lt as setLipSyncFromAudio,
+  et as setCurrentAUs,
+  Dt as setCurrentGaze,
+  Vt as setCurrentHeadPose,
+  rt as setCurrentUtterance,
+  jt as setEmotions,
+  ut as setLipSyncFromAudio,
   se as setLookAtCamera,
-  Ye as setMovable,
-  Dt as setShowFirstTarget,
-  zt as setTextToSpeak,
-  Ot as setUseTopEmotionOnly,
-  Ut as setVisemeIntensity,
-  It as setVisemes,
-  ct as setVoice,
-  g as useCharacterStore
+  Ze as setMovable,
+  vt as setShowFirstTarget,
+  Nt as setTextToSpeak,
+  Wt as setUseTopEmotionOnly,
+  Kt as setVisemeIntensity,
+  zt as setVisemes,
+  mt as setVoice,
+  Jt as stopLiveBlendshapes,
+  c as useCharacterStore
 };

package/dist/models/types.d.ts

@@ -1,5 +1,5 @@
 import { ToneMapping, Object3D } from 'three/webgpu';
-import { CreationTool, AnimationWeight, AudioLipSyncSource, EmotionData, CameraPositionData, DefaultDistances, DefaultPositions } from '@davi-ai/bodyengine-three';
+import { CreationTool, AnimationWeight, AudioLipSyncSource, BlendshapeFrame, EmotionData, CameraPositionData, DefaultDistances, DefaultPositions } from '@davi-ai/bodyengine-three';
 interface SpeechSynthesisCredentials {
     region?: string;
     subscriptionKey?: string;
@@ -52,4 +52,6 @@ interface Position2D {
     y: number;
 }
 type EnvironmentPreset = 'apartment' | 'city' | 'dawn' | 'forest' | 'lobby' | 'night' | 'park' | 'studio' | 'sunset' | 'warehouse';
-export type { CharacterProps, SpeechSynthesisCredentials, Position2D, DefaultPositions, DefaultDistances, CameraPositionData, EmotionData, EnvironmentPreset };
+/** ARKit blendshape keyframe (see BlendshapeManager). */
+type BlendShapesData = BlendshapeFrame;
+export type { CharacterProps, SpeechSynthesisCredentials, Position2D, DefaultPositions, DefaultDistances, CameraPositionData, EmotionData, EnvironmentPreset, BlendShapesData };

package/dist/stats.html

@@ -4929,7 +4929,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"D:/a/1/s/packages/reactjs","children":[{"name":"node_modules/zustand/esm","children":[{"uid":"0d3d19ef-1","name":"vanilla.mjs"},{"uid":"0d3d19ef-3","name":"react.mjs"}]},{"name":"src","children":[{"name":"contexts","children":[{"uid":"0d3d19ef-5","name":"characterStore.ts"},{"uid":"0d3d19ef-7","name":"cameraStore.ts"},{"uid":"0d3d19ef-9","name":"headStore.ts"},{"uid":"0d3d19ef-11","name":"animationStore.ts"},{"uid":"0d3d19ef-13","name":"speechStore.ts"},{"uid":"0d3d19ef-23","name":"emotionStore.ts"}]},{"name":"components","children":[{"uid":"0d3d19ef-15","name":"SpeechManager.tsx"},{"uid":"0d3d19ef-17","name":"HorizontalLine.tsx"},{"uid":"0d3d19ef-19","name":"Scene.tsx"},{"name":"Controllers","children":[{"uid":"0d3d19ef-21","name":"CharacterController.ts"},{"uid":"0d3d19ef-25","name":"EmotionController.ts"}]},{"uid":"0d3d19ef-27","name":"Character.tsx"}]},{"uid":"0d3d19ef-29","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"0d3d19ef-1":{"renderedLength":975,"gzipLength":394,"brotliLength":353,"metaUid":"0d3d19ef-0"},"0d3d19ef-3":{"renderedLength":557,"gzipLength":282,"brotliLength":232,"metaUid":"0d3d19ef-2"},"0d3d19ef-5":{"renderedLength":1893,"gzipLength":420,"brotliLength":362,"metaUid":"0d3d19ef-4"},"0d3d19ef-7":{"renderedLength":1028,"gzipLength":293,"brotliLength":249,"metaUid":"0d3d19ef-6"},"0d3d19ef-9":{"renderedLength":1154,"gzipLength":359,"brotliLength":315,"metaUid":"0d3d19ef-8"},"0d3d19ef-11":{"renderedLength":854,"gzipLength":308,"brotliLength":274,"metaUid":"0d3d19ef-10"},"0d3d19ef-13":{"renderedLength":1789,"gzipLength":494,"brotliLength":439,"metaUid":"0d3d19ef-12"},"0d3d19ef-15":{"renderedLength":3570,"gzipLength":901,"brotliLength":818,"metaUid":"0d3d19ef-14"},"0d3d19ef-17":{"renderedLength":383,"gzipLength":251,"brotliLength":209,"metaUid":"0d3d19ef-16"},"0d3d19ef-19":{"renderedLength":11534,"gzipLength":3285,"brotliLength":2899,"metaUid":"0d3d19ef-18"},"0d3d19ef-21":{"renderedLength":1366,"gzipLength":442,"brotliLength":408,"metaUid":"0d3d19ef-20"},"0d3d19ef-23":{"renderedLength":949,"gzipLength":361,"brotliLength":320,"metaUid":"0d3d19ef-22"},"0d3d19ef-25":{"renderedLength":398,"gzipLength":211,"brotliLength":184,"metaUid":"0d3d19ef-24"},"0d3d19ef-27":{"renderedLength":5785,"gzipLength":1605,"brotliLength":1419,"metaUid":"0d3d19ef-26"},"0d3d19ef-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"0d3d19ef-28"}},"nodeMetas":{"0d3d19ef-0":{"id":"D:/a/1/s/packages/reactjs/node_modules/zustand/esm/vanilla.mjs","moduleParts":{"index.js":"0d3d19ef-1"},"imported":[],"importedBy":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-2"}]},"0d3d19ef-2":{"id":"D:/a/1/s/packages/reactjs/node_modules/zustand/esm/react.mjs","moduleParts":{"index.js":"0d3d19ef-3"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-0"}],"importedBy":[{"uid":"0d3d19ef-35"}]},"0d3d19ef-4":{"id":"D:/a/1/s/packages/reactjs/src/contexts/characterStore.ts","moduleParts":{"index.js":"0d3d19ef-5"},"imported":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-30"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-12"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-22"},{"uid":"0d3d19ef-10"},{"uid":"0d3d19ef-20"},{"uid":"0d3d19ef-14"}]},"0d3d19ef-6":{"id":"D:/a/1/s/packages/reactjs/src/contexts/cameraStore.ts","moduleParts":{"index.js":"0d3d19ef-7"},"imported":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-32"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-20"}]},"0d3d19ef-8":{"id":"D:/a/1/s/packages/reactjs/src/contexts/headStore.ts","moduleParts":{"index.js":"0d3d19ef-9"},"imported":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-6"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-20"},{"uid":"0d3d19ef-24"}]},"0d3d19ef-10":{"id":"D:/a/1/s/packages/reactjs/src/contexts/animationStore.ts","moduleParts":{"index.js":"0d3d19ef-11"},"imported":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-4"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"}]},"0d3d19ef-12":{"id":"D:/a/1/s/packages/reactjs/src/contexts/speechStore.ts","moduleParts":{"index.js":"0d3d19ef-13"},"imported":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-30"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-14"}]},"0d3d19ef-14":{"id":"D:/a/1/s/packages/reactjs/src/components/SpeechManager.tsx","moduleParts":{"index.js":"0d3d19ef-15"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-12"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-39"},{"uid":"0d3d19ef-30"}],"importedBy":[{"uid":"0d3d19ef-18"}]},"0d3d19ef-16":{"id":"D:/a/1/s/packages/reactjs/src/components/HorizontalLine.tsx","moduleParts":{"index.js":"0d3d19ef-17"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-32"}],"importedBy":[{"uid":"0d3d19ef-18"}]},"0d3d19ef-18":{"id":"D:/a/1/s/packages/reactjs/src/components/Scene.tsx","moduleParts":{"index.js":"0d3d19ef-19"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-32"},{"uid":"0d3d19ef-36"},{"uid":"0d3d19ef-30"},{"uid":"0d3d19ef-34"},{"uid":"0d3d19ef-37"},{"uid":"0d3d19ef-6"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-14"},{"uid":"0d3d19ef-16"},{"uid":"0d3d19ef-38","dynamic":true}],"importedBy":[{"uid":"0d3d19ef-26"}]},"0d3d19ef-20":{"id":"D:/a/1/s/packages/reactjs/src/components/Controllers/CharacterController.ts","moduleParts":{"index.js":"0d3d19ef-21"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-30"},{"uid":"0d3d19ef-37"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-6"}],"importedBy":[{"uid":"0d3d19ef-26"}]},"0d3d19ef-22":{"id":"D:/a/1/s/packages/reactjs/src/contexts/emotionStore.ts","moduleParts":{"index.js":"0d3d19ef-23"},"imported":[{"uid":"0d3d19ef-35"},{"uid":"0d3d19ef-31"},{"uid":"0d3d19ef-4"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-24"}]},"0d3d19ef-24":{"id":"D:/a/1/s/packages/reactjs/src/components/Controllers/EmotionController.ts","moduleParts":{"index.js":"0d3d19ef-25"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-22"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-30"}],"importedBy":[{"uid":"0d3d19ef-26"}]},"0d3d19ef-26":{"id":"D:/a/1/s/packages/reactjs/src/components/Character.tsx","moduleParts":{"index.js":"0d3d19ef-27"},"imported":[{"uid":"0d3d19ef-33"},{"uid":"0d3d19ef-32"},{"uid":"0d3d19ef-30"},{"uid":"0d3d19ef-34"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-10"},{"uid":"0d3d19ef-6"},{"uid":"0d3d19ef-12"},{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-20"},{"uid":"0d3d19ef-24"}],"importedBy":[{"uid":"0d3d19ef-28"}]},"0d3d19ef-28":{"id":"D:/a/1/s/packages/reactjs/src/index.ts","moduleParts":{"index.js":"0d3d19ef-29"},"imported":[{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-12"},{"uid":"0d3d19ef-6"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-22"},{"uid":"0d3d19ef-10"},{"uid":"0d3d19ef-30"},{"uid":"0d3d19ef-31"},{"uid":"0d3d19ef-32"}],"importedBy":[],"isEntry":true},"0d3d19ef-30":{"id":"@davi-ai/bodyengine-three","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-12"},{"uid":"0d3d19ef-31"},{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-20"},{"uid":"0d3d19ef-24"},{"uid":"0d3d19ef-14"}],"isExternal":true},"0d3d19ef-31":{"id":"D:/a/1/s/packages/reactjs/src/models/enums.ts","moduleParts":{},"imported":[{"uid":"0d3d19ef-30"}],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-22"}]},"0d3d19ef-32":{"id":"three/webgpu","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-28"},{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-6"},{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-16"}],"isExternal":true},"0d3d19ef-33":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-20"},{"uid":"0d3d19ef-24"},{"uid":"0d3d19ef-14"},{"uid":"0d3d19ef-16"},{"uid":"0d3d19ef-2"}],"isExternal":true},"0d3d19ef-34":{"id":"@react-three/drei","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-26"},{"uid":"0d3d19ef-18"}],"isExternal":true},"0d3d19ef-35":{"id":"D:/a/1/s/packages/reactjs/node_modules/zustand/esm/index.mjs","moduleParts":{},"imported":[{"uid":"0d3d19ef-0"},{"uid":"0d3d19ef-2"}],"importedBy":[{"uid":"0d3d19ef-4"},{"uid":"0d3d19ef-12"},{"uid":"0d3d19ef-6"},{"uid":"0d3d19ef-8"},{"uid":"0d3d19ef-22"},{"uid":"0d3d19ef-10"}]},"0d3d19ef-36":{"id":"three/tsl","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-18"}],"isExternal":true},"0d3d19ef-37":{"id":"@react-three/fiber","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-18"},{"uid":"0d3d19ef-20"}],"isExternal":true},"0d3d19ef-38":{"id":"three/addons/inspector/Inspector.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-18"}],"isExternal":true},"0d3d19ef-39":{"id":"@davi-ai/web-speech-cognitive-services-davi","moduleParts":{},"imported":[],"importedBy":[{"uid":"0d3d19ef-14"}],"isExternal":true}},"env":{"rollup":"4.65.0"},"options":{"gzip":true,"brotli":true,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"D:/a/1/s/packages/reactjs","children":[{"name":"node_modules/zustand/esm","children":[{"uid":"2df4bb2f-1","name":"vanilla.mjs"},{"uid":"2df4bb2f-3","name":"react.mjs"}]},{"name":"src","children":[{"name":"contexts","children":[{"uid":"2df4bb2f-5","name":"characterStore.ts"},{"uid":"2df4bb2f-7","name":"cameraStore.ts"},{"uid":"2df4bb2f-9","name":"headStore.ts"},{"uid":"2df4bb2f-11","name":"animationStore.ts"},{"uid":"2df4bb2f-13","name":"speechStore.ts"},{"uid":"2df4bb2f-23","name":"emotionStore.ts"}]},{"name":"components","children":[{"uid":"2df4bb2f-15","name":"SpeechManager.tsx"},{"uid":"2df4bb2f-17","name":"HorizontalLine.tsx"},{"uid":"2df4bb2f-19","name":"Scene.tsx"},{"name":"Controllers","children":[{"uid":"2df4bb2f-21","name":"CharacterController.ts"},{"uid":"2df4bb2f-25","name":"EmotionController.ts"}]},{"uid":"2df4bb2f-27","name":"Character.tsx"}]},{"uid":"2df4bb2f-29","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"2df4bb2f-1":{"renderedLength":975,"gzipLength":394,"brotliLength":353,"metaUid":"2df4bb2f-0"},"2df4bb2f-3":{"renderedLength":557,"gzipLength":282,"brotliLength":232,"metaUid":"2df4bb2f-2"},"2df4bb2f-5":{"renderedLength":2066,"gzipLength":439,"brotliLength":380,"metaUid":"2df4bb2f-4"},"2df4bb2f-7":{"renderedLength":1028,"gzipLength":293,"brotliLength":249,"metaUid":"2df4bb2f-6"},"2df4bb2f-9":{"renderedLength":1154,"gzipLength":359,"brotliLength":315,"metaUid":"2df4bb2f-8"},"2df4bb2f-11":{"renderedLength":854,"gzipLength":308,"brotliLength":274,"metaUid":"2df4bb2f-10"},"2df4bb2f-13":{"renderedLength":2354,"gzipLength":557,"brotliLength":499,"metaUid":"2df4bb2f-12"},"2df4bb2f-15":{"renderedLength":4196,"gzipLength":985,"brotliLength":896,"metaUid":"2df4bb2f-14"},"2df4bb2f-17":{"renderedLength":383,"gzipLength":251,"brotliLength":209,"metaUid":"2df4bb2f-16"},"2df4bb2f-19":{"renderedLength":11550,"gzipLength":3294,"brotliLength":2903,"metaUid":"2df4bb2f-18"},"2df4bb2f-21":{"renderedLength":1366,"gzipLength":442,"brotliLength":408,"metaUid":"2df4bb2f-20"},"2df4bb2f-23":{"renderedLength":1187,"gzipLength":412,"brotliLength":371,"metaUid":"2df4bb2f-22"},"2df4bb2f-25":{"renderedLength":398,"gzipLength":211,"brotliLength":184,"metaUid":"2df4bb2f-24"},"2df4bb2f-27":{"renderedLength":5785,"gzipLength":1605,"brotliLength":1419,"metaUid":"2df4bb2f-26"},"2df4bb2f-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"2df4bb2f-28"}},"nodeMetas":{"2df4bb2f-0":{"id":"D:/a/1/s/packages/reactjs/node_modules/zustand/esm/vanilla.mjs","moduleParts":{"index.js":"2df4bb2f-1"},"imported":[],"importedBy":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-2"}]},"2df4bb2f-2":{"id":"D:/a/1/s/packages/reactjs/node_modules/zustand/esm/react.mjs","moduleParts":{"index.js":"2df4bb2f-3"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-0"}],"importedBy":[{"uid":"2df4bb2f-35"}]},"2df4bb2f-4":{"id":"D:/a/1/s/packages/reactjs/src/contexts/characterStore.ts","moduleParts":{"index.js":"2df4bb2f-5"},"imported":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-30"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-12"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-22"},{"uid":"2df4bb2f-10"},{"uid":"2df4bb2f-20"},{"uid":"2df4bb2f-14"}]},"2df4bb2f-6":{"id":"D:/a/1/s/packages/reactjs/src/contexts/cameraStore.ts","moduleParts":{"index.js":"2df4bb2f-7"},"imported":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-32"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-20"}]},"2df4bb2f-8":{"id":"D:/a/1/s/packages/reactjs/src/contexts/headStore.ts","moduleParts":{"index.js":"2df4bb2f-9"},"imported":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-6"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-20"},{"uid":"2df4bb2f-24"}]},"2df4bb2f-10":{"id":"D:/a/1/s/packages/reactjs/src/contexts/animationStore.ts","moduleParts":{"index.js":"2df4bb2f-11"},"imported":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-4"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"}]},"2df4bb2f-12":{"id":"D:/a/1/s/packages/reactjs/src/contexts/speechStore.ts","moduleParts":{"index.js":"2df4bb2f-13"},"imported":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-30"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-14"}]},"2df4bb2f-14":{"id":"D:/a/1/s/packages/reactjs/src/components/SpeechManager.tsx","moduleParts":{"index.js":"2df4bb2f-15"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-12"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-39"},{"uid":"2df4bb2f-30"}],"importedBy":[{"uid":"2df4bb2f-18"}]},"2df4bb2f-16":{"id":"D:/a/1/s/packages/reactjs/src/components/HorizontalLine.tsx","moduleParts":{"index.js":"2df4bb2f-17"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-32"}],"importedBy":[{"uid":"2df4bb2f-18"}]},"2df4bb2f-18":{"id":"D:/a/1/s/packages/reactjs/src/components/Scene.tsx","moduleParts":{"index.js":"2df4bb2f-19"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-32"},{"uid":"2df4bb2f-36"},{"uid":"2df4bb2f-30"},{"uid":"2df4bb2f-34"},{"uid":"2df4bb2f-37"},{"uid":"2df4bb2f-6"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-14"},{"uid":"2df4bb2f-16"},{"uid":"2df4bb2f-38","dynamic":true}],"importedBy":[{"uid":"2df4bb2f-26"}]},"2df4bb2f-20":{"id":"D:/a/1/s/packages/reactjs/src/components/Controllers/CharacterController.ts","moduleParts":{"index.js":"2df4bb2f-21"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-30"},{"uid":"2df4bb2f-37"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-6"}],"importedBy":[{"uid":"2df4bb2f-26"}]},"2df4bb2f-22":{"id":"D:/a/1/s/packages/reactjs/src/contexts/emotionStore.ts","moduleParts":{"index.js":"2df4bb2f-23"},"imported":[{"uid":"2df4bb2f-35"},{"uid":"2df4bb2f-31"},{"uid":"2df4bb2f-4"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-24"}]},"2df4bb2f-24":{"id":"D:/a/1/s/packages/reactjs/src/components/Controllers/EmotionController.ts","moduleParts":{"index.js":"2df4bb2f-25"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-22"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-30"}],"importedBy":[{"uid":"2df4bb2f-26"}]},"2df4bb2f-26":{"id":"D:/a/1/s/packages/reactjs/src/components/Character.tsx","moduleParts":{"index.js":"2df4bb2f-27"},"imported":[{"uid":"2df4bb2f-33"},{"uid":"2df4bb2f-32"},{"uid":"2df4bb2f-30"},{"uid":"2df4bb2f-34"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-10"},{"uid":"2df4bb2f-6"},{"uid":"2df4bb2f-12"},{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-20"},{"uid":"2df4bb2f-24"}],"importedBy":[{"uid":"2df4bb2f-28"}]},"2df4bb2f-28":{"id":"D:/a/1/s/packages/reactjs/src/index.ts","moduleParts":{"index.js":"2df4bb2f-29"},"imported":[{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-12"},{"uid":"2df4bb2f-6"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-22"},{"uid":"2df4bb2f-10"},{"uid":"2df4bb2f-30"},{"uid":"2df4bb2f-31"},{"uid":"2df4bb2f-32"}],"importedBy":[],"isEntry":true},"2df4bb2f-30":{"id":"@davi-ai/bodyengine-three","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-12"},{"uid":"2df4bb2f-31"},{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-20"},{"uid":"2df4bb2f-24"},{"uid":"2df4bb2f-14"}],"isExternal":true},"2df4bb2f-31":{"id":"D:/a/1/s/packages/reactjs/src/models/enums.ts","moduleParts":{},"imported":[{"uid":"2df4bb2f-30"}],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-22"}]},"2df4bb2f-32":{"id":"three/webgpu","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-28"},{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-6"},{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-16"}],"isExternal":true},"2df4bb2f-33":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-20"},{"uid":"2df4bb2f-24"},{"uid":"2df4bb2f-14"},{"uid":"2df4bb2f-16"},{"uid":"2df4bb2f-2"}],"isExternal":true},"2df4bb2f-34":{"id":"@react-three/drei","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-26"},{"uid":"2df4bb2f-18"}],"isExternal":true},"2df4bb2f-35":{"id":"D:/a/1/s/packages/reactjs/node_modules/zustand/esm/index.mjs","moduleParts":{},"imported":[{"uid":"2df4bb2f-0"},{"uid":"2df4bb2f-2"}],"importedBy":[{"uid":"2df4bb2f-4"},{"uid":"2df4bb2f-12"},{"uid":"2df4bb2f-6"},{"uid":"2df4bb2f-8"},{"uid":"2df4bb2f-22"},{"uid":"2df4bb2f-10"}]},"2df4bb2f-36":{"id":"three/tsl","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-18"}],"isExternal":true},"2df4bb2f-37":{"id":"@react-three/fiber","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-18"},{"uid":"2df4bb2f-20"}],"isExternal":true},"2df4bb2f-38":{"id":"three/addons/inspector/Inspector.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-18"}],"isExternal":true},"2df4bb2f-39":{"id":"@davi-ai/web-speech-cognitive-services-davi","moduleParts":{},"imported":[],"importedBy":[{"uid":"2df4bb2f-14"}],"isExternal":true}},"env":{"rollup":"4.65.0"},"options":{"gzip":true,"brotli":true,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davi-ai/react-bodyengine-three",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "description": "Reactjs layer to use animations in a threejs environment",
   "author": "DAVI",
   "licence": "MIT",
@@ -22,7 +22,7 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@davi-ai/bodyengine-three": "^1.0.26",
+    "@davi-ai/bodyengine-three": "^1.0.27",
     "@davi-ai/web-speech-cognitive-services-davi": "^3.0.1",
     "@react-three/drei": "^10.0.0",
     "@react-three/fiber": "^9.0.0",