@liveroom-tech/react-immersive 1.4.0 → 2.1.0

package/dist/index.js

@@ -52,9 +52,13 @@ __export(index_exports, {
   MATERIAL_SIDES: () => MATERIAL_SIDES,
   ModelViewer: () => ModelViewer,
   SimpleModelViewer: () => SimpleModelViewer,
+  material: () => material,
+  patchBindings: () => patchBindings,
+  patchSceneConfig: () => patchSceneConfig,
   useObjectBinding: () => useObjectBinding,
   useObjectBindingIds: () => useObjectBindingIds,
-  useObjectVisibility: () => useObjectVisibility,
+  useObjectBindings: () => useObjectBindings,
+  useSceneConfig: () => useSceneConfig,
   useShareableViewerState: () => useShareableViewerState,
   useViewerActions: () => useViewerActions,
   useViewerAnimations: () => useViewerAnimations,
@@ -433,9 +437,9 @@ function addTriangleEdges(edges, triangle, indexed) {
   addEdge(edges, triangle[1], triangle[2], indexed);
   addEdge(edges, triangle[2], triangle[0], indexed);
 }
-function materialForIndex(material, materialIndex) {
-  if (!Array.isArray(material)) return material;
-  return material[materialIndex] ?? null;
+function materialForIndex(material2, materialIndex) {
+  if (!Array.isArray(material2)) return material2;
+  return material2[materialIndex] ?? null;
 }
 function collectUvLayouts(scene) {
   const layouts = /* @__PURE__ */ new Map();
@@ -454,16 +458,16 @@ function collectUvLayouts(scene) {
     const groups = geometry.groups.length > 0 ? geometry.groups : [{ start: 0, count: elementCount, materialIndex: 0 }];
     for (const group of groups) {
       const materialIndex = group.materialIndex ?? 0;
-      const material = materialForIndex(mesh.material, materialIndex);
-      if (!material) continue;
-      let layout = layouts.get(material.uuid);
+      const material2 = materialForIndex(mesh.material, materialIndex);
+      if (!material2) continue;
+      let layout = layouts.get(material2.uuid);
       if (!layout) {
         unnamedMaterialIndex += 1;
         layout = {
-          name: material.name || `Material ${unnamedMaterialIndex}`,
+          name: material2.name || `Material ${unnamedMaterialIndex}`,
           layers: /* @__PURE__ */ new Map()
         };
-        layouts.set(material.uuid, layout);
+        layouts.set(material2.uuid, layout);
       }
       let layer = layout.layers.get(mesh.uuid);
       if (!layer) {
@@ -2362,14 +2366,14 @@ function resolveAnimationClips(clips) {
 
 // src/components/model/materialUtils.ts
 var import_three11 = require("three");
-function isMeshStandardMaterial(material) {
+function isMeshStandardMaterial(material2) {
   return Boolean(
-    material && typeof material === "object" && "clone" in material && "color" in material && "metalness" in material && "roughness" in material
+    material2 && typeof material2 === "object" && "clone" in material2 && "color" in material2 && "metalness" in material2 && "roughness" in material2
   );
 }
-function isMeshPhysicalMaterial(material) {
+function isMeshPhysicalMaterial(material2) {
   return Boolean(
-    material && typeof material === "object" && "isMeshPhysicalMaterial" in material && material.isMeshPhysicalMaterial
+    material2 && typeof material2 === "object" && "isMeshPhysicalMaterial" in material2 && material2.isMeshPhysicalMaterial
   );
 }
 function isMeshNode(object) {
@@ -2405,8 +2409,8 @@ var SRGB_TEXTURE_KEYS = /* @__PURE__ */ new Set([
 function colorSpaceForTextureKey(key) {
   return SRGB_TEXTURE_KEYS.has(key) ? import_three11.SRGBColorSpace : import_three11.NoColorSpace;
 }
-function getMaterialTexturePath(material, key) {
-  return material?.[key]?.path;
+function getMaterialTexturePath(material2, key) {
+  return material2?.[key]?.path;
 }
 function sideFromConfig(side) {
   if (side === "back") return import_three11.BackSide;
@@ -2440,10 +2444,10 @@ function getClipLoopMode(clipConfig) {
 
 // src/components/model/materialFactory.ts
 var import_three12 = require("three");
-function toStandardMaterial(material) {
-  if (isMeshStandardMaterial(material)) return material;
-  if (!material || typeof material !== "object") return null;
-  const src = material;
+function toStandardMaterial(material2) {
+  if (isMeshStandardMaterial(material2)) return material2;
+  if (!material2 || typeof material2 !== "object") return null;
+  const src = material2;
   const std = new import_three12.MeshStandardMaterial();
   if (typeof src.name === "string") std.name = src.name;
   std.metalness = 0;
@@ -2624,69 +2628,69 @@ function snapshotBaseMaterial(cloned) {
 
 // src/components/model/applyMaterialConfig.ts
 var import_three13 = require("three");
-function applyMaterialConfig(material, configuredMaterial, resolvedBaseColor) {
-  material.map = material.userData.baseMap ?? null;
-  material.color.copy(material.userData.baseColor);
-  material.metalness = material.userData.baseMetalness ?? material.metalness;
-  material.metalnessMap = material.userData.baseMetalnessMap ?? null;
-  material.roughness = material.userData.baseRoughness ?? material.roughness;
-  material.roughnessMap = material.userData.baseRoughnessMap ?? null;
-  material.emissive.copy(material.userData.baseEmissive ?? new import_three13.Color(0, 0, 0));
-  material.emissiveIntensity = material.userData.baseEmissiveIntensity ?? material.emissiveIntensity;
-  material.emissiveMap = material.userData.baseEmissiveMap ?? null;
-  material.opacity = material.userData.baseOpacity ?? 1;
-  material.transparent = material.userData.baseTransparent ?? false;
-  material.alphaMap = material.userData.baseAlphaMap ?? null;
-  material.alphaTest = material.userData.baseAlphaTest ?? 0;
-  material.alphaHash = material.userData.baseAlphaHash ?? false;
-  material.dithering = material.userData.baseDithering ?? false;
-  material.blending = material.userData.baseBlending ?? import_three13.NormalBlending;
-  material.depthWrite = material.userData.baseDepthWrite ?? true;
-  material.side = material.userData.baseSide ?? import_three13.FrontSide;
-  material.normalMap = material.userData.baseNormalMap ?? null;
-  material.normalScale.copy(toSafeVector2(material.userData.baseNormalScale));
-  material.bumpMap = material.userData.baseBumpMap ?? null;
-  material.bumpScale = material.userData.baseBumpScale ?? material.bumpScale;
-  material.aoMap = material.userData.baseAoMap ?? null;
-  material.aoMapIntensity = material.userData.baseAoMapIntensity ?? material.aoMapIntensity;
-  material.displacementMap = material.userData.baseDisplacementMap ?? null;
-  material.displacementScale = material.userData.baseDisplacementScale ?? material.displacementScale;
-  material.displacementBias = material.userData.baseDisplacementBias ?? material.displacementBias;
-  material.clearcoat = material.userData.baseClearcoat ?? material.clearcoat;
-  material.clearcoatMap = material.userData.baseClearcoatMap ?? null;
-  material.clearcoatRoughness = material.userData.baseClearcoatRoughness ?? material.clearcoatRoughness;
-  material.clearcoatRoughnessMap = material.userData.baseClearcoatRoughnessMap ?? null;
-  material.clearcoatNormalMap = material.userData.baseClearcoatNormalMap ?? null;
-  material.clearcoatNormalScale.copy(
-    toSafeVector2(material.userData.baseClearcoatNormalScale)
+function applyMaterialConfig(material2, configuredMaterial, resolvedBaseColor) {
+  material2.map = material2.userData.baseMap ?? null;
+  material2.color.copy(material2.userData.baseColor);
+  material2.metalness = material2.userData.baseMetalness ?? material2.metalness;
+  material2.metalnessMap = material2.userData.baseMetalnessMap ?? null;
+  material2.roughness = material2.userData.baseRoughness ?? material2.roughness;
+  material2.roughnessMap = material2.userData.baseRoughnessMap ?? null;
+  material2.emissive.copy(material2.userData.baseEmissive ?? new import_three13.Color(0, 0, 0));
+  material2.emissiveIntensity = material2.userData.baseEmissiveIntensity ?? material2.emissiveIntensity;
+  material2.emissiveMap = material2.userData.baseEmissiveMap ?? null;
+  material2.opacity = material2.userData.baseOpacity ?? 1;
+  material2.transparent = material2.userData.baseTransparent ?? false;
+  material2.alphaMap = material2.userData.baseAlphaMap ?? null;
+  material2.alphaTest = material2.userData.baseAlphaTest ?? 0;
+  material2.alphaHash = material2.userData.baseAlphaHash ?? false;
+  material2.dithering = material2.userData.baseDithering ?? false;
+  material2.blending = material2.userData.baseBlending ?? import_three13.NormalBlending;
+  material2.depthWrite = material2.userData.baseDepthWrite ?? true;
+  material2.side = material2.userData.baseSide ?? import_three13.FrontSide;
+  material2.normalMap = material2.userData.baseNormalMap ?? null;
+  material2.normalScale.copy(toSafeVector2(material2.userData.baseNormalScale));
+  material2.bumpMap = material2.userData.baseBumpMap ?? null;
+  material2.bumpScale = material2.userData.baseBumpScale ?? material2.bumpScale;
+  material2.aoMap = material2.userData.baseAoMap ?? null;
+  material2.aoMapIntensity = material2.userData.baseAoMapIntensity ?? material2.aoMapIntensity;
+  material2.displacementMap = material2.userData.baseDisplacementMap ?? null;
+  material2.displacementScale = material2.userData.baseDisplacementScale ?? material2.displacementScale;
+  material2.displacementBias = material2.userData.baseDisplacementBias ?? material2.displacementBias;
+  material2.clearcoat = material2.userData.baseClearcoat ?? material2.clearcoat;
+  material2.clearcoatMap = material2.userData.baseClearcoatMap ?? null;
+  material2.clearcoatRoughness = material2.userData.baseClearcoatRoughness ?? material2.clearcoatRoughness;
+  material2.clearcoatRoughnessMap = material2.userData.baseClearcoatRoughnessMap ?? null;
+  material2.clearcoatNormalMap = material2.userData.baseClearcoatNormalMap ?? null;
+  material2.clearcoatNormalScale.copy(
+    toSafeVector2(material2.userData.baseClearcoatNormalScale)
   );
-  material.sheen = material.userData.baseSheen ?? material.sheen;
-  material.sheenColor.copy(
-    material.userData.baseSheenColor ?? new import_three13.Color(0, 0, 0)
+  material2.sheen = material2.userData.baseSheen ?? material2.sheen;
+  material2.sheenColor.copy(
+    material2.userData.baseSheenColor ?? new import_three13.Color(0, 0, 0)
   );
-  material.sheenColorMap = material.userData.baseSheenColorMap ?? null;
-  material.sheenRoughness = material.userData.baseSheenRoughness ?? material.sheenRoughness;
-  material.sheenRoughnessMap = material.userData.baseSheenRoughnessMap ?? null;
-  material.anisotropy = material.userData.baseAnisotropy ?? material.anisotropy;
-  material.anisotropyRotation = material.userData.baseAnisotropyRotation ?? material.anisotropyRotation;
-  material.anisotropyMap = material.userData.baseAnisotropyMap ?? null;
-  material.transmission = material.userData.baseTransmission ?? material.transmission;
-  material.transmissionMap = material.userData.baseTransmissionMap ?? null;
-  material.thickness = material.userData.baseThickness ?? material.thickness;
-  material.thicknessMap = material.userData.baseThicknessMap ?? null;
-  material.attenuationColor.copy(
-    material.userData.baseAttenuationColor ?? new import_three13.Color("#ffffff")
+  material2.sheenColorMap = material2.userData.baseSheenColorMap ?? null;
+  material2.sheenRoughness = material2.userData.baseSheenRoughness ?? material2.sheenRoughness;
+  material2.sheenRoughnessMap = material2.userData.baseSheenRoughnessMap ?? null;
+  material2.anisotropy = material2.userData.baseAnisotropy ?? material2.anisotropy;
+  material2.anisotropyRotation = material2.userData.baseAnisotropyRotation ?? material2.anisotropyRotation;
+  material2.anisotropyMap = material2.userData.baseAnisotropyMap ?? null;
+  material2.transmission = material2.userData.baseTransmission ?? material2.transmission;
+  material2.transmissionMap = material2.userData.baseTransmissionMap ?? null;
+  material2.thickness = material2.userData.baseThickness ?? material2.thickness;
+  material2.thicknessMap = material2.userData.baseThicknessMap ?? null;
+  material2.attenuationColor.copy(
+    material2.userData.baseAttenuationColor ?? new import_three13.Color("#ffffff")
   );
-  material.attenuationDistance = material.userData.baseAttenuationDistance ?? material.attenuationDistance;
-  material.reflectivity = material.userData.baseReflectivity ?? material.reflectivity;
-  material.specularIntensity = material.userData.baseSpecularIntensity ?? material.specularIntensity;
-  material.specularIntensityMap = material.userData.baseSpecularIntensityMap ?? null;
-  material.specularColor.copy(
-    material.userData.baseSpecularColor ?? new import_three13.Color("#ffffff")
+  material2.attenuationDistance = material2.userData.baseAttenuationDistance ?? material2.attenuationDistance;
+  material2.reflectivity = material2.userData.baseReflectivity ?? material2.reflectivity;
+  material2.specularIntensity = material2.userData.baseSpecularIntensity ?? material2.specularIntensity;
+  material2.specularIntensityMap = material2.userData.baseSpecularIntensityMap ?? null;
+  material2.specularColor.copy(
+    material2.userData.baseSpecularColor ?? new import_three13.Color("#ffffff")
   );
-  material.specularColorMap = material.userData.baseSpecularColorMap ?? null;
-  material.flatShading = material.userData.baseFlatShading ?? material.flatShading;
-  material.envMapIntensity = material.userData.baseEnvMapIntensity ?? material.envMapIntensity;
+  material2.specularColorMap = material2.userData.baseSpecularColorMap ?? null;
+  material2.flatShading = material2.userData.baseFlatShading ?? material2.flatShading;
+  material2.envMapIntensity = material2.userData.baseEnvMapIntensity ?? material2.envMapIntensity;
   const texturePath = getMaterialTexturePath(configuredMaterial, "texture");
   const metalnessMapPath = getMaterialTexturePath(
     configuredMaterial,
@@ -2749,180 +2753,180 @@ function applyMaterialConfig(material, configuredMaterial, resolvedBaseColor) {
     "specularColorMap"
   );
   if (texturePath) {
-    material.map = getOrCreateTexture(texturePath, import_three13.SRGBColorSpace);
-    material.color.set(resolvedBaseColor ?? "#ffffff");
+    material2.map = getOrCreateTexture(texturePath, import_three13.SRGBColorSpace);
+    material2.color.set(resolvedBaseColor ?? "#ffffff");
   } else if (resolvedBaseColor) {
-    material.map = null;
-    material.color.set(resolvedBaseColor);
+    material2.map = null;
+    material2.color.set(resolvedBaseColor);
   }
   if (metalnessMapPath) {
-    material.metalnessMap = getOrCreateTexture(metalnessMapPath);
+    material2.metalnessMap = getOrCreateTexture(metalnessMapPath);
   }
   if (configuredMaterial?.metalness !== void 0) {
-    material.metalness = configuredMaterial.metalness;
+    material2.metalness = configuredMaterial.metalness;
   }
   if (roughnessMapPath) {
-    material.roughnessMap = getOrCreateTexture(roughnessMapPath);
+    material2.roughnessMap = getOrCreateTexture(roughnessMapPath);
   }
   if (configuredMaterial?.roughness !== void 0) {
-    material.roughness = configuredMaterial.roughness;
+    material2.roughness = configuredMaterial.roughness;
   }
   if (configuredMaterial?.emissive) {
-    material.emissive.set(configuredMaterial.emissive);
+    material2.emissive.set(configuredMaterial.emissive);
   } else if (emissiveMapPath) {
-    material.emissive.set("#ffffff");
+    material2.emissive.set("#ffffff");
   }
   if (configuredMaterial?.emissiveIntensity !== void 0) {
-    material.emissiveIntensity = configuredMaterial.emissiveIntensity;
+    material2.emissiveIntensity = configuredMaterial.emissiveIntensity;
   }
   if (emissiveMapPath) {
-    material.emissiveMap = getOrCreateTexture(emissiveMapPath, import_three13.SRGBColorSpace);
+    material2.emissiveMap = getOrCreateTexture(emissiveMapPath, import_three13.SRGBColorSpace);
   }
   if (configuredMaterial?.opacity !== void 0) {
-    material.opacity = configuredMaterial.opacity;
+    material2.opacity = configuredMaterial.opacity;
   }
   if (alphaMapPath) {
-    material.alphaMap = getOrCreateTexture(alphaMapPath);
+    material2.alphaMap = getOrCreateTexture(alphaMapPath);
   }
   if (configuredMaterial?.alphaTest !== void 0) {
-    material.alphaTest = configuredMaterial.alphaTest;
+    material2.alphaTest = configuredMaterial.alphaTest;
   }
   if (configuredMaterial?.alphaHash !== void 0) {
-    material.alphaHash = configuredMaterial.alphaHash;
+    material2.alphaHash = configuredMaterial.alphaHash;
   }
   if (configuredMaterial?.dithering !== void 0) {
-    material.dithering = configuredMaterial.dithering;
+    material2.dithering = configuredMaterial.dithering;
   }
   if (configuredMaterial?.blendingMode) {
-    material.blending = blendingFromConfig(configuredMaterial.blendingMode);
-    material.depthWrite = configuredMaterial.blendingMode !== "additive";
+    material2.blending = blendingFromConfig(configuredMaterial.blendingMode);
+    material2.depthWrite = configuredMaterial.blendingMode !== "additive";
   }
   if (configuredMaterial?.side) {
-    material.side = sideFromConfig(configuredMaterial.side);
+    material2.side = sideFromConfig(configuredMaterial.side);
   }
   if (normalMapPath) {
-    material.normalMap = getOrCreateTexture(normalMapPath);
+    material2.normalMap = getOrCreateTexture(normalMapPath);
   }
   if (normalMapPath || configuredMaterial?.normalScale !== void 0) {
-    const normalScale = configuredMaterial?.normalScale ?? Math.abs(toSafeVector2(material.userData.baseNormalScale).x);
-    material.normalScale.set(
+    const normalScale = configuredMaterial?.normalScale ?? Math.abs(toSafeVector2(material2.userData.baseNormalScale).x);
+    material2.normalScale.set(
       normalScale,
       configuredMaterial?.flipNormalY ? -normalScale : normalScale
     );
   }
   if (bumpMapPath) {
-    material.bumpMap = getOrCreateTexture(bumpMapPath);
+    material2.bumpMap = getOrCreateTexture(bumpMapPath);
   }
   if (configuredMaterial?.bumpScale !== void 0) {
-    material.bumpScale = configuredMaterial.bumpScale;
+    material2.bumpScale = configuredMaterial.bumpScale;
   }
   if (aoMapPath) {
-    material.aoMap = getOrCreateTexture(aoMapPath);
+    material2.aoMap = getOrCreateTexture(aoMapPath);
   }
   if (configuredMaterial?.aoMapIntensity !== void 0) {
-    material.aoMapIntensity = configuredMaterial.aoMapIntensity;
+    material2.aoMapIntensity = configuredMaterial.aoMapIntensity;
   }
   if (displacementMapPath) {
-    material.displacementMap = getOrCreateTexture(displacementMapPath);
+    material2.displacementMap = getOrCreateTexture(displacementMapPath);
   }
   if (configuredMaterial?.displacementScale !== void 0) {
-    material.displacementScale = configuredMaterial.displacementScale;
+    material2.displacementScale = configuredMaterial.displacementScale;
   }
   if (configuredMaterial?.displacementBias !== void 0) {
-    material.displacementBias = configuredMaterial.displacementBias;
+    material2.displacementBias = configuredMaterial.displacementBias;
   }
   if (clearcoatMapPath) {
-    material.clearcoatMap = getOrCreateTexture(clearcoatMapPath);
+    material2.clearcoatMap = getOrCreateTexture(clearcoatMapPath);
   }
   if (configuredMaterial?.clearcoat !== void 0) {
-    material.clearcoat = configuredMaterial.clearcoat;
+    material2.clearcoat = configuredMaterial.clearcoat;
   }
   if (clearcoatRoughnessMapPath) {
-    material.clearcoatRoughnessMap = getOrCreateTexture(
+    material2.clearcoatRoughnessMap = getOrCreateTexture(
       clearcoatRoughnessMapPath
     );
   }
   if (configuredMaterial?.clearcoatRoughness !== void 0) {
-    material.clearcoatRoughness = configuredMaterial.clearcoatRoughness;
+    material2.clearcoatRoughness = configuredMaterial.clearcoatRoughness;
   }
   if (clearcoatNormalMapPath) {
-    material.clearcoatNormalMap = getOrCreateTexture(clearcoatNormalMapPath);
+    material2.clearcoatNormalMap = getOrCreateTexture(clearcoatNormalMapPath);
   }
   if (clearcoatNormalMapPath || configuredMaterial?.clearcoatNormalScale !== void 0) {
-    const clearcoatNormalScale = configuredMaterial?.clearcoatNormalScale ?? Math.abs(toSafeVector2(material.userData.baseClearcoatNormalScale).x);
-    material.clearcoatNormalScale.set(
+    const clearcoatNormalScale = configuredMaterial?.clearcoatNormalScale ?? Math.abs(toSafeVector2(material2.userData.baseClearcoatNormalScale).x);
+    material2.clearcoatNormalScale.set(
       clearcoatNormalScale,
       configuredMaterial?.flipClearcoatNormalY ? -clearcoatNormalScale : clearcoatNormalScale
     );
   }
   if (configuredMaterial?.sheen !== void 0) {
-    material.sheen = configuredMaterial.sheen;
+    material2.sheen = configuredMaterial.sheen;
   }
   if (configuredMaterial?.sheenColor) {
-    material.sheenColor.set(configuredMaterial.sheenColor);
+    material2.sheenColor.set(configuredMaterial.sheenColor);
   }
   if (sheenColorMapPath) {
-    material.sheenColorMap = getOrCreateTexture(
+    material2.sheenColorMap = getOrCreateTexture(
       sheenColorMapPath,
       import_three13.SRGBColorSpace
     );
   }
   if (configuredMaterial?.sheenRoughness !== void 0) {
-    material.sheenRoughness = configuredMaterial.sheenRoughness;
+    material2.sheenRoughness = configuredMaterial.sheenRoughness;
   }
   if (sheenRoughnessMapPath) {
-    material.sheenRoughnessMap = getOrCreateTexture(sheenRoughnessMapPath);
+    material2.sheenRoughnessMap = getOrCreateTexture(sheenRoughnessMapPath);
   }
   if (configuredMaterial?.anisotropy !== void 0) {
-    material.anisotropy = configuredMaterial.anisotropy;
+    material2.anisotropy = configuredMaterial.anisotropy;
   }
   if (configuredMaterial?.anisotropyRotation !== void 0) {
-    material.anisotropyRotation = configuredMaterial.anisotropyRotation;
+    material2.anisotropyRotation = configuredMaterial.anisotropyRotation;
   }
   if (anisotropyMapPath) {
-    material.anisotropyMap = getOrCreateTexture(anisotropyMapPath);
+    material2.anisotropyMap = getOrCreateTexture(anisotropyMapPath);
   }
   if (configuredMaterial?.transmission !== void 0) {
-    material.transmission = configuredMaterial.transmission;
+    material2.transmission = configuredMaterial.transmission;
   }
   if (transmissionMapPath) {
-    material.transmissionMap = getOrCreateTexture(transmissionMapPath);
+    material2.transmissionMap = getOrCreateTexture(transmissionMapPath);
   }
   if (configuredMaterial?.thickness !== void 0) {
-    material.thickness = configuredMaterial.thickness;
+    material2.thickness = configuredMaterial.thickness;
   }
   if (thicknessMapPath) {
-    material.thicknessMap = getOrCreateTexture(thicknessMapPath);
+    material2.thicknessMap = getOrCreateTexture(thicknessMapPath);
   }
   if (configuredMaterial?.attenuationColor) {
-    material.attenuationColor.set(configuredMaterial.attenuationColor);
+    material2.attenuationColor.set(configuredMaterial.attenuationColor);
   }
   if (configuredMaterial?.attenuationDistance !== void 0) {
-    material.attenuationDistance = configuredMaterial.attenuationDistance;
+    material2.attenuationDistance = configuredMaterial.attenuationDistance;
   }
   if (configuredMaterial?.reflectivity !== void 0) {
-    material.reflectivity = configuredMaterial.reflectivity;
+    material2.reflectivity = configuredMaterial.reflectivity;
   }
   if (configuredMaterial?.specularIntensity !== void 0) {
-    material.specularIntensity = configuredMaterial.specularIntensity;
+    material2.specularIntensity = configuredMaterial.specularIntensity;
   }
   if (specularIntensityMapPath) {
-    material.specularIntensityMap = getOrCreateTexture(
+    material2.specularIntensityMap = getOrCreateTexture(
       specularIntensityMapPath
     );
   }
   if (configuredMaterial?.specularColor) {
-    material.specularColor.set(configuredMaterial.specularColor);
+    material2.specularColor.set(configuredMaterial.specularColor);
   }
   if (specularColorMapPath) {
-    material.specularColorMap = getOrCreateTexture(
+    material2.specularColorMap = getOrCreateTexture(
       specularColorMapPath,
       import_three13.SRGBColorSpace
     );
   }
-  material.transparent = material.opacity < 1 || material.transmission > 0 || material.blending !== import_three13.NormalBlending || Boolean((alphaMapPath || material.alphaMap) && material.alphaTest <= 0);
-  if (!material.transparent) {
-    material.depthWrite = true;
+  material2.transparent = material2.opacity < 1 || material2.transmission > 0 || material2.blending !== import_three13.NormalBlending || Boolean((alphaMapPath || material2.alphaMap) && material2.alphaTest <= 0);
+  if (!material2.transparent) {
+    material2.depthWrite = true;
   }
 }
 
@@ -3065,8 +3069,8 @@ function Model({
   }, [perNodeMaterials, materialRefsOut]);
   (0, import_react11.useEffect)(() => {
     return () => {
-      for (const material of Object.values(perNodeMaterials)) {
-        material.dispose();
+      for (const material2 of Object.values(perNodeMaterials)) {
+        material2.dispose();
       }
     };
   }, [perNodeMaterials]);
@@ -3078,15 +3082,15 @@ function Model({
   const perNodeBasicMaterials = (0, import_react11.useMemo)(() => {
     const map = {};
     if (shadingMode !== "unlit") return map;
-    for (const [nodeName, material] of Object.entries(perNodeMaterials)) {
+    for (const [nodeName, material2] of Object.entries(perNodeMaterials)) {
       const basic = new import_three14.MeshBasicMaterial();
-      basic.color.copy(material.color);
-      basic.map = material.map;
-      basic.alphaMap = material.alphaMap;
-      basic.alphaTest = material.alphaTest;
-      basic.transparent = material.transparent;
-      basic.opacity = material.opacity;
-      basic.side = material.side;
+      basic.color.copy(material2.color);
+      basic.map = material2.map;
+      basic.alphaMap = material2.alphaMap;
+      basic.alphaTest = material2.alphaTest;
+      basic.transparent = material2.transparent;
+      basic.opacity = material2.opacity;
+      basic.side = material2.side;
       map[nodeName] = basic;
     }
     return map;
@@ -3103,25 +3107,25 @@ function Model({
     const map = {};
     if (shadingMode !== "lit" || rendererMode !== "matcap") return map;
     const matcapTexture = getMatcapTexture();
-    for (const [nodeName, material] of Object.entries(perNodeMaterials)) {
+    for (const [nodeName, material2] of Object.entries(perNodeMaterials)) {
       const matcap = new import_three14.MeshMatcapMaterial();
       matcap.matcap = matcapTexture;
-      matcap.color.copy(material.color);
-      matcap.alphaMap = material.alphaMap;
-      matcap.alphaTest = material.alphaTest;
-      matcap.side = material.side;
+      matcap.color.copy(material2.color);
+      matcap.alphaMap = material2.alphaMap;
+      matcap.alphaTest = material2.alphaTest;
+      matcap.side = material2.side;
       map[nodeName] = matcap;
     }
     return map;
   }, [perNodeMaterials, shadingMode, rendererMode]);
   (0, import_react11.useEffect)(() => {
     return () => {
-      for (const material of Object.values(perNodeBasicMaterials))
-        material.dispose();
-      for (const material of Object.values(perNodeNormalMaterials))
-        material.dispose();
-      for (const material of Object.values(perNodeMatcapMaterials))
-        material.dispose();
+      for (const material2 of Object.values(perNodeBasicMaterials))
+        material2.dispose();
+      for (const material2 of Object.values(perNodeNormalMaterials))
+        material2.dispose();
+      for (const material2 of Object.values(perNodeMatcapMaterials))
+        material2.dispose();
     };
   }, [perNodeBasicMaterials, perNodeNormalMaterials, perNodeMatcapMaterials]);
   const materialForNode = (nodeName) => {
@@ -3167,8 +3171,8 @@ function Model({
       const node = nodeMap[glbNodeName];
       if (!isMeshNode(node)) continue;
       node.visible = binding.visible !== false;
-      const material = perNodeMaterials[nodeName];
-      if (!material) continue;
+      const material2 = perNodeMaterials[nodeName];
+      if (!material2) continue;
       if (rendererMode !== "uv-checker") {
         const activeMaterial = materialForNode(nodeName);
         if (activeMaterial) {
@@ -3205,19 +3209,19 @@ function Model({
         delete appliedTextureUrls.current[nodeName];
       }
       const resolvedBaseColor = itemMat?.hex ?? configuredMaterial?.baseColor;
-      applyMaterialConfig(material, configuredMaterial, resolvedBaseColor);
+      applyMaterialConfig(material2, configuredMaterial, resolvedBaseColor);
       if (isHighlightedByHover) {
-        material.emissive?.add(HIGHLIGHT_EMISSIVE_TINT);
+        material2.emissive?.add(HIGHLIGHT_EMISSIVE_TINT);
       }
-      material.needsUpdate = true;
+      material2.needsUpdate = true;
       if (basicMaterial) {
-        basicMaterial.color.copy(material.color);
-        basicMaterial.map = material.map;
-        basicMaterial.alphaMap = material.alphaMap;
-        basicMaterial.alphaTest = material.alphaTest;
-        basicMaterial.transparent = material.transparent;
-        basicMaterial.opacity = material.opacity;
-        basicMaterial.side = material.side;
+        basicMaterial.color.copy(material2.color);
+        basicMaterial.map = material2.map;
+        basicMaterial.alphaMap = material2.alphaMap;
+        basicMaterial.alphaTest = material2.alphaTest;
+        basicMaterial.transparent = material2.transparent;
+        basicMaterial.opacity = material2.opacity;
+        basicMaterial.side = material2.side;
         basicMaterial.needsUpdate = true;
       }
       if (normalMaterial) normalMaterial.needsUpdate = true;
@@ -3225,14 +3229,14 @@ function Model({
         if (isHighlightedByHover || isSelected) {
           matcapMaterial.color.set(HIGHLIGHT.color);
         } else {
-          matcapMaterial.color.copy(material.color);
+          matcapMaterial.color.copy(material2.color);
         }
-        matcapMaterial.map = material.map;
-        matcapMaterial.alphaMap = material.alphaMap;
-        matcapMaterial.alphaTest = material.alphaTest;
-        matcapMaterial.transparent = material.transparent;
-        matcapMaterial.opacity = material.opacity;
-        matcapMaterial.side = material.side;
+        matcapMaterial.map = material2.map;
+        matcapMaterial.alphaMap = material2.alphaMap;
+        matcapMaterial.alphaTest = material2.alphaTest;
+        matcapMaterial.transparent = material2.transparent;
+        matcapMaterial.opacity = material2.opacity;
+        matcapMaterial.side = material2.side;
         matcapMaterial.needsUpdate = true;
       }
     }
@@ -3278,14 +3282,14 @@ function Model({
       const sourceMaterials = Array.isArray(original) ? original : [original];
       const hasUv0 = Boolean(object.geometry.getAttribute("uv"));
       const diagnosticMaterials = sourceMaterials.map((source, index) => {
-        const material = new import_three14.MeshBasicMaterial({
+        const material2 = new import_three14.MeshBasicMaterial({
           color: hasUv0 ? "#ffffff" : "#ff00ff",
           map: hasUv0 ? checkerTexture : null,
           side: source.side
         });
-        material.name = `${object.name || "mesh"}-uv-checker-${index}`;
-        material.toneMapped = false;
-        return material;
+        material2.name = `${object.name || "mesh"}-uv-checker-${index}`;
+        material2.toneMapped = false;
+        return material2;
       });
       const diagnostic = Array.isArray(original) ? diagnosticMaterials : diagnosticMaterials[0];
       object.material = diagnostic;
@@ -3296,7 +3300,7 @@ function Model({
       for (const { node, original, diagnostic } of swaps) {
         node.material = original;
         const materials = Array.isArray(diagnostic) ? diagnostic : [diagnostic];
-        for (const material of materials) material.dispose();
+        for (const material2 of materials) material2.dispose();
       }
       invalidate();
     };
@@ -13205,8 +13209,8 @@ function MaterialSection({
             {
               label: pbrWorkflow === "specular" ? "Albedo color" : "Base color",
               value: selectedMaterial?.baseColor ?? "#ffffff",
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 baseColor: value
               }))
             }
@@ -13220,8 +13224,8 @@ function MaterialSection({
                 min: 0,
                 max: 1,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   metalness: value
                 }))
               }
@@ -13244,8 +13248,8 @@ function MaterialSection({
                 min: 0,
                 max: 1,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   specularIntensity: value
                 }))
               }
@@ -13255,8 +13259,8 @@ function MaterialSection({
               {
                 label: "Specular color",
                 value: selectedMaterial?.specularColor ?? "#ffffff",
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   specularColor: value
                 }))
               }
@@ -13296,8 +13300,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 reflectivity: value
               }))
             }
@@ -13308,8 +13312,8 @@ function MaterialSection({
             {
               label: "Base color",
               value: selectedMaterial?.baseColor ?? "#ffffff",
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 baseColor: value
               }))
             }
@@ -13322,8 +13326,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 metalness: value
               }))
             }
@@ -13366,8 +13370,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 roughness: value
               }))
             }
@@ -13379,8 +13383,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 roughness: value === void 0 ? void 0 : 1 - value
               }))
             }
@@ -13412,8 +13416,8 @@ function MaterialSection({
               label: "Emissive color",
               value: selectedMaterial?.emissive ?? "#000000",
               fallback: "#000000",
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 emissive: value
               }))
             }
@@ -13426,8 +13430,8 @@ function MaterialSection({
               min: 0,
               max: 10,
               step: 0.1,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 emissiveIntensity: value
               }))
             }
@@ -13461,8 +13465,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 opacity: value
               }))
             }
@@ -13475,8 +13479,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 alphaTest: value
               }))
             }
@@ -13496,8 +13500,8 @@ function MaterialSection({
               label: "Blending mode",
               value: selectedMaterial?.blendingMode ?? "normal",
               options: MATERIAL_BLENDING_MODES,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 blendingMode: value
               }))
             }
@@ -13509,8 +13513,8 @@ function MaterialSection({
               {
                 label: "Use alpha hash",
                 checked: selectedMaterial?.alphaHash ?? false,
-                onChange: (checked) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (checked) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   alphaHash: checked
                 }))
               }
@@ -13523,8 +13527,8 @@ function MaterialSection({
               {
                 label: "Use dithering",
                 checked: selectedMaterial?.dithering ?? false,
-                onChange: (checked) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (checked) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   dithering: checked
                 }))
               }
@@ -13561,8 +13565,8 @@ function MaterialSection({
                 min: 0,
                 max: 5,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   normalScale: value
                 }))
               }
@@ -13584,8 +13588,8 @@ function MaterialSection({
                 min: 0,
                 max: 5,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   bumpScale: value
                 }))
               }
@@ -13596,8 +13600,8 @@ function MaterialSection({
             {
               label: "Flip normal Y",
               checked: selectedMaterial?.flipNormalY ?? false,
-              onChange: (checked) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (checked) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 flipNormalY: checked
               }))
             }
@@ -13631,8 +13635,8 @@ function MaterialSection({
               min: -5,
               max: 5,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 displacementScale: value
               }))
             }
@@ -13645,8 +13649,8 @@ function MaterialSection({
               min: -5,
               max: 5,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 displacementBias: value
               }))
             }
@@ -13680,8 +13684,8 @@ function MaterialSection({
               min: 0,
               max: 5,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 aoMapIntensity: value
               }))
             }
