mbt-3d 0.3.5 → 0.3.7

package/dist/mbt-3d.js

@@ -1,135 +1,146 @@
-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 { 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 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: a,
-  controlsConfig: o
+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 } = re(), n = w(null);
-  return I(() => {
-    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,
+  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: n,
+      ref: a,
       makeDefault: !0,
-      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
+      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
     }
   );
 }
-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({ 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 $e({ url: t }) {
+  const e = ge(t);
+  return B(() => {
+    e.colorSpace = E.SRGBColorSpace;
+  }, [e]), /* @__PURE__ */ x("primitive", { attach: "background", object: e });
 }
-function Se({ url: a }) {
-  const o = fe(a);
-  return W(() => {
-    o.colorSpace = E.SRGBColorSpace;
-  }, [o]), /* @__PURE__ */ A("primitive", { attach: "background", object: o });
+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 $e({ config: a }) {
-  switch (a.type) {
+function we({ config: t }) {
+  switch (t.type) {
     case "spot": {
       const {
-        position: o = [5, 10, 5],
-        intensity: s = 50,
-        castShadow: n = !0,
-        angle: p = Math.PI / 6,
-        penumbra: g = 0.5,
-        decay: y = 2,
-        distance: S = 0,
-        color: h = "#ffffff"
-      } = a;
-      return /* @__PURE__ */ A(
+        position: e = [5, 10, 5],
+        intensity: n = 50,
+        castShadow: a = !0,
+        angle: l = Math.PI / 6,
+        penumbra: d = 0.5,
+        decay: M = 2,
+        distance: T = 0,
+        color: g = "#ffffff"
+      } = t;
+      return /* @__PURE__ */ x(
         "spotLight",
         {
-          position: o,
-          intensity: s,
-          castShadow: n,
-          angle: p,
-          penumbra: g,
-          decay: y,
-          distance: S,
-          color: h
+          position: e,
+          intensity: n,
+          castShadow: a,
+          angle: l,
+          penumbra: d,
+          decay: M,
+          distance: T,
+          color: g
         }
       );
     }
     case "point": {
       const {
-        position: o = [0, 5, 0],
-        intensity: s = 20,
-        color: n = "#ffffff",
-        distance: p = 0,
-        decay: g = 2,
-        castShadow: y = !1
-      } = a;
-      return /* @__PURE__ */ A(
+        position: e = [0, 5, 0],
+        intensity: n = 20,
+        color: a = "#ffffff",
+        distance: l = 0,
+        decay: d = 2,
+        castShadow: M = !1
+      } = t;
+      return /* @__PURE__ */ x(
         "pointLight",
         {
-          position: o,
-          intensity: s,
-          color: n,
-          distance: p,
-          decay: g,
-          castShadow: y
+          position: e,
+          intensity: n,
+          color: a,
+          distance: l,
+          decay: d,
+          castShadow: M
         }
       );
     }
     case "directional": {
       const {
-        position: o = [10, 20, 10],
-        intensity: s = 40,
-        color: n = "#ffffff",
-        castShadow: p = !0
-      } = a;
-      return /* @__PURE__ */ A(
+        position: e = [10, 20, 10],
+        intensity: n = 40,
+        color: a = "#ffffff",
+        castShadow: l = !0
+      } = t;
+      return /* @__PURE__ */ x(
         "directionalLight",
         {
-          position: o,
-          intensity: s,
-          color: n,
-          castShadow: p
+          position: e,
+          intensity: n,
+          color: a,
+          castShadow: l
         }
       );
     }
     case "hemisphere": {
       const {
-        skyColor: o = "#ffffff",
-        groundColor: s = "#444444",
-        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(
+        skyColor: e = "#ffffff",
+        groundColor: n = "#444444",
+        intensity: a = 0.5,
+        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: [g, y, n],
-          position: p
+          args: [d, M, a],
+          position: l
         }
       );
     }
     case "ambient": {
       const {
-        intensity: o = 0.5,
-        color: s = "#ffffff"
-      } = a;
-      return /* @__PURE__ */ A(
+        intensity: e = 0.5,
+        color: n = "#ffffff"
+      } = t;
+      return /* @__PURE__ */ x(
         "ambientLight",
         {
-          intensity: o,
-          color: s
+          intensity: e,
+          color: n
         }
       );
     }
@@ -137,714 +148,722 @@ function $e({ config: a }) {
       return null;
   }
 }
-function Le({
-  children: a,
-  camera: o = {},
-  controls: s = {},
-  background: n,
-  shadows: p = !0,
-  lights: g = [
+function Xe({
+  children: t,
+  camera: e = {},
+  controls: n = {},
+  background: a,
+  shadows: l = !0,
+  lights: d = [
     { type: "ambient", intensity: 0.5 },
     { type: "spot", position: [5, 10, 5], intensity: 50, castShadow: !0 }
   ],
-  contactShadows: y = !0,
-  style: S,
-  className: h
+  environment: M,
+  contactShadows: T = !0,
+  style: g,
+  className: s
 }) {
-  const t = {
-    position: o.position || [0, 2, 5],
-    fov: o.fov || 45
-  }, e = {
-    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 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,
+  const r = {
+    position: e.position || [0, 2, 5],
+    fov: e.fov || 45
+  }, 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: p,
+      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: n }) }),
-        g.map((c, M) => /* @__PURE__ */ A($e, { config: c }, `${c.type}-${M}`)),
-        /* @__PURE__ */ A(Q, { fallback: null, children: a }),
-        /* @__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: e
+            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(a, o) {
-  const s = w(/* @__PURE__ */ new Map()), n = w({}), p = w({});
-  I(() => {
-    o && (n.current = { ...o });
-  }, [o]), I(() => {
-    if (!a) return;
-    const h = /* @__PURE__ */ new Map();
-    a.traverse((t) => {
-      if (t.isMesh) {
-        const e = t;
-        e.name && h.set(e.name, e);
+function Y(t, e) {
+  const n = A(/* @__PURE__ */ new Map()), a = A({}), l = A({});
+  L(() => {
+    e && (a.current = { ...e });
+  }, [e]), L(() => {
+    if (!t) return;
+    const g = /* @__PURE__ */ new Map();
+    t.traverse((s) => {
+      if (s.isMesh) {
+        const r = s;
+        r.name && g.set(r.name, r);
       }
-    }), 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);
+    }), n.current = g;
+  }, [t]), V(() => {
+    const g = n.current;
+    if (g.size === 0) return;
+    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 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;
+  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 n.current.forEach((s, r) => {
+      g[r] = s.visible;
+    }), g;
   }, []);
   return {
-    setMeshVisibility: g,
-    getMeshNames: y,
-    getMeshVisibility: S
+    setMeshVisibility: d,
+    getMeshNames: M,
+    getMeshVisibility: T
   };
 }
-function V(a, o) {
-  const s = w(/* @__PURE__ */ new Map()), n = w(/* @__PURE__ */ new Map());
-  I(() => {
-    if (!a) return;
-    const t = /* @__PURE__ */ new Map();
-    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);
+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 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, 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.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);
       }
     });
-  }, [a, o]), z(() => {
-    n.current.forEach((t, e) => {
-      const i = s.current.get(e);
-      if (i && !Array.isArray(i)) {
-        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);
+  }, [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 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);
+  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);
     }
-  }, []), 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();
+  }, []), M = I(() => Array.from(n.current.keys()).sort(), []), T = I((s) => {
+    const r = n.current.get(s);
+    if (r && !Array.isArray(r)) {
+      const c = r;
+      if (c.color)
+        return "#" + c.color.getHexString();
     }
     return null;
-  }, []), h = R(() => {
-    const t = {};
-    return s.current.forEach((e, i) => {
-      if (!Array.isArray(e)) {
-        const c = e;
-        c.color && (t[i] = "#" + c.color.getHexString());
+  }, []), g = I(() => {
+    const s = {};
+    return n.current.forEach((r, c) => {
+      if (!Array.isArray(r)) {
+        const u = r;
+        u.color && (s[c] = "#" + u.color.getHexString());
       }
-    }), t;
+    }), s;
   }, []);
   return {
-    setMaterialColor: g,
-    getMaterialNames: y,
-    getMaterialColor: S,
-    getAllMaterialColors: h
+    setMaterialColor: d,
+    getMaterialNames: M,
+    getMaterialColor: T,
+    getAllMaterialColors: g
   };
 }
-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 (!g.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 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), g.current = l, console.log("[useMaterialTexture] ✅ KTX2Loader initialized"), console.log("[useMaterialTexture] Transcoder path: /basis/"), fetch("/basis/basis_transcoder.wasm").then((m) => {
+        const o = typeof WebAssembly == "object" && typeof WebAssembly.validate == "function";
+        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);
-        }), 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);
+        }), 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);
       }
     return () => {
-      g.current && (g.current.dispose(), g.current = null);
+      d.current && (d.current.dispose(), d.current = null);
     };
