mbt-3d 0.3.7 → 0.3.8

package/dist/mbt-3d.js

@@ -1,21 +1,21 @@
-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 Me, useThree as ne, useFrame as V, createPortal as ye } from "@react-three/fiber";
+import { useState as Y, useRef as v, useCallback as C, useEffect as L, Suspense as V, useMemo as D, createContext as ue, useContext as me, forwardRef as oe, useImperativeHandle as ne } from "react";
+import { ContactShadows as pe, Environment as de, OrbitControls as fe, useProgress as ge, useTexture as he, useGLTF as U, useAnimations as Me } from "@react-three/drei";
+import * as R from "three";
+import * as se from "three/examples/jsm/utils/SkeletonUtils.js";
+import { Canvas as ye, useThree as ae, useFrame as Z, createPortal as be } 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({
+import { jsxs as _, jsx as b } from "react/jsx-runtime";
+function Se({
   position: t,
   controlsConfig: e
 }) {
-  const { camera: n } = ne(), a = A(null);
+  const { camera: r } = ae(), i = v(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,
+    t && r && (r.position.set(t[0], t[1], t[2]), r.updateProjectionMatrix(), i.current && (i.current.target.set(0, 0, 0), i.current.update()));
+  }, [t, r]), /* @__PURE__ */ b(
+    fe,
     {
-      ref: a,
+      ref: i,
       makeDefault: !0,
       enabled: e.enabled,
       enablePan: e.enablePan,
@@ -30,48 +30,48 @@ function be({
     }
   );
 }
-function Se({ background: t }) {
+function $e({ 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;
+  return t ? e ? /* @__PURE__ */ b("color", { attach: "background", args: [t] }) : /* @__PURE__ */ b(xe, { 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 xe({ url: t }) {
+  const e = he(t);
+  return D(() => {
+    e.colorSpace = R.SRGBColorSpace;
+  }, [e]), /* @__PURE__ */ b("primitive", { attach: "background", object: e });
 }
-function xe({ config: t }) {
-  return /* @__PURE__ */ x(
-    fe,
+function we({ config: t }) {
+  return /* @__PURE__ */ b(
+    de,
     {
       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 }) })
+      children: /* @__PURE__ */ b("group", { scale: t.intensity ?? 1, children: /* @__PURE__ */ b("ambientLight", { intensity: 0 }) })
     }
   );
 }
-function we({ config: t }) {
+function Ae({ config: t }) {
   switch (t.type) {
     case "spot": {
       const {
         position: e = [5, 10, 5],
-        intensity: n = 50,
-        castShadow: a = !0,
+        intensity: r = 50,
+        castShadow: i = !0,
         angle: l = Math.PI / 6,
-        penumbra: d = 0.5,
+        penumbra: f = 0.5,
         decay: M = 2,
         distance: T = 0,
         color: g = "#ffffff"
       } = t;
-      return /* @__PURE__ */ x(
+      return /* @__PURE__ */ b(
         "spotLight",
         {
           position: e,
-          intensity: n,
-          castShadow: a,
+          intensity: r,
+          castShadow: i,
           angle: l,
-          penumbra: d,
+          penumbra: f,
           decay: M,
           distance: T,
           color: g
@@ -81,20 +81,20 @@ function we({ config: t }) {
     case "point": {
       const {
         position: e = [0, 5, 0],
-        intensity: n = 20,
-        color: a = "#ffffff",
+        intensity: r = 20,
+        color: i = "#ffffff",
         distance: l = 0,
-        decay: d = 2,
+        decay: f = 2,
         castShadow: M = !1
       } = t;
-      return /* @__PURE__ */ x(
+      return /* @__PURE__ */ b(
         "pointLight",
         {
           position: e,
-          intensity: n,
-          color: a,
+          intensity: r,
+          color: i,
           distance: l,
-          decay: d,
+          decay: f,
           castShadow: M
         }
       );
@@ -102,16 +102,16 @@ function we({ config: t }) {
     case "directional": {
       const {
         position: e = [10, 20, 10],
-        intensity: n = 40,
-        color: a = "#ffffff",
+        intensity: r = 40,
+        color: i = "#ffffff",
         castShadow: l = !0
       } = t;
-      return /* @__PURE__ */ x(
+      return /* @__PURE__ */ b(
         "directionalLight",
         {
           position: e,
-          intensity: n,
-          color: a,
+          intensity: r,
+          color: i,
           castShadow: l
         }
       );
@@ -119,14 +119,14 @@ function we({ config: t }) {
     case "hemisphere": {
       const {
         skyColor: e = "#ffffff",
-        groundColor: n = "#444444",
-        intensity: a = 0.5,
+        groundColor: r = "#444444",
+        intensity: i = 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(
+      } = t, f = D(() => new R.Color(e), [e]), M = D(() => new R.Color(r), [r]);
+      return /* @__PURE__ */ b(
         "hemisphereLight",
         {
-          args: [d, M, a],
+          args: [f, M, i],
           position: l
         }
       );
@@ -134,13 +134,13 @@ function we({ config: t }) {
     case "ambient": {
       const {
         intensity: e = 0.5,
-        color: n = "#ffffff"
+        color: r = "#ffffff"
       } = t;
-      return /* @__PURE__ */ x(
+      return /* @__PURE__ */ b(
         "ambientLight",
         {
           intensity: e,
-          color: n
+          color: r
         }
       );
     }
@@ -148,678 +148,763 @@ function we({ config: t }) {
       return null;
   }
 }
+function ve({
+  onChange: t
+}) {
+  const { active: e, progress: r } = ge();
+  return L(() => {
+    t(e, r);
+  }, [e, r, t]), null;
+}
 function Xe({
   children: t,
   camera: e = {},
-  controls: n = {},
-  background: a,
+  controls: r = {},
+  background: i,
   shadows: l = !0,
-  lights: d = [
+  lights: f = [
     { type: "ambient", intensity: 0.5 },
     { type: "spot", position: [5, 10, 5], intensity: 50, castShadow: !0 }
   ],
   environment: M,
   contactShadows: T = !0,
-  style: g,
+  showLoadingOverlay: g = !0,
+  style: n,
   className: s
 }) {
-  const r = {
+  const [c, d] = Y(!1), [h, o] = Y(0), a = v(null), u = C((E, p) => {
+    if (E) {
+      a.current !== null && (window.clearTimeout(a.current), a.current = null), d(!0), o(Math.max(0, Math.min(100, Math.round(p))));
+      return;
+    }
+    o(100), a.current = window.setTimeout(() => {
+      d(!1), o(0), a.current = null;
+    }, 200);
+  }, []);
+  L(() => () => {
+    a.current !== null && window.clearTimeout(a.current);
+  }, []);
+  const S = {
     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" ? {
+  }, m = {
+    enabled: r.enabled ?? !0,
+    enablePan: r.enablePan ?? !0,
+    enableZoom: r.enableZoom ?? !0,
+    enableRotate: r.enableRotate ?? !0,
+    minDistance: r.minDistance,
+    maxDistance: r.maxDistance,
+    minPolarAngle: r.minPolarAngle,
+    maxPolarAngle: r.maxPolarAngle,
+    autoRotate: r.autoRotate ?? !1,
+    autoRotateSpeed: r.autoRotateSpeed ?? 2
+  }, w = 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: l,
-      camera: {
-        position: r.position,
-        fov: r.fov
-      },
-      style: { width: "100%", height: "100%" },
-      children: [
-        /* @__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: r.position,
-            controlsConfig: c
-          }
-        ),
-        u && /* @__PURE__ */ x(
-          pe,
+  return /* @__PURE__ */ _("div", { style: { ...n || {}, position: (n == null ? void 0 : n.position) ?? "relative" }, className: s, children: [
+    /* @__PURE__ */ _(
+      ye,
+      {
+        shadows: l,
+        camera: {
+          position: S.position,
+          fov: S.fov
+        },
+        style: { width: "100%", height: "100%" },
+        children: [
+          /* @__PURE__ */ b(V, { fallback: null, children: /* @__PURE__ */ b($e, { background: i }) }),
+          M && /* @__PURE__ */ b(V, { fallback: null, children: /* @__PURE__ */ b(we, { config: M }) }),
+          f.map((E, p) => /* @__PURE__ */ b(Ae, { config: E }, `${E.type}-${p}`)),
+          /* @__PURE__ */ b(V, { fallback: null, children: t }),
+          /* @__PURE__ */ b(
+            Se,
+            {
+              position: S.position,
+              controlsConfig: m
+            }
+          ),
+          w && /* @__PURE__ */ b(
+            pe,
+            {
+              position: w.position,
+              opacity: w.opacity,
+              blur: w.blur
+            }
+          ),
+          /* @__PURE__ */ b(ve, { onChange: u })
+        ]
+      }
+    ),
+    g && c && /* @__PURE__ */ b(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          background: "rgba(8, 10, 16, 0.46)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          pointerEvents: "none",
+          zIndex: 10
+        },
+        children: /* @__PURE__ */ _(
+          "div",
           {
-            position: u.position,
-            opacity: u.opacity,
-            blur: u.blur
+            style: {
+              minWidth: 220,
+              padding: "16px 18px",
+              borderRadius: 14,
+              border: "1px solid rgba(255,255,255,0.2)",
+              background: "linear-gradient(180deg, rgba(18,24,36,0.9), rgba(13,17,27,0.9))",
+              color: "#eef3ff",
+              boxShadow: "0 10px 30px rgba(0,0,0,0.35)",
+              fontFamily: "system-ui, -apple-system, Segoe UI, sans-serif",
+              textAlign: "center"
+            },
+            children: [
+              /* @__PURE__ */ b("div", { style: { display: "flex", justifyContent: "center", marginBottom: 10 }, children: /* @__PURE__ */ _("svg", { width: "34", height: "34", viewBox: "0 0 34 34", "aria-hidden": "true", children: [
+                /* @__PURE__ */ b("circle", { cx: "17", cy: "17", r: "14", fill: "none", stroke: "rgba(255,255,255,0.2)", strokeWidth: "4" }),
+                /* @__PURE__ */ b(
+                  "path",
+                  {
+                    d: "M31 17a14 14 0 0 1-14 14",
+                    fill: "none",
+                    stroke: "#67b4ff",
+                    strokeWidth: "4",
+                    strokeLinecap: "round",
+                    children: /* @__PURE__ */ b(
+                      "animateTransform",
+                      {
+                        attributeName: "transform",
+                        type: "rotate",
+                        from: "0 17 17",
+                        to: "360 17 17",
+                        dur: "0.9s",
+                        repeatCount: "indefinite"
+                      }
+                    )
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ _("div", { style: { fontSize: 12, opacity: 0.82, marginTop: 4 }, children: [
+                h,
+                "%"
+              ] })
+            ]
           }
         )
-      ]
-    }
-  ) });
+      }
+    )
+  ] });
 }
-function Y(t, e) {
-  const n = A(/* @__PURE__ */ new Map()), a = A({}), l = A({});
+function q(t, e) {
+  const r = v(/* @__PURE__ */ new Map()), i = v({}), l = v({});
   L(() => {
-    e && (a.current = { ...e });
+    e && (i.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);
+    t.traverse((n) => {
+      if (n.isMesh) {
+        const s = n;
+        s.name && g.set(s.name, s);
       }
-    }), n.current = g;
-  }, [t]), V(() => {
-    const g = n.current;
+    }), r.current = g;
+  }, [t]), Z(() => {
+    const g = r.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 n = { ...i.current, ...l.current };
+    for (const [s, c] of Object.entries(n)) {
+      const d = g.get(s);
+      d && d.visible !== c && (d.visible = c);
     }
   });
-  const d = I((g, s) => {
-    l.current[g] = s;
-    const r = n.current.get(g);
-    r && (r.visible = s);
-  }, []), M = I(() => Array.from(n.current.keys()).sort(), []), T = I(() => {
+  const f = C((g, n) => {
+    l.current[g] = n;
+    const s = r.current.get(g);
+    s && (s.visible = n);
+  }, []), M = C(() => Array.from(r.current.keys()).sort(), []), T = C(() => {
     const g = {};
-    return n.current.forEach((s, r) => {
-      g[r] = s.visible;
+    return r.current.forEach((n, s) => {
+      g[s] = n.visible;
     }), g;
   }, []);
   return {
-    setMeshVisibility: d,
+    setMeshVisibility: f,
     getMeshNames: M,
     getMeshVisibility: T
   };
 }
-function Z(t, e) {
-  const n = A(/* @__PURE__ */ new Map()), a = A(/* @__PURE__ */ new Map());
+function J(t, e) {
+  const r = v(/* @__PURE__ */ new Map()), i = v(/* @__PURE__ */ new Map());
   L(() => {
     if (!t) return;
-    const s = /* @__PURE__ */ new Map();
-    t.traverse((r) => {
-      if (r.isMesh) {
-        const c = r;
+    const n = /* @__PURE__ */ new Map();
+    t.traverse((s) => {
+      if (s.isMesh) {
+        const c = s;
         (Array.isArray(c.material) ? c.material : [c.material]).forEach((h) => {
-          h.name && !s.has(h.name) && s.set(h.name, h);
+          h.name && !n.has(h.name) && n.set(h.name, h);
         });
       }
-    }), n.current = s, e && Object.entries(e).forEach(([r, c]) => {
-      const u = s.get(r);
-      if (u && !Array.isArray(u)) {
+    }), r.current = n, e && Object.entries(e).forEach(([s, c]) => {
+      const d = n.get(s);
+      if (d && !Array.isArray(d)) {
         const h = l(c);
-        u.color && u.color.copy(h), a.current.set(r, h);
+        d.color && d.color.copy(h), i.current.set(s, h);
       }
     });
-  }, [t, e]), V(() => {
-    a.current.forEach((s, r) => {
-      const c = n.current.get(r);
+  }, [t, e]), Z(() => {
+    i.current.forEach((n, s) => {
+      const c = r.current.get(s);
       if (c && !Array.isArray(c)) {
-        const u = c;
-        u.color && !u.color.equals(s) && (u.color.copy(s), u.needsUpdate = !0);
+        const d = c;
+        d.color && !d.color.equals(n) && (d.color.copy(n), d.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;
+  const l = (n) => typeof n == "string" ? new R.Color(n) : new R.Color(n[0], n[1], n[2]), f = C((n, s) => {
+    const c = l(s);
+    i.current.set(n, c);
+    const d = r.current.get(n);
+    if (d && !Array.isArray(d)) {
+      const h = d;
       h.color && (h.color.copy(c), h.needsUpdate = !0);
     }
-  }, []), 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;
+  }, []), M = C(() => Array.from(r.current.keys()).sort(), []), T = C((n) => {
+    const s = r.current.get(n);
+    if (s && !Array.isArray(s)) {
+      const c = s;
       if (c.color)
         return "#" + c.color.getHexString();
     }
     return null;
-  }, []), g = I(() => {
-    const s = {};
-    return n.current.forEach((r, c) => {
-      if (!Array.isArray(r)) {
-        const u = r;
-        u.color && (s[c] = "#" + u.color.getHexString());
+  }, []), g = C(() => {
+    const n = {};
+    return r.current.forEach((s, c) => {
+      if (!Array.isArray(s)) {
+        const d = s;
+        d.color && (n[c] = "#" + d.color.getHexString());
       }
-    }), s;
+    }), n;
   }, []);
   return {
-    setMaterialColor: d,
+    setMaterialColor: f,
     getMaterialNames: M,
     getMaterialColor: T,
     getAllMaterialColors: g
   };
 }
-function z(t) {
+function G(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");
+    const r = new URL(t, window.location.origin), i = decodeURIComponent(r.hash.replace(/^#/, "")).toLowerCase(), l = decodeURIComponent(r.search).toLowerCase(), f = decodeURIComponent(r.pathname).toLowerCase();
+    return i.endsWith(".ktx2") || l.includes(".ktx2") || f.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("");
+function Q(t, e) {
+  const { gl: r } = ae(), i = v(/* @__PURE__ */ new Map()), l = v(new R.TextureLoader()), f = v(null), M = v(/* @__PURE__ */ new Map()), T = v(/* @__PURE__ */ new Set()), g = v("");
   L(() => {
-    if (!d.current)
+    if (!f.current)
       try {
         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);
+        console.log("[useMaterialTexture] Browser features:"), console.log(`  WebAssembly supported: ${o}`), console.log(`  WebGL2: ${r.capabilities.isWebGL2}`);
+        const a = new Te();
+        a.setTranscoderPath("/basis/"), a.detectSupport(r), f.current = a, console.log("[useMaterialTexture] ✅ KTX2Loader initialized"), console.log("[useMaterialTexture] Transcoder path: /basis/"), fetch("/basis/basis_transcoder.wasm").then((u) => {
+          u.ok ? console.log("[useMaterialTexture] ✅ basis_transcoder.wasm is accessible") : console.error("[useMaterialTexture] ❌ basis_transcoder.wasm returned", u.status);
+        }).catch((u) => {
+          console.error("[useMaterialTexture] ❌ Failed to check basis_transcoder.wasm:", u);
         }), 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 () => {
-      d.current && (d.current.dispose(), d.current = null);
+      f.current && (f.current.dispose(), f.current = null);
     };
-  }, [n]), L(() => {
+  }, [r]), 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);
+    t.traverse((a) => {
+      if (a.isMesh) {
+        const u = a;
+        (Array.isArray(u.material) ? u.material : [u.material]).forEach((m) => {
+          m.name && !o.has(m.name) && o.set(m.name, m);
         });
       }
-    }), a.current = o;
+    }), i.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, []);
+  const n = C((o) => G(o) ? f.current ? f.current : (console.warn("[useMaterialTexture] KTX2Loader not initialized, falling back to TextureLoader"), l.current) : l.current, []);
   L(() => {
     if (!e || !t) return;
-    const o = a.current;
+    const o = i.current;
     if (o.size === 0) return;
-    const i = JSON.stringify(e);
-    if (g.current === i) {
+    const a = JSON.stringify(e);
+    if (g.current === a) {
       console.log("[useMaterialTexture] Textures unchanged, skipping reload");
       return;
     }
-    g.current = i;
-    let m = !1;
-    const $ = /* @__PURE__ */ new Map();
-    Object.entries(e).forEach(([f, S]) => {
-      $.set(f, typeof S == "string" ? { map: S } : S);
-    }), console.log("[useMaterialTexture] Starting texture load for", $.size, "materials");
-    const p = [];
-    $.forEach((f, S) => {
-      var w, j;
-      const D = o.get(S);
-      if (!D || !D.isMeshStandardMaterial) {
-        console.warn(`[useMaterialTexture] Material "${S}" not found or not MeshStandardMaterial`);
+    g.current = a;
+    let u = !1;
+    const S = /* @__PURE__ */ new Map();
+    Object.entries(e).forEach(([p, x]) => {
+      S.set(p, typeof x == "string" ? { map: x } : x);
+    }), console.log("[useMaterialTexture] Starting texture load for", S.size, "materials");
+    const m = [];
+    S.forEach((p, x) => {
+      var A, O;
+      const X = o.get(x);
+      if (!X || !X.isMeshStandardMaterial) {
+        console.warn(`[useMaterialTexture] Material "${x}" not found or not MeshStandardMaterial`);
         return;
       }
-      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);
+      const y = X;
+      console.log(`[useMaterialTexture] 📋 Material "${x}" 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: ${(A = y.color) == null ? void 0 : A.getHexString()}`), console.log(`  - emissive: ${(O = y.emissive) == null ? void 0 : O.getHexString()}`), console.log(`  - material uuid: ${y.uuid}`), Object.entries(p).forEach(([$, k]) => {
+        if (!k) return;
+        const I = $, j = y[I];
+        j && (console.log(`[useMaterialTexture] 🗑️ Disposing old ${I} (uuid: ${j.uuid})`), j.dispose(), y[I] = null);
+      }), p.emissiveMap && (y.emissive = new R.Color(0), y.emissiveIntensity = 0), y.needsUpdate = !0, y.color = new R.Color(16777215), console.log(`[useMaterialTexture] ✅ Material "${x}" AFTER reset: only specified maps cleared`), Object.entries(p).forEach(([$, k]) => {
+        if (!k) return;
+        const I = `${x}_${$}_${k}`, j = M.current.get(I);
+        if (j) {
+          console.log(`[useMaterialTexture] Using cached texture: ${x}.${$}`), u || s(y, $, j);
           return;
         }
-        if (T.current.has(k)) {
-          console.log(`[useMaterialTexture] Skipping already loading: ${S}.${b}`);
+        if (T.current.has(I)) {
+          console.log(`[useMaterialTexture] Skipping already loading: ${x}.${$}`);
           return;
         }
-        p.push({ materialName: S, textureType: b, url: C, material: y });
+        m.push({ materialName: x, textureType: $, url: k, material: y });
       });
-    }), console.log(`[useMaterialTexture] Queued ${p.length} textures to load`);
-    let v = 0;
-    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}`);
+    }), console.log(`[useMaterialTexture] Queued ${m.length} textures to load`);
+    let w = 0;
+    const E = () => {
+      if (u || w >= m.length) {
+        console.log("[useMaterialTexture] ✅ All textures loaded"), console.log("[useMaterialTexture] 📊 FINAL material states:"), o.forEach((A, O) => {
+          var k, I;
+          const $ = A;
+          console.log(`  Material "${O}":`), 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: ${(I = $.emissive) == null ? void 0 : I.getHexString()}`), console.log(`    - emissiveIntensity: ${$.emissiveIntensity}`), console.log(`    - roughness: ${$.roughness}`), console.log(`    - metalness: ${$.metalness}`);
         });
         return;
       }
-      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();
+      const p = m[w++], x = `${p.materialName}_${p.textureType}_${p.url}`;
+      console.log(`[useMaterialTexture] Loading (${w}/${m.length}): ${p.materialName}.${p.textureType} from ${p.url}`), T.current.add(x);
+      const X = n(p.url), y = G(p.url) ? "KTX2Loader" : "TextureLoader";
+      console.log(`[useMaterialTexture] Using ${y} for ${p.url}`), X.load(
+        p.url,
+        (A) => {
+          var I, j, W, P, N, H;
+          if (T.current.delete(x), u) {
+            console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${p.materialName}.${p.textureType}`), A.dispose();
             return;
           }
-          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);
+          const O = ((I = A.image) == null ? void 0 : I.width) || ((W = (j = A.source) == null ? void 0 : j.data) == null ? void 0 : W.width) || "unknown", $ = ((P = A.image) == null ? void 0 : P.height) || ((H = (N = A.source) == null ? void 0 : N.data) == null ? void 0 : H.height) || "unknown";
+          console.log(`[useMaterialTexture] ✅ Loaded: ${p.materialName}.${p.textureType} (${O}x${$})`), A.colorSpace = p.textureType === "map" || p.textureType === "emissiveMap" ? R.SRGBColorSpace : R.NoColorSpace, A.wrapS = R.RepeatWrapping, A.wrapT = R.RepeatWrapping, A.flipY = !1, M.current.set(x, A), s(p.material, p.textureType, A);
+          const k = G(p.url) ? 500 : 150;
+          console.log(`[useMaterialTexture] Waiting111111 ${k}ms before next texture...`), setTimeout(E, 0);
         },
-        (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}%`);
+        (A) => {
+          if (A.lengthComputable) {
+            const O = Math.round(A.loaded / A.total * 100);
+            O % 25 === 0 && console.log(`[useMaterialTexture] Progress ${p.materialName}.${p.textureType}: ${O}%`);
           }
         },
-        (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);
+        (A) => {
+          T.current.delete(x), u || (console.error(`[useMaterialTexture] ❌ Failed to load ${p.materialName}.${p.textureType} from ${p.url}`), console.error("[useMaterialTexture] Error details:", A), console.error("[useMaterialTexture] Loader type:", y), G(p.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(E, 100);
         }
       );
     };
-    return R(), () => {
-      console.log("[useMaterialTexture] Cleanup: disposed"), m = !0;
+    return E(), () => {
+      console.log("[useMaterialTexture] Cleanup: disposed"), u = !0;
     };
-  }, [t, e, s]);
-  const r = (o, i, m) => {
-    var $, p;
-    switch (console.log(`[useMaterialTexture] 🎨 Applying texture: ${o.name}.${i} (texture uuid: ${m.uuid})`), i) {
+  }, [t, e, n]);
+  const s = (o, a, u) => {
+    var S, m;
+    switch (console.log(`[useMaterialTexture] 🎨 Applying texture: ${o.name}.${a} (texture uuid: ${u.uuid})`), a) {
       case "map":
-        o.map = m;
+        o.map = u;
         break;
       case "normalMap":
-        o.normalMap = m;
+        o.normalMap = u;
         break;
       case "roughnessMap":
-        o.roughnessMap = m;
+        o.roughnessMap = u;
         break;
       case "metalnessMap":
-        o.metalnessMap = m;
+        o.metalnessMap = u;
         break;
       case "emissiveMap":
-        o.emissiveMap = m, o.emissive = new E.Color(16777215), o.emissiveIntensity = 1;
+        o.emissiveMap = u, o.emissive = new R.Color(16777215), o.emissiveIntensity = 1;
         break;
       case "alphaMap":
         console.log(`[useMaterialTexture] Skipping alphaMap for "${o.name}" to prevent disappearing`);
         break;
       case "aoMap":
-        o.aoMap = m;
+        o.aoMap = u;
         break;
     }
-    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) {
+    o.needsUpdate = !0, console.log(`[useMaterialTexture] ✅ Applied ${a} 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: ${(S = o.color) == null ? void 0 : S.getHexString()}`), console.log(`  - emissive: ${(m = o.emissive) == null ? void 0 : m.getHexString()}`), console.log(`  - emissiveIntensity: ${o.emissiveIntensity}`), console.log(`  - roughness: ${o.roughness}`), console.log(`  - metalness: ${o.metalness}`);
+  }, c = C((o, a) => {
+    const u = typeof a == "string" ? { map: a } : a, S = i.current.get(o);
+    if (!S || !S.isMeshStandardMaterial) {
       console.warn(`Material "${o}" not found or not MeshStandardMaterial`);
       return;
     }
-    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);
+    const m = S;
+    Object.entries(u).forEach(([w, E]) => {
+      if (!E) return;
+      const p = `${o}_${w}_${E}`, x = M.current.get(p);
+      if (x) {
+        s(m, w, x);
         return;
       }
-      s(R).load(
-        R,
+      n(E).load(
+        E,
         (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);
+          y.colorSpace = w === "map" || w === "emissiveMap" ? R.SRGBColorSpace : R.NoColorSpace, y.wrapS = R.RepeatWrapping, y.wrapT = R.RepeatWrapping, M.current.set(p, y), s(m, w, y);
         },
         void 0,
         (y) => {
-          console.error(`Failed to load texture ${R}:`, y);
+          console.error(`Failed to load texture ${E}:`, y);
         }
       );
     });
-  }, [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;
+  }, [n]), d = C(() => Array.from(i.current.keys()).sort(), []), h = C((o) => {
+    const a = i.current.get(o);
+    if (!a || !a.isMeshStandardMaterial) return;
+    const u = a;
+    u.map = null, u.normalMap = null, u.roughnessMap = null, u.metalnessMap = null, u.emissiveMap = null, u.alphaMap = null, u.aoMap = null, u.needsUpdate = !0;
   }, []);
   return {
     setMaterialTextures: c,
-    getMaterialNames: u,
+    getMaterialNames: d,
     clearMaterialTextures: h
   };
 }
-function Ae({
+function Ee({
   url: t,
   position: e = [0, 0, 0],
-  rotation: n = [0, 0, 0],
-  scale: a = 1,
+  rotation: r = [0, 0, 0],
+  scale: i = 1,
   meshVisibility: l,
-  materialColors: d,
+  materialColors: f,
   materialTextures: M,
   onLoad: T,
   onError: g
 }) {
-  const { scene: s } = U(t), r = A(T);
-  r.current = T;
-  const c = B(() => {
-    const h = s.clone();
+  const { scene: n } = U(t), s = v(T);
+  s.current = T;
+  const c = D(() => {
+    const h = n.clone();
     console.log("[Model] 🔍 Scene clone created, checking materials...");
-    const o = [], i = /* @__PURE__ */ new Set(), m = [];
-    let $ = 0;
-    return h.traverse((p) => {
-      if ($++, p.type === "Bone" && m.push(p.name), p.isMesh) {
-        const v = p;
-        o.push(v.name), v.castShadow = !0, v.receiveShadow = !0, (Array.isArray(v.material) ? v.material : [v.material]).forEach((f) => {
-          i.add(f.name), console.log(`[Model] 📦 Material found: "${f.name}" (uuid: ${f.uuid})`);
-          const S = f;
-          console.log(`  - Has map: ${S.map ? "YES" : "NO"}`), console.log(`  - Has normalMap: ${S.normalMap ? "YES" : "NO"}`), console.log(`  - Has roughnessMap: ${S.roughnessMap ? "YES" : "NO"}`), console.log(`  - Has metalnessMap: ${S.metalnessMap ? "YES" : "NO"}`);
+    const o = [], a = /* @__PURE__ */ new Set(), u = [];
+    let S = 0;
+    return h.traverse((m) => {
+      if (S++, m.type === "Bone" && u.push(m.name), m.isMesh) {
+        const w = m;
+        o.push(w.name), w.castShadow = !0, w.receiveShadow = !0, (Array.isArray(w.material) ? w.material : [w.material]).forEach((p) => {
+          a.add(p.name), console.log(`[Model] 📦 Material found: "${p.name}" (uuid: ${p.uuid})`);
+          const x = p;
+          console.log(`  - Has map: ${x.map ? "YES" : "NO"}`), console.log(`  - Has normalMap: ${x.normalMap ? "YES" : "NO"}`), console.log(`  - Has roughnessMap: ${x.roughnessMap ? "YES" : "NO"}`), console.log(`  - Has metalnessMap: ${x.metalnessMap ? "YES" : "NO"}`);
         });
       }
-    }), console.log(`[Model] 📊 Clone summary: ${o.length} meshes, ${i.size} materials`), setTimeout(() => {
-      var p;
-      (p = r.current) == null || p.call(r, {
+    }), console.log(`[Model] 📊 Clone summary: ${o.length} meshes, ${a.size} materials`), setTimeout(() => {
+      var m;
+      (m = s.current) == null || m.call(s, {
         meshes: o.sort(),
-        materials: Array.from(i).sort(),
-        bones: m.sort(),
-        nodeCount: $
+        materials: Array.from(a).sort(),
+        bones: u.sort(),
+        nodeCount: S
       });
     }, 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 }) });
+  }, [n]);
+  return q(c, l), J(c, f), Q(c, M), /* @__PURE__ */ b("group", { position: e, rotation: r, scale: typeof i == "number" ? [i, i, i] : i, children: /* @__PURE__ */ b("primitive", { object: c }) });
 }
-Ae.preload = (t) => {
+Ee.preload = (t) => {
   U.preload(t);
 };
-function ve(t, e, n) {
-  const { actions: a, names: l } = he(t, e), d = A(null), M = A(n == null ? void 0 : n.defaultAnimation);
+function Re(t, e, r) {
+  const { actions: i, names: l } = Me(t, e), f = v(null), M = v(r == null ? void 0 : r.defaultAnimation);
   L(() => {
     if (l.length === 0) return;
-    const r = M.current;
+    const s = M.current;
     let c = l[0];
-    if (r) {
-      const h = l.find((o) => o === r || o.includes(r));
+    if (s) {
+      const h = l.find((o) => o === s || o.includes(s));
       h && (c = h);
     }
-    const u = a[c];
-    u && (u.reset().fadeIn(0.5).play(), d.current = u);
-  }, [a, l]);
-  const T = I(
-    (r, c) => {
+    const d = i[c];
+    d && (d.reset().fadeIn(0.5).play(), f.current = d);
+  }, [i, l]);
+  const T = C(
+    (s, c) => {
       const {
-        loop: u = !1,
+        loop: d = !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())
+      let a = i[s];
+      if (!a) {
+        const S = Object.keys(i).find(
+          (m) => m.toLowerCase().includes(s.toLowerCase()) || s.toLowerCase().includes(m.toLowerCase())
         );
-        $ && (i = a[$]);
+        S && (a = i[S]);
       }
-      if (!i) {
-        console.warn(`Animation "${r}" not found. Available: ${l.join(", ")}`);
+      if (!a) {
+        console.warn(`Animation "${s}" not found. Available: ${l.join(", ")}`);
         return;
       }
-      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);
+      const u = f.current;
+      if (!(u === a && a.isRunning()) && (u && u !== a && u.fadeOut(h), a.reset(), a.fadeIn(h), a.setLoop(
+        d ? R.LoopRepeat : R.LoopOnce,
+        d ? 1 / 0 : 1
+      ), a.clampWhenFinished = !d, a.play(), d || a.getMixer().update(0), f.current = a, o && !d && M.current)) {
+        const S = a.getMixer(), m = (w) => {
+          if (w.action === a) {
+            S.removeEventListener("finished", m);
+            const E = i[M.current];
+            E && (a.fadeOut(h), E.reset().fadeIn(h).play(), f.current = E);
           }
         };
-        $.addEventListener("finished", p);
+        S.addEventListener("finished", m);
       }
     },
-    [a, l]
-  ), g = I(() => {
-    var r;
-    (r = d.current) == null || r.fadeOut(0.2), d.current = null;
-  }, []), s = I(() => l, [l]);
+    [i, l]
+  ), g = C(() => {
+    var s;
+    (s = f.current) == null || s.fadeOut(0.2), f.current = null;
+  }, []), n = C(() => l, [l]);
   return {
     playAnimation: T,
     stopAnimation: g,
-    getAnimationNames: s,
-    actions: a
+    getAnimationNames: n,
+    actions: i
   };
 }
-function ae(t, e) {
-  const n = A(e || {}), a = A([]), l = A([]);
+function ie(t, e) {
+  const r = v(e || {}), i = v([]), l = v([]);
   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) => {
+    const g = /* @__PURE__ */ new Set(), n = [];
+    t.traverse((s) => {
+      s instanceof R.Mesh && s.morphTargetDictionary && s.morphTargetInfluences && (n.push(s), Object.keys(s.morphTargetDictionary).forEach((c) => {
         g.add(c);
       }));
-    }), 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.current = Array.from(g).sort(), l.current = n;
+  }, [t]), Z(() => {
+    const g = r.current;
+    l.current.forEach((n) => {
+      !n.morphTargetDictionary || !n.morphTargetInfluences || Object.entries(g).forEach(([s, c]) => {
+        const d = n.morphTargetDictionary[s];
+        d !== void 0 && (n.morphTargetInfluences[d] = c);
       });
     });
   }), L(() => {
-    e && (n.current = { ...e });
+    e && (r.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 }), []);
+  const f = C((g, n) => {
+    r.current[g] = Math.max(0, Math.min(1, n));
+  }, []), M = C(() => i.current, []), T = C(() => ({ ...r.current }), []);
   return {
-    setMorphTarget: d,
+    setMorphTarget: f,
     getMorphTargetNames: M,
     getMorphTargetValues: T
   };
 }
-const ie = ce(null);
-function Ee() {
-  const t = ue(ie);
+const le = ue(null);
+function ke() {
+  const t = me(le);
   if (!t)
     throw new Error("BoneAttachment must be used within an AnimatedModel");
   return t;
 }
-const le = te(
+const ce = oe(
   ({
     url: t,
     position: e = [0, 0, 0],
-    rotation: n = [0, 0, 0],
-    scale: a = 1,
+    rotation: r = [0, 0, 0],
+    scale: i = 1,
     defaultAnimation: l,
-    morphTargets: d,
+    morphTargets: f,
     meshVisibility: M,
     materialColors: T,
     materialTextures: g,
-    onLoad: s,
-    onError: r,
+    onLoad: n,
+    onError: s,
     children: c
-  }, u) => {
-    const h = A(null), o = A([]), i = A(s);
-    i.current = s;
-    const { scene: m, animations: $ } = U(t), p = B(() => oe.clone(m), [m]), { playAnimation: v, stopAnimation: R, getAnimationNames: f } = ve(
-      $,
-      p,
+  }, d) => {
+    const h = v(null), o = v([]), a = v(n);
+    a.current = n;
+    const { scene: u, animations: S } = U(t), m = D(() => se.clone(u), [u]), { playAnimation: w, stopAnimation: E, getAnimationNames: p } = Re(
+      S,
+      m,
       { defaultAnimation: l }
-    ), { setMorphTarget: S } = ae(
-      p,
-      d
-    ), { setMeshVisibility: D, getMeshNames: y } = Y(
-      p,
+    ), { setMorphTarget: x } = ie(
+      m,
+      f
+    ), { setMeshVisibility: X, getMeshNames: y } = q(
+      m,
       M
-    ), { setMaterialColor: w, getMaterialNames: j, getMaterialColor: b } = Z(
-      p,
+    ), { setMaterialColor: A, getMaterialNames: O, getMaterialColor: $ } = J(
+      m,
       T
-    ), { setMaterialTextures: C, clearMaterialTextures: k } = q(
-      p,
+    ), { setMaterialTextures: k, clearMaterialTextures: I } = Q(
+      m,
       g
     );
     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);
+      if (!m) return;
+      const P = setTimeout(() => {
+        var re;
+        const N = [], H = [], F = /* @__PURE__ */ new Set(), ee = /* @__PURE__ */ new Set();
+        let te = 0;
+        m.traverse((K) => {
+          if (te++, K.type === "Bone" && N.push(K.name), K.isMesh) {
+            const B = K;
+            H.push(B.name), B.castShadow = !0, B.receiveShadow = !0, (Array.isArray(B.material) ? B.material : [B.material]).forEach((z) => {
+              F.add(z.name), z.shadowSide = R.DoubleSide;
+            }), B.morphTargetDictionary && Object.keys(B.morphTargetDictionary).forEach((z) => {
+              ee.add(z);
             });
           }
-        }), o.current = Array.from(J).sort(), (ee = i.current) == null || ee.call(i, {
+        }), o.current = Array.from(ee).sort(), (re = a.current) == null || re.call(a, {
           meshes: H.sort(),
-          materials: Array.from(_).sort(),
-          bones: X.sort(),
-          nodeCount: Q,
-          animations: $.map((K) => K.name),
+          materials: Array.from(F).sort(),
+          bones: N.sort(),
+          nodeCount: te,
+          animations: S.map((K) => K.name),
           morphTargetNames: o.current
         });
       }, 0);
-      return () => clearTimeout(N);
-    }, [p, $]), re(u, () => ({
-      playAnimation: v,
-      stopAnimation: R,
-      getAnimationNames: f,
+      return () => clearTimeout(P);
+    }, [m, S]), ne(d, () => ({
+      playAnimation: w,
+      stopAnimation: E,
+      getAnimationNames: p,
       getGroup: () => h.current,
-      setMorphTarget: S,
+      setMorphTarget: x,
       getMorphTargetNames: () => o.current,
-      setMeshVisibility: D,
+      setMeshVisibility: X,
       getMeshNames: y,
-      setMaterialColor: w,
-      getMaterialNames: j,
-      getMaterialColor: b,
-      setMaterialTextures: C,
-      clearMaterialTextures: k
+      setMaterialColor: A,
+      getMaterialNames: O,
+      getMaterialColor: $,
+      setMaterialTextures: k,
+      clearMaterialTextures: I
     }));
-    const O = B(
+    const j = D(
       () => ({
-        scene: p,
-        getBone: (N) => p.getObjectByName(N) || null
+        scene: m,
+        getBone: (P) => m.getObjectByName(P) || null
       }),
-      [p]
-    ), W = typeof a == "number" ? [a, a, a] : a;
-    return /* @__PURE__ */ x(ie.Provider, { value: O, children: /* @__PURE__ */ se(
+      [m]
+    ), W = typeof i == "number" ? [i, i, i] : i;
+    return /* @__PURE__ */ b(le.Provider, { value: j, children: /* @__PURE__ */ _(
       "group",
       {
         ref: h,
         position: e,
-        rotation: n,
+        rotation: r,
         scale: W,
         children: [
-          /* @__PURE__ */ x("primitive", { object: p }),
+          /* @__PURE__ */ b("primitive", { object: m }),
           c
         ]
       }
     ) });
   }
 );
-le.displayName = "AnimatedModel";
-le.preload = (t) => {
+ce.displayName = "AnimatedModel";
+ce.preload = (t) => {
   U.preload(t);
 };
-const Re = te(
+const Ce = oe(
   ({
     url: t,
     position: e = [0, 0, 0],
-    rotation: n = [0, 0, 0],
-    scale: a = 1,
+    rotation: r = [0, 0, 0],
+    scale: i = 1,
     morphTargets: l,
-    meshVisibility: d,
+    meshVisibility: f,
     materialColors: M,
     materialTextures: T,
     onMorphTargetsFound: g,
-    onLoad: s,
-    onError: r
+    onLoad: n,
+    onError: s
   }, c) => {
-    const { scene: u } = U(t), h = A(s);
-    h.current = s;
-    const o = A(g);
+    const { scene: d } = U(t), h = v(n);
+    h.current = n;
+    const o = v(g);
     o.current = g;
-    const i = B(() => u.clone(), [u]), { setMorphTarget: m, getMorphTargetNames: $, getMorphTargetValues: p } = ae(
-      i,
+    const a = D(() => d.clone(), [d]), { setMorphTarget: u, getMorphTargetNames: S, getMorphTargetValues: m } = ie(
+      a,
       l
-    ), { setMeshVisibility: v, getMeshNames: R } = Y(
-      i,
-      d
-    ), { setMaterialColor: f, getMaterialNames: S, getMaterialColor: D } = Z(
-      i,
+    ), { setMeshVisibility: w, getMeshNames: E } = q(
+      a,
+      f
+    ), { setMaterialColor: p, getMaterialNames: x, getMaterialColor: X } = J(
+      a,
       M
-    ), { setMaterialTextures: y, clearMaterialTextures: w } = q(
-      i,
+    ), { setMaterialTextures: y, clearMaterialTextures: A } = Q(
+      a,
       T
     );
     return L(() => {
-      var C;
-      const b = $();
-      b.length > 0 && ((C = o.current) == null || C.call(o, b));
-    }, [i, $]), L(() => {
+      var k;
+      const $ = S();
+      $.length > 0 && ((k = o.current) == null || k.call(o, $));
+    }, [a, S]), 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));
+      if (!a) return;
+      const $ = [], k = /* @__PURE__ */ new Set(), I = [];
+      let j = 0;
+      a.traverse((P) => {
+        if (j++, P.type === "Bone" && I.push(P.name), P.isMesh) {
+          const N = P;
+          $.push(N.name), N.castShadow = !0, N.receiveShadow = !0, (Array.isArray(N.material) ? N.material : [N.material]).forEach((F) => k.add(F.name));
         }
       }), (W = h.current) == null || W.call(h, {
-        meshes: b.sort(),
-        materials: Array.from(C).sort(),
-        bones: k.sort(),
-        nodeCount: O
+        meshes: $.sort(),
+        materials: Array.from(k).sort(),
+        bones: I.sort(),
+        nodeCount: j
       });
-    }, [i]), re(c, () => ({
-      setMorphTarget: m,
-      getMorphTargetNames: $,
-      getMorphTargetValues: p,
-      setMeshVisibility: v,
-      getMeshNames: R,
-      setMaterialColor: f,
-      getMaterialNames: S,
-      getMaterialColor: D,
+    }, [a]), ne(c, () => ({
+      setMorphTarget: u,
+      getMorphTargetNames: S,
+      getMorphTargetValues: m,
+      setMeshVisibility: w,
+      getMeshNames: E,
+      setMaterialColor: p,
+      getMaterialNames: x,
+      getMaterialColor: X,
       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 }) });
+      clearMaterialTextures: A
+    })), /* @__PURE__ */ b("group", { position: e, rotation: r, scale: typeof i == "number" ? [i, i, i] : i, children: /* @__PURE__ */ b("primitive", { object: a }) });
   }
 );
-Re.displayName = "MorphableModel";
-function Ne({
+Ce.displayName = "MorphableModel";
+function Be({
   children: t,
   bone: e,
-  position: n = [0, 0, 0],
-  rotation: a = [0, 0, 0],
+  position: r = [0, 0, 0],
+  rotation: i = [0, 0, 0],
   scale: l = 1
 }) {
-  const { getBone: d } = Ee(), [M, T] = me(null);
+  const { getBone: f } = ke(), [M, T] = Y(null);
   return L(() => {
-    const s = d(e);
-    s ? T(s) : console.warn(`Bone "${e}" not found in model`);
-  }, [e, d]), M ? ye(
-    /* @__PURE__ */ x(
+    const n = f(e);
+    n ? T(n) : console.warn(`Bone "${e}" not found in model`);
+  }, [e, f]), M ? be(
+    /* @__PURE__ */ b(
       "group",
       {
-        position: n,
-        rotation: a,
+        position: r,
+        rotation: i,
         scale: typeof l == "number" ? [l, l, l] : l,
         children: t
       }
@@ -828,42 +913,42 @@ function Ne({
   ) : null;
 }
 function De(t, e) {
-  const { scene: n, animations: a } = U(t), l = B(() => oe.clone(n), [n]);
+  const { scene: r, animations: i } = U(t), l = D(() => se.clone(r), [r]);
   return L(() => {
-    var s;
+    var n;
     if (!l) return;
-    const d = [], M = [], T = /* @__PURE__ */ new Set();
+    const f = [], 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;
+    l.traverse((s) => {
+      if (g++, s.type === "Bone" && f.push(s.name), s.isMesh) {
+        const c = s;
         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.add(h.name), h.shadowSide = R.DoubleSide;
         });
       }
-    }), (s = e == null ? void 0 : e.onLoad) == null || s.call(e, {
+    }), (n = e == null ? void 0 : e.onLoad) == null || n.call(e, {
       meshes: M.sort(),
       materials: Array.from(T).sort(),
-      bones: d.sort(),
+      bones: f.sort(),
       nodeCount: g
     });
-  }, [l, e]), { scene: l, animations: a };
+  }, [l, e]), { scene: l, animations: i };
 }
-function Pe(t) {
+function We(t) {
   U.preload(t);
 }
 export {
-  le as AnimatedModel,
-  Ne as BoneAttachment,
-  Ae as Model,
-  Re as MorphableModel,
+  ce as AnimatedModel,
+  Be as BoneAttachment,
+  Ee as Model,
+  Ce as MorphableModel,
   Xe as Scene3D,
-  Pe as preloadModel,
-  ve as useAnimationController,
+  We as preloadModel,
+  Re as useAnimationController,
   De as useClonedModel,
-  Z as useMaterialColor,
-  q as useMaterialTexture,
-  Y as useMeshVisibility,
-  ae as useMorphTargets
+  J as useMaterialColor,
+  Q as useMaterialTexture,
+  q as useMeshVisibility,
+  ie as useMorphTargets
 };
 //# sourceMappingURL=mbt-3d.js.map