mbt-3d 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -32,6 +32,7 @@ import * as THREE from 'three';
  * @param morphTargets - Morph target values as key-value pairs where value is 0-1. Example: `{ muscular: 0.5, thin: 0.2 }`
  * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ "Hairgirl1": true, "Hairgirl2": false }`
  * @param materialColors - Material colors as key-value pairs. Example: `{ "Hair_girl_1": "#ff0000" }`
+ * @param materialTextures - Material texture maps. Example: `{ "Metal": { map: "/tex.webp", normalMap: "/normal.webp" } }`
  * @param children - Child components, typically BoneAttachment components for attaching items
  * @param onLoad - Callback when model loads. Receives AnimatedModelInfo object: `{ meshes, materials, bones, nodeCount, animations, morphTargetNames }`
  * @param onError - Callback when model fails to load. Receives Error object
@@ -47,6 +48,7 @@ import * as THREE from 'three';
  *   morphTargets={{ muscular: 0.5 }}
  *   meshVisibility={{ "Hairgirl1": true, "Hairgirl2": false }}
  *   materialColors={{ "Hair_girl_1": "#ff0000" }}
+ *   materialTextures={{ "Metal": { map: "/metal.webp", roughnessMap: "/rough.webp" } }}
  *   position={[0, -1, 0]}
  * >
  *   <BoneAttachment bone="hand_r">
@@ -119,6 +121,17 @@ export declare interface AnimatedModelHandle {
      * @returns Hex color string or null
      */
     getMaterialColor: (name: string) => string | null;
+    /**
+     * Set textures for a material
+     * @param name - Material name
+     * @param textures - Texture configuration or single map URL
+     */
+    setMaterialTextures: (name: string, textures: MaterialTextures | string) => void;
+    /**
+     * Clear all textures from a material
+     * @param name - Material name
+     */
+    clearMaterialTextures: (name: string) => void;
 }
 
 /**
@@ -162,6 +175,8 @@ export declare interface AnimatedModelProps extends Omit<ModelProps, 'onLoad'> {
     meshVisibility?: Record<string, boolean>;
     /** Material colors as key-value pairs { materialName: color }. Example: { "Hair_girl_1": "#ff0000" } */
     materialColors?: Record<string, string | [number, number, number]>;
+    /** Material textures as key-value pairs { materialName: textures }. Example: { "Metal": { map: "/tex.webp" } } */
+    materialTextures?: Record<string, MaterialTextures | string>;
     /** Callback when model loads with extended metadata including animations */
     onLoad?: (info: AnimatedModelInfo) => void;
 }
@@ -220,6 +235,28 @@ export declare interface BoneAttachmentProps {
     scale?: number | [number, number, number];
 }
 
+export declare type MaterialTextures = MaterialTextures_2;
+
+/**
+ * Material texture maps configuration
+ */
+declare interface MaterialTextures_2 {
+    /** Base/Diffuse color map */
+    map?: string;
+    /** Normal map */
+    normalMap?: string;
+    /** Roughness map */
+    roughnessMap?: string;
+    /** Metallic map */
+    metalnessMap?: string;
+    /** Emissive map */
+    emissiveMap?: string;
+    /** Alpha/Opacity map */
+    alphaMap?: string;
+    /** Ambient Occlusion map */
+    aoMap?: string;
+}
+
 /**
  * Model - Simple 3D model component for loading and displaying GLB/GLTF files
  *
@@ -237,6 +274,7 @@ export declare interface BoneAttachmentProps {
  * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`
  * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ "Part1": true, "Part2": false }`
  * @param materialColors - Material colors as key-value pairs. Example: `{ "MaterialName": "#ff0000" }`
+ * @param materialTextures - Material texture maps. Example: `{ "Metal": { map: "/tex.webp", normalMap: "/normal.webp" } }`
  * @param onLoad - Callback when model finishes loading. Receives ModelInfo object with metadata: `{ meshes, materials, bones, nodeCount }`
  * @param onError - Callback when model fails to load. Receives Error object
  *
@@ -252,7 +290,7 @@ export declare interface BoneAttachmentProps {
  * />
  * ```
  */
