mbt-3d 0.3.9 → 0.4.0

package/dist/mbt-3d.js

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