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

package/dist/index.js

@@ -1,42 +1,40 @@
-import D, { useState as te, useMemo as it, useEffect as j, useRef as Te, 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 ve, 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 C, vec2 as K, If as he, vec4 as J, max as q, vec3 as ae, ivec2 as ke, luminance as Ae, add as xs, uv as Re, mix as Pe, 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 _e, 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, S) => {
-    const V = typeof v == "function" ? v(t) : v;
-    if (!Object.is(V, t)) {
-      const m = t;
-      t = S ?? (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;
-}, Ce = (e) => Ys, O = Ce()(() => ({
+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,1327 +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 = Ce()(() => ({
+  } }), 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 = Ce()(() => ({
+})), 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 });
-}, we = Ce()(() => ({
+  (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) => {
-  we.setState({ animationsNames: e });
-}, rn = (e) => {
-  we.setState({ animations: e });
-}, ro = () => we.getState().animations, io = (e) => {
-  we.setState({ autoPlay: e });
-}, co = (e) => {
-  if (we.setState({ autoPlay: !1 }), we.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 = Ce()(() => ({
+})), 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 d = typeof e.distance == "string" ? parseInt(e.distance) : e.distance, f = typeof e.rotation == "string" ? parseInt(e.rotation) : e.rotation;
-  switch (d) {
-    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 ve();
-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 ve()), 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 ve()), 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 d = this._historyRenderTarget.width !== r || this._historyRenderTarget.height !== o;
-    this.setSize(r, o), d === !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 u = t.renderer.getDrawingBufferSize(Vt);
-      this.setViewOffset(u.width, u.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 = (u) => {
-      const { x: g, y: i } = this._cameraNearFar, n = Ft(u, g, i);
-      return nt(n, g, i);
-    }, a = ys({
-      closestDepth: "float",
-      closestPositionTexel: "vec2",
-      farthestDepth: "float"
-    }), r = Q(([u]) => {
-      const g = C(2).toVar(), i = K(0).toVar(), n = C(-1).toVar();
-      for (let c = -1; c <= 1; ++c)
-        for (let h = -1; h <= 1; ++h) {
-          const y = u.add(K(c, h)).toVar();
-          let p = this.depthNode.load(y).r;
-          t.renderer.reversedDepthBuffer && (p = p.oneMinus()), t.renderer.logarithmicDepthBuffer && (p = s(p)), p = p.toVar(), he(p.lessThan(g), () => {
-            g.assign(p), i.assign(y);
-          }), he(p.greaterThan(n), () => {
-            n.assign(p);
-          });
-        }
-      return a(g, i, n);
-    }), o = (u) => {
-      let g = this._previousDepthNode.sample(u).r;
-      t.renderer.reversedDepthBuffer && (g = g.oneMinus()), t.renderer.logarithmicDepthBuffer && (g = s(g));
-      const i = Ie(u, g, this._previousCameraProjectionMatrixInverse), n = this._previousCameraWorldMatrix.mul(J(i, 1)).xyz, c = this._cameraWorldMatrixInverse.mul(J(n, 1)).z;
-      return this.camera.isOrthographicCamera ? Ss(c, this._cameraNearFar.x, this._cameraNearFar.y) : nt(c, this._cameraNearFar.x, this._cameraNearFar.y);
-    }, d = Q(([u, g, i, n]) => {
-      const c = n.rgb.add(i.rgb).mul(0.5), h = n.rgb.sub(i.rgb).mul(0.5).add(1e-7), y = g.sub(J(c, u.a)), A = y.xyz.div(h).abs(), w = q(A.x, A.y, A.z);
-      return w.greaterThan(1).select(
-        J(c, u.a).add(y.div(w)),
-        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(([u]) => ae(
-      u.x.mul(0.25).add(u.y.mul(0.5)).add(u.z.mul(0.25)),
-      u.x.mul(0.5).sub(u.z.mul(0.5)),
-      u.x.mul(-0.25).add(u.y.mul(0.5)).sub(u.z.mul(0.25))
-    )).setLayout({
-      name: "RGBToYCoCg",
-      type: "vec3",
-      inputs: [{ name: "c", type: "vec3" }]
-    }), T = Q(([u]) => ae(
-      u.x.add(u.y).sub(u.z),
-      u.x.add(u.z),
-      u.x.sub(u.y).sub(u.z)
-    )).setLayout({
-      name: "YCoCgToRGB",
-      type: "vec3",
-      inputs: [{ name: "c", type: "vec3" }]
-    }), v = Q(([u, g, i, n]) => {
-      const c = [
-        [-1, -1],
-        [-1, 1],
-        [1, -1],
-        [1, 1],
-        [1, 0],
-        [0, -1],
-        [0, 1],
-        [-1, 0]
-      ], h = J(f(g.rgb), g.a).toVar(), y = J(f(i.rgb), i.a).toVar(), p = h.toVar(), A = h.pow2().toVar();
-      for (const [Z, G] of c) {
-        const E = this.beautyNode.offset(ke(Z, G)).load(u).max(0), U = J(f(E.rgb), E.a).toVar();
-        p.addAssign(U), A.addAssign(U.pow2());
-      }
-      const w = C(c.length + 1), l = p.div(w), b = A.div(w).sub(l.pow2()).max(0).sqrt().mul(n), M = l.sub(b), _ = l.add(b), x = d(l.clamp(M, _), y, M, _);
-      return J(T(x.rgb), x.a);
-    }), S = Q(([u, g]) => {
-      const n = u.mul(g).fract().abs(), c = q(n, n.oneMinus());
-      return c.x.mul(c.y).oneMinus().div(0.75);
-    }).setLayout({
-      name: "subpixelCorrection",
-      type: "float",
-      inputs: [
-        { name: "velocityUV", type: "vec2" },
-        { name: "textureSize", type: "ivec2" }
-      ]
-    }), V = Q(([u, g, i]) => {
-      const n = i.oneMinus(), c = u.mul(C(1).div(q(u.r, u.g, u.b).add(1))), h = g.mul(C(1).div(q(g.r, g.g, g.b).add(1))), y = Ae(c.rgb), p = Ae(h.rgb);
-      return i.mulAssign(C(1).div(y.add(1))), n.mulAssign(C(1).div(p.add(1))), xs(u.mul(i), g.mul(n)).div(q(i.add(n), 1e-5)).toVar();
-    }), m = Fe(this._historyRenderTarget.texture), k = Q(([u, g]) => {
-      const i = u.mul(g), n = i.sub(0.5).floor().add(0.5).toVar(), c = i.sub(n).toVar(), h = c.mul(c.mul(c.mul(-0.5).add(1)).sub(0.5)).toVar(), y = c.pow2().mul(c.mul(1.5).sub(2.5)).add(1).toVar(), p = c.mul(c.mul(c.mul(-1.5).add(2)).add(0.5)).toVar(), A = c.pow2().mul(c.mul(0.5).sub(0.5)).toVar(), w = y.add(p).toVar(), l = p.div(w).toVar(), b = n.sub(1).mul(this._invSize).toVar(), M = n.add(2).mul(this._invSize).toVar(), _ = n.add(l).mul(this._invSize).toVar();
-      return m.sample(K(b.x, b.y)).mul(h.x.mul(h.y)).add(m.sample(K(_.x, b.y)).mul(w.x.mul(h.y))).add(m.sample(K(M.x, b.y)).mul(A.x.mul(h.y))).add(m.sample(K(b.x, _.y)).mul(h.x.mul(w.y))).add(m.sample(K(_.x, _.y)).mul(w.x.mul(w.y))).add(m.sample(K(M.x, _.y)).mul(A.x.mul(w.y))).add(m.sample(K(b.x, M.y)).mul(h.x.mul(A.y))).add(m.sample(K(_.x, M.y)).mul(w.x.mul(A.y))).add(m.sample(K(M.x, M.y)).mul(A.x.mul(A.y))).max(0);
-    }), R = Q(() => {
-      const u = Re(), g = this.beautyNode.size(), i = u.mul(g), n = r(i), c = n.get("closestDepth"), h = n.get("closestPositionTexel"), y = n.get("farthestDepth"), p = this.velocityNode.load(h).xy.mul(K(0.5, -0.5)), A = u.sub(p), w = o(A), l = A.greaterThanEqual(0).all().and(A.lessThanEqual(1).all()), b = y.sub(c).greaterThan(this.edgeDepthDiff), M = c.sub(w).greaterThan(this.depthThreshold), _ = l.and(b.or(M.not())), x = this.beautyNode.sample(u), Z = k(A, g), G = u.sub(A).mul(g).length().div(this.maxVelocityLength).saturate(), E = C(0.01).toVar();
-      this.useSubpixelCorrection && E.addAssign(S(p, g).mul(0.2)), E.assign(_.select(E.add(G).saturate(), 1));
-      const U = Pe(0.5, 1, G.oneMinus().pow2()), P = v(i, x, Z, U);
-      return V(x, 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 ve(), 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 ve()), 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 d = this._ssgiRenderTarget.textures[1];
-    d.name = "SSGI.GI", d.type = ss, d.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), d = (i) => {
-      const n = this.depthNode.sample(i).r;
-      if (t.renderer.logarithmicDepthBuffer === !0) {
-        const c = Ft(n, this._cameraNear, this._cameraFar);
-        return nt(c, this._cameraNear, this._cameraFar);
-      }
-      return n;
-    }, f = (i) => this.normalNode !== null ? this.normalNode.sample(i).rgb.normalize() : Lt(i, this.depthNode.value, this._cameraProjectionMatrixInverse), T = (i) => this.beautyNode.sample(i), v = Q(([i]) => C(0.25).mul(bs(i.y, i.x).bitAnd(3))).setLayout({
-      name: "spatialOffsets",
-      type: "float",
-      inputs: [
-        { name: "position", type: "vec2" }
-      ]
-    }), S = Q(([i]) => {
-      const n = pe(i).mul(C(-0.156583)).add(Ze);
-      n.mulAssign(Et(pe(i).oneMinus()));
-      const c = i.x.greaterThanEqual(0).select(n.x, fe.sub(n.x)), h = i.y.greaterThanEqual(0).select(n.y, fe.sub(n.y));
-      return K(c, h);
-    }).setLayout({
-      name: "GTAOFastAcos",
-      type: "vec2",
-      inputs: [
-        { name: "value", type: "vec2" }
-      ]
-    }), V = Q(([i, n, c, h, y, p, A, w, l, b]) => {
-      const M = this.stepCount.toConst(), _ = this.expFactor.toConst(), x = this.thickness.toConst(), Z = this.backfaceLighting.toConst(), G = i.select(K(1, -1), K(-1, 1)), E = i.select(1, -1), U = ae(0);
-      return Oe({ start: oe(0), end: M, type: "uint", condition: "<" }, ({ i: P }) => {
-        const N = Ge(pe($e(n, C(P).add(p)).div(c)), _).mul(c).toConst(), L = y.mul(q(N, C(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, d(H), this._cameraProjectionMatrixInverse).toConst(), W = ne.sub(h).normalize().toConst(), ue = this.useLinearThickness.select(ne.z.negate().div(this._cameraFar).clamp().mul(100), C(1)), Y = be(ne.sub(ue.mul(w).mul(x)).sub(h));
-        let F = K(ie(W, w), ie(Y, w));
-        F = S(_e(F, -1, 1)), F = _e(vs($e(E, F.negate()).sub(b.sub(Ze)), fe)), F = i.select(F.yx, F.xy);
-        const me = F.x.toConst(), ee = F.y.toConst(), Ne = oe(F.mul(C(r))).toConst(), Be = oe(As(ee.sub(me).mul(C(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(Ne);
-        ge = ge.bitAnd(o.bitNot()), o.assign(o.bitOr(ge));
-        const Me = xt(ge);
-        he(Me.greaterThan(0), () => {
-          const dt = T(H);
-          he(Ae(dt).greaterThan(1e-3), () => {
-            const ut = be(W), ht = _e(ie(l, 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(Z), pe(ye));
-              ye = Z.greaterThan(0).and(ie(mt, w).greaterThan(0)).select(Zt, _e(ye)), U.rgb.addAssign(C(Me).div(C(r)).mul(dt).mul(ht).mul(ye));
-            });
-          });
-        });
-      }), U;
-    }), m = Ee("float"), k = Ee("vec3"), R = Ee("vec4"), u = Cs(m, k, R), g = Q(() => {
-      const i = d(a).toVar();
-      i.greaterThanEqual(1).discard();
-      const n = Ie(a, i, this._cameraProjectionMatrixInverse).toVar(), c = f(a).toVar(), h = be(n.xyz.negate()).toVar(), y = v(bt), p = Ns(bt), A = this._temporalDirection.mul(0.02), w = Ms(y.add(this._temporalOffset)).add(_s(a.add(A).mul(2).sub(1))), l = C(0), b = ae(0), M = ae(0), _ = this.sliceCount.toConst(), x = this.stepCount.toConst(), Z = this.aoIntensity.toConst(), G = this.giIntensity.toConst(), E = this.radius.toConst(), U = C(0).toVar();
-      he(this.useScreenSpaceSampling, () => {
-        U.assign(E.mul(this._resolution.x.div(2)).div(C(16)));
-      }).Else(() => {
-        U.assign(q(E.mul(this._halfProjScale).div(n.z.negate()), C(x)));
-      }), U.divAssign(C(x).add(1));
-      const P = q(1, C(x.sub(1))).mul(U).toConst();
-      Oe({ start: oe(0), end: _, type: "uint", condition: "<" }, ({ i: ne }) => {
-        const W = $e(C(ne).add(p).add(this._temporalDirection), fe.div(C(_))).toConst(), ue = ae(K(ot(W), at(W)), 0).toConst(), Y = ue.xy.mul(C(1).div(this._resolution)).toConst(), F = be(Tt(ue, h)).toConst(), me = Tt(h, F).toConst(), ee = c.sub(F.mul(ie(c, F))).toConst(), Ne = be(ee).toConst(), Be = _e(ie(Ne, h), -1, 1).toConst(), De = St(ie(ee, me)).negate().mul(ks(Be)).toConst();
-        o.assign(0), b.addAssign(V(vt(!0), U, P, n, Y, w, a, h, c, De)), b.addAssign(V(vt(!1), U, P, n, Y, w, a, h, c, De)), l.addAssign(C(xt(o)).div(C(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 Me = Ze.sub(De).sub(C(ge).add(0.5).div(C(r)).mul(fe));
-            M.addAssign(h.mul(ot(Me)).add(me.mul(at(Me))));
-          });
-        });
-      }), l.divAssign(C(_)), l.assign(Ge(l.clamp().oneMinus(), Z).clamp()), b.divAssign(C(_)), b.mulAssign(G);
-      const N = C(7).toConst(), L = Ae(b), H = L.greaterThan(N).select(N.div(L), C(1));
-      return b.mulAssign(H), M.assign(be(M.add(c.mul(1e-4)))), m.assign(l), k.assign(b), R.assign(J(M.mul(0.5).add(0.5), 1)), J(0);
-    });
-    return this._material.colorNode = g().context(t.getSharedContext()), this._material.outputNode = u, 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 ve()), 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 = (S) => this.textureNode.sample(S), a = (S) => this.depthNode.sample(S).x, r = (S) => this.normalNode !== null ? this.normalNode.sample(S).rgb.normalize() : Lt(S, this.depthNode.value, this._cameraProjectionMatrixInverse), o = (S) => this.noiseNode.sample(S), d = (S, V, m, k) => {
-      const R = s(k).toVar(), u = a(k).toVar(), g = r(k).toVar(), i = Ie(k, u, this._cameraProjectionMatrixInverse).toVar(), n = ie(V, g), c = Ge(q(n, 0), this.normalPhi), h = pe(Ae(R.rgb).sub(Ae(S))), y = q(C(1).sub(h.div(this.lumaPhi)), 0), p = pe(ie(m.sub(i), V)), A = q(C(1).sub(p.div(this.depthPhi)), 0), w = y.mul(A).mul(c).toVar();
-      return { color: R.mul(w), weight: w };
-    }, f = Q(([S]) => {
-      const V = a(S).toVar(), m = r(S).toVar(), k = s(S).toVar(), R = Ee("vec4");
-      return he(V.greaterThanEqual(1).or(ie(m, m).equal(0)), () => {
-        R.assign(k);
-      }).Else(() => {
-        const u = ae(k.rgb), g = Ie(S, V, this._cameraProjectionMatrixInverse).toConst(), i = Vs(this.noiseNode, 0);
-        let n = K(S.x, S.y.oneMinus());
-        n = n.mul(this._resolution.div(i));
-        const c = o(n).toVar(), h = at(c.element(this.index.mod(4).mul(2).mul(fe))), y = ot(c.element(this.index.mod(4).mul(2).mul(fe))), p = K(h, y), A = Is(p.x, p.y.negate(), p.x, p.y), w = C(1).toVar(), l = J(k).toVar();
-        Oe({ start: At(0), end: At(16), type: "int", condition: "<" }, ({ i: b }) => {
-          const M = this._sampleVectors.element(b), _ = A.mul(M.xy.mul(C(1).add(M.z.mul(this.radius.sub(1))))).div(this._resolution), x = S.add(_), Z = d(u, m, g, x);
-          l.addAssign(Z.color), w.addAssign(Z.weight);
-        }), R.assign(l.div(w));
-      }), 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, d = Math.pow(r / (e - 1), s);
-    a.push(new Bt(Math.cos(o), Math.sin(o), d));
-  }
-  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 d = 0; d < e; d++) {
-      const f = o, T = d;
-      a[(o * e + d) * 4] = (t.noise(f, T) * 0.5 + 0.5) * 255, a[(o * e + d) * 4 + 1] = (t.noise(f + e, T) * 0.5 + 0.5) * 255, a[(o * e + d) * 4 + 2] = (t.noise(f, T + e) * 0.5 + 0.5) * 255, a[(o * e + d) * 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 = (d) => Et(d.div(d.add(1))), a = (d) => {
-      const f = d.pow2().min(0.9999);
-      return f.div(f.oneMinus());
-    }, r = (d) => d.g.add(d.r.add(d.b).mul(0.5));
-    return Q(() => {
-      const d = ke(t.size()).toConst(), f = d.sub(1).toConst(), T = ke(Re().mul(K(d))).toConst(), v = (U, P) => {
-        const N = t.load(q(ce(T.add(ke(U, P)), f), ke(0))), L = N.a.saturate().toConst(), H = L.greaterThan(1 / 255).select(N.rgb.max(0).div(L), ae(0));
-        return { p: s(H).toConst(), a: L };
-      }, S = v(0, 0), V = v(0, -1), m = v(-1, 0), k = v(1, 0), R = v(0, 1), u = ce(ce(V.p, m.p), ce(k.p, R.p)).toConst(), g = q(q(V.p, m.p), q(k.p, R.p)).toConst(), i = C(0.25 - 1 / 16), n = ce(u, S.p).div(g.mul(4).max(1e-5)), c = ae(1).sub(q(g, S.p)).div(u.mul(4).sub(4)), h = q(n.negate(), c).toConst(), y = q(i.negate(), ce(q(h.r, q(h.g, h.b)), 0)).mul(this.amount).toVar(), p = r(V.p), A = r(m.p), w = r(S.p), l = r(k.p), b = r(R.p), M = p.add(A).add(l).add(b).mul(0.25).sub(w), _ = q(q(p, A), q(w, q(l, b))).sub(ce(ce(p, A), ce(w, ce(l, b)))), x = C(1).sub(pe(M).div(_.max(1 / 65536)).saturate().mul(0.5));
-      y.mulAssign(this.denoise.greaterThan(0.5).select(x, 1));
-      const Z = y.mul(4).add(1).reciprocal().toConst(), G = a(V.p.add(m.p).add(k.p).add(R.p).mul(y).add(S.p).mul(Z).max(0)), E = V.a.add(m.a).add(k.a).add(R.a).mul(y).add(S.a).mul(Z).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"), d = 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), S = 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(), u = je("near", "float", t), g = je("far", "float", t), i = (G) => Es(r.sample(G).r, u, g), n = Q(() => {
-    const G = Re(), E = K(m.getAONode().size()), U = G.mul(E).sub(0.5), P = U.floor(), N = U.sub(P), L = i(G), H = J(0).toVar(), ne = C(0).toVar();
-    for (const [W, ue] of [[0, 0], [1, 0], [0, 1], [1, 1]]) {
-      const Y = P.add(K(W + 0.5, ue + 0.5)).div(E), F = (W === 1 ? N.x : N.x.oneMinus()).mul(ue === 1 ? N.y : N.y.oneMinus()), me = Os(L.sub(i(Y)).abs().mul(-32)).add(1e-3), ee = F.mul(me);
-      H.addAssign(J(R.sample(Y).rgb, k.sample(Y).r).mul(ee)), ne.addAssign(ee);
-    }
-    return H.div(ne);
-  }), c = Bn(n(), r, V, t);
-  c.radius.value = 8, c.depthPhi.value = 0.1, c.lumaPhi.value = 5;
-  const h = rt(c), y = I(0.5), p = I(0.5), A = h.a.oneMinus().mul(Pe(C(1), y, S)).mul(Pe(C(1), p, v)).oneMinus(), w = Pe(a.rgb, f.rgb, f.a), l = Q(([G, E]) => {
-    const U = E.mul(2.0404).sub(0.3324), P = E.mul(-4.7951).add(0.6417), N = E.mul(2.7552).add(0.6903);
-    return ae(G).max(U.mul(G).add(P).mul(G).add(N).mul(G));
-  }), b = I(new B.Vector3(0.45, 0.15, 0.05)), M = Pe(ae(A), Ge(ae(A), ae(1).sub(b)), T), _ = J(
-    a.rgb.mul(l(M, w)).add(w.mul(h.rgb)),
-    // indirect diffuse modulated by albedo
-    a.a
-  ), x = Yt(_, r, d, t);
-  return x._resolveMaterial.needsUpdate = !0, { outputNode: zn(x, 0.5), scenePassColor: a, traaPass: x, giPass: m, denoisePass: c, ao: k, gi: R, hairAO: y, eyeAO: p };
-}
-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), d = z((n) => n.textToSpeak), f = z((n) => n.visemes), T = z((n) => n.blendshapes), v = z((n) => n.visemeIntensity), S = z((n) => n.currentVisemeIndex), V = z((n) => n.currentBlendshapeIndex), m = z((n) => n.useBlendshapeManager), [k, R] = te(!1), [u, g] = te(!1), i = 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 j(() => {
-    if (i) {
-      const n = i.speechSynthesis.getVoices();
-      n && Array.isArray(n) && n.length ? (Pt(n), R(!0)) : i.speechSynthesis.onvoiceschanged = () => {
-        Pt(i.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);
       };
     }
-  }, [i]), j(() => {
-    k && (m ? !!a : !!s) && e && g(!0);
-  }, [k, s, a, e, m]), j(() => {
-    if (d) {
-      const n = new Hs(d);
-      Sn(n);
+  }, [h]), l(() => {
+    w && n && e && D(!0);
+  }, [w, n, e]), l(() => {
+    if (s) {
+      const o = new Oe(s);
+      ot(o);
     }
-  }, [d]), j(() => {
-    var n, c;
-    o && u ? (o.onstart = () => {
-      console.log("Start"), Nt(de.speaking);
-    }, o.onend = () => {
-      console.log("End"), Nt(de.idle);
-    }, o.onboundary = () => {
-    }, o.onviseme = (h) => {
-      qt(h);
-    }, (n = i == null ? void 0 : i.speechSynthesis) == null || n.speak(o, null)) : (c = i == null ? void 0 : i.speechSynthesis) == null || c.cancel();
-  }, [o]), j(() => {
-    s && (s.visemeIntensity = v);
-  }, [v]), j(() => {
-    if (!m && s && t === de.speaking) {
-      if (!s.isStarted && s.start(), f.length > 1 && S === 0)
-        f.forEach((n) => {
-          const c = parseInt(n.name);
-          if (!isNaN(c)) {
-            const h = kt.get(c);
-            h && s.PlayVisemeAsync(h, n.elapsedTime / 1e4);
-          }
-        });
-      else
-        for (let n = S + 1; n < f.length; n++) {
-          const c = f[n], h = parseInt(c.name);
-          if (!isNaN(h)) {
-            const y = kt.get(h);
-            y && s.PlayVisemeAsync(y, c.elapsedTime / 1e4);
-          }
-        }
-      bn(f.length - 1);
-    }
-  }, [t, f, s, m]), j(() => {
-    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 c = T[n];
-          a.PlayBlendShapeAsync(c);
-        }
-      Tn(T.length - 1);
-    }
-  }, [t, T, a, m]), j(() => {
-    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((l) => l.cameraPosition), d = se((l) => l.lookAt), f = se((l) => l.movable), T = re((l) => l.targets), v = re((l) => l.showFirstTarget), [S, V] = te(e || ds()), [m, k] = te(
+  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, u] = te(null), [g, i] = te(void 0), n = Te(null), c = Te(null), h = Te(null), y = (l) => {
-    l.preventDefault(), l.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();
   };
-  j(() => {
-    Qs(c.current);
-  }, [c.current]), j(() => {
-    var l, b, M, _;
-    if (f)
-      R == null || R.abort(), u(null);
+  l(() => {
+    var a, v, V, u;
+    if (k)
+      h == null || h.abort(), U(null);
     else {
       const x = new AbortController();
-      u(x), (l = n.current) == null || l.addEventListener("wheel", y, { passive: !1, signal: x.signal }), (b = n.current) == null || b.addEventListener("pointerdown", y, { passive: !1, signal: x.signal }), (M = n.current) == null || M.addEventListener("pointermove", y, { passive: !1, signal: x.signal }), (_ = n.current) == null || _.addEventListener("click", y, { passive: !1, signal: x.signal });
+      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 });
+    }
+  }, [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;
     }
-  }, [f]), j(() => {
-    h != null && h.current && d && o && h.current.setLookAt(o.x, o.y, o.z, d.x, d.y, d.z, !0);
-  }, [o, d]), j(() => {
-    e && V(e);
-  }, [e]), j(() => {
-    if (S)
-      if (S.type === "FALLBACK") {
-        const l = typeof navigator < "u" && /Macintosh|Mac OS X/.test(navigator.userAgent);
-        k(
-          l ? "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 (S.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;
         }
-  }, [S]), j(() => {
-    switch (m && (p.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":
-        i([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":
-        i([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 p = Te(void 0), A = $t(async (l) => {
-    const b = new B.WebGPURenderer({
-      canvas: l.canvas,
-      antialias: !1,
-      alpha: !0,
-      powerPreference: "high-performance"
-    });
-    return b.setClearColor(new B.Color("#000000"), 0), b.setPixelRatio(Math.min(devicePixelRatio, 1.5)), b.shadowMap.type = B.PCFShadowMap, await b.init(), b;
-  }, []), w = it(() => {
-    if (T.length) {
-      const l = T[0], b = new B.Vector3(l.position.x - 0.5, l.position.y, l.position.z - 0.1), M = new B.Vector3(l.position.x + 0.5, l.position.y, l.position.z - 0.1);
-      return [b, M];
-    } else if (o) {
-      const l = new B.Vector3(o.x - 0.5, o.y, o.z - 0.1), b = new B.Vector3(o.x + 0.5, o.y, o.z - 0.1);
-      return [l, b];
+  }, [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: A, 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: c, makeDefault: !0, fov: 28 }), /* @__PURE__ */ D.createElement(ms, { ref: h }), v && w.length && /* @__PURE__ */ D.createElement(Ln, { points: w, 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] = te(!1), { gl: o, scene: d, camera: f, size: T } = js(), [v] = te(new B.Vector3(-3, 2, 2)), [S] = te(new B.Vector3(0, 1, 0)), [V] = te(3.5), [m] = te(-2e-4), [k] = te(0.57), [R] = te(0.25), u = Te(null), g = Te(null);
-  return j(() => {
-    o && (o.shadowMap.type = B.PCFShadowMap, o.toneMapping = e, t !== "low" ? d.environmentIntensity = R : d.environmentIntensity = 1);
-  }, [o, e]), j(() => {
-    d.environmentIntensity = R;
-  }, [R]), j(() => {
-    if (!s || !o || a) return;
-    let i = !1;
-    return import("three/addons/inspector/Inspector.js").then(({ Inspector: n }) => {
-      i || (o.inspector = new n(), r(!0));
-    }).catch((n) => console.warn("Scene: could not load three's Inspector", n)), () => {
-      i = !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]), j(() => {
-    if (!o || !d || !f || !t) return;
-    d.background = null;
-    const i = t === "high", n = i ? Fn(d, f) : On(d, f), { outputNode: c, scenePassColor: h, traaPass: y, giPass: p, ao: A, gi: w, hairAO: l, eyeAO: b } = n, M = new B.RenderPipeline(o);
-    if (M.outputNode = c, g.current = M, s && a && o.inspector) {
-      const _ = () => {
-        M.needsUpdate = !0;
-      }, x = o.inspector.createParameters(i ? "SSGI + TRAA" : "TRAA");
-      if (i) {
-        const Z = { output: 0, feedback: !1 }, G = { Combined: 0, AO: 1, GI: 2, Direct: 3 };
-        x.add(Z, "output", G).name("output").onChange((E) => {
-          const U = Number(E);
-          M.outputNode = U === 1 ? J(ae(A.r), 1) : U === 2 ? J(w.rgb, 1) : U === 3 ? h : c, _();
-        }), x.add(p.sliceCount, "value", 1, 4, 1).name("slice count"), x.add(p.stepCount, "value", 1, 32, 1).name("step count"), x.add(p.radius, "value", 0.1, 2).name("radius"), x.add(p.expFactor, "value", 1e-3, 10).name("exp factor"), x.add(p.thickness, "value", 1e-3, 0.1).name("thickness"), x.add(p.backfaceLighting, "value", 0, 1).name("backface lighting"), x.add(p.aoIntensity, "value", 0, 4).name("AO intensity"), x.add(p.giIntensity, "value", 0, 20).name("GI intensity"), x.add(p, "resolutionScale", 0.25, 1).name("SSGI resolution scale"), x.add(l, "value", 0, 1).name("SSGI AO on hair"), x.add(b, "value", 0, 1).name("SSGI AO on eyes"), x.add(Z, "feedback").name("SSGI 2nd bounce (TRAA history)").onChange((E) => {
-          p.beautyNode = E ? y.getHistoryTextureNode() : h, _();
+  }, [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();
         });
       }
-      x.add(y, "maxVelocityLength", 4, 128, 1).name("TRAA max velocity").onChange(_), x.add(y, "depthThreshold", 1e-4, 0.01).name("TRAA depth threshold").onChange(_), x.add(y, "edgeDepthDiff", 1e-4, 0.01).name("TRAA edge depth diff").onChange(_), x.add(y, "useSubpixelCorrection").name("TRAA subpixel correction").onChange(_);
+      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 () => {
-      M.dispose(), g.current = null;
+      v.dispose(), o.current = null;
     };
-  }, [o, d, f, t, s, a]), j(() => {
-    !o || !T || o.setSize(T.width, T.height);
-  }, [T]), Ht(({ gl: i, scene: n, camera: c }) => {
-    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: u, color: "white", position: v.toArray(), "target-position": S.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), d = re((v) => v.lookAtCamera), f = se((v) => v.cameraPosition), T = re((v) => v.targets);
-  return Ht((v, S) => {
-    const V = {
-      deltaTime: S,
-      timestamp: v.clock.oldTime,
-      AU: a,
-      gaze: r,
-      headPose: o,
-      characterState: s,
-      lookAt: d ? 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);
-  }), j(() => {
+    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]), j(() => {
-    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: d, autoLookAt: f, breathing: T, disableAnimations: v, debug: S, inspector: V, enableBml: m, animationWeights: k, license: R, detectGpuData: u, environmentPreset: g = "apartment", tonemapping: i = B.NeutralToneMapping, targets: n, useBlendshapeManager: c = !1 }) => {
-  const h = O((P) => P.animationsLoaded), y = se((P) => P.defaultPositions), p = se((P) => P.defaultDistances), [A, w] = te(), [l, b] = te(null), [M, _] = te(), [x, Z] = te(!1), G = async (P) => {
+}, 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:
-        N = new ls(), _(Le.cc3);
+      case $.cc3:
+        N = new De(), u(ne.cc3);
         break;
-      case Se.avatarsdk:
-        N = new cs(), _(Le.avatarsdk);
+      case $.avatarsdk:
+        N = new ve(), u(ne.avatarsdk);
         break;
-      case Se.avaturn:
-        N = new is(), _(Le.avaturn);
+      case $.avaturn:
+        N = new Re(), u(ne.avaturn);
         break;
     }
-    const L = await N.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: S,
-        enableBmlManager: !!m,
-        animationWeights: k,
-        useBlendshapeManager: c,
-        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 && b(H);
+      B && K() ? B.dispose() : B && v(B);
     }
-  }, E = () => {
-    Ct(!0);
+  }, Y = () => {
+    ie(!0);
   };
-  j(() => {
-    var P, N;
-    l && h && (T === !1 && ((N = (P = l.animationManager) == null ? void 0 : P.disableBreathing) == null || N.call(P)), x ? (an(l.getAllAnimationNames()), rn(l.getAllAnimations()), setTimeout(() => {
-      d == null || d();
-    }, 1e3)) : U());
-  }, [l, h, x]), j(() => {
-    sn(n || []);
-  }, [n]), j(() => {
-    Ct(!1), A !== void 0 && (A ? G(e) : d == null || d());
-  }, [e, A]), j(() => {
-    if (x && p && y)
-      if (o) {
-        const P = wn(o, p, 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, p.farther), Mt(P), _t(y.lowerbelly);
+        const S = f.mouth.clone();
+        S.setComponent(2, L.farther), le(S), me(f.lowerbelly);
       }
-  }, [x, o, p, y]), j(() => {
-    r && (r.credentials && xn(r.credentials), r.voice && vn(r.voice));
-  }, [r]), j(() => {
-    An(c);
-  }, [c]);
-  const U = () => {
-    if (l && M) {
+  }, [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(l), N = P.max, L = P.min, H = new B.Vector3((N.x + L.x) / 2, (N.y + L.y) / 2, (N.z + L.z) / 2);
-        Xs(H);
-        const ne = Math.abs(N.x - L.x), W = Math.abs(N.y - L.y), ue = Math.abs(N.z - L.z);
-        $s({
-          x: ne,
-          y: W,
-          z: ue
-        });
-        const Y = (N.x + L.x) / 2, F = (N.z + L.z) / 2, me = {
-          eye: new B.Vector3(Y, N.y - W / 16, F),
-          mouth: new B.Vector3(Y, N.y - W / 12, F),
-          neck: new B.Vector3(Y, N.y - W / 8, F),
-          clavicle: new B.Vector3(Y, N.y - W / 6, F),
-          torso: new B.Vector3(Y, N.y - W / 4, F),
-          belly: new B.Vector3(Y, N.y - W / 8 * 3, F),
-          lowerbelly: new B.Vector3(Y, N.y - W / 32 * 15, F),
-          hips: H,
-          higherthigh: new B.Vector3(Y, L.y + W / 32 * 15, F),
-          thigh: new B.Vector3(Y, L.y + W / 8 * 3, F),
-          knee: new B.Vector3(Y, L.y + W / 4, F),
-          leg: new B.Vector3(Y, L.y + W / 8, F),
-          feet: new B.Vector3(Y, L.y, F)
-        }, ee = (N.y - (L.y + W / 7 * 2)) / 2 / Math.tan(25 * (Math.PI / 180)), Ne = {
-          veryclose: ee / 4,
-          closer: ee / 3,
-          close: ee / 2.5,
-          midclose: ee / 2,
-          medium: ee,
-          midfar: ee * 2,
-          far: ee * 2.5,
-          farther: ee * 3,
-          veryfar: ee * 4
-        };
-        Js(me), en(Ne);
-      } 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);
       }
-      Z(!0);
+      ee(!0);
     }
   };
-  return /* @__PURE__ */ D.createElement(Un, { parentGpuTier: u, setIsGpuAvailable: w, tonemapping: i, inspector: V }, A ? /* @__PURE__ */ D.createElement(D.Fragment, null, l && /* @__PURE__ */ D.createElement(Gn, { character: l, autoLookAt: !!f }), l && /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement(ps, { preset: g }), /* @__PURE__ */ D.createElement("primitive", { object: l, castShadow: !0, receiveShadow: !0 }))) : /* @__PURE__ */ D.createElement(D.Fragment, null));
-}, Hn = {
-  emotions: [],
-  currentTopEmotion: lt.Neutral,
-  useTopEmotionOnly: !0,
-  autoDecay: !1
-}, Ve = Ce()(() => 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
 };