-export declare function Model({ url, position, rotation, scale, meshVisibility, materialColors, onLoad, onError: _onError, }: ModelProps): JSX_2.Element;
+export declare function Model({ url, position, rotation, scale, meshVisibility, materialColors, materialTextures, onLoad, onError: _onError, }: ModelProps): JSX_2.Element;
 
 export declare namespace Model {
     var preload: (url: string) => void;
@@ -298,6 +336,8 @@ export declare interface ModelProps {
     meshVisibility?: Record<string, boolean>;
     /** Material colors as key-value pairs { materialName: color }. Example: { "Hair_girl_1": "#ff0000" } */
     materialColors?: Record<string, string | [number, number, number]>;
+    /** Material textures as key-value pairs { materialName: textures }. Example: { "Metal": { map: "/tex.webp" } } */
+    materialTextures?: Record<string, MaterialTextures | string>;
     /** Callback when model finishes loading with metadata */
     onLoad?: (info: ModelInfo) => void;
     /** Callback when model fails to load */
@@ -327,6 +367,7 @@ export declare interface ModelProps {
  * @param morphTargets - Morph target values as key-value pairs where value is 0-1. Example: `{ muscular: 0.5, thin: 0.2 }`
  * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ "Hairgirl1": true, "Hairgirl2": false }`
  * @param materialColors - Material colors as key-value pairs. Example: `{ "Hair_girl_1": "#ff0000" }`
+ * @param materialTextures - Material texture maps. Example: `{ "Metal": { map: "/tex.webp", normalMap: "/normal.webp" } }`
  * @param onMorphTargetsFound - Callback when morph targets are discovered from the model. Receives array of morph target names: `["muscular", "thin", "fat"]`
  * @param onLoad - Callback when model finishes loading. Receives ModelInfo object with metadata: `{ meshes, materials, bones, nodeCount }`
  * @param onError - Callback when model fails to load. Receives Error object
@@ -393,6 +434,17 @@ export declare interface MorphableModelHandle {
      * @returns Hex color string or null
      */
     getMaterialColor: (name: string) => string | null;
+    /**
+     * Set textures for a material
+     * @param name - Material name
+     * @param textures - Texture configuration or single map URL
+     */
+    setMaterialTextures: (name: string, textures: MaterialTextures | string) => void;
+    /**
+     * Clear all textures from a material
+     * @param name - Material name
+     */
+    clearMaterialTextures: (name: string) => void;
 }
 
 /**
@@ -414,6 +466,8 @@ export declare interface MorphableModelProps extends ModelProps {
     meshVisibility?: Record<string, boolean>;
     /** Material colors as key-value pairs { materialName: color }. Example: { "Hair_girl_1": "#ff0000" } */
     materialColors?: Record<string, string | [number, number, number]>;
+    /** Material textures as key-value pairs { materialName: textures }. Example: { "Metal": { map: "/tex.webp" } } */
+    materialTextures?: Record<string, MaterialTextures | string>;
     /** Callback when morph targets are discovered from the model */
     onMorphTargetsFound?: (names: string[]) => void;
 }
@@ -593,14 +647,27 @@ export declare function useMaterialColor(scene: THREE.Object3D, initialColors?:
     getAllMaterialColors: () => Record<string, string>;
 };
 
+/**
+ * Hook for managing material textures in a 3D scene
+ *
+ * @param scene - The THREE.Object3D scene containing meshes with materials
+ * @param textures - Initial texture maps for materials { materialName: textureConfig }
+ * @returns Methods to control material textures
+ */
+export declare function useMaterialTexture(scene: THREE.Object3D, textures?: Record<string, MaterialTextures_2 | string>): {
+    setMaterialTextures: (materialName: string, textureConfig: MaterialTextures_2 | string) => void;
+    getMaterialNames: () => string[];
+    clearMaterialTextures: (materialName: string) => void;
+};
+
 /**
  * Hook for managing mesh visibility in a 3D scene
  *
  * @param scene - The THREE.Object3D scene containing meshes
- * @param initialVisibility - Initial visibility state for meshes
+ * @param visibility - Reactive visibility state for meshes. Updates are applied every frame.
  * @returns Methods to control mesh visibility
  */
-export declare function useMeshVisibility(scene: THREE.Object3D, initialVisibility?: Record<string, boolean>): {
+export declare function useMeshVisibility(scene: THREE.Object3D, visibility?: Record<string, boolean>): {
     setMeshVisibility: (name: string, visible: boolean) => void;
     getMeshNames: () => string[];
     getMeshVisibility: () => Record<string, boolean>;

package/dist/mbt-3d.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),A=require("@react-three/drei"),X=require("three"),Y=require("three/examples/jsm/utils/SkeletonUtils.js"),D=require("@react-three/fiber"),b=require("react/jsx-runtime");function W(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:()=>n[s]})}}return r.default=n,Object.freeze(r)}const S=W(X),$=W(Y);function ee({position:n,controlsConfig:r}){const{camera:s}=D.useThree(),o=a.useRef(null);return a.useEffect(()=>{n&&s&&(s.position.set(n[0],n[1],n[2]),s.updateProjectionMatrix(),o.current&&(o.current.target.set(0,0,0),o.current.update()))},[n,s]),b.jsx(A.OrbitControls,{ref:o,makeDefault:!0,enabled:r.enabled,enablePan:r.enablePan,enableZoom:r.enableZoom,enableRotate:r.enableRotate,minDistance:r.minDistance,maxDistance:r.maxDistance,minPolarAngle:r.minPolarAngle,maxPolarAngle:r.maxPolarAngle,autoRotate:r.autoRotate,autoRotateSpeed:r.autoRotateSpeed})}function te({background:n}){const r=n==null?void 0:n.startsWith("#");return n?r?b.jsx("color",{attach:"background",args:[n]}):b.jsx(re,{url:n}):null}function re({url:n}){const r=A.useTexture(n);return a.useMemo(()=>{r.colorSpace=S.SRGBColorSpace},[r]),b.jsx("primitive",{attach:"background",object:r})}function ne({children:n,camera:r={},controls:s={},background:o,shadows:f=!0,ambientIntensity:h=.5,spotLight:p={},contactShadows:l=!0,style:u,className:e}){const t={position:r.position||[0,2,5],fov:r.fov||45},c={enabled:s.enabled??!0,enablePan:s.enablePan??!0,enableZoom:s.enableZoom??!0,enableRotate:s.enableRotate??!0,minDistance:s.minDistance,maxDistance:s.maxDistance,minPolarAngle:s.minPolarAngle,maxPolarAngle:s.maxPolarAngle,autoRotate:s.autoRotate??!1,autoRotateSpeed:s.autoRotateSpeed??2},i={position:p.position||[5,10,5],intensity:p.intensity??50,castShadow:p.castShadow??!0},m=typeof l=="object"?{position:l.position||[0,-1,0],opacity:l.opacity??.5,blur:l.blur??2}:l?{position:[0,-1,0],opacity:.5,blur:2}:null;return b.jsx("div",{style:u,className:e,children:b.jsxs(D.Canvas,{shadows:f,camera:{position:t.position,fov:t.fov},style:{width:"100%",height:"100%"},children:[b.jsx(a.Suspense,{fallback:null,children:b.jsx(te,{background:o})}),b.jsx("ambientLight",{intensity:h}),b.jsx("spotLight",{position:i.position,intensity:i.intensity,castShadow:i.castShadow}),b.jsx(a.Suspense,{fallback:null,children:n}),b.jsx(ee,{position:t.position,controlsConfig:c}),m&&b.jsx(A.ContactShadows,{position:m.position,opacity:m.opacity,blur:m.blur})]})})}function G(n,r){const s=a.useRef(new Map),o=a.useRef(r||{});a.useEffect(()=>{if(!n)return;const l=new Map;n.traverse(u=>{if(u.isMesh){const e=u;e.name&&l.set(e.name,e)}}),s.current=l,r&&Object.entries(r).forEach(([u,e])=>{const t=l.get(u);t&&(t.visible=e)})},[n,r]),D.useFrame(()=>{const l=o.current,u=s.current;Object.entries(l).forEach(([e,t])=>{const c=u.get(e);c&&c.visible!==t&&(c.visible=t)})});const f=a.useCallback((l,u)=>{o.current[l]=u;const e=s.current.get(l);e&&(e.visible=u)},[]),h=a.useCallback(()=>Array.from(s.current.keys()).sort(),[]),p=a.useCallback(()=>{const l={};return s.current.forEach((u,e)=>{l[e]=u.visible}),l},[]);return{setMeshVisibility:f,getMeshNames:h,getMeshVisibility:p}}function F(n,r){const s=a.useRef(new Map),o=a.useRef(new Map);a.useEffect(()=>{if(!n)return;const e=new Map;n.traverse(t=>{if(t.isMesh){const c=t;(Array.isArray(c.material)?c.material:[c.material]).forEach(m=>{m.name&&!e.has(m.name)&&e.set(m.name,m)})}}),s.current=e,r&&Object.entries(r).forEach(([t,c])=>{const i=e.get(t);if(i&&!Array.isArray(i)){const m=f(c);i.color&&i.color.copy(m),o.current.set(t,m)}})},[n,r]),D.useFrame(()=>{o.current.forEach((e,t)=>{const c=s.current.get(t);if(c&&!Array.isArray(c)){const i=c;i.color&&!i.color.equals(e)&&(i.color.copy(e),i.needsUpdate=!0)}})});const f=e=>typeof e=="string"?new S.Color(e):new S.Color(e[0],e[1],e[2]),h=a.useCallback((e,t)=>{const c=f(t);o.current.set(e,c);const i=s.current.get(e);if(i&&!Array.isArray(i)){const m=i;m.color&&(m.color.copy(c),m.needsUpdate=!0)}},[]),p=a.useCallback(()=>Array.from(s.current.keys()).sort(),[]),l=a.useCallback(e=>{const t=s.current.get(e);if(t&&!Array.isArray(t)){const c=t;if(c.color)return"#"+c.color.getHexString()}return null},[]),u=a.useCallback(()=>{const e={};return s.current.forEach((t,c)=>{if(!Array.isArray(t)){const i=t;i.color&&(e[c]="#"+i.color.getHexString())}}),e},[]);return{setMaterialColor:h,getMaterialNames:p,getMaterialColor:l,getAllMaterialColors:u}}function z({url:n,position:r=[0,0,0],rotation:s=[0,0,0],scale:o=1,meshVisibility:f,materialColors:h,onLoad:p,onError:l}){const{scene:u}=A.useGLTF(n),e=a.useMemo(()=>{const c=u.clone(),i=[],m=new Set,g=[];let d=0;return c.traverse(y=>{if(d++,y.type==="Bone"&&g.push(y.name),y.isMesh){const M=y;i.push(M.name),M.castShadow=!0,M.receiveShadow=!0,(Array.isArray(M.material)?M.material:[M.material]).forEach(C=>m.add(C.name))}}),p&&setTimeout(()=>{p({meshes:i.sort(),materials:Array.from(m).sort(),bones:g.sort(),nodeCount:d})},0),c},[u,p]);G(e,f),F(e,h);const t=typeof o=="number"?[o,o,o]:o;return b.jsx("group",{position:r,rotation:s,scale:t,children:b.jsx("primitive",{object:e})})}z.preload=n=>{A.useGLTF.preload(n)};function J(n,r,s){const{actions:o,names:f}=A.useAnimations(n,r),h=a.useRef(null),p=a.useRef(s==null?void 0:s.defaultAnimation);a.useEffect(()=>{if(f.length===0)return;const t=p.current;let c=f[0];if(t){const m=f.find(g=>g===t||g.includes(t));m&&(c=m)}const i=o[c];i&&(i.reset().fadeIn(.5).play(),h.current=i)},[o,f]);const l=a.useCallback((t,c)=>{const{loop:i=!1,crossFadeDuration:m=.2,restoreDefault:g=!0}=c||{};let d=o[t];if(!d){const M=Object.keys(o).find(x=>x.toLowerCase().includes(t.toLowerCase())||t.toLowerCase().includes(x.toLowerCase()));M&&(d=o[M])}if(!d){console.warn(`Animation "${t}" not found. Available: ${f.join(", ")}`);return}const y=h.current;if(!(y===d&&d.isRunning())&&(y&&y!==d&&y.fadeOut(m),d.reset(),d.fadeIn(m),d.setLoop(i?S.LoopRepeat:S.LoopOnce,i?1/0:1),d.clampWhenFinished=!i,d.play(),i||d.getMixer().update(0),h.current=d,g&&!i&&p.current)){const M=d.getMixer(),x=C=>{if(C.action===d){M.removeEventListener("finished",x);const v=o[p.current];v&&(d.fadeOut(m),v.reset().fadeIn(m).play(),h.current=v)}};M.addEventListener("finished",x)}},[o,f]),u=a.useCallback(()=>{var t;(t=h.current)==null||t.fadeOut(.2),h.current=null},[]),e=a.useCallback(()=>f,[f]);return{playAnimation:l,stopAnimation:u,getAnimationNames:e,actions:o}}function q(n,r){const s=a.useRef(r||{}),o=a.useRef([]),f=a.useRef([]);a.useEffect(()=>{const u=new Set,e=[];n.traverse(t=>{t instanceof S.Mesh&&t.morphTargetDictionary&&t.morphTargetInfluences&&(e.push(t),Object.keys(t.morphTargetDictionary).forEach(c=>{u.add(c)}))}),o.current=Array.from(u).sort(),f.current=e},[n]),D.useFrame(()=>{const u=s.current;f.current.forEach(e=>{!e.morphTargetDictionary||!e.morphTargetInfluences||Object.entries(u).forEach(([t,c])=>{const i=e.morphTargetDictionary[t];i!==void 0&&(e.morphTargetInfluences[i]=c)})})}),a.useEffect(()=>{r&&(s.current={...r})},[r]);const h=a.useCallback((u,e)=>{s.current[u]=Math.max(0,Math.min(1,e))},[]),p=a.useCallback(()=>o.current,[]),l=a.useCallback(()=>({...s.current}),[]);return{setMorphTarget:h,getMorphTargetNames:p,getMorphTargetValues:l}}const K=a.createContext(null);function se(){const n=a.useContext(K);if(!n)throw new Error("BoneAttachment must be used within an AnimatedModel");return n}const H=a.forwardRef(({url:n,position:r=[0,0,0],rotation:s=[0,0,0],scale:o=1,defaultAnimation:f,morphTargets:h,meshVisibility:p,materialColors:l,onLoad:u,onError:e,children:t},c)=>{const i=a.useRef(null),m=a.useRef([]),{scene:g,animations:d}=A.useGLTF(n),y=a.useMemo(()=>$.clone(g),[g]),{playAnimation:M,stopAnimation:x,getAnimationNames:C}=J(d,y,{defaultAnimation:f}),{setMorphTarget:v}=q(y,h),{setMeshVisibility:_,getMeshNames:E}=G(y,p),{setMaterialColor:k,getMaterialNames:O,getMaterialColor:P}=F(y,l);a.useEffect(()=>{if(!y)return;const N=setTimeout(()=>{const B=[],L=[],U=new Set,V=new Set;let Z=0;y.traverse(T=>{if(Z++,T.type==="Bone"&&B.push(T.name),T.isMesh){const R=T;L.push(R.name),R.castShadow=!0,R.receiveShadow=!0,(Array.isArray(R.material)?R.material:[R.material]).forEach(I=>{U.add(I.name),I.shadowSide=S.DoubleSide}),R.morphTargetDictionary&&Object.keys(R.morphTargetDictionary).forEach(I=>{V.add(I)})}}),m.current=Array.from(V).sort(),u==null||u({meshes:L.sort(),materials:Array.from(U).sort(),bones:B.sort(),nodeCount:Z,animations:d.map(T=>T.name),morphTargetNames:m.current})},0);return()=>clearTimeout(N)},[y,d,u]),a.useImperativeHandle(c,()=>({playAnimation:M,stopAnimation:x,getAnimationNames:C,getGroup:()=>i.current,setMorphTarget:v,getMorphTargetNames:()=>m.current,setMeshVisibility:_,getMeshNames:E,setMaterialColor:k,getMaterialNames:O,getMaterialColor:P}));const w=a.useMemo(()=>({scene:y,getBone:N=>y.getObjectByName(N)||null}),[y]),j=typeof o=="number"?[o,o,o]:o;return b.jsx(K.Provider,{value:w,children:b.jsxs("group",{ref:i,position:r,rotation:s,scale:j,children:[b.jsx("primitive",{object:y}),t]})})});H.displayName="AnimatedModel";H.preload=n=>{A.useGLTF.preload(n)};const Q=a.forwardRef(({url:n,position:r=[0,0,0],rotation:s=[0,0,0],scale:o=1,morphTargets:f,meshVisibility:h,materialColors:p,onMorphTargetsFound:l,onLoad:u,onError:e},t)=>{const{scene:c}=A.useGLTF(n),i=a.useMemo(()=>c.clone(),[c]),{setMorphTarget:m,getMorphTargetNames:g,getMorphTargetValues:d}=q(i,f),{setMeshVisibility:y,getMeshNames:M}=G(i,h),{setMaterialColor:x,getMaterialNames:C,getMaterialColor:v}=F(i,p);a.useEffect(()=>{const E=g();E.length>0&&(l==null||l(E))},[i,g,l]),a.useEffect(()=>{if(!i)return;const E=[],k=new Set,O=[];let P=0;i.traverse(w=>{if(P++,w.type==="Bone"&&O.push(w.name),w.isMesh){const j=w;E.push(j.name),j.castShadow=!0,j.receiveShadow=!0,(Array.isArray(j.material)?j.material:[j.material]).forEach(B=>k.add(B.name))}}),u==null||u({meshes:E.sort(),materials:Array.from(k).sort(),bones:O.sort(),nodeCount:P})},[i,u]),a.useImperativeHandle(t,()=>({setMorphTarget:m,getMorphTargetNames:g,getMorphTargetValues:d,setMeshVisibility:y,getMeshNames:M,setMaterialColor:x,getMaterialNames:C,getMaterialColor:v}));const _=typeof o=="number"?[o,o,o]:o;return b.jsx("group",{position:r,rotation:s,scale:_,children:b.jsx("primitive",{object:i})})});Q.displayName="MorphableModel";function ae({children:n,bone:r,position:s=[0,0,0],rotation:o=[0,0,0],scale:f=1}){const{getBone:h}=se(),[p,l]=a.useState(null);if(a.useEffect(()=>{const e=h(r);e?l(e):console.warn(`Bone "${r}" not found in model`)},[r,h]),!p)return null;const u=typeof f=="number"?[f,f,f]:f;return D.createPortal(b.jsx("group",{position:s,rotation:o,scale:u,children:n}),p)}function oe(n,r){const{scene:s,animations:o}=A.useGLTF(n),f=a.useMemo(()=>$.clone(s),[s]);return a.useEffect(()=>{var e;if(!f)return;const h=[],p=[],l=new Set;let u=0;f.traverse(t=>{if(u++,t.type==="Bone"&&h.push(t.name),t.isMesh){const c=t;p.push(c.name),c.castShadow=!0,c.receiveShadow=!0,(Array.isArray(c.material)?c.material:[c.material]).forEach(m=>{l.add(m.name),m.shadowSide=S.DoubleSide})}}),(e=r==null?void 0:r.onLoad)==null||e.call(r,{meshes:p.sort(),materials:Array.from(l).sort(),bones:h.sort(),nodeCount:u})},[f,r]),{scene:f,animations:o}}function ie(n){A.useGLTF.preload(n)}exports.AnimatedModel=H;exports.BoneAttachment=ae;exports.Model=z;exports.MorphableModel=Q;exports.Scene3D=ne;exports.preloadModel=ie;exports.useAnimationController=J;exports.useClonedModel=oe;exports.useMaterialColor=F;exports.useMeshVisibility=G;exports.useMorphTargets=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),C=require("@react-three/drei"),ne=require("three"),se=require("three/examples/jsm/utils/SkeletonUtils.js"),L=require("@react-three/fiber"),S=require("react/jsx-runtime");function Y(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const u=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(i,c,u.get?u:{enumerable:!0,get:()=>o[c]})}}return i.default=o,Object.freeze(i)}const w=Y(ne),X=Y(se);function oe({position:o,controlsConfig:i}){const{camera:c}=L.useThree(),u=t.useRef(null);return t.useEffect(()=>{o&&c&&(c.position.set(o[0],o[1],o[2]),c.updateProjectionMatrix(),u.current&&(u.current.target.set(0,0,0),u.current.update()))},[o,c]),S.jsx(C.OrbitControls,{ref:u,makeDefault:!0,enabled:i.enabled,enablePan:i.enablePan,enableZoom:i.enableZoom,enableRotate:i.enableRotate,minDistance:i.minDistance,maxDistance:i.maxDistance,minPolarAngle:i.minPolarAngle,maxPolarAngle:i.maxPolarAngle,autoRotate:i.autoRotate,autoRotateSpeed:i.autoRotateSpeed})}function ie({background:o}){const i=o==null?void 0:o.startsWith("#");return o?i?S.jsx("color",{attach:"background",args:[o]}):S.jsx(ce,{url:o}):null}function ce({url:o}){const i=C.useTexture(o);return t.useMemo(()=>{i.colorSpace=w.SRGBColorSpace},[i]),S.jsx("primitive",{attach:"background",object:i})}function ue({children:o,camera:i={},controls:c={},background:u,shadows:m=!0,ambientIntensity:M=.5,spotLight:y={},contactShadows:g=!0,style:p,className:n}){const r={position:i.position||[0,2,5],fov:i.fov||45},e={enabled:c.enabled??!0,enablePan:c.enablePan??!0,enableZoom:c.enableZoom??!0,enableRotate:c.enableRotate??!0,minDistance:c.minDistance,maxDistance:c.maxDistance,minPolarAngle:c.minPolarAngle,maxPolarAngle:c.maxPolarAngle,autoRotate:c.autoRotate??!1,autoRotateSpeed:c.autoRotateSpeed??2},s={position:y.position||[5,10,5],intensity:y.intensity??50,castShadow:y.castShadow??!0},a=typeof g=="object"?{position:g.position||[0,-1,0],opacity:g.opacity??.5,blur:g.blur??2}:g?{position:[0,-1,0],opacity:.5,blur:2}:null;return S.jsx("div",{style:p,className:n,children:S.jsxs(L.Canvas,{shadows:m,camera:{position:r.position,fov:r.fov},style:{width:"100%",height:"100%"},children:[S.jsx(t.Suspense,{fallback:null,children:S.jsx(ie,{background:u})}),S.jsx("ambientLight",{intensity:M}),S.jsx("spotLight",{position:s.position,intensity:s.intensity,castShadow:s.castShadow}),S.jsx(t.Suspense,{fallback:null,children:o}),S.jsx(oe,{position:r.position,controlsConfig:e}),a&&S.jsx(C.ContactShadows,{position:a.position,opacity:a.opacity,blur:a.blur})]})})}function q(o,i){const c=t.useRef(new Map),u=t.useRef({}),m=t.useRef({});t.useEffect(()=>{i&&(u.current={...i})},[i]),t.useEffect(()=>{if(!o)return;const p=new Map;o.traverse(n=>{if(n.isMesh){const r=n;r.name&&p.set(r.name,r)}}),c.current=p},[o]),L.useFrame(()=>{const p=c.current;if(p.size===0)return;const n={...u.current,...m.current};for(const[r,e]of Object.entries(n)){const s=p.get(r);s&&s.visible!==e&&(s.visible=e)}});const M=t.useCallback((p,n)=>{m.current[p]=n;const r=c.current.get(p);r&&(r.visible=n)},[]),y=t.useCallback(()=>Array.from(c.current.keys()).sort(),[]),g=t.useCallback(()=>{const p={};return c.current.forEach((n,r)=>{p[r]=n.visible}),p},[]);return{setMeshVisibility:M,getMeshNames:y,getMeshVisibility:g}}function V(o,i){const c=t.useRef(new Map),u=t.useRef(new Map);t.useEffect(()=>{if(!o)return;const n=new Map;o.traverse(r=>{if(r.isMesh){const e=r;(Array.isArray(e.material)?e.material:[e.material]).forEach(a=>{a.name&&!n.has(a.name)&&n.set(a.name,a)})}}),c.current=n,i&&Object.entries(i).forEach(([r,e])=>{const s=n.get(r);if(s&&!Array.isArray(s)){const a=m(e);s.color&&s.color.copy(a),u.current.set(r,a)}})},[o,i]),L.useFrame(()=>{u.current.forEach((n,r)=>{const e=c.current.get(r);if(e&&!Array.isArray(e)){const s=e;s.color&&!s.color.equals(n)&&(s.color.copy(n),s.needsUpdate=!0)}})});const m=n=>typeof n=="string"?new w.Color(n):new w.Color(n[0],n[1],n[2]),M=t.useCallback((n,r)=>{const e=m(r);u.current.set(n,e);const s=c.current.get(n);if(s&&!Array.isArray(s)){const a=s;a.color&&(a.color.copy(e),a.needsUpdate=!0)}},[]),y=t.useCallback(()=>Array.from(c.current.keys()).sort(),[]),g=t.useCallback(n=>{const r=c.current.get(n);if(r&&!Array.isArray(r)){const e=r;if(e.color)return"#"+e.color.getHexString()}return null},[]),p=t.useCallback(()=>{const n={};return c.current.forEach((r,e)=>{if(!Array.isArray(r)){const s=r;s.color&&(n[e]="#"+s.color.getHexString())}}),n},[]);return{setMaterialColor:M,getMaterialNames:y,getMaterialColor:g,getAllMaterialColors:p}}function W(o,i){const c=t.useRef(new Map),u=t.useRef(new w.TextureLoader),m=t.useRef(new Map),M=t.useRef(new Set),y=t.useRef("");t.useEffect(()=>{if(!o)return;const e=new Map;o.traverse(s=>{if(s.isMesh){const a=s;(Array.isArray(a.material)?a.material:[a.material]).forEach(l=>{l.name&&!e.has(l.name)&&e.set(l.name,l)})}}),c.current=e},[o]),t.useEffect(()=>{if(!i||!o)return;const e=u.current,s=c.current;if(s.size===0)return;const a=JSON.stringify(i);if(y.current===a){console.log("[useMaterialTexture] Textures unchanged, skipping reload");return}y.current=a;let b=!1;const l=new Map;Object.entries(i).forEach(([f,A])=>{l.set(f,typeof A=="string"?{map:A}:A)}),console.log("[useMaterialTexture] Starting texture load for",l.size,"materials");const R=[];l.forEach((f,A)=>{const h=s.get(A);if(!h||!h.isMeshStandardMaterial){console.warn(`[useMaterialTexture] Material "${A}" not found or not MeshStandardMaterial`);return}const x=h;x.map=null,x.normalMap=null,x.roughnessMap=null,x.metalnessMap=null,x.emissiveMap=null,x.emissive=new w.Color(0),x.emissiveIntensity=0,x.aoMap=null,x.needsUpdate=!0,Object.entries(f).forEach(([v,$])=>{if(!$)return;const N=`${A}_${v}_${$}`,P=m.current.get(N);if(P){console.log(`[useMaterialTexture] Using cached texture: ${A}.${v}`),b||g(x,v,P);return}if(M.current.has(N)){console.log(`[useMaterialTexture] Skipping already loading: ${A}.${v}`);return}R.push({materialName:A,textureType:v,url:$,material:x})})}),console.log(`[useMaterialTexture] Queued ${R.length} textures to load`);let T=0;const d=()=>{if(b||T>=R.length){console.log("[useMaterialTexture] All textures loaded");return}const f=R[T++],A=`${f.materialName}_${f.textureType}_${f.url}`;console.log(`[useMaterialTexture] Loading (${T}/${R.length}): ${f.materialName}.${f.textureType}`),M.current.add(A),e.load(f.url,h=>{var x,v;if(M.current.delete(A),b){console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${f.materialName}.${f.textureType}`),h.dispose();return}console.log(`[useMaterialTexture] Loaded: ${f.materialName}.${f.textureType} (${(x=h.image)==null?void 0:x.width}x${(v=h.image)==null?void 0:v.height})`),h.colorSpace=f.textureType==="map"||f.textureType==="emissiveMap"?w.SRGBColorSpace:w.NoColorSpace,h.wrapS=w.RepeatWrapping,h.wrapT=w.RepeatWrapping,h.flipY=!1,m.current.set(A,h),g(f.material,f.textureType,h),setTimeout(d,150)},h=>{if(h.lengthComputable){const x=Math.round(h.loaded/h.total*100);x%25===0&&console.log(`[useMaterialTexture] Progress ${f.materialName}.${f.textureType}: ${x}%`)}},h=>{M.current.delete(A),b||console.error(`[useMaterialTexture] Failed to load ${f.materialName}.${f.textureType} from ${f.url}:`,h),setTimeout(d,100)})};return d(),()=>{console.log("[useMaterialTexture] Cleanup: disposed"),b=!0}},[o,i]);const g=(e,s,a)=>{switch(s){case"map":e.map=a;break;case"normalMap":e.normalMap=a;break;case"roughnessMap":e.roughnessMap=a;break;case"metalnessMap":e.metalnessMap=a;break;case"emissiveMap":e.emissiveMap=a,e.emissive=new w.Color(16777215),e.emissiveIntensity=1;break;case"alphaMap":console.log(`[useMaterialTexture] Skipping alphaMap for "${e.name}" to prevent disappearing`);break;case"aoMap":e.aoMap=a;break}e.needsUpdate=!0},p=t.useCallback((e,s)=>{const a=typeof s=="string"?{map:s}:s,b=c.current.get(e);if(!b||!b.isMeshStandardMaterial){console.warn(`Material "${e}" not found or not MeshStandardMaterial`);return}const l=b,R=u.current;Object.entries(a).forEach(([T,d])=>{if(!d)return;const f=`${e}_${T}_${d}`,A=m.current.get(f);if(A){g(l,T,A);return}R.load(d,h=>{h.colorSpace=T==="map"||T==="emissiveMap"?w.SRGBColorSpace:w.NoColorSpace,h.wrapS=w.RepeatWrapping,h.wrapT=w.RepeatWrapping,m.current.set(f,h),g(l,T,h)},void 0,h=>{console.error(`Failed to load texture ${d}:`,h)})})},[]),n=t.useCallback(()=>Array.from(c.current.keys()).sort(),[]),r=t.useCallback(e=>{const s=c.current.get(e);if(!s||!s.isMeshStandardMaterial)return;const a=s;a.map=null,a.normalMap=null,a.roughnessMap=null,a.metalnessMap=null,a.emissiveMap=null,a.alphaMap=null,a.aoMap=null,a.needsUpdate=!0},[]);return{setMaterialTextures:p,getMaterialNames:n,clearMaterialTextures:r}}function ee({url:o,position:i=[0,0,0],rotation:c=[0,0,0],scale:u=1,meshVisibility:m,materialColors:M,materialTextures:y,onLoad:g,onError:p}){const{scene:n}=C.useGLTF(o),r=t.useRef(g);r.current=g;const e=t.useMemo(()=>{const a=n.clone(),b=[],l=new Set,R=[];let T=0;return a.traverse(d=>{if(T++,d.type==="Bone"&&R.push(d.name),d.isMesh){const f=d;b.push(f.name),f.castShadow=!0,f.receiveShadow=!0,(Array.isArray(f.material)?f.material:[f.material]).forEach(h=>l.add(h.name))}}),setTimeout(()=>{var d;(d=r.current)==null||d.call(r,{meshes:b.sort(),materials:Array.from(l).sort(),bones:R.sort(),nodeCount:T})},0),a},[n]);q(e,m),V(e,M),W(e,y);const s=typeof u=="number"?[u,u,u]:u;return S.jsx("group",{position:i,rotation:c,scale:s,children:S.jsx("primitive",{object:e})})}ee.preload=o=>{C.useGLTF.preload(o)};function te(o,i,c){const{actions:u,names:m}=C.useAnimations(o,i),M=t.useRef(null),y=t.useRef(c==null?void 0:c.defaultAnimation);t.useEffect(()=>{if(m.length===0)return;const r=y.current;let e=m[0];if(r){const a=m.find(b=>b===r||b.includes(r));a&&(e=a)}const s=u[e];s&&(s.reset().fadeIn(.5).play(),M.current=s)},[u,m]);const g=t.useCallback((r,e)=>{const{loop:s=!1,crossFadeDuration:a=.2,restoreDefault:b=!0}=e||{};let l=u[r];if(!l){const T=Object.keys(u).find(d=>d.toLowerCase().includes(r.toLowerCase())||r.toLowerCase().includes(d.toLowerCase()));T&&(l=u[T])}if(!l){console.warn(`Animation "${r}" not found. Available: ${m.join(", ")}`);return}const R=M.current;if(!(R===l&&l.isRunning())&&(R&&R!==l&&R.fadeOut(a),l.reset(),l.fadeIn(a),l.setLoop(s?w.LoopRepeat:w.LoopOnce,s?1/0:1),l.clampWhenFinished=!s,l.play(),s||l.getMixer().update(0),M.current=l,b&&!s&&y.current)){const T=l.getMixer(),d=f=>{if(f.action===l){T.removeEventListener("finished",d);const A=u[y.current];A&&(l.fadeOut(a),A.reset().fadeIn(a).play(),M.current=A)}};T.addEventListener("finished",d)}},[u,m]),p=t.useCallback(()=>{var r;(r=M.current)==null||r.fadeOut(.2),M.current=null},[]),n=t.useCallback(()=>m,[m]);return{playAnimation:g,stopAnimation:p,getAnimationNames:n,actions:u}}function H(o,i){const c=t.useRef(i||{}),u=t.useRef([]),m=t.useRef([]);t.useEffect(()=>{const p=new Set,n=[];o.traverse(r=>{r instanceof w.Mesh&&r.morphTargetDictionary&&r.morphTargetInfluences&&(n.push(r),Object.keys(r.morphTargetDictionary).forEach(e=>{p.add(e)}))}),u.current=Array.from(p).sort(),m.current=n},[o]),L.useFrame(()=>{const p=c.current;m.current.forEach(n=>{!n.morphTargetDictionary||!n.morphTargetInfluences||Object.entries(p).forEach(([r,e])=>{const s=n.morphTargetDictionary[r];s!==void 0&&(n.morphTargetInfluences[s]=e)})})}),t.useEffect(()=>{i&&(c.current={...i})},[i]);const M=t.useCallback((p,n)=>{c.current[p]=Math.max(0,Math.min(1,n))},[]),y=t.useCallback(()=>u.current,[]),g=t.useCallback(()=>({...c.current}),[]);return{setMorphTarget:M,getMorphTargetNames:y,getMorphTargetValues:g}}const re=t.createContext(null);function le(){const o=t.useContext(re);if(!o)throw new Error("BoneAttachment must be used within an AnimatedModel");return o}const K=t.forwardRef(({url:o,position:i=[0,0,0],rotation:c=[0,0,0],scale:u=1,defaultAnimation:m,morphTargets:M,meshVisibility:y,materialColors:g,materialTextures:p,onLoad:n,onError:r,children:e},s)=>{const a=t.useRef(null),b=t.useRef([]),l=t.useRef(n);l.current=n;const{scene:R,animations:T}=C.useGLTF(o),d=t.useMemo(()=>X.clone(R),[R]),{playAnimation:f,stopAnimation:A,getAnimationNames:h}=te(T,d,{defaultAnimation:m}),{setMorphTarget:x}=H(d,M),{setMeshVisibility:v,getMeshNames:$}=q(d,y),{setMaterialColor:N,getMaterialNames:P,getMaterialColor:D}=V(d,g),{setMaterialTextures:O,clearMaterialTextures:_}=W(d,p);t.useEffect(()=>{if(!d)return;const E=setTimeout(()=>{var Q;const j=[],z=[],G=new Set,Z=new Set;let J=0;d.traverse(B=>{if(J++,B.type==="Bone"&&j.push(B.name),B.isMesh){const k=B;z.push(k.name),k.castShadow=!0,k.receiveShadow=!0,(Array.isArray(k.material)?k.material:[k.material]).forEach(U=>{G.add(U.name),U.shadowSide=w.DoubleSide}),k.morphTargetDictionary&&Object.keys(k.morphTargetDictionary).forEach(U=>{Z.add(U)})}}),b.current=Array.from(Z).sort(),(Q=l.current)==null||Q.call(l,{meshes:z.sort(),materials:Array.from(G).sort(),bones:j.sort(),nodeCount:J,animations:T.map(B=>B.name),morphTargetNames:b.current})},0);return()=>clearTimeout(E)},[d,T]),t.useImperativeHandle(s,()=>({playAnimation:f,stopAnimation:A,getAnimationNames:h,getGroup:()=>a.current,setMorphTarget:x,getMorphTargetNames:()=>b.current,setMeshVisibility:v,getMeshNames:$,setMaterialColor:N,getMaterialNames:P,getMaterialColor:D,setMaterialTextures:O,clearMaterialTextures:_}));const F=t.useMemo(()=>({scene:d,getBone:E=>d.getObjectByName(E)||null}),[d]),I=typeof u=="number"?[u,u,u]:u;return S.jsx(re.Provider,{value:F,children:S.jsxs("group",{ref:a,position:i,rotation:c,scale:I,children:[S.jsx("primitive",{object:d}),e]})})});K.displayName="AnimatedModel";K.preload=o=>{C.useGLTF.preload(o)};const ae=t.forwardRef(({url:o,position:i=[0,0,0],rotation:c=[0,0,0],scale:u=1,morphTargets:m,meshVisibility:M,materialColors:y,materialTextures:g,onMorphTargetsFound:p,onLoad:n,onError:r},e)=>{const{scene:s}=C.useGLTF(o),a=t.useRef(n);a.current=n;const b=t.useRef(p);b.current=p;const l=t.useMemo(()=>s.clone(),[s]),{setMorphTarget:R,getMorphTargetNames:T,getMorphTargetValues:d}=H(l,m),{setMeshVisibility:f,getMeshNames:A}=q(l,M),{setMaterialColor:h,getMaterialNames:x,getMaterialColor:v}=V(l,y),{setMaterialTextures:$,clearMaterialTextures:N}=W(l,g);t.useEffect(()=>{var O;const D=T();D.length>0&&((O=b.current)==null||O.call(b,D))},[l,T]),t.useEffect(()=>{var I;if(!l)return;const D=[],O=new Set,_=[];let F=0;l.traverse(E=>{if(F++,E.type==="Bone"&&_.push(E.name),E.isMesh){const j=E;D.push(j.name),j.castShadow=!0,j.receiveShadow=!0,(Array.isArray(j.material)?j.material:[j.material]).forEach(G=>O.add(G.name))}}),(I=a.current)==null||I.call(a,{meshes:D.sort(),materials:Array.from(O).sort(),bones:_.sort(),nodeCount:F})},[l]),t.useImperativeHandle(e,()=>({setMorphTarget:R,getMorphTargetNames:T,getMorphTargetValues:d,setMeshVisibility:f,getMeshNames:A,setMaterialColor:h,getMaterialNames:x,getMaterialColor:v,setMaterialTextures:$,clearMaterialTextures:N}));const P=typeof u=="number"?[u,u,u]:u;return S.jsx("group",{position:i,rotation:c,scale:P,children:S.jsx("primitive",{object:l})})});ae.displayName="MorphableModel";function me({children:o,bone:i,position:c=[0,0,0],rotation:u=[0,0,0],scale:m=1}){const{getBone:M}=le(),[y,g]=t.useState(null);if(t.useEffect(()=>{const n=M(i);n?g(n):console.warn(`Bone "${i}" not found in model`)},[i,M]),!y)return null;const p=typeof m=="number"?[m,m,m]:m;return L.createPortal(S.jsx("group",{position:c,rotation:u,scale:p,children:o}),y)}function fe(o,i){const{scene:c,animations:u}=C.useGLTF(o),m=t.useMemo(()=>X.clone(c),[c]);return t.useEffect(()=>{var n;if(!m)return;const M=[],y=[],g=new Set;let p=0;m.traverse(r=>{if(p++,r.type==="Bone"&&M.push(r.name),r.isMesh){const e=r;y.push(e.name),e.castShadow=!0,e.receiveShadow=!0,(Array.isArray(e.material)?e.material:[e.material]).forEach(a=>{g.add(a.name),a.shadowSide=w.DoubleSide})}}),(n=i==null?void 0:i.onLoad)==null||n.call(i,{meshes:y.sort(),materials:Array.from(g).sort(),bones:M.sort(),nodeCount:p})},[m,i]),{scene:m,animations:u}}function pe(o){C.useGLTF.preload(o)}exports.AnimatedModel=K;exports.BoneAttachment=me;exports.Model=ee;exports.MorphableModel=ae;exports.Scene3D=ue;exports.preloadModel=pe;exports.useAnimationController=te;exports.useClonedModel=fe;exports.useMaterialColor=V;exports.useMaterialTexture=W;exports.useMeshVisibility=q;exports.useMorphTargets=H;
 //# sourceMappingURL=mbt-3d.cjs.map

