mbt-3d 0.3.8 → 0.4.0

package/dist/mbt-3d.js

@@ -1,21 +1,22 @@
-import { useState as Y, useRef as v, useCallback as C, useEffect as L, Suspense as V, useMemo as D, createContext as ue, useContext as me, forwardRef as oe, useImperativeHandle as ne } from "react";
-import { ContactShadows as pe, Environment as de, OrbitControls as fe, useProgress as ge, useTexture as he, useGLTF as U, useAnimations as Me } from "@react-three/drei";
-import * as R from "three";
-import * as se from "three/examples/jsm/utils/SkeletonUtils.js";
-import { Canvas as ye, useThree as ae, useFrame as Z, createPortal as be } from "@react-three/fiber";
-import { KTX2Loader as Te } from "three/examples/jsm/loaders/KTX2Loader.js";
-import { jsxs as _, jsx as b } from "react/jsx-runtime";
-function Se({
-  position: t,
+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 z, jsx as x } from "react/jsx-runtime";
+function xe({
+  position: r,
+  target: t,
   controlsConfig: e
 }) {
-  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: 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: e.enabled,
       enablePan: e.enablePan,
@@ -30,117 +31,148 @@ function Se({
     }
   );
 }
-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 $e({ background: r }) {
+  const t = r == null ? void 0 : r.startsWith("#");
+  return r ? t ? /* @__PURE__ */ x("color", { attach: "background", args: [r] }) : /* @__PURE__ */ x(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 P(() => {
+    t.colorSpace = A.SRGBColorSpace;
+  }, [t]), /* @__PURE__ */ x("primitive", { attach: "background", object: t });
 }
-function we({ config: t }) {
-  return /* @__PURE__ */ b(
-    de,
+function Ae({ config: r }) {
+  return /* @__PURE__ */ x(
+    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
     }
   );
 }
-function Ae({ config: t }) {
-  switch (t.type) {
+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: e = [5, 10, 5],
-        intensity: r = 50,
-        castShadow: i = !0,
-        angle: l = Math.PI / 6,
-        penumbra: f = 0.5,
-        decay: M = 2,
-        distance: T = 0,
-        color: g = "#ffffff"
-      } = t;
-      return /* @__PURE__ */ b(
+        position: t = [5, 10, 5],
+        intensity: e = 50,
+        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__ */ x(
         "spotLight",
         {
-          position: e,
-          intensity: r,
-          castShadow: i,
-          angle: l,
-          penumbra: f,
-          decay: M,
-          distance: T,
-          color: g
+          position: t,
+          intensity: e,
+          castShadow: s,
+          angle: u,
+          penumbra: g,
+          decay: b,
+          distance: m,
+          color: a,
+          "shadow-mapSize-width": c,
+          "shadow-mapSize-height": c
         }
       );
     }
     case "point": {
       const {
-        position: e = [0, 5, 0],
-        intensity: r = 20,
-        color: i = "#ffffff",
-        distance: l = 0,
-        decay: f = 2,
-        castShadow: M = !1
-      } = t;
-      return /* @__PURE__ */ b(
+        position: t = [0, 5, 0],
+        intensity: e = 20,
+        color: s = "#ffffff",
+        distance: c = 0,
+        decay: u = 2,
+        castShadow: g = !1,
+        shadowMapSize: b = 2048
+      } = r;
+      return /* @__PURE__ */ x(
         "pointLight",
         {
-          position: e,
-          intensity: r,
-          color: i,
-          distance: l,
-          decay: f,
-          castShadow: M
+          position: t,
+          intensity: e,
+          color: s,
+          distance: c,
+          decay: u,
+          castShadow: g,
+          "shadow-mapSize-width": b,
+          "shadow-mapSize-height": b
         }
       );
     }
     case "directional": {
       const {
-        position: e = [10, 20, 10],
-        intensity: r = 40,
-        color: i = "#ffffff",
-        castShadow: l = !0
-      } = t;
-      return /* @__PURE__ */ b(
+        position: t = [10, 20, 10],
+        intensity: e = 40,
+        color: s = "#ffffff",
+        castShadow: c = !0,
+        shadowMapSize: u = 2048
+      } = r;
+      return /* @__PURE__ */ x(
         "directionalLight",
         {
-          position: e,
-          intensity: r,
-          color: i,
-          castShadow: l
+          position: t,
+          intensity: e,
+          color: s,
+          castShadow: c,
+          "shadow-mapSize-width": u,
+          "shadow-mapSize-height": u
         }
       );
     }
     case "hemisphere": {
       const {
-        skyColor: e = "#ffffff",
-        groundColor: r = "#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(
+        skyColor: t = "#ffffff",
+        groundColor: e = "#444444",
+        intensity: s = 0.5,
+        position: c = [0, 10, 0]
+      } = r, u = P(() => new A.Color(t), [t]), g = P(() => new A.Color(e), [e]);
+      return /* @__PURE__ */ x(
         "hemisphereLight",
         {
-          args: [f, M, i],
-          position: l
+          args: [u, g, s],
+          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__ */ x(
         "ambientLight",
         {
-          intensity: e,
-          color: r
+          intensity: t,
+          color: e
         }
       );
     }
@@ -148,109 +180,123 @@ function Ae({ config: t }) {
       return null;
   }
 }
-function ve({
-  onChange: t
+function Ie({
+  onChange: r
 }) {
-  const { active: e, progress: r } = ge();
-  return L(() => {
-    t(e, r);
-  }, [e, r, t]), null;
+  const { active: t, progress: e } = he();
+  return C(() => {
+    r(t, e);
+  }, [t, e, r]), null;
 }
-function Xe({
-  children: t,
-  camera: e = {},
-  controls: r = {},
-  background: i,
-  shadows: l = !0,
-  lights: f = [
+function ze({
+  children: r,
+  camera: t = {},
+  controls: e = {},
+  background: s,
+  shadows: c = !0,
+  lights: u = [
     { 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
+  environment: g,
+  renderer: b = {
+    physicallyCorrectLights: !0,
+    outputColorSpace: "srgb",
+    toneMapping: "ACESFilmicToneMapping",
+    toneMappingExposure: 1
+  },
+  contactShadows: m = !0,
+  showLoadingOverlay: a = !0,
+  style: o,
+  className: p
 }) {
-  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 [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), a.current = window.setTimeout(() => {
-      d(!1), o(0), a.current = null;
+    i(100), l.current = window.setTimeout(() => {
+      M(!1), i(0), l.current = null;
     }, 200);
   }, []);
-  L(() => () => {
-    a.current !== null && window.clearTimeout(a.current);
+  C(() => () => {
+    l.current !== null && window.clearTimeout(l.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: [
-    /* @__PURE__ */ _(
-      ye,
+  const h = {
+    position: t.position || [0, 2, 5],
+    fov: t.fov || 45
+  }, y = {
+    target: e.target || [0, 0, 0],
+    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
+  }, 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: l,
+        shadows: c,
         camera: {
-          position: S.position,
-          fov: S.fov
+          position: h.position,
+          fov: h.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__ */ 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: S.position,
-              controlsConfig: m
+              position: h.position,
+              target: y.target,
+              controlsConfig: y
             }
           ),
-          w && /* @__PURE__ */ b(
-            pe,
+          E && /* @__PURE__ */ x(
+            me,
             {
-              position: w.position,
-              opacity: w.opacity,
-              blur: w.blur
+              position: E.position,
+              opacity: E.opacity,
+              blur: E.blur
             }
           ),
-          /* @__PURE__ */ b(ve, { onChange: u })
+          /* @__PURE__ */ x(Ie, { onChange: w })
         ]
       }
     ),
-    g && c && /* @__PURE__ */ b(
+    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 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__ */ 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 Xe({
                     stroke: "#67b4ff",
                     strokeWidth: "4",
                     strokeLinecap: "round",
-                    children: /* @__PURE__ */ b(
+                    children: /* @__PURE__ */ x(
                       "animateTransform",
                       {
                         attributeName: "transform",
@@ -289,8 +335,8 @@ function Xe({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _("div", { style: { fontSize: 12, opacity: 0.82, marginTop: 4 }, children: [
-                h,
+              /* @__PURE__ */ z("div", { style: { fontSize: 12, opacity: 0.82, marginTop: 4 }, children: [
+                n,
                 "%"
               ] })
             ]
@@ -300,655 +346,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 J(r, t) {
+  const e = k(/* @__PURE__ */ new Map()), s = k({}), c = k({});
+  C(() => {
+    t && (s.current = { ...t });
+  }, [t]), C(() => {
+    if (!r) return;
+    const m = /* @__PURE__ */ new Map();
+    r.traverse((a) => {
+      if (a.isMesh) {
+        const o = a;
+        o.name && m.set(o.name, o);
       }
-    }), 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 = 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 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 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: f,
-    getMeshNames: M,
-    getMeshVisibility: T
+    setMeshVisibility: u,
+    getMeshNames: g,
+    getMeshVisibility: b
   };
 }
-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 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((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);
         });
       }
-    }), 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(([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);
       }
     });
-  }, [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]), 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 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 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 = 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();
+  }, []), 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;
-  }, []), g = C(() => {
-    const n = {};
-    return r.current.forEach((s, c) => {
-      if (!Array.isArray(s)) {
-        const d = s;
-        d.color && (n[c] = "#" + d.color.getHexString());
+  }, []), m = R(() => {
+    const a = {};
+    return e.current.forEach((o, p) => {
+      if (!Array.isArray(o)) {
+        const f = o;
+        f.color && (a[p] = "#" + f.color.getHexString());
       }
-    }), n;
+    }), a;
   }, []);
   return {
-    setMaterialColor: f,
-    getMaterialNames: M,
-    getMaterialColor: T,
-    getAllMaterialColors: g
+    setMaterialColor: u,
+    getMaterialNames: g,
+    getMaterialColor: b,
+    getAllMaterialColors: m
   };
 }
-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), 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 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 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: ${r.capabilities.isWebGL2}`);
-        const a = new Te();
-        a.setTranscoderPath("/basis/"), a.detectSupport(r), f.current = a, console.log("[useMaterialTexture] ✅ KTX2Loader initialized"), console.log("[useMaterialTexture] Transcoder path: /basis/"), fetch("/basis/basis_transcoder.wasm").then((u) => {
-          u.ok ? console.log("[useMaterialTexture] ✅ basis_transcoder.wasm is accessible") : console.error("[useMaterialTexture] ❌ basis_transcoder.wasm returned", u.status);
-        }).catch((u) => {
-          console.error("[useMaterialTexture] ❌ Failed to check basis_transcoder.wasm:", u);
-        }), o || (console.warn("[useMaterialTexture] ⚠️ WebAssembly not supported! KTX2 will fallback to CPU decoding (slow)"), console.warn("[useMaterialTexture] ⚠️ Recommend using WebP instead of KTX2 for this browser"));
-      } catch (o) {
-        console.error("[useMaterialTexture] ❌ Failed to initialize KTX2Loader:", o);
+        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);
+        }), 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 () => {
-      f.current && (f.current.dispose(), f.current = null);
+      u.current && (u.current.dispose(), u.current = null);
     };
-  }, [r]), L(() => {
-    if (!t) 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);
+  }, [e]), C(() => {
+    if (!r) return;
+    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;
-  }, [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;
-    const o = i.current;
-    if (o.size === 0) return;
-    const a = JSON.stringify(e);
-    if (g.current === a) {
+    }), s.current = n;
+  }, [r]);
+  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 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;
     }
-    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`);
+    m.current = i;
+    let l = !1;
+    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 y = X;
-      console.log(`[useMaterialTexture] 📋 Material "${x}" BEFORE reset:`), console.log(`  - map: ${y.map ? "EXISTS" : "null"} ${y.map ? `(uuid: ${y.map.uuid})` : ""}`), console.log(`  - normalMap: ${y.normalMap ? "EXISTS" : "null"}`), console.log(`  - roughnessMap: ${y.roughnessMap ? "EXISTS" : "null"}`), console.log(`  - metalnessMap: ${y.metalnessMap ? "EXISTS" : "null"}`), console.log(`  - emissiveMap: ${y.emissiveMap ? "EXISTS" : "null"}`), console.log(`  - aoMap: ${y.aoMap ? "EXISTS" : "null"}`), console.log(`  - color: ${(A = y.color) == null ? void 0 : A.getHexString()}`), console.log(`  - emissive: ${(O = y.emissive) == null ? void 0 : O.getHexString()}`), console.log(`  - material uuid: ${y.uuid}`), Object.entries(p).forEach(([$, k]) => {
-        if (!k) return;
-        const I = $, j = y[I];
-        j && (console.log(`[useMaterialTexture] 🗑️ Disposing old ${I} (uuid: ${j.uuid})`), j.dispose(), y[I] = null);
-      }), p.emissiveMap && (y.emissive = new R.Color(0), y.emissiveIntensity = 0), y.needsUpdate = !0, y.color = new R.Color(16777215), console.log(`[useMaterialTexture] ✅ Material "${x}" AFTER reset: only specified maps cleared`), Object.entries(p).forEach(([$, k]) => {
-        if (!k) return;
-        const I = `${x}_${$}_${k}`, j = M.current.get(I);
-        if (j) {
-          console.log(`[useMaterialTexture] Using cached texture: ${x}.${$}`), u || s(y, $, j);
+      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 (T.current.has(I)) {
-          console.log(`[useMaterialTexture] Skipping already loading: ${x}.${$}`);
+        if (b.current.has(L)) {
+          console.log(`[useMaterialTexture] Skipping already loading: ${S}.${$}`);
           return;
         }
-        m.push({ materialName: x, textureType: $, url: k, material: y });
+        h.push({ materialName: S, textureType: $, url: I, material: T });
       });
-    }), console.log(`[useMaterialTexture] Queued ${m.length} textures to load`);
-    let w = 0;
+    }), console.log(`[useMaterialTexture] Queued ${h.length} textures to load`);
+    let y = 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}`);
+      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 p = m[w++], x = `${p.materialName}_${p.textureType}_${p.url}`;
-      console.log(`[useMaterialTexture] Loading (${w}/${m.length}): ${p.materialName}.${p.textureType} from ${p.url}`), T.current.add(x);
-      const X = n(p.url), y = G(p.url) ? "KTX2Loader" : "TextureLoader";
-      console.log(`[useMaterialTexture] Using ${y} for ${p.url}`), X.load(
-        p.url,
-        (A) => {
-          var I, j, W, P, N, H;
-          if (T.current.delete(x), u) {
-            console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${p.materialName}.${p.textureType}`), A.dispose();
+      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 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 = 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 O = Math.round(A.loaded / A.total * 100);
-            O % 25 === 0 && console.log(`[useMaterialTexture] Progress ${p.materialName}.${p.textureType}: ${O}%`);
+        (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) => {
-          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);
+        (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 E(), () => {
-      console.log("[useMaterialTexture] Cleanup: disposed"), u = !0;
+      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 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 = u;
+        n.map = l;
         break;
       case "normalMap":
-        o.normalMap = u;
+        n.normalMap = l;
         break;
       case "roughnessMap":
-        o.roughnessMap = u;
+        n.roughnessMap = l;
         break;
       case "metalnessMap":
-        o.metalnessMap = u;
+        n.metalnessMap = l;
         break;
       case "emissiveMap":
-        o.emissiveMap = u, 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 = u;
+        n.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) {
-      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 m = S;
-    Object.entries(u).forEach(([w, E]) => {
+    const h = w;
+    Object.entries(l).forEach(([y, E]) => {
       if (!E) return;
-      const p = `${o}_${w}_${E}`, x = M.current.get(p);
-      if (x) {
-        s(m, w, x);
+      const d = `${n}_${y}_${E}`, S = g.current.get(d);
+      if (S) {
+        o(h, y, S);
         return;
       }
-      n(E).load(
+      a(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);
+        (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,
-        (y) => {
-          console.error(`Failed to load texture ${E}:`, y);
+        (T) => {
+          console.error(`Failed to load texture ${E}:`, T);
         }
       );
     });
-  }, [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]), 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: c,
-    getMaterialNames: d,
-    clearMaterialTextures: h
+    setMaterialTextures: p,
+    getMaterialNames: f,
+    clearMaterialTextures: M
   };
 }
-function Ee({
-  url: t,
-  position: e = [0, 0, 0],
-  rotation: r = [0, 0, 0],
-  scale: i = 1,
-  meshVisibility: l,
-  materialColors: f,
-  materialTextures: M,
-  onLoad: T,
-  onError: g
+function Re({
+  url: r,
+  position: t = [0, 0, 0],
+  rotation: e = [0, 0, 0],
+  scale: s = 1,
+  meshVisibility: c,
+  materialColors: u,
+  materialTextures: g,
+  onLoad: b,
+  onError: m
 }) {
-  const { scene: n } = U(t), s = v(T);
-  s.current = T;
-  const c = D(() => {
-    const h = n.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 = [], 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 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, ${a.size} materials`), setTimeout(() => {
-      var m;
-      (m = s.current) == null || m.call(s, {
-        meshes: o.sort(),
-        materials: Array.from(a).sort(),
-        bones: u.sort(),
-        nodeCount: S
+    }), 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: w
       });
-    }, 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), M;
+  }, [a]);
+  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 }) });
 }
-Ee.preload = (t) => {
-  U.preload(t);
+Re.preload = (r) => {
+  F.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 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 o = g.current;
+    let p = c[0];
+    if (o) {
+      const M = c.find((n) => n === o || n.includes(o));
+      M && (p = M);
     }
-    const d = i[c];
-    d && (d.reset().fadeIn(0.5).play(), f.current = d);
-  }, [i, l]);
-  const T = C(
-    (s, c) => {
+    const f = s[p];
+    f && (f.reset().fadeIn(0.5).play(), u.current = f);
+  }, [s, c]);
+  const b = R(
+    (o, p) => {
       const {
-        loop: d = !1,
-        crossFadeDuration: h = 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())
+        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 && (a = i[S]);
+        w && (i = s[w]);
       }
-      if (!a) {
-        console.warn(`Animation "${s}" not found. Available: ${l.join(", ")}`);
+      if (!i) {
+        console.warn(`Animation "${o}" 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 = 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);
           }
         };
-        S.addEventListener("finished", m);
+        w.addEventListener("finished", h);
       }
     },
-    [i, l]
-  ), g = C(() => {
-    var s;
-    (s = f.current) == null || s.fadeOut(0.2), f.current = null;
-  }, []), n = C(() => l, [l]);
+    [s, c]
+  ), m = R(() => {
+    var o;
+    (o = u.current) == null || o.fadeOut(0.2), u.current = null;
+  }, []), a = R(() => c, [c]);
   return {
-    playAnimation: T,
-    stopAnimation: g,
-    getAnimationNames: n,
-    actions: i
+    playAnimation: b,
+    stopAnimation: m,
+    getAnimationNames: a,
+    actions: s
   };
 }
-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 = 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(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);
+    }), 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(m).forEach(([o, p]) => {
+        const f = a.morphTargetDictionary[o];
+        f !== void 0 && (a.morphTargetInfluences[f] = p);
       });
     });
-  }), 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 }), []);
+  }), C(() => {
+    t && (e.current = { ...t });
+  }, [t]);
+  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: f,
-    getMorphTargetNames: M,
-    getMorphTargetValues: T
+    setMorphTarget: u,
+    getMorphTargetNames: g,
+    getMorphTargetValues: b
   };
 }