@@ -13716,8 +13720,8 @@ function MaterialSection({
                 min: 0,
                 max: 1,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   clearcoat: value
                 }))
               }
@@ -13743,8 +13747,8 @@ function MaterialSection({
                 min: 0,
                 max: 1,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   clearcoatRoughness: value
                 }))
               }
@@ -13766,8 +13770,8 @@ function MaterialSection({
                 min: 0,
                 max: 5,
                 step: 0.01,
-                onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                  ...material,
+                onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                  ...material2,
                   clearcoatNormalScale: value
                 }))
               }
@@ -13778,8 +13782,8 @@ function MaterialSection({
             {
               label: "Flip clearcoat normal Y",
               checked: selectedMaterial?.flipClearcoatNormalY ?? false,
-              onChange: (checked) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (checked) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 flipClearcoatNormalY: checked
               }))
             }
@@ -13804,8 +13808,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 sheen: value
               }))
             }
@@ -13815,8 +13819,8 @@ function MaterialSection({
             {
               label: "Sheen color",
               value: selectedMaterial?.sheenColor ?? "#ffffff",
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 sheenColor: value
               }))
             }
@@ -13838,8 +13842,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 sheenRoughness: value
               }))
             }
@@ -13873,8 +13877,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 anisotropy: value
               }))
             }