package/dist/mbt-3d.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mbt-3d.cjs","sources":["../src/lib/components/Scene3D/Scene3D.tsx","../src/lib/hooks/useMeshVisibility.ts","../src/lib/hooks/useMaterialColor.ts","../src/lib/components/Model/Model.tsx","../src/lib/hooks/useAnimationController.ts","../src/lib/hooks/useMorphTargets.ts","../src/lib/components/AnimatedModel/AnimatedModelContext.tsx","../src/lib/components/AnimatedModel/AnimatedModel.tsx","../src/lib/components/MorphableModel/MorphableModel.tsx","../src/lib/components/BoneAttachment/BoneAttachment.tsx","../src/lib/hooks/useClonedModel.ts"],"sourcesContent":["import { Suspense, useMemo, useRef, useEffect } from 'react';\r\nimport { Canvas, useThree } from '@react-three/fiber';\r\nimport { OrbitControls, ContactShadows, useTexture } from '@react-three/drei';\r\nimport * as THREE from 'three';\r\nimport type { Scene3DProps } from '../../types';\r\nimport type { OrbitControls as OrbitControlsType } from 'three-stdlib';\r\n\r\n/**\r\n * CameraController - Updates camera position when props change\r\n */\r\nfunction CameraController({ \r\n  position,\r\n  controlsConfig \r\n}: { \r\n  position: [number, number, number];\r\n  controlsConfig: any;\r\n}) {\r\n  const { camera } = useThree();\r\n  const controlsRef = useRef<OrbitControlsType | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (position && camera) {\r\n      camera.position.set(position[0], position[1], position[2]);\r\n      camera.updateProjectionMatrix();\r\n      \r\n      // Reset OrbitControls target to origin\r\n      if (controlsRef.current) {\r\n        controlsRef.current.target.set(0, 0, 0);\r\n        controlsRef.current.update();\r\n      }\r\n    }\r\n  }, [position, camera]);\r\n\r\n  return (\r\n    <OrbitControls\r\n      ref={controlsRef}\r\n      makeDefault\r\n      enabled={controlsConfig.enabled}\r\n      enablePan={controlsConfig.enablePan}\r\n      enableZoom={controlsConfig.enableZoom}\r\n      enableRotate={controlsConfig.enableRotate}\r\n      minDistance={controlsConfig.minDistance}\r\n      maxDistance={controlsConfig.maxDistance}\r\n      minPolarAngle={controlsConfig.minPolarAngle}\r\n      maxPolarAngle={controlsConfig.maxPolarAngle}\r\n      autoRotate={controlsConfig.autoRotate}\r\n      autoRotateSpeed={controlsConfig.autoRotateSpeed}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Background component that handles both image URLs and solid colors\r\n */\r\nfunction Background({ background }: { background?: string }) {\r\n  // Check if it's a color (starts with #) or an image URL\r\n  const isColor = background?.startsWith('#');\r\n  \r\n  if (!background) return null;\r\n  \r\n  if (isColor) {\r\n    return <color attach=\"background\" args={[background]} />;\r\n  }\r\n  \r\n  // It's an image URL\r\n  return <BackgroundImage url={background} />;\r\n}\r\n\r\nfunction BackgroundImage({ url }: { url: string }) {\r\n  const texture = useTexture(url);\r\n  \r\n  // Configure texture for background\r\n  useMemo(() => {\r\n    texture.colorSpace = THREE.SRGBColorSpace;\r\n  }, [texture]);\r\n  \r\n  return <primitive attach=\"background\" object={texture} />;\r\n}\r\n\r\n/**\r\n * Scene3D - Main 3D scene container with built-in canvas, lighting, and controls\r\n * \r\n * @remarks\r\n * This component wraps React Three Fiber's Canvas and provides:\r\n * - OrbitControls for camera rotation (preserves state between model changes)\r\n * - Configurable lighting (ambient + spot light)\r\n * - Optional background (image URL or hex color like \"#1a1a2e\")\r\n * - Optional contact shadows under models\r\n * - Shadow support\r\n * \r\n * @param children - React children to render inside the 3D scene\r\n * @param camera - Camera configuration object. Example: `{ position: [0, 2, 5], fov: 45 }`\r\n * @param camera.position - Camera position as [x, y, z]. Example: `[0, 2, 5]`. Default: `[0, 2, 5]`\r\n * @param camera.fov - Field of view in degrees. Example: `45`. Default: `45`\r\n * @param controls - OrbitControls configuration object. Example: `{ enablePan: false, minDistance: 2, maxDistance: 10 }`\r\n * @param controls.enabled - Enable/disable all controls. Default: `true`\r\n * @param controls.enablePan - Enable camera panning with middle mouse. Default: `true`\r\n * @param controls.enableZoom - Enable camera zoom with scroll wheel. Default: `true`\r\n * @param controls.enableRotate - Enable camera rotation with left mouse. Default: `true`\r\n * @param controls.minDistance - Minimum zoom distance. Example: `2`\r\n * @param controls.maxDistance - Maximum zoom distance. Example: `10`\r\n * @param controls.minPolarAngle - Minimum vertical rotation angle in radians. Example: `Math.PI / 4`\r\n * @param controls.maxPolarAngle - Maximum vertical rotation angle in radians. Example: `Math.PI / 1.8`\r\n * @param controls.autoRotate - Auto-rotate camera around the center. Default: `false`\r\n * @param controls.autoRotateSpeed - Auto-rotation speed. Default: `2`\r\n * @param background - Background: image URL (e.g., `\"/bg.jpg\"`) or hex color (e.g., `\"#1a1a2e\"`)\r\n * @param shadows - Enable shadow rendering. Default: `true`\r\n * @param ambientIntensity - Ambient light intensity (0-1). Example: `0.5`. Default: `0.5`\r\n * @param spotLight - Spot light configuration object. Example: `{ position: [5, 10, 5], intensity: 50 }`\r\n * @param spotLight.position - Light position as [x, y, z]. Example: `[5, 10, 5]`. Default: `[5, 10, 5]`\r\n * @param spotLight.intensity - Light intensity. Example: `50`. Default: `50`\r\n * @param spotLight.castShadow - Enable shadow casting. Default: `true`\r\n * @param contactShadows - Contact shadows configuration. Can be `true` for default settings or object with custom settings. Example: `{ position: [0, -1, 0], opacity: 0.5, blur: 2 }`\r\n * @param contactShadows.position - Shadow position as [x, y, z]. Example: `[0, -1, 0]`. Default: `[0, -1, 0]`\r\n * @param contactShadows.opacity - Shadow opacity (0-1). Example: `0.5`. Default: `0.5`\r\n * @param contactShadows.blur - Shadow blur amount. Example: `2`. Default: `2`\r\n * @param style - Container style object. Example: `{ width: 400, height: 500 }`\r\n * @param className - Container CSS class name\r\n * \r\n * @example\r\n * ```tsx\r\n * <Scene3D\r\n *   camera={{ position: [0, 2, 5], fov: 45 }}\r\n *   background=\"#1a1a2e\"\r\n *   shadows\r\n *   style={{ width: 400, height: 500 }}\r\n * >\r\n *   <AnimatedModel url=\"/model.glb\" position={[0, -1, 0]} />\r\n * </Scene3D>\r\n * ```\r\n */\r\nexport function Scene3D({\r\n  children,\r\n  camera = {},\r\n  controls = {},\r\n  background,\r\n  shadows = true,\r\n  ambientIntensity = 0.5,\r\n  spotLight = {},\r\n  contactShadows = true,\r\n  style,\r\n  className,\r\n}: Scene3DProps) {\r\n  const cameraConfig = {\r\n    position: camera.position || [0, 2, 5],\r\n    fov: camera.fov || 45,\r\n  };\r\n\r\n  const controlsConfig = {\r\n    enabled: controls.enabled ?? true,\r\n    enablePan: controls.enablePan ?? true,\r\n    enableZoom: controls.enableZoom ?? true,\r\n    enableRotate: controls.enableRotate ?? true,\r\n    minDistance: controls.minDistance,\r\n    maxDistance: controls.maxDistance,\r\n    minPolarAngle: controls.minPolarAngle,\r\n    maxPolarAngle: controls.maxPolarAngle,\r\n    autoRotate: controls.autoRotate ?? false,\r\n    autoRotateSpeed: controls.autoRotateSpeed ?? 2,\r\n  };\r\n\r\n  const spotLightConfig = {\r\n    position: spotLight.position || [5, 10, 5],\r\n    intensity: spotLight.intensity ?? 50,\r\n    castShadow: spotLight.castShadow ?? true,\r\n  };\r\n\r\n  const contactShadowsConfig =\r\n    typeof contactShadows === 'object'\r\n      ? {\r\n          position: contactShadows.position || [0, -1, 0],\r\n          opacity: contactShadows.opacity ?? 0.5,\r\n          blur: contactShadows.blur ?? 2,\r\n        }\r\n      : contactShadows\r\n        ? { position: [0, -1, 0] as [number, number, number], opacity: 0.5, blur: 2 }\r\n        : null;\r\n\r\n  return (\r\n    <div style={style} className={className}>\r\n      <Canvas\r\n        shadows={shadows}\r\n        camera={{\r\n          position: cameraConfig.position as [number, number, number],\r\n          fov: cameraConfig.fov,\r\n        }}\r\n        style={{ width: '100%', height: '100%' }}\r\n      >\r\n        {/* Background */}\r\n        <Suspense fallback={null}>\r\n          <Background background={background} />\r\n        </Suspense>\r\n\r\n        {/* Lighting */}\r\n        <ambientLight intensity={ambientIntensity} />\r\n        <spotLight\r\n          position={spotLightConfig.position}\r\n          intensity={spotLightConfig.intensity}\r\n          castShadow={spotLightConfig.castShadow}\r\n        />\r\n\r\n        {/* Content */}\r\n        <Suspense fallback={null}>{children}</Suspense>\r\n\r\n        {/* Controls - updates camera when props change */}\r\n        <CameraController \r\n          position={cameraConfig.position as [number, number, number]} \r\n          controlsConfig={controlsConfig}\r\n        />\r\n\r\n        {/* Contact Shadows */}\r\n        {contactShadowsConfig && (\r\n          <ContactShadows\r\n            position={contactShadowsConfig.position}\r\n            opacity={contactShadowsConfig.opacity}\r\n            blur={contactShadowsConfig.blur}\r\n          />\r\n        )}\r\n      </Canvas>\r\n    </div>\r\n  );\r\n}\r\n","import { useEffect, useCallback, useRef } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport * as THREE from 'three';\n\n/**\n * Hook for managing mesh visibility in a 3D scene\n * \n * @param scene - The THREE.Object3D scene containing meshes\n * @param initialVisibility - Initial visibility state for meshes\n * @returns Methods to control mesh visibility\n */\nexport function useMeshVisibility(\n  scene: THREE.Object3D,\n  initialVisibility?: Record<string, boolean>\n) {\n  const meshMapRef = useRef<Map<string, THREE.Mesh>>(new Map());\n  const visibilityRef = useRef<Record<string, boolean>>(initialVisibility || {});\n\n  // Discover all meshes in the scene\n  useEffect(() => {\n    if (!scene) return;\n\n    const meshMap = new Map<string, THREE.Mesh>();\n    \n    scene.traverse((child) => {\n      if ((child as THREE.Mesh).isMesh) {\n        const mesh = child as THREE.Mesh;\n        if (mesh.name) {\n          meshMap.set(mesh.name, mesh);\n        }\n      }\n    });\n\n    meshMapRef.current = meshMap;\n\n    // Apply initial visibility\n    if (initialVisibility) {\n      Object.entries(initialVisibility).forEach(([name, visible]) => {\n        const mesh = meshMap.get(name);\n        if (mesh) {\n          mesh.visible = visible;\n        }\n      });\n    }\n  }, [scene, initialVisibility]);\n\n  // Apply visibility changes on every frame\n  useFrame(() => {\n    const visibility = visibilityRef.current;\n    const meshMap = meshMapRef.current;\n\n    Object.entries(visibility).forEach(([name, visible]) => {\n      const mesh = meshMap.get(name);\n      if (mesh && mesh.visible !== visible) {\n        mesh.visible = visible;\n      }\n    });\n  });\n\n  /**\n   * Set visibility of a specific mesh\n   */\n  const setMeshVisibility = useCallback((name: string, visible: boolean) => {\n    visibilityRef.current[name] = visible;\n    \n    const mesh = meshMapRef.current.get(name);\n    if (mesh) {\n      mesh.visible = visible;\n    }\n  }, []);\n\n  /**\n   * Get all mesh names in the scene\n   */\n  const getMeshNames = useCallback(() => {\n    return Array.from(meshMapRef.current.keys()).sort();\n  }, []);\n\n  /**\n   * Get current visibility state of all meshes\n   */\n  const getMeshVisibility = useCallback(() => {\n    const visibility: Record<string, boolean> = {};\n    meshMapRef.current.forEach((mesh, name) => {\n      visibility[name] = mesh.visible;\n    });\n    return visibility;\n  }, []);\n\n  return {\n    setMeshVisibility,\n    getMeshNames,\n    getMeshVisibility,\n  };\n}\n","import { useEffect, useCallback, useRef } from 'react';\r\nimport { useFrame } from '@react-three/fiber';\r\nimport * as THREE from 'three';\r\n\r\n/**\r\n * Hook for managing material colors in a 3D scene\r\n * \r\n * @param scene - The THREE.Object3D scene containing meshes with materials\r\n * @param initialColors - Initial color values for materials { materialName: \"#hexcolor\" or [r, g, b] }\r\n * @returns Methods to control material colors\r\n */\r\nexport function useMaterialColor(\r\n  scene: THREE.Object3D,\r\n  initialColors?: Record<string, string | [number, number, number]>\r\n) {\r\n  const materialMapRef = useRef<Map<string, THREE.Material | THREE.Material[]>>(new Map());\r\n  const colorMapRef = useRef<Map<string, THREE.Color>>(new Map());\r\n\r\n  // Discover all materials in the scene\r\n  useEffect(() => {\r\n    if (!scene) return;\r\n\r\n    const materialMap = new Map<string, THREE.Material | THREE.Material[]>();\r\n    \r\n    scene.traverse((child) => {\r\n      if ((child as THREE.Mesh).isMesh) {\r\n        const mesh = child as THREE.Mesh;\r\n        const materials = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\r\n        \r\n        materials.forEach((material) => {\r\n          if (material.name && !materialMap.has(material.name)) {\r\n            materialMap.set(material.name, material);\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    materialMapRef.current = materialMap;\r\n\r\n    // Apply initial colors\r\n    if (initialColors) {\r\n      Object.entries(initialColors).forEach(([materialName, color]) => {\r\n        const material = materialMap.get(materialName);\r\n        if (material && !Array.isArray(material)) {\r\n          const threeColor = parseColor(color);\r\n          if ((material as any).color) {\r\n            (material as any).color.copy(threeColor);\r\n          }\r\n          colorMapRef.current.set(materialName, threeColor);\r\n        }\r\n      });\r\n    }\r\n  }, [scene, initialColors]);\r\n\r\n  // Apply color changes on every frame (for smooth transitions)\r\n  useFrame(() => {\r\n    colorMapRef.current.forEach((targetColor, materialName) => {\r\n      const material = materialMapRef.current.get(materialName);\r\n      if (material && !Array.isArray(material)) {\r\n        const mat = material as any;\r\n        if (mat.color && !mat.color.equals(targetColor)) {\r\n          mat.color.copy(targetColor);\r\n          mat.needsUpdate = true;\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  /**\r\n   * Parse color from hex string or RGB array\r\n   */\r\n  const parseColor = (color: string | [number, number, number]): THREE.Color => {\r\n    if (typeof color === 'string') {\r\n      return new THREE.Color(color);\r\n    } else {\r\n      return new THREE.Color(color[0], color[1], color[2]);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Set color of a specific material\r\n   * @param materialName - Material name\r\n   * @param color - Hex color string (e.g., \"#ff0000\") or RGB array [r, g, b] where values are 0-1\r\n   */\r\n  const setMaterialColor = useCallback((\r\n    materialName: string, \r\n    color: string | [number, number, number]\r\n  ) => {\r\n    const threeColor = parseColor(color);\r\n    colorMapRef.current.set(materialName, threeColor);\r\n    \r\n    const material = materialMapRef.current.get(materialName);\r\n    if (material && !Array.isArray(material)) {\r\n      const mat = material as any;\r\n      if (mat.color) {\r\n        mat.color.copy(threeColor);\r\n        mat.needsUpdate = true;\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  /**\r\n   * Get all material names in the scene\r\n   */\r\n  const getMaterialNames = useCallback(() => {\r\n    return Array.from(materialMapRef.current.keys()).sort();\r\n  }, []);\r\n\r\n  /**\r\n   * Get current color of a material\r\n   * @returns Hex color string (e.g., \"#ff0000\")\r\n   */\r\n  const getMaterialColor = useCallback((materialName: string): string | null => {\r\n    const material = materialMapRef.current.get(materialName);\r\n    if (material && !Array.isArray(material)) {\r\n      const mat = material as any;\r\n      if (mat.color) {\r\n        return '#' + mat.color.getHexString();\r\n      }\r\n    }\r\n    return null;\r\n  }, []);\r\n\r\n  /**\r\n   * Get all material colors\r\n   * @returns Object mapping material names to hex colors\r\n   */\r\n  const getAllMaterialColors = useCallback((): Record<string, string> => {\r\n    const colors: Record<string, string> = {};\r\n    materialMapRef.current.forEach((material, name) => {\r\n      if (!Array.isArray(material)) {\r\n        const mat = material as any;\r\n        if (mat.color) {\r\n          colors[name] = '#' + mat.color.getHexString();\r\n        }\r\n      }\r\n    });\r\n    return colors;\r\n  }, []);\r\n\r\n  return {\r\n    setMaterialColor,\r\n    getMaterialNames,\r\n    getMaterialColor,\r\n    getAllMaterialColors,\r\n  };\r\n}\r\n","import { useMemo } from 'react';\nimport { useGLTF } from '@react-three/drei';\nimport * as THREE from 'three';\nimport { useMeshVisibility } from '../../hooks/useMeshVisibility';\nimport { useMaterialColor } from '../../hooks/useMaterialColor';\nimport type { ModelProps } from '../../types';\n\n/**\n * Model - Simple 3D model component for loading and displaying GLB/GLTF files\n * \n * @remarks\n * This component:\n * - Loads GLB/GLTF models using drei's useGLTF hook\n * - Automatically clones the scene for independent instances\n * - Configures shadows on all meshes\n * - Supports position, rotation, and scale transforms\n * - Provides onLoad callback with model metadata\n * \n * @param url - URL or path to GLB/GLTF model file. Example: `\"/models/sword.glb\"`\n * @param position - Model position in 3D space as [x, y, z]. Example: `[0, 0, 0]`. Default: `[0, 0, 0]`\n * @param rotation - Model rotation in radians as [x, y, z]. Example: `[0, Math.PI/2, 0]`. Default: `[0, 0, 0]`\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`\n * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ \"Part1\": true, \"Part2\": false }`\n * @param materialColors - Material colors as key-value pairs. Example: `{ \"MaterialName\": \"#ff0000\" }`\n * @param onLoad - Callback when model finishes loading. Receives ModelInfo object with metadata: `{ meshes, materials, bones, nodeCount }`\n * @param onError - Callback when model fails to load. Receives Error object\n * \n * @example\n * ```tsx\n * <Model \n *   url=\"/models/sword.glb\"\n *   position={[0, 0, 0]}\n *   rotation={[0, Math.PI/2, 0]}\n *   scale={0.5}\n *   meshVisibility={{ \"Blade\": true, \"Handle\": false }}\n *   onLoad={(info) => console.log('Loaded:', info)}\n * />\n * ```\n */\nexport function Model({\n  url,\n  position = [0, 0, 0],\n  rotation = [0, 0, 0],\n  scale = 1,\n  meshVisibility,\n  materialColors,\n  onLoad,\n  onError: _onError,\n}: ModelProps) {\n  const { scene } = useGLTF(url);\n\n  // Clone scene for independent instance\n  const clonedScene = useMemo(() => {\n    const clone = scene.clone();\n    \n    // Setup shadows and collect info\n    const meshes: string[] = [];\n    const materials = new Set<string>();\n    const bones: string[] = [];\n    let nodeCount = 0;\n\n    clone.traverse((child) => {\n      nodeCount++;\n      \n      if (child.type === 'Bone') {\n        bones.push(child.name);\n      }\n      \n      if ((child as THREE.Mesh).isMesh) {\n        const mesh = child as THREE.Mesh;\n        meshes.push(mesh.name);\n        mesh.castShadow = true;\n        mesh.receiveShadow = true;\n        \n        const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n        mats.forEach((mat) => materials.add(mat.name));\n      }\n    });\n\n    // Defer callback to avoid state update during render\n    if (onLoad) {\n      setTimeout(() => {\n        onLoad({\n          meshes: meshes.sort(),\n          materials: Array.from(materials).sort(),\n          bones: bones.sort(),\n          nodeCount,\n        });\n      }, 0);\n    }\n\n    return clone;\n  }, [scene, onLoad]);\n\n  // Mesh visibility hook\n  useMeshVisibility(clonedScene, meshVisibility);\n\n  // Material colors hook\n  useMaterialColor(clonedScene, materialColors);\n\n  const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\n\n  return (\n    <group position={position} rotation={rotation} scale={scaleArray as [number, number, number]}>\n      <primitive object={clonedScene} />\n    </group>\n  );\n}\n\n// Preload helper\nModel.preload = (url: string) => {\n  useGLTF.preload(url);\n};\n","import { useRef, useCallback, useEffect } from 'react';\r\nimport { useAnimations } from '@react-three/drei';\r\nimport * as THREE from 'three';\r\n\r\ninterface UseAnimationControllerOptions {\r\n  defaultAnimation?: string;\r\n}\r\n\r\nexport function useAnimationController(\r\n  animations: THREE.AnimationClip[],\r\n  scene: THREE.Object3D,\r\n  options?: UseAnimationControllerOptions\r\n) {\r\n  const { actions, names } = useAnimations(animations, scene);\r\n  const currentActionRef = useRef<THREE.AnimationAction | null>(null);\r\n  const defaultAnimationRef = useRef<string | undefined>(options?.defaultAnimation);\r\n\r\n  // Play default animation on mount\r\n  useEffect(() => {\r\n    if (names.length === 0) return;\r\n\r\n    const defaultAnim = defaultAnimationRef.current;\r\n    let animToPlay = names[0];\r\n\r\n    if (defaultAnim) {\r\n      const match = names.find((n) => n === defaultAnim || n.includes(defaultAnim));\r\n      if (match) animToPlay = match;\r\n    }\r\n\r\n    const action = actions[animToPlay];\r\n    if (action) {\r\n      action.reset().fadeIn(0.5).play();\r\n      currentActionRef.current = action;\r\n    }\r\n  }, [actions, names]);\r\n\r\n  const playAnimation = useCallback(\r\n    (\r\n      name: string,\r\n      opts?: {\r\n        loop?: boolean;\r\n        crossFadeDuration?: number;\r\n        restoreDefault?: boolean;\r\n      }\r\n    ) => {\r\n      const {\r\n        loop = false,\r\n        crossFadeDuration = 0.2,\r\n        restoreDefault = true,\r\n      } = opts || {};\r\n\r\n      // Find animation (exact match or partial)\r\n      let targetAction = actions[name];\r\n\r\n      if (!targetAction) {\r\n        const match = Object.keys(actions).find(\r\n          (a) =>\r\n            a.toLowerCase().includes(name.toLowerCase()) ||\r\n            name.toLowerCase().includes(a.toLowerCase())\r\n        );\r\n        if (match) {\r\n          targetAction = actions[match];\r\n        }\r\n      }\r\n\r\n      if (!targetAction) {\r\n        console.warn(`Animation \"${name}\" not found. Available: ${names.join(', ')}`);\r\n        return;\r\n      }\r\n\r\n      // Don't restart if already playing\r\n      const prev = currentActionRef.current;\r\n      if (prev === targetAction && targetAction.isRunning()) {\r\n        return;\r\n      }\r\n\r\n      // Crossfade from previous\r\n      if (prev && prev !== targetAction) {\r\n        prev.fadeOut(crossFadeDuration);\r\n      }\r\n\r\n      // Setup new action\r\n      targetAction.reset();\r\n      targetAction.fadeIn(crossFadeDuration);\r\n      targetAction.setLoop(\r\n        loop ? THREE.LoopRepeat : THREE.LoopOnce,\r\n        loop ? Infinity : 1\r\n      );\r\n      targetAction.clampWhenFinished = !loop;\r\n      targetAction.play();\r\n\r\n      // Force immediate update for non-looping animations\r\n      if (!loop) {\r\n        targetAction.getMixer().update(0);\r\n      }\r\n\r\n      currentActionRef.current = targetAction;\r\n\r\n      // Restore default animation after one-shot completes\r\n      if (restoreDefault && !loop && defaultAnimationRef.current) {\r\n        const mixer = targetAction.getMixer();\r\n        const onFinished = (e: { action: THREE.AnimationAction }) => {\r\n          if (e.action === targetAction) {\r\n            mixer.removeEventListener('finished', onFinished);\r\n            \r\n            const defaultAction = actions[defaultAnimationRef.current!];\r\n            if (defaultAction) {\r\n              targetAction.fadeOut(crossFadeDuration);\r\n              defaultAction.reset().fadeIn(crossFadeDuration).play();\r\n              currentActionRef.current = defaultAction;\r\n            }\r\n          }\r\n        };\r\n        mixer.addEventListener('finished', onFinished);\r\n      }\r\n    },\r\n    [actions, names]\r\n  );\r\n\r\n  const stopAnimation = useCallback(() => {\r\n    currentActionRef.current?.fadeOut(0.2);\r\n    currentActionRef.current = null;\r\n  }, []);\r\n\r\n  const getAnimationNames = useCallback(() => names, [names]);\r\n\r\n  return {\r\n    playAnimation,\r\n    stopAnimation,\r\n    getAnimationNames,\r\n    actions,\r\n  };\r\n}\r\n","import { useRef, useCallback, useEffect } from 'react';\r\nimport { useFrame } from '@react-three/fiber';\r\nimport * as THREE from 'three';\r\n\r\nexport function useMorphTargets(\r\n  scene: THREE.Object3D,\r\n  initialValues?: Record<string, number>\r\n) {\r\n  const morphValuesRef = useRef<Record<string, number>>(initialValues || {});\r\n  const morphNamesRef = useRef<string[]>([]);\r\n  const meshesWithMorphsRef = useRef<THREE.Mesh[]>([]);\r\n\r\n  // Discover morph targets\r\n  useEffect(() => {\r\n    const names = new Set<string>();\r\n    const meshes: THREE.Mesh[] = [];\r\n\r\n    scene.traverse((child) => {\r\n      if (\r\n        child instanceof THREE.Mesh &&\r\n        child.morphTargetDictionary &&\r\n        child.morphTargetInfluences\r\n      ) {\r\n        meshes.push(child);\r\n        Object.keys(child.morphTargetDictionary).forEach((name) => {\r\n          names.add(name);\r\n        });\r\n      }\r\n    });\r\n\r\n    morphNamesRef.current = Array.from(names).sort();\r\n    meshesWithMorphsRef.current = meshes;\r\n  }, [scene]);\r\n\r\n  // Apply morph targets every frame\r\n  useFrame(() => {\r\n    const values = morphValuesRef.current;\r\n    \r\n    meshesWithMorphsRef.current.forEach((mesh) => {\r\n      if (!mesh.morphTargetDictionary || !mesh.morphTargetInfluences) return;\r\n      \r\n      Object.entries(values).forEach(([name, value]) => {\r\n        const index = mesh.morphTargetDictionary![name];\r\n        if (index !== undefined) {\r\n          mesh.morphTargetInfluences![index] = value;\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  // Update values when props change\r\n  useEffect(() => {\r\n    if (initialValues) {\r\n      morphValuesRef.current = { ...initialValues };\r\n    }\r\n  }, [initialValues]);\r\n\r\n  const setMorphTarget = useCallback((name: string, value: number) => {\r\n    morphValuesRef.current[name] = Math.max(0, Math.min(1, value));\r\n  }, []);\r\n\r\n  const getMorphTargetNames = useCallback(() => morphNamesRef.current, []);\r\n\r\n  const getMorphTargetValues = useCallback(() => ({ ...morphValuesRef.current }), []);\r\n\r\n  return {\r\n    setMorphTarget,\r\n    getMorphTargetNames,\r\n    getMorphTargetValues,\r\n  };\r\n}\r\n","import { createContext, useContext } from 'react';\r\nimport type { AnimatedModelContextValue } from '../../types';\r\n\r\nexport const AnimatedModelContext = createContext<AnimatedModelContextValue | null>(null);\r\n\r\nexport function useAnimatedModelContext() {\r\n  const context = useContext(AnimatedModelContext);\r\n  if (!context) {\r\n    throw new Error('BoneAttachment must be used within an AnimatedModel');\r\n  }\r\n  return context;\r\n}\r\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useRef,\n  useMemo,\n  useEffect,\n} from 'react';\nimport * as THREE from 'three';\nimport { useGLTF } from '@react-three/drei';\nimport * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils.js';\nimport { useAnimationController } from '../../hooks/useAnimationController';\nimport { useMorphTargets } from '../../hooks/useMorphTargets';\nimport { useMeshVisibility } from '../../hooks/useMeshVisibility';\nimport { useMaterialColor } from '../../hooks/useMaterialColor';\nimport { AnimatedModelContext } from './AnimatedModelContext';\nimport type { AnimatedModelProps, AnimatedModelHandle } from '../../types';\n\n/**\n * AnimatedModel - 3D model with animation support and bone attachment capability\n * \n * @remarks\n * This component:\n * - Loads GLB/GLTF models with animations using useGLTF\n * - Properly clones skinned meshes using SkeletonUtils for multiple instances\n * - Plays animations with automatic crossfading\n * - Supports morph targets for character customization\n * - Provides context for BoneAttachment children\n * - Exposes imperative API via ref for external animation control\n * \n * The ref provides these methods:\n * - `playAnimation(name, options)` - Play an animation with optional loop/restore\n * - `stopAnimation()` - Stop current animation\n * - `getAnimationNames()` - Get list of available animations\n * - `getGroup()` - Get the THREE.Group for advanced manipulation\n * - `setMorphTarget(name, value)` - Set morph target value\n * - `getMorphTargetNames()` - Get available morph target names\n * \n * @param ref - React ref for imperative API access\n * @param url - URL or path to GLB/GLTF model file with animations. Example: `\"/models/character.glb\"`\n * @param position - Model position in 3D space as [x, y, z]. Example: `[0, -1, 0]`. Default: `[0, 0, 0]`\n * @param rotation - Model rotation in radians as [x, y, z]. Example: `[0, Math.PI, 0]`. Default: `[0, 0, 0]`\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`\n * @param defaultAnimation - Name of animation to play on load. If not specified, plays first animation. Example: `\"Idle\"`\n * @param morphTargets - Morph target values as key-value pairs where value is 0-1. Example: `{ muscular: 0.5, thin: 0.2 }`\n * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ \"Hairgirl1\": true, \"Hairgirl2\": false }`\n * @param materialColors - Material colors as key-value pairs. Example: `{ \"Hair_girl_1\": \"#ff0000\" }`\n * @param children - Child components, typically BoneAttachment components for attaching items\n * @param onLoad - Callback when model loads. Receives AnimatedModelInfo object: `{ meshes, materials, bones, nodeCount, animations, morphTargetNames }`\n * @param onError - Callback when model fails to load. Receives Error object\n * \n * @example\n * ```tsx\n * const modelRef = useRef<AnimatedModelHandle>(null);\n * \n * <AnimatedModel\n *   ref={modelRef}\n *   url=\"/models/character.glb\"\n *   defaultAnimation=\"Idle\"\n *   morphTargets={{ muscular: 0.5 }}\n *   meshVisibility={{ \"Hairgirl1\": true, \"Hairgirl2\": false }}\n *   materialColors={{ \"Hair_girl_1\": \"#ff0000\" }}\n *   position={[0, -1, 0]}\n * >\n *   <BoneAttachment bone=\"hand_r\">\n *     <Model url=\"/models/sword.glb\" />\n *   </BoneAttachment>\n * </AnimatedModel>\n * \n * // Control animations from outside\n * modelRef.current?.playAnimation('Attack', { loop: false });\n * ```\n */\nexport const AnimatedModel = forwardRef<AnimatedModelHandle, AnimatedModelProps>(\n  (\n    {\n      url,\n      position = [0, 0, 0],\n      rotation = [0, 0, 0],\n      scale = 1,\n      defaultAnimation,\n      morphTargets,\n      meshVisibility,\n      materialColors,\n      onLoad,\n      onError: _onError,\n      children,\n    },\n    ref\n  ) => {\n    const groupRef = useRef<THREE.Group>(null);\n    const morphNamesRef = useRef<string[]>([]);\n\n    // Load and clone model\n    const { scene: gltfScene, animations } = useGLTF(url);\n    const scene = useMemo(() => SkeletonUtils.clone(gltfScene), [gltfScene]);\n\n    // Animation controller\n    const { playAnimation, stopAnimation, getAnimationNames } = useAnimationController(\n      animations,\n      scene,\n      { defaultAnimation }\n    );\n\n    // Morph targets\n    const { setMorphTarget } = useMorphTargets(\n      scene,\n      morphTargets\n    );\n\n    // Mesh visibility\n    const { setMeshVisibility, getMeshNames } = useMeshVisibility(\n      scene,\n      meshVisibility\n    );\n\n    // Material colors\n    const { setMaterialColor, getMaterialNames, getMaterialColor } = useMaterialColor(\n      scene,\n      materialColors\n    );\n\n    // Discover morph targets and call onLoad\n    useEffect(() => {\n      if (!scene) return;\n\n      const timer = setTimeout(() => {\n        const bones: string[] = [];\n        const meshes: string[] = [];\n        const materials = new Set<string>();\n        const morphNames = new Set<string>();\n        let nodeCount = 0;\n\n        scene.traverse((child) => {\n          nodeCount++;\n          \n          if (child.type === 'Bone') {\n            bones.push(child.name);\n          }\n          \n          if ((child as THREE.Mesh).isMesh) {\n            const mesh = child as THREE.Mesh;\n            meshes.push(mesh.name);\n            \n            // Setup shadows\n            mesh.castShadow = true;\n            mesh.receiveShadow = true;\n            \n            const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n            mats.forEach((mat) => {\n              materials.add(mat.name);\n              mat.shadowSide = THREE.DoubleSide;\n            });\n\n            if (mesh.morphTargetDictionary) {\n              Object.keys(mesh.morphTargetDictionary).forEach((name) => {\n                morphNames.add(name);\n              });\n            }\n          }\n        });\n\n        morphNamesRef.current = Array.from(morphNames).sort();\n\n        onLoad?.({\n          meshes: meshes.sort(),\n          materials: Array.from(materials).sort(),\n          bones: bones.sort(),\n          nodeCount,\n          animations: animations.map((a) => a.name),\n          morphTargetNames: morphNamesRef.current,\n        });\n      }, 0);\n\n      return () => clearTimeout(timer);\n    }, [scene, animations, onLoad]);\n\n    // Expose imperative handle\n    useImperativeHandle(ref, () => ({\n      playAnimation,\n      stopAnimation,\n      getAnimationNames,\n      getGroup: () => groupRef.current,\n      setMorphTarget,\n      getMorphTargetNames: () => morphNamesRef.current,\n      setMeshVisibility,\n      getMeshNames,\n      setMaterialColor,\n      getMaterialNames,\n      getMaterialColor,\n    }));\n\n    // Context for BoneAttachment children\n    const contextValue = useMemo(\n      () => ({\n        scene,\n        getBone: (name: string) => scene.getObjectByName(name) || null,\n      }),\n      [scene]\n    );\n\n    const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\n\n    return (\n      <AnimatedModelContext.Provider value={contextValue}>\n        <group\n          ref={groupRef}\n          position={position}\n          rotation={rotation}\n          scale={scaleArray as [number, number, number]}\n        >\n          <primitive object={scene} />\n          {children}\n        </group>\n      </AnimatedModelContext.Provider>\n    );\n  }\n);\n\nAnimatedModel.displayName = 'AnimatedModel';\n\n// Preload helper\n(AnimatedModel as any).preload = (url: string) => {\n  useGLTF.preload(url);\n};\n","import { forwardRef, useImperativeHandle, useMemo, useEffect } from 'react';\nimport { useGLTF } from '@react-three/drei';\nimport * as THREE from 'three';\nimport { useMorphTargets } from '../../hooks/useMorphTargets';\nimport { useMeshVisibility } from '../../hooks/useMeshVisibility';\nimport { useMaterialColor } from '../../hooks/useMaterialColor';\nimport type { MorphableModelProps, MorphableModelHandle } from '../../types';\n\n/**\n * MorphableModel - 3D model with morph targets for shape customization\n * \n * @remarks\n * This component:\n * - Loads GLB/GLTF models with morph targets (blend shapes)\n * - Dynamically discovers available morph targets from the model\n * - Applies morph target values in real-time\n * - Provides imperative API via ref for programmatic control\n * \n * Morph targets are commonly used for:\n * - Character customization (muscular, thin, fat)\n * - Facial expressions (smile, frown, blink)\n * - Clothing fit adjustments\n * \n * @param ref - React ref for imperative API access\n * @param url - URL or path to GLB/GLTF model file with morph targets. Example: `\"/models/character.glb\"`\n * @param position - Model position in 3D space as [x, y, z]. Example: `[0, -1, 0]`. Default: `[0, 0, 0]`\n * @param rotation - Model rotation in radians as [x, y, z]. Example: `[0, Math.PI, 0]`. Default: `[0, 0, 0]`\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`\n * @param morphTargets - Morph target values as key-value pairs where value is 0-1. Example: `{ muscular: 0.5, thin: 0.2 }`\n * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ \"Hairgirl1\": true, \"Hairgirl2\": false }`\n * @param materialColors - Material colors as key-value pairs. Example: `{ \"Hair_girl_1\": \"#ff0000\" }`\n * @param onMorphTargetsFound - Callback when morph targets are discovered from the model. Receives array of morph target names: `[\"muscular\", \"thin\", \"fat\"]`\n * @param onLoad - Callback when model finishes loading. Receives ModelInfo object with metadata: `{ meshes, materials, bones, nodeCount }`\n * @param onError - Callback when model fails to load. Receives Error object\n * \n * @example\n * ```tsx\n * const modelRef = useRef<MorphableModelHandle>(null);\n * const [morphs, setMorphs] = useState({ muscular: 0.5, thin: 0.2 });\n * \n * <MorphableModel\n *   ref={modelRef}\n *   url=\"/models/character.glb\"\n *   morphTargets={morphs}\n *   meshVisibility={{ \"Hairgirl1\": true, \"Hairgirl2\": false }}\n *   onMorphTargetsFound={(names) => console.log('Available:', names)}\n *   position={[0, -1, 0]}\n * />\n * \n * // Control programmatically\n * modelRef.current?.setMorphTarget('muscular', 0.8);\n * ```\n */\nexport const MorphableModel = forwardRef<MorphableModelHandle, MorphableModelProps>(\n  (\n    {\n      url,\n      position = [0, 0, 0],\n      rotation = [0, 0, 0],\n      scale = 1,\n      morphTargets,\n      meshVisibility,\n      materialColors,\n      onMorphTargetsFound,\n      onLoad,\n      onError: _onError,\n    },\n    ref\n  ) => {\n    const { scene } = useGLTF(url);\n\n    // Clone scene\n    const clonedScene = useMemo(() => scene.clone(), [scene]);\n\n    // Morph targets hook\n    const { setMorphTarget, getMorphTargetNames, getMorphTargetValues } = useMorphTargets(\n      clonedScene,\n      morphTargets\n    );\n\n    // Mesh visibility hook\n    const { setMeshVisibility, getMeshNames } = useMeshVisibility(\n      clonedScene,\n      meshVisibility\n    );\n\n    // Material colors hook\n    const { setMaterialColor, getMaterialNames, getMaterialColor } = useMaterialColor(\n      clonedScene,\n      materialColors\n    );\n\n    // Discover morph targets and notify\n    useEffect(() => {\n      const names = getMorphTargetNames();\n      if (names.length > 0) {\n        onMorphTargetsFound?.(names);\n      }\n    }, [clonedScene, getMorphTargetNames, onMorphTargetsFound]);\n\n    // Setup shadows and call onLoad\n    useEffect(() => {\n      if (!clonedScene) return;\n\n      const meshes: string[] = [];\n      const materials = new Set<string>();\n      const bones: string[] = [];\n      let nodeCount = 0;\n\n      clonedScene.traverse((child) => {\n        nodeCount++;\n        \n        if (child.type === 'Bone') {\n          bones.push(child.name);\n        }\n        \n        if ((child as THREE.Mesh).isMesh) {\n          const mesh = child as THREE.Mesh;\n          meshes.push(mesh.name);\n          mesh.castShadow = true;\n          mesh.receiveShadow = true;\n          \n          const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n          mats.forEach((mat) => materials.add(mat.name));\n        }\n      });\n\n      onLoad?.({\n        meshes: meshes.sort(),\n        materials: Array.from(materials).sort(),\n        bones: bones.sort(),\n        nodeCount,\n      });\n    }, [clonedScene, onLoad]);\n\n    // Expose handle\n    useImperativeHandle(ref, () => ({\n      setMorphTarget,\n      getMorphTargetNames,\n      getMorphTargetValues,\n      setMeshVisibility,\n      getMeshNames,\n      setMaterialColor,\n      getMaterialNames,\n      getMaterialColor,\n    }));\n\n    const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\n\n    return (\n      <group position={position} rotation={rotation} scale={scaleArray as [number, number, number]}>\n        <primitive object={clonedScene} />\n      </group>\n    );\n  }\n);\n\nMorphableModel.displayName = 'MorphableModel';\n","import { useState, useEffect } from 'react';\r\nimport { createPortal } from '@react-three/fiber';\r\nimport * as THREE from 'three';\r\nimport { useAnimatedModelContext } from '../AnimatedModel/AnimatedModelContext';\r\nimport type { BoneAttachmentProps } from '../../types';\r\n\r\n/**\r\n * BoneAttachment - Attach models to bones of an AnimatedModel parent\r\n * \r\n * @remarks\r\n * This component:\r\n * - Must be used as a child of AnimatedModel\r\n * - Uses React Three Fiber's createPortal to attach to a bone\r\n * - Automatically follows bone transformations during animations\r\n * - Supports position/rotation/scale offsets relative to the bone\r\n * \r\n * Common bone names:\r\n * - Hand bones: \"hand_r\", \"hand_l\", \"DEF-handR\", \"DEF-handL\"\r\n * - Spine/Back: \"spine\", \"spine_upper\", \"back\"\r\n * - Head: \"head\", \"neck\"\r\n * \r\n * @param children - Child components to attach to the bone (typically Model components)\r\n * @param bone - Bone name to attach to. Must match bone name in the parent AnimatedModel. Example: `\"hand_r\"` or `\"DEF-handR\"`\r\n * @param position - Position offset relative to the bone as [x, y, z]. Example: `[0.1, 0, 0]`. Default: `[0, 0, 0]`\r\n * @param rotation - Rotation offset relative to the bone in radians as [x, y, z]. Example: `[0, Math.PI/2, 0]`. Default: `[0, 0, 0]`\r\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.7` or `[1, 2, 1]`. Default: `1`\r\n * \r\n * @example\r\n * ```tsx\r\n * <AnimatedModel url=\"/character.glb\">\r\n *   // Sword in right hand\r\n *   <BoneAttachment \r\n *     bone=\"hand_r\"\r\n *     position={[0.1, 0, 0]}\r\n *     rotation={[0, Math.PI/2, 0]}\r\n *   >\r\n *     <Model url=\"/sword.glb\" scale={0.7} />\r\n *   </BoneAttachment>\r\n *   \r\n *   // Shield on back\r\n *   <BoneAttachment bone=\"spine_upper\">\r\n *     <Model url=\"/shield.glb\" />\r\n *   </BoneAttachment>\r\n * </AnimatedModel>\r\n * ```\r\n */\r\nexport function BoneAttachment({\r\n  children,\r\n  bone,\r\n  position = [0, 0, 0],\r\n  rotation = [0, 0, 0],\r\n  scale = 1,\r\n}: BoneAttachmentProps) {\r\n  const { getBone } = useAnimatedModelContext();\r\n  const [boneObject, setBoneObject] = useState<THREE.Object3D | null>(null);\r\n\r\n  useEffect(() => {\r\n    const found = getBone(bone);\r\n    if (found) {\r\n      setBoneObject(found);\r\n    } else {\r\n      console.warn(`Bone \"${bone}\" not found in model`);\r\n    }\r\n  }, [bone, getBone]);\r\n\r\n  if (!boneObject) {\r\n    return null;\r\n  }\r\n\r\n  const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\r\n\r\n  return createPortal(\r\n    <group\r\n      position={position}\r\n      rotation={rotation}\r\n      scale={scaleArray as [number, number, number]}\r\n    >\r\n      {children}\r\n    </group>,\r\n    boneObject\r\n  );\r\n}\r\n","import { useMemo, useEffect } from 'react';\r\nimport { useGLTF } from '@react-three/drei';\r\nimport * as THREE from 'three';\r\nimport * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils.js';\r\nimport type { ModelInfo } from '../types';\r\n\r\ninterface UseClonedModelOptions {\r\n  onLoad?: (info: ModelInfo) => void;\r\n  onError?: (error: Error) => void;\r\n}\r\n\r\nexport function useClonedModel(url: string, options?: UseClonedModelOptions) {\r\n  const { scene, animations } = useGLTF(url);\r\n  \r\n  // Clone scene using SkeletonUtils for proper skinned mesh handling\r\n  const clonedScene = useMemo(() => {\r\n    return SkeletonUtils.clone(scene);\r\n  }, [scene]);\r\n\r\n  // Extract model info and setup shadows\r\n  useEffect(() => {\r\n    if (!clonedScene) return;\r\n\r\n    const bones: string[] = [];\r\n    const meshes: string[] = [];\r\n    const materials = new Set<string>();\r\n    let nodeCount = 0;\r\n\r\n    clonedScene.traverse((child) => {\r\n      nodeCount++;\r\n      \r\n      if (child.type === 'Bone') {\r\n        bones.push(child.name);\r\n      }\r\n      \r\n      if ((child as THREE.Mesh).isMesh) {\r\n        const mesh = child as THREE.Mesh;\r\n        meshes.push(mesh.name);\r\n        \r\n        // Setup shadows\r\n        mesh.castShadow = true;\r\n        mesh.receiveShadow = true;\r\n        \r\n        // Collect material names\r\n        const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\r\n        mats.forEach((mat) => {\r\n          materials.add(mat.name);\r\n          mat.shadowSide = THREE.DoubleSide;\r\n        });\r\n      }\r\n    });\r\n\r\n    options?.onLoad?.({\r\n      meshes: meshes.sort(),\r\n      materials: Array.from(materials).sort(),\r\n      bones: bones.sort(),\r\n      nodeCount,\r\n    });\r\n  }, [clonedScene, options]);\r\n\r\n  return { scene: clonedScene, animations };\r\n}\r\n\r\n// Preload helper\r\nexport function preloadModel(url: string) {\r\n  useGLTF.preload(url);\r\n}\r\n"],"names":["CameraController","position","controlsConfig","camera","useThree","controlsRef","useRef","useEffect","jsx","OrbitControls","Background","background","isColor","BackgroundImage","url","texture","useTexture","useMemo","THREE","Scene3D","children","controls","shadows","ambientIntensity","spotLight","contactShadows","style","className","cameraConfig","spotLightConfig","contactShadowsConfig","jsxs","Canvas","Suspense","ContactShadows","useMeshVisibility","scene","initialVisibility","meshMapRef","visibilityRef","meshMap","child","mesh","name","visible","useFrame","visibility","setMeshVisibility","useCallback","getMeshNames","getMeshVisibility","useMaterialColor","initialColors","materialMapRef","colorMapRef","materialMap","material","materialName","color","threeColor","parseColor","targetColor","mat","setMaterialColor","getMaterialNames","getMaterialColor","getAllMaterialColors","colors","Model","rotation","scale","meshVisibility","materialColors","onLoad","_onError","useGLTF","clonedScene","clone","meshes","materials","bones","nodeCount","scaleArray","useAnimationController","animations","options","actions","names","useAnimations","currentActionRef","defaultAnimationRef","defaultAnim","animToPlay","match","n","action","playAnimation","opts","loop","crossFadeDuration","restoreDefault","targetAction","a","prev","mixer","onFinished","e","defaultAction","stopAnimation","_a","getAnimationNames","useMorphTargets","initialValues","morphValuesRef","morphNamesRef","meshesWithMorphsRef","values","value","index","setMorphTarget","getMorphTargetNames","getMorphTargetValues","AnimatedModelContext","createContext","useAnimatedModelContext","context","useContext","AnimatedModel","forwardRef","defaultAnimation","morphTargets","ref","groupRef","gltfScene","SkeletonUtils","timer","morphNames","useImperativeHandle","contextValue","MorphableModel","onMorphTargetsFound","BoneAttachment","bone","getBone","boneObject","setBoneObject","useState","found","createPortal","useClonedModel","preloadModel"],"mappings":"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"}
+{"version":3,"file":"mbt-3d.cjs","sources":["../src/lib/components/Scene3D/Scene3D.tsx","../src/lib/hooks/useMeshVisibility.ts","../src/lib/hooks/useMaterialColor.ts","../src/lib/hooks/useMaterialTexture.ts","../src/lib/components/Model/Model.tsx","../src/lib/hooks/useAnimationController.ts","../src/lib/hooks/useMorphTargets.ts","../src/lib/components/AnimatedModel/AnimatedModelContext.tsx","../src/lib/components/AnimatedModel/AnimatedModel.tsx","../src/lib/components/MorphableModel/MorphableModel.tsx","../src/lib/components/BoneAttachment/BoneAttachment.tsx","../src/lib/hooks/useClonedModel.ts"],"sourcesContent":["import { Suspense, useMemo, useRef, useEffect } from 'react';\r\nimport { Canvas, useThree } from '@react-three/fiber';\r\nimport { OrbitControls, ContactShadows, useTexture } from '@react-three/drei';\r\nimport * as THREE from 'three';\r\nimport type { Scene3DProps } from '../../types';\r\nimport type { OrbitControls as OrbitControlsType } from 'three-stdlib';\r\n\r\n/**\r\n * CameraController - Updates camera position when props change\r\n */\r\nfunction CameraController({ \r\n  position,\r\n  controlsConfig \r\n}: { \r\n  position: [number, number, number];\r\n  controlsConfig: any;\r\n}) {\r\n  const { camera } = useThree();\r\n  const controlsRef = useRef<OrbitControlsType | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (position && camera) {\r\n      camera.position.set(position[0], position[1], position[2]);\r\n      camera.updateProjectionMatrix();\r\n      \r\n      // Reset OrbitControls target to origin\r\n      if (controlsRef.current) {\r\n        controlsRef.current.target.set(0, 0, 0);\r\n        controlsRef.current.update();\r\n      }\r\n    }\r\n  }, [position, camera]);\r\n\r\n  return (\r\n    <OrbitControls\r\n      ref={controlsRef}\r\n      makeDefault\r\n      enabled={controlsConfig.enabled}\r\n      enablePan={controlsConfig.enablePan}\r\n      enableZoom={controlsConfig.enableZoom}\r\n      enableRotate={controlsConfig.enableRotate}\r\n      minDistance={controlsConfig.minDistance}\r\n      maxDistance={controlsConfig.maxDistance}\r\n      minPolarAngle={controlsConfig.minPolarAngle}\r\n      maxPolarAngle={controlsConfig.maxPolarAngle}\r\n      autoRotate={controlsConfig.autoRotate}\r\n      autoRotateSpeed={controlsConfig.autoRotateSpeed}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Background component that handles both image URLs and solid colors\r\n */\r\nfunction Background({ background }: { background?: string }) {\r\n  // Check if it's a color (starts with #) or an image URL\r\n  const isColor = background?.startsWith('#');\r\n  \r\n  if (!background) return null;\r\n  \r\n  if (isColor) {\r\n    return <color attach=\"background\" args={[background]} />;\r\n  }\r\n  \r\n  // It's an image URL\r\n  return <BackgroundImage url={background} />;\r\n}\r\n\r\nfunction BackgroundImage({ url }: { url: string }) {\r\n  const texture = useTexture(url);\r\n  \r\n  // Configure texture for background\r\n  useMemo(() => {\r\n    texture.colorSpace = THREE.SRGBColorSpace;\r\n  }, [texture]);\r\n  \r\n  return <primitive attach=\"background\" object={texture} />;\r\n}\r\n\r\n/**\r\n * Scene3D - Main 3D scene container with built-in canvas, lighting, and controls\r\n * \r\n * @remarks\r\n * This component wraps React Three Fiber's Canvas and provides:\r\n * - OrbitControls for camera rotation (preserves state between model changes)\r\n * - Configurable lighting (ambient + spot light)\r\n * - Optional background (image URL or hex color like \"#1a1a2e\")\r\n * - Optional contact shadows under models\r\n * - Shadow support\r\n * \r\n * @param children - React children to render inside the 3D scene\r\n * @param camera - Camera configuration object. Example: `{ position: [0, 2, 5], fov: 45 }`\r\n * @param camera.position - Camera position as [x, y, z]. Example: `[0, 2, 5]`. Default: `[0, 2, 5]`\r\n * @param camera.fov - Field of view in degrees. Example: `45`. Default: `45`\r\n * @param controls - OrbitControls configuration object. Example: `{ enablePan: false, minDistance: 2, maxDistance: 10 }`\r\n * @param controls.enabled - Enable/disable all controls. Default: `true`\r\n * @param controls.enablePan - Enable camera panning with middle mouse. Default: `true`\r\n * @param controls.enableZoom - Enable camera zoom with scroll wheel. Default: `true`\r\n * @param controls.enableRotate - Enable camera rotation with left mouse. Default: `true`\r\n * @param controls.minDistance - Minimum zoom distance. Example: `2`\r\n * @param controls.maxDistance - Maximum zoom distance. Example: `10`\r\n * @param controls.minPolarAngle - Minimum vertical rotation angle in radians. Example: `Math.PI / 4`\r\n * @param controls.maxPolarAngle - Maximum vertical rotation angle in radians. Example: `Math.PI / 1.8`\r\n * @param controls.autoRotate - Auto-rotate camera around the center. Default: `false`\r\n * @param controls.autoRotateSpeed - Auto-rotation speed. Default: `2`\r\n * @param background - Background: image URL (e.g., `\"/bg.jpg\"`) or hex color (e.g., `\"#1a1a2e\"`)\r\n * @param shadows - Enable shadow rendering. Default: `true`\r\n * @param ambientIntensity - Ambient light intensity (0-1). Example: `0.5`. Default: `0.5`\r\n * @param spotLight - Spot light configuration object. Example: `{ position: [5, 10, 5], intensity: 50 }`\r\n * @param spotLight.position - Light position as [x, y, z]. Example: `[5, 10, 5]`. Default: `[5, 10, 5]`\r\n * @param spotLight.intensity - Light intensity. Example: `50`. Default: `50`\r\n * @param spotLight.castShadow - Enable shadow casting. Default: `true`\r\n * @param contactShadows - Contact shadows configuration. Can be `true` for default settings or object with custom settings. Example: `{ position: [0, -1, 0], opacity: 0.5, blur: 2 }`\r\n * @param contactShadows.position - Shadow position as [x, y, z]. Example: `[0, -1, 0]`. Default: `[0, -1, 0]`\r\n * @param contactShadows.opacity - Shadow opacity (0-1). Example: `0.5`. Default: `0.5`\r\n * @param contactShadows.blur - Shadow blur amount. Example: `2`. Default: `2`\r\n * @param style - Container style object. Example: `{ width: 400, height: 500 }`\r\n * @param className - Container CSS class name\r\n * \r\n * @example\r\n * ```tsx\r\n * <Scene3D\r\n *   camera={{ position: [0, 2, 5], fov: 45 }}\r\n *   background=\"#1a1a2e\"\r\n *   shadows\r\n *   style={{ width: 400, height: 500 }}\r\n * >\r\n *   <AnimatedModel url=\"/model.glb\" position={[0, -1, 0]} />\r\n * </Scene3D>\r\n * ```\r\n */\r\nexport function Scene3D({\r\n  children,\r\n  camera = {},\r\n  controls = {},\r\n  background,\r\n  shadows = true,\r\n  ambientIntensity = 0.5,\r\n  spotLight = {},\r\n  contactShadows = true,\r\n  style,\r\n  className,\r\n}: Scene3DProps) {\r\n  const cameraConfig = {\r\n    position: camera.position || [0, 2, 5],\r\n    fov: camera.fov || 45,\r\n  };\r\n\r\n  const controlsConfig = {\r\n    enabled: controls.enabled ?? true,\r\n    enablePan: controls.enablePan ?? true,\r\n    enableZoom: controls.enableZoom ?? true,\r\n    enableRotate: controls.enableRotate ?? true,\r\n    minDistance: controls.minDistance,\r\n    maxDistance: controls.maxDistance,\r\n    minPolarAngle: controls.minPolarAngle,\r\n    maxPolarAngle: controls.maxPolarAngle,\r\n    autoRotate: controls.autoRotate ?? false,\r\n    autoRotateSpeed: controls.autoRotateSpeed ?? 2,\r\n  };\r\n\r\n  const spotLightConfig = {\r\n    position: spotLight.position || [5, 10, 5],\r\n    intensity: spotLight.intensity ?? 50,\r\n    castShadow: spotLight.castShadow ?? true,\r\n  };\r\n\r\n  const contactShadowsConfig =\r\n    typeof contactShadows === 'object'\r\n      ? {\r\n          position: contactShadows.position || [0, -1, 0],\r\n          opacity: contactShadows.opacity ?? 0.5,\r\n          blur: contactShadows.blur ?? 2,\r\n        }\r\n      : contactShadows\r\n        ? { position: [0, -1, 0] as [number, number, number], opacity: 0.5, blur: 2 }\r\n        : null;\r\n\r\n  return (\r\n    <div style={style} className={className}>\r\n      <Canvas\r\n        shadows={shadows}\r\n        camera={{\r\n          position: cameraConfig.position as [number, number, number],\r\n          fov: cameraConfig.fov,\r\n        }}\r\n        style={{ width: '100%', height: '100%' }}\r\n      >\r\n        {/* Background */}\r\n        <Suspense fallback={null}>\r\n          <Background background={background} />\r\n        </Suspense>\r\n\r\n        {/* Lighting */}\r\n        <ambientLight intensity={ambientIntensity} />\r\n        <spotLight\r\n          position={spotLightConfig.position}\r\n          intensity={spotLightConfig.intensity}\r\n          castShadow={spotLightConfig.castShadow}\r\n        />\r\n\r\n        {/* Content */}\r\n        <Suspense fallback={null}>{children}</Suspense>\r\n\r\n        {/* Controls - updates camera when props change */}\r\n        <CameraController \r\n          position={cameraConfig.position as [number, number, number]} \r\n          controlsConfig={controlsConfig}\r\n        />\r\n\r\n        {/* Contact Shadows */}\r\n        {contactShadowsConfig && (\r\n          <ContactShadows\r\n            position={contactShadowsConfig.position}\r\n            opacity={contactShadowsConfig.opacity}\r\n            blur={contactShadowsConfig.blur}\r\n          />\r\n        )}\r\n      </Canvas>\r\n    </div>\r\n  );\r\n}\r\n","import { useEffect, useCallback, useRef } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport * as THREE from 'three';\n\n/**\n * Hook for managing mesh visibility in a 3D scene\n * \n * @param scene - The THREE.Object3D scene containing meshes\n * @param visibility - Reactive visibility state for meshes. Updates are applied every frame.\n * @returns Methods to control mesh visibility\n */\nexport function useMeshVisibility(\n  scene: THREE.Object3D,\n  visibility?: Record<string, boolean>\n) {\n  const meshMapRef = useRef<Map<string, THREE.Mesh>>(new Map());\n  // Store the latest visibility from props (kept in sync via useEffect)\n  const visibilityRef = useRef<Record<string, boolean>>({});\n  // Store imperative overrides set via setMeshVisibility()\n  const overridesRef = useRef<Record<string, boolean>>({});\n\n  // Keep visibilityRef in sync with the prop\n  useEffect(() => {\n    if (visibility) {\n      visibilityRef.current = { ...visibility };\n    }\n  }, [visibility]);\n\n  // Discover all meshes in the scene\n  useEffect(() => {\n    if (!scene) return;\n\n    const meshMap = new Map<string, THREE.Mesh>();\n    \n    scene.traverse((child) => {\n      if ((child as THREE.Mesh).isMesh) {\n        const mesh = child as THREE.Mesh;\n        if (mesh.name) {\n          meshMap.set(mesh.name, mesh);\n        }\n      }\n    });\n\n    meshMapRef.current = meshMap;\n  }, [scene]);\n\n  // Apply visibility changes on every frame\n  useFrame(() => {\n    const meshMap = meshMapRef.current;\n    if (meshMap.size === 0) return;\n\n    // Merge: props take baseline, imperative overrides take priority\n    const merged = { ...visibilityRef.current, ...overridesRef.current };\n\n    for (const [name, visible] of Object.entries(merged)) {\n      const mesh = meshMap.get(name);\n      if (mesh && mesh.visible !== visible) {\n        mesh.visible = visible;\n      }\n    }\n  });\n\n  /**\n   * Set visibility of a specific mesh (imperative, overrides props)\n   */\n  const setMeshVisibility = useCallback((name: string, visible: boolean) => {\n    overridesRef.current[name] = visible;\n    \n    // Apply immediately\n    const mesh = meshMapRef.current.get(name);\n    if (mesh) {\n      mesh.visible = visible;\n    }\n  }, []);\n\n  /**\n   * Get all mesh names in the scene\n   */\n  const getMeshNames = useCallback(() => {\n    return Array.from(meshMapRef.current.keys()).sort();\n  }, []);\n\n  /**\n   * Get current visibility state of all meshes\n   */\n  const getMeshVisibility = useCallback(() => {\n    const result: Record<string, boolean> = {};\n    meshMapRef.current.forEach((mesh, name) => {\n      result[name] = mesh.visible;\n    });\n    return result;\n  }, []);\n\n  return {\n    setMeshVisibility,\n    getMeshNames,\n    getMeshVisibility,\n  };\n}\n","import { useEffect, useCallback, useRef } from 'react';\r\nimport { useFrame } from '@react-three/fiber';\r\nimport * as THREE from 'three';\r\n\r\n/**\r\n * Hook for managing material colors in a 3D scene\r\n * \r\n * @param scene - The THREE.Object3D scene containing meshes with materials\r\n * @param initialColors - Initial color values for materials { materialName: \"#hexcolor\" or [r, g, b] }\r\n * @returns Methods to control material colors\r\n */\r\nexport function useMaterialColor(\r\n  scene: THREE.Object3D,\r\n  initialColors?: Record<string, string | [number, number, number]>\r\n) {\r\n  const materialMapRef = useRef<Map<string, THREE.Material | THREE.Material[]>>(new Map());\r\n  const colorMapRef = useRef<Map<string, THREE.Color>>(new Map());\r\n\r\n  // Discover all materials in the scene\r\n  useEffect(() => {\r\n    if (!scene) return;\r\n\r\n    const materialMap = new Map<string, THREE.Material | THREE.Material[]>();\r\n    \r\n    scene.traverse((child) => {\r\n      if ((child as THREE.Mesh).isMesh) {\r\n        const mesh = child as THREE.Mesh;\r\n        const materials = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\r\n        \r\n        materials.forEach((material) => {\r\n          if (material.name && !materialMap.has(material.name)) {\r\n            materialMap.set(material.name, material);\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    materialMapRef.current = materialMap;\r\n\r\n    // Apply initial colors\r\n    if (initialColors) {\r\n      Object.entries(initialColors).forEach(([materialName, color]) => {\r\n        const material = materialMap.get(materialName);\r\n        if (material && !Array.isArray(material)) {\r\n          const threeColor = parseColor(color);\r\n          if ((material as any).color) {\r\n            (material as any).color.copy(threeColor);\r\n          }\r\n          colorMapRef.current.set(materialName, threeColor);\r\n        }\r\n      });\r\n    }\r\n  }, [scene, initialColors]);\r\n\r\n  // Apply color changes on every frame (for smooth transitions)\r\n  useFrame(() => {\r\n    colorMapRef.current.forEach((targetColor, materialName) => {\r\n      const material = materialMapRef.current.get(materialName);\r\n      if (material && !Array.isArray(material)) {\r\n        const mat = material as any;\r\n        if (mat.color && !mat.color.equals(targetColor)) {\r\n          mat.color.copy(targetColor);\r\n          mat.needsUpdate = true;\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  /**\r\n   * Parse color from hex string or RGB array\r\n   */\r\n  const parseColor = (color: string | [number, number, number]): THREE.Color => {\r\n    if (typeof color === 'string') {\r\n      return new THREE.Color(color);\r\n    } else {\r\n      return new THREE.Color(color[0], color[1], color[2]);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Set color of a specific material\r\n   * @param materialName - Material name\r\n   * @param color - Hex color string (e.g., \"#ff0000\") or RGB array [r, g, b] where values are 0-1\r\n   */\r\n  const setMaterialColor = useCallback((\r\n    materialName: string, \r\n    color: string | [number, number, number]\r\n  ) => {\r\n    const threeColor = parseColor(color);\r\n    colorMapRef.current.set(materialName, threeColor);\r\n    \r\n    const material = materialMapRef.current.get(materialName);\r\n    if (material && !Array.isArray(material)) {\r\n      const mat = material as any;\r\n      if (mat.color) {\r\n        mat.color.copy(threeColor);\r\n        mat.needsUpdate = true;\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  /**\r\n   * Get all material names in the scene\r\n   */\r\n  const getMaterialNames = useCallback(() => {\r\n    return Array.from(materialMapRef.current.keys()).sort();\r\n  }, []);\r\n\r\n  /**\r\n   * Get current color of a material\r\n   * @returns Hex color string (e.g., \"#ff0000\")\r\n   */\r\n  const getMaterialColor = useCallback((materialName: string): string | null => {\r\n    const material = materialMapRef.current.get(materialName);\r\n    if (material && !Array.isArray(material)) {\r\n      const mat = material as any;\r\n      if (mat.color) {\r\n        return '#' + mat.color.getHexString();\r\n      }\r\n    }\r\n    return null;\r\n  }, []);\r\n\r\n  /**\r\n   * Get all material colors\r\n   * @returns Object mapping material names to hex colors\r\n   */\r\n  const getAllMaterialColors = useCallback((): Record<string, string> => {\r\n    const colors: Record<string, string> = {};\r\n    materialMapRef.current.forEach((material, name) => {\r\n      if (!Array.isArray(material)) {\r\n        const mat = material as any;\r\n        if (mat.color) {\r\n          colors[name] = '#' + mat.color.getHexString();\r\n        }\r\n      }\r\n    });\r\n    return colors;\r\n  }, []);\r\n\r\n  return {\r\n    setMaterialColor,\r\n    getMaterialNames,\r\n    getMaterialColor,\r\n    getAllMaterialColors,\r\n  };\r\n}\r\n","import { useEffect, useCallback, useRef } from 'react';\nimport * as THREE from 'three';\n\n/**\n * Material texture maps configuration\n */\nexport interface MaterialTextures {\n  /** Base/Diffuse color map */\n  map?: string;\n  /** Normal map */\n  normalMap?: string;\n  /** Roughness map */\n  roughnessMap?: string;\n  /** Metallic map */\n  metalnessMap?: string;\n  /** Emissive map */\n  emissiveMap?: string;\n  /** Alpha/Opacity map */\n  alphaMap?: string;\n  /** Ambient Occlusion map */\n  aoMap?: string;\n}\n\n/**\n * Hook for managing material textures in a 3D scene\n * \n * @param scene - The THREE.Object3D scene containing meshes with materials\n * @param textures - Initial texture maps for materials { materialName: textureConfig }\n * @returns Methods to control material textures\n */\nexport function useMaterialTexture(\n  scene: THREE.Object3D,\n  textures?: Record<string, MaterialTextures | string>\n) {\n  const materialMapRef = useRef<Map<string, THREE.Material>>(new Map());\n  const loaderRef = useRef<THREE.TextureLoader>(new THREE.TextureLoader());\n  const loadedTexturesRef = useRef<Map<string, THREE.Texture>>(new Map());\n  const loadingTexturesRef = useRef<Set<string>>(new Set()); // Track textures being loaded\n  const appliedTexturesRef = useRef<string>(''); // Track what was last applied\n\n  // Discover all materials in the scene\n  useEffect(() => {\n    if (!scene) return;\n\n    const materialMap = new Map<string, THREE.Material>();\n\n    scene.traverse((child) => {\n      if ((child as THREE.Mesh).isMesh) {\n        const mesh = child as THREE.Mesh;\n        const materials = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n\n        materials.forEach((material) => {\n          if (material.name && !materialMap.has(material.name)) {\n            materialMap.set(material.name, material);\n          }\n        });\n      }\n    });\n\n    materialMapRef.current = materialMap;\n  }, [scene]);\n\n  // Load and apply textures when they change\n  useEffect(() => {\n    if (!textures || !scene) return;\n\n    const loader = loaderRef.current;\n    const materialMap = materialMapRef.current;\n\n    if (materialMap.size === 0) return;\n\n    // Create a stable key for comparison\n    const texturesKey = JSON.stringify(textures);\n    if (appliedTexturesRef.current === texturesKey) {\n      console.log('[useMaterialTexture] Textures unchanged, skipping reload');\n      return;\n    }\n    appliedTexturesRef.current = texturesKey;\n\n    let disposed = false;\n\n    // Normalize textures\n    const normalizedTextures = new Map<string, MaterialTextures>();\n    Object.entries(textures).forEach(([name, config]) => {\n      normalizedTextures.set(name, typeof config === 'string' ? { map: config } : config);\n    });\n\n    console.log('[useMaterialTexture] Starting texture load for', normalizedTextures.size, 'materials');\n\n    // Collect all texture load tasks\n    const loadTasks: Array<{\n      materialName: string;\n      textureType: string;\n      url: string;\n      material: THREE.MeshStandardMaterial;\n    }> = [];\n\n    normalizedTextures.forEach((textureConfig, materialName) => {\n      const material = materialMap.get(materialName);\n      if (!material || !(material as any).isMeshStandardMaterial) {\n        console.warn(`[useMaterialTexture] Material \"${materialName}\" not found or not MeshStandardMaterial`);\n        return;\n      }\n\n      const mat = material as THREE.MeshStandardMaterial;\n\n      mat.map = null;\n      mat.normalMap = null;\n      mat.roughnessMap = null;\n      mat.metalnessMap = null;\n      mat.emissiveMap = null;\n      mat.emissive = new THREE.Color(0x000000); // Reset to black\n      mat.emissiveIntensity = 0;\n      mat.aoMap = null;\n      mat.needsUpdate = true;\n\n      Object.entries(textureConfig).forEach(([textureType, url]) => {\n        if (!url) return;\n\n        const cacheKey = `${materialName}_${textureType}_${url}`;\n\n        // Check if already loaded\n        const cached = loadedTexturesRef.current.get(cacheKey);\n        if (cached) {\n          console.log(`[useMaterialTexture] Using cached texture: ${materialName}.${textureType}`);\n          if (!disposed) {\n            applyTexture(mat, textureType as keyof MaterialTextures, cached);\n          }\n          return;\n        }\n\n        // Skip if already loading\n        if (loadingTexturesRef.current.has(cacheKey)) {\n          console.log(`[useMaterialTexture] Skipping already loading: ${materialName}.${textureType}`);\n          return;\n        }\n\n        loadTasks.push({ materialName, textureType, url, material: mat });\n      });\n    });\n\n    console.log(`[useMaterialTexture] Queued ${loadTasks.length} textures to load`);\n\n    // Load textures sequentially with delay to avoid overwhelming GPU\n    let taskIndex = 0;\n    const loadNextTexture = () => {\n      if (disposed || taskIndex >= loadTasks.length) {\n        console.log('[useMaterialTexture] All textures loaded');\n        return;\n      }\n\n      const task = loadTasks[taskIndex++];\n      const cacheKey = `${task.materialName}_${task.textureType}_${task.url}`;\n\n      console.log(`[useMaterialTexture] Loading (${taskIndex}/${loadTasks.length}): ${task.materialName}.${task.textureType}`);\n\n      loadingTexturesRef.current.add(cacheKey);\n\n      loader.load(\n        task.url,\n        (texture) => {\n          loadingTexturesRef.current.delete(cacheKey);\n\n          if (disposed) {\n            console.log(`[useMaterialTexture] Disposed, cleaning up texture: ${task.materialName}.${task.textureType}`);\n            texture.dispose();\n            return;\n          }\n\n          console.log(`[useMaterialTexture] Loaded: ${task.materialName}.${task.textureType} (${texture.image?.width}x${texture.image?.height})`)\n\n          // Configure texture\n          texture.colorSpace = task.textureType === 'map' || task.textureType === 'emissiveMap'\n            ? THREE.SRGBColorSpace\n            : THREE.NoColorSpace;\n          texture.wrapS = THREE.RepeatWrapping;\n          texture.wrapT = THREE.RepeatWrapping;\n          texture.flipY = false;\n\n          loadedTexturesRef.current.set(cacheKey, texture);\n          applyTexture(task.material, task.textureType as keyof MaterialTextures, texture);\n\n          // Load next texture after a small delay\n          setTimeout(loadNextTexture, 150);\n        },\n        (progress) => {\n          // Progress callback\n          if (progress.lengthComputable) {\n            const percent = Math.round((progress.loaded / progress.total) * 100);\n            if (percent % 25 === 0) {\n              console.log(`[useMaterialTexture] Progress ${task.materialName}.${task.textureType}: ${percent}%`);\n            }\n          }\n        },\n        (error) => {\n          loadingTexturesRef.current.delete(cacheKey);\n\n          if (!disposed) {\n            console.error(`[useMaterialTexture] Failed to load ${task.materialName}.${task.textureType} from ${task.url}:`, error);\n          }\n\n          // Continue to next texture even if one fails\n          setTimeout(loadNextTexture, 100);\n        }\n      );\n    };\n\n    // Start loading the first texture\n    loadNextTexture();\n\n    return () => {\n      console.log('[useMaterialTexture] Cleanup: disposed');\n      disposed = true;\n    };\n  }, [scene, textures]);\n\n  const applyTexture = (\n    material: THREE.MeshStandardMaterial,\n    type: keyof MaterialTextures,\n    texture: THREE.Texture\n  ) => {\n    switch (type) {\n      case 'map':\n        material.map = texture;\n        break;\n      case 'normalMap':\n        material.normalMap = texture;\n        break;\n      case 'roughnessMap':\n        material.roughnessMap = texture;\n        break;\n      case 'metalnessMap':\n        material.metalnessMap = texture;\n        break;\n      case 'emissiveMap':\n        material.emissiveMap = texture;\n        material.emissive = new THREE.Color(0xffffff);\n        material.emissiveIntensity = 1;\n        break;\n      case 'alphaMap':\n        // Skip alphaMap - it causes parts to disappear incorrectly\n        // Only use if material already has transparency configured\n        console.log(`[useMaterialTexture] Skipping alphaMap for \"${material.name}\" to prevent disappearing`);\n        break;\n      case 'aoMap':\n        material.aoMap = texture;\n        break;\n    }\n    material.needsUpdate = true;\n  };\n\n  /**\n   * Set textures for a specific material\n   * @param materialName - Material name\n   * @param textureConfig - Texture configuration or single map URL\n   */\n  const setMaterialTextures = useCallback((\n    materialName: string,\n    textureConfig: MaterialTextures | string\n  ) => {\n    const normalized = typeof textureConfig === 'string'\n      ? { map: textureConfig }\n      : textureConfig;\n\n    const material = materialMapRef.current.get(materialName);\n    if (!material || !(material as any).isMeshStandardMaterial) {\n      console.warn(`Material \"${materialName}\" not found or not MeshStandardMaterial`);\n      return;\n    }\n\n    const mat = material as THREE.MeshStandardMaterial;\n    const loader = loaderRef.current;\n\n    Object.entries(normalized).forEach(([textureType, url]) => {\n      if (!url) return;\n\n      const cacheKey = `${materialName}_${textureType}_${url}`;\n\n      // Check cache first\n      const cached = loadedTexturesRef.current.get(cacheKey);\n      if (cached) {\n        applyTexture(mat, textureType as keyof MaterialTextures, cached);\n        return;\n      }\n\n      loader.load(\n        url,\n        (texture) => {\n          texture.colorSpace = textureType === 'map' || textureType === 'emissiveMap'\n            ? THREE.SRGBColorSpace\n            : THREE.NoColorSpace;\n          texture.wrapS = THREE.RepeatWrapping;\n          texture.wrapT = THREE.RepeatWrapping;\n\n          loadedTexturesRef.current.set(cacheKey, texture);\n          applyTexture(mat, textureType as keyof MaterialTextures, texture);\n        },\n        undefined,\n        (error) => {\n          console.error(`Failed to load texture ${url}:`, error);\n        }\n      );\n    });\n  }, []);\n\n  /**\n   * Get all material names in the scene\n   */\n  const getMaterialNames = useCallback(() => {\n    return Array.from(materialMapRef.current.keys()).sort();\n  }, []);\n\n  /**\n   * Clear all textures from a material\n   */\n  const clearMaterialTextures = useCallback((materialName: string) => {\n    const material = materialMapRef.current.get(materialName);\n    if (!material || !(material as any).isMeshStandardMaterial) return;\n\n    const mat = material as THREE.MeshStandardMaterial;\n    mat.map = null;\n    mat.normalMap = null;\n    mat.roughnessMap = null;\n    mat.metalnessMap = null;\n    mat.emissiveMap = null;\n    mat.alphaMap = null;\n    mat.aoMap = null;\n    mat.needsUpdate = true;\n  }, []);\n\n  return {\n    setMaterialTextures,\n    getMaterialNames,\n    clearMaterialTextures,\n  };\n}\n","import { useMemo, useRef } from 'react';\nimport { useGLTF } from '@react-three/drei';\nimport * as THREE from 'three';\nimport { useMeshVisibility } from '../../hooks/useMeshVisibility';\nimport { useMaterialColor } from '../../hooks/useMaterialColor';\nimport { useMaterialTexture } from '../../hooks/useMaterialTexture';\nimport type { ModelProps } from '../../types';\n\n/**\n * Model - Simple 3D model component for loading and displaying GLB/GLTF files\n * \n * @remarks\n * This component:\n * - Loads GLB/GLTF models using drei's useGLTF hook\n * - Automatically clones the scene for independent instances\n * - Configures shadows on all meshes\n * - Supports position, rotation, and scale transforms\n * - Provides onLoad callback with model metadata\n * \n * @param url - URL or path to GLB/GLTF model file. Example: `\"/models/sword.glb\"`\n * @param position - Model position in 3D space as [x, y, z]. Example: `[0, 0, 0]`. Default: `[0, 0, 0]`\n * @param rotation - Model rotation in radians as [x, y, z]. Example: `[0, Math.PI/2, 0]`. Default: `[0, 0, 0]`\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`\n * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ \"Part1\": true, \"Part2\": false }`\n * @param materialColors - Material colors as key-value pairs. Example: `{ \"MaterialName\": \"#ff0000\" }`\n * @param materialTextures - Material texture maps. Example: `{ \"Metal\": { map: \"/tex.webp\", normalMap: \"/normal.webp\" } }`\n * @param onLoad - Callback when model finishes loading. Receives ModelInfo object with metadata: `{ meshes, materials, bones, nodeCount }`\n * @param onError - Callback when model fails to load. Receives Error object\n * \n * @example\n * ```tsx\n * <Model \n *   url=\"/models/sword.glb\"\n *   position={[0, 0, 0]}\n *   rotation={[0, Math.PI/2, 0]}\n *   scale={0.5}\n *   meshVisibility={{ \"Blade\": true, \"Handle\": false }}\n *   onLoad={(info) => console.log('Loaded:', info)}\n * />\n * ```\n */\nexport function Model({\n  url,\n  position = [0, 0, 0],\n  rotation = [0, 0, 0],\n  scale = 1,\n  meshVisibility,\n  materialColors,\n  materialTextures,\n  onLoad,\n  onError: _onError,\n}: ModelProps) {\n  const { scene } = useGLTF(url);\n  const onLoadRef = useRef(onLoad);\n  onLoadRef.current = onLoad;\n\n  // Clone scene for independent instance\n  const clonedScene = useMemo(() => {\n    const clone = scene.clone();\n    \n    // Setup shadows and collect info\n    const meshes: string[] = [];\n    const materials = new Set<string>();\n    const bones: string[] = [];\n    let nodeCount = 0;\n\n    clone.traverse((child) => {\n      nodeCount++;\n      \n      if (child.type === 'Bone') {\n        bones.push(child.name);\n      }\n      \n      if ((child as THREE.Mesh).isMesh) {\n        const mesh = child as THREE.Mesh;\n        meshes.push(mesh.name);\n        mesh.castShadow = true;\n        mesh.receiveShadow = true;\n        \n        const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n        mats.forEach((mat) => materials.add(mat.name));\n      }\n    });\n\n    // Defer callback to avoid state update during render\n    setTimeout(() => {\n      onLoadRef.current?.({\n        meshes: meshes.sort(),\n        materials: Array.from(materials).sort(),\n        bones: bones.sort(),\n        nodeCount,\n      });\n    }, 0);\n\n    return clone;\n  }, [scene]);\n\n  // Mesh visibility hook\n  useMeshVisibility(clonedScene, meshVisibility);\n\n  // Material colors hook\n  useMaterialColor(clonedScene, materialColors);\n\n  // Material textures hook\n  useMaterialTexture(clonedScene, materialTextures);\n\n  const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\n\n  return (\n    <group position={position} rotation={rotation} scale={scaleArray as [number, number, number]}>\n      <primitive object={clonedScene} />\n    </group>\n  );\n}\n\n// Preload helper\nModel.preload = (url: string) => {\n  useGLTF.preload(url);\n};\n","import { useRef, useCallback, useEffect } from 'react';\r\nimport { useAnimations } from '@react-three/drei';\r\nimport * as THREE from 'three';\r\n\r\ninterface UseAnimationControllerOptions {\r\n  defaultAnimation?: string;\r\n}\r\n\r\nexport function useAnimationController(\r\n  animations: THREE.AnimationClip[],\r\n  scene: THREE.Object3D,\r\n  options?: UseAnimationControllerOptions\r\n) {\r\n  const { actions, names } = useAnimations(animations, scene);\r\n  const currentActionRef = useRef<THREE.AnimationAction | null>(null);\r\n  const defaultAnimationRef = useRef<string | undefined>(options?.defaultAnimation);\r\n\r\n  // Play default animation on mount\r\n  useEffect(() => {\r\n    if (names.length === 0) return;\r\n\r\n    const defaultAnim = defaultAnimationRef.current;\r\n    let animToPlay = names[0];\r\n\r\n    if (defaultAnim) {\r\n      const match = names.find((n) => n === defaultAnim || n.includes(defaultAnim));\r\n      if (match) animToPlay = match;\r\n    }\r\n\r\n    const action = actions[animToPlay];\r\n    if (action) {\r\n      action.reset().fadeIn(0.5).play();\r\n      currentActionRef.current = action;\r\n    }\r\n  }, [actions, names]);\r\n\r\n  const playAnimation = useCallback(\r\n    (\r\n      name: string,\r\n      opts?: {\r\n        loop?: boolean;\r\n        crossFadeDuration?: number;\r\n        restoreDefault?: boolean;\r\n      }\r\n    ) => {\r\n      const {\r\n        loop = false,\r\n        crossFadeDuration = 0.2,\r\n        restoreDefault = true,\r\n      } = opts || {};\r\n\r\n      // Find animation (exact match or partial)\r\n      let targetAction = actions[name];\r\n\r\n      if (!targetAction) {\r\n        const match = Object.keys(actions).find(\r\n          (a) =>\r\n            a.toLowerCase().includes(name.toLowerCase()) ||\r\n            name.toLowerCase().includes(a.toLowerCase())\r\n        );\r\n        if (match) {\r\n          targetAction = actions[match];\r\n        }\r\n      }\r\n\r\n      if (!targetAction) {\r\n        console.warn(`Animation \"${name}\" not found. Available: ${names.join(', ')}`);\r\n        return;\r\n      }\r\n\r\n      // Don't restart if already playing\r\n      const prev = currentActionRef.current;\r\n      if (prev === targetAction && targetAction.isRunning()) {\r\n        return;\r\n      }\r\n\r\n      // Crossfade from previous\r\n      if (prev && prev !== targetAction) {\r\n        prev.fadeOut(crossFadeDuration);\r\n      }\r\n\r\n      // Setup new action\r\n      targetAction.reset();\r\n      targetAction.fadeIn(crossFadeDuration);\r\n      targetAction.setLoop(\r\n        loop ? THREE.LoopRepeat : THREE.LoopOnce,\r\n        loop ? Infinity : 1\r\n      );\r\n      targetAction.clampWhenFinished = !loop;\r\n      targetAction.play();\r\n\r\n      // Force immediate update for non-looping animations\r\n      if (!loop) {\r\n        targetAction.getMixer().update(0);\r\n      }\r\n\r\n      currentActionRef.current = targetAction;\r\n\r\n      // Restore default animation after one-shot completes\r\n      if (restoreDefault && !loop && defaultAnimationRef.current) {\r\n        const mixer = targetAction.getMixer();\r\n        const onFinished = (e: { action: THREE.AnimationAction }) => {\r\n          if (e.action === targetAction) {\r\n            mixer.removeEventListener('finished', onFinished);\r\n            \r\n            const defaultAction = actions[defaultAnimationRef.current!];\r\n            if (defaultAction) {\r\n              targetAction.fadeOut(crossFadeDuration);\r\n              defaultAction.reset().fadeIn(crossFadeDuration).play();\r\n              currentActionRef.current = defaultAction;\r\n            }\r\n          }\r\n        };\r\n        mixer.addEventListener('finished', onFinished);\r\n      }\r\n    },\r\n    [actions, names]\r\n  );\r\n\r\n  const stopAnimation = useCallback(() => {\r\n    currentActionRef.current?.fadeOut(0.2);\r\n    currentActionRef.current = null;\r\n  }, []);\r\n\r\n  const getAnimationNames = useCallback(() => names, [names]);\r\n\r\n  return {\r\n    playAnimation,\r\n    stopAnimation,\r\n    getAnimationNames,\r\n    actions,\r\n  };\r\n}\r\n","import { useRef, useCallback, useEffect } from 'react';\r\nimport { useFrame } from '@react-three/fiber';\r\nimport * as THREE from 'three';\r\n\r\nexport function useMorphTargets(\r\n  scene: THREE.Object3D,\r\n  initialValues?: Record<string, number>\r\n) {\r\n  const morphValuesRef = useRef<Record<string, number>>(initialValues || {});\r\n  const morphNamesRef = useRef<string[]>([]);\r\n  const meshesWithMorphsRef = useRef<THREE.Mesh[]>([]);\r\n\r\n  // Discover morph targets\r\n  useEffect(() => {\r\n    const names = new Set<string>();\r\n    const meshes: THREE.Mesh[] = [];\r\n\r\n    scene.traverse((child) => {\r\n      if (\r\n        child instanceof THREE.Mesh &&\r\n        child.morphTargetDictionary &&\r\n        child.morphTargetInfluences\r\n      ) {\r\n        meshes.push(child);\r\n        Object.keys(child.morphTargetDictionary).forEach((name) => {\r\n          names.add(name);\r\n        });\r\n      }\r\n    });\r\n\r\n    morphNamesRef.current = Array.from(names).sort();\r\n    meshesWithMorphsRef.current = meshes;\r\n  }, [scene]);\r\n\r\n  // Apply morph targets every frame\r\n  useFrame(() => {\r\n    const values = morphValuesRef.current;\r\n    \r\n    meshesWithMorphsRef.current.forEach((mesh) => {\r\n      if (!mesh.morphTargetDictionary || !mesh.morphTargetInfluences) return;\r\n      \r\n      Object.entries(values).forEach(([name, value]) => {\r\n        const index = mesh.morphTargetDictionary![name];\r\n        if (index !== undefined) {\r\n          mesh.morphTargetInfluences![index] = value;\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  // Update values when props change\r\n  useEffect(() => {\r\n    if (initialValues) {\r\n      morphValuesRef.current = { ...initialValues };\r\n    }\r\n  }, [initialValues]);\r\n\r\n  const setMorphTarget = useCallback((name: string, value: number) => {\r\n    morphValuesRef.current[name] = Math.max(0, Math.min(1, value));\r\n  }, []);\r\n\r\n  const getMorphTargetNames = useCallback(() => morphNamesRef.current, []);\r\n\r\n  const getMorphTargetValues = useCallback(() => ({ ...morphValuesRef.current }), []);\r\n\r\n  return {\r\n    setMorphTarget,\r\n    getMorphTargetNames,\r\n    getMorphTargetValues,\r\n  };\r\n}\r\n","import { createContext, useContext } from 'react';\r\nimport type { AnimatedModelContextValue } from '../../types';\r\n\r\nexport const AnimatedModelContext = createContext<AnimatedModelContextValue | null>(null);\r\n\r\nexport function useAnimatedModelContext() {\r\n  const context = useContext(AnimatedModelContext);\r\n  if (!context) {\r\n    throw new Error('BoneAttachment must be used within an AnimatedModel');\r\n  }\r\n  return context;\r\n}\r\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useRef,\n  useMemo,\n  useEffect,\n} from 'react';\nimport * as THREE from 'three';\nimport { useGLTF } from '@react-three/drei';\nimport * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils.js';\nimport { useAnimationController } from '../../hooks/useAnimationController';\nimport { useMorphTargets } from '../../hooks/useMorphTargets';\nimport { useMeshVisibility } from '../../hooks/useMeshVisibility';\nimport { useMaterialColor } from '../../hooks/useMaterialColor';\nimport { useMaterialTexture } from '../../hooks/useMaterialTexture';\nimport { AnimatedModelContext } from './AnimatedModelContext';\nimport type { AnimatedModelProps, AnimatedModelHandle } from '../../types';\n\n/**\n * AnimatedModel - 3D model with animation support and bone attachment capability\n * \n * @remarks\n * This component:\n * - Loads GLB/GLTF models with animations using useGLTF\n * - Properly clones skinned meshes using SkeletonUtils for multiple instances\n * - Plays animations with automatic crossfading\n * - Supports morph targets for character customization\n * - Provides context for BoneAttachment children\n * - Exposes imperative API via ref for external animation control\n * \n * The ref provides these methods:\n * - `playAnimation(name, options)` - Play an animation with optional loop/restore\n * - `stopAnimation()` - Stop current animation\n * - `getAnimationNames()` - Get list of available animations\n * - `getGroup()` - Get the THREE.Group for advanced manipulation\n * - `setMorphTarget(name, value)` - Set morph target value\n * - `getMorphTargetNames()` - Get available morph target names\n * \n * @param ref - React ref for imperative API access\n * @param url - URL or path to GLB/GLTF model file with animations. Example: `\"/models/character.glb\"`\n * @param position - Model position in 3D space as [x, y, z]. Example: `[0, -1, 0]`. Default: `[0, 0, 0]`\n * @param rotation - Model rotation in radians as [x, y, z]. Example: `[0, Math.PI, 0]`. Default: `[0, 0, 0]`\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`\n * @param defaultAnimation - Name of animation to play on load. If not specified, plays first animation. Example: `\"Idle\"`\n * @param morphTargets - Morph target values as key-value pairs where value is 0-1. Example: `{ muscular: 0.5, thin: 0.2 }`\n * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ \"Hairgirl1\": true, \"Hairgirl2\": false }`\n * @param materialColors - Material colors as key-value pairs. Example: `{ \"Hair_girl_1\": \"#ff0000\" }`\n * @param materialTextures - Material texture maps. Example: `{ \"Metal\": { map: \"/tex.webp\", normalMap: \"/normal.webp\" } }`\n * @param children - Child components, typically BoneAttachment components for attaching items\n * @param onLoad - Callback when model loads. Receives AnimatedModelInfo object: `{ meshes, materials, bones, nodeCount, animations, morphTargetNames }`\n * @param onError - Callback when model fails to load. Receives Error object\n * \n * @example\n * ```tsx\n * const modelRef = useRef<AnimatedModelHandle>(null);\n * \n * <AnimatedModel\n *   ref={modelRef}\n *   url=\"/models/character.glb\"\n *   defaultAnimation=\"Idle\"\n *   morphTargets={{ muscular: 0.5 }}\n *   meshVisibility={{ \"Hairgirl1\": true, \"Hairgirl2\": false }}\n *   materialColors={{ \"Hair_girl_1\": \"#ff0000\" }}\n *   materialTextures={{ \"Metal\": { map: \"/metal.webp\", roughnessMap: \"/rough.webp\" } }}\n *   position={[0, -1, 0]}\n * >\n *   <BoneAttachment bone=\"hand_r\">\n *     <Model url=\"/models/sword.glb\" />\n *   </BoneAttachment>\n * </AnimatedModel>\n * \n * // Control animations from outside\n * modelRef.current?.playAnimation('Attack', { loop: false });\n * ```\n */\nexport const AnimatedModel = forwardRef<AnimatedModelHandle, AnimatedModelProps>(\n  (\n    {\n      url,\n      position = [0, 0, 0],\n      rotation = [0, 0, 0],\n      scale = 1,\n      defaultAnimation,\n      morphTargets,\n      meshVisibility,\n      materialColors,\n      materialTextures,\n      onLoad,\n      onError: _onError,\n      children,\n    },\n    ref\n  ) => {\n    const groupRef = useRef<THREE.Group>(null);\n    const morphNamesRef = useRef<string[]>([]);\n    const onLoadRef = useRef(onLoad);\n    onLoadRef.current = onLoad;\n\n    // Load and clone model\n    const { scene: gltfScene, animations } = useGLTF(url);\n    const scene = useMemo(() => SkeletonUtils.clone(gltfScene), [gltfScene]);\n\n    // Animation controller\n    const { playAnimation, stopAnimation, getAnimationNames } = useAnimationController(\n      animations,\n      scene,\n      { defaultAnimation }\n    );\n\n    // Morph targets\n    const { setMorphTarget } = useMorphTargets(\n      scene,\n      morphTargets\n    );\n\n    // Mesh visibility\n    const { setMeshVisibility, getMeshNames } = useMeshVisibility(\n      scene,\n      meshVisibility\n    );\n\n    // Material colors\n    const { setMaterialColor, getMaterialNames, getMaterialColor } = useMaterialColor(\n      scene,\n      materialColors\n    );\n\n    // Material textures\n    const { setMaterialTextures, clearMaterialTextures } = useMaterialTexture(\n      scene,\n      materialTextures\n    );\n\n    // Discover morph targets and call onLoad\n    useEffect(() => {\n      if (!scene) return;\n\n      const timer = setTimeout(() => {\n        const bones: string[] = [];\n        const meshes: string[] = [];\n        const materials = new Set<string>();\n        const morphNames = new Set<string>();\n        let nodeCount = 0;\n\n        scene.traverse((child) => {\n          nodeCount++;\n          \n          if (child.type === 'Bone') {\n            bones.push(child.name);\n          }\n          \n          if ((child as THREE.Mesh).isMesh) {\n            const mesh = child as THREE.Mesh;\n            meshes.push(mesh.name);\n            \n            // Setup shadows\n            mesh.castShadow = true;\n            mesh.receiveShadow = true;\n            \n            const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n            mats.forEach((mat) => {\n              materials.add(mat.name);\n              mat.shadowSide = THREE.DoubleSide;\n            });\n\n            if (mesh.morphTargetDictionary) {\n              Object.keys(mesh.morphTargetDictionary).forEach((name) => {\n                morphNames.add(name);\n              });\n            }\n          }\n        });\n\n        morphNamesRef.current = Array.from(morphNames).sort();\n\n        onLoadRef.current?.({\n          meshes: meshes.sort(),\n          materials: Array.from(materials).sort(),\n          bones: bones.sort(),\n          nodeCount,\n          animations: animations.map((a) => a.name),\n          morphTargetNames: morphNamesRef.current,\n        });\n      }, 0);\n\n      return () => clearTimeout(timer);\n    }, [scene, animations]);\n\n    // Expose imperative handle\n    useImperativeHandle(ref, () => ({\n      playAnimation,\n      stopAnimation,\n      getAnimationNames,\n      getGroup: () => groupRef.current,\n      setMorphTarget,\n      getMorphTargetNames: () => morphNamesRef.current,\n      setMeshVisibility,\n      getMeshNames,\n      setMaterialColor,\n      getMaterialNames,\n      getMaterialColor,\n      setMaterialTextures,\n      clearMaterialTextures,\n    }));\n\n    // Context for BoneAttachment children\n    const contextValue = useMemo(\n      () => ({\n        scene,\n        getBone: (name: string) => scene.getObjectByName(name) || null,\n      }),\n      [scene]\n    );\n\n    const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\n\n    return (\n      <AnimatedModelContext.Provider value={contextValue}>\n        <group\n          ref={groupRef}\n          position={position}\n          rotation={rotation}\n          scale={scaleArray as [number, number, number]}\n        >\n          <primitive object={scene} />\n          {children}\n        </group>\n      </AnimatedModelContext.Provider>\n    );\n  }\n);\n\nAnimatedModel.displayName = 'AnimatedModel';\n\n// Preload helper\n(AnimatedModel as any).preload = (url: string) => {\n  useGLTF.preload(url);\n};\n","import { forwardRef, useImperativeHandle, useMemo, useEffect, useRef } from 'react';\nimport { useGLTF } from '@react-three/drei';\nimport * as THREE from 'three';\nimport { useMorphTargets } from '../../hooks/useMorphTargets';\nimport { useMeshVisibility } from '../../hooks/useMeshVisibility';\nimport { useMaterialColor } from '../../hooks/useMaterialColor';\nimport { useMaterialTexture } from '../../hooks/useMaterialTexture';\nimport type { MorphableModelProps, MorphableModelHandle } from '../../types';\n\n/**\n * MorphableModel - 3D model with morph targets for shape customization\n * \n * @remarks\n * This component:\n * - Loads GLB/GLTF models with morph targets (blend shapes)\n * - Dynamically discovers available morph targets from the model\n * - Applies morph target values in real-time\n * - Provides imperative API via ref for programmatic control\n * \n * Morph targets are commonly used for:\n * - Character customization (muscular, thin, fat)\n * - Facial expressions (smile, frown, blink)\n * - Clothing fit adjustments\n * \n * @param ref - React ref for imperative API access\n * @param url - URL or path to GLB/GLTF model file with morph targets. Example: `\"/models/character.glb\"`\n * @param position - Model position in 3D space as [x, y, z]. Example: `[0, -1, 0]`. Default: `[0, 0, 0]`\n * @param rotation - Model rotation in radians as [x, y, z]. Example: `[0, Math.PI, 0]`. Default: `[0, 0, 0]`\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.5` or `[1, 2, 1]`. Default: `1`\n * @param morphTargets - Morph target values as key-value pairs where value is 0-1. Example: `{ muscular: 0.5, thin: 0.2 }`\n * @param meshVisibility - Mesh visibility as key-value pairs. Example: `{ \"Hairgirl1\": true, \"Hairgirl2\": false }`\n * @param materialColors - Material colors as key-value pairs. Example: `{ \"Hair_girl_1\": \"#ff0000\" }`\n * @param materialTextures - Material texture maps. Example: `{ \"Metal\": { map: \"/tex.webp\", normalMap: \"/normal.webp\" } }`\n * @param onMorphTargetsFound - Callback when morph targets are discovered from the model. Receives array of morph target names: `[\"muscular\", \"thin\", \"fat\"]`\n * @param onLoad - Callback when model finishes loading. Receives ModelInfo object with metadata: `{ meshes, materials, bones, nodeCount }`\n * @param onError - Callback when model fails to load. Receives Error object\n * \n * @example\n * ```tsx\n * const modelRef = useRef<MorphableModelHandle>(null);\n * const [morphs, setMorphs] = useState({ muscular: 0.5, thin: 0.2 });\n * \n * <MorphableModel\n *   ref={modelRef}\n *   url=\"/models/character.glb\"\n *   morphTargets={morphs}\n *   meshVisibility={{ \"Hairgirl1\": true, \"Hairgirl2\": false }}\n *   onMorphTargetsFound={(names) => console.log('Available:', names)}\n *   position={[0, -1, 0]}\n * />\n * \n * // Control programmatically\n * modelRef.current?.setMorphTarget('muscular', 0.8);\n * ```\n */\nexport const MorphableModel = forwardRef<MorphableModelHandle, MorphableModelProps>(\n  (\n    {\n      url,\n      position = [0, 0, 0],\n      rotation = [0, 0, 0],\n      scale = 1,\n      morphTargets,\n      meshVisibility,\n      materialColors,\n      materialTextures,\n      onMorphTargetsFound,\n      onLoad,\n      onError: _onError,\n    },\n    ref\n  ) => {\n    const { scene } = useGLTF(url);\n    const onLoadRef = useRef(onLoad);\n    onLoadRef.current = onLoad;\n    const onMorphTargetsFoundRef = useRef(onMorphTargetsFound);\n    onMorphTargetsFoundRef.current = onMorphTargetsFound;\n\n    // Clone scene\n    const clonedScene = useMemo(() => scene.clone(), [scene]);\n\n    // Morph targets hook\n    const { setMorphTarget, getMorphTargetNames, getMorphTargetValues } = useMorphTargets(\n      clonedScene,\n      morphTargets\n    );\n\n    // Mesh visibility hook\n    const { setMeshVisibility, getMeshNames } = useMeshVisibility(\n      clonedScene,\n      meshVisibility\n    );\n\n    // Material colors hook\n    const { setMaterialColor, getMaterialNames, getMaterialColor } = useMaterialColor(\n      clonedScene,\n      materialColors\n    );\n\n    // Material textures hook\n    const { setMaterialTextures, clearMaterialTextures } = useMaterialTexture(\n      clonedScene,\n      materialTextures\n    );\n\n    // Discover morph targets and notify\n    useEffect(() => {\n      const names = getMorphTargetNames();\n      if (names.length > 0) {\n        onMorphTargetsFoundRef.current?.(names);\n      }\n    }, [clonedScene, getMorphTargetNames]);\n\n    // Setup shadows and call onLoad\n    useEffect(() => {\n      if (!clonedScene) return;\n\n      const meshes: string[] = [];\n      const materials = new Set<string>();\n      const bones: string[] = [];\n      let nodeCount = 0;\n\n      clonedScene.traverse((child) => {\n        nodeCount++;\n        \n        if (child.type === 'Bone') {\n          bones.push(child.name);\n        }\n        \n        if ((child as THREE.Mesh).isMesh) {\n          const mesh = child as THREE.Mesh;\n          meshes.push(mesh.name);\n          mesh.castShadow = true;\n          mesh.receiveShadow = true;\n          \n          const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\n          mats.forEach((mat) => materials.add(mat.name));\n        }\n      });\n\n      onLoadRef.current?.({\n        meshes: meshes.sort(),\n        materials: Array.from(materials).sort(),\n        bones: bones.sort(),\n        nodeCount,\n      });\n    }, [clonedScene]);\n\n    // Expose handle\n    useImperativeHandle(ref, () => ({\n      setMorphTarget,\n      getMorphTargetNames,\n      getMorphTargetValues,\n      setMeshVisibility,\n      getMeshNames,\n      setMaterialColor,\n      getMaterialNames,\n      getMaterialColor,\n      setMaterialTextures,\n      clearMaterialTextures,\n    }));\n\n    const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\n\n    return (\n      <group position={position} rotation={rotation} scale={scaleArray as [number, number, number]}>\n        <primitive object={clonedScene} />\n      </group>\n    );\n  }\n);\n\nMorphableModel.displayName = 'MorphableModel';\n","import { useState, useEffect } from 'react';\r\nimport { createPortal } from '@react-three/fiber';\r\nimport * as THREE from 'three';\r\nimport { useAnimatedModelContext } from '../AnimatedModel/AnimatedModelContext';\r\nimport type { BoneAttachmentProps } from '../../types';\r\n\r\n/**\r\n * BoneAttachment - Attach models to bones of an AnimatedModel parent\r\n * \r\n * @remarks\r\n * This component:\r\n * - Must be used as a child of AnimatedModel\r\n * - Uses React Three Fiber's createPortal to attach to a bone\r\n * - Automatically follows bone transformations during animations\r\n * - Supports position/rotation/scale offsets relative to the bone\r\n * \r\n * Common bone names:\r\n * - Hand bones: \"hand_r\", \"hand_l\", \"DEF-handR\", \"DEF-handL\"\r\n * - Spine/Back: \"spine\", \"spine_upper\", \"back\"\r\n * - Head: \"head\", \"neck\"\r\n * \r\n * @param children - Child components to attach to the bone (typically Model components)\r\n * @param bone - Bone name to attach to. Must match bone name in the parent AnimatedModel. Example: `\"hand_r\"` or `\"DEF-handR\"`\r\n * @param position - Position offset relative to the bone as [x, y, z]. Example: `[0.1, 0, 0]`. Default: `[0, 0, 0]`\r\n * @param rotation - Rotation offset relative to the bone in radians as [x, y, z]. Example: `[0, Math.PI/2, 0]`. Default: `[0, 0, 0]`\r\n * @param scale - Uniform scale (number) or per-axis scale [x, y, z]. Examples: `0.7` or `[1, 2, 1]`. Default: `1`\r\n * \r\n * @example\r\n * ```tsx\r\n * <AnimatedModel url=\"/character.glb\">\r\n *   // Sword in right hand\r\n *   <BoneAttachment \r\n *     bone=\"hand_r\"\r\n *     position={[0.1, 0, 0]}\r\n *     rotation={[0, Math.PI/2, 0]}\r\n *   >\r\n *     <Model url=\"/sword.glb\" scale={0.7} />\r\n *   </BoneAttachment>\r\n *   \r\n *   // Shield on back\r\n *   <BoneAttachment bone=\"spine_upper\">\r\n *     <Model url=\"/shield.glb\" />\r\n *   </BoneAttachment>\r\n * </AnimatedModel>\r\n * ```\r\n */\r\nexport function BoneAttachment({\r\n  children,\r\n  bone,\r\n  position = [0, 0, 0],\r\n  rotation = [0, 0, 0],\r\n  scale = 1,\r\n}: BoneAttachmentProps) {\r\n  const { getBone } = useAnimatedModelContext();\r\n  const [boneObject, setBoneObject] = useState<THREE.Object3D | null>(null);\r\n\r\n  useEffect(() => {\r\n    const found = getBone(bone);\r\n    if (found) {\r\n      setBoneObject(found);\r\n    } else {\r\n      console.warn(`Bone \"${bone}\" not found in model`);\r\n    }\r\n  }, [bone, getBone]);\r\n\r\n  if (!boneObject) {\r\n    return null;\r\n  }\r\n\r\n  const scaleArray = typeof scale === 'number' ? [scale, scale, scale] : scale;\r\n\r\n  return createPortal(\r\n    <group\r\n      position={position}\r\n      rotation={rotation}\r\n      scale={scaleArray as [number, number, number]}\r\n    >\r\n      {children}\r\n    </group>,\r\n    boneObject\r\n  );\r\n}\r\n","import { useMemo, useEffect } from 'react';\r\nimport { useGLTF } from '@react-three/drei';\r\nimport * as THREE from 'three';\r\nimport * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils.js';\r\nimport type { ModelInfo } from '../types';\r\n\r\ninterface UseClonedModelOptions {\r\n  onLoad?: (info: ModelInfo) => void;\r\n  onError?: (error: Error) => void;\r\n}\r\n\r\nexport function useClonedModel(url: string, options?: UseClonedModelOptions) {\r\n  const { scene, animations } = useGLTF(url);\r\n  \r\n  // Clone scene using SkeletonUtils for proper skinned mesh handling\r\n  const clonedScene = useMemo(() => {\r\n    return SkeletonUtils.clone(scene);\r\n  }, [scene]);\r\n\r\n  // Extract model info and setup shadows\r\n  useEffect(() => {\r\n    if (!clonedScene) return;\r\n\r\n    const bones: string[] = [];\r\n    const meshes: string[] = [];\r\n    const materials = new Set<string>();\r\n    let nodeCount = 0;\r\n\r\n    clonedScene.traverse((child) => {\r\n      nodeCount++;\r\n      \r\n      if (child.type === 'Bone') {\r\n        bones.push(child.name);\r\n      }\r\n      \r\n      if ((child as THREE.Mesh).isMesh) {\r\n        const mesh = child as THREE.Mesh;\r\n        meshes.push(mesh.name);\r\n        \r\n        // Setup shadows\r\n        mesh.castShadow = true;\r\n        mesh.receiveShadow = true;\r\n        \r\n        // Collect material names\r\n        const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];\r\n        mats.forEach((mat) => {\r\n          materials.add(mat.name);\r\n          mat.shadowSide = THREE.DoubleSide;\r\n        });\r\n      }\r\n    });\r\n\r\n    options?.onLoad?.({\r\n      meshes: meshes.sort(),\r\n      materials: Array.from(materials).sort(),\r\n      bones: bones.sort(),\r\n      nodeCount,\r\n    });\r\n  }, [clonedScene, options]);\r\n\r\n  return { scene: clonedScene, animations };\r\n}\r\n\r\n// Preload helper\r\nexport function preloadModel(url: string) {\r\n  useGLTF.preload(url);\r\n}\r\n"],"names":["CameraController","position","controlsConfig","camera","useThree","controlsRef","useRef","useEffect","jsx","OrbitControls","Background","background","isColor","BackgroundImage","url","texture","useTexture","useMemo","THREE","Scene3D","children","controls","shadows","ambientIntensity","spotLight","contactShadows","style","className","cameraConfig","spotLightConfig","contactShadowsConfig","jsxs","Canvas","Suspense","ContactShadows","useMeshVisibility","scene","visibility","meshMapRef","visibilityRef","overridesRef","meshMap","child","mesh","useFrame","merged","name","visible","setMeshVisibility","useCallback","getMeshNames","getMeshVisibility","result","useMaterialColor","initialColors","materialMapRef","colorMapRef","materialMap","material","materialName","color","threeColor","parseColor","targetColor","mat","setMaterialColor","getMaterialNames","getMaterialColor","getAllMaterialColors","colors","useMaterialTexture","textures","loaderRef","loadedTexturesRef","loadingTexturesRef","appliedTexturesRef","loader","texturesKey","disposed","normalizedTextures","config","loadTasks","textureConfig","textureType","cacheKey","cached","applyTexture","taskIndex","loadNextTexture","task","_a","_b","progress","percent","error","type","setMaterialTextures","normalized","clearMaterialTextures","Model","rotation","scale","meshVisibility","materialColors","materialTextures","onLoad","_onError","useGLTF","onLoadRef","clonedScene","clone","meshes","materials","bones","nodeCount","scaleArray","useAnimationController","animations","options","actions","names","useAnimations","currentActionRef","defaultAnimationRef","defaultAnim","animToPlay","match","n","action","playAnimation","opts","loop","crossFadeDuration","restoreDefault","targetAction","a","prev","mixer","onFinished","e","defaultAction","stopAnimation","getAnimationNames","useMorphTargets","initialValues","morphValuesRef","morphNamesRef","meshesWithMorphsRef","values","value","index","setMorphTarget","getMorphTargetNames","getMorphTargetValues","AnimatedModelContext","createContext","useAnimatedModelContext","context","useContext","AnimatedModel","forwardRef","defaultAnimation","morphTargets","ref","groupRef","gltfScene","SkeletonUtils","timer","morphNames","useImperativeHandle","contextValue","MorphableModel","onMorphTargetsFound","onMorphTargetsFoundRef","BoneAttachment","bone","getBone","boneObject","setBoneObject","useState","found","createPortal","useClonedModel","preloadModel"],"mappings":"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"}