mbt-3d 0.3.3 → 0.3.5

package/dist/mbt-3d.js

@@ -1,134 +1,134 @@
-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 { Suspense as Q, useMemo as W, useRef as w, useEffect as I, useCallback as R, 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 * 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 * as oe from "three/examples/jsm/utils/SkeletonUtils.js";
+import { Canvas as ge, useThree as re, useFrame as z, createPortal as Me } 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,
-  controlsConfig: e
+  position: a,
+  controlsConfig: o
 }) {
-  const { camera: s } = oe(), a = w(null);
+  const { camera: s } = re(), n = 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(
+    a && s && (s.position.set(a[0], a[1], a[2]), s.updateProjectionMatrix(), n.current && (n.current.target.set(0, 0, 0), n.current.update()));
+  }, [a, s]), /* @__PURE__ */ A(
     me,
     {
-      ref: a,
+      ref: n,
       makeDefault: !0,
-      enabled: e.enabled,
-      enablePan: e.enablePan,
-      enableZoom: e.enableZoom,
-      enableRotate: e.enableRotate,
-      minDistance: e.minDistance,
-      maxDistance: e.maxDistance,
-      minPolarAngle: e.minPolarAngle,
-      maxPolarAngle: e.maxPolarAngle,
-      autoRotate: e.autoRotate,
-      autoRotateSpeed: e.autoRotateSpeed
+      enabled: o.enabled,
+      enablePan: o.enablePan,
+      enableZoom: o.enableZoom,
+      enableRotate: o.enableRotate,
+      minDistance: o.minDistance,
+      maxDistance: o.maxDistance,
+      minPolarAngle: o.minPolarAngle,
+      maxPolarAngle: o.maxPolarAngle,
+      autoRotate: o.autoRotate,
+      autoRotateSpeed: o.autoRotateSpeed
     }
   );
 }
-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 Te({ background: a }) {
+  const o = a == null ? void 0 : a.startsWith("#");
+  return a ? o ? /* @__PURE__ */ A("color", { attach: "background", args: [a] }) : /* @__PURE__ */ A(Se, { url: a }) : null;
 }
-function Se({ url: n }) {
-  const e = fe(n);
+function Se({ url: a }) {
+  const o = fe(a);
   return W(() => {
-    e.colorSpace = E.SRGBColorSpace;
-  }, [e]), /* @__PURE__ */ A("primitive", { attach: "background", object: e });
+    o.colorSpace = E.SRGBColorSpace;
+  }, [o]), /* @__PURE__ */ A("primitive", { attach: "background", object: o });
 }
