mbt-3d 0.3.6 → 0.3.7

package/dist/mbt-3d.js

@@ -1,19 +1,19 @@
-import { Suspense as Q, useMemo as W, useRef as w, useEffect as I, useCallback as C, createContext as ie, useContext as ce, forwardRef as ee, useImperativeHandle as te, useState as ue } from "react";
-import { ContactShadows as pe, OrbitControls as me, useTexture as fe, useGLTF as H, useAnimations as de } from "@react-three/drei";
+import { Suspense as G, useMemo as B, useRef as A, useEffect as L, useCallback as I, createContext as ce, useContext as ue, forwardRef as te, useImperativeHandle as re, useState as me } from "react";
+import { ContactShadows as pe, Environment as fe, OrbitControls as de, useTexture as ge, useGLTF as U, useAnimations as he } from "@react-three/drei";
 import * as E from "three";
-import * as re from "three/examples/jsm/utils/SkeletonUtils.js";
-import { Canvas as Me, useThree as oe, useFrame as z, createPortal as ge } from "@react-three/fiber";
-import { KTX2Loader as he } from "three/examples/jsm/loaders/KTX2Loader.js";
-import { jsx as A, jsxs as se } from "react/jsx-runtime";
-function ye({
-  position: n,
+import * as oe from "three/examples/jsm/utils/SkeletonUtils.js";
+import { Canvas as Me, useThree as ne, useFrame as V, createPortal as ye } from "@react-three/fiber";
+import { KTX2Loader as Te } from "three/examples/jsm/loaders/KTX2Loader.js";
+import { jsx as x, jsxs as se } from "react/jsx-runtime";
+function be({
+  position: t,
   controlsConfig: e
 }) {
-  const { camera: s } = oe(), a = w(null);
-  return I(() => {
-    n && s && (s.position.set(n[0], n[1], n[2]), s.updateProjectionMatrix(), a.current && (a.current.target.set(0, 0, 0), a.current.update()));
-  }, [n, s]), /* @__PURE__ */ A(
-    me,
+  const { camera: n } = ne(), a = A(null);
+  return L(() => {
+    t && n && (n.position.set(t[0], t[1], t[2]), n.updateProjectionMatrix(), a.current && (a.current.target.set(0, 0, 0), a.current.update()));
+  }, [t, n]), /* @__PURE__ */ x(
+    de,
     {
       ref: a,
       makeDefault: !0,
@@ -30,39 +30,50 @@ function ye({
     }
   );
 }
-function Te({ background: n }) {
-  const e = n == null ? void 0 : n.startsWith("#");
-  return n ? e ? /* @__PURE__ */ A("color", { attach: "background", args: [n] }) : /* @__PURE__ */ A(Se, { url: n }) : null;
+function Se({ background: t }) {
+  const e = t == null ? void 0 : t.startsWith("#");
+  return t ? e ? /* @__PURE__ */ x("color", { attach: "background", args: [t] }) : /* @__PURE__ */ x($e, { url: t }) : null;
 }
-function Se({ url: n }) {
-  const e = fe(n);
-  return W(() => {
+function $e({ url: t }) {
+  const e = ge(t);
+  return B(() => {
     e.colorSpace = E.SRGBColorSpace;
-  }, [e]), /* @__PURE__ */ A("primitive", { attach: "background", object: e });
+  }, [e]), /* @__PURE__ */ x("primitive", { attach: "background", object: e });
 }
-function be({ config: n }) {
-  switch (n.type) {
+function xe({ config: t }) {
+  return /* @__PURE__ */ x(
+    fe,
+    {
+      files: t.files,
+      background: t.background ?? !1,
+      blur: t.blur ?? 0,
+      children: /* @__PURE__ */ x("group", { scale: t.intensity ?? 1, children: /* @__PURE__ */ x("ambientLight", { intensity: 0 }) })
+    }
+  );
+}
+function we({ config: t }) {
+  switch (t.type) {
     case "spot": {
       const {
         position: e = [5, 10, 5],
-        intensity: s = 50,
+        intensity: n = 50,
         castShadow: a = !0,
-        angle: u = Math.PI / 6,
-        penumbra: M = 0.5,
-        decay: h = 2,
-        distance: S = 0,
+        angle: l = Math.PI / 6,
+        penumbra: d = 0.5,
+        decay: M = 2,
+        distance: T = 0,
         color: g = "#ffffff"
-      } = n;
-      return /* @__PURE__ */ A(
+      } = t;
+      return /* @__PURE__ */ x(
         "spotLight",
         {
           position: e,
-          intensity: s,
+          intensity: n,
           castShadow: a,
-          angle: u,
-          penumbra: M,
-          decay: h,
-          distance: S,
+          angle: l,
+          penumbra: d,
+          decay: M,
+          distance: T,
           color: g
         }
       );
@@ -70,66 +81,66 @@ function be({ config: n }) {
     case "point": {
       const {
         position: e = [0, 5, 0],
-        intensity: s = 20,
+        intensity: n = 20,
         color: a = "#ffffff",
-        distance: u = 0,
-        decay: M = 2,
-        castShadow: h = !1
-      } = n;
-      return /* @__PURE__ */ A(
+        distance: l = 0,
+        decay: d = 2,
+        castShadow: M = !1
+      } = t;
+      return /* @__PURE__ */ x(
         "pointLight",
         {
           position: e,
-          intensity: s,
+          intensity: n,
           color: a,
-          distance: u,
-          decay: M,
-          castShadow: h
+          distance: l,
+          decay: d,
+          castShadow: M
         }
       );
     }
     case "directional": {
       const {
         position: e = [10, 20, 10],
-        intensity: s = 40,
+        intensity: n = 40,
         color: a = "#ffffff",
-        castShadow: u = !0
-      } = n;
-      return /* @__PURE__ */ A(
+        castShadow: l = !0
+      } = t;
+      return /* @__PURE__ */ x(
         "directionalLight",
         {
           position: e,
-          intensity: s,
+          intensity: n,
           color: a,
-          castShadow: u
+          castShadow: l
         }
       );
     }
     case "hemisphere": {
       const {
         skyColor: e = "#ffffff",
-        groundColor: s = "#444444",
+        groundColor: n = "#444444",
         intensity: a = 0.5,
-        position: u = [0, 10, 0]
-      } = n, M = W(() => new E.Color(e), [e]), h = W(() => new E.Color(s), [s]);
-      return /* @__PURE__ */ A(
+        position: l = [0, 10, 0]
+      } = t, d = B(() => new E.Color(e), [e]), M = B(() => new E.Color(n), [n]);
+      return /* @__PURE__ */ x(
         "hemisphereLight",
         {
-          args: [M, h, a],
-          position: u
+          args: [d, M, a],
+          position: l
         }
       );
     }
     case "ambient": {
       const {
         intensity: e = 0.5,
-        color: s = "#ffffff"
-      } = n;
-      return /* @__PURE__ */ A(
+        color: n = "#ffffff"
+      } = t;
+      return /* @__PURE__ */ x(
         "ambientLight",
         {
           intensity: e,
-          color: s
+          color: n
         }
       );
     }
@@ -137,178 +148,190 @@ function be({ config: n }) {
       return null;
   }
 }
-function Le({
-  children: n,
+function Xe({
+  children: t,
   camera: e = {},
-  controls: s = {},
+  controls: n = {},
   background: a,
-  shadows: u = !0,
-  lights: M = [
+  shadows: l = !0,
+  lights: d = [
     { type: "ambient", intensity: 0.5 },
     { type: "spot", position: [5, 10, 5], intensity: 50, castShadow: !0 }
   ],
-  contactShadows: h = !0,
-  style: S,
-  className: g
+  environment: M,
+  contactShadows: T = !0,
+  style: g,
+  className: s
 }) {
-  const t = {
+  const r = {
     position: e.position || [0, 2, 5],
     fov: e.fov || 45
-  }, r = {
-    enabled: s.enabled ?? !0,
-    enablePan: s.enablePan ?? !0,
-    enableZoom: s.enableZoom ?? !0,
-    enableRotate: s.enableRotate ?? !0,
-    minDistance: s.minDistance,
-    maxDistance: s.maxDistance,
-    minPolarAngle: s.minPolarAngle,
-    maxPolarAngle: s.maxPolarAngle,
-    autoRotate: s.autoRotate ?? !1,
-    autoRotateSpeed: s.autoRotateSpeed ?? 2
-  }, i = typeof h == "object" ? {
-    position: h.position || [0, -1, 0],
-    opacity: h.opacity ?? 0.5,
-    blur: h.blur ?? 2
-  } : h ? { position: [0, -1, 0], opacity: 0.5, blur: 2 } : null;
-  return /* @__PURE__ */ A("div", { style: S, className: g, children: /* @__PURE__ */ se(
+  }, c = {
+    enabled: n.enabled ?? !0,
+    enablePan: n.enablePan ?? !0,
+    enableZoom: n.enableZoom ?? !0,
+    enableRotate: n.enableRotate ?? !0,
+    minDistance: n.minDistance,
+    maxDistance: n.maxDistance,
+    minPolarAngle: n.minPolarAngle,
+    maxPolarAngle: n.maxPolarAngle,
+    autoRotate: n.autoRotate ?? !1,
+    autoRotateSpeed: n.autoRotateSpeed ?? 2
+  }, u = typeof T == "object" ? {
+    position: T.position || [0, -1, 0],
+    opacity: T.opacity ?? 0.5,
+    blur: T.blur ?? 2
+  } : T ? { position: [0, -1, 0], opacity: 0.5, blur: 2 } : null;
+  return /* @__PURE__ */ x("div", { style: g, className: s, children: /* @__PURE__ */ se(
     Me,
     {
-      shadows: u,
+      shadows: l,
       camera: {
-        position: t.position,
-        fov: t.fov
+        position: r.position,
+        fov: r.fov
       },
       style: { width: "100%", height: "100%" },
       children: [
-        /* @__PURE__ */ A(Q, { fallback: null, children: /* @__PURE__ */ A(Te, { background: a }) }),
-        M.map((p, y) => /* @__PURE__ */ A(be, { config: p }, `${p.type}-${y}`)),
-        /* @__PURE__ */ A(Q, { fallback: null, children: n }),
-        /* @__PURE__ */ A(
-          ye,
+        /* @__PURE__ */ x(G, { fallback: null, children: /* @__PURE__ */ x(Se, { background: a }) }),
+        M && /* @__PURE__ */ x(G, { fallback: null, children: /* @__PURE__ */ x(xe, { config: M }) }),
+        d.map((h, o) => /* @__PURE__ */ x(we, { config: h }, `${h.type}-${o}`)),
+        /* @__PURE__ */ x(G, { fallback: null, children: t }),
+        /* @__PURE__ */ x(
+          be,
           {
-            position: t.position,
-            controlsConfig: r
+            position: r.position,
+            controlsConfig: c
           }
         ),
-        i && /* @__PURE__ */ A(
+        u && /* @__PURE__ */ x(
           pe,
           {
-            position: i.position,
-            opacity: i.opacity,
-            blur: i.blur
+            position: u.position,
+            opacity: u.opacity,
+            blur: u.blur
           }
         )
       ]
     }
   ) });
 }
-function G(n, e) {
-  const s = w(/* @__PURE__ */ new Map()), a = w({}), u = w({});
-  I(() => {
+function Y(t, e) {
+  const n = A(/* @__PURE__ */ new Map()), a = A({}), l = A({});
+  L(() => {
     e && (a.current = { ...e });
-  }, [e]), I(() => {
-    if (!n) return;
+  }, [e]), L(() => {
+    if (!t) return;
     const g = /* @__PURE__ */ new Map();
-    n.traverse((t) => {
-      if (t.isMesh) {
-        const r = t;
+    t.traverse((s) => {
+      if (s.isMesh) {
+        const r = s;
         r.name && g.set(r.name, r);
       }
-    }), s.current = g;
-  }, [n]), z(() => {
-    const g = s.current;
+    }), n.current = g;
+  }, [t]), V(() => {
+    const g = n.current;
     if (g.size === 0) return;
-    const t = { ...a.current, ...u.current };
-    for (const [r, i] of Object.entries(t)) {
-      const p = g.get(r);
-      p && p.visible !== i && (p.visible = i);
+    const s = { ...a.current, ...l.current };
+    for (const [r, c] of Object.entries(s)) {
+      const u = g.get(r);
+      u && u.visible !== c && (u.visible = c);
     }
   });
-  const M = C((g, t) => {
-    u.current[g] = t;
-    const r = s.current.get(g);
-    r && (r.visible = t);
-  }, []), h = C(() => Array.from(s.current.keys()).sort(), []), S = C(() => {
+  const d = I((g, s) => {
+    l.current[g] = s;
+    const r = n.current.get(g);
+    r && (r.visible = s);
+  }, []), M = I(() => Array.from(n.current.keys()).sort(), []), T = I(() => {
     const g = {};
-    return s.current.forEach((t, r) => {
-      g[r] = t.visible;
+    return n.current.forEach((s, r) => {
+      g[r] = s.visible;
     }), g;
   }, []);
   return {
-    setMeshVisibility: M,
-    getMeshNames: h,
-    getMeshVisibility: S
+    setMeshVisibility: d,
+    getMeshNames: M,
+    getMeshVisibility: T
   };
 }
-function V(n, e) {
-  const s = w(/* @__PURE__ */ new Map()), a = w(/* @__PURE__ */ new Map());
-  I(() => {
-    if (!n) return;
-    const t = /* @__PURE__ */ new Map();
-    n.traverse((r) => {
+function Z(t, e) {
+  const n = A(/* @__PURE__ */ new Map()), a = A(/* @__PURE__ */ new Map());
+  L(() => {
+    if (!t) return;
+    const s = /* @__PURE__ */ new Map();
+    t.traverse((r) => {
       if (r.isMesh) {
-        const i = r;
-        (Array.isArray(i.material) ? i.material : [i.material]).forEach((y) => {
-          y.name && !t.has(y.name) && t.set(y.name, y);
+        const c = r;
+        (Array.isArray(c.material) ? c.material : [c.material]).forEach((h) => {
+          h.name && !s.has(h.name) && s.set(h.name, h);
         });
       }
-    }), s.current = t, e && Object.entries(e).forEach(([r, i]) => {
-      const p = t.get(r);
-      if (p && !Array.isArray(p)) {
-        const y = u(i);
-        p.color && p.color.copy(y), a.current.set(r, y);
+    }), n.current = s, e && Object.entries(e).forEach(([r, c]) => {
+      const u = s.get(r);
+      if (u && !Array.isArray(u)) {
+        const h = l(c);
+        u.color && u.color.copy(h), a.current.set(r, h);
       }
     });
-  }, [n, e]), z(() => {
-    a.current.forEach((t, r) => {
-      const i = s.current.get(r);
-      if (i && !Array.isArray(i)) {
-        const p = i;
-        p.color && !p.color.equals(t) && (p.color.copy(t), p.needsUpdate = !0);
+  }, [t, e]), V(() => {
+    a.current.forEach((s, r) => {
+      const c = n.current.get(r);
+      if (c && !Array.isArray(c)) {
+        const u = c;
+        u.color && !u.color.equals(s) && (u.color.copy(s), u.needsUpdate = !0);
       }
     });
   });
-  const u = (t) => typeof t == "string" ? new E.Color(t) : new E.Color(t[0], t[1], t[2]), M = C((t, r) => {
-    const i = u(r);
-    a.current.set(t, i);
-    const p = s.current.get(t);
-    if (p && !Array.isArray(p)) {
-      const y = p;
-      y.color && (y.color.copy(i), y.needsUpdate = !0);
+  const l = (s) => typeof s == "string" ? new E.Color(s) : new E.Color(s[0], s[1], s[2]), d = I((s, r) => {
+    const c = l(r);
+    a.current.set(s, c);
+    const u = n.current.get(s);
+    if (u && !Array.isArray(u)) {
+      const h = u;
+      h.color && (h.color.copy(c), h.needsUpdate = !0);
     }
-  }, []), h = C(() => Array.from(s.current.keys()).sort(), []), S = C((t) => {
-    const r = s.current.get(t);
+  }, []), M = I(() => Array.from(n.current.keys()).sort(), []), T = I((s) => {
+    const r = n.current.get(s);
     if (r && !Array.isArray(r)) {
-      const i = r;
-      if (i.color)
-        return "#" + i.color.getHexString();
+      const c = r;
+      if (c.color)
+        return "#" + c.color.getHexString();
     }
     return null;
-  }, []), g = C(() => {
-    const t = {};
-    return s.current.forEach((r, i) => {
+  }, []), g = I(() => {
+    const s = {};
+    return n.current.forEach((r, c) => {
       if (!Array.isArray(r)) {
-        const p = r;
-        p.color && (t[i] = "#" + p.color.getHexString());
+        const u = r;
+        u.color && (s[c] = "#" + u.color.getHexString());
       }
-    }), t;
+    }), s;
   }, []);
   return {
-    setMaterialColor: M,
-    getMaterialNames: h,
-    getMaterialColor: S,
+    setMaterialColor: d,
+    getMaterialNames: M,
+    getMaterialColor: T,
     getAllMaterialColors: g
   };
 }
-function Y(n, e) {
-  const { gl: s } = oe(), a = w(/* @__PURE__ */ new Map()), u = w(new E.TextureLoader()), M = w(null), h = w(/* @__PURE__ */ new Map()), S = w(/* @__PURE__ */ new Set()), g = w("");
-  I(() => {
-    if (!M.current)
+function z(t) {
+  const e = t.toLowerCase();
+  if (e.endsWith(".ktx2")) return !0;
+  try {
+    const n = new URL(t, window.location.origin), a = decodeURIComponent(n.hash.replace(/^#/, "")).toLowerCase(), l = decodeURIComponent(n.search).toLowerCase(), d = decodeURIComponent(n.pathname).toLowerCase();
+    return a.endsWith(".ktx2") || l.includes(".ktx2") || d.endsWith(".ktx2");
+  } catch {
+    return e.includes(".ktx2");
+  }
+}
+function q(t, e) {
+  const { gl: n } = ne(), a = A(/* @__PURE__ */ new Map()), l = A(new E.TextureLoader()), d = A(null), M = A(/* @__PURE__ */ new Map()), T = A(/* @__PURE__ */ new Set()), g = A("");
+  L(() => {
+    if (!d.current)
       try {
         const o = typeof WebAssembly == "object" && typeof WebAssembly.validate == "function";
-        console.log("[useMaterialTexture] Browser features:"), console.log(`  WebAssembly supported: ${o}`), console.log(`  WebGL2: ${s.capabilities.isWebGL2}`);
-        const l = new he();
-        l.setTranscoderPath("/basis/"), l.detectSupport(s), M.current = l, console.log("[useMaterialTexture] ✅ KTX2Loader initialized"), console.log("[useMaterialTexture] Transcoder path: /basis/"), fetch("/basis/basis_transcoder.wasm").then((m) => {
+        console.log("[useMaterialTexture] Browser features:"), console.log(`  WebAssembly supported: ${o}`), console.log(`  WebGL2: ${n.capabilities.isWebGL2}`);
+        const i = new Te();
+        i.setTranscoderPath("/basis/"), i.detectSupport(n), d.current = i, console.log("[useMaterialTexture] ✅ KTX2Loader initialized"), console.log("[useMaterialTexture] Transcoder path: /basis/"), fetch("/basis/basis_transcoder.wasm").then((m) => {
           m.ok ? console.log("[useMaterialTexture] ✅ basis_transcoder.wasm is accessible") : console.error("[useMaterialTexture] ❌ basis_transcoder.wasm returned", m.status);
         }).catch((m) => {
           console.error("[useMaterialTexture] ❌ Failed to check basis_transcoder.wasm:", m);
@@ -317,103 +340,107 @@ function Y(n, e) {
         console.error("[useMaterialTexture] ❌ Failed to initialize KTX2Loader:", o);
       }
     return () => {
-      M.current && (M.current.dispose(), M.current = null);
+      d.current && (d.current.dispose(), d.current = null);
     };
-  }, [s]), I(() => {
-    if (!n) return;
+  }, [n]), L(() => {
+    if (!t) return;
     const o = /* @__PURE__ */ new Map();
-    n.traverse((l) => {
-      if (l.isMesh) {
-        const m = l;
-        (Array.isArray(m.material) ? m.material : [m.material]).forEach((f) => {
-          f.name && !o.has(f.name) && o.set(f.name, f);
+    t.traverse((i) => {
+      if (i.isMesh) {
+        const m = i;
+        (Array.isArray(m.material) ? m.material : [m.material]).forEach((p) => {
+          p.name && !o.has(p.name) && o.set(p.name, p);
         });
       }
     }), a.current = o;
-  }, [n]);
-  const t = C((o) => o.toLowerCase().endsWith(".ktx2") ? M.current ? M.current : (console.warn("[useMaterialTexture] KTX2Loader not initialized, falling back to TextureLoader"), u.current) : u.current, []);
-  I(() => {
-    if (!e || !n) return;
+  }, [t]);
+  const s = I((o) => z(o) ? d.current ? d.current : (console.warn("[useMaterialTexture] KTX2Loader not initialized, falling back to TextureLoader"), l.current) : l.current, []);
+  L(() => {
+    if (!e || !t) return;
     const o = a.current;
     if (o.size === 0) return;
-    const l = JSON.stringify(e);
-    if (g.current === l) {
+    const i = JSON.stringify(e);
+    if (g.current === i) {
       console.log("[useMaterialTexture] Textures unchanged, skipping reload");
       return;
     }
-    g.current = l;
+    g.current = i;
     let m = !1;
-    const b = /* @__PURE__ */ new Map();
-    Object.entries(e).forEach(([d, T]) => {
-      b.set(d, typeof T == "string" ? { map: T } : T);
-    }), console.log("[useMaterialTexture] Starting texture load for", b.size, "materials");
-    const f = [];
-    b.forEach((d, T) => {
-      var x, D;
-      const j = o.get(T);
-      if (!j || !j.isMeshStandardMaterial) {
-        console.warn(`[useMaterialTexture] Material "${T}" not found or not MeshStandardMaterial`);
+    const $ = /* @__PURE__ */ new Map();
+    Object.entries(e).forEach(([f, S]) => {
+      $.set(f, typeof S == "string" ? { map: S } : S);
+    }), console.log("[useMaterialTexture] Starting texture load for", $.size, "materials");
+    const p = [];
+    $.forEach((f, S) => {
+      var w, j;
+      const D = o.get(S);
+      if (!D || !D.isMeshStandardMaterial) {
+        console.warn(`[useMaterialTexture] Material "${S}" not found or not MeshStandardMaterial`);
         return;
       }
-      const c = j;
-      console.log(`[useMaterialTexture] 📋 Material "${T}" BEFORE reset:`), console.log(`  - map: ${c.map ? "EXISTS" : "null"} ${c.map ? `(uuid: ${c.map.uuid})` : ""}`), console.log(`  - normalMap: ${c.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${c.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${c.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${c.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${c.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${(x = c.color) == null ? void 0 : x.getHexString()}`), console.log(`  - emissive: ${(D = c.emissive) == null ? void 0 : D.getHexString()}`), console.log(`  - material uuid: ${c.uuid}`), c.map && (console.log(`[useMaterialTexture] 🗑️ Disposing old map (uuid: ${c.map.uuid})`), c.map.dispose()), c.normalMap && (console.log("[useMaterialTexture] 🗑️ Disposing old normalMap"), c.normalMap.dispose()), c.roughnessMap && (console.log("[useMaterialTexture] 🗑️ Disposing old roughnessMap"), c.roughnessMap.dispose()), c.metalnessMap && (console.log("[useMaterialTexture] 🗑️ Disposing old metalnessMap"), c.metalnessMap.dispose()), c.emissiveMap && (console.log("[useMaterialTexture] 🗑️ Disposing old emissiveMap"), c.emissiveMap.dispose()), c.aoMap && (console.log("[useMaterialTexture] 🗑️ Disposing old aoMap"), c.aoMap.dispose()), c.map = null, c.normalMap = null, c.roughnessMap = null, c.metalnessMap = null, c.emissiveMap = null, c.emissive = new E.Color(0), c.emissiveIntensity = 0, c.aoMap = null, c.needsUpdate = !0, c.color = new E.Color(16777215), console.log(`[useMaterialTexture] ✅ Material "${T}" AFTER reset: all maps cleared and disposed`), Object.entries(d).forEach(([$, k]) => {
-        if (!k) return;
-        const L = `${T}_${$}_${k}`, N = h.current.get(L);
-        if (N) {
-          console.log(`[useMaterialTexture] Using cached texture: ${T}.${$}`), m || r(c, $, N);
+      const y = D;
+      console.log(`[useMaterialTexture] 📋 Material "${S}" BEFORE reset:`), console.log(`  - map: ${y.map ? "EXISTS" : "null"} ${y.map ? `(uuid: ${y.map.uuid})` : ""}`), console.log(`  - normalMap: ${y.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${y.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${y.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${y.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${y.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${(w = y.color) == null ? void 0 : w.getHexString()}`), console.log(`  - emissive: ${(j = y.emissive) == null ? void 0 : j.getHexString()}`), console.log(`  - material uuid: ${y.uuid}`), Object.entries(f).forEach(([b, C]) => {
+        if (!C) return;
+        const k = b, O = y[k];
+        O && (console.log(`[useMaterialTexture] 🗑️ Disposing old ${k} (uuid: ${O.uuid})`), O.dispose(), y[k] = null);
+      }), f.emissiveMap && (y.emissive = new E.Color(0), y.emissiveIntensity = 0), y.needsUpdate = !0, y.color = new E.Color(16777215), console.log(`[useMaterialTexture] ✅ Material "${S}" AFTER reset: only specified maps cleared`), Object.entries(f).forEach(([b, C]) => {
+        if (!C) return;
+        const k = `${S}_${b}_${C}`, O = M.current.get(k);
+        if (O) {
+          console.log(`[useMaterialTexture] Using cached texture: ${S}.${b}`), m || r(y, b, O);
           return;
         }
-        if (S.current.has(L)) {
-          console.log(`[useMaterialTexture] Skipping already loading: ${T}.${$}`);
+        if (T.current.has(k)) {
+          console.log(`[useMaterialTexture] Skipping already loading: ${S}.${b}`);
           return;
         }
-        f.push({ materialName: T, textureType: $, url: k, material: c });
+        p.push({ materialName: S, textureType: b, url: C, material: y });
       });
-    }), console.log(`[useMaterialTexture] Queued ${f.length} textures to load`);
+    }), console.log(`[useMaterialTexture] Queued ${p.length} textures to load`);
     let v = 0;
     const R = () => {
-      if (m || v >= f.length) {
-        console.log("[useMaterialTexture] ✅ All textures loaded"), console.log("[useMaterialTexture] 📊 FINAL material states:"), o.forEach((x, D) => {
-          var k, L;
-          const $ = x;
-          console.log(`  Material "${D}":`), console.log(`    - map: ${$.map ? "EXISTS" : "null"} ${$.map ? `(colorSpace: ${$.map.colorSpace})` : ""}`), console.log(`    - normalMap: ${$.normalMap ? "EXISTS" : "null"}`), console.log(`    - roughnessMap: ${$.roughnessMap ? "EXISTS" : "null"}`), console.log(`    - metalnessMap: ${$.metalnessMap ? "EXISTS" : "null"}`), console.log(`    - emissiveMap: ${$.emissiveMap ? "EXISTS" : "null"}`), console.log(`    - color: ${(k = $.color) == null ? void 0 : k.getHexString()}`), console.log(`    - emissive: ${(L = $.emissive) == null ? void 0 : L.getHexString()}`), console.log(`    - emissiveIntensity: ${$.emissiveIntensity}`), console.log(`    - roughness: ${$.roughness}`), console.log(`    - metalness: ${$.metalness}`);
+      if (m || v >= p.length) {
+        console.log("[useMaterialTexture] ✅ All textures loaded"), console.log("[useMaterialTexture] 📊 FINAL material states:"), o.forEach((w, j) => {
+          var C, k;
+          const b = w;
+          console.log(`  Material "${j}":`), console.log(`    - map: ${b.map ? "EXISTS" : "null"} ${b.map ? `(colorSpace: ${b.map.colorSpace})` : ""}`), console.log(`    - normalMap: ${b.normalMap ? "EXISTS" : "null"}`), console.log(`    - roughnessMap: ${b.roughnessMap ? "EXISTS" : "null"}`), console.log(`    - metalnessMap: ${b.metalnessMap ? "EXISTS" : "null"}`), console.log(`    - emissiveMap: ${b.emissiveMap ? "EXISTS" : "null"}`), console.log(`    - color: ${(C = b.color) == null ? void 0 : C.getHexString()}`), console.log(`    - emissive: ${(k = b.emissive) == null ? void 0 : k.getHexString()}`), console.log(`    - emissiveIntensity: ${b.emissiveIntensity}`), console.log(`    - roughness: ${b.roughness}`), console.log(`    - metalness: ${b.metalness}`);
         });
         return;
       }
-      const d = f[v++], T = `${d.materialName}_${d.textureType}_${d.url}`;
-      console.log(`[useMaterialTexture] Loading (${v}/${f.length}): ${d.materialName}.${d.textureType} from ${d.url}`), S.current.add(T);
-      const j = t(d.url), c = d.url.toLowerCase().endsWith(".ktx2") ? "KTX2Loader" : "TextureLoader";
-      console.log(`[useMaterialTexture] Using ${c} for ${d.url}`), j.load(
-        d.url,
-        (x) => {
-          var L, N, B, X, O, _;
-          if (S.current.delete(T), m) {
-            console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${d.materialName}.${d.textureType}`), x.dispose();
+      const f = p[v++], S = `${f.materialName}_${f.textureType}_${f.url}`;
+      console.log(`[useMaterialTexture] Loading (${v}/${p.length}): ${f.materialName}.${f.textureType} from ${f.url}`), T.current.add(S);
+      const D = s(f.url), y = z(f.url) ? "KTX2Loader" : "TextureLoader";
+      console.log(`[useMaterialTexture] Using ${y} for ${f.url}`), D.load(
+        f.url,
+        (w) => {
+          var k, O, W, N, X, H;
+          if (T.current.delete(S), m) {
+            console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${f.materialName}.${f.textureType}`), w.dispose();
             return;
           }
-          const D = ((L = x.image) == null ? void 0 : L.width) || ((B = (N = x.source) == null ? void 0 : N.data) == null ? void 0 : B.width) || "unknown", $ = ((X = x.image) == null ? void 0 : X.height) || ((_ = (O = x.source) == null ? void 0 : O.data) == null ? void 0 : _.height) || "unknown";
-          console.log(`[useMaterialTexture] ✅ Loaded: ${d.materialName}.${d.textureType} (${D}x${$})`), x.colorSpace = d.textureType === "map" || d.textureType === "emissiveMap" ? E.SRGBColorSpace : E.NoColorSpace, x.wrapS = E.RepeatWrapping, x.wrapT = E.RepeatWrapping, x.flipY = !1, h.current.set(T, x), r(d.material, d.textureType, x);
-          const k = d.url.endsWith(".ktx2") ? 500 : 150;
-          console.log(`[useMaterialTexture] Waiting111111 ${k}ms before next texture...`), setTimeout(R, 0);
+          const j = ((k = w.image) == null ? void 0 : k.width) || ((W = (O = w.source) == null ? void 0 : O.data) == null ? void 0 : W.width) || "unknown", b = ((N = w.image) == null ? void 0 : N.height) || ((H = (X = w.source) == null ? void 0 : X.data) == null ? void 0 : H.height) || "unknown";
+          console.log(`[useMaterialTexture] ✅ Loaded: ${f.materialName}.${f.textureType} (${j}x${b})`), w.colorSpace = f.textureType === "map" || f.textureType === "emissiveMap" ? E.SRGBColorSpace : E.NoColorSpace, w.wrapS = E.RepeatWrapping, w.wrapT = E.RepeatWrapping, w.flipY = !1, M.current.set(S, w), r(f.material, f.textureType, w);
+          const C = z(f.url) ? 500 : 150;
+          console.log(`[useMaterialTexture] Waiting111111 ${C}ms before next texture...`), setTimeout(R, 0);
         },
-        (x) => {
-          if (x.lengthComputable) {
-            const D = Math.round(x.loaded / x.total * 100);
-            D % 25 === 0 && console.log(`[useMaterialTexture] Progress ${d.materialName}.${d.textureType}: ${D}%`);
+        (w) => {
+          if (w.lengthComputable) {
+            const j = Math.round(w.loaded / w.total * 100);
+            j % 25 === 0 && console.log(`[useMaterialTexture] Progress ${f.materialName}.${f.textureType}: ${j}%`);
           }
         },
-        (x) => {
-          S.current.delete(T), m || (console.error(`[useMaterialTexture] ❌ Failed to load ${d.materialName}.${d.textureType} from ${d.url}`), console.error("[useMaterialTexture] Error details:", x), console.error("[useMaterialTexture] Loader type:", c), d.url.endsWith(".ktx2") && (console.error("[useMaterialTexture] KTX2 error - file may not be in Basis Universal format!"), console.error("[useMaterialTexture] Make sure files are created with: gltf-transform etc1s input.png output.ktx2"))), setTimeout(R, 100);
+        (w) => {
+          T.current.delete(S), m || (console.error(`[useMaterialTexture] ❌ Failed to load ${f.materialName}.${f.textureType} from ${f.url}`), console.error("[useMaterialTexture] Error details:", w), console.error("[useMaterialTexture] Loader type:", y), z(f.url) && (console.error("[useMaterialTexture] KTX2 error - file may not be in Basis Universal format!"), console.error("[useMaterialTexture] Make sure files are created with: gltf-transform etc1s input.png output.ktx2"))), setTimeout(R, 100);
         }
       );
     };
     return R(), () => {
       console.log("[useMaterialTexture] Cleanup: disposed"), m = !0;
     };
-  }, [n, e, t]);
-  const r = (o, l, m) => {
-    var b, f;
-    switch (console.log(`[useMaterialTexture] 🎨 Applying texture: ${o.name}.${l} (texture uuid: ${m.uuid})`), l) {
+  }, [t, e, s]);
+  const r = (o, i, m) => {
+    var $, p;
+    switch (console.log(`[useMaterialTexture] 🎨 Applying texture: ${o.name}.${i} (texture uuid: ${m.uuid})`), i) {
       case "map":
         o.map = m;
         break;
@@ -436,407 +463,407 @@ function Y(n, e) {
         o.aoMap = m;
         break;
     }
-    o.needsUpdate = !0, console.log(`[useMaterialTexture] ✅ Applied ${l} to ${o.name}, needsUpdate=true`), console.log(`[useMaterialTexture] 📊 Material "${o.name}" FINAL state:`), console.log(`  - map: ${o.map ? "EXISTS" : "null"} ${o.map ? `(uuid: ${o.map.uuid}, colorSpace: ${o.map.colorSpace})` : ""}`), console.log(`  - normalMap: ${o.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${o.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${o.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${o.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${o.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${(b = o.color) == null ? void 0 : b.getHexString()}`), console.log(`  - emissive: ${(f = o.emissive) == null ? void 0 : f.getHexString()}`), console.log(`  - emissiveIntensity: ${o.emissiveIntensity}`), console.log(`  - roughness: ${o.roughness}`), console.log(`  - metalness: ${o.metalness}`);
-  }, i = C((o, l) => {
-    const m = typeof l == "string" ? { map: l } : l, b = a.current.get(o);
-    if (!b || !b.isMeshStandardMaterial) {
+    o.needsUpdate = !0, console.log(`[useMaterialTexture] ✅ Applied ${i} to ${o.name}, needsUpdate=true`), console.log(`[useMaterialTexture] 📊 Material "${o.name}" FINAL state:`), console.log(`  - map: ${o.map ? "EXISTS" : "null"} ${o.map ? `(uuid: ${o.map.uuid}, colorSpace: ${o.map.colorSpace})` : ""}`), console.log(`  - normalMap: ${o.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${o.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${o.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${o.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${o.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${($ = o.color) == null ? void 0 : $.getHexString()}`), console.log(`  - emissive: ${(p = o.emissive) == null ? void 0 : p.getHexString()}`), console.log(`  - emissiveIntensity: ${o.emissiveIntensity}`), console.log(`  - roughness: ${o.roughness}`), console.log(`  - metalness: ${o.metalness}`);
+  }, c = I((o, i) => {
+    const m = typeof i == "string" ? { map: i } : i, $ = a.current.get(o);
+    if (!$ || !$.isMeshStandardMaterial) {
       console.warn(`Material "${o}" not found or not MeshStandardMaterial`);
       return;
     }
-    const f = b;
+    const p = $;
     Object.entries(m).forEach(([v, R]) => {
       if (!R) return;
-      const d = `${o}_${v}_${R}`, T = h.current.get(d);
-      if (T) {
-        r(f, v, T);
+      const f = `${o}_${v}_${R}`, S = M.current.get(f);
+      if (S) {
+        r(p, v, S);
         return;
       }
-      t(R).load(
+      s(R).load(
         R,
-        (c) => {
-          c.colorSpace = v === "map" || v === "emissiveMap" ? E.SRGBColorSpace : E.NoColorSpace, c.wrapS = E.RepeatWrapping, c.wrapT = E.RepeatWrapping, h.current.set(d, c), r(f, v, c);
+        (y) => {
+          y.colorSpace = v === "map" || v === "emissiveMap" ? E.SRGBColorSpace : E.NoColorSpace, y.wrapS = E.RepeatWrapping, y.wrapT = E.RepeatWrapping, M.current.set(f, y), r(p, v, y);
         },
         void 0,
-        (c) => {
-          console.error(`Failed to load texture ${R}:`, c);
+        (y) => {
+          console.error(`Failed to load texture ${R}:`, y);
         }
       );
     });
-  }, [t]), p = C(() => Array.from(a.current.keys()).sort(), []), y = C((o) => {
-    const l = a.current.get(o);
-    if (!l || !l.isMeshStandardMaterial) return;
-    const m = l;
+  }, [s]), u = I(() => Array.from(a.current.keys()).sort(), []), h = I((o) => {
+    const i = a.current.get(o);
+    if (!i || !i.isMeshStandardMaterial) return;
+    const m = i;
     m.map = null, m.normalMap = null, m.roughnessMap = null, m.metalnessMap = null, m.emissiveMap = null, m.alphaMap = null, m.aoMap = null, m.needsUpdate = !0;
   }, []);
   return {
-    setMaterialTextures: i,
-    getMaterialNames: p,
-    clearMaterialTextures: y
+    setMaterialTextures: c,
+    getMaterialNames: u,
+    clearMaterialTextures: h
   };
 }
-function $e({
-  url: n,
+function Ae({
+  url: t,
   position: e = [0, 0, 0],
-  rotation: s = [0, 0, 0],
+  rotation: n = [0, 0, 0],
   scale: a = 1,
-  meshVisibility: u,
-  materialColors: M,
-  materialTextures: h,
-  onLoad: S,
+  meshVisibility: l,
+  materialColors: d,
+  materialTextures: M,
+  onLoad: T,
   onError: g
 }) {
-  const { scene: t } = H(n), r = w(S);
-  r.current = S;
-  const i = W(() => {
-    const y = t.clone();
+  const { scene: s } = U(t), r = A(T);
+  r.current = T;
+  const c = B(() => {
+    const h = s.clone();
     console.log("[Model] 🔍 Scene clone created, checking materials...");
-    const o = [], l = /* @__PURE__ */ new Set(), m = [];
-    let b = 0;
-    return y.traverse((f) => {
-      if (b++, f.type === "Bone" && m.push(f.name), f.isMesh) {
-        const v = f;
-        o.push(v.name), v.castShadow = !0, v.receiveShadow = !0, (Array.isArray(v.material) ? v.material : [v.material]).forEach((d) => {
-          l.add(d.name), console.log(`[Model] 📦 Material found: "${d.name}" (uuid: ${d.uuid})`);
-          const T = d;
-          console.log(`  - Has map: ${T.map ? "YES" : "NO"}`), console.log(`  - Has normalMap: ${T.normalMap ? "YES" : "NO"}`), console.log(`  - Has roughnessMap: ${T.roughnessMap ? "YES" : "NO"}`), console.log(`  - Has metalnessMap: ${T.metalnessMap ? "YES" : "NO"}`);
+    const o = [], i = /* @__PURE__ */ new Set(), m = [];
+    let $ = 0;
+    return h.traverse((p) => {
+      if ($++, p.type === "Bone" && m.push(p.name), p.isMesh) {
+        const v = p;
+        o.push(v.name), v.castShadow = !0, v.receiveShadow = !0, (Array.isArray(v.material) ? v.material : [v.material]).forEach((f) => {
+          i.add(f.name), console.log(`[Model] 📦 Material found: "${f.name}" (uuid: ${f.uuid})`);
+          const S = f;
+          console.log(`  - Has map: ${S.map ? "YES" : "NO"}`), console.log(`  - Has normalMap: ${S.normalMap ? "YES" : "NO"}`), console.log(`  - Has roughnessMap: ${S.roughnessMap ? "YES" : "NO"}`), console.log(`  - Has metalnessMap: ${S.metalnessMap ? "YES" : "NO"}`);
         });
       }
-    }), console.log(`[Model] 📊 Clone summary: ${o.length} meshes, ${l.size} materials`), setTimeout(() => {
-      var f;
-      (f = r.current) == null || f.call(r, {
+    }), console.log(`[Model] 📊 Clone summary: ${o.length} meshes, ${i.size} materials`), setTimeout(() => {
+      var p;
+      (p = r.current) == null || p.call(r, {
         meshes: o.sort(),
-        materials: Array.from(l).sort(),
+        materials: Array.from(i).sort(),
         bones: m.sort(),
-        nodeCount: b
+        nodeCount: $
       });
-    }, 0), y;
-  }, [t]);
-  return G(i, u), V(i, M), Y(i, h), /* @__PURE__ */ A("group", { position: e, rotation: s, scale: typeof a == "number" ? [a, a, a] : a, children: /* @__PURE__ */ A("primitive", { object: i }) });
+    }, 0), h;
+  }, [s]);
+  return Y(c, l), Z(c, d), q(c, M), /* @__PURE__ */ x("group", { position: e, rotation: n, scale: typeof a == "number" ? [a, a, a] : a, children: /* @__PURE__ */ x("primitive", { object: c }) });
 }
-$e.preload = (n) => {
-  H.preload(n);
+Ae.preload = (t) => {
+  U.preload(t);
 };
-function xe(n, e, s) {
-  const { actions: a, names: u } = de(n, e), M = w(null), h = w(s == null ? void 0 : s.defaultAnimation);
-  I(() => {
-    if (u.length === 0) return;
-    const r = h.current;
-    let i = u[0];
+function ve(t, e, n) {
+  const { actions: a, names: l } = he(t, e), d = A(null), M = A(n == null ? void 0 : n.defaultAnimation);
+  L(() => {
+    if (l.length === 0) return;
+    const r = M.current;
+    let c = l[0];
     if (r) {
-      const y = u.find((o) => o === r || o.includes(r));
-      y && (i = y);
+      const h = l.find((o) => o === r || o.includes(r));
+      h && (c = h);
     }
-    const p = a[i];
-    p && (p.reset().fadeIn(0.5).play(), M.current = p);
-  }, [a, u]);
-  const S = C(
-    (r, i) => {
+    const u = a[c];
+    u && (u.reset().fadeIn(0.5).play(), d.current = u);
+  }, [a, l]);
+  const T = I(
+    (r, c) => {
       const {
-        loop: p = !1,
-        crossFadeDuration: y = 0.2,
+        loop: u = !1,
+        crossFadeDuration: h = 0.2,
         restoreDefault: o = !0
-      } = i || {};
-      let l = a[r];
-      if (!l) {
-        const b = Object.keys(a).find(
-          (f) => f.toLowerCase().includes(r.toLowerCase()) || r.toLowerCase().includes(f.toLowerCase())
+      } = c || {};
+      let i = a[r];
+      if (!i) {
+        const $ = Object.keys(a).find(
+          (p) => p.toLowerCase().includes(r.toLowerCase()) || r.toLowerCase().includes(p.toLowerCase())
         );
-        b && (l = a[b]);
+        $ && (i = a[$]);
       }
-      if (!l) {
-        console.warn(`Animation "${r}" not found. Available: ${u.join(", ")}`);
+      if (!i) {
+        console.warn(`Animation "${r}" not found. Available: ${l.join(", ")}`);
         return;
       }
-      const m = M.current;
-      if (!(m === l && l.isRunning()) && (m && m !== l && m.fadeOut(y), l.reset(), l.fadeIn(y), l.setLoop(
-        p ? E.LoopRepeat : E.LoopOnce,
-        p ? 1 / 0 : 1
-      ), l.clampWhenFinished = !p, l.play(), p || l.getMixer().update(0), M.current = l, o && !p && h.current)) {
-        const b = l.getMixer(), f = (v) => {
-          if (v.action === l) {
-            b.removeEventListener("finished", f);
-            const R = a[h.current];
-            R && (l.fadeOut(y), R.reset().fadeIn(y).play(), M.current = R);
+      const m = d.current;
+      if (!(m === i && i.isRunning()) && (m && m !== i && m.fadeOut(h), i.reset(), i.fadeIn(h), i.setLoop(
+        u ? E.LoopRepeat : E.LoopOnce,
+        u ? 1 / 0 : 1
+      ), i.clampWhenFinished = !u, i.play(), u || i.getMixer().update(0), d.current = i, o && !u && M.current)) {
+        const $ = i.getMixer(), p = (v) => {
+          if (v.action === i) {
+            $.removeEventListener("finished", p);
+            const R = a[M.current];
+            R && (i.fadeOut(h), R.reset().fadeIn(h).play(), d.current = R);
           }
         };
-        b.addEventListener("finished", f);
+        $.addEventListener("finished", p);
       }
     },
-    [a, u]
-  ), g = C(() => {
+    [a, l]
+  ), g = I(() => {
     var r;
-    (r = M.current) == null || r.fadeOut(0.2), M.current = null;
-  }, []), t = C(() => u, [u]);
+    (r = d.current) == null || r.fadeOut(0.2), d.current = null;
+  }, []), s = I(() => l, [l]);
   return {
-    playAnimation: S,
+    playAnimation: T,
     stopAnimation: g,
-    getAnimationNames: t,
+    getAnimationNames: s,
     actions: a
   };
 }
-function ne(n, e) {
-  const s = w(e || {}), a = w([]), u = w([]);
-  I(() => {
-    const g = /* @__PURE__ */ new Set(), t = [];
-    n.traverse((r) => {
-      r instanceof E.Mesh && r.morphTargetDictionary && r.morphTargetInfluences && (t.push(r), Object.keys(r.morphTargetDictionary).forEach((i) => {
-        g.add(i);
+function ae(t, e) {
+  const n = A(e || {}), a = A([]), l = A([]);
+  L(() => {
+    const g = /* @__PURE__ */ new Set(), s = [];
+    t.traverse((r) => {
+      r instanceof E.Mesh && r.morphTargetDictionary && r.morphTargetInfluences && (s.push(r), Object.keys(r.morphTargetDictionary).forEach((c) => {
+        g.add(c);
       }));
-    }), a.current = Array.from(g).sort(), u.current = t;
-  }, [n]), z(() => {
-    const g = s.current;
-    u.current.forEach((t) => {
-      !t.morphTargetDictionary || !t.morphTargetInfluences || Object.entries(g).forEach(([r, i]) => {
-        const p = t.morphTargetDictionary[r];
-        p !== void 0 && (t.morphTargetInfluences[p] = i);
+    }), a.current = Array.from(g).sort(), l.current = s;
+  }, [t]), V(() => {
+    const g = n.current;
+    l.current.forEach((s) => {
+      !s.morphTargetDictionary || !s.morphTargetInfluences || Object.entries(g).forEach(([r, c]) => {
+        const u = s.morphTargetDictionary[r];
+        u !== void 0 && (s.morphTargetInfluences[u] = c);
       });
     });
-  }), I(() => {
-    e && (s.current = { ...e });
+  }), L(() => {
+    e && (n.current = { ...e });
   }, [e]);
-  const M = C((g, t) => {
-    s.current[g] = Math.max(0, Math.min(1, t));
-  }, []), h = C(() => a.current, []), S = C(() => ({ ...s.current }), []);
+  const d = I((g, s) => {
+    n.current[g] = Math.max(0, Math.min(1, s));
+  }, []), M = I(() => a.current, []), T = I(() => ({ ...n.current }), []);
   return {
-    setMorphTarget: M,
-    getMorphTargetNames: h,
-    getMorphTargetValues: S
+    setMorphTarget: d,
+    getMorphTargetNames: M,
+    getMorphTargetValues: T
   };
 }
-const ae = ie(null);
-function Ae() {
-  const n = ce(ae);
-  if (!n)
+const ie = ce(null);
+function Ee() {
+  const t = ue(ie);
+  if (!t)
     throw new Error("BoneAttachment must be used within an AnimatedModel");
-  return n;
+  return t;
 }
-const le = ee(
+const le = te(
   ({
-    url: n,
+    url: t,
     position: e = [0, 0, 0],
-    rotation: s = [0, 0, 0],
+    rotation: n = [0, 0, 0],
     scale: a = 1,
-    defaultAnimation: u,
-    morphTargets: M,
-    meshVisibility: h,
-    materialColors: S,
+    defaultAnimation: l,
+    morphTargets: d,
+    meshVisibility: M,
+    materialColors: T,
     materialTextures: g,
-    onLoad: t,
+    onLoad: s,
     onError: r,
-    children: i
-  }, p) => {
-    const y = w(null), o = w([]), l = w(t);
-    l.current = t;
-    const { scene: m, animations: b } = H(n), f = W(() => re.clone(m), [m]), { playAnimation: v, stopAnimation: R, getAnimationNames: d } = xe(
-      b,
-      f,
-      { defaultAnimation: u }
-    ), { setMorphTarget: T } = ne(
-      f,
+    children: c
+  }, u) => {
+    const h = A(null), o = A([]), i = A(s);
+    i.current = s;
+    const { scene: m, animations: $ } = U(t), p = B(() => oe.clone(m), [m]), { playAnimation: v, stopAnimation: R, getAnimationNames: f } = ve(
+      $,
+      p,
+      { defaultAnimation: l }
+    ), { setMorphTarget: S } = ae(
+      p,
+      d
+    ), { setMeshVisibility: D, getMeshNames: y } = Y(
+      p,
       M
-    ), { setMeshVisibility: j, getMeshNames: c } = G(
-      f,
-      h
-    ), { setMaterialColor: x, getMaterialNames: D, getMaterialColor: $ } = V(
-      f,
-      S
-    ), { setMaterialTextures: k, clearMaterialTextures: L } = Y(
-      f,
+    ), { setMaterialColor: w, getMaterialNames: j, getMaterialColor: b } = Z(
+      p,
+      T
+    ), { setMaterialTextures: C, clearMaterialTextures: k } = q(
+      p,
       g
     );
-    I(() => {
-      if (!f) return;
-      const X = setTimeout(() => {
-        var J;
-        const O = [], _ = [], F = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new Set();
-        let q = 0;
-        f.traverse((K) => {
-          if (q++, K.type === "Bone" && O.push(K.name), K.isMesh) {
+    L(() => {
+      if (!p) return;
+      const N = setTimeout(() => {
+        var ee;
+        const X = [], H = [], _ = /* @__PURE__ */ new Set(), J = /* @__PURE__ */ new Set();
+        let Q = 0;
+        p.traverse((K) => {
+          if (Q++, K.type === "Bone" && X.push(K.name), K.isMesh) {
             const P = K;
-            _.push(P.name), P.castShadow = !0, P.receiveShadow = !0, (Array.isArray(P.material) ? P.material : [P.material]).forEach((U) => {
-              F.add(U.name), U.shadowSide = E.DoubleSide;
-            }), P.morphTargetDictionary && Object.keys(P.morphTargetDictionary).forEach((U) => {
-              Z.add(U);
+            H.push(P.name), P.castShadow = !0, P.receiveShadow = !0, (Array.isArray(P.material) ? P.material : [P.material]).forEach((F) => {
+              _.add(F.name), F.shadowSide = E.DoubleSide;
+            }), P.morphTargetDictionary && Object.keys(P.morphTargetDictionary).forEach((F) => {
+              J.add(F);
             });
           }
-        }), o.current = Array.from(Z).sort(), (J = l.current) == null || J.call(l, {
-          meshes: _.sort(),
-          materials: Array.from(F).sort(),
-          bones: O.sort(),
-          nodeCount: q,
-          animations: b.map((K) => K.name),
+        }), o.current = Array.from(J).sort(), (ee = i.current) == null || ee.call(i, {
+          meshes: H.sort(),
+          materials: Array.from(_).sort(),
+          bones: X.sort(),
+          nodeCount: Q,
+          animations: $.map((K) => K.name),
           morphTargetNames: o.current
         });
       }, 0);
-      return () => clearTimeout(X);
-    }, [f, b]), te(p, () => ({
+      return () => clearTimeout(N);
+    }, [p, $]), re(u, () => ({
       playAnimation: v,
       stopAnimation: R,
-      getAnimationNames: d,
-      getGroup: () => y.current,
-      setMorphTarget: T,
+      getAnimationNames: f,
+      getGroup: () => h.current,
+      setMorphTarget: S,
       getMorphTargetNames: () => o.current,
-      setMeshVisibility: j,
-      getMeshNames: c,
-      setMaterialColor: x,
-      getMaterialNames: D,
-      getMaterialColor: $,
-      setMaterialTextures: k,
-      clearMaterialTextures: L
+      setMeshVisibility: D,
+      getMeshNames: y,
+      setMaterialColor: w,
+      getMaterialNames: j,
+      getMaterialColor: b,
+      setMaterialTextures: C,
+      clearMaterialTextures: k
     }));
-    const N = W(
+    const O = B(
       () => ({
-        scene: f,
-        getBone: (X) => f.getObjectByName(X) || null
+        scene: p,
+        getBone: (N) => p.getObjectByName(N) || null
       }),
-      [f]
-    ), B = typeof a == "number" ? [a, a, a] : a;
-    return /* @__PURE__ */ A(ae.Provider, { value: N, children: /* @__PURE__ */ se(
+      [p]
+    ), W = typeof a == "number" ? [a, a, a] : a;
+    return /* @__PURE__ */ x(ie.Provider, { value: O, children: /* @__PURE__ */ se(
       "group",
       {
-        ref: y,
+        ref: h,
         position: e,
-        rotation: s,
-        scale: B,
+        rotation: n,
+        scale: W,
         children: [
-          /* @__PURE__ */ A("primitive", { object: f }),
-          i
+          /* @__PURE__ */ x("primitive", { object: p }),
+          c
         ]
       }
     ) });
   }
 );
 le.displayName = "AnimatedModel";
-le.preload = (n) => {
-  H.preload(n);
+le.preload = (t) => {
+  U.preload(t);
 };
-const we = ee(
+const Re = te(
   ({
-    url: n,
+    url: t,
     position: e = [0, 0, 0],
-    rotation: s = [0, 0, 0],
+    rotation: n = [0, 0, 0],
     scale: a = 1,
-    morphTargets: u,
-    meshVisibility: M,
-    materialColors: h,
-    materialTextures: S,
+    morphTargets: l,
+    meshVisibility: d,
+    materialColors: M,
+    materialTextures: T,
     onMorphTargetsFound: g,
-    onLoad: t,
+    onLoad: s,
     onError: r
-  }, i) => {
-    const { scene: p } = H(n), y = w(t);
-    y.current = t;
-    const o = w(g);
+  }, c) => {
+    const { scene: u } = U(t), h = A(s);
+    h.current = s;
+    const o = A(g);
     o.current = g;
-    const l = W(() => p.clone(), [p]), { setMorphTarget: m, getMorphTargetNames: b, getMorphTargetValues: f } = ne(
-      l,
-      u
-    ), { setMeshVisibility: v, getMeshNames: R } = G(
-      l,
+    const i = B(() => u.clone(), [u]), { setMorphTarget: m, getMorphTargetNames: $, getMorphTargetValues: p } = ae(
+      i,
+      l
+    ), { setMeshVisibility: v, getMeshNames: R } = Y(
+      i,
+      d
+    ), { setMaterialColor: f, getMaterialNames: S, getMaterialColor: D } = Z(
+      i,
       M
-    ), { setMaterialColor: d, getMaterialNames: T, getMaterialColor: j } = V(
-      l,
-      h
-    ), { setMaterialTextures: c, clearMaterialTextures: x } = Y(
-      l,
-      S
+    ), { setMaterialTextures: y, clearMaterialTextures: w } = q(
+      i,
+      T
     );
-    return I(() => {
-      var k;
-      const $ = b();
-      $.length > 0 && ((k = o.current) == null || k.call(o, $));
-    }, [l, b]), I(() => {
-      var B;
-      if (!l) return;
-      const $ = [], k = /* @__PURE__ */ new Set(), L = [];
-      let N = 0;
-      l.traverse((X) => {
-        if (N++, X.type === "Bone" && L.push(X.name), X.isMesh) {
-          const O = X;
-          $.push(O.name), O.castShadow = !0, O.receiveShadow = !0, (Array.isArray(O.material) ? O.material : [O.material]).forEach((F) => k.add(F.name));
+    return L(() => {
+      var C;
+      const b = $();
+      b.length > 0 && ((C = o.current) == null || C.call(o, b));
+    }, [i, $]), L(() => {
+      var W;
+      if (!i) return;
+      const b = [], C = /* @__PURE__ */ new Set(), k = [];
+      let O = 0;
+      i.traverse((N) => {
+        if (O++, N.type === "Bone" && k.push(N.name), N.isMesh) {
+          const X = N;
+          b.push(X.name), X.castShadow = !0, X.receiveShadow = !0, (Array.isArray(X.material) ? X.material : [X.material]).forEach((_) => C.add(_.name));
         }
-      }), (B = y.current) == null || B.call(y, {
-        meshes: $.sort(),
-        materials: Array.from(k).sort(),
-        bones: L.sort(),
-        nodeCount: N
+      }), (W = h.current) == null || W.call(h, {
+        meshes: b.sort(),
+        materials: Array.from(C).sort(),
+        bones: k.sort(),
+        nodeCount: O
       });
-    }, [l]), te(i, () => ({
+    }, [i]), re(c, () => ({
       setMorphTarget: m,
-      getMorphTargetNames: b,
-      getMorphTargetValues: f,
+      getMorphTargetNames: $,
+      getMorphTargetValues: p,
       setMeshVisibility: v,
       getMeshNames: R,
-      setMaterialColor: d,
-      getMaterialNames: T,
-      getMaterialColor: j,
-      setMaterialTextures: c,
-      clearMaterialTextures: x
-    })), /* @__PURE__ */ A("group", { position: e, rotation: s, scale: typeof a == "number" ? [a, a, a] : a, children: /* @__PURE__ */ A("primitive", { object: l }) });
+      setMaterialColor: f,
+      getMaterialNames: S,
+      getMaterialColor: D,
+      setMaterialTextures: y,
+      clearMaterialTextures: w
+    })), /* @__PURE__ */ x("group", { position: e, rotation: n, scale: typeof a == "number" ? [a, a, a] : a, children: /* @__PURE__ */ x("primitive", { object: i }) });
   }
 );
-we.displayName = "MorphableModel";
-function De({
-  children: n,
+Re.displayName = "MorphableModel";
+function Ne({
+  children: t,
   bone: e,
-  position: s = [0, 0, 0],
+  position: n = [0, 0, 0],
   rotation: a = [0, 0, 0],
-  scale: u = 1
+  scale: l = 1
 }) {
-  const { getBone: M } = Ae(), [h, S] = ue(null);
-  return I(() => {
-    const t = M(e);
-    t ? S(t) : console.warn(`Bone "${e}" not found in model`);
-  }, [e, M]), h ? ge(
-    /* @__PURE__ */ A(
+  const { getBone: d } = Ee(), [M, T] = me(null);
+  return L(() => {
+    const s = d(e);
+    s ? T(s) : console.warn(`Bone "${e}" not found in model`);
+  }, [e, d]), M ? ye(
+    /* @__PURE__ */ x(
       "group",
       {
-        position: s,
+        position: n,
         rotation: a,
-        scale: typeof u == "number" ? [u, u, u] : u,
-        children: n
+        scale: typeof l == "number" ? [l, l, l] : l,
+        children: t
       }
     ),
-    h
+    M
   ) : null;
 }
-function Oe(n, e) {
-  const { scene: s, animations: a } = H(n), u = W(() => re.clone(s), [s]);
-  return I(() => {
-    var t;
-    if (!u) return;
-    const M = [], h = [], S = /* @__PURE__ */ new Set();
+function De(t, e) {
+  const { scene: n, animations: a } = U(t), l = B(() => oe.clone(n), [n]);
+  return L(() => {
+    var s;
+    if (!l) return;
+    const d = [], M = [], T = /* @__PURE__ */ new Set();
     let g = 0;
-    u.traverse((r) => {
-      if (g++, r.type === "Bone" && M.push(r.name), r.isMesh) {
-        const i = r;
-        h.push(i.name), i.castShadow = !0, i.receiveShadow = !0, (Array.isArray(i.material) ? i.material : [i.material]).forEach((y) => {
-          S.add(y.name), y.shadowSide = E.DoubleSide;
+    l.traverse((r) => {
+      if (g++, r.type === "Bone" && d.push(r.name), r.isMesh) {
+        const c = r;
+        M.push(c.name), c.castShadow = !0, c.receiveShadow = !0, (Array.isArray(c.material) ? c.material : [c.material]).forEach((h) => {
+          T.add(h.name), h.shadowSide = E.DoubleSide;
         });
       }
-    }), (t = e == null ? void 0 : e.onLoad) == null || t.call(e, {
-      meshes: h.sort(),
-      materials: Array.from(S).sort(),
-      bones: M.sort(),
+    }), (s = e == null ? void 0 : e.onLoad) == null || s.call(e, {
+      meshes: M.sort(),
+      materials: Array.from(T).sort(),
+      bones: d.sort(),
       nodeCount: g
     });
-  }, [u, e]), { scene: u, animations: a };
+  }, [l, e]), { scene: l, animations: a };
 }
-function Xe(n) {
-  H.preload(n);
+function Pe(t) {
+  U.preload(t);
 }
 export {
   le as AnimatedModel,
-  De as BoneAttachment,
-  $e as Model,
-  we as MorphableModel,
-  Le as Scene3D,
-  Xe as preloadModel,
-  xe as useAnimationController,
-  Oe as useClonedModel,
-  V as useMaterialColor,
-  Y as useMaterialTexture,
-  G as useMeshVisibility,
-  ne as useMorphTargets
+  Ne as BoneAttachment,
+  Ae as Model,
+  Re as MorphableModel,
+  Xe as Scene3D,
+  Pe as preloadModel,
+  ve as useAnimationController,
+  De as useClonedModel,
+  Z as useMaterialColor,
+  q as useMaterialTexture,
+  Y as useMeshVisibility,
+  ae as useMorphTargets
 };
 //# sourceMappingURL=mbt-3d.js.map