mbt-3d 0.3.8 → 0.3.9

package/dist/mbt-3d.js

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