-const le = ue(null);
-function ke() {
-  const t = me(le);
-  if (!t)
+const ce = pe(null);
+function Be() {
+  const r = de(ce);
+  if (!r)
     throw new Error("BoneAttachment must be used within an AnimatedModel");
-  return t;
+  return r;
 }
-const ce = oe(
+const ue = ae(
   ({
-    url: t,
-    position: e = [0, 0, 0],
-    rotation: r = [0, 0, 0],
-    scale: i = 1,
-    defaultAnimation: l,
-    morphTargets: f,
-    meshVisibility: M,
-    materialColors: T,
-    materialTextures: g,
-    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,
-      M
-    ), { setMaterialColor: A, getMaterialNames: O, getMaterialColor: $ } = J(
-      m,
-      T
-    ), { setMaterialTextures: k, clearMaterialTextures: I } = Q(
-      m,
+    url: r,
+    position: t = [0, 0, 0],
+    rotation: e = [0, 0, 0],
+    scale: s = 1,
+    defaultAnimation: c,
+    animation: u,
+    morphTargets: g,
+    meshVisibility: b,
+    materialColors: m,
+    materialTextures: a,
+    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 }
+    );
+    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
     );
-    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);
+    C(() => {
+      if (!y) return;
+      const j = setTimeout(() => {
+        var oe;
+        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(_);
             });
           }
-        }), 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
+        }), 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(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(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: $,
+      getMaterialColor: I,
+      setMaterialTextures: L,
+      clearMaterialTextures: B
     }));
