@davi-ai/react-bodyengine-three 1.0.34 → 1.0.35

package/dist/index.js

@@ -1,42 +1,40 @@
-import D, { useState as ee, useMemo as it, useEffect as q, useRef as Pe, useCallback as $t, Suspense as Qt } from "react";
-import * as B from "three/webgpu";
-import { Vector3 as Bt, TempNode as He, NodeUpdateType as Xt, Vector2 as Te, RenderTarget as st, DepthTexture as pt, HalfFloatType as gt, NodeMaterial as Dt, NoBlending as Jt, Matrix4 as xe, RendererUtils as Ue, QuadMesh as zt, FloatType as es, UnsignedByteType as ft, RedFormat as ts, UnsignedInt101111Type as ss, RGBFormat as ns, MathUtils as os, DataTexture as as, RepeatWrapping as yt } from "three/webgpu";
-import { Object3D as Co } from "three/webgpu";
-import { CharacterState as de, surfaceId as rs, surfaceMask as We, SURFACE as Ke, CreationTool as Se, AvaturnLoader as is, AvatarSDKLoader as cs, CC3Loader as ls, Character as Ye } from "@davi-ai/bodyengine-three";
-import { CharacterState as Mo, CreationTool as _o, bmlTags as ko, emotionList as Po } from "@davi-ai/bodyengine-three";
-import { useDetectGPU as ds, PerformanceMonitor as us, PerspectiveCamera as hs, CameraControls as ms, Environment as ps } from "@react-three/drei";
-import { convertToTexture as qe, uniform as I, passTexture as ze, texture as Fe, OnBeforeRenderPipeline as gs, OnAfterRenderPipeline as fs, velocity as ct, struct as ys, Fn as Q, float as w, vec2 as Y, If as he, vec4 as J, max as W, vec3 as ae, ivec2 as _e, luminance as ve, add as xs, uv as Re, mix as ke, logarithmicDepthToViewZ as Ft, viewZToPerspectiveDepth as nt, getViewPosition as Ie, viewZToOrthographicDepth as Ss, NodeUpdateType as Ot, reference as je, uint as oe, sub as bs, abs as pe, HALF_PI as Ze, sqrt as Et, PI as fe, Loop as Oe, pow as Ge, mul as $e, Break as Ts, normalize as be, dot as ie, clamp as Me, div as vs, ceil as As, shiftRight as ws, countOneBits as xt, sign as St, property as Ee, outputStruct as Cs, screenCoordinate as bt, interleavedGradientNoise as Ns, fract as Ms, rand as _s, cos as ot, sin as at, cross as Tt, acos as ks, bool as vt, getNormalFromDepth as Lt, nodeObject as rt, uniformArray as Ps, textureSize as Vs, mat2 as Is, int as At, min as ce, pass as Ut, mrt as jt, diffuseColor as Rs, output as Gt, packNormalToRGB as Bs, normalView as Ds, sample as zs, unpackRGBToNormal as Fs, exp as Os, perspectiveDepthToViewZ as Es } from "three/tsl";
-import { SimplexNoise as Ls } from "three/examples/jsm/math/SimplexNoise.js";
-import { Canvas as Us, useThree as js, useFrame as Ht } from "@react-three/fiber";
-import { createSpeechSynthesisPonyfill as Gs, SpeechSynthesisUtterance as Hs } from "@davi-ai/web-speech-cognitive-services-davi";
-const wt = (e) => {
+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 { 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 { 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";
+const re = (e) => {
   let t;
-  const s = /* @__PURE__ */ new Set(), a = (v, x) => {
-    const V = typeof v == "function" ? v(t) : v;
-    if (!Object.is(V, t)) {
-      const m = t;
-      t = x ?? (typeof V != "object" || V === null) ? V : Object.assign({}, t, V), s.forEach((k) => k(t, m));
+  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));
     }
-  }, r = () => t, f = { setState: a, getState: r, getInitialState: () => T, subscribe: (v) => (s.add(v), () => s.delete(v)) }, T = t = e(a, r, f);
-  return f;
-}, qs = (e) => e ? wt(e) : wt, Ws = (e) => e;
-function Ks(e, t = Ws) {
-  const s = D.useSyncExternalStore(
+  }, 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) {
+  const n = i.useSyncExternalStore(
     e.subscribe,
-    D.useCallback(() => t(e.getState()), [e, t]),
-    D.useCallback(() => t(e.getInitialState()), [e, t])
+    i.useCallback(() => t(e.getState()), [e, t]),
+    () => t(e.getInitialState())
   );
-  return D.useDebugValue(s), s;
+  return i.useDebugValue(n), n;
 }
-const Ys = (e) => {
-  const t = qs(e), s = (a) => Ks(t, a);
-  return Object.assign(s, t), s;
-}, we = (e) => Ys, O = we()(() => ({
+const je = (e) => {
+  const t = Ne(e), n = (r) => Ke(t, r);
+  return Object.assign(n, t), n;
+}, J = (e) => je, g = J()(() => ({
   character: null,
   managers: [],
   globalManager: null,
   lipSyncManager: null,
-  blendshapeManager: null,
   eyeBlinkManager: null,
   animationManager: null,
   FACSManager: null,
@@ -47,1328 +45,502 @@ const Ys = (e) => {
   characterWidth: 0,
   characterHeight: 0,
   characterDepth: 0,
-  characterState: de.idle
-})), Zs = (e) => {
-  O.setState({ character: e }), O.setState({ managers: {
+  characterState: z.idle
+})), We = (e) => {
+  g.setState({ character: e }), g.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
-  } }), O.setState({ globalManager: (e == null ? void 0 : e.globalManager) || null }), O.setState({ lipSyncManager: (e == null ? void 0 : e.lipSyncManager) || null }), O.setState({ blendshapeManager: (e == null ? void 0 : e.blendshapeManager) || null }), O.setState({ eyeBlinkManager: (e == null ? void 0 : e.eyeBlinkManager) || null }), O.setState({ animationManager: (e == null ? void 0 : e.animationManager) || null }), O.setState({ FACSManager: (e == null ? void 0 : e.FACSManager) || null }), O.setState({ headPoseManager: (e == null ? void 0 : e.headPoseManager) || null }), O.setState({ gazeManager: (e == null ? void 0 : e.gazeManager) || null }), O.setState({ bmlManager: (e == null ? void 0 : e.bmlManager) || null });
-}, Ct = (e) => {
-  O.setState({ animationsLoaded: e });
-}, $s = (e) => {
-  O.setState({ characterWidth: e.x }), O.setState({ characterHeight: e.y }), O.setState({ characterDepth: e.z });
-}, Jn = () => O.getState().characterHeight, Nt = (e) => {
-  O.setState({ characterState: e });
-}, se = we()(() => ({
+  } }), 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 });
+}, 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()(() => ({
   cameraRef: null,
-  cameraPosition: new Bt(0, 0, 5),
+  cameraPosition: new ye(0, 0, 5),
   bodyCenter: null,
   defaultPositions: null,
   defaultDistances: null,
   lookAt: null,
   movable: !0
-})), Qs = (e) => {
-  se.setState({ cameraRef: e });
-}, Mt = (e) => {
-  se.setState({ cameraPosition: e });
-}, eo = () => se.getState().cameraPosition, Xs = (e) => {
-  se.setState({ bodyCenter: e });
-}, Js = (e) => {
-  se.setState({ defaultPositions: e });
-}, en = (e) => {
-  se.setState({ defaultDistances: e });
-}, _t = (e) => {
-  se.setState({ lookAt: e });
-}, to = () => se.getState().lookAt, tn = (e) => {
-  se.setState({ movable: e });
-}, re = we()(() => ({
+})), Xe = (e) => {
+  M.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 });
+}, Qe = (e) => {
+  M.setState({ defaultDistances: e });
+}, me = (e) => {
+  M.setState({ lookAt: e });
+}, Tt = () => M.getState().lookAt, Ye = (e) => {
+  M.setState({ movable: e });
+}, F = J()(() => ({
   currentAUs: null,
   currentGaze: null,
   currentHeadPose: null,
   lookAtCamera: !1,
   targets: [],
   showFirstTarget: !1
-})), sn = (e) => {
-  re.setState({ targets: e });
-}, so = (e) => {
-  re.setState({ currentAUs: e });
-}, no = (e) => {
-  re.setState({ currentGaze: e });
-}, oo = (e) => {
-  re.setState({ currentHeadPose: e });
-}, Qe = (e) => {
-  re.setState({ lookAtCamera: e }), e ? nn() : on();
-}, nn = (e) => {
-  const t = O.getState().globalManager;
+})), 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();
+}, et = (e) => {
+  const t = g.getState().globalManager;
   if (e)
     t == null || t.lookAtAndKeep(e);
   else {
-    const s = se.getState().cameraRef;
-    t == null || t.lookAtAndKeep(s);
+    const n = M.getState().cameraRef;
+    t == null || t.lookAtAndKeep(n);
   }
-}, on = () => {
+}, tt = () => {
   var e;
-  (e = O.getState().globalManager) == null || e.releaseLookAt();
-}, ao = (e) => {
-  re.setState({ showFirstTarget: e });
-}, Ae = we()(() => ({
+  (e = g.getState().globalManager) == null || e.releaseLookAt();
+}, Dt = (e) => {
+  F.setState({ showFirstTarget: e });
+}, q = J()(() => ({
   animationsNames: [],
   animations: /* @__PURE__ */ new Map(),
   currentAnimation: null,
   autoPlay: !0
-})), an = (e) => {
-  Ae.setState({ animationsNames: e });
-}, rn = (e) => {
-  Ae.setState({ animations: e });
-}, ro = () => Ae.getState().animations, io = (e) => {
-  Ae.setState({ autoPlay: e });
-}, co = (e) => {
-  if (Ae.setState({ autoPlay: !1 }), Ae.getState().animationsNames.includes(e)) {
-    const s = O.getState().animationManager;
-    s == null || s.playAnimation(e);
-  }
-};
-var $ = /* @__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))($ || {}), le = /* @__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))(le || {}), X = /* @__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))(X || {}), Le = /* @__PURE__ */ ((e) => (e.cc3 = "CC_Base_Body", e.avatarsdk = "AvatarBody", e.avaturn = "Body_Mesh", e))(Le || {}), lt = /* @__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))(lt || {});
-const kt = /* @__PURE__ */ new Map([
-  [0, "sil"],
-  [1, "aa"],
-  [2, "aa"],
-  [3, "O"],
-  [4, "E"],
-  [5, "E"],
-  [6, "I"],
-  [7, "U"],
-  [8, "O"],
-  [9, "U"],
-  [10, "O"],
-  [11, "aa"],
-  [12, "kk"],
-  [13, "RR"],
-  [14, "nn"],
-  [15, "SS"],
-  [16, "CH"],
-  [17, "TH"],
-  [18, "FF"],
-  [19, "DD"],
-  [20, "kk"],
-  [21, "PP"]
-]), cn = /* @__PURE__ */ new Map([
-  ["#", "#"],
-  ["p", "p"],
-  ["b", "b"],
-  ["t", "t"],
-  ["d", "d"],
-  ["k", "k"],
-  ["g", "g"],
-  ["f", "f"],
-  ["s", "s"],
-  ["S", "ʃ"],
-  ["v", "v"],
-  ["z", "z"],
-  ["Z", "ʒ"],
-  ["m", "m"],
-  ["n", "n"],
-  ["l", "l"],
-  ["R", "ʁ"],
-  ["j", "j"],
-  ["w", "w"],
-  ["H", "ɥ"],
-  ["E", "ɛ"],
-  ["A/", "ɑ"],
-  ["9", "oe"],
-  ["i", "i"],
-  ["e", "e"],
-  ["O/", "o"],
-  ["u", "u"],
-  ["y", "y"],
-  ["2", "ø"],
-  ["@", "ə"],
-  ["a~", "ã"],
-  ["U~/", "ɛ̃"],
-  ["U~/", "oẽ"],
-  ["O~", "ɔ̃"],
-  ["a", "a"],
-  ["A", "ɑ"],
-  ["3", "ɜ"],
-  ["I", "ɪ"],
-  ["o", "o"],
-  ["O", "ɔ"],
-  ["U", "ʊ"],
-  ["Y", "ʏ"],
-  ["A~", "ɑ̃"],
-  ["E~", "ɛ̃"],
-  ["e~", "ɛ̃"],
-  ["9~", "oẽ"],
-  ["N", "ŋ"],
-  ["J", "ɲ"]
-]), ln = /* @__PURE__ */ new Map([
-  ["#", 0],
-  ["æ", 1],
-  ["ə", 1],
-  ["ʌ", 1],
-  ["ɑ", 2],
-  ["ɔ", 3],
-  ["ɛ", 4],
-  ["ʊ", 4],
-  ["ɝ", 5],
-  ["j", 6],
-  ["i", 6],
-  ["ɪ", 6],
-  ["w", 7],
-  ["u", 7],
-  ["o", 8],
-  ["aʊ", 9],
-  ["ɔɪ", 10],
-  ["aɪ", 11],
-  ["h", 12],
-  ["ɹ", 13],
-  ["l", 14],
-  ["s", 15],
-  ["z", 15],
-  ["ʃ", 16],
-  ["tʃ", 16],
-  ["dʒ", 16],
-  ["ʒ", 16],
-  ["ð", 17],
-  ["f", 18],
-  ["v", 18],
-  ["d", 19],
-  ["t", 19],
-  ["n", 19],
-  ["θ", 19],
-  ["k", 20],
-  ["g", 20],
-  ["ŋ", 20],
-  ["p", 21],
-  ["b", 21],
-  ["m", 21]
-]), dn = {
-  position: $.mouth,
-  distance: X.farther,
-  lookAt: $.lowerbelly
-}, un = {
-  position: $.mouth,
-  distance: X.close,
-  lookAt: $.mouth
-}, hn = {
-  position: $.mouth,
-  distance: X.midclose,
-  lookAt: $.mouth
-}, mn = {
-  position: $.neck,
-  distance: X.close,
-  lookAt: $.neck
-}, pn = {
-  position: $.eye,
-  distance: X.medium,
-  lookAt: $.neck
-}, gn = {
-  position: $.eye,
-  distance: X.medium,
-  lookAt: $.clavicle
-}, fn = {
-  position: $.eye,
-  distance: X.midfar,
-  lookAt: $.belly
-}, yn = {
-  position: $.eye,
-  distance: X.far,
-  lookAt: $.lowerbelly
-}, lo = {
-  default: dn,
-  head: un,
-  neck: hn,
-  shoulders: mn,
-  chest: pn,
-  belly: gn,
-  knees: fn,
-  feet: yn
-}, z = we()(() => ({
+})), nt = (e) => {
+  q.setState({ animationsNames: e });
+}, at = (e) => {
+  q.setState({ animations: e });
+}, Vt = () => q.getState().animations, xt = (e) => {
+  q.setState({ autoPlay: e });
+}, Ft = (e) => {
+  if (q.setState({ autoPlay: !1 }), q.getState().animationsNames.includes(e)) {
+    const n = g.getState().animationManager;
+    n == null || n.playAnimation(e);
+  }
+}, p = J()(() => ({
   credentials: void 0,
   currentUtterance: null,
   boundaries: [],
   visemes: [],
-  blendshapes: [],
-  currentVisemeIndex: 0,
-  currentBlendshapeIndex: 0,
+  playedVisemeCount: 0,
   voice: null,
   voices: [],
   textToSpeak: null,
   visemeIntensity: 1,
-  useBlendshapeManager: !1
-})), xn = (e) => {
-  z.setState({ credentials: e });
-}, Sn = (e) => {
+  lipSyncFromAudio: !1
+})), st = (e) => {
+  p.setState({ credentials: e });
+}, ot = (e) => {
   if (e) {
-    const t = z.getState().voice;
+    const t = p.getState().voice;
     t && (e.voice = t);
   }
-  z.setState({ currentUtterance: e }), z.setState({ textToSpeak: null });
-}, uo = (e) => {
-  z.setState({ visemes: e });
-}, ho = (e) => {
-  z.setState({ blendshapes: e });
-}, qt = (e) => {
-  z.setState({ visemes: [...z.getState().visemes, e] });
-}, mo = (e) => {
-  z.setState({ blendshapes: [...z.getState().blendshapes, e] });
-}, po = (e, t) => {
-  const s = cn.get(e.name);
-  if (s) {
-    const a = ln.get(s);
-    a !== void 0 && qt({ ...e, name: `${a}`, elapsedTime: e.elapsedTime * (t || 1e7) });
-  }
-}, bn = (e) => {
-  z.setState({ currentVisemeIndex: e });
-}, Tn = (e) => {
-  z.setState({ currentBlendshapeIndex: e });
-}, Wt = () => {
+  p.setState({ currentUtterance: e }), p.setState({ textToSpeak: null });
+}, It = (e) => {
+  p.setState({ visemes: e });
+}, he = (e) => {
+  p.setState({ visemes: [...p.getState().visemes, e] });
+}, Lt = (e, t) => {
+  const n = Ae(e, t);
+  n && he(n);
+}, rt = (e) => {
+  p.setState({ playedVisemeCount: e });
+}, it = () => {
   var e;
-  z.setState({
+  p.setState({
     visemes: [],
-    currentVisemeIndex: 0
-  }), (e = O.getState().lipSyncManager) == null || e.stop();
-}, Kt = () => {
-  var e;
-  z.setState({
-    blendshapes: [],
-    currentBlendshapeIndex: 0
-  }), (e = O.getState().blendshapeManager) == null || e.stop();
-}, vn = (e) => {
-  z.setState({ voice: e });
-}, Pt = (e) => {
-  z.setState({ voices: e });
-}, go = (e) => {
-  z.setState({ textToSpeak: e });
-}, fo = () => z.getState().voices, yo = (e) => {
-  z.setState({ visemeIntensity: e });
-}, An = (e) => {
-  e !== z.getState().useBlendshapeManager && (Wt(), Kt(), z.setState({ useBlendshapeManager: e }));
-}, wn = (e, t, s) => {
-  let a = s[e.position || $.eye].getComponent(0);
-  const r = s[e.position || $.mouth].getComponent(1);
-  let o = 0;
-  const l = typeof e.distance == "string" ? parseInt(e.distance) : e.distance, f = typeof e.rotation == "string" ? parseInt(e.rotation) : e.rotation;
-  switch (l) {
-    case X.veryclose:
-      o = t.veryclose;
-      break;
-    case X.closer:
-      o = t.closer;
-      break;
-    case X.close:
-      o = t.close;
-      break;
-    case X.midclose:
-      o = t.midclose;
-      break;
-    case X.medium:
-      o = t.medium;
-      break;
-    case X.midfar:
-      o = t.midfar;
-      break;
-    case X.far:
-      o = t.far;
-      break;
-    case X.farther:
-    case void 0:
-    default:
-      o = t.farther;
-      break;
-    case X.veryfar:
-      o = t.veryfar;
-      break;
-  }
-  if (f && f !== le.face)
-    switch (f) {
-      case le.eighthleft: {
-        const T = 0.2588190451;
-        a = a - o * T, o = o * Math.sqrt(1 - Math.pow(T, 2));
-        break;
-      }
-      case le.thirdleft:
-        a = a - o * (1 / 2), o = o * (Math.sqrt(3) / 2);
-        break;
-      case le.quarterleft:
-        a = a - o * (Math.SQRT2 / 2), o = o * (Math.SQRT2 / 2);
-        break;
-      case le.halfleft:
-        a = a - o, o = s.eye.getComponent(2);
-        break;
-      case le.eighthright: {
-        const T = 0.2588190451;
-        a = a + o * T, o = o * Math.sqrt(1 - Math.pow(T, 2));
-        break;
-      }
-      case le.thirdright:
-        a = a + o * (1 / 2), o = o * (Math.sqrt(3) / 2);
-        break;
-      case le.quarterright:
-        a = a + o * (Math.SQRT2 / 2), o = o * (Math.SQRT2 / 2);
-        break;
-      case le.halfright:
-        a = a + o, o = s.eye.getComponent(2);
-        break;
-    }
-  return new B.Vector3(a, r, o);
-}, Xe = /* @__PURE__ */ new zt(), Vt = /* @__PURE__ */ new Te();
-let Je;
-class Cn extends He {
-  static get type() {
-    return "TRAANode";
-  }
-  /**
-   * 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, s, a, r) {
-    super("vec4"), this.isTRAANode = !0, this.updateBeforeType = Xt.FRAME, this.beautyNode = t, this.depthNode = s, this.velocityNode = a, this.camera = r, this.depthThreshold = 5e-4, this.edgeDepthDiff = 1e-3, this.maxVelocityLength = 32, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = I(new Te()), this._historyRenderTarget = new st(1, 1, { depthBuffer: !1, type: gt, depthTexture: new pt() }), this._historyRenderTarget.texture.name = "TRAANode.history", this._resolveRenderTarget = new st(1, 1, { depthBuffer: !1, type: gt }), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new Dt(), this._resolveMaterial.name = "TRAA.resolve", this._resolveMaterial.blending = Jt, this._textureNode = ze(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new xe(), this._cameraNearFar = I(new Te()), this._cameraWorldMatrix = I(new xe()), this._cameraWorldMatrixInverse = I(new xe()), this._cameraProjectionMatrixInverse = I(new xe()), this._previousCameraWorldMatrix = I(new xe()), this._previousCameraProjectionMatrixInverse = I(new xe()), this._previousDepthNode = Fe(new pt(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;
-  }
-  /**
-   * Returns the history buffer as a texture node. During the update of a new frame this
-   * texture holds the *previous* frame's anti-aliased resolve, which makes it a cheap
-   * feedback source for effects that want last frame's final lighting (e.g. feeding it
-   * into SSGI as the beauty input turns single-bounce GI into infinite bounces).
-   *
-   * Note: this is intentionally a plain TextureNode (not a PassTextureNode) so referencing
-   * it does not create a cyclic dependency in the node graph.
-   *
-   * @return {TextureNode} A texture node that represents the previous frame's resolve.
-   */
-  getHistoryTextureNode() {
-    return this._historyTextureNode === void 0 && (this._historyTextureNode = Fe(this._historyRenderTarget.texture)), this._historyTextureNode;
-  }
-  /**
-   * Sets the size of the effect.
-   *
-   * @param {number} width - The width of the effect.
-   * @param {number} height - The height of the effect.
-   */
-  setSize(t, s) {
-    this._historyRenderTarget.setSize(t, s), this._resolveRenderTarget.setSize(t, s), this._invSize.value.set(1 / t, 1 / s);
-  }
-  /**
-   * 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) {
-    this.camera.updateProjectionMatrix(), this._originalProjectionMatrix.copy(this.camera.projectionMatrix), this._velocityNode.setProjectionMatrix(this._originalProjectionMatrix);
-    const a = {
-      fullWidth: t,
-      fullHeight: s,
-      offsetX: 0,
-      offsetY: 0,
-      width: t,
-      height: s
-    }, r = Rt[this._jitterIndex];
-    this.camera.setViewOffset(
-      a.fullWidth,
-      a.fullHeight,
-      a.offsetX + (r[0] - 0.5) * 1,
-      a.offsetY + (r[1] - 0.5) * 1,
-      a.width,
-      a.height
-    );
-  }
-  /**
-   * Clears the view offset from the scene's camera.
-   */
-  clearViewOffset() {
-    this.camera.clearViewOffset(), this._velocityNode.setProjectionMatrix(null), this._jitterIndex++, this._jitterIndex = this._jitterIndex % Rt.length;
-  }
-  /**
-   * This method is used to render the effect once per frame.
-   *
-   * @param {NodeFrame} frame - The current node frame.
-   */
-  updateBefore(t) {
-    const { renderer: s } = 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 a = this.beautyNode.isRTTNode ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget, r = a.texture.width, o = a.texture.height;
-    this._needsPostProcessingSync === !0 && (this.setViewOffset(r, o), this._needsPostProcessingSync = !1), Je = Ue.resetRendererState(s, Je);
-    const l = this._historyRenderTarget.width !== r || this._historyRenderTarget.height !== o;
-    this.setSize(r, o), l === !0 && (s.initRenderTarget(this._historyRenderTarget), s.initRenderTarget(this._resolveRenderTarget), s.copyTextureToTexture(a.texture, this._historyRenderTarget.texture)), s.setClearColor(16777215, 0), s.setRenderTarget(this._resolveRenderTarget), Xe.material = this._resolveMaterial, Xe.name = "TRAA", Xe.render(s), s.setRenderTarget(null), s.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
-    const f = s.getDrawingBufferSize(Vt);
-    if (this._historyRenderTarget.height === f.height && this._historyRenderTarget.width === f.width) {
-      const T = this.depthNode.value;
-      s.copyTextureToTexture(T, this._historyRenderTarget.depthTexture), this._previousDepthNode.value = this._historyRenderTarget.depthTexture;
-    }
-    Ue.restoreRendererState(s, Je);
-  }
-  /**
-   * 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) {
-    t.renderPipeline && !t.context.renderPipelineState.viewOffsetOwner && (t.context.renderPipelineState.viewOffsetOwner = this, this._needsPostProcessingSync = !0, gs(() => {
-      const d = t.renderer.getDrawingBufferSize(Vt);
-      this.setViewOffset(d.width, d.height);
-    }), fs(() => {
-      this.clearViewOffset();
-    })), t.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = es), t.context.velocity !== void 0 ? this._velocityNode = t.context.velocity : this._velocityNode = ct;
-    const s = (d) => {
-      const { x: g, y: c } = this._cameraNearFar, n = Ft(d, g, c);
-      return nt(n, g, c);
-    }, a = ys({
-      closestDepth: "float",
-      closestPositionTexel: "vec2",
-      farthestDepth: "float"
-    }), r = Q(([d]) => {
-      const g = w(2).toVar(), c = Y(0).toVar(), n = w(-1).toVar();
-      for (let i = -1; i <= 1; ++i)
-        for (let p = -1; p <= 1; ++p) {
-          const y = d.add(Y(i, p)).toVar();
-          let h = this.depthNode.load(y).r;
-          t.renderer.reversedDepthBuffer && (h = h.oneMinus()), t.renderer.logarithmicDepthBuffer && (h = s(h)), h = h.toVar(), he(h.lessThan(g), () => {
-            g.assign(h), c.assign(y);
-          }), he(h.greaterThan(n), () => {
-            n.assign(h);
-          });
-        }
-      return a(g, c, n);
-    }), o = (d) => {
-      let g = this._previousDepthNode.sample(d).r;
-      t.renderer.reversedDepthBuffer && (g = g.oneMinus()), t.renderer.logarithmicDepthBuffer && (g = s(g));
-      const c = Ie(d, g, this._previousCameraProjectionMatrixInverse), n = this._previousCameraWorldMatrix.mul(J(c, 1)).xyz, i = this._cameraWorldMatrixInverse.mul(J(n, 1)).z;
-      return this.camera.isOrthographicCamera ? Ss(i, this._cameraNearFar.x, this._cameraNearFar.y) : nt(i, this._cameraNearFar.x, this._cameraNearFar.y);
-    }, l = Q(([d, g, c, n]) => {
-      const i = n.rgb.add(c.rgb).mul(0.5), p = n.rgb.sub(c.rgb).mul(0.5).add(1e-7), y = g.sub(J(i, d.a)), A = y.xyz.div(p).abs(), C = W(A.x, A.y, A.z);
-      return C.greaterThan(1).select(
-        J(i, d.a).add(y.div(C)),
-        g
-      );
-    }).setLayout({
-      name: "clipAABB",
-      type: "vec4",
-      inputs: [
-        { name: "currentColor", type: "vec4" },
-        { name: "historyColor", type: "vec4" },
-        { name: "minColor", type: "vec4" },
-        { name: "maxColor", type: "vec4" }
-      ]
-    }), f = Q(([d]) => ae(
-      d.x.mul(0.25).add(d.y.mul(0.5)).add(d.z.mul(0.25)),
-      d.x.mul(0.5).sub(d.z.mul(0.5)),
-      d.x.mul(-0.25).add(d.y.mul(0.5)).sub(d.z.mul(0.25))
-    )).setLayout({
-      name: "RGBToYCoCg",
-      type: "vec3",
-      inputs: [{ name: "c", type: "vec3" }]
-    }), T = Q(([d]) => ae(
-      d.x.add(d.y).sub(d.z),
-      d.x.add(d.z),
-      d.x.sub(d.y).sub(d.z)
-    )).setLayout({
-      name: "YCoCgToRGB",
-      type: "vec3",
-      inputs: [{ name: "c", type: "vec3" }]
-    }), v = Q(([d, g, c, n]) => {
-      const i = [
-        [-1, -1],
-        [-1, 1],
-        [1, -1],
-        [1, 1],
-        [1, 0],
-        [0, -1],
-        [0, 1],
-        [-1, 0]
-      ], p = J(f(g.rgb), g.a).toVar(), y = J(f(c.rgb), c.a).toVar(), h = p.toVar(), A = p.pow2().toVar();
-      for (const [j, G] of i) {
-        const E = this.beautyNode.offset(_e(j, G)).load(d).max(0), U = J(f(E.rgb), E.a).toVar();
-        h.addAssign(U), A.addAssign(U.pow2());
-      }
-      const C = w(i.length + 1), N = h.div(C), u = A.div(C).sub(N.pow2()).max(0).sqrt().mul(n), S = N.sub(u), M = N.add(u), b = l(N.clamp(S, M), y, S, M);
-      return J(T(b.rgb), b.a);
-    }), x = Q(([d, g]) => {
-      const n = d.mul(g).fract().abs(), i = W(n, n.oneMinus());
-      return i.x.mul(i.y).oneMinus().div(0.75);
-    }).setLayout({
-      name: "subpixelCorrection",
-      type: "float",
-      inputs: [
-        { name: "velocityUV", type: "vec2" },
-        { name: "textureSize", type: "ivec2" }
-      ]
-    }), V = Q(([d, g, c]) => {
-      const n = c.oneMinus(), i = d.mul(w(1).div(W(d.r, d.g, d.b).add(1))), p = g.mul(w(1).div(W(g.r, g.g, g.b).add(1))), y = ve(i.rgb), h = ve(p.rgb);
-      return c.mulAssign(w(1).div(y.add(1))), n.mulAssign(w(1).div(h.add(1))), xs(d.mul(c), g.mul(n)).div(W(c.add(n), 1e-5)).toVar();
-    }), m = Fe(this._historyRenderTarget.texture), k = Q(([d, g]) => {
-      const c = d.mul(g), n = c.sub(0.5).floor().add(0.5).toVar(), i = c.sub(n).toVar(), p = i.mul(i.mul(i.mul(-0.5).add(1)).sub(0.5)).toVar(), y = i.pow2().mul(i.mul(1.5).sub(2.5)).add(1).toVar(), h = i.mul(i.mul(i.mul(-1.5).add(2)).add(0.5)).toVar(), A = i.pow2().mul(i.mul(0.5).sub(0.5)).toVar(), C = y.add(h).toVar(), N = h.div(C).toVar(), u = n.sub(1).mul(this._invSize).toVar(), S = n.add(2).mul(this._invSize).toVar(), M = n.add(N).mul(this._invSize).toVar();
-      return m.sample(Y(u.x, u.y)).mul(p.x.mul(p.y)).add(m.sample(Y(M.x, u.y)).mul(C.x.mul(p.y))).add(m.sample(Y(S.x, u.y)).mul(A.x.mul(p.y))).add(m.sample(Y(u.x, M.y)).mul(p.x.mul(C.y))).add(m.sample(Y(M.x, M.y)).mul(C.x.mul(C.y))).add(m.sample(Y(S.x, M.y)).mul(A.x.mul(C.y))).add(m.sample(Y(u.x, S.y)).mul(p.x.mul(A.y))).add(m.sample(Y(M.x, S.y)).mul(C.x.mul(A.y))).add(m.sample(Y(S.x, S.y)).mul(A.x.mul(A.y))).max(0);
-    }), R = Q(() => {
-      const d = Re(), g = this.beautyNode.size(), c = d.mul(g), n = r(c), i = n.get("closestDepth"), p = n.get("closestPositionTexel"), y = n.get("farthestDepth"), h = this.velocityNode.load(p).xy.mul(Y(0.5, -0.5)), A = d.sub(h), C = o(A), N = A.greaterThanEqual(0).all().and(A.lessThanEqual(1).all()), u = y.sub(i).greaterThan(this.edgeDepthDiff), S = i.sub(C).greaterThan(this.depthThreshold), M = N.and(u.or(S.not())), b = this.beautyNode.sample(d), j = k(A, g), G = d.sub(A).mul(g).length().div(this.maxVelocityLength).saturate(), E = w(0.01).toVar();
-      this.useSubpixelCorrection && E.addAssign(x(h, g).mul(0.2)), E.assign(M.select(E.add(G).saturate(), 1));
-      const U = ke(0.5, 1, G.oneMinus().pow2()), P = v(c, b, j, U);
-      return V(b, P, E);
-    });
-    return this._resolveMaterial.colorNode = R(), 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();
-  }
-}
-function It(e, t) {
-  let s = 1, a = 0;
-  for (; e > 0; )
-    s /= t, a += s * (e % t), e = Math.floor(e / t);
-  return a;
-}
-const Rt = /* @__PURE__ */ Array.from(
-  { length: 16 },
-  (e, t) => [It(t + 1, 2), It(t + 1, 3)]
-), Yt = (e, t, s, a) => new Cn(qe(e), t, s, a), et = /* @__PURE__ */ new zt(), Nn = /* @__PURE__ */ new Te(), Mn = [60, 300, 180, 240, 120, 0], _n = [0, 0.5, 0.25, 0.75];
-let tt;
-class kn extends He {
-  static get type() {
-    return "SSGINode";
-  }
-  /**
-   * Constructs a new SSGI node.
-   *
-   * @param {TextureNode} beautyNode - A texture node that represents the beauty or scene pass.
-   * @param {TextureNode} depthNode - A texture node that represents the scene's depth.
-   * @param {TextureNode} normalNode - A texture node that represents the scene's normals.
-   * @param {PerspectiveCamera} camera - The camera the scene is rendered with.
-   */
-  constructor(t, s, a, r) {
-    super("vec4"), this.beautyNode = t, this.depthNode = s, this.normalNode = a, this.updateBeforeType = Ot.FRAME, this.sliceCount = I(1, "uint"), this.stepCount = I(12, "uint"), this.aoIntensity = I(1, "float"), this.giIntensity = I(10, "float"), this.radius = I(12, "float"), this.useScreenSpaceSampling = I(!0, "bool"), this.expFactor = I(2, "float"), this.thickness = I(1, "float"), this.useLinearThickness = I(!1, "bool"), this.backfaceLighting = I(0, "float"), this.useTemporalFiltering = !0, this.resolutionScale = 1, this._resolution = I(new Te()), this._halfProjScale = I(1), this._temporalDirection = I(0), this._temporalOffset = I(0), this._cameraProjectionMatrix = I(r.projectionMatrix), this._cameraProjectionMatrixInverse = I(r.projectionMatrixInverse), this._cameraNear = je("near", "float", r), this._cameraFar = je("far", "float", r), this._camera = r, this._ssgiRenderTarget = new st(1, 1, { depthBuffer: !1, count: 3 });
-    const o = this._ssgiRenderTarget.textures[0];
-    o.name = "SSGI.AO", o.type = ft, o.format = ts;
-    const l = this._ssgiRenderTarget.textures[1];
-    l.name = "SSGI.GI", l.type = ss, l.format = ns;
-    const f = this._ssgiRenderTarget.textures[2];
-    f.name = "SSGI.BentNormals", f.type = ft, this._material = new Dt(), this._material.name = "SSGI", this._aoNode = ze(this, this._ssgiRenderTarget.textures[0]), this._giNode = ze(this, this._ssgiRenderTarget.textures[1]), this._bentNormalNode = ze(this, this._ssgiRenderTarget.textures[2]);
-  }
-  /**
-   * Returns the AO result of the effect as a texture node.
-   *
-   * @return {PassTextureNode} A texture node that represents the AO result of the effect.
-   */
-  getAONode() {
-    return this._aoNode;
-  }
-  /**
-   * Returns the GI result of the effect as a texture node.
-   *
-   * @return {PassTextureNode} A texture node that represents the GI result of the effect.
-   */
-  getGINode() {
-    return this._giNode;
-  }
-  /**
-   * Returns the bent normals of the effect as a texture node. The bent normal is the
-   * average unoccluded direction of the hemisphere, in view space, packed into `[0, 1]`
-   * (unpack with `normal * 2 - 1`). It can be used for occlusion-aware environment
-   * lighting (e.g. sampling IBL along the bent normal instead of the surface normal).
-   *
-   * @return {PassTextureNode} A texture node that represents the bent normals of the effect.
-   */
-  getBentNormalNode() {
-    return this._bentNormalNode;
-  }
-  /**
-   * Sets the size of the effect.
-   *
-   * @param {number} width - The width of the effect.
-   * @param {number} height - The height of the effect.
-   */
-  setSize(t, s) {
-    t = Math.max(1, Math.round(t * this.resolutionScale)), s = Math.max(1, Math.round(s * this.resolutionScale)), this._resolution.value.set(t, s), this._ssgiRenderTarget.setSize(t, s), this._halfProjScale.value = s / (Math.tan(this._camera.fov * os.DEG2RAD * 0.5) * 2) * 0.5;
-  }
-  /**
-   * This method is used to render the effect once per frame.
-   *
-   * @param {NodeFrame} frame - The current node frame.
-   */
-  updateBefore(t) {
-    const { renderer: s } = t;
-    tt = Ue.resetRendererState(s, tt);
-    const a = s.getDrawingBufferSize(Nn);
-    if (this.setSize(a.width, a.height), this.useTemporalFiltering === !0) {
-      const r = t.frameId;
-      this._temporalDirection.value = Mn[r % 6] / 360, this._temporalOffset.value = _n[r % 4];
-    } else
-      this._temporalDirection.value = 1, this._temporalOffset.value = 1;
-    et.material = this._material, et.name = "SSGI", s.setClearColor(16777215, 1), s.setRenderTarget(this._ssgiRenderTarget), et.render(s), Ue.restoreRendererState(s, tt);
-  }
-  /**
-   * This method is used to setup the effect's TSL code.
-   *
-   * @param {NodeBuilder} builder - The current node builder.
-   * @return {PassTextureNode}
-   */
-  setup(t) {
-    const s = t.renderer;
-    s.backend.isWebGPUBackend === !0 && s.hasFeature("rg11b10ufloat-renderable") === !1 && console.error('THREE.SSGINode: The device does not support the "rg11b10ufloat-renderable" feature which is required for SSGI.');
-    const a = Re(), r = oe(32), o = oe(0), l = (c) => {
-      const n = this.depthNode.sample(c).r;
-      if (t.renderer.logarithmicDepthBuffer === !0) {
-        const i = Ft(n, this._cameraNear, this._cameraFar);
-        return nt(i, this._cameraNear, this._cameraFar);
-      }
-      return n;
-    }, f = (c) => this.normalNode !== null ? this.normalNode.sample(c).rgb.normalize() : Lt(c, this.depthNode.value, this._cameraProjectionMatrixInverse), T = (c) => this.beautyNode.sample(c), v = Q(([c]) => w(0.25).mul(bs(c.y, c.x).bitAnd(3))).setLayout({
-      name: "spatialOffsets",
-      type: "float",
-      inputs: [
-        { name: "position", type: "vec2" }
-      ]
-    }), x = Q(([c]) => {
-      const n = pe(c).mul(w(-0.156583)).add(Ze);
-      n.mulAssign(Et(pe(c).oneMinus()));
-      const i = c.x.greaterThanEqual(0).select(n.x, fe.sub(n.x)), p = c.y.greaterThanEqual(0).select(n.y, fe.sub(n.y));
-      return Y(i, p);
-    }).setLayout({
-      name: "GTAOFastAcos",
-      type: "vec2",
-      inputs: [
-        { name: "value", type: "vec2" }
-      ]
-    }), V = Q(([c, n, i, p, y, h, A, C, N, u]) => {
-      const S = this.stepCount.toConst(), M = this.expFactor.toConst(), b = this.thickness.toConst(), j = this.backfaceLighting.toConst(), G = c.select(Y(1, -1), Y(-1, 1)), E = c.select(1, -1), U = ae(0);
-      return Oe({ start: oe(0), end: S, type: "uint", condition: "<" }, ({ i: P }) => {
-        const _ = Ge(pe($e(n, w(P).add(h)).div(i)), M).mul(i).toConst(), L = y.mul(W(_, w(P).add(1))).toConst(), H = A.add(L.mul(G)).toConst();
-        he(H.x.lessThanEqual(0).or(H.y.lessThanEqual(0)).or(H.x.greaterThanEqual(1)).or(H.y.greaterThanEqual(1)), () => {
-          Ts();
-        });
-        const ne = Ie(H, l(H), this._cameraProjectionMatrixInverse).toConst(), K = ne.sub(p).normalize().toConst(), ue = this.useLinearThickness.select(ne.z.negate().div(this._cameraFar).clamp().mul(100), w(1)), Z = be(ne.sub(ue.mul(C).mul(b)).sub(p));
-        let F = Y(ie(K, C), ie(Z, C));
-        F = x(Me(F, -1, 1)), F = Me(vs($e(E, F.negate()).sub(u.sub(Ze)), fe)), F = c.select(F.yx, F.xy);
-        const me = F.x.toConst(), te = F.y.toConst(), Ce = oe(F.mul(w(r))).toConst(), Be = oe(As(te.sub(me).mul(w(r)))).toConst();
-        let ge = Be.greaterThan(oe(0)).select(oe(ws(oe(4294967295), oe(32).sub(r).add(r.sub(Be)))), oe(0)).toConst().shiftLeft(Ce);
-        ge = ge.bitAnd(o.bitNot()), o.assign(o.bitOr(ge));
-        const Ne = xt(ge);
-        he(Ne.greaterThan(0), () => {
-          const dt = T(H);
-          he(ve(dt).greaterThan(1e-3), () => {
-            const ut = be(K), ht = Me(ie(N, ut));
-            he(ht.greaterThan(1e-3), () => {
-              const mt = f(H);
-              let ye = ie(mt, ut.negate());
-              const Zt = St(ye).lessThan(0).select(pe(ye).mul(j), pe(ye));
-              ye = j.greaterThan(0).and(ie(mt, C).greaterThan(0)).select(Zt, Me(ye)), U.rgb.addAssign(w(Ne).div(w(r)).mul(dt).mul(ht).mul(ye));
-            });
-          });
-        });
-      }), U;
-    }), m = Ee("float"), k = Ee("vec3"), R = Ee("vec4"), d = Cs(m, k, R), g = Q(() => {
-      const c = l(a).toVar();
-      c.greaterThanEqual(1).discard();
-      const n = Ie(a, c, this._cameraProjectionMatrixInverse).toVar(), i = f(a).toVar(), p = be(n.xyz.negate()).toVar(), y = v(bt), h = Ns(bt), A = this._temporalDirection.mul(0.02), C = Ms(y.add(this._temporalOffset)).add(_s(a.add(A).mul(2).sub(1))), N = w(0), u = ae(0), S = ae(0), M = this.sliceCount.toConst(), b = this.stepCount.toConst(), j = this.aoIntensity.toConst(), G = this.giIntensity.toConst(), E = this.radius.toConst(), U = w(0).toVar();
-      he(this.useScreenSpaceSampling, () => {
-        U.assign(E.mul(this._resolution.x.div(2)).div(w(16)));
-      }).Else(() => {
-        U.assign(W(E.mul(this._halfProjScale).div(n.z.negate()), w(b)));
-      }), U.divAssign(w(b).add(1));
-      const P = W(1, w(b.sub(1))).mul(U).toConst();
-      Oe({ start: oe(0), end: M, type: "uint", condition: "<" }, ({ i: ne }) => {
-        const K = $e(w(ne).add(h).add(this._temporalDirection), fe.div(w(M))).toConst(), ue = ae(Y(ot(K), at(K)), 0).toConst(), Z = ue.xy.mul(w(1).div(this._resolution)).toConst(), F = be(Tt(ue, p)).toConst(), me = Tt(p, F).toConst(), te = i.sub(F.mul(ie(i, F))).toConst(), Ce = be(te).toConst(), Be = Me(ie(Ce, p), -1, 1).toConst(), De = St(ie(te, me)).negate().mul(ks(Be)).toConst();
-        o.assign(0), u.addAssign(V(vt(!0), U, P, n, Z, C, a, p, i, De)), u.addAssign(V(vt(!1), U, P, n, Z, C, a, p, i, De)), N.addAssign(w(xt(o)).div(w(r))), Oe({ start: oe(0), end: r, type: "uint", condition: "<", name: "j" }, ({ j: ge }) => {
-          he(o.shiftRight(ge).bitAnd(oe(1)).equal(oe(0)), () => {
-            const Ne = Ze.sub(De).sub(w(ge).add(0.5).div(w(r)).mul(fe));
-            S.addAssign(p.mul(ot(Ne)).add(me.mul(at(Ne))));
-          });
-        });
-      }), N.divAssign(w(M)), N.assign(Ge(N.clamp().oneMinus(), j).clamp()), u.divAssign(w(M)), u.mulAssign(G);
-      const _ = w(7).toConst(), L = ve(u), H = L.greaterThan(_).select(_.div(L), w(1));
-      return u.mulAssign(H), S.assign(be(S.add(i.mul(1e-4)))), m.assign(N), k.assign(u), R.assign(J(S.mul(0.5).add(0.5), 1)), J(0);
-    });
-    return this._material.colorNode = g().context(t.getSharedContext()), this._material.outputNode = d, this._material.needsUpdate = !0, this._aoNode;
-  }
-  /**
-   * Frees internal resources. This method should be called
-   * when the effect is no longer required.
-   */
-  dispose() {
-    this._ssgiRenderTarget.dispose(), this._material.dispose();
-  }
-}
-const Pn = (e, t, s, a) => new kn(qe(e), t, s, a);
-class Vn extends He {
-  static get type() {
-    return "DenoiseNode";
-  }
-  /**
-   * Constructs a new denoise node.
-   *
-   * @param {TextureNode} textureNode - The texture node that represents the input of the effect (e.g. AO).
-   * @param {Node<float>} depthNode - A node that represents the scene's depth.
-   * @param {?Node<vec3>} normalNode - A node that represents the scene's normals.
-   * @param {Camera} camera - The camera the scene is rendered with.
-   */
-  constructor(t, s, a, r) {
-    super("vec4"), this.textureNode = t, this.depthNode = s, this.normalNode = a, this.noiseNode = Fe(Rn()), this.lumaPhi = I(5), this.depthPhi = I(5), this.normalPhi = I(5), this.radius = I(5), this.index = I(0), this.updateBeforeType = Ot.FRAME, this._resolution = I(new Te()), this._sampleVectors = Ps(In(16, 2, 1)), this._cameraProjectionMatrixInverse = I(r.projectionMatrixInverse);
-  }
-  /**
-   * This method is used to update internal uniforms once per frame.
-   *
-   * @param {NodeFrame} frame - The current node frame.
-   */
-  updateBefore() {
-    const t = this.textureNode.value;
-    this._resolution.value.set(t.image.width, t.image.height);
-  }
-  /**
-   * This method is used to setup the effect's TSL code.
-   *
-   * @param {NodeBuilder} builder - The current node builder.
-   * @return {ShaderCallNodeInternal}
-   */
-  setup() {
-    const t = Re(), s = (x) => this.textureNode.sample(x), a = (x) => this.depthNode.sample(x).x, r = (x) => this.normalNode !== null ? this.normalNode.sample(x).rgb.normalize() : Lt(x, this.depthNode.value, this._cameraProjectionMatrixInverse), o = (x) => this.noiseNode.sample(x), l = (x, V, m, k) => {
-      const R = s(k).toVar(), d = a(k).toVar(), g = r(k).toVar(), c = Ie(k, d, this._cameraProjectionMatrixInverse).toVar(), n = ie(V, g), i = Ge(W(n, 0), this.normalPhi), p = pe(ve(R.rgb).sub(ve(x))), y = W(w(1).sub(p.div(this.lumaPhi)), 0), h = pe(ie(m.sub(c), V)), A = W(w(1).sub(h.div(this.depthPhi)), 0), C = y.mul(A).mul(i).toVar();
-      return { color: R.mul(C), weight: C };
-    }, f = Q(([x]) => {
-      const V = a(x).toVar(), m = r(x).toVar(), k = s(x).toVar(), R = Ee("vec4");
-      return he(V.greaterThanEqual(1).or(ie(m, m).equal(0)), () => {
-        R.assign(k);
-      }).Else(() => {
-        const d = ae(k.rgb), g = Ie(x, V, this._cameraProjectionMatrixInverse).toConst(), c = Vs(this.noiseNode, 0);
-        let n = Y(x.x, x.y.oneMinus());
-        n = n.mul(this._resolution.div(c));
-        const i = o(n).toVar(), p = at(i.element(this.index.mod(4).mul(2).mul(fe))), y = ot(i.element(this.index.mod(4).mul(2).mul(fe))), h = Y(p, y), A = Is(h.x, h.y.negate(), h.x, h.y), C = w(1).toVar(), N = J(k).toVar();
-        Oe({ start: At(0), end: At(16), type: "int", condition: "<" }, ({ i: u }) => {
-          const S = this._sampleVectors.element(u), M = A.mul(S.xy.mul(w(1).add(S.z.mul(this.radius.sub(1))))).div(this._resolution), b = x.add(M), j = l(d, m, g, b);
-          N.addAssign(j.color), C.addAssign(j.weight);
-        }), R.assign(N.div(C));
-      }), R;
-    });
-    return Q(() => f(t))();
-  }
-}
-function In(e, t, s) {
-  const a = [];
-  for (let r = 0; r < e; r++) {
-    const o = 2 * Math.PI * t * r / e, l = Math.pow(r / (e - 1), s);
-    a.push(new Bt(Math.cos(o), Math.sin(o), l));
-  }
-  return a;
-}
-function Rn(e = 64) {
-  const t = new Ls(), s = e * e * 4, a = new Uint8Array(s);
-  for (let o = 0; o < e; o++)
-    for (let l = 0; l < e; l++) {
-      const f = o, T = l;
-      a[(o * e + l) * 4] = (t.noise(f, T) * 0.5 + 0.5) * 255, a[(o * e + l) * 4 + 1] = (t.noise(f + e, T) * 0.5 + 0.5) * 255, a[(o * e + l) * 4 + 2] = (t.noise(f, T + e) * 0.5 + 0.5) * 255, a[(o * e + l) * 4 + 3] = (t.noise(f + e, T + e) * 0.5 + 0.5) * 255;
-    }
-  const r = new as(a, e, e);
-  return r.wrapS = yt, r.wrapT = yt, r.needsUpdate = !0, r;
-}
-const Bn = (e, t, s, a) => new Vn(qe(e), rt(t), rt(s), a);
-class Dn extends He {
-  static get type() {
-    return "CASNode";
-  }
-  /**
-   * Constructs a new CAS node.
-   *
-   * @param {TextureNode} textureNode - The texture node to sharpen (premultiplied, linear).
-   * @param {number} [amount=0.5] - Sharpening strength in [0,1]: 0 = off, 1 = RCAS maximum.
-   * @param {boolean} [denoise=true] - Whether to attenuate sharpening where the 3×3 cross looks like noise.
-   */
-  constructor(t, s = 0.5, a = !0) {
-    super("vec4"), this.isCASNode = !0, this.textureNode = t, this.amount = I(s), this.denoise = I(a ? 1 : 0);
-  }
-  /**
-   * This method is used to setup the effect's TSL code.
-   *
-   * @param {NodeBuilder} builder - The current node builder.
-   * @return {Node<vec4>}
-   */
-  setup() {
-    const t = this.textureNode, s = (l) => Et(l.div(l.add(1))), a = (l) => {
-      const f = l.pow2().min(0.9999);
-      return f.div(f.oneMinus());
-    }, r = (l) => l.g.add(l.r.add(l.b).mul(0.5));
-    return Q(() => {
-      const l = _e(t.size()).toConst(), f = l.sub(1).toConst(), T = _e(Re().mul(Y(l))).toConst(), v = (U, P) => {
-        const _ = t.load(W(ce(T.add(_e(U, P)), f), _e(0))), L = _.a.saturate().toConst(), H = L.greaterThan(1 / 255).select(_.rgb.max(0).div(L), ae(0));
-        return { p: s(H).toConst(), a: L };
-      }, x = v(0, 0), V = v(0, -1), m = v(-1, 0), k = v(1, 0), R = v(0, 1), d = ce(ce(V.p, m.p), ce(k.p, R.p)).toConst(), g = W(W(V.p, m.p), W(k.p, R.p)).toConst(), c = w(0.25 - 1 / 16), n = ce(d, x.p).div(g.mul(4).max(1e-5)), i = ae(1).sub(W(g, x.p)).div(d.mul(4).sub(4)), p = W(n.negate(), i).toConst(), y = W(c.negate(), ce(W(p.r, W(p.g, p.b)), 0)).mul(this.amount).toVar(), h = r(V.p), A = r(m.p), C = r(x.p), N = r(k.p), u = r(R.p), S = h.add(A).add(N).add(u).mul(0.25).sub(C), M = W(W(h, A), W(C, W(N, u))).sub(ce(ce(h, A), ce(C, ce(N, u)))), b = w(1).sub(pe(S).div(M.max(1 / 65536)).saturate().mul(0.5));
-      y.mulAssign(this.denoise.greaterThan(0.5).select(b, 1));
-      const j = y.mul(4).add(1).reciprocal().toConst(), G = a(V.p.add(m.p).add(k.p).add(R.p).mul(y).add(x.p).mul(j).max(0)), E = V.a.add(m.a).add(k.a).add(R.a).mul(y).add(x.a).mul(j).saturate().toConst();
-      return J(G.mul(E), E);
-    })();
-  }
-}
-const zn = (e, t, s) => new Dn(typeof e.getTextureNode == "function" ? e.getTextureNode() : qe(e), t, s);
-function Fn(e, t) {
-  const s = Ut(e, t);
-  s.setMRT(jt({
-    output: Gt,
-    diffuseColor: Rs,
-    // alpha holds the kind of surface for the composite (SURFACE: eye / skin / hair / other,
-    // 0 = background) in the byte the RGBA8 target already stores
-    normal: J(Bs(Ds), rs),
-    velocity: ct
-  }));
-  const a = s.getTextureNode("output"), r = s.getTextureNode("depth"), o = s.getTextureNode("normal"), l = s.getTextureNode("velocity"), f = s.getTextureNode("diffuseColor");
-  s.getTexture("diffuseColor").type = B.UnsignedByteType, s.getTexture("normal").type = B.UnsignedByteType;
-  const T = We(o.a, Ke.skin), v = We(o.a, Ke.eye), x = We(o.a, Ke.hair), V = zs((G) => Fs(o.sample(G))), m = Pn(a, r, V, t);
-  m.resolutionScale = 0.5, m.aoIntensity.value = 1, m.giIntensity.value = 5, m.sliceCount.value = 2, m.stepCount.value = 8, m.thickness.value = 0.03, m.radius.value = 1, m.expFactor.value = 1, m.backfaceLighting.value = 0.1;
-  const k = m.getAONode(), R = m.getGINode(), d = je("near", "float", t), g = je("far", "float", t), c = (G) => Es(r.sample(G).r, d, g), n = Q(() => {
-    const G = Re(), E = Y(m.getAONode().size()), U = G.mul(E).sub(0.5), P = U.floor(), _ = U.sub(P), L = c(G), H = J(0).toVar(), ne = w(0).toVar();
-    for (const [K, ue] of [[0, 0], [1, 0], [0, 1], [1, 1]]) {
-      const Z = P.add(Y(K + 0.5, ue + 0.5)).div(E), F = (K === 1 ? _.x : _.x.oneMinus()).mul(ue === 1 ? _.y : _.y.oneMinus()), me = Os(L.sub(c(Z)).abs().mul(-32)).add(1e-3), te = F.mul(me);
-      H.addAssign(J(R.sample(Z).rgb, k.sample(Z).r).mul(te)), ne.addAssign(te);
-    }
-    return H.div(ne);
-  }), i = Bn(n(), r, V, t);
-  i.radius.value = 8, i.depthPhi.value = 0.1, i.lumaPhi.value = 5;
-  const p = rt(i), y = I(0.5), h = I(0.5), A = p.a.oneMinus().mul(ke(w(1), y, x)).mul(ke(w(1), h, v)).oneMinus(), C = ke(a.rgb, f.rgb, f.a), N = Q(([G, E]) => {
-    const U = E.mul(2.0404).sub(0.3324), P = E.mul(-4.7951).add(0.6417), _ = E.mul(2.7552).add(0.6903);
-    return ae(G).max(U.mul(G).add(P).mul(G).add(_).mul(G));
-  }), u = I(new B.Vector3(0.45, 0.15, 0.05)), S = ke(ae(A), Ge(ae(A), ae(1).sub(u)), T), M = J(
-    a.rgb.mul(N(S, C)).add(C.mul(p.rgb)),
-    // indirect diffuse modulated by albedo
-    a.a
-  ), b = Yt(M, r, l, t);
-  return b._resolveMaterial.needsUpdate = !0, { outputNode: zn(b, 0.5), scenePassColor: a, traaPass: b, giPass: m, denoisePass: i, ao: k, gi: R, hairAO: y, eyeAO: h };
-}
-function On(e, t) {
-  const s = Ut(e, t);
-  s.setMRT(jt({ output: Gt, velocity: ct }));
-  const a = s.getTextureNode("output"), r = Yt(a, s.getTextureNode("depth"), s.getTextureNode("velocity"), t);
-  return r._resolveMaterial.needsUpdate = !0, { outputNode: r, scenePassColor: a, traaPass: r };
-}
-const En = () => {
-  const e = O((n) => n.animationsLoaded), t = O((n) => n.characterState), s = O((n) => n.lipSyncManager), a = O((n) => n.blendshapeManager), r = z((n) => n.credentials), o = z((n) => n.currentUtterance), l = z((n) => n.textToSpeak), f = z((n) => n.visemes), T = z((n) => n.blendshapes), v = z((n) => n.visemeIntensity), x = z((n) => n.currentVisemeIndex), V = z((n) => n.currentBlendshapeIndex), m = z((n) => n.useBlendshapeManager), [k, R] = ee(!1), [d, g] = ee(!1), c = it(() => r != null && r.region && (r.subscriptionKey || r.token) ? Gs({
+    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 });
+}, 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({
     credentials: {
       region: r.region,
       authorizationToken: r.token,
       subscriptionKey: r.subscriptionKey
     }
-  }) : null, [r]);
-  return q(() => {
-    if (c) {
-      const n = c.speechSynthesis.getVoices();
-      n && Array.isArray(n) && n.length ? (Pt(n), R(!0)) : c.speechSynthesis.onvoiceschanged = () => {
-        Pt(c.speechSynthesis.getVoices()), R(!0);
+  }) : null, [r]), U = _(() => ke(() => 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);
       };
     }
-  }, [c]), q(() => {
-    k && (m ? !!a : !!s) && e && g(!0);
-  }, [k, s, a, e, m]), q(() => {
-    if (l) {
-      const n = new Hs(l);
-      Sn(n);
-    }
-  }, [l]), q(() => {
-    var n, i;
-    o && d ? (o.onstart = () => {
-      console.log("Start"), Nt(de.speaking);
-    }, o.onend = () => {
-      console.log("End"), Nt(de.idle);
-    }, o.onboundary = () => {
-    }, o.onviseme = (p) => {
-      qt(p);
-    }, (n = c == null ? void 0 : c.speechSynthesis) == null || n.speak(o, null)) : (i = c == null ? void 0 : c.speechSynthesis) == null || i.cancel();
-  }, [o]), q(() => {
-    s && (s.visemeIntensity = v);
-  }, [v]), q(() => {
-    if (!m && s && t === de.speaking) {
-      if (!s.isStarted && s.start(), f.length > 1 && x === 0)
-        f.forEach((n) => {
-          const i = parseInt(n.name);
-          if (!isNaN(i)) {
-            const p = kt.get(i);
-            p && s.PlayVisemeAsync(p, n.elapsedTime / 1e4);
-          }
-        });
-      else
-        for (let n = x + 1; n < f.length; n++) {
-          const i = f[n], p = parseInt(i.name);
-          if (!isNaN(p)) {
-            const y = kt.get(p);
-            y && s.PlayVisemeAsync(y, i.elapsedTime / 1e4);
-          }
-        }
-      bn(f.length - 1);
-    }
-  }, [t, f, s, m]), q(() => {
-    if (m && a && t === de.speaking) {
-      if (!a.isStarted && a.start(), T.length > 1 && V === 0)
-        T.forEach((n) => {
-          a.PlayBlendShapeAsync(n);
-        });
-      else
-        for (let n = V + 1; n < T.length; n++) {
-          const i = T[n];
-          a.PlayBlendShapeAsync(i);
-        }
-      Tn(T.length - 1);
+  }, [h]), l(() => {
+    w && n && e && D(!0);
+  }, [w, n, e]), l(() => {
+    if (s) {
+      const o = new Oe(s);
+      ot(o);
     }
-  }, [t, T, a, m]), q(() => {
-    t !== de.speaking && (Wt(), Kt());
+  }, [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());
+  }, [t, n]), l(() => {
+    t !== z.speaking && it();
   }, [t]), null;
-}, Ln = ({ points: e, color: t = "red" }) => {
-  const s = it(() => {
-    const a = new B.BufferGeometry().setFromPoints(e), r = new B.LineBasicMaterial({ color: t, toneMapped: !1 });
-    return new B.Line(a, r);
+}, ut = ({ 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);
   }, [e, t]);
-  return /* @__PURE__ */ D.createElement("primitive", { object: s });
-}, Un = ({ parentGpuTier: e, setIsGpuAvailable: t, children: s, tonemapping: a, inspector: r = !1 }) => {
-  const o = se((u) => u.cameraPosition), l = se((u) => u.lookAt), f = se((u) => u.movable), T = re((u) => u.targets), v = re((u) => u.showFirstTarget), [x, V] = ee(e || ds()), [m, k] = ee(
+  return /* @__PURE__ */ i.createElement("primitive", { object: n });
+}, dt = async (e) => {
+  const t = new R.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 = () => {
+    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(
     "low"
     /* low */
-  ), [R, d] = ee(null), [g, c] = ee(void 0), n = Pe(null), [i, p] = ee(null), y = Pe(null), h = (u) => {
-    u.preventDefault(), u.stopPropagation();
+  ), [h, U] = A(null), [o, T] = A(void 0), y = X(null), [I, H] = A(null), G = X(null), b = (a) => {
+    a.preventDefault(), a.stopPropagation();
   };
-  q(() => {
-    var u, S, M, b;
-    if (f)
-      R == null || R.abort(), d(null);
+  l(() => {
+    var a, v, V, u;
+    if (k)
+      h == null || h.abort(), U(null);
     else {
-      const j = new AbortController();
-      d(j), (u = n.current) == null || u.addEventListener("wheel", h, { passive: !1, signal: j.signal }), (S = n.current) == null || S.addEventListener("pointerdown", h, { passive: !1, signal: j.signal }), (M = n.current) == null || M.addEventListener("pointermove", h, { passive: !1, signal: j.signal }), (b = n.current) == null || b.addEventListener("click", h, { passive: !1, signal: j.signal });
+      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 });
     }
-  }, [f]), q(() => {
-    if (i && l && o) {
-      const u = y.current === i;
-      i.setLookAt(o.x, o.y, o.z, l.x, l.y, l.z, u), y.current = i;
+  }, [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;
     }
-  }, [i, o, l]), q(() => {
-    e && V(e);
-  }, [e]), q(() => {
-    if (x)
-      if (x.type === "FALLBACK") {
-        const u = typeof navigator < "u" && /Macintosh|Mac OS X/.test(navigator.userAgent);
-        k(
-          u ? "medium" : "low"
+  }, [I, s, m]), l(() => {
+    e && P(e);
+  }, [e]), l(() => {
+    if (w)
+      if (w.type === "FALLBACK") {
+        const a = typeof navigator < "u" && /Macintosh|Mac OS X/.test(navigator.userAgent);
+        D(
+          a ? "medium" : "low"
           /* low */
         );
       } else
-        switch (x.tier) {
+        switch (w.tier) {
           case 0:
           case 1:
-            k(
+            D(
               "low"
               /* low */
             );
             break;
           case 2:
-            k(
+            D(
               "medium"
               /* medium */
             );
             break;
           case 3:
-            k(
+            D(
               "high"
               /* high */
             );
             break;
           default:
-            k(
+            D(
               "low"
               /* low */
             );
             break;
         }
-  }, [x]), q(() => {
-    switch (m && (A.current = m), m) {
+  }, [w]), l(() => {
+    switch (E && (f.current = E), E) {
       case "low":
         console.warn("Retorik React-Bodyengine-Three > GPU tier too low, no rendering available"), t(!1);
         break;
       case "medium":
-        c([0.8, 1]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${m}`), t(!0);
+        T([0.8, 1]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${E}`), t(!0);
         break;
       case "high":
-        c([1, 1.5]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${m}`), t(!0);
+        T([1, 1.5]), console.log(`Retorik React-Bodyengine-Three > GPU tier detected : ${E}`), t(!0);
         break;
     }
-  }, [m]);
-  const A = Pe(void 0), C = $t(async (u) => {
-    const S = new B.WebGPURenderer({
-      canvas: u.canvas,
-      antialias: !1,
-      alpha: !0,
-      powerPreference: "high-performance"
-    });
-    return S.setClearColor(new B.Color("#000000"), 0), S.setPixelRatio(Math.min(devicePixelRatio, 1.5)), S.shadowMap.type = B.PCFShadowMap, await S.init(), S;
-  }, []), N = it(() => {
-    if (T.length) {
-      const u = T[0], S = new B.Vector3(u.position.x - 0.5, u.position.y, u.position.z - 0.1), M = new B.Vector3(u.position.x + 0.5, u.position.y, u.position.z - 0.1);
-      return [S, M];
-    } else if (o) {
-      const u = new B.Vector3(o.x - 0.5, o.y, o.z - 0.1), S = new B.Vector3(o.x + 0.5, o.y, o.z - 0.1);
-      return [u, S];
+  }, [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 = _(() => {
+    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];
+    } 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];
     }
     return [];
-  }, [T, o]);
-  return g ? (
+  }, [C, s]);
+  return o ? (
     // "percentage" = PCFShadowMap; shadows={true} would make R3F set the removed PCFSoftShadowMap
-    /* @__PURE__ */ D.createElement(Us, { gl: C, dpr: g, ref: n, shadows: "percentage" }, /* @__PURE__ */ D.createElement(us, { iterations: 5, ms: 100, threshold: 0.75 }, /* @__PURE__ */ D.createElement(jn, { tonemapping: a, processedTier: m, inspector: r }), /* @__PURE__ */ D.createElement(En, null), /* @__PURE__ */ D.createElement(hs, { ref: Qs, makeDefault: !0, fov: 28 }), /* @__PURE__ */ D.createElement(ms, { ref: p }), v && N.length && /* @__PURE__ */ D.createElement(Ln, { points: N, color: "red" }), /* @__PURE__ */ D.createElement(Qt, { fallback: null }, s)))
-  ) : /* @__PURE__ */ D.createElement(D.Fragment, null);
-}, jn = ({ tonemapping: e, processedTier: t, inspector: s = !1 }) => {
-  const [a, r] = ee(!1), { gl: o, scene: l, camera: f, size: T } = js(), [v] = ee(new B.Vector3(-3, 2, 2)), [x] = ee(new B.Vector3(0, 1, 0)), [V] = ee(3.5), [m] = ee(-2e-4), [k] = ee(0.57), [R] = ee(0.25), d = Pe(null), g = Pe(null);
-  return q(() => {
-    o && (o.shadowMap.type = B.PCFShadowMap, o.toneMapping = e, t !== "low" ? l.environmentIntensity = R : l.environmentIntensity = 1);
-  }, [o, e]), q(() => {
-    l.environmentIntensity = R;
-  }, [R]), q(() => {
-    if (!s || !o || a) return;
-    let c = !1;
-    return import("three/addons/inspector/Inspector.js").then(({ Inspector: n }) => {
-      c || (o.inspector = new n(), r(!0));
-    }).catch((n) => console.warn("Scene: could not load three's Inspector", n)), () => {
-      c = !0;
+    /* @__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(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);
+  return l(() => {
+    s && (s.shadowMap.type = R.PCFShadowMap, s.toneMapping = e, t !== "low" ? m.environmentIntensity = h : m.environmentIntensity = 1);
+  }, [s, e]), l(() => {
+    m.environmentIntensity = h;
+  }, [h]), l(() => {
+    if (!n || !s || r) return;
+    let T = !1;
+    return import("three/addons/inspector/Inspector.js").then(({ Inspector: y }) => {
+      T || (s.inspector = new y(), d(!0));
+    }).catch((y) => console.warn("Scene: could not load three's Inspector", y)), () => {
+      T = !0;
     };
-  }, [s, o, a]), q(() => {
-    if (!o || !l || !f || !t) return;
-    l.background = null;
-    const c = t === "high", n = c ? Fn(l, f) : On(l, f), { outputNode: i, scenePassColor: p, traaPass: y, giPass: h, ao: A, gi: C, hairAO: N, eyeAO: u } = n, S = new B.RenderPipeline(o);
-    if (S.outputNode = i, g.current = S, s && a && o.inspector) {
-      const M = () => {
-        S.needsUpdate = !0;
-      }, b = o.inspector.createParameters(c ? "SSGI + TRAA" : "TRAA");
-      if (c) {
-        const j = { output: 0, feedback: !1 }, G = { Combined: 0, AO: 1, GI: 2, Direct: 3 };
-        b.add(j, "output", G).name("output").onChange((E) => {
-          const U = Number(E);
-          S.outputNode = U === 1 ? J(ae(A.r), 1) : U === 2 ? J(C.rgb, 1) : U === 3 ? p : i, M();
-        }), b.add(h.sliceCount, "value", 1, 4, 1).name("slice count"), b.add(h.stepCount, "value", 1, 32, 1).name("step count"), b.add(h.radius, "value", 0.1, 2).name("radius"), b.add(h.expFactor, "value", 1e-3, 10).name("exp factor"), b.add(h.thickness, "value", 1e-3, 0.1).name("thickness"), b.add(h.backfaceLighting, "value", 0, 1).name("backface lighting"), b.add(h.aoIntensity, "value", 0, 4).name("AO intensity"), b.add(h.giIntensity, "value", 0, 20).name("GI intensity"), b.add(h, "resolutionScale", 0.25, 1).name("SSGI resolution scale"), b.add(N, "value", 0, 1).name("SSGI AO on hair"), b.add(u, "value", 0, 1).name("SSGI AO on eyes"), b.add(j, "feedback").name("SSGI 2nd bounce (TRAA history)").onChange((E) => {
-          h.beautyNode = E ? y.getHistoryTextureNode() : p, M();
+  }, [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) => {
+          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.add(y, "maxVelocityLength", 4, 128, 1).name("TRAA max velocity").onChange(M), b.add(y, "depthThreshold", 1e-4, 0.01).name("TRAA depth threshold").onChange(M), b.add(y, "edgeDepthDiff", 1e-4, 0.01).name("TRAA edge depth diff").onChange(M), b.add(y, "useSubpixelCorrection").name("TRAA subpixel correction").onChange(M);
+      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)");
     }
     return () => {
-      S.dispose(), g.current = null;
+      v.dispose(), o.current = null;
     };
-  }, [o, l, f, t, s, a]), q(() => {
-    !o || !T || o.setSize(T.width, T.height);
-  }, [T]), Ht(({ gl: c, scene: n, camera: i }) => {
-    g.current && g.current.render();
-  }, 1), /* @__PURE__ */ D.createElement(D.Fragment, null, t !== "low" && o && /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("directionalLight", { ref: d, color: "white", position: v.toArray(), "target-position": x.toArray(), intensity: V, castShadow: !0, "shadow-mapSize-width": 1024, "shadow-mapSize-height": 1024, "shadow-bias": m, "shadow-normalBias": 3e-3, "shadow-intensity": 0.6, "shadow-radius": 2.5 }, /* @__PURE__ */ D.createElement("orthographicCamera", { attach: "shadow-camera", args: [-1, 1, 2, -0.5, 2, 5] })), t === "high" && /* @__PURE__ */ D.createElement("directionalLight", { name: "RimLight", color: "#fff4e8", position: [0.9, 2.3, -3.2], "target-position": [0, 1.6, 0], intensity: k })));
-}, Gn = ({ character: e, autoLookAt: t }) => {
-  const s = O((v) => v.characterState), a = re((v) => v.currentAUs), r = re((v) => v.currentGaze), o = re((v) => v.currentHeadPose), l = re((v) => v.lookAtCamera), f = se((v) => v.cameraPosition), T = re((v) => v.targets);
-  return Ht((v, x) => {
-    const V = {
-      deltaTime: x,
-      timestamp: v.clock.oldTime,
-      AU: a,
-      gaze: r,
-      headPose: o,
-      characterState: s,
-      lookAt: l ? f : void 0,
-      targets: T
+  }, [s, m, k, 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,
+      AU: r,
+      gaze: d,
+      headPose: s,
+      characterState: n,
+      lookAt: m ? k : void 0,
+      targets: C
     };
-    e.update(V);
-  }), q(() => {
+    e.update(P);
+  }), l(() => {
     if (t)
-      switch (s) {
-        case de.idle:
-        case de.waiting:
-          Qe(!1);
+      switch (n) {
+        case z.idle:
+        case z.waiting:
+          se(!1);
           break;
-        case de.listening:
-        case de.speaking:
-          Qe(!0);
+        case z.listening:
+        case z.speaking:
+          se(!0);
           break;
       }
     else
-      Qe(!1);
-  }, [s, t]), q(() => {
-    Zs(e);
+      se(!1);
+  }, [n, t]), l(() => {
+    We(e);
   }, [e]), null;
-}, xo = ({ url: e, type: t, animationsUrl: s, gender: a, speechSynthesis: r, camera: o, onLoadingCompleted: l, autoLookAt: f, breathing: T, disableAnimations: v, debug: x, inspector: V, enableBml: m, animationWeights: k, license: R, detectGpuData: d, environmentPreset: g = "apartment", tonemapping: c = B.NeutralToneMapping, targets: n, useBlendshapeManager: i = !1 }) => {
-  const p = O((P) => P.animationsLoaded), y = se((P) => P.defaultPositions), h = se((P) => P.defaultDistances), [A, C] = ee(), [N, u] = ee(null), [S, M] = ee(), [b, j] = ee(!1), G = async (P) => {
-    let _ = null;
+}, pt = {
+  emotions: [],
+  currentTopEmotion: de.Neutral,
+  useTopEmotionOnly: !0,
+  autoDecay: !1
+}, j = J()(() => pt), Gt = (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({ useTopEmotionOnly: e });
+}, Nt = (e) => {
+  j.setState({ autoDecay: e });
+}, Ht = (e) => {
+  const t = g.getState().FACSManager;
+  t == null || t.playFacialAnimation({ ...e });
+}, ft = ({ animationsLoaded: e }) => {
+  const t = j((r) => r.emotions), n = j((r) => r.useTopEmotionOnly);
+  return l(() => {
+    e && _e(Me(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;
     switch (t) {
-      case Se.cc3:
-        _ = new ls(), M(Le.cc3);
+      case $.cc3:
+        N = new De(), u(ne.cc3);
         break;
-      case Se.avatarsdk:
-        _ = new cs(), M(Le.avatarsdk);
+      case $.avatarsdk:
+        N = new ve(), u(ne.avatarsdk);
         break;
-      case Se.avaturn:
-        _ = new is(), M(Le.avaturn);
+      case $.avaturn:
+        N = new Re(), u(ne.avaturn);
         break;
     }
-    const L = await _.loadAsync(P).catch((H) => console.warn("Error loading character : ", H));
-    if (L) {
-      let H = null;
-      const ne = {
-        mesh: L,
-        onAnimationsLoaded: E,
-        animationsUrl: s,
-        gender: a || "male",
+    const Z = await N.loadAsync(S).catch((B) => console.warn("Error loading character : ", B));
+    if (Z && !K()) {
+      let B = null;
+      const te = {
+        mesh: Z,
+        onAnimationsLoaded: Y,
+        animationsUrl: n,
+        gender: r || "male",
         type: t,
-        debug: x,
-        enableBmlManager: !!m,
-        animationWeights: k,
-        useBlendshapeManager: i,
-        license: R
+        debug: w,
+        enableBmlManager: !!E,
+        animationWeights: D,
+        license: h
       };
       switch (t) {
-        case Se.cc3:
-          H = await Ye.fromCharacterCreator(ne);
+        case $.cc3:
+          B = await ae.fromCharacterCreator(te);
           break;
-        case Se.avatarsdk:
-          H = await Ye.fromAvatarSDK(ne);
+        case $.avatarsdk:
+          B = await ae.fromAvatarSDK(te);
           break;
-        case Se.avaturn:
-          H = await Ye.fromAvaturn(ne);
+        case $.avaturn:
+          B = await ae.fromAvaturn(te);
           break;
       }
-      H && u(H);
+      B && K() ? B.dispose() : B && v(B);
     }
-  }, E = () => {
-    Ct(!0);
+  }, Y = () => {
+    ie(!0);
   };
-  q(() => {
-    var P, _;
-    N && p && (T === !1 && ((_ = (P = N.animationManager) == null ? void 0 : P.disableBreathing) == null || _.call(P)), b ? (an(N.getAllAnimationNames()), rn(N.getAllAnimations()), setTimeout(() => {
-      l == null || l();
-    }, 1e3)) : U());
-  }, [N, p, b]), q(() => {
-    sn(n || []);
-  }, [n]), q(() => {
-    Ct(!1), A !== void 0 && (A ? G(e) : l == null || l());
-  }, [e, A]), q(() => {
-    if (b && h && y)
-      if (o) {
-        const P = wn(o, h, y);
-        Mt(P), _t(o.lookAt ? y[o.lookAt] : y.lowerbelly), tn(!!o.movable);
+  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();
+        }, 1e3);
+        return () => clearTimeout(N);
+      } else
+        Se();
+  }, [a, b, x]), l(() => {
+    Ze(y || []);
+  }, [y]), l(() => {
+    ie(!1);
+    let S = !1;
+    return O !== void 0 && (O ? Q(e, () => S) : m == null || m()), () => {
+      S = !0;
+    };
+  }, [e, O]), l(() => () => {
+    a == null || a.dispose();
+  }, [a]), l(() => {
+    if (x && L && f)
+      if (s) {
+        const S = Ee(s, L, f);
+        le(S), me(s.lookAt ? f[s.lookAt] : f.lowerbelly), Ye(!!s.movable);
       } else {
-        const P = y.mouth.clone();
-        P.setComponent(2, h.farther), Mt(P), _t(y.lowerbelly);
+        const S = f.mouth.clone();
+        S.setComponent(2, L.farther), le(S), me(f.lowerbelly);
       }
-  }, [b, o, h, y]), q(() => {
-    r && (r.credentials && xn(r.credentials), r.voice && vn(r.voice));
-  }, [r]), q(() => {
-    An(i);
-  }, [i]);
-  const U = () => {
-    if (N && S) {
+  }, [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) {
       try {
-        const P = new B.Box3().setFromObject(N), _ = P.max, L = P.min, H = new B.Vector3((_.x + L.x) / 2, (_.y + L.y) / 2, (_.z + L.z) / 2);
-        Xs(H);
-        const ne = Math.abs(_.x - L.x), K = Math.abs(_.y - L.y), ue = Math.abs(_.z - L.z);
-        $s({
-          x: ne,
-          y: K,
-          z: ue
-        });
-        const Z = (_.x + L.x) / 2, F = (_.z + L.z) / 2, me = {
-          eye: new B.Vector3(Z, _.y - K / 16, F),
-          mouth: new B.Vector3(Z, _.y - K / 12, F),
-          neck: new B.Vector3(Z, _.y - K / 8, F),
-          clavicle: new B.Vector3(Z, _.y - K / 6, F),
-          torso: new B.Vector3(Z, _.y - K / 4, F),
-          belly: new B.Vector3(Z, _.y - K / 8 * 3, F),
-          lowerbelly: new B.Vector3(Z, _.y - K / 32 * 15, F),
-          hips: H,
-          higherthigh: new B.Vector3(Z, L.y + K / 32 * 15, F),
-          thigh: new B.Vector3(Z, L.y + K / 8 * 3, F),
-          knee: new B.Vector3(Z, L.y + K / 4, F),
-          leg: new B.Vector3(Z, L.y + K / 8, F),
-          feet: new B.Vector3(Z, L.y, F)
-        }, te = (_.y - (L.y + K / 7 * 2)) / 2 / Math.tan(25 * (Math.PI / 180)), Ce = {
-          veryclose: te / 4,
-          closer: te / 3,
-          close: te / 2.5,
-          midclose: te / 2,
-          medium: te,
-          midfar: te * 2,
-          far: te * 2.5,
-          farther: te * 3,
-          veryfar: te * 4
-        };
-        Js(me), en(Ce);
-      } catch (P) {
-        console.warn(P);
+        const { center: S, dimensions: K, defaultPositions: N, defaultDistances: Z } = Te(a);
+        qe(S), $e(K), Je(N), Qe(Z);
+      } catch (S) {
+        console.warn(S);
       }
-      j(!0);
+      ee(!0);
     }
   };
-  return /* @__PURE__ */ D.createElement(Un, { parentGpuTier: d, setIsGpuAvailable: C, tonemapping: c, inspector: V }, A ? /* @__PURE__ */ D.createElement(D.Fragment, null, N && /* @__PURE__ */ D.createElement(Gn, { character: N, autoLookAt: !!f }), N && /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement(ps, { preset: g }), /* @__PURE__ */ D.createElement("primitive", { object: N, castShadow: !0, receiveShadow: !0 }))) : /* @__PURE__ */ D.createElement(D.Fragment, null));
-}, Hn = {
-  emotions: [],
-  currentTopEmotion: lt.Neutral,
-  useTopEmotionOnly: !0,
-  autoDecay: !1
-}, Ve = we()(() => Hn), So = (e) => {
-  if (Ve.setState({ emotions: e || [] }), e != null && e.length) {
-    const t = e.reduce((s, a) => s.value > a.value ? s : a);
-    Ve.setState({ currentTopEmotion: t.emotion });
-  } else
-    Ve.setState({ currentTopEmotion: lt.Neutral });
-}, bo = (e) => {
-  Ve.setState({ useTopEmotionOnly: e });
-}, To = (e) => {
-  Ve.setState({ autoDecay: e });
-}, vo = (e) => {
-  const t = O.getState().FACSManager;
-  t == null || t.playFacialAnimation({ ...e });
+  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));
 };
 export {
-  xo as Character,
-  Mo as CharacterState,
-  _o as CreationTool,
-  X as Distances,
-  Co as Object3D,
-  $ as Positions,
-  le as Rotations,
-  mo as addBlendshape,
-  po as addSPPASViseme,
-  qt as addViseme,
-  ko as bmlTags,
-  Po as emotionList,
-  Kt as flushBlendshapeData,
-  Wt as flushLipSyncData,
-  ro as getAnimationsMap,
-  eo as getCameraPosition,
-  Jn as getCharacterHeight,
-  to as getLookAt,
-  fo as getVoices,
-  nn as lookAtAndKeep,
-  co as playAnimationByName,
-  vo as playFacialAnimation,
-  lo as presets,
-  on as releaseLookAt,
-  To as setAutoDecay,
-  io as setAutoPlay,
-  ho as setBlendshapes,
-  Mt as setCameraPosition,
-  Nt as setCharacterState,
-  so as setCurrentAUs,
-  no as setCurrentGaze,
-  oo as setCurrentHeadPose,
-  Sn as setCurrentUtterance,
-  So as setEmotions,
-  Qe as setLookAtCamera,
-  tn as setMovable,
-  ao as setShowFirstTarget,
-  go as setTextToSpeak,
-  bo as setUseTopEmotionOnly,
-  yo as setVisemeIntensity,
-  uo as setVisemes,
-  vn as setVoice,
-  O as useCharacterStore
+  Kt as Character,
+  qt as CharacterState,
+  Jt as CreationTool,
+  Qt as Distances,
+  $t as Object3D,
+  Yt as Positions,
+  Zt as Rotations,
+  Lt 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,
+  le as setCameraPosition,
+  ce as setCharacterState,
+  _e as setCurrentAUs,
+  Rt as setCurrentGaze,
+  vt as setCurrentHeadPose,
+  ot as setCurrentUtterance,
+  Gt as setEmotions,
+  lt 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
 };