@@ -13896,8 +13900,8 @@ function MaterialSection({
               min: 0,
               max: 6.28,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 anisotropyRotation: value
               }))
             }
@@ -13931,8 +13935,8 @@ function MaterialSection({
               min: 0,
               max: 1,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 transmission: value
               }))
             }
@@ -13954,8 +13958,8 @@ function MaterialSection({
               min: 0,
               max: 5,
               step: 0.01,
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 thickness: value
               }))
             }
@@ -13974,8 +13978,8 @@ function MaterialSection({
             {
               label: "Volume tint",
               value: selectedMaterial?.attenuationColor ?? "#ffffff",
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 attenuationColor: value
               }))
             }
@@ -13988,8 +13992,8 @@ function MaterialSection({
               min: 0,
               step: 0.01,
               placeholder: "Infinity when unset",
-              onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-                ...material,
+              onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+                ...material2,
                 attenuationDistance: value
               }))
             }
@@ -14011,8 +14015,8 @@ function MaterialSection({
             label: "Side",
             value: selectedMaterial?.side ?? "front",
             options: MATERIAL_SIDES,
-            onChange: (value) => updateSelectedMaterial(selectedItem, (material) => ({
-              ...material,
+            onChange: (value) => updateSelectedMaterial(selectedItem, (material2) => ({
+              ...material2,
               side: value
             }))
           }
@@ -15011,9 +15015,9 @@ function formatVector3(position) {
 
 // src/components/BindingBuilder/utils/exportAssets.ts
 function collectTexturePaths(binding) {
-  const material = binding.style?.material;
-  if (!material) return [];
-  return Object.values(material).filter(
+  const material2 = binding.style?.material;
+  if (!material2) return [];
+  return Object.values(material2).filter(
     (value) => !!value && typeof value === "object" && typeof value.path === "string" && value.path.trim().length > 0
   ).map((value) => value.path);
 }
@@ -15131,30 +15135,30 @@ function materialFieldHasValue(value) {
   }
   return false;
 }
-function normalizeMaterialForStorage(material) {
-  if (!material) return void 0;
-  return Object.values(material).some(materialFieldHasValue) ? material : void 0;
+function normalizeMaterialForStorage(material2) {
+  if (!material2) return void 0;
+  return Object.values(material2).some(materialFieldHasValue) ? material2 : void 0;
 }
-function isMaterialPanelEnabled(material, panel) {
-  if (!material) return false;
+function isMaterialPanelEnabled(material2, panel) {
+  if (!material2) return false;
   return MATERIAL_PANEL_FIELDS[panel].some(
-    (field) => materialFieldHasValue(material[field])
+    (field) => materialFieldHasValue(material2[field])
   );
 }
-function createMaterialPanelEnabledState(material) {
+function createMaterialPanelEnabledState(material2) {
   return {
-    pbr: isMaterialPanelEnabled(material, "pbr"),
-    roughness: isMaterialPanelEnabled(material, "roughness"),
-    emission: isMaterialPanelEnabled(material, "emission"),
-    opacity: isMaterialPanelEnabled(material, "opacity"),
-    normalBump: isMaterialPanelEnabled(material, "normalBump"),
-    displacement: isMaterialPanelEnabled(material, "displacement"),
-    ao: isMaterialPanelEnabled(material, "ao"),
-    clearcoat: isMaterialPanelEnabled(material, "clearcoat"),
-    sheen: isMaterialPanelEnabled(material, "sheen"),
-    anisotropy: isMaterialPanelEnabled(material, "anisotropy"),
-    transmission: isMaterialPanelEnabled(material, "transmission"),
-    faces: isMaterialPanelEnabled(material, "faces")
+    pbr: isMaterialPanelEnabled(material2, "pbr"),
+    roughness: isMaterialPanelEnabled(material2, "roughness"),
+    emission: isMaterialPanelEnabled(material2, "emission"),
+    opacity: isMaterialPanelEnabled(material2, "opacity"),
+    normalBump: isMaterialPanelEnabled(material2, "normalBump"),
+    displacement: isMaterialPanelEnabled(material2, "displacement"),
+    ao: isMaterialPanelEnabled(material2, "ao"),
+    clearcoat: isMaterialPanelEnabled(material2, "clearcoat"),
+    sheen: isMaterialPanelEnabled(material2, "sheen"),
+    anisotropy: isMaterialPanelEnabled(material2, "anisotropy"),
+    transmission: isMaterialPanelEnabled(material2, "transmission"),
+    faces: isMaterialPanelEnabled(material2, "faces")
   };
 }
 function withMaterial(binding, nextMaterial) {
@@ -15171,9 +15175,9 @@ function withMaterial(binding, nextMaterial) {
     style: Object.keys(rest).length > 0 ? rest : void 0
   };
 }
-function removeMaterialPanelFields(material, panel) {
-  if (!material) return void 0;
-  const nextMaterial = { ...material };
+function removeMaterialPanelFields(material2, panel) {
+  if (!material2) return void 0;
+  const nextMaterial = { ...material2 };
   for (const field of MATERIAL_PANEL_FIELDS[panel]) {
     delete nextMaterial[field];
   }
@@ -15431,8 +15435,8 @@ function BindingBuilder({ licenseKey }) {
     });
   };
   const setSelectedTexturePath = (nodeKey, key, value) => {
-    updateSelectedMaterial(nodeKey, (material) => ({
-      ...material,
+    updateSelectedMaterial(nodeKey, (material2) => ({
+      ...material2,
       [key]: value ? { path: value } : void 0
     }));
   };
@@ -16062,8 +16066,8 @@ function BindingBuilder({ licenseKey }) {
                         MaterialPresetGallery,
                         {
                           disabled: !selectedItem,
-                          onApply: (preset) => selectedItem && updateSelectedMaterial(selectedItem, (material) => ({
-                            ...material,
+                          onApply: (preset) => selectedItem && updateSelectedMaterial(selectedItem, (material2) => ({
+                            ...material2,
                             ...preset
                           }))
                         }
@@ -17591,71 +17595,128 @@ function useObjectBindingIds(objectBindings) {
   );
 }
 
-// src/hooks/useObjectVisibility.ts
+// src/hooks/useObjectBindings.ts
 var import_react44 = require("react");
+
+// src/utils/deepMerge.ts
+function isPlainObject2(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+function deepMerge(base, patch) {
+  if (!isPlainObject2(patch)) return patch;
+  const target = isPlainObject2(base) ? { ...base } : {};
+  for (const key of Object.keys(patch)) {
+    const value = patch[key];
+    target[key] = isPlainObject2(value) ? deepMerge(target[key], value) : value;
+  }
+  return target;
+}
+
+// src/utils/patchBindings.ts
+function isBindingEditArray(value) {
+  return Array.isArray(value) && value.length > 0 && typeof value[0] !== "string";
+}
+function patchBindings(bindings, objectIdOrEdits, patch) {
+  const edits = isBindingEditArray(objectIdOrEdits) ? objectIdOrEdits : [{ ids: objectIdOrEdits, patch: patch ?? {} }];
+  let next = bindings;
+  for (const edit of edits) {
+    const ids = Array.isArray(edit.ids) ? edit.ids : [edit.ids];
+    for (const id of ids) {
+      const bindingKey = resolveBindingKey(next, id);
+      if (!bindingKey) continue;
+      const binding = next[bindingKey];
+      if (!binding) continue;
+      const patchedBinding = deepMerge(binding, edit.patch);
+      if (next === bindings) next = { ...bindings };
+      next[bindingKey] = patchedBinding;
+    }
+  }
+  return next;
+}
+function material(value) {
+  return { style: { material: value } };
+}
+
+// src/hooks/useObjectBindings.ts
 function getHiddenObjects(objectBindings) {
   return Object.fromEntries(
     Object.entries(objectBindings).filter(([, binding]) => binding.visible === false).map(([bindingKey]) => [bindingKey, true])
   );
 }
-function useObjectVisibility(objectBindings, onObjectBindingsChange) {
-  const updateVisibility = (0, import_react44.useCallback)(
-    (objectId, visible) => {
+function useObjectBindings(initialBindings) {
+  const [objectBindings, setObjectBindings] = (0, import_react44.useState)(initialBindings);
+  const updateObjectBindings = (0, import_react44.useCallback)(
+    (objectIdOrEdits, patchValue) => {
+      setObjectBindings(
+        (current) => patchValue === void 0 ? patchBindings(current, objectIdOrEdits) : patchBindings(
+          current,
+          objectIdOrEdits,
+          patchValue
+        )
+      );
+    },
+    []
+  );
+  const setMaterial = (0, import_react44.useCallback)(
+    (objectId, value) => updateObjectBindings(objectId, material(value)),
+    [updateObjectBindings]
+  );
+  const setBaseColor = (0, import_react44.useCallback)(
+    (objectId, color) => setMaterial(objectId, { baseColor: color }),
+    [setMaterial]
+  );
+  const resetMaterial = (0, import_react44.useCallback)(
+    (objectId) => updateObjectBindings(objectId, { style: { material: void 0 } }),
+    [updateObjectBindings]
+  );
+  const getMaterial = (0, import_react44.useCallback)(
+    (objectId) => {
       const bindingKey = resolveBindingKey(objectBindings, objectId);
-      if (!bindingKey) return;
-      const targetBinding = objectBindings[bindingKey];
-      if (!targetBinding) return;
-      onObjectBindingsChange({
-        ...objectBindings,
-        [bindingKey]: {
-          ...targetBinding,
-          visible
-        }
-      });
+      return bindingKey ? objectBindings[bindingKey]?.style?.material ?? null : null;
     },
-    [objectBindings, onObjectBindingsChange]
+    [objectBindings]
   );
   const hideObject = (0, import_react44.useCallback)(
-    (objectId) => updateVisibility(objectId, false),
-    [updateVisibility]
+    (objectId) => updateObjectBindings(objectId, { visible: false }),
+    [updateObjectBindings]
   );
   const showObject = (0, import_react44.useCallback)(
-    (objectId) => updateVisibility(objectId, true),
-    [updateVisibility]
+    (objectId) => updateObjectBindings(objectId, { visible: true }),
+    [updateObjectBindings]
   );
   const toggleObjectVisibility = (0, import_react44.useCallback)(
     (objectId) => {
-      const bindingKey = resolveBindingKey(objectBindings, objectId);
-      if (!bindingKey) return;
-      const targetBinding = objectBindings[bindingKey];
-      if (!targetBinding) return;
-      onObjectBindingsChange({
-        ...objectBindings,
-        [bindingKey]: {
-          ...targetBinding,
-          visible: targetBinding.visible === false
-        }
+      setObjectBindings((current) => {
+        const objectIds = Array.isArray(objectId) ? objectId : [objectId];
+        const edits = objectIds.reduce((acc, id) => {
+          const bindingKey = resolveBindingKey(current, id);
+          const binding = bindingKey ? current[bindingKey] : null;
+          if (!bindingKey || !binding) return acc;
+          acc.push({
+            ids: bindingKey,
+            patch: { visible: binding.visible === false }
+          });
+          return acc;
+        }, []);
+        return patchBindings(current, edits);
       });
     },
-    [objectBindings, onObjectBindingsChange]
+    [setObjectBindings]
   );
   const clearHiddenObjects = (0, import_react44.useCallback)(() => {
-    onObjectBindingsChange(
-      Object.fromEntries(
-        Object.entries(objectBindings).map(([bindingKey, binding]) => [
-          bindingKey,
-          { ...binding, visible: true }
-        ])
-      )
+    setObjectBindings(
+      (current) => patchBindings(current, Object.keys(current), { visible: true })
     );
-  }, [objectBindings, onObjectBindingsChange]);
+  }, [setObjectBindings]);
   const hiddenObjects = (0, import_react44.useMemo)(
     () => getHiddenObjects(objectBindings),
     [objectBindings]
   );
   const hiddenObjectIds = (0, import_react44.useMemo)(
-    () => Object.entries(hiddenObjects).map(
-      ([bindingKey]) => objectBindings[bindingKey]?.id ?? bindingKey
+    () => Object.keys(hiddenObjects).map(
+      (bindingKey) => objectBindings[bindingKey]?.id ?? bindingKey
     ),
     [hiddenObjects, objectBindings]
   );
@@ -17667,6 +17728,13 @@ function useObjectVisibility(objectBindings, onObjectBindingsChange) {
     [objectBindings]
   );
   return {
+    objectBindings,
+    setObjectBindings,
+    updateObjectBindings,
+    setMaterial,
+    setBaseColor,
+    resetMaterial,
+    getMaterial,
     hiddenObjects,
     hiddenObjectIds,
     hideObject,
@@ -17677,11 +17745,45 @@ function useObjectVisibility(objectBindings, onObjectBindingsChange) {
   };
 }
 
-// src/hooks/useViewerHover.ts
+// src/hooks/useSceneConfig.ts
 var import_react45 = require("react");
+
+// src/utils/patchSceneConfig.ts
+function patchSceneConfig(sceneConfig, patch) {
+  return deepMerge(sceneConfig, patch);
+}
+
+// src/hooks/useSceneConfig.ts
+function useSceneConfig(initialSceneConfig) {
+  const initialSceneConfigRef = (0, import_react45.useRef)(null);
+  const [sceneConfig, setSceneConfig] = (0, import_react45.useState)(() => {
+    const initial = typeof initialSceneConfig === "function" ? initialSceneConfig() : initialSceneConfig;
+    initialSceneConfigRef.current = initial;
+    return initial;
+  });
+  const updateSceneConfig = (0, import_react45.useCallback)((update) => {
+    setSceneConfig((current) => {
+      const patch = typeof update === "function" ? update(current) : update;
+      return patchSceneConfig(current, patch);
+    });
+  }, []);
+  const resetSceneConfig = (0, import_react45.useCallback)(() => {
+    const initial = initialSceneConfigRef.current;
+    if (initial) setSceneConfig(initial);
+  }, []);
+  return {
+    sceneConfig,
+    setSceneConfig,
+    updateSceneConfig,
+    resetSceneConfig
+  };
+}
+
+// src/hooks/useViewerHover.ts
+var import_react46 = require("react");
 function useViewerHover() {
-  const [hoveredObjectBinding, setHoveredObjectBinding] = (0, import_react45.useState)(null);
-  const handleHoveredObject = (0, import_react45.useCallback)(
+  const [hoveredObjectBinding, setHoveredObjectBinding] = (0, import_react46.useState)(null);
+  const handleHoveredObject = (0, import_react46.useCallback)(
     (binding) => {
       setHoveredObjectBinding(binding);
     },
@@ -17694,18 +17796,18 @@ function useViewerHover() {
 }
 
 // src/hooks/useViewerModel.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_three22 = require("three");
 function toTuple2(vector) {
   return [vector.x, vector.y, vector.z];
 }
 function useViewerModel() {
-  const [isLoading, setIsLoading] = (0, import_react46.useState)(true);
-  const [isReady, setIsReady] = (0, import_react46.useState)(false);
-  const [error, setError] = (0, import_react46.useState)(null);
-  const [bounds, setBounds] = (0, import_react46.useState)(null);
-  const [objectCount, setObjectCount] = (0, import_react46.useState)(0);
-  const handleModelLoaded = (0, import_react46.useCallback)((scene) => {
+  const [isLoading, setIsLoading] = (0, import_react47.useState)(true);
+  const [isReady, setIsReady] = (0, import_react47.useState)(false);
+  const [error, setError] = (0, import_react47.useState)(null);
+  const [bounds, setBounds] = (0, import_react47.useState)(null);
+  const [objectCount, setObjectCount] = (0, import_react47.useState)(0);
+  const handleModelLoaded = (0, import_react47.useCallback)((scene) => {
     const box = new import_three22.Box3().setFromObject(scene);
     const min = box.min.clone();
     const max = box.max.clone();
@@ -17730,14 +17832,14 @@ function useViewerModel() {
     setIsLoading(false);
     setIsReady(true);
   }, []);
-  const handleLoadError = (0, import_react46.useCallback)((nextError) => {
+  const handleLoadError = (0, import_react47.useCallback)((nextError) => {
     setError(nextError);
     setBounds(null);
     setObjectCount(0);
     setIsLoading(false);
     setIsReady(false);
   }, []);
-  const resetModelState = (0, import_react46.useCallback)(() => {
+  const resetModelState = (0, import_react47.useCallback)(() => {
     setIsLoading(true);
     setIsReady(false);
     setError(null);
@@ -17757,10 +17859,10 @@ function useViewerModel() {
 }
 
 // src/hooks/useViewerActions.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 function useViewerActions(objectBindings, options = {}) {
   const { onAction, onObjectBindingsChange } = options;
-  const getActionsForObject = (0, import_react47.useCallback)(
+  const getActionsForObject = (0, import_react48.useCallback)(
     (objectId) => {
       const bindingKey = resolveBindingKey(objectBindings, objectId);
       if (!bindingKey) {
@@ -17770,7 +17872,7 @@ function useViewerActions(objectBindings, options = {}) {
     },
     [objectBindings]
   );
-  const runAction = (0, import_react47.useCallback)(
+  const runAction = (0, import_react48.useCallback)(
     (objectId, actionId) => {
       const bindingKey = resolveBindingKey(objectBindings, objectId);
       if (!bindingKey) {
@@ -17812,7 +17914,7 @@ function useViewerActions(objectBindings, options = {}) {
 }
 
 // src/hooks/useShareableViewerState.ts
-var import_react48 = require("react");
+var import_react49 = require("react");
 function serializeState(cameraState, objectBindings, selectedObjectBinding) {
   const hidden = Object.values(objectBindings).filter((binding) => binding.visible === false).map((binding) => binding.id);
   return {
@@ -17832,8 +17934,8 @@ function useShareableViewerState({
   debounceMs = 400,
   autoSync = true
 }) {
-  const lastWrittenRawRef = (0, import_react48.useRef)(null);
-  const buildHash = (0, import_react48.useCallback)(() => {
+  const lastWrittenRawRef = (0, import_react49.useRef)(null);
+  const buildHash = (0, import_react49.useCallback)(() => {
     const state = serializeState(
       cameraState,
       objectBindings,
@@ -17841,12 +17943,12 @@ function useShareableViewerState({
     );
     return `${paramKey}=${encodeURIComponent(JSON.stringify(state))}`;
   }, [cameraState, objectBindings, selectedObjectBinding, paramKey]);
-  const getShareUrl = (0, import_react48.useCallback)(() => {
+  const getShareUrl = (0, import_react49.useCallback)(() => {
     const url = new URL(window.location.href);
     url.hash = buildHash();
     return url.toString();
   }, [buildHash]);
-  const syncUrl = (0, import_react48.useCallback)(() => {
+  const syncUrl = (0, import_react49.useCallback)(() => {
     const url = new URL(window.location.href);
     url.hash = buildHash();
     window.history.replaceState(null, "", url.toString());
@@ -17854,7 +17956,7 @@ function useShareableViewerState({
       paramKey
     );
   }, [buildHash, paramKey]);
-  const latestStateRef = (0, import_react48.useRef)({
+  const latestStateRef = (0, import_react49.useRef)({
     cameraState,
     objectBindings,
     selectedObjectBinding
@@ -17864,9 +17966,9 @@ function useShareableViewerState({
     objectBindings,
     selectedObjectBinding
   };
-  const [restoreAttempted, setRestoreAttempted] = (0, import_react48.useState)(false);
-  const lastSyncedHashRef = (0, import_react48.useRef)(null);
-  (0, import_react48.useEffect)(() => {
+  const [restoreAttempted, setRestoreAttempted] = (0, import_react49.useState)(false);
+  const lastSyncedHashRef = (0, import_react49.useRef)(null);
+  (0, import_react49.useEffect)(() => {
     if (!autoSync || !restoreAttempted) return;
     const tick = () => {
       const current = latestStateRef.current;
@@ -17888,9 +17990,9 @@ function useShareableViewerState({
     const id = window.setInterval(tick, debounceMs);
     return () => window.clearInterval(id);
   }, [autoSync, restoreAttempted, debounceMs, paramKey]);
-  const lastRestoredRawRef = (0, import_react48.useRef)(null);
-  const restoringRawRef = (0, import_react48.useRef)(null);
-  const restoreFromUrl = (0, import_react48.useCallback)(async () => {
+  const lastRestoredRawRef = (0, import_react49.useRef)(null);
+  const restoringRawRef = (0, import_react49.useRef)(null);
+  const restoreFromUrl = (0, import_react49.useCallback)(async () => {
     setRestoreAttempted(true);
     const rawHash = window.location.hash.startsWith("#") ? window.location.hash.slice(1) : window.location.hash;
     const raw = new URLSearchParams(rawHash).get(paramKey);
@@ -17943,7 +18045,7 @@ function useShareableViewerState({
     setCameraState,
     setSelectedObjectBinding
   ]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const handleHashChange = () => {
       void restoreFromUrl();
     };
@@ -17961,9 +18063,13 @@ function useShareableViewerState({
   MATERIAL_SIDES,
   ModelViewer,
   SimpleModelViewer,
+  material,
+  patchBindings,
+  patchSceneConfig,
   useObjectBinding,
   useObjectBindingIds,
-  useObjectVisibility,
+  useObjectBindings,
+  useSceneConfig,
   useShareableViewerState,
   useViewerActions,
   useViewerAnimations,