-    const j = D(
+    const D = P(
       () => ({
-        scene: m,
-        getBone: (P) => m.getObjectByName(P) || null
+        scene: y,
+        getBone: (j) => y.getObjectByName(j) || null
       }),
-      [m]
-    ), W = typeof i == "number" ? [i, i, i] : i;
-    return /* @__PURE__ */ b(le.Provider, { value: j, children: /* @__PURE__ */ _(
+      [y]
+    ), O = typeof s == "number" ? [s, s, s] : s;
+    return /* @__PURE__ */ x(ce.Provider, { value: D, children: /* @__PURE__ */ z(
       "group",
       {
-        ref: h,
-        position: e,
-        rotation: r,
-        scale: W,
+        ref: n,
+        position: t,
+        rotation: e,
+        scale: O,
         children: [
-          /* @__PURE__ */ b("primitive", { object: m }),
-          c
+          /* @__PURE__ */ x("primitive", { object: y }),
+          f
         ]
       }
     ) });
   }
 );
-ce.displayName = "AnimatedModel";
-ce.preload = (t) => {
-  U.preload(t);
+ue.displayName = "AnimatedModel";
+ue.preload = (r) => {
+  F.preload(r);
 };
-const Ce = oe(
+const je = ae(
   ({
-    url: t,
-    position: e = [0, 0, 0],
-    rotation: r = [0, 0, 0],
-    scale: i = 1,
-    morphTargets: l,
-    meshVisibility: f,
-    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,
-      M
-    ), { setMaterialTextures: y, clearMaterialTextures: A } = Q(
-      a,
-      T
+    url: r,
+    position: t = [0, 0, 0],
+    rotation: e = [0, 0, 0],
+    scale: s = 1,
+    morphTargets: c,
+    meshVisibility: u,
+    materialColors: g,
+    materialTextures: b,
+    onMorphTargetsFound: m,
+    onLoad: a,
+    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: y, getMeshNames: E } = J(
+      i,
+      u
+    ), { setMaterialColor: d, getMaterialNames: S, getMaterialColor: W } = Q(
+      i,
+      g
+    ), { setMaterialTextures: T, clearMaterialTextures: v } = ee(
+      i,
+      b
     );
-    return L(() => {
-      var k;
-      const $ = S();
-      $.length > 0 && ((k = o.current) == null || k.call(o, $));
-    }, [a, S]), L(() => {
-      var W;
-      if (!a) return;
-      const $ = [], k = /* @__PURE__ */ new Set(), I = [];
-      let j = 0;
-      a.traverse((P) => {
-        if (j++, P.type === "Bone" && I.push(P.name), P.isMesh) {
-          const N = P;
-          $.push(N.name), N.castShadow = !0, N.receiveShadow = !0, (Array.isArray(N.material) ? N.material : [N.material]).forEach((F) => k.add(F.name));
+    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 = h.current) == null || W.call(h, {
+      }), (D = M.current) == null || D.call(M, {
         meshes: $.sort(),
-        materials: Array.from(k).sort(),
-        bones: I.sort(),
-        nodeCount: j
+        materials: Array.from(I).sort(),
+        bones: L.sort(),
+        nodeCount: B
       });
-    }, [a]), ne(c, () => ({
-      setMorphTarget: u,
-      getMorphTargetNames: S,
-      getMorphTargetValues: m,
-      setMeshVisibility: w,
+    }, [i]), se(p, () => ({
+      setMorphTarget: l,
+      getMorphTargetNames: w,
+      getMorphTargetValues: h,
+      setMeshVisibility: y,
       getMeshNames: E,
-      setMaterialColor: p,
-      getMaterialNames: x,
-      getMaterialColor: X,
-      setMaterialTextures: y,
-      clearMaterialTextures: A
-    })), /* @__PURE__ */ b("group", { position: e, rotation: r, scale: typeof i == "number" ? [i, i, i] : i, children: /* @__PURE__ */ b("primitive", { object: a }) });
+      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 }) });
   }
 );
-Ce.displayName = "MorphableModel";
-function Be({
-  children: t,
-  bone: e,
-  position: r = [0, 0, 0],
-  rotation: i = [0, 0, 0],
-  scale: l = 1
+je.displayName = "MorphableModel";
+function Fe({
+  children: r,
+  bone: t,
+  position: e = [0, 0, 0],
+  rotation: s = [0, 0, 0],
+  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: 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: r,
-        rotation: i,
-        scale: typeof l == "number" ? [l, l, l] : l,
-        children: t
+        position: e,
+        rotation: s,
+        scale: typeof c == "number" ? [c, c, c] : c,
+        children: r
       }
     ),
-    M
+    g
   ) : 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 Ue(r, t) {
+  const { scene: e, animations: s } = F(r), c = P(() => ie.clone(e), [e]);
+  return C(() => {
+    var a;
+    if (!c) return;
+    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;
         });
       }
-    }), (n = e == null ? void 0 : e.onLoad) == null || n.call(e, {
-      meshes: M.sort(),
-      materials: Array.from(T).sort(),
-      bones: f.sort(),
-      nodeCount: g
+    }), (a = t == null ? void 0 : t.onLoad) == null || a.call(t, {
+      meshes: g.sort(),
+      materials: Array.from(b).sort(),
+      bones: u.sort(),
+      nodeCount: m
     });
-  }, [l, e]), { scene: l, animations: i };
+  }, [c, t]), { scene: c, animations: s };
 }
-function We(t) {
-  U.preload(t);
+function He(r) {
+  F.preload(r);
 }
 export {
-  ce as AnimatedModel,
-  Be as BoneAttachment,
-  Ee as Model,
-  Ce as MorphableModel,
-  Xe as Scene3D,
-  We as preloadModel,
-  Re as useAnimationController,
-  De as useClonedModel,
-  J as useMaterialColor,
-  Q as useMaterialTexture,
-  q as useMeshVisibility,
-  ie as useMorphTargets
+  ue as AnimatedModel,
+  Fe as BoneAttachment,
+  Re as Model,
+  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