-function be({ config: n }) {
-  switch (n.type) {
+function $e({ config: a }) {
+  switch (a.type) {
     case "spot": {
       const {
-        position: e = [5, 10, 5],
+        position: o = [5, 10, 5],
         intensity: s = 50,
-        castShadow: a = !0,
-        angle: u = Math.PI / 6,
-        penumbra: M = 0.5,
-        decay: h = 2,
+        castShadow: n = !0,
+        angle: p = Math.PI / 6,
+        penumbra: g = 0.5,
+        decay: y = 2,
         distance: S = 0,
-        color: g = "#ffffff"
-      } = n;
+        color: h = "#ffffff"
+      } = a;
       return /* @__PURE__ */ A(
         "spotLight",
         {
-          position: e,
+          position: o,
           intensity: s,
-          castShadow: a,
-          angle: u,
-          penumbra: M,
-          decay: h,
+          castShadow: n,
+          angle: p,
+          penumbra: g,
+          decay: y,
           distance: S,
-          color: g
+          color: h
         }
       );
     }
     case "point": {
       const {
-        position: e = [0, 5, 0],
+        position: o = [0, 5, 0],
         intensity: s = 20,
-        color: a = "#ffffff",
-        distance: u = 0,
-        decay: M = 2,
-        castShadow: h = !1
-      } = n;
+        color: n = "#ffffff",
+        distance: p = 0,
+        decay: g = 2,
+        castShadow: y = !1
+      } = a;
       return /* @__PURE__ */ A(
         "pointLight",
         {
-          position: e,
+          position: o,
           intensity: s,
-          color: a,
-          distance: u,
-          decay: M,
-          castShadow: h
+          color: n,
+          distance: p,
+          decay: g,
+          castShadow: y
         }
       );
     }
     case "directional": {
       const {
-        position: e = [10, 20, 10],
+        position: o = [10, 20, 10],
         intensity: s = 40,
-        color: a = "#ffffff",
-        castShadow: u = !0
-      } = n;
+        color: n = "#ffffff",
+        castShadow: p = !0
+      } = a;
       return /* @__PURE__ */ A(
         "directionalLight",
         {
-          position: e,
+          position: o,
           intensity: s,
-          color: a,
-          castShadow: u
+          color: n,
+          castShadow: p
         }
       );
     }
     case "hemisphere": {
       const {
-        skyColor: e = "#ffffff",
+        skyColor: o = "#ffffff",
         groundColor: s = "#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]);
+        intensity: n = 0.5,
+        position: p = [0, 10, 0]
+      } = a, g = W(() => new E.Color(o), [o]), y = W(() => new E.Color(s), [s]);
       return /* @__PURE__ */ A(
         "hemisphereLight",
         {
-          args: [M, h, a],
-          position: u
+          args: [g, y, n],
+          position: p
         }
       );
     }
     case "ambient": {
       const {
-        intensity: e = 0.5,
+        intensity: o = 0.5,
         color: s = "#ffffff"
-      } = n;
+      } = a;
       return /* @__PURE__ */ A(
         "ambientLight",
         {
-          intensity: e,
+          intensity: o,
           color: s
         }
       );
@@ -138,23 +138,23 @@ function be({ config: n }) {
   }
 }
 function Le({
-  children: n,
-  camera: e = {},
+  children: a,
+  camera: o = {},
   controls: s = {},
-  background: a,
-  shadows: u = !0,
-  lights: M = [
+  background: n,
+  shadows: p = !0,
+  lights: g = [
     { type: "ambient", intensity: 0.5 },
     { type: "spot", position: [5, 10, 5], intensity: 50, castShadow: !0 }
   ],
-  contactShadows: h = !0,
+  contactShadows: y = !0,
   style: S,
-  className: g
+  className: h
 }) {
   const t = {
-    position: e.position || [0, 2, 5],
-    fov: e.fov || 45
-  }, r = {
+    position: o.position || [0, 2, 5],
+    fov: o.fov || 45
+  }, e = {
     enabled: s.enabled ?? !0,
     enablePan: s.enablePan ?? !0,
     enableZoom: s.enableZoom ?? !0,
@@ -165,29 +165,29 @@ function Le({
     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(
-    Me,
+  }, i = typeof y == "object" ? {
+    position: y.position || [0, -1, 0],
+    opacity: y.opacity ?? 0.5,
+    blur: y.blur ?? 2
+  } : y ? { position: [0, -1, 0], opacity: 0.5, blur: 2 } : null;
+  return /* @__PURE__ */ A("div", { style: S, className: h, children: /* @__PURE__ */ se(
+    ge,
     {
-      shadows: u,
+      shadows: p,
       camera: {
         position: t.position,
         fov: t.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(Q, { fallback: null, children: /* @__PURE__ */ A(Te, { background: n }) }),
+        g.map((c, M) => /* @__PURE__ */ A($e, { config: c }, `${c.type}-${M}`)),
+        /* @__PURE__ */ A(Q, { fallback: null, children: a }),
         /* @__PURE__ */ A(
           ye,
           {
             position: t.position,
-            controlsConfig: r
+            controlsConfig: e
           }
         ),
         i && /* @__PURE__ */ A(
@@ -202,199 +202,207 @@ function Le({
     }
   ) });
 }
-function G(n, e) {
-  const s = w(/* @__PURE__ */ new Map()), a = w({}), u = w({});
+function G(a, o) {
+  const s = w(/* @__PURE__ */ new Map()), n = w({}), p = w({});
   I(() => {
-    e && (a.current = { ...e });
-  }, [e]), I(() => {
-    if (!n) return;
-    const g = /* @__PURE__ */ new Map();
-    n.traverse((t) => {
+    o && (n.current = { ...o });
+  }, [o]), I(() => {
+    if (!a) return;
+    const h = /* @__PURE__ */ new Map();
+    a.traverse((t) => {
       if (t.isMesh) {
-        const r = t;
-        r.name && g.set(r.name, r);
+        const e = t;
+        e.name && h.set(e.name, e);
       }
-    }), s.current = g;
-  }, [n]), z(() => {
-    const g = s.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);
+    }), s.current = h;
+  }, [a]), z(() => {
+    const h = s.current;
+    if (h.size === 0) return;
+    const t = { ...n.current, ...p.current };
+    for (const [e, i] of Object.entries(t)) {
+      const c = h.get(e);
+      c && c.visible !== i && (c.visible = i);
     }
   });
-  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 g = {};
-    return s.current.forEach((t, r) => {
-      g[r] = t.visible;
-    }), g;
+  const g = R((h, t) => {
+    p.current[h] = t;
+    const e = s.current.get(h);
+    e && (e.visible = t);
+  }, []), y = R(() => Array.from(s.current.keys()).sort(), []), S = R(() => {
+    const h = {};
+    return s.current.forEach((t, e) => {
+      h[e] = t.visible;
+    }), h;
   }, []);
   return {
-    setMeshVisibility: M,
-    getMeshNames: h,
+    setMeshVisibility: g,
+    getMeshNames: y,
     getMeshVisibility: S
   };
 }
-function V(n, e) {
-  const s = w(/* @__PURE__ */ new Map()), a = w(/* @__PURE__ */ new Map());
+function V(a, o) {
+  const s = w(/* @__PURE__ */ new Map()), n = w(/* @__PURE__ */ new Map());
   I(() => {
-    if (!n) return;
+    if (!a) return;
     const t = /* @__PURE__ */ new Map();
-    n.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);
+    a.traverse((e) => {
+      if (e.isMesh) {
+        const i = e;
+        (Array.isArray(i.material) ? i.material : [i.material]).forEach((M) => {
+          M.name && !t.has(M.name) && t.set(M.name, M);
         });
       }
-    }), 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);
+    }), s.current = t, console.log("[useMaterialColor] 🎨 Discovered materials:", Array.from(t.keys())), t.forEach((e, i) => {
+      if (!Array.isArray(e)) {
+        const c = e;
+        if (c.color) {
+          const M = c.color.clone();
+          console.log(`[useMaterialColor] 📋 Original color for "${i}": ${M.getHexString()}`), c.color.set(16777215), c.needsUpdate = !0, console.log(`[useMaterialColor] ✅ Reset "${i}" to white (0xffffff)`), n.current.set(i, c.color.clone());
+        }
+      }
+    }), o && Object.entries(o).forEach(([e, i]) => {
+      const c = t.get(e);
+      if (c && !Array.isArray(c)) {
+        const M = p(i);
+        c.color && c.color.copy(M), n.current.set(e, M), console.log(`[useMaterialColor] 🎨 Applied custom color for "${e}": ${M.getHexString()}`);
       }
     });
-  }, [n, e]), z(() => {
-    a.current.forEach((t, r) => {
-      const i = s.current.get(r);
+  }, [a, o]), z(() => {
+    n.current.forEach((t, e) => {
+      const i = s.current.get(e);
       if (i && !Array.isArray(i)) {
-        const p = i;
-        p.color && !p.color.equals(t) && (p.color.copy(t), p.needsUpdate = !0);
+        const c = i;
+        c.color && !c.color.equals(t) && (console.log(`[useMaterialColor] 🔄 Applying color to "${e}": ${c.color.getHexString()} -> ${t.getHexString()}`), c.color.copy(t), c.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 p = (t) => typeof t == "string" ? new E.Color(t) : new E.Color(t[0], t[1], t[2]), g = R((t, e) => {
+    const i = p(e);
+    n.current.set(t, i);
+    const c = s.current.get(t);
+    if (c && !Array.isArray(c)) {
+      const M = c;
+      M.color && (M.color.copy(i), M.needsUpdate = !0);
     }
-  }, []), h = C(() => Array.from(s.current.keys()).sort(), []), S = C((t) => {
-    const r = s.current.get(t);
-    if (r && !Array.isArray(r)) {
-      const i = r;
+  }, []), y = R(() => Array.from(s.current.keys()).sort(), []), S = R((t) => {
+    const e = s.current.get(t);
+    if (e && !Array.isArray(e)) {
+      const i = e;
       if (i.color)
         return "#" + i.color.getHexString();
     }
     return null;
-  }, []), g = C(() => {
+  }, []), h = R(() => {
     const t = {};
-    return s.current.forEach((r, i) => {
-      if (!Array.isArray(r)) {
-        const p = r;
-        p.color && (t[i] = "#" + p.color.getHexString());
+    return s.current.forEach((e, i) => {
+      if (!Array.isArray(e)) {
+        const c = e;
+        c.color && (t[i] = "#" + c.color.getHexString());
       }
     }), t;
   }, []);
   return {
-    setMaterialColor: M,
-    getMaterialNames: h,
+    setMaterialColor: g,
+    getMaterialNames: y,
     getMaterialColor: S,
-    getAllMaterialColors: g
+    getAllMaterialColors: h
   };
 }
-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("");
+function Y(a, o) {
+  const { gl: s } = re(), n = w(/* @__PURE__ */ new Map()), p = w(new E.TextureLoader()), g = w(null), y = w(/* @__PURE__ */ new Map()), S = w(/* @__PURE__ */ new Set()), h = w("");
   I(() => {
-    if (!M.current)
+    if (!g.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 r = typeof WebAssembly == "object" && typeof WebAssembly.validate == "function";
+        console.log("[useMaterialTexture] Browser features:"), console.log(`  WebAssembly supported: ${r}`), 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) => {
+        l.setTranscoderPath("/basis/"), l.detectSupport(s), g.current = l, 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);
-        }), o || (console.warn("[useMaterialTexture] ⚠️ WebAssembly not supported! KTX2 will fallback to CPU decoding (slow)"), console.warn("[useMaterialTexture] ⚠️ Recommend using WebP instead of KTX2 for this browser"));
-      } catch (o) {
-        console.error("[useMaterialTexture] ❌ Failed to initialize KTX2Loader:", o);
+        }), r || (console.warn("[useMaterialTexture] ⚠️ WebAssembly not supported! KTX2 will fallback to CPU decoding (slow)"), console.warn("[useMaterialTexture] ⚠️ Recommend using WebP instead of KTX2 for this browser"));
+      } catch (r) {
+        console.error("[useMaterialTexture] ❌ Failed to initialize KTX2Loader:", r);
       }
     return () => {
-      M.current && (M.current.dispose(), M.current = null);
+      g.current && (g.current.dispose(), g.current = null);
     };
   }, [s]), I(() => {
-    if (!n) return;
-    const o = /* @__PURE__ */ new Map();
-    n.traverse((l) => {
+    if (!a) return;
+    const r = /* @__PURE__ */ new Map();
+    a.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);
+          f.name && !r.has(f.name) && r.set(f.name, f);
         });
       }
-    }), 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, []);
+    }), n.current = r;
+  }, [a]);
+  const t = R((r) => r.toLowerCase().endsWith(".ktx2") ? g.current ? g.current : (console.warn("[useMaterialTexture] KTX2Loader not initialized, falling back to TextureLoader"), p.current) : p.current, []);
   I(() => {
-    if (!e || !n) return;
-    const o = a.current;
-    if (o.size === 0) return;
-    const l = JSON.stringify(e);
-    if (g.current === l) {
+    if (!o || !a) return;
+    const r = n.current;
+    if (r.size === 0) return;
+    const l = JSON.stringify(o);
+    if (h.current === l) {
       console.log("[useMaterialTexture] Textures unchanged, skipping reload");
       return;
     }
-    g.current = l;
+    h.current = l;
     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 $ = /* @__PURE__ */ new Map();
+    Object.entries(o).forEach(([d, T]) => {
+      $.set(d, typeof T == "string" ? { map: T } : T);
+    }), console.log("[useMaterialTexture] Starting texture load for", $.size, "materials");
     const f = [];
-    b.forEach((d, T) => {
+    $.forEach((d, T) => {
       var x, D;
-      const j = o.get(T);
+      const j = r.get(T);
       if (!j || !j.isMeshStandardMaterial) {
         console.warn(`[useMaterialTexture] Material "${T}" 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, console.log(`[useMaterialTexture] ✅ Material "${T}" AFTER reset: all maps cleared and disposed`), Object.entries(d).forEach(([$, k]) => {
+      const u = j;
+      console.log(`[useMaterialTexture] 📋 Material "${T}" BEFORE reset:`), console.log(`  - map: ${u.map ? "EXISTS" : "null"} ${u.map ? `(uuid: ${u.map.uuid})` : ""}`), console.log(`  - normalMap: ${u.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${u.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${u.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${u.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${u.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${(x = u.color) == null ? void 0 : x.getHexString()}`), console.log(`  - emissive: ${(D = u.emissive) == null ? void 0 : D.getHexString()}`), console.log(`  - material uuid: ${u.uuid}`), u.map && (console.log(`[useMaterialTexture] 🗑️ Disposing old map (uuid: ${u.map.uuid})`), u.map.dispose()), u.normalMap && (console.log("[useMaterialTexture] 🗑️ Disposing old normalMap"), u.normalMap.dispose()), u.roughnessMap && (console.log("[useMaterialTexture] 🗑️ Disposing old roughnessMap"), u.roughnessMap.dispose()), u.metalnessMap && (console.log("[useMaterialTexture] 🗑️ Disposing old metalnessMap"), u.metalnessMap.dispose()), u.emissiveMap && (console.log("[useMaterialTexture] 🗑️ Disposing old emissiveMap"), u.emissiveMap.dispose()), u.aoMap && (console.log("[useMaterialTexture] 🗑️ Disposing old aoMap"), u.aoMap.dispose()), u.map = null, u.normalMap = null, u.roughnessMap = null, u.metalnessMap = null, u.emissiveMap = null, u.emissive = new E.Color(0), u.emissiveIntensity = 0, u.aoMap = null, u.needsUpdate = !0, console.log(`[useMaterialTexture] ✅ Material "${T}" AFTER reset: all maps cleared and disposed`), Object.entries(d).forEach(([b, 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 L = `${T}_${b}_${k}`, P = y.current.get(L);
+        if (P) {
+          console.log(`[useMaterialTexture] Using cached texture: ${T}.${b}`), m || e(u, b, P);
           return;
         }
         if (S.current.has(L)) {
-          console.log(`[useMaterialTexture] Skipping already loading: ${T}.${$}`);
+          console.log(`[useMaterialTexture] Skipping already loading: ${T}.${b}`);
           return;
         }
-        f.push({ materialName: T, textureType: $, url: k, material: c });
+        f.push({ materialName: T, textureType: b, url: k, material: u });
       });
     }), console.log(`[useMaterialTexture] Queued ${f.length} textures to load`);
     let v = 0;
-    const R = () => {
+    const C = () => {
       if (m || v >= f.length) {
-        console.log("[useMaterialTexture] ✅ All textures loaded"), console.log("[useMaterialTexture] 📊 FINAL material states:"), o.forEach((x, D) => {
+        console.log("[useMaterialTexture] ✅ All textures loaded"), console.log("[useMaterialTexture] 📊 FINAL material states:"), r.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}`);
+          const b = x;
+          console.log(`  Material "${D}":`), 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: ${(k = b.color) == null ? void 0 : k.getHexString()}`), console.log(`    - emissive: ${(L = b.emissive) == null ? void 0 : L.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(
+      const j = t(d.url), u = d.url.toLowerCase().endsWith(".ktx2") ? "KTX2Loader" : "TextureLoader";
+      console.log(`[useMaterialTexture] Using ${u} for ${d.url}`), j.load(
         d.url,
         (x) => {
-          var L, N, B, X, O, _;
+          var L, P, B, X, O, _;
           if (S.current.delete(T), m) {
             console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${d.materialName}.${d.textureType}`), x.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 : 15056;
-          console.log(`[useMaterialTexture] Waiting111111 ${k}ms before next texture...`), setTimeout(R, 0);
+          const D = ((L = x.image) == null ? void 0 : L.width) || ((B = (P = x.source) == null ? void 0 : P.data) == null ? void 0 : B.width) || "unknown", b = ((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${b})`), x.colorSpace = d.textureType === "map" || d.textureType === "emissiveMap" ? E.SRGBColorSpace : E.NoColorSpace, x.wrapS = E.RepeatWrapping, x.wrapT = E.RepeatWrapping, x.flipY = !1, y.current.set(T, x), e(d.material, d.textureType, x);
+          const k = d.url.endsWith(".ktx2") ? 500 : 150;
+          console.log(`[useMaterialTexture] Waiting111111 ${k}ms before next texture...`), setTimeout(C, 0);
         },
         (x) => {
           if (x.lengthComputable) {
@@ -403,299 +411,299 @@ function Y(n, e) {
           }
         },
         (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);
+          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:", u), 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(C, 100);
         }
       );
     };
-    return R(), () => {
+    return C(), () => {
       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) {
+  }, [a, o, t]);
+  const e = (r, l, m) => {
+    var $, f;
+    switch (console.log(`[useMaterialTexture] 🎨 Applying texture: ${r.name}.${l} (texture uuid: ${m.uuid})`), l) {
       case "map":
-        o.map = m;
+        r.map = m;
         break;
       case "normalMap":
-        o.normalMap = m;
+        r.normalMap = m;
         break;
       case "roughnessMap":
-        o.roughnessMap = m;
+        r.roughnessMap = m;
         break;
       case "metalnessMap":
-        o.metalnessMap = m;
+        r.metalnessMap = m;
         break;
       case "emissiveMap":
-        o.emissiveMap = m, o.emissive = new E.Color(16777215), o.emissiveIntensity = 1;
+        r.emissiveMap = m, r.emissive = new E.Color(16777215), r.emissiveIntensity = 1;
         break;
       case "alphaMap":
-        console.log(`[useMaterialTexture] Skipping alphaMap for "${o.name}" to prevent disappearing`);
+        console.log(`[useMaterialTexture] Skipping alphaMap for "${r.name}" to prevent disappearing`);
         break;
       case "aoMap":
-        o.aoMap = m;
+        r.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) {
-      console.warn(`Material "${o}" not found or not MeshStandardMaterial`);
+    r.needsUpdate = !0, console.log(`[useMaterialTexture] ✅ Applied ${l} to ${r.name}, needsUpdate=true`), console.log(`[useMaterialTexture] 📊 Material "${r.name}" FINAL state:`), console.log(`  - map: ${r.map ? "EXISTS" : "null"} ${r.map ? `(uuid: ${r.map.uuid}, colorSpace: ${r.map.colorSpace})` : ""}`), console.log(`  - normalMap: ${r.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${r.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${r.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${r.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${r.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${($ = r.color) == null ? void 0 : $.getHexString()}`), console.log(`  - emissive: ${(f = r.emissive) == null ? void 0 : f.getHexString()}`), console.log(`  - emissiveIntensity: ${r.emissiveIntensity}`), console.log(`  - roughness: ${r.roughness}`), console.log(`  - metalness: ${r.metalness}`);
+  }, i = R((r, l) => {
+    const m = typeof l == "string" ? { map: l } : l, $ = n.current.get(r);
+    if (!$ || !$.isMeshStandardMaterial) {
+      console.warn(`Material "${r}" not found or not MeshStandardMaterial`);
       return;
     }
-    const f = b;
-    Object.entries(m).forEach(([v, R]) => {
-      if (!R) return;
-      const d = `${o}_${v}_${R}`, T = h.current.get(d);
+    const f = $;
+    Object.entries(m).forEach(([v, C]) => {
+      if (!C) return;
+      const d = `${r}_${v}_${C}`, T = y.current.get(d);
       if (T) {
-        r(f, v, T);
+        e(f, v, T);
         return;
       }
-      t(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);
+      t(C).load(
+        C,
+        (u) => {
+          u.colorSpace = v === "map" || v === "emissiveMap" ? E.SRGBColorSpace : E.NoColorSpace, u.wrapS = E.RepeatWrapping, u.wrapT = E.RepeatWrapping, y.current.set(d, u), e(f, v, u);
         },
         void 0,
-        (c) => {
-          console.error(`Failed to load texture ${R}:`, c);
+        (u) => {
+          console.error(`Failed to load texture ${C}:`, u);
         }
       );
     });
-  }, [t]), p = C(() => Array.from(a.current.keys()).sort(), []), y = C((o) => {
-    const l = a.current.get(o);
+  }, [t]), c = R(() => Array.from(n.current.keys()).sort(), []), M = R((r) => {
+    const l = n.current.get(r);
     if (!l || !l.isMeshStandardMaterial) return;
     const m = l;
     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
+    getMaterialNames: c,
+    clearMaterialTextures: M
   };
 }
-function $e({
-  url: n,
-  position: e = [0, 0, 0],
+function be({
+  url: a,
+  position: o = [0, 0, 0],
   rotation: s = [0, 0, 0],
-  scale: a = 1,
-  meshVisibility: u,
-  materialColors: M,
-  materialTextures: h,
+  scale: n = 1,
+  meshVisibility: p,
+  materialColors: g,
+  materialTextures: y,
   onLoad: S,
-  onError: g
+  onError: h
 }) {
-  const { scene: t } = H(n), r = w(S);
-  r.current = S;
+  const { scene: t } = H(a), e = w(S);
+  e.current = S;
   const i = W(() => {
-    const y = t.clone();
+    const M = t.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 r = [], l = /* @__PURE__ */ new Set(), m = [];
+    let $ = 0;
+    return M.traverse((f) => {
+      if ($++, 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) => {
+        r.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"}`);
         });
       }
-    }), console.log(`[Model] 📊 Clone summary: ${o.length} meshes, ${l.size} materials`), setTimeout(() => {
+    }), console.log(`[Model] 📊 Clone summary: ${r.length} meshes, ${l.size} materials`), setTimeout(() => {
       var f;
-      (f = r.current) == null || f.call(r, {
-        meshes: o.sort(),
+      (f = e.current) == null || f.call(e, {
+        meshes: r.sort(),
         materials: Array.from(l).sort(),
         bones: m.sort(),
-        nodeCount: b
+        nodeCount: $
       });
-    }, 0), y;
+    }, 0), M;
   }, [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 }) });
+  return G(i, p), V(i, g), Y(i, y), /* @__PURE__ */ A("group", { position: o, rotation: s, scale: typeof n == "number" ? [n, n, n] : n, children: /* @__PURE__ */ A("primitive", { object: i }) });
 }
-$e.preload = (n) => {
-  H.preload(n);
+be.preload = (a) => {
+  H.preload(a);
 };
-function xe(n, e, s) {
-  const { actions: a, names: u } = de(n, e), M = w(null), h = w(s == null ? void 0 : s.defaultAnimation);
+function xe(a, o, s) {
+  const { actions: n, names: p } = de(a, o), g = w(null), y = w(s == null ? void 0 : s.defaultAnimation);
   I(() => {
-    if (u.length === 0) return;
-    const r = h.current;
-    let i = u[0];
-    if (r) {
-      const y = u.find((o) => o === r || o.includes(r));
-      y && (i = y);
+    if (p.length === 0) return;
+    const e = y.current;
+    let i = p[0];
+    if (e) {
+      const M = p.find((r) => r === e || r.includes(e));
+      M && (i = M);
     }
-    const p = a[i];
-    p && (p.reset().fadeIn(0.5).play(), M.current = p);
-  }, [a, u]);
-  const S = C(
-    (r, i) => {
+    const c = n[i];
+    c && (c.reset().fadeIn(0.5).play(), g.current = c);
+  }, [n, p]);
+  const S = R(
+    (e, i) => {
       const {
-        loop: p = !1,
-        crossFadeDuration: y = 0.2,
-        restoreDefault: o = !0
+        loop: c = !1,
+        crossFadeDuration: M = 0.2,
+        restoreDefault: r = !0
       } = i || {};
-      let l = a[r];
+      let l = n[e];
       if (!l) {
-        const b = Object.keys(a).find(
-          (f) => f.toLowerCase().includes(r.toLowerCase()) || r.toLowerCase().includes(f.toLowerCase())
+        const $ = Object.keys(n).find(
+          (f) => f.toLowerCase().includes(e.toLowerCase()) || e.toLowerCase().includes(f.toLowerCase())
         );
-        b && (l = a[b]);
+        $ && (l = n[$]);
       }
       if (!l) {
-        console.warn(`Animation "${r}" not found. Available: ${u.join(", ")}`);
+        console.warn(`Animation "${e}" not found. Available: ${p.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) => {
+      const m = g.current;
+      if (!(m === l && l.isRunning()) && (m && m !== l && m.fadeOut(M), l.reset(), l.fadeIn(M), l.setLoop(
+        c ? E.LoopRepeat : E.LoopOnce,
+        c ? 1 / 0 : 1
+      ), l.clampWhenFinished = !c, l.play(), c || l.getMixer().update(0), g.current = l, r && !c && y.current)) {
+        const $ = 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);
+            $.removeEventListener("finished", f);
+            const C = n[y.current];
+            C && (l.fadeOut(M), C.reset().fadeIn(M).play(), g.current = C);
           }
         };
-        b.addEventListener("finished", f);
+        $.addEventListener("finished", f);
       }
     },
-    [a, u]
-  ), g = C(() => {
-    var r;
-    (r = M.current) == null || r.fadeOut(0.2), M.current = null;
-  }, []), t = C(() => u, [u]);
+    [n, p]
+  ), h = R(() => {
+    var e;
+    (e = g.current) == null || e.fadeOut(0.2), g.current = null;
+  }, []), t = R(() => p, [p]);
   return {
     playAnimation: S,
-    stopAnimation: g,
+    stopAnimation: h,
     getAnimationNames: t,
-    actions: a
+    actions: n
   };
 }
-function ne(n, e) {
-  const s = w(e || {}), a = w([]), u = w([]);
+function ne(a, o) {
+  const s = w(o || {}), n = w([]), p = 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);
+    const h = /* @__PURE__ */ new Set(), t = [];
+    a.traverse((e) => {
+      e instanceof E.Mesh && e.morphTargetDictionary && e.morphTargetInfluences && (t.push(e), Object.keys(e.morphTargetDictionary).forEach((i) => {
+        h.add(i);
       }));
-    }), 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);
+    }), n.current = Array.from(h).sort(), p.current = t;
+  }, [a]), z(() => {
+    const h = s.current;
+    p.current.forEach((t) => {
+      !t.morphTargetDictionary || !t.morphTargetInfluences || Object.entries(h).forEach(([e, i]) => {
+        const c = t.morphTargetDictionary[e];
+        c !== void 0 && (t.morphTargetInfluences[c] = i);
       });
     });
   }), I(() => {
-    e && (s.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 }), []);
+    o && (s.current = { ...o });
+  }, [o]);
+  const g = R((h, t) => {
+    s.current[h] = Math.max(0, Math.min(1, t));
+  }, []), y = R(() => n.current, []), S = R(() => ({ ...s.current }), []);
   return {
-    setMorphTarget: M,
-    getMorphTargetNames: h,
+    setMorphTarget: g,
+    getMorphTargetNames: y,
     getMorphTargetValues: S
   };
 }
 const ae = ie(null);
 function Ae() {
-  const n = ce(ae);
-  if (!n)
+  const a = ce(ae);
+  if (!a)
     throw new Error("BoneAttachment must be used within an AnimatedModel");
-  return n;
+  return a;
 }
 const le = ee(
   ({
-    url: n,
-    position: e = [0, 0, 0],
+    url: a,
+    position: o = [0, 0, 0],
     rotation: s = [0, 0, 0],
-    scale: a = 1,
-    defaultAnimation: u,
-    morphTargets: M,
-    meshVisibility: h,
+    scale: n = 1,
+    defaultAnimation: p,
+    morphTargets: g,
+    meshVisibility: y,
     materialColors: S,
-    materialTextures: g,
+    materialTextures: h,
     onLoad: t,
-    onError: r,
+    onError: e,
     children: i
-  }, p) => {
-    const y = w(null), o = w([]), l = w(t);
+  }, c) => {
+    const M = w(null), r = 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,
+    const { scene: m, animations: $ } = H(a), f = W(() => oe.clone(m), [m]), { playAnimation: v, stopAnimation: C, getAnimationNames: d } = xe(
+      $,
       f,
-      { defaultAnimation: u }
+      { defaultAnimation: p }
     ), { setMorphTarget: T } = ne(
       f,
-      M
-    ), { setMeshVisibility: j, getMeshNames: c } = G(
+      g
+    ), { setMeshVisibility: j, getMeshNames: u } = G(
       f,
-      h
-    ), { setMaterialColor: x, getMaterialNames: D, getMaterialColor: $ } = V(
+      y
+    ), { setMaterialColor: x, getMaterialNames: D, getMaterialColor: b } = V(
       f,
       S
     ), { setMaterialTextures: k, clearMaterialTextures: L } = Y(
       f,
-      g
+      h
     );
     I(() => {
       if (!f) return;
       const X = setTimeout(() => {
         var J;
-        const O = [], _ = [], F = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new Set();
+        const O = [], _ = [], U = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new Set();
         let q = 0;
         f.traverse((K) => {
           if (q++, K.type === "Bone" && O.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);
+            const N = K;
+            _.push(N.name), N.castShadow = !0, N.receiveShadow = !0, (Array.isArray(N.material) ? N.material : [N.material]).forEach((F) => {
+              U.add(F.name), F.shadowSide = E.DoubleSide;
+            }), N.morphTargetDictionary && Object.keys(N.morphTargetDictionary).forEach((F) => {
+              Z.add(F);
             });
           }
-        }), o.current = Array.from(Z).sort(), (J = l.current) == null || J.call(l, {
+        }), r.current = Array.from(Z).sort(), (J = l.current) == null || J.call(l, {
           meshes: _.sort(),
-          materials: Array.from(F).sort(),
+          materials: Array.from(U).sort(),
           bones: O.sort(),
           nodeCount: q,
-          animations: b.map((K) => K.name),
-          morphTargetNames: o.current
+          animations: $.map((K) => K.name),
+          morphTargetNames: r.current
         });
       }, 0);
       return () => clearTimeout(X);
-    }, [f, b]), te(p, () => ({
+    }, [f, $]), te(c, () => ({
       playAnimation: v,
-      stopAnimation: R,
+      stopAnimation: C,
       getAnimationNames: d,
-      getGroup: () => y.current,
+      getGroup: () => M.current,
       setMorphTarget: T,
-      getMorphTargetNames: () => o.current,
+      getMorphTargetNames: () => r.current,
       setMeshVisibility: j,
-      getMeshNames: c,
+      getMeshNames: u,
       setMaterialColor: x,
       getMaterialNames: D,
-      getMaterialColor: $,
+      getMaterialColor: b,
       setMaterialTextures: k,
       clearMaterialTextures: L
     }));
-    const N = W(
+    const P = W(
       () => ({
         scene: f,
         getBone: (X) => f.getObjectByName(X) || null
       }),
       [f]
-    ), B = typeof a == "number" ? [a, a, a] : a;
-    return /* @__PURE__ */ A(ae.Provider, { value: N, children: /* @__PURE__ */ se(
+    ), B = typeof n == "number" ? [n, n, n] : n;
+    return /* @__PURE__ */ A(ae.Provider, { value: P, children: /* @__PURE__ */ se(
       "group",
       {
-        ref: y,
-        position: e,
+        ref: M,
+        position: o,
         rotation: s,
         scale: B,
         children: [
@@ -707,128 +715,128 @@ const le = ee(
   }
 );
 le.displayName = "AnimatedModel";
-le.preload = (n) => {
-  H.preload(n);
+le.preload = (a) => {
+  H.preload(a);
 };
 const we = ee(
   ({
-    url: n,
-    position: e = [0, 0, 0],
+    url: a,
+    position: o = [0, 0, 0],
     rotation: s = [0, 0, 0],
-    scale: a = 1,
-    morphTargets: u,
-    meshVisibility: M,
-    materialColors: h,
+    scale: n = 1,
+    morphTargets: p,
+    meshVisibility: g,
+    materialColors: y,
     materialTextures: S,
-    onMorphTargetsFound: g,
+    onMorphTargetsFound: h,
     onLoad: t,
-    onError: r
+    onError: e
   }, i) => {
-    const { scene: p } = H(n), y = w(t);
-    y.current = t;
-    const o = w(g);
-    o.current = g;
-    const l = W(() => p.clone(), [p]), { setMorphTarget: m, getMorphTargetNames: b, getMorphTargetValues: f } = ne(
+    const { scene: c } = H(a), M = w(t);
+    M.current = t;
+    const r = w(h);
+    r.current = h;
+    const l = W(() => c.clone(), [c]), { setMorphTarget: m, getMorphTargetNames: $, getMorphTargetValues: f } = ne(
       l,
-      u
-    ), { setMeshVisibility: v, getMeshNames: R } = G(
+      p
+    ), { setMeshVisibility: v, getMeshNames: C } = G(
       l,
-      M
+      g
     ), { setMaterialColor: d, getMaterialNames: T, getMaterialColor: j } = V(
       l,
-      h
-    ), { setMaterialTextures: c, clearMaterialTextures: x } = Y(
+      y
+    ), { setMaterialTextures: u, clearMaterialTextures: x } = Y(
       l,
       S
     );
     return I(() => {
       var k;
-      const $ = b();
-      $.length > 0 && ((k = o.current) == null || k.call(o, $));
-    }, [l, b]), I(() => {
+      const b = $();
+      b.length > 0 && ((k = r.current) == null || k.call(r, b));
+    }, [l, $]), I(() => {
       var B;
       if (!l) return;
-      const $ = [], k = /* @__PURE__ */ new Set(), L = [];
-      let N = 0;
+      const b = [], k = /* @__PURE__ */ new Set(), L = [];
+      let P = 0;
       l.traverse((X) => {
-        if (N++, X.type === "Bone" && L.push(X.name), X.isMesh) {
+        if (P++, 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));
+          b.push(O.name), O.castShadow = !0, O.receiveShadow = !0, (Array.isArray(O.material) ? O.material : [O.material]).forEach((U) => k.add(U.name));
         }
-      }), (B = y.current) == null || B.call(y, {
-        meshes: $.sort(),
+      }), (B = M.current) == null || B.call(M, {
+        meshes: b.sort(),
         materials: Array.from(k).sort(),
         bones: L.sort(),
-        nodeCount: N
+        nodeCount: P
       });
     }, [l]), te(i, () => ({
       setMorphTarget: m,
-      getMorphTargetNames: b,
+      getMorphTargetNames: $,
       getMorphTargetValues: f,
       setMeshVisibility: v,
-      getMeshNames: R,
+      getMeshNames: C,
       setMaterialColor: d,
       getMaterialNames: T,
       getMaterialColor: j,
-      setMaterialTextures: c,
+      setMaterialTextures: u,
       clearMaterialTextures: x
-    })), /* @__PURE__ */ A("group", { position: e, rotation: s, scale: typeof a == "number" ? [a, a, a] : a, children: /* @__PURE__ */ A("primitive", { object: l }) });
+    })), /* @__PURE__ */ A("group", { position: o, rotation: s, scale: typeof n == "number" ? [n, n, n] : n, children: /* @__PURE__ */ A("primitive", { object: l }) });
   }
 );
 we.displayName = "MorphableModel";
 function De({
-  children: n,
-  bone: e,
+  children: a,
+  bone: o,
   position: s = [0, 0, 0],
-  rotation: a = [0, 0, 0],
-  scale: u = 1
+  rotation: n = [0, 0, 0],
+  scale: p = 1
 }) {
-  const { getBone: M } = Ae(), [h, S] = ue(null);
+  const { getBone: g } = Ae(), [y, S] = ue(null);
   return I(() => {
-    const t = M(e);
-    t ? S(t) : console.warn(`Bone "${e}" not found in model`);
-  }, [e, M]), h ? ge(
+    const t = g(o);
+    t ? S(t) : console.warn(`Bone "${o}" not found in model`);
+  }, [o, g]), y ? Me(
     /* @__PURE__ */ A(
       "group",
       {
         position: s,
-        rotation: a,
-        scale: typeof u == "number" ? [u, u, u] : u,
-        children: n
+        rotation: n,
+        scale: typeof p == "number" ? [p, p, p] : p,
+        children: a
       }
     ),
-    h
+    y
   ) : null;
 }
-function Oe(n, e) {
-  const { scene: s, animations: a } = H(n), u = W(() => re.clone(s), [s]);
+function Oe(a, o) {
+  const { scene: s, animations: n } = H(a), p = W(() => oe.clone(s), [s]);
   return I(() => {
     var t;
-    if (!u) return;
-    const M = [], h = [], S = /* @__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;
+    if (!p) return;
+    const g = [], y = [], S = /* @__PURE__ */ new Set();
+    let h = 0;
+    p.traverse((e) => {
+      if (h++, e.type === "Bone" && g.push(e.name), e.isMesh) {
+        const i = e;
+        y.push(i.name), i.castShadow = !0, i.receiveShadow = !0, (Array.isArray(i.material) ? i.material : [i.material]).forEach((M) => {
+          S.add(M.name), M.shadowSide = E.DoubleSide;
         });
       }
-    }), (t = e == null ? void 0 : e.onLoad) == null || t.call(e, {
-      meshes: h.sort(),
+    }), (t = o == null ? void 0 : o.onLoad) == null || t.call(o, {
+      meshes: y.sort(),
       materials: Array.from(S).sort(),
-      bones: M.sort(),
-      nodeCount: g
+      bones: g.sort(),
+      nodeCount: h
     });
-  }, [u, e]), { scene: u, animations: a };
+  }, [p, o]), { scene: p, animations: n };
 }
-function Xe(n) {
-  H.preload(n);
+function Xe(a) {
+  H.preload(a);
 }
 export {
   le as AnimatedModel,
   De as BoneAttachment,
-  $e as Model,
+  be as Model,
   we as MorphableModel,
   Le as Scene3D,
   Xe as preloadModel,