jscad-electronics 0.0.188 → 0.0.189

package/dist/index.js

@@ -1,3 +1,15 @@
+// lib/materials.ts
+var componentMaterials = {
+  moldedPlastic: { metalness: 0, roughness: 0.7 },
+  rubber: { metalness: 0, roughness: 0.9 },
+  sleeve: { metalness: 0, roughness: 0.45 },
+  tinnedLead: { metalness: 0.8, roughness: 0.55 },
+  goldContact: { metalness: 1, roughness: 0.25 },
+  copper: { metalness: 1, roughness: 0.35 },
+  brushedMetal: { metalness: 1, roughness: 0.4 },
+  steel: { metalness: 1, roughness: 0.25 }
+};
+
 // lib/A01005.tsx
 import { Cuboid } from "jscad-fiber";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -13,6 +25,7 @@ var A01005 = ({ color = "#333" }) => {
       {
         size: [bodyLength, width, height],
         offset: [0, 0, height / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -21,6 +34,7 @@ var A01005 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth, width, height],
         offset: [fullLength / 2 - terminatorWidth / 2, 0, height / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -29,6 +43,7 @@ var A01005 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth, width, height],
         offset: [-fullLength / 2 + terminatorWidth / 2, 0, height / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -50,6 +65,7 @@ var A0201 = ({ color = "#333" }) => {
       {
         size: [bodyLength2, width2, height2],
         offset: [0, 0, height2 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -58,6 +74,7 @@ var A0201 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth2, width2, height2],
         offset: [fullLength2 / 2 - terminatorWidth2 / 2, 0, height2 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -66,6 +83,7 @@ var A0201 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth2, width2, height2],
         offset: [-fullLength2 / 2 + terminatorWidth2 / 2, 0, height2 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -87,6 +105,7 @@ var A0402 = ({ color = "#333" }) => {
       {
         size: [bodyLength3, width3, height3],
         offset: [0, 0, height3 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -95,6 +114,7 @@ var A0402 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth3, height3, width3],
         offset: [fullLength3 / 2 - terminatorWidth3 / 2, 0, height3 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -103,6 +123,7 @@ var A0402 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth3, height3, width3],
         offset: [-fullLength3 / 2 + terminatorWidth3 / 2, 0, height3 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -124,6 +145,7 @@ var A0603 = ({ color = "#333" }) => {
       {
         size: [bodyLength4, width4, height4],
         offset: [0, 0, height4 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -132,6 +154,7 @@ var A0603 = ({ color = "#333" }) => {
       {
         size: [terminatorLength, width4, height4],
         offset: [fullLength4 / 2 - terminatorLength / 2, 0, height4 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -140,6 +163,7 @@ var A0603 = ({ color = "#333" }) => {
       {
         size: [terminatorLength, width4, height4],
         offset: [-fullLength4 / 2 + terminatorLength / 2, 0, height4 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -161,6 +185,7 @@ var A0805 = ({ color = "#333" }) => {
       {
         size: [bodyLength5, width5, height5],
         offset: [0, 0, height5 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -169,6 +194,7 @@ var A0805 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth4, width5, height5],
         offset: [fullLength5 / 2 - terminatorWidth4 / 2, 0, height5 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -177,6 +203,7 @@ var A0805 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth4, width5, height5],
         offset: [-fullLength5 / 2 + terminatorWidth4 / 2, 0, height5 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -198,6 +225,7 @@ var A1206 = ({ color = "#333" }) => {
       {
         size: [bodyLength6, width6, height6],
         offset: [0, 0, height6 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -206,6 +234,7 @@ var A1206 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth5, width6, height6],
         offset: [fullLength6 / 2 - terminatorWidth5 / 2, 0, height6 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -214,6 +243,7 @@ var A1206 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth5, width6, height6],
         offset: [-fullLength6 / 2 + terminatorWidth5 / 2, 0, height6 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -235,6 +265,7 @@ var A1210 = ({ color = "#333" }) => {
       {
         size: [bodyLength7, width7, height7],
         offset: [0, 0, height7 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -243,6 +274,7 @@ var A1210 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth6, width7, height7],
         offset: [fullLength7 / 2 - terminatorWidth6 / 2, 0, height7 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -251,6 +283,7 @@ var A1210 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth6, width7, height7],
         offset: [-fullLength7 / 2 + terminatorWidth6 / 2, 0, height7 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -272,6 +305,7 @@ var A2010 = ({ color = "#333" }) => {
       {
         size: [bodyLength8, width8, height8],
         offset: [0, 0, height8 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -280,6 +314,7 @@ var A2010 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth7, width8, height8],
         offset: [fullLength8 / 2 - terminatorWidth7 / 2, 0, height8 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -288,6 +323,7 @@ var A2010 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth7, width8, height8],
         offset: [-fullLength8 / 2 + terminatorWidth7 / 2, 0, height8 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -309,6 +345,7 @@ var A2512 = ({ color = "#333" }) => {
       {
         size: [bodyLength9, width9, height9],
         offset: [0, 0, height9 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -317,6 +354,7 @@ var A2512 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth8, width9, height9],
         offset: [fullLength9 / 2 - terminatorWidth8 / 2, 0, height9 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -325,6 +363,7 @@ var A2512 = ({ color = "#333" }) => {
       {
         size: [terminatorWidth8, width9, height9],
         offset: [-fullLength9 / 2 + terminatorWidth8 / 2, 0, height9 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -551,7 +590,7 @@ var ChipBody = ({
       chamferCutout(-xOffset, -yOffset)
     ] });
   }
-  return /* @__PURE__ */ jsx12(Colorize3, { color, children: /* @__PURE__ */ jsx12(Translate4, { offset: center, children: /* @__PURE__ */ jsx12(Translate4, { offset: { x: 0, y: 0, z: heightAboveSurface2 }, children: includeNotch ? /* @__PURE__ */ jsxs12(Subtract2, { children: [
+  return /* @__PURE__ */ jsx12(Colorize3, { color, material: componentMaterials.moldedPlastic, children: /* @__PURE__ */ jsx12(Translate4, { offset: center, children: /* @__PURE__ */ jsx12(Translate4, { offset: { x: 0, y: 0, z: heightAboveSurface2 }, children: includeNotch ? /* @__PURE__ */ jsxs12(Subtract2, { children: [
     finalBody,
     /* @__PURE__ */ jsx12(Translate4, { offset: actualNotchPosition, children: /* @__PURE__ */ jsx12(Rotate2, { rotation: notchRotation, children: /* @__PURE__ */ jsx12(Cylinder2, { radius: actualNotchRadius, height: notchWidth }) }) })
   ] }) : finalBody }) }) });
@@ -663,18 +702,26 @@ var Crystal = ({
     })
   ];
   return /* @__PURE__ */ jsxs13(Fragment12, { children: [
-    terminalPositions.map((center, index) => /* @__PURE__ */ jsx13(Colorize4, { color: "#d6a258", children: /* @__PURE__ */ jsx13(ExtrudeLinear, { height: terminalThickness, children: /* @__PURE__ */ jsx13(
-      Polygon,
+    terminalPositions.map((center, index) => /* @__PURE__ */ jsx13(
+      Colorize4,
       {
-        points: getTerminalPoints(
-          center,
-          terminalWidth,
-          terminalLength,
-          bodyChamfer,
-          index === 0
-        )
-      }
-    ) }) }, index)),
+        color: "#d6a258",
+        material: componentMaterials.goldContact,
+        children: /* @__PURE__ */ jsx13(ExtrudeLinear, { height: terminalThickness, children: /* @__PURE__ */ jsx13(
+          Polygon,
+          {
+            points: getTerminalPoints(
+              center,
+              terminalWidth,
+              terminalLength,
+              bodyChamfer,
+              index === 0
+            )
+          }
+        ) })
+      },
+      index
+    )),
     /* @__PURE__ */ jsx13(
       ChipBody,
       {
@@ -690,8 +737,8 @@ var Crystal = ({
         chamferSize: bodyChamfer
       }
     ),
-    /* @__PURE__ */ jsx13(Colorize4, { color: "#d2a057", children: /* @__PURE__ */ jsx13(Hull2, { children: sealProfile }) }),
-    /* @__PURE__ */ jsx13(Colorize4, { color: "#b9bec2", children: /* @__PURE__ */ jsx13(Hull2, { children: lidProfiles }) })
+    /* @__PURE__ */ jsx13(Colorize4, { color: "#d2a057", material: componentMaterials.goldContact, children: /* @__PURE__ */ jsx13(Hull2, { children: sealProfile }) }),
+    /* @__PURE__ */ jsx13(Colorize4, { color: "#b9bec2", material: componentMaterials.brushedMetal, children: /* @__PURE__ */ jsx13(Hull2, { children: lidProfiles }) })
   ] });
 };
 
@@ -717,7 +764,7 @@ var FootprintPad = ({
 }) => {
   const color = isPin1 ? [0, 255, 0] : [255, 0, 0];
   if (pad.shape === "rect" || pad.shape === "rotated_rect") {
-    return /* @__PURE__ */ jsx14(Colorize5, { color, children: /* @__PURE__ */ jsx14(Translate5, { offset: [pad.x, pad.y, -5e-3], children: /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx14(Colorize5, { color, material: componentMaterials.copper, children: /* @__PURE__ */ jsx14(Translate5, { offset: [pad.x, pad.y, -5e-3], children: /* @__PURE__ */ jsx14(
       Rotate3,
       {
         angles: [
@@ -731,14 +778,14 @@ var FootprintPad = ({
   }
   if (pad.shape === "circle") {
     const radius = pad.radius ?? pad.r ?? 0.25;
-    return /* @__PURE__ */ jsx14(Colorize5, { color, children: /* @__PURE__ */ jsx14(Translate5, { offset: [pad.x, pad.y, -5e-3], children: /* @__PURE__ */ jsx14(Cylinder4, { radius, height: PAD_THICKNESS }) }) });
+    return /* @__PURE__ */ jsx14(Colorize5, { color, material: componentMaterials.copper, children: /* @__PURE__ */ jsx14(Translate5, { offset: [pad.x, pad.y, -5e-3], children: /* @__PURE__ */ jsx14(Cylinder4, { radius, height: PAD_THICKNESS }) }) });
   }
   if (pad.shape === "polygon") {
     const points = (pad.points ?? []).map(
       ({ x, y }) => [x, y]
     );
     if (points.length < 3) return null;
-    return /* @__PURE__ */ jsx14(Colorize5, { color, children: /* @__PURE__ */ jsx14(Translate5, { offset: [0, 0, -5e-3], children: /* @__PURE__ */ jsx14(ExtrudeLinear2, { height: PAD_THICKNESS, children: /* @__PURE__ */ jsx14(Polygon2, { points }) }) }) });
+    return /* @__PURE__ */ jsx14(Colorize5, { color, material: componentMaterials.copper, children: /* @__PURE__ */ jsx14(Translate5, { offset: [0, 0, -5e-3], children: /* @__PURE__ */ jsx14(ExtrudeLinear2, { height: PAD_THICKNESS, children: /* @__PURE__ */ jsx14(Polygon2, { points }) }) }) });
   }
   throw new Error("Shape not supported: " + pad.shape);
 };
@@ -759,13 +806,13 @@ var FootprintPlatedHole = ({
 }) => {
   const color = isPin1 ? "#00ff00" : "#b87333";
   if (hole.shape === "circle") {
-    return /* @__PURE__ */ jsx15(Colorize6, { color, children: /* @__PURE__ */ jsx15(Translate6, { offset: [hole.x, hole.y, -5e-3], children: /* @__PURE__ */ jsxs14(Subtract3, { children: [
+    return /* @__PURE__ */ jsx15(Colorize6, { color, material: componentMaterials.copper, children: /* @__PURE__ */ jsx15(Translate6, { offset: [hole.x, hole.y, -5e-3], children: /* @__PURE__ */ jsxs14(Subtract3, { children: [
       /* @__PURE__ */ jsx15(Cylinder5, { radius: hole.outer_diameter / 2, height: 0.01 }),
       /* @__PURE__ */ jsx15(Cylinder5, { radius: hole.hole_diameter / 2, height: 0.01 })
     ] }) }) });
   }
   if (hole.shape === "circular_hole_with_rect_pad") {
-    return /* @__PURE__ */ jsx15(Colorize6, { color, children: /* @__PURE__ */ jsx15(Translate6, { offset: [hole.x, hole.y, 0], children: /* @__PURE__ */ jsxs14(Subtract3, { children: [
+    return /* @__PURE__ */ jsx15(Colorize6, { color, material: componentMaterials.copper, children: /* @__PURE__ */ jsx15(Translate6, { offset: [hole.x, hole.y, 0], children: /* @__PURE__ */ jsxs14(Subtract3, { children: [
       /* @__PURE__ */ jsx15(
         Cuboid14,
         {
@@ -783,7 +830,7 @@ var FootprintPlatedHole = ({
     const isHorizontal = width10 > height10;
     const holeWidth = hole.hole_width ?? 0.8;
     const holeHeight = hole.hole_height ?? 0.8;
-    return /* @__PURE__ */ jsx15(Colorize6, { color, children: /* @__PURE__ */ jsx15(Translate6, { offset: [hole.x, hole.y, 0], children: /* @__PURE__ */ jsxs14(Subtract3, { children: [
+    return /* @__PURE__ */ jsx15(Colorize6, { color, material: componentMaterials.copper, children: /* @__PURE__ */ jsx15(Translate6, { offset: [hole.x, hole.y, 0], children: /* @__PURE__ */ jsxs14(Subtract3, { children: [
       /* @__PURE__ */ jsxs14(Hull3, { children: [
         /* @__PURE__ */ jsx15(
           Cylinder5,
@@ -1344,7 +1391,7 @@ function HexSocketBolt({
   color = "#737e8f",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(Colorize9, { color, children: /* @__PURE__ */ jsx19(Custom3, { geometry: createHexSocketBoltGeom(props) }) });
+  return /* @__PURE__ */ jsx19(Colorize9, { color, material: componentMaterials.steel, children: /* @__PURE__ */ jsx19(Custom3, { geometry: createHexSocketBoltGeom(props) }) });
 }
 
 // lib/SheetMetal.tsx
@@ -1501,7 +1548,7 @@ function createSheetMetalGeom(input) {
   return indexedMeshToGeom3(createSheetMetalMesh(input));
 }
 function SheetMetal({ color = "#737e8f", ...props }) {
-  return /* @__PURE__ */ jsx20(Colorize10, { color, children: /* @__PURE__ */ jsx20(Custom4, { geometry: createSheetMetalGeom(props) }) });
+  return /* @__PURE__ */ jsx20(Colorize10, { color, material: componentMaterials.brushedMetal, children: /* @__PURE__ */ jsx20(Custom4, { geometry: createSheetMetalGeom(props) }) });
 }
 
 // lib/SpurGear.tsx
@@ -1912,23 +1959,40 @@ function NemaMotor({
       return /* @__PURE__ */ jsx23(
         Colorize13,
         {
+          material: section.name === "body" ? componentMaterials.moldedPlastic : section.name === "shaft" ? componentMaterials.steel : componentMaterials.brushedMetal,
           color: section.name === "body" ? bodyColor : section.name === "shaft" ? shaftColor : capColor,
           children: /* @__PURE__ */ jsx23(Custom7, { geometry: generalize({ simplify: true }, geometry) })
         },
         `${section.name}-${index}`
       );
     }),
-    createNemaMotorWireGeometry(p).map(({ geometry, color }, index) => /* @__PURE__ */ jsx23(Colorize13, { color, children: /* @__PURE__ */ jsx23(Custom7, { geometry: generalize({ simplify: true }, geometry) }) }, `wire-${index}`)),
+    createNemaMotorWireGeometry(p).map(({ geometry, color }, index) => /* @__PURE__ */ jsx23(
+      Colorize13,
+      {
+        material: componentMaterials.rubber,
+        color,
+        children: /* @__PURE__ */ jsx23(Custom7, { geometry: generalize({ simplify: true }, geometry) })
+      },
+      `wire-${index}`
+    )),
     screw && [-halfPitch, halfPitch].flatMap(
-      (x) => [-halfPitch, halfPitch].map((y) => /* @__PURE__ */ jsx23(Colorize13, { color: screwColor, children: /* @__PURE__ */ jsx23(
-        Custom7,
+      (x) => [-halfPitch, halfPitch].map((y) => /* @__PURE__ */ jsx23(
+        Colorize13,
         {
-          geometry: jscad3.transforms.translate(
-            [x, y, -p.bodyLength],
-            generalize({ simplify: true }, screw)
+          material: componentMaterials.steel,
+          color: screwColor,
+          children: /* @__PURE__ */ jsx23(
+            Custom7,
+            {
+              geometry: jscad3.transforms.translate(
+                [x, y, -p.bodyLength],
+                generalize({ simplify: true }, screw)
+              )
+            }
           )
-        }
-      ) }, `rear-screw-${x}-${y}`))
+        },
+        `rear-screw-${x}-${y}`
+      ))
     )
   ] });
 }
@@ -2247,12 +2311,19 @@ var heightAboveSurface = 0.5;
 var DipPinLeg = ({ x, y, z }) => {
   const isRotated = x > 0;
   return /* @__PURE__ */ jsxs18(Fragment16, { children: [
-    /* @__PURE__ */ jsx26(Translate8, { offset: { x: x + 0.25 / 2, y, z }, children: /* @__PURE__ */ jsx26(Rotate4, { rotation: ["-90deg", 0, "90deg"], children: /* @__PURE__ */ jsx26(ExtrudeLinear3, { height: 0.25, children: /* @__PURE__ */ jsx26(
-      Polygon3,
+    /* @__PURE__ */ jsx26(
+      Translate8,
       {
-        points: svgPathPoints.slice().reverse().map((p) => [p.x, p.y])
+        material: componentMaterials.tinnedLead,
+        offset: { x: x + 0.25 / 2, y, z },
+        children: /* @__PURE__ */ jsx26(Rotate4, { rotation: ["-90deg", 0, "90deg"], children: /* @__PURE__ */ jsx26(ExtrudeLinear3, { height: 0.25, children: /* @__PURE__ */ jsx26(
+          Polygon3,
+          {
+            points: svgPathPoints.slice().reverse().map((p) => [p.x, p.y])
+          }
+        ) }) })
       }
-    ) }) }) }),
+    ),
     /* @__PURE__ */ jsx26(
       Translate8,
       {
@@ -2348,7 +2419,7 @@ var SmdChipLead = (props) => {
   const N = 15;
   const points = Array.from({ length: N }).map((_, i) => i / (N - 1) * bodyDistance).map((x) => [x, calculateSCurve(x, props)]);
   const polygon = getExpandedStroke(points, thickness);
-  return /* @__PURE__ */ jsx27(Colorize15, { color: "#fff", children: /* @__PURE__ */ jsx27(Translate9, { offset: { z: 0, y: 0, x: 0, ...props.position }, children: /* @__PURE__ */ jsx27(Rotate5, { rotation: ["90deg", 0, rotation ?? 0], children: /* @__PURE__ */ jsx27(Translate9, { offset: { x: 0, y: 0, z: -width10 / 2 }, children: /* @__PURE__ */ jsx27(ExtrudeLinear4, { height: width10, children: /* @__PURE__ */ jsx27(Polygon4, { points: polygon.map((p) => [p.x, p.y]) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx27(Colorize15, { color: "#c4c7ca", material: componentMaterials.tinnedLead, children: /* @__PURE__ */ jsx27(Translate9, { offset: { z: 0, y: 0, x: 0, ...props.position }, children: /* @__PURE__ */ jsx27(Rotate5, { rotation: ["90deg", 0, rotation ?? 0], children: /* @__PURE__ */ jsx27(Translate9, { offset: { x: 0, y: 0, z: -width10 / 2 }, children: /* @__PURE__ */ jsx27(ExtrudeLinear4, { height: width10, children: /* @__PURE__ */ jsx27(Polygon4, { points: polygon.map((p) => [p.x, p.y]) }) }) }) }) }) });
 };
 
 // lib/Tssop.tsx
@@ -2737,69 +2808,84 @@ var PinHeader = ({
       Cuboid17,
       {
         color: "#222",
+        material: componentMaterials.moldedPlastic,
         size: [bodyLength10, bodyWidth, bodyHeight],
         center: [x, y, flipZ(bodyHeight / 2)]
       }
     ) }),
-    /* @__PURE__ */ jsx32(Colorize17, { color: PIN_METAL_COLOR, children: smd ? /* @__PURE__ */ jsx32(
-      SmdChipLead,
+    /* @__PURE__ */ jsx32(
+      Colorize17,
       {
-        rotation: -Math.PI / 2,
-        position: {
-          x,
-          y: y + 1,
-          z: pinThickness / 2
-        },
-        thickness: pinThickness,
-        width: pinThickness,
-        height: pinThickness,
-        padContactLength: 2,
-        bodyDistance: 3
-      }
-    ) : /* @__PURE__ */ jsxs23(Hull5, { children: [
-      /* @__PURE__ */ jsx32(
-        Cuboid17,
-        {
-          color: PIN_METAL_COLOR,
-          size: [pinThickness, pinThickness, shortSidePinLength * 0.9],
-          center: [x, y, flipZ(bodyHeight * 0.9 + bodyHeight / 2)]
-        }
-      ),
-      /* @__PURE__ */ jsx32(
-        Cuboid17,
-        {
-          color: PIN_METAL_COLOR,
-          size: [
-            pinThickness / 1.8,
-            pinThickness / 1.8,
-            shortSidePinLength
-          ],
-          center: [x, y, flipZ(bodyHeight + bodyHeight / 2)]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx32(Colorize17, { color: PIN_METAL_COLOR, children: /* @__PURE__ */ jsx32(Translate11, { y: rightangle ? -3.9 : 0, z: rightangle ? 1 : 0, children: /* @__PURE__ */ jsx32(Rotate6, { rotation: rightangle ? [-Math.PI / 2, 0, 0] : [0, 0, 0], children: /* @__PURE__ */ jsxs23(Hull5, { children: [
-      /* @__PURE__ */ jsx32(
-        Cuboid17,
-        {
-          color: PIN_METAL_COLOR,
-          size: [pinThickness, pinThickness, longSidePinLength * 0.9],
-          center: [x, y, flipZ(-longSidePinLength / 2 * 0.9)]
-        }
-      ),
-      /* @__PURE__ */ jsx32(
-        Cuboid17,
-        {
-          color: PIN_METAL_COLOR,
-          size: [
-            pinThickness / 1.8,
-            pinThickness / 1.8,
-            longSidePinLength
-          ],
-          center: [x, y, flipZ(-longSidePinLength / 2)]
-        }
-      )
-    ] }) }) }) })
+        color: PIN_METAL_COLOR,
+        material: componentMaterials.goldContact,
+        children: smd ? /* @__PURE__ */ jsx32(
+          SmdChipLead,
+          {
+            rotation: -Math.PI / 2,
+            position: {
+              x,
+              y: y + 1,
+              z: pinThickness / 2
+            },
+            thickness: pinThickness,
+            width: pinThickness,
+            height: pinThickness,
+            padContactLength: 2,
+            bodyDistance: 3
+          }
+        ) : /* @__PURE__ */ jsxs23(Hull5, { children: [
+          /* @__PURE__ */ jsx32(
+            Cuboid17,
+            {
+              color: PIN_METAL_COLOR,
+              size: [pinThickness, pinThickness, shortSidePinLength * 0.9],
+              center: [x, y, flipZ(bodyHeight * 0.9 + bodyHeight / 2)]
+            }
+          ),
+          /* @__PURE__ */ jsx32(
+            Cuboid17,
+            {
+              color: PIN_METAL_COLOR,
+              size: [
+                pinThickness / 1.8,
+                pinThickness / 1.8,
+                shortSidePinLength
+              ],
+              center: [x, y, flipZ(bodyHeight + bodyHeight / 2)]
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx32(
+      Colorize17,
+      {
+        color: PIN_METAL_COLOR,
+        material: componentMaterials.goldContact,
+        children: /* @__PURE__ */ jsx32(Translate11, { y: rightangle ? -3.9 : 0, z: rightangle ? 1 : 0, children: /* @__PURE__ */ jsx32(Rotate6, { rotation: rightangle ? [-Math.PI / 2, 0, 0] : [0, 0, 0], children: /* @__PURE__ */ jsxs23(Hull5, { children: [
+          /* @__PURE__ */ jsx32(
+            Cuboid17,
+            {
+              color: PIN_METAL_COLOR,
+              size: [pinThickness, pinThickness, longSidePinLength * 0.9],
+              center: [x, y, flipZ(-longSidePinLength / 2 * 0.9)]
+            }
+          ),
+          /* @__PURE__ */ jsx32(
+            Cuboid17,
+            {
+              color: PIN_METAL_COLOR,
+              size: [
+                pinThickness / 1.8,
+                pinThickness / 1.8,
+                longSidePinLength
+              ],
+              center: [x, y, flipZ(-longSidePinLength / 2)]
+            }
+          )
+        ] }) }) })
+      }
+    )
   ] });
 };
 
@@ -3081,7 +3167,7 @@ var LegacyQFN = ({
     pinPositions.push({ pn, x, y, pw, pl });
   }
   return /* @__PURE__ */ jsxs25(Fragment24, { children: [
-    /* @__PURE__ */ jsx35(Colorize19, { color: "grey", children: /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx35(Colorize19, { material: componentMaterials.tinnedLead, color: "grey", children: /* @__PURE__ */ jsx35(
       Cuboid19,
       {
         center: [0, 0, bodyThickness / 2],
@@ -5265,11 +5351,11 @@ var DFN = ({
       }
     );
     return /* @__PURE__ */ jsxs51(Fragment51, { children: [
-      /* @__PURE__ */ jsx62(Colorize35, { color: "#25272a", children: pin1MarkWidth > 0 ? /* @__PURE__ */ jsxs51(Subtract8, { children: [
+      /* @__PURE__ */ jsx62(Colorize35, { material: componentMaterials.moldedPlastic, color: "#25272a", children: pin1MarkWidth > 0 ? /* @__PURE__ */ jsxs51(Subtract8, { children: [
         body,
         stripe
       ] }) : body }),
-      /* @__PURE__ */ jsx62(Colorize35, { color: "#c7c9cd", children: pinPositions.map(
+      /* @__PURE__ */ jsx62(Colorize35, { material: componentMaterials.tinnedLead, color: "#c7c9cd", children: pinPositions.map(
         (p) => p.pinNumber === 1 && pin1TerminalChamfer > 0 ? /* @__PURE__ */ jsxs51(Hull20, { children: [
           /* @__PURE__ */ jsx62(
             Cuboid36,
@@ -5309,6 +5395,7 @@ var DFN = ({
       thermalPadSize && /* @__PURE__ */ jsx62(
         Cuboid36,
         {
+          material: componentMaterials.tinnedLead,
           color: "#c7c9cd",
           size: [
             thermalPadSize.width,
@@ -7014,99 +7101,114 @@ var JSTZH1_5mm = ({
   const bodyWidth = (numPins - 1) * pitch + 4;
   const startX = -((numPins - 1) * pitch) / 2;
   return /* @__PURE__ */ jsxs72(Fragment71, { children: [
-    /* @__PURE__ */ jsx83(Translate35, { offset: [0, 0, bodyHeight], children: /* @__PURE__ */ jsx83(Rotate13, { angles: [Math.PI, 0, 0], children: /* @__PURE__ */ jsx83(Colorize50, { color: bodyColor, children: /* @__PURE__ */ jsxs72(Subtract14, { children: [
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [bodyWidth, bodyDepth, bodyHeight],
-          center: [0, 0, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [
-            bodyWidth - wallThickness * 2,
-            bodyDepth - wallThickness * 2,
-            hollowHeight
-          ],
-          center: [0, 0, hollowHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [bodyWidth, bodyDepth / 3, hollowHeight],
-          center: [0, 0, hollowHeight / 6]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [
-            bodyWidth - wallThickness * 2,
-            wallThickness / 2,
-            hollowHeight
-          ],
-          center: [
-            0,
-            bodyDepth / 2 - wallThickness / 4,
-            hollowHeight / 2
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [
-            bodyWidth - wallThickness * 2,
-            wallThickness / 2,
-            hollowHeight
-          ],
-          center: [
-            0,
-            -bodyDepth / 2 + wallThickness / 4,
-            hollowHeight / 2
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [1, wallThickness + 2, 1],
-          center: [-bodyWidth / 4, bodyDepth / 2, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [1, wallThickness + 3, 1],
-          center: [bodyWidth / 4, bodyDepth / 2, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [1, wallThickness + 2, 1],
-          center: [-bodyWidth / 4, -bodyDepth / 2, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx83(
-        Cuboid49,
-        {
-          size: [1, wallThickness + 3, 1],
-          center: [bodyWidth / 4, -bodyDepth / 2, bodyHeight / 2]
-        }
-      )
-    ] }) }) }) }),
-    showPins && Array.from({ length: numPins }).map((_, i) => /* @__PURE__ */ jsx83(Colorize50, { color: pinColor, children: /* @__PURE__ */ jsx83(
-      Cylinder18,
-      {
-        height: pinLength,
-        radius: 0.35,
-        center: [startX + i * pitch, 0, 2.5]
+    /* @__PURE__ */ jsx83(Translate35, { offset: [0, 0, bodyHeight], children: /* @__PURE__ */ jsx83(Rotate13, { angles: [Math.PI, 0, 0], children: /* @__PURE__ */ jsx83(
+      Colorize50,
+      {
+        material: componentMaterials.moldedPlastic,
+        color: bodyColor,
+        children: /* @__PURE__ */ jsxs72(Subtract14, { children: [
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [bodyWidth, bodyDepth, bodyHeight],
+              center: [0, 0, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [
+                bodyWidth - wallThickness * 2,
+                bodyDepth - wallThickness * 2,
+                hollowHeight
+              ],
+              center: [0, 0, hollowHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [bodyWidth, bodyDepth / 3, hollowHeight],
+              center: [0, 0, hollowHeight / 6]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [
+                bodyWidth - wallThickness * 2,
+                wallThickness / 2,
+                hollowHeight
+              ],
+              center: [
+                0,
+                bodyDepth / 2 - wallThickness / 4,
+                hollowHeight / 2
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [
+                bodyWidth - wallThickness * 2,
+                wallThickness / 2,
+                hollowHeight
+              ],
+              center: [
+                0,
+                -bodyDepth / 2 + wallThickness / 4,
+                hollowHeight / 2
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [1, wallThickness + 2, 1],
+              center: [-bodyWidth / 4, bodyDepth / 2, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [1, wallThickness + 3, 1],
+              center: [bodyWidth / 4, bodyDepth / 2, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [1, wallThickness + 2, 1],
+              center: [-bodyWidth / 4, -bodyDepth / 2, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            Cuboid49,
+            {
+              size: [1, wallThickness + 3, 1],
+              center: [bodyWidth / 4, -bodyDepth / 2, bodyHeight / 2]
+            }
+          )
+        ] })
       }
-    ) }, i)),
+    ) }) }),
+    showPins && Array.from({ length: numPins }).map((_, i) => /* @__PURE__ */ jsx83(
+      Colorize50,
+      {
+        material: componentMaterials.tinnedLead,
+        color: pinColor,
+        children: /* @__PURE__ */ jsx83(
+          Cylinder18,
+          {
+            height: pinLength,
+            radius: 0.35,
+            center: [startX + i * pitch, 0, 2.5]
+          }
+        )
+      },
+      i
+    )),
     showFootprint && Array.from({ length: numPins }).map((_, i) => {
       const isPin1 = i === 0;
       const hole = isPin1 ? {
@@ -7181,120 +7283,135 @@ var JSTPH2_0mm = ({
   const topReliefWidth = 0.8;
   const topReliefDepth = 0.65;
   return /* @__PURE__ */ jsxs73(Fragment72, { children: [
-    /* @__PURE__ */ jsx84(Translate36, { offset: [0, 0, bodyHeight], children: /* @__PURE__ */ jsx84(Rotate14, { angles: [Math.PI, 0, 0], children: /* @__PURE__ */ jsx84(Colorize51, { color: bodyColor, children: /* @__PURE__ */ jsxs73(Subtract15, { children: [
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [bodyWidth, bodyDepth, bodyHeight],
-          center: [0, 0, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [
-            bodyWidth - wallThickness * 2,
-            bodyDepth - wallThickness * 2,
-            hollowHeight
-          ],
-          center: [0, 0, hollowHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [bodyWidth, bodyDepth / 3, hollowHeight],
-          center: [0, 0, hollowHeight / 6]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [
-            bodyWidth - wallThickness * 2,
-            wallThickness / 2,
-            hollowHeight
-          ],
-          center: [
-            0,
-            bodyDepth / 2 - wallThickness / 4,
-            hollowHeight / 2
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [
-            bodyWidth - wallThickness * 2,
-            wallThickness / 2,
-            hollowHeight
-          ],
-          center: [
-            0,
-            -bodyDepth / 2 + wallThickness / 4,
-            hollowHeight / 2
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [
-            latchWindowWidth,
-            bodyDepth + wallThickness,
-            latchWindowHeight
-          ],
-          center: [-bodyWidth / 2 + latchWindowInset, 0, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [
-            latchWindowWidth,
-            bodyDepth + wallThickness,
-            latchWindowHeight
-          ],
-          center: [bodyWidth / 2 - latchWindowInset, 0, bodyHeight / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [wallThickness * 3, topReliefWidth, topReliefDepth],
-          center: [-bodyWidth / 2, 0, topReliefDepth / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx84(Translate36, { offset: [-bodyWidth / 2, 0, topReliefDepth], children: /* @__PURE__ */ jsx84(Rotate14, { angles: [0, Math.PI / 2, 0], children: /* @__PURE__ */ jsx84(
-        Cylinder19,
-        {
-          height: wallThickness * 3,
-          radius: topReliefWidth / 2
-        }
-      ) }) }),
-      /* @__PURE__ */ jsx84(
-        Cuboid50,
-        {
-          size: [wallThickness * 3, topReliefWidth, topReliefDepth],
-          center: [bodyWidth / 2, 0, topReliefDepth / 2]
-        }
-      ),
-      /* @__PURE__ */ jsx84(Translate36, { offset: [bodyWidth / 2, 0, topReliefDepth], children: /* @__PURE__ */ jsx84(Rotate14, { angles: [0, Math.PI / 2, 0], children: /* @__PURE__ */ jsx84(
-        Cylinder19,
-        {
-          height: wallThickness * 3,
-          radius: topReliefWidth / 2
-        }
-      ) }) })
-    ] }) }) }) }),
-    showPins && Array.from({ length: numPins }).map((_, i) => /* @__PURE__ */ jsx84(Colorize51, { color: pinColor, children: /* @__PURE__ */ jsx84(
-      Cuboid50,
-      {
-        size: [pinThickness, pinThickness, pinLength],
-        center: [startX + i * pitch, 0, (pinTop - pinTailLength) / 2]
+    /* @__PURE__ */ jsx84(Translate36, { offset: [0, 0, bodyHeight], children: /* @__PURE__ */ jsx84(Rotate14, { angles: [Math.PI, 0, 0], children: /* @__PURE__ */ jsx84(
+      Colorize51,
+      {
+        color: bodyColor,
+        material: componentMaterials.moldedPlastic,
+        children: /* @__PURE__ */ jsxs73(Subtract15, { children: [
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [bodyWidth, bodyDepth, bodyHeight],
+              center: [0, 0, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [
+                bodyWidth - wallThickness * 2,
+                bodyDepth - wallThickness * 2,
+                hollowHeight
+              ],
+              center: [0, 0, hollowHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [bodyWidth, bodyDepth / 3, hollowHeight],
+              center: [0, 0, hollowHeight / 6]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [
+                bodyWidth - wallThickness * 2,
+                wallThickness / 2,
+                hollowHeight
+              ],
+              center: [
+                0,
+                bodyDepth / 2 - wallThickness / 4,
+                hollowHeight / 2
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [
+                bodyWidth - wallThickness * 2,
+                wallThickness / 2,
+                hollowHeight
+              ],
+              center: [
+                0,
+                -bodyDepth / 2 + wallThickness / 4,
+                hollowHeight / 2
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [
+                latchWindowWidth,
+                bodyDepth + wallThickness,
+                latchWindowHeight
+              ],
+              center: [-bodyWidth / 2 + latchWindowInset, 0, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [
+                latchWindowWidth,
+                bodyDepth + wallThickness,
+                latchWindowHeight
+              ],
+              center: [bodyWidth / 2 - latchWindowInset, 0, bodyHeight / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [wallThickness * 3, topReliefWidth, topReliefDepth],
+              center: [-bodyWidth / 2, 0, topReliefDepth / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx84(Translate36, { offset: [-bodyWidth / 2, 0, topReliefDepth], children: /* @__PURE__ */ jsx84(Rotate14, { angles: [0, Math.PI / 2, 0], children: /* @__PURE__ */ jsx84(
+            Cylinder19,
+            {
+              height: wallThickness * 3,
+              radius: topReliefWidth / 2
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx84(
+            Cuboid50,
+            {
+              size: [wallThickness * 3, topReliefWidth, topReliefDepth],
+              center: [bodyWidth / 2, 0, topReliefDepth / 2]
+            }
+          ),
+          /* @__PURE__ */ jsx84(Translate36, { offset: [bodyWidth / 2, 0, topReliefDepth], children: /* @__PURE__ */ jsx84(Rotate14, { angles: [0, Math.PI / 2, 0], children: /* @__PURE__ */ jsx84(
+            Cylinder19,
+            {
+              height: wallThickness * 3,
+              radius: topReliefWidth / 2
+            }
+          ) }) })
+        ] })
       }
-    ) }, i)),
+    ) }) }),
+    showPins && Array.from({ length: numPins }).map((_, i) => /* @__PURE__ */ jsx84(
+      Colorize51,
+      {
+        color: pinColor,
+        material: componentMaterials.tinnedLead,
+        children: /* @__PURE__ */ jsx84(
+          Cuboid50,
+          {
+            size: [pinThickness, pinThickness, pinLength],
+            center: [startX + i * pitch, 0, (pinTop - pinTailLength) / 2]
+          }
+        )
+      },
+      i
+    )),
     showFootprint && Array.from({ length: numPins }).map((_, i) => {
       const isPin1 = i === 0;
       const hole = isPin1 ? {
@@ -7367,7 +7484,7 @@ var JSTXH2_5mm = ({
   );
   const lockNotchHeight = 2.4;
   return /* @__PURE__ */ jsxs74(Fragment73, { children: [
-    /* @__PURE__ */ jsx85(Translate37, { offset: [0, 0, bodyHeight / 2], children: /* @__PURE__ */ jsx85(Colorize52, { color: bodyColor, children: /* @__PURE__ */ jsxs74(Subtract16, { children: [
+    /* @__PURE__ */ jsx85(Translate37, { offset: [0, 0, bodyHeight / 2], children: /* @__PURE__ */ jsx85(Colorize52, { material: componentMaterials.moldedPlastic, color: bodyColor, children: /* @__PURE__ */ jsxs74(Subtract16, { children: [
       /* @__PURE__ */ jsx85(Cuboid51, { size: [bodyWidth, bodyDepth, bodyHeight] }),
       /* @__PURE__ */ jsx85(Translate37, { offset: [0, 0, (bodyHeight - hollowHeight) / 2 + 0.1], children: /* @__PURE__ */ jsx85(
         Cuboid51,
@@ -7444,7 +7561,15 @@ var JSTXH2_5mm = ({
         `vent_${i}`
       ))
     ] }) }) }),
-    showPins && Array.from({ length: numPins }).map((_, i) => /* @__PURE__ */ jsx85(Colorize52, { color: pinColor, children: /* @__PURE__ */ jsx85(Translate37, { offset: [startX + i * pitch, 0, pinLength / 2 - 3.4], children: /* @__PURE__ */ jsx85(Cuboid51, { size: [0.64, 0.64, pinLength] }) }) }, i)),
+    showPins && Array.from({ length: numPins }).map((_, i) => /* @__PURE__ */ jsx85(
+      Colorize52,
+      {
+        material: componentMaterials.tinnedLead,
+        color: pinColor,
+        children: /* @__PURE__ */ jsx85(Translate37, { offset: [startX + i * pitch, 0, pinLength / 2 - 3.4], children: /* @__PURE__ */ jsx85(Cuboid51, { size: [0.64, 0.64, pinLength] }) })
+      },
+      i
+    )),
     showFootprint && (() => {
       try {
         const circuitJson = fp3.string(`jst${numPins}_xh`).circuitJson();
@@ -7499,7 +7624,7 @@ var JstSh = ({ footprint = "jst6_sh" }) => {
   const y = rowY + direction * 1.8, width10 = n + 2, depth = 2.9, height10 = 4.2;
   const pinY = y - direction * 0.25;
   return /* @__PURE__ */ jsxs75(Rotate15, { rotation: [0, 0, angle], children: [
-    /* @__PURE__ */ jsx86(Colorize53, { color: "#e4e1d6", children: /* @__PURE__ */ jsxs75(Subtract17, { children: [
+    /* @__PURE__ */ jsx86(Colorize53, { material: componentMaterials.moldedPlastic, color: "#e4e1d6", children: /* @__PURE__ */ jsxs75(Subtract17, { children: [
       /* @__PURE__ */ jsx86(
         Cuboid52,
         {
@@ -7535,7 +7660,7 @@ var JstSh = ({ footprint = "jst6_sh" }) => {
         side
       ))
     ] }) }),
-    /* @__PURE__ */ jsxs75(Colorize53, { color: "#c6c7c9", children: [
+    /* @__PURE__ */ jsxs75(Colorize53, { material: componentMaterials.tinnedLead, color: "#c6c7c9", children: [
       signals.map((pad, i) => {
         const tailY = pad.y - direction * pad.height * 0.4;
         return /* @__PURE__ */ jsxs75(Union23, { children: [
@@ -8019,6 +8144,7 @@ var ParametricChip = ({
       {
         size: [bodyLength10, width10, height10],
         offset: [0, 0, height10 / 2],
+        material: componentMaterials.moldedPlastic,
         color
       }
     ),
@@ -8027,6 +8153,7 @@ var ParametricChip = ({
       {
         size: [terminatorWidth9, height10, width10],
         offset: [fullLength10 / 2 - terminatorWidth9 / 2, 0, height10 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     ),
@@ -8035,6 +8162,7 @@ var ParametricChip = ({
       {
         size: [terminatorWidth9, height10, width10],
         offset: [-fullLength10 / 2 + terminatorWidth9 / 2, 0, height10 / 2],
+        material: componentMaterials.tinnedLead,
         color: "#ccc"
       }
     )
@@ -8454,14 +8582,14 @@ var DPAK = ({
   const leadZ = tabThickness / 2;
   const leadThickness = 0.4;
   return /* @__PURE__ */ jsxs83(Fragment81, { children: [
-    /* @__PURE__ */ jsx94(Colorize59, { color: tabColor, children: /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx94(Colorize59, { material: componentMaterials.tinnedLead, color: tabColor, children: /* @__PURE__ */ jsx94(
       Cuboid59,
       {
         size: [tabWidth, tabLength, tabThickness],
         center: [tabCenterX, 0, tabThickness / 2]
       }
     ) }),
-    /* @__PURE__ */ jsx94(Colorize59, { color, children: /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx94(Colorize59, { material: componentMaterials.moldedPlastic, color, children: /* @__PURE__ */ jsx94(
       Cuboid59,
       {
         size: [bodyWidth, bodyLength10, bodyHeight],
@@ -8469,39 +8597,47 @@ var DPAK = ({
       }
     ) }),
     [-1, 1].map((side) => {
-      return /* @__PURE__ */ jsxs83(Colorize59, { color: leadColor, children: [
-        /* @__PURE__ */ jsx94(
-          Cuboid59,
-          {
-            size: [leadContactLength, leadWidth, leadThickness],
-            center: [
-              leadPadX + leadContactLength / 2,
-              side * pitch,
-              leadThickness / 2
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs83(Hull28, { children: [
-          /* @__PURE__ */ jsx94(
-            Cuboid59,
-            {
-              size: [0.1, leadWidth, leadThickness],
-              center: [
-                leadPadX + leadContactLength,
-                side * pitch,
-                leadThickness / 2
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx94(
-            Cuboid59,
-            {
-              size: [0.1, leadWidth, leadThickness],
-              center: [bodyFrontX, side * pitch, leadZ + tabThickness / 2]
-            }
-          )
-        ] })
-      ] }, `lead-${side}`);
+      return /* @__PURE__ */ jsxs83(
+        Colorize59,
+        {
+          material: componentMaterials.tinnedLead,
+          color: leadColor,
+          children: [
+            /* @__PURE__ */ jsx94(
+              Cuboid59,
+              {
+                size: [leadContactLength, leadWidth, leadThickness],
+                center: [
+                  leadPadX + leadContactLength / 2,
+                  side * pitch,
+                  leadThickness / 2
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs83(Hull28, { children: [
+              /* @__PURE__ */ jsx94(
+                Cuboid59,
+                {
+                  size: [0.1, leadWidth, leadThickness],
+                  center: [
+                    leadPadX + leadContactLength,
+                    side * pitch,
+                    leadThickness / 2
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx94(
+                Cuboid59,
+                {
+                  size: [0.1, leadWidth, leadThickness],
+                  center: [bodyFrontX, side * pitch, leadZ + tabThickness / 2]
+                }
+              )
+            ] })
+          ]
+        },
+        `lead-${side}`
+      );
     })
   ] });
 };
@@ -8533,7 +8669,7 @@ var ElectrolyticCapacitor = ({
   const grooveWidth = Math.max(diameter * 0.06, 0.2);
   const grooveDepth = 0.3;
   return /* @__PURE__ */ jsxs84(Fragment82, { children: [
-    /* @__PURE__ */ jsx95(Colorize60, { color: baseColor, children: /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx95(Colorize60, { color: baseColor, material: componentMaterials.rubber, children: /* @__PURE__ */ jsx95(
       Cylinder23,
       {
         radius: radius - 0.05,
@@ -8541,7 +8677,7 @@ var ElectrolyticCapacitor = ({
         center: [0, 0, baseHeight / 2]
       }
     ) }),
-    /* @__PURE__ */ jsx95(Colorize60, { color: sleeveColor, children: /* @__PURE__ */ jsxs84(Subtract21, { children: [
+    /* @__PURE__ */ jsx95(Colorize60, { color: sleeveColor, material: componentMaterials.sleeve, children: /* @__PURE__ */ jsxs84(Subtract21, { children: [
       /* @__PURE__ */ jsx95(
         RoundedCylinder5,
         {
@@ -8566,14 +8702,22 @@ var ElectrolyticCapacitor = ({
         }
       )
     ] }) }),
-    [-1, 1].map((side) => /* @__PURE__ */ jsx95(Colorize60, { color: "#c0c0c0", children: /* @__PURE__ */ jsx95(
-      Cylinder23,
+    [-1, 1].map((side) => /* @__PURE__ */ jsx95(
+      Colorize60,
       {
-        radius: leadDiameter / 2,
-        height: leadLength + baseHeight,
-        center: [side * leadPitch / 2, 0, (baseHeight - leadLength) / 2]
-      }
-    ) }, `lead-${side}`))
+        material: componentMaterials.tinnedLead,
+        color: "#c0c0c0",
+        children: /* @__PURE__ */ jsx95(
+          Cylinder23,
+          {
+            radius: leadDiameter / 2,
+            height: leadLength + baseHeight,
+            center: [side * leadPitch / 2, 0, (baseHeight - leadLength) / 2]
+          }
+        )
+      },
+      `lead-${side}`
+    ))
   ] });
 };
 
@@ -8852,7 +8996,7 @@ var UsbCMidmount = ({
     );
   const tabBottom = -0.9, tabTop = centerZ + 0.1;
   return /* @__PURE__ */ jsxs89(Rotate21, { rotation: [0, 0, angle], children: [
-    /* @__PURE__ */ jsx100(Colorize65, { color: "#b8bdc4", children: /* @__PURE__ */ jsx100(Translate44, { offset: [0, centerY, centerZ], children: /* @__PURE__ */ jsxs89(Subtract24, { children: [
+    /* @__PURE__ */ jsx100(Colorize65, { color: "#b8bdc4", material: componentMaterials.brushedMetal, children: /* @__PURE__ */ jsx100(Translate44, { offset: [0, centerY, centerZ], children: /* @__PURE__ */ jsxs89(Subtract24, { children: [
       /* @__PURE__ */ jsx100(Capsule, { width: width10, height: height10, depth }),
       /* @__PURE__ */ jsx100(
         Capsule,
@@ -8863,7 +9007,7 @@ var UsbCMidmount = ({
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsxs89(Colorize65, { color: "#242529", children: [
+    /* @__PURE__ */ jsxs89(Colorize65, { color: "#242529", material: componentMaterials.moldedPlastic, children: [
       /* @__PURE__ */ jsx100(
         Cuboid65,
         {
@@ -8884,7 +9028,7 @@ var UsbCMidmount = ({
         ) : null
       )
     ] }),
-    /* @__PURE__ */ jsxs89(Colorize65, { color: "#d3ad57", children: [
+    /* @__PURE__ */ jsxs89(Colorize65, { color: "#d3ad57", material: componentMaterials.goldContact, children: [
       [-1, 1].flatMap(
         (side) => [-2.75, -2.25, -1.25, -0.25, 0.25, 1.25, 2.25, 2.75].map((x) => /* @__PURE__ */ jsx100(
           Cuboid65,
@@ -8908,7 +9052,7 @@ var UsbCMidmount = ({
         i
       ))
     ] }),
-    /* @__PURE__ */ jsx100(Colorize65, { color: "#b8bdc4", children: slots.map((slot, i) => /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx100(Colorize65, { color: "#b8bdc4", material: componentMaterials.brushedMetal, children: slots.map((slot, i) => /* @__PURE__ */ jsx100(
       Cuboid65,
       {
         size: [