-  }, [s]), I(() => {
-    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 && !r.has(f.name) && r.set(f.name, f);
+  }, [n]), L(() => {
+    if (!t) return;
+    const o = /* @__PURE__ */ new Map();
+    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);
         });
       }
-    }), 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 (!o || !a) return;
-    const r = n.current;
-    if (r.size === 0) return;
-    const l = JSON.stringify(o);
-    if (h.current === l) {
+    }), a.current = o;
+  }, [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 i = JSON.stringify(e);
+    if (g.current === i) {
       console.log("[useMaterialTexture] Textures unchanged, skipping reload");
       return;
     }
-    h.current = l;
+    g.current = i;
     let m = !1;
     const $ = /* @__PURE__ */ new Map();
-    Object.entries(o).forEach(([d, T]) => {
-      $.set(d, typeof T == "string" ? { map: T } : T);
+    Object.entries(e).forEach(([f, S]) => {
+      $.set(f, typeof S == "string" ? { map: S } : S);
     }), console.log("[useMaterialTexture] Starting texture load for", $.size, "materials");
-    const f = [];
-    $.forEach((d, T) => {
-      var x, D;
-      const j = r.get(T);
-      if (!j || !j.isMeshStandardMaterial) {
-        console.warn(`[useMaterialTexture] Material "${T}" not found or not MeshStandardMaterial`);
+    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 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}_${b}_${k}`, P = y.current.get(L);
-        if (P) {
-          console.log(`[useMaterialTexture] Using cached texture: ${T}.${b}`), m || e(u, b, P);
+      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}.${b}`);
+        if (T.current.has(k)) {
+          console.log(`[useMaterialTexture] Skipping already loading: ${S}.${b}`);
           return;
         }
-        f.push({ materialName: T, textureType: b, url: k, material: u });
+        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 C = () => {
-      if (m || v >= f.length) {
-        console.log("[useMaterialTexture] ✅ All textures loaded"), console.log("[useMaterialTexture] 📊 FINAL material states:"), r.forEach((x, D) => {
-          var k, L;
-          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}`);
+    const R = () => {
+      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), u = d.url.toLowerCase().endsWith(".ktx2") ? "KTX2Loader" : "TextureLoader";
-      console.log(`[useMaterialTexture] Using ${u} for ${d.url}`), j.load(
-        d.url,
-        (x) => {
-          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();
+      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 = (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);
+          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:", 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);
+        (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 C(), () => {
+    return R(), () => {
       console.log("[useMaterialTexture] Cleanup: disposed"), m = !0;
     };
-  }, [a, o, t]);
-  const e = (r, l, m) => {
-    var $, f;
-    switch (console.log(`[useMaterialTexture] 🎨 Applying texture: ${r.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":
-        r.map = m;
+        o.map = m;
         break;
       case "normalMap":
-        r.normalMap = m;
+        o.normalMap = m;
         break;
       case "roughnessMap":
-        r.roughnessMap = m;
+        o.roughnessMap = m;
         break;
       case "metalnessMap":
-        r.metalnessMap = m;
+        o.metalnessMap = m;
         break;
       case "emissiveMap":
-        r.emissiveMap = m, r.emissive = new E.Color(16777215), r.emissiveIntensity = 1;
+        o.emissiveMap = m, o.emissive = new E.Color(16777215), o.emissiveIntensity = 1;
         break;
       case "alphaMap":
-        console.log(`[useMaterialTexture] Skipping alphaMap for "${r.name}" to prevent disappearing`);
+        console.log(`[useMaterialTexture] Skipping alphaMap for "${o.name}" to prevent disappearing`);
         break;
       case "aoMap":
-        r.aoMap = m;
+        o.aoMap = m;
         break;
     }
-    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);
+    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 "${r}" not found or not MeshStandardMaterial`);
+      console.warn(`Material "${o}" not found or not MeshStandardMaterial`);
       return;
     }
-    const f = $;
-    Object.entries(m).forEach(([v, C]) => {
-      if (!C) return;
-      const d = `${r}_${v}_${C}`, T = y.current.get(d);
-      if (T) {
-        e(f, v, T);
+    const p = $;
+    Object.entries(m).forEach(([v, R]) => {
+      if (!R) return;
+      const f = `${o}_${v}_${R}`, S = M.current.get(f);
+      if (S) {
+        r(p, v, S);
         return;
       }
-      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);
+      s(R).load(
+        R,
+        (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,
-        (u) => {
-          console.error(`Failed to load texture ${C}:`, u);
+        (y) => {
+          console.error(`Failed to load texture ${R}:`, y);
         }
       );
     });
-  }, [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;
+  }, [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: c,
-    clearMaterialTextures: M
+    setMaterialTextures: c,
+    getMaterialNames: u,
+    clearMaterialTextures: h
   };
 }
-function be({
-  url: a,
-  position: o = [0, 0, 0],
-  rotation: s = [0, 0, 0],
-  scale: n = 1,
-  meshVisibility: p,
-  materialColors: g,
-  materialTextures: y,
-  onLoad: S,
-  onError: h
+function Ae({
+  url: t,
+  position: e = [0, 0, 0],
+  rotation: n = [0, 0, 0],
+  scale: a = 1,
+  meshVisibility: l,
+  materialColors: d,
+  materialTextures: M,
+  onLoad: T,
+  onError: g
 }) {
-  const { scene: t } = H(a), e = w(S);
-  e.current = S;
-  const i = W(() => {
-    const M = 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 r = [], l = /* @__PURE__ */ new Set(), m = [];
+    const o = [], i = /* @__PURE__ */ new Set(), m = [];
     let $ = 0;
-    return M.traverse((f) => {
-      if ($++, f.type === "Bone" && m.push(f.name), f.isMesh) {
-        const v = f;
-        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"}`);
+    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: ${r.length} meshes, ${l.size} materials`), setTimeout(() => {
-      var f;
-      (f = e.current) == null || f.call(e, {
-        meshes: r.sort(),
-        materials: Array.from(l).sort(),
+    }), 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(i).sort(),
         bones: m.sort(),
         nodeCount: $
       });
-    }, 0), M;
-  }, [t]);
-  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 }) });
+    }, 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 }) });
 }
-be.preload = (a) => {
-  H.preload(a);
+Ae.preload = (t) => {
+  U.preload(t);
 };
-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 (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);
+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 h = l.find((o) => o === r || o.includes(r));
+      h && (c = h);
     }
-    const c = n[i];
-    c && (c.reset().fadeIn(0.5).play(), g.current = c);
-  }, [n, p]);
-  const S = R(
-    (e, i) => {
+    const u = a[c];
+    u && (u.reset().fadeIn(0.5).play(), d.current = u);
+  }, [a, l]);
+  const T = I(
+    (r, c) => {
       const {
-        loop: c = !1,
-        crossFadeDuration: M = 0.2,
-        restoreDefault: r = !0
-      } = i || {};
-      let l = n[e];
-      if (!l) {
-        const $ = Object.keys(n).find(
-          (f) => f.toLowerCase().includes(e.toLowerCase()) || e.toLowerCase().includes(f.toLowerCase())
+        loop: u = !1,
+        crossFadeDuration: h = 0.2,
+        restoreDefault: o = !0
+      } = c || {};
+      let i = a[r];
+      if (!i) {
+        const $ = Object.keys(a).find(
+          (p) => p.toLowerCase().includes(r.toLowerCase()) || r.toLowerCase().includes(p.toLowerCase())
         );
-        $ && (l = n[$]);
+        $ && (i = a[$]);
       }
-      if (!l) {
-        console.warn(`Animation "${e}" not found. Available: ${p.join(", ")}`);
+      if (!i) {
+        console.warn(`Animation "${r}" not found. Available: ${l.join(", ")}`);
         return;
       }
-      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) {
-            $.removeEventListener("finished", f);
-            const C = n[y.current];
-            C && (l.fadeOut(M), C.reset().fadeIn(M).play(), g.current = C);
+      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);
           }
         };
-        $.addEventListener("finished", f);
+        $.addEventListener("finished", p);
       }
     },
-    [n, p]
-  ), h = R(() => {
-    var e;
-    (e = g.current) == null || e.fadeOut(0.2), g.current = null;
-  }, []), t = R(() => p, [p]);
+    [a, l]
+  ), g = I(() => {
+    var r;
+    (r = d.current) == null || r.fadeOut(0.2), d.current = null;
+  }, []), s = I(() => l, [l]);
   return {
-    playAnimation: S,
-    stopAnimation: h,
-    getAnimationNames: t,
-    actions: n
+    playAnimation: T,
+    stopAnimation: g,
+    getAnimationNames: s,
+    actions: a
   };
 }
-function ne(a, o) {
-  const s = w(o || {}), n = w([]), p = w([]);
-  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);
+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);
       }));
-    }), 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);
+    }), 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(() => {
-    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 }), []);
+  }), L(() => {
+    e && (n.current = { ...e });
+  }, [e]);
+  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: g,
-    getMorphTargetNames: y,
-    getMorphTargetValues: S
+    setMorphTarget: d,
+    getMorphTargetNames: M,
+    getMorphTargetValues: T
   };
 }
-const ae = ie(null);
-function Ae() {
-  const a = ce(ae);
-  if (!a)
+const ie = ce(null);
+function Ee() {
+  const t = ue(ie);
+  if (!t)
     throw new Error("BoneAttachment must be used within an AnimatedModel");
-  return a;
+  return t;
 }
-const le = ee(
+const le = te(
   ({
-    url: a,
-    position: o = [0, 0, 0],
-    rotation: s = [0, 0, 0],
-    scale: n = 1,
-    defaultAnimation: p,
-    morphTargets: g,
-    meshVisibility: y,
-    materialColors: S,
-    materialTextures: h,
-    onLoad: t,
-    onError: e,
-    children: i
-  }, c) => {
-    const M = w(null), r = w([]), l = w(t);
-    l.current = t;
-    const { scene: m, animations: $ } = H(a), f = W(() => oe.clone(m), [m]), { playAnimation: v, stopAnimation: C, getAnimationNames: d } = xe(
+    url: t,
+    position: e = [0, 0, 0],
+    rotation: n = [0, 0, 0],
+    scale: a = 1,
+    defaultAnimation: l,
+    morphTargets: d,
+    meshVisibility: M,
+    materialColors: T,
+    materialTextures: g,
+    onLoad: s,
+    onError: r,
+    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(
       $,
-      f,
-      { defaultAnimation: p }
-    ), { setMorphTarget: T } = ne(
-      f,
+      p,
+      { defaultAnimation: l }
+    ), { setMorphTarget: S } = ae(
+      p,
+      d
+    ), { setMeshVisibility: D, getMeshNames: y } = Y(
+      p,
+      M
+    ), { setMaterialColor: w, getMaterialNames: j, getMaterialColor: b } = Z(
+      p,
+      T
+    ), { setMaterialTextures: C, clearMaterialTextures: k } = q(
+      p,
       g
-    ), { setMeshVisibility: j, getMeshNames: u } = G(
-      f,
-      y
-    ), { setMaterialColor: x, getMaterialNames: D, getMaterialColor: b } = V(
-      f,
-      S
-    ), { setMaterialTextures: k, clearMaterialTextures: L } = Y(
-      f,
-      h
     );
-    I(() => {
-      if (!f) return;
-      const X = setTimeout(() => {
-        var J;
-        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 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);
+    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;
+            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);
             });
           }
-        }), r.current = Array.from(Z).sort(), (J = l.current) == null || J.call(l, {
-          meshes: _.sort(),
-          materials: Array.from(U).sort(),
-          bones: O.sort(),
-          nodeCount: q,
+        }), 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: r.current
+          morphTargetNames: o.current
         });
       }, 0);
-      return () => clearTimeout(X);
-    }, [f, $]), te(c, () => ({
+      return () => clearTimeout(N);
+    }, [p, $]), re(u, () => ({
       playAnimation: v,
-      stopAnimation: C,
-      getAnimationNames: d,
-      getGroup: () => M.current,
-      setMorphTarget: T,
-      getMorphTargetNames: () => r.current,
-      setMeshVisibility: j,
-      getMeshNames: u,
-      setMaterialColor: x,
-      getMaterialNames: D,
+      stopAnimation: R,
+      getAnimationNames: f,
+      getGroup: () => h.current,
+      setMorphTarget: S,
+      getMorphTargetNames: () => o.current,
+      setMeshVisibility: D,
+      getMeshNames: y,
+      setMaterialColor: w,
+      getMaterialNames: j,
       getMaterialColor: b,
-      setMaterialTextures: k,
-      clearMaterialTextures: L
+      setMaterialTextures: C,
+      clearMaterialTextures: k
     }));
-    const P = W(
+    const O = B(
       () => ({
-        scene: f,
-        getBone: (X) => f.getObjectByName(X) || null
+        scene: p,
+        getBone: (N) => p.getObjectByName(N) || null
       }),
-      [f]
-    ), B = typeof n == "number" ? [n, n, n] : n;
-    return /* @__PURE__ */ A(ae.Provider, { value: P, children: /* @__PURE__ */ se(
+      [p]
+    ), W = typeof a == "number" ? [a, a, a] : a;
+    return /* @__PURE__ */ x(ie.Provider, { value: O, children: /* @__PURE__ */ se(
       "group",
       {
-        ref: M,
-        position: o,
-        rotation: s,
-        scale: B,
+        ref: h,
+        position: e,
+        rotation: n,
+        scale: W,
         children: [
-          /* @__PURE__ */ A("primitive", { object: f }),
-          i
+          /* @__PURE__ */ x("primitive", { object: p }),
+          c
         ]
       }
     ) });
   }
 );
 le.displayName = "AnimatedModel";
-le.preload = (a) => {
-  H.preload(a);
+le.preload = (t) => {
+  U.preload(t);
 };
-const we = ee(
+const Re = te(
   ({
-    url: a,
-    position: o = [0, 0, 0],
-    rotation: s = [0, 0, 0],
-    scale: n = 1,
-    morphTargets: p,
-    meshVisibility: g,
-    materialColors: y,
-    materialTextures: S,
-    onMorphTargetsFound: h,
-    onLoad: t,
-    onError: e
-  }, i) => {
-    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,
-      p
-    ), { setMeshVisibility: v, getMeshNames: C } = G(
-      l,
-      g
-    ), { setMaterialColor: d, getMaterialNames: T, getMaterialColor: j } = V(
-      l,
-      y
-    ), { setMaterialTextures: u, clearMaterialTextures: x } = Y(
-      l,
-      S
+    url: t,
+    position: e = [0, 0, 0],
+    rotation: n = [0, 0, 0],
+    scale: a = 1,
+    morphTargets: l,
+    meshVisibility: d,
+    materialColors: M,
+    materialTextures: T,
+    onMorphTargetsFound: g,
+    onLoad: s,
+    onError: r
+  }, c) => {
+    const { scene: u } = U(t), h = A(s);
+    h.current = s;
+    const o = A(g);
+    o.current = g;
+    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
+    ), { setMaterialTextures: y, clearMaterialTextures: w } = q(
+      i,
+      T
     );
-    return I(() => {
-      var k;
+    return L(() => {
+      var C;
       const b = $();
-      b.length > 0 && ((k = r.current) == null || k.call(r, b));
-    }, [l, $]), I(() => {
-      var B;
-      if (!l) return;
-      const b = [], k = /* @__PURE__ */ new Set(), L = [];
-      let P = 0;
-      l.traverse((X) => {
-        if (P++, X.type === "Bone" && L.push(X.name), X.isMesh) {
-          const O = X;
-          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.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 = M.current) == null || B.call(M, {
+      }), (W = h.current) == null || W.call(h, {
         meshes: b.sort(),
-        materials: Array.from(k).sort(),
-        bones: L.sort(),
-        nodeCount: P
+        materials: Array.from(C).sort(),
+        bones: k.sort(),
+        nodeCount: O
       });
-    }, [l]), te(i, () => ({
+    }, [i]), re(c, () => ({
       setMorphTarget: m,
       getMorphTargetNames: $,
-      getMorphTargetValues: f,
+      getMorphTargetValues: p,
       setMeshVisibility: v,
-      getMeshNames: C,
-      setMaterialColor: d,
-      getMaterialNames: T,
-      getMaterialColor: j,
-      setMaterialTextures: u,
-      clearMaterialTextures: x
-    })), /* @__PURE__ */ A("group", { position: o, rotation: s, scale: typeof n == "number" ? [n, n, n] : n, children: /* @__PURE__ */ A("primitive", { object: l }) });
+      getMeshNames: R,
+      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: a,
-  bone: o,
-  position: s = [0, 0, 0],
-  rotation: n = [0, 0, 0],
-  scale: p = 1
+Re.displayName = "MorphableModel";
+function Ne({
+  children: t,
+  bone: e,
+  position: n = [0, 0, 0],
+  rotation: a = [0, 0, 0],
+  scale: l = 1
 }) {
-  const { getBone: g } = Ae(), [y, S] = ue(null);
-  return I(() => {
-    const t = g(o);
-    t ? S(t) : console.warn(`Bone "${o}" not found in model`);
-  }, [o, g]), y ? Me(
-    /* @__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,
-        rotation: n,
-        scale: typeof p == "number" ? [p, p, p] : p,
-        children: a
+        position: n,
+        rotation: a,
+        scale: typeof l == "number" ? [l, l, l] : l,
+        children: t
       }
     ),
-    y
+    M
   ) : null;
 }
-function Oe(a, o) {
-  const { scene: s, animations: n } = H(a), p = W(() => oe.clone(s), [s]);
-  return I(() => {
-    var t;
-    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;
+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;
+    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 = o == null ? void 0 : o.onLoad) == null || t.call(o, {
-      meshes: y.sort(),
-      materials: Array.from(S).sort(),
-      bones: g.sort(),
-      nodeCount: h
+    }), (s = e == null ? void 0 : e.onLoad) == null || s.call(e, {
+      meshes: M.sort(),
+      materials: Array.from(T).sort(),
+      bones: d.sort(),
+      nodeCount: g
     });
-  }, [p, o]), { scene: p, animations: n };
+  }, [l, e]), { scene: l, animations: a };
 }
-function Xe(a) {
-  H.preload(a);
+function Pe(t) {
+  U.preload(t);
 }
 export {
   le as AnimatedModel,
-  De as BoneAttachment,
-  be 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