jscad-electronics 0.0.17 → 0.0.19

package/dist/index.d.ts

@@ -1,11 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AnyCircuitElement, PcbSmtPad, PcbPlatedHole } from 'circuit-json';
 
-declare const A0402: () => react_jsx_runtime.JSX.Element;
+declare const A0402: ({ color }: {
+    color?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const A0603: () => react_jsx_runtime.JSX.Element;
+declare const A0603: ({ color }: {
+    color?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const A0805: () => react_jsx_runtime.JSX.Element;
+declare const A0805: ({ color }: {
+    color?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
 
 interface BGAProps {
     packageWidth?: number;

package/dist/index.js

@@ -77332,22 +77332,42 @@ var require_dist = __commonJS({
     });
     module.exports = __toCommonJS2(lib_exports);
     var import_react_reconciler2 = __toESM2(require_react_reconciler(), 1);
+    var import_react2 = __toESM2(require_react(), 1);
+    function flattenArray(arr) {
+      return arr.reduce(
+        (flat, item) => flat.concat(Array.isArray(item) ? flattenArray(item) : item),
+        []
+      );
+    }
     function createHostConfig(jscad3) {
       const createInstance = (type, props, rootContainerInstance, hostContext, internalInstanceHandle) => {
         const renderChildren = (children) => {
+          if (!children) return [];
           if (Array.isArray(children)) {
-            throw new Error("Unioning multiple children is not yet supported");
-          }
-          if (children) {
-            return createInstance(
-              children.type,
-              children.props,
-              [],
-              hostContext,
-              internalInstanceHandle
+            return flattenArray(
+              children.filter(import_react2.default.isValidElement).map(
+                (child) => createInstance(
+                  child.type,
+                  child.props,
+                  [],
+                  hostContext,
+                  internalInstanceHandle
+                )
+              )
             );
           }
-          return null;
+          if (import_react2.default.isValidElement(children)) {
+            return [
+              createInstance(
+                children.type,
+                children.props,
+                [],
+                hostContext,
+                internalInstanceHandle
+              )
+            ];
+          }
+          return [];
         };
         if (typeof type === "function") {
           const element = type(props);
@@ -77523,21 +77543,43 @@ var require_dist = __commonJS({
           }
           case "subtract": {
             const { children } = props;
-            if (!Array.isArray(children) || children.length < 2) {
-              throw new Error("Subtract must have at least two children");
+            if (!children || children.length < 2) {
+              throw new Error(
+                "Subtract must have at least one base component and one component to subtract."
+              );
             }
-            const geometries = children.map(
-              (child) => createInstance(
-                child.type,
-                child.props,
-                rootContainerInstance,
-                hostContext,
-                internalInstanceHandle
-              )
+            const validChildren = import_react2.default.Children.toArray(children).filter(
+              import_react2.default.isValidElement
+            );
+            if (validChildren.length < 2) {
+              throw new Error(
+                "Subtract must have at least one base component and one component to subtract."
+              );
+            }
+            const baseGeometry = createInstance(
+              validChildren[0].type,
+              validChildren[0].props,
+              rootContainerInstance,
+              hostContext,
+              internalInstanceHandle
             );
-            return geometries.reduce(
-              (acc, curr) => jscad3.booleans.subtract(acc, curr)
+            const subtractGeometries = flattenArray(
+              validChildren.slice(1).map(
+                (child) => createInstance(
+                  child.type,
+                  child.props,
+                  rootContainerInstance,
+                  hostContext,
+                  internalInstanceHandle
+                )
+              )
             );
+            if (!baseGeometry || subtractGeometries.some((geo) => geo == null)) {
+              throw new Error(
+                "One or more geometries could not be processed for subtraction."
+              );
+            }
+            return jscad3.booleans.subtract(baseGeometry, subtractGeometries);
           }
           case "translate": {
             const { args, children } = props;
@@ -78012,7 +78054,7 @@ var require_dist = __commonJS({
       withColorProp(ExtrudeFromSlicesBase)
     );
     var jscad = __toESM2(require_src(), 1);
-    var import_react2 = __toESM2(require_react(), 1);
+    var import_react22 = __toESM2(require_react(), 1);
     var THREE = __toESM2(require_three(), 1);
     var import_OrbitControls = (init_OrbitControls(), __toCommonJS(OrbitControls_exports));
     var import_three2 = require_three();
@@ -78101,17 +78143,43 @@ var require_dist = __commonJS({
       zAxisUp = false,
       showGrid = false
     }) {
-      const containerRef = import_react2.default.useRef(null);
-      const sceneRef = import_react2.default.useRef(null);
-      const gridRef = import_react2.default.useRef(null);
-      import_react2.default.useEffect(() => {
+      const containerRef = import_react22.default.useRef(null);
+      const sceneRef = import_react22.default.useRef(null);
+      const gridRef = import_react22.default.useRef(null);
+      import_react22.default.useEffect(() => {
         if (containerRef.current) {
-          let animate2 = function() {
+          let processCGS2 = function(csg) {
+            if (Array.isArray(csg)) {
+              for (const child of csg) {
+                processCGS2(child);
+              }
+            } else {
+              const geometry = convert_csg_to_three_geom_default(csg);
+              if (csg.sides) {
+                const material = new THREE.LineBasicMaterial({
+                  vertexColors: true,
+                  linewidth: 2
+                  // Note: linewidth > 1 only works in WebGL 2
+                });
+                const lineLoop = new THREE.LineLoop(geometry, material);
+                scene.add(lineLoop);
+              } else {
+                const material = new THREE.MeshStandardMaterial({
+                  vertexColors: true,
+                  wireframe,
+                  side: THREE.DoubleSide
+                  // Ensure both sides are visible
+                });
+                const mesh = new THREE.Mesh(geometry, material);
+                scene.add(mesh);
+              }
+            }
+          }, animate2 = function() {
             requestAnimationFrame(animate2);
             controls.update();
             renderer.render(scene, camera);
           };
-          var animate = animate2;
+          var processCGS = processCGS2, animate = animate2;
           const jscadGeoms = [];
           const root = createJSCADRoot(jscadGeoms);
           root.render(children);
@@ -78145,25 +78213,7 @@ var require_dist = __commonJS({
           scene.add(gridHelper);
           gridRef.current = gridHelper;
           for (const csg of jscadGeoms) {
-            const geometry = convert_csg_to_three_geom_default(csg);
-            if (csg.sides) {
-              const material = new THREE.LineBasicMaterial({
-                vertexColors: true,
-                linewidth: 2
-                // Note: linewidth > 1 only works in WebGL 2
-              });
-              const lineLoop = new THREE.LineLoop(geometry, material);
-              scene.add(lineLoop);
-            } else {
-              const material = new THREE.MeshStandardMaterial({
-                vertexColors: true,
-                wireframe,
-                side: THREE.DoubleSide
-                // Ensure both sides are visible
-              });
-              const mesh = new THREE.Mesh(geometry, material);
-              scene.add(mesh);
-            }
+            processCGS2(csg);
           }
           camera.position.x = 20;
           camera.position.y = 20;
@@ -78183,7 +78233,7 @@ var require_dist = __commonJS({
           };
         }
       }, [children, wireframe, zAxisUp, showGrid]);
-      import_react2.default.useEffect(() => {
+      import_react22.default.useEffect(() => {
         if (gridRef.current) {
           gridRef.current.visible = showGrid;
         }
@@ -78191,14 +78241,14 @@ var require_dist = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { ref: containerRef, style: { width: "100%", minHeight: "400px" } });
     }
     var jscad2 = __toESM2(require_src(), 1);
-    var import_react22 = require_react();
+    var import_react3 = require_react();
     var import_react_reconciler = __toESM2(require_react_reconciler(), 1);
     var THREE2 = __toESM2(require_three(), 1);
     var hostConfig = createHostConfig(jscad2);
     var reconciler = (0, import_react_reconciler.default)(hostConfig);
     function useJSCADRenderer(children) {
-      const container = (0, import_react22.useMemo)(() => [], []);
-      const root = (0, import_react22.useMemo)(() => {
+      const container = (0, import_react3.useMemo)(() => [], []);
+      const root = (0, import_react3.useMemo)(() => {
         const root2 = reconciler.createContainer(
           container,
           0,
@@ -78211,8 +78261,8 @@ var require_dist = __commonJS({
         );
         return root2;
       }, [container]);
-      const [mesh, setMesh] = (0, import_react22.useState)(null);
-      (0, import_react22.useEffect)(() => {
+      const [mesh, setMesh] = (0, import_react3.useState)(null);
+      (0, import_react3.useEffect)(() => {
         reconciler.updateContainer(children, root, null, () => {
         });
         const scene = new THREE2.Scene();
@@ -78250,15 +78300,15 @@ var require_dist = __commonJS({
       }
       return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("primitive", { object: mesh });
     }
-    var import_react3 = __toESM2(require_react(), 1);
+    var import_react4 = __toESM2(require_react(), 1);
     var useRenderElementsToJscadPlan = (jscad3, children) => {
-      const { renderer } = import_react3.default.useMemo(() => {
+      const { renderer } = import_react4.default.useMemo(() => {
         const renderer2 = createJSCADRenderer(jscad3);
         return { renderer: renderer2 };
       }, [jscad3]);
-      const [error, setError] = import_react3.default.useState(null);
-      const [loading, setLoading] = import_react3.default.useState(true);
-      const jscadElms = import_react3.default.useMemo(() => {
+      const [error, setError] = import_react4.default.useState(null);
+      const [loading, setLoading] = import_react4.default.useState(true);
+      const jscadElms = import_react4.default.useMemo(() => {
         setLoading(true);
         const jscadElms2 = [];
         const root = renderer.createJSCADRoot(jscadElms2);
@@ -78307,14 +78357,14 @@ var width = 0.5;
 var height = 0.5;
 var terminatorWidth = 0.2;
 var bodyLength = fullLength - terminatorWidth * 2;
-var A0402 = () => {
+var A0402 = ({ color = "#333" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_jscad_fiber.Cuboid,
       {
         size: [bodyLength, width, height],
         offset: [0, 0, height / 2],
-        color: "#333"
+        color
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -78344,14 +78394,14 @@ var bodyLength2 = fullLength2 - 0.3 * 2;
 var terminatorLength = 0.3;
 var width2 = 0.85;
 var height2 = 0.6;
-var A0603 = () => {
+var A0603 = ({ color = "#333" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_jscad_fiber2.Cuboid,
       {
         size: [bodyLength2, width2, height2],
         offset: [0, 0, height2 / 2],
-        color: "#333"
+        color
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -78381,14 +78431,14 @@ var width3 = 1.25;
 var height3 = 0.55;
 var terminatorWidth2 = 0.5;
 var bodyLength3 = fullLength3 - terminatorWidth2 * 2;
-var A0805 = () => {
+var A0805 = ({ color = "#333" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_jscad_fiber3.Cuboid,
       {
         size: [bodyLength3, width3, height3],
         offset: [0, 0, height3 / 2],
-        color: "#333"
+        color
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -78901,15 +78951,90 @@ var getLeadWidth = (pinCount, width4) => {
   }
 };
 
-// lib/Footprinter3d.tsx
+// lib/PinRow.tsx
+var import_jscad_fiber10 = __toESM(require_dist(), 1);
 var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
+var PinRow = ({
+  numberOfPins,
+  pitch = 2.54,
+  longSidePinLength = 6
+}) => {
+  const pinThickness = 0.63;
+  const bodyHeight = 2;
+  const bodyWidth = numberOfPins * pitch;
+  const shortSidePinLength = 3;
+  const xoff = -((numberOfPins - 1) / 2) * pitch;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_jscad_fiber10.Cuboid,
+      {
+        color: "#222",
+        size: [bodyWidth, pinThickness * 3, bodyHeight],
+        center: [0, 0, bodyHeight / 2]
+      }
+    ),
+    Array.from({ length: numberOfPins }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jscad_fiber10.Colorize, { color: "gold", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jscad_fiber10.Hull, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_jscad_fiber10.Cuboid,
+          {
+            color: "gold",
+            size: [pinThickness, pinThickness, shortSidePinLength * 0.9],
+            center: [
+              xoff + i * pitch,
+              0,
+              bodyHeight * 0.9 + bodyHeight / 2
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_jscad_fiber10.Cuboid,
+          {
+            color: "gold",
+            size: [
+              pinThickness / 1.8,
+              pinThickness / 1.8,
+              shortSidePinLength
+            ],
+            center: [xoff + i * pitch, 0, bodyHeight + bodyHeight / 2]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jscad_fiber10.Colorize, { color: "gold", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jscad_fiber10.Hull, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_jscad_fiber10.Cuboid,
+          {
+            color: "gold",
+            size: [pinThickness, pinThickness, longSidePinLength * 0.9],
+            center: [xoff + i * pitch, 0, -longSidePinLength / 2 * 0.9]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_jscad_fiber10.Cuboid,
+          {
+            color: "gold",
+            size: [
+              pinThickness / 1.8,
+              pinThickness / 1.8,
+              longSidePinLength
+            ],
+            center: [xoff + i * pitch, 0, -longSidePinLength / 2]
+          }
+        )
+      ] }) })
+    ] }))
+  ] });
+};
+
+// lib/Footprinter3d.tsx
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 var Footprinter3d = ({ footprint }) => {
   const fpJson = fp3.string(footprint).json();
   switch (fpJson.fn) {
     case "dip":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dip, { numPins: fpJson.num_pins, pitch: fpJson.p, bodyWidth: fpJson.w });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dip, { numPins: fpJson.num_pins, pitch: fpJson.p, bodyWidth: fpJson.w });
     case "tssop":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Tssop,
         {
           pinCount: fpJson.num_pins,
@@ -78920,7 +79045,7 @@ var Footprinter3d = ({ footprint }) => {
         }
       );
     case "qfp":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         QFP,
         {
           pinCount: fpJson.num_pins,
@@ -78930,8 +79055,20 @@ var Footprinter3d = ({ footprint }) => {
           bodyWidth: fpJson.w
         }
       );
+    case "pinrow":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PinRow, { numberOfPins: fpJson.num_pins, pitch: fpJson.p });
+    case "cap": {
+      switch (fpJson.imperial) {
+        case "0402":
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0402, { color: "#856c4d" });
+        case "0603":
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0603, { color: "#856c4d" });
+        case "0805":
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0805, { color: "#856c4d" });
+      }
+    }
     case "soic":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Tssop,
         {
           pinCount: fpJson.num_pins,
@@ -78944,17 +79081,17 @@ var Footprinter3d = ({ footprint }) => {
   }
   switch (fpJson.imperial) {
     case "0402":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(A0402, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0402, {});
     case "0603":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(A0603, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0603, {});
     case "0805":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(A0805, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0805, {});
   }
   return null;
 };
 
 // lib/SOT-23-3P.tsx
-var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
   const bodyWidth = 1.3;
   const bodyLength4 = 2.9;
@@ -78964,8 +79101,8 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
   const leadHeight = 0.95;
   const padContactLength = 0.4;
   const extendedBodyDistance = (fullWidth - bodyWidth) / 2 + 0.3;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
@@ -78982,7 +79119,7 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
       },
       1
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
@@ -78999,7 +79136,7 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
       },
       2
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       SmdChipLead,
       {
         position: {
@@ -79015,7 +79152,7 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
       },
       3
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ChipBody,
       {
         center: { x: 0, y: 0, z: 0 },
@@ -79028,8 +79165,8 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
 };
 
 // lib/SOT-563.tsx
-var import_jscad_fiber10 = __toESM(require_dist(), 1);
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jscad_fiber11 = __toESM(require_dist(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var SOT563 = ({ fullWidth = 1.94, fullLength: fullLength4 = 1.6 }) => {
   const bodyWidth = 1.2;
   const bodyLength4 = 1.6;
@@ -79039,24 +79176,24 @@ var SOT563 = ({ fullWidth = 1.94, fullLength: fullLength4 = 1.6 }) => {
   const leadHeight = 0.13;
   const leadSpacing = 0.5;
   const bodyZOffset = -0.3;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber10.Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber10.Translate, { center: [0, 0, bodyZOffset], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber10.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber10.Cuboid, { size: [bodyWidth, bodyLength4, bodyHeight] }) }) }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Translate, { center: [0, 0, bodyZOffset], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Cuboid, { size: [bodyWidth, bodyLength4, bodyHeight] }) }) }) }),
     [-1, 0, 1].flatMap((yOffset, index) => [
       // Left lead
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_jscad_fiber10.Translate,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_jscad_fiber11.Translate,
         {
           center: [-bodyWidth / 2 - 0.03, yOffset * leadSpacing, 0],
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber10.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
         },
         `left-${index}`
       ),
       // Right lead
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_jscad_fiber10.Translate,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_jscad_fiber11.Translate,
         {
           center: [bodyWidth / 2 + 0.03, yOffset * leadSpacing, 0],
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber10.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
         },
         `right-${index}`
       )
@@ -79065,8 +79202,8 @@ var SOT563 = ({ fullWidth = 1.94, fullLength: fullLength4 = 1.6 }) => {
 };
 
 // lib/SOT-723.tsx
-var import_jscad_fiber11 = __toESM(require_dist(), 1);
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var import_jscad_fiber12 = __toESM(require_dist(), 1);
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
 var getCcwSot723Coords = (pn) => {
   if (pn === 1) {
     return { x: 0, y: 0 };
@@ -79084,12 +79221,12 @@ var SOT723 = () => {
   const leadLength = 0.3;
   const leadHeight = 0.1;
   const centerLeadWidth = 0.42;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Translate, { center: [0.475, leadHeight / 2, -0.25], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Cuboid, { size: [bodyWidth, bodyLength4, bodyHeight] }) }) }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Translate, { center: [0.475, leadHeight / 2, -0.25], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Cuboid, { size: [bodyWidth, bodyLength4, bodyHeight] }) }) }) }),
     [1, 2, 3].map((pn) => {
       const { x, y } = getCcwSot723Coords(pn);
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Translate, { center: [x, y, 0], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_jscad_fiber11.Cuboid,
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Translate, { center: [x, y, 0], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_jscad_fiber12.Cuboid,
         {
           size: [
             leadLength,
@@ -79103,8 +79240,8 @@ var SOT723 = () => {
 };
 
 // lib/qfn.tsx
-var import_jscad_fiber12 = __toESM(require_dist(), 1);
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var import_jscad_fiber13 = __toESM(require_dist(), 1);
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 var QFN = ({
   fullWidth = 5,
   height: height4 = 0.8,
@@ -79113,16 +79250,16 @@ var QFN = ({
   const bodyWidth = fullWidth;
   const bodyLength4 = fullWidth;
   const thermalPadHeight = 0.1;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      import_jscad_fiber12.Cuboid,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jscad_fiber13.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_jscad_fiber13.Cuboid,
       {
         center: { x: 0, y: 0, z: height4 / 2 },
         size: [bodyWidth, bodyLength4, height4]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      import_jscad_fiber12.Cuboid,
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_jscad_fiber13.Cuboid,
       {
         center: { x: 0, y: 0, z: -thermalPadHeight / 2 },
         size: [thermalPadSize, thermalPadSize, thermalPadHeight]
@@ -79132,7 +79269,7 @@ var QFN = ({
 };
 
 // lib/sod-123.tsx
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
 var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
   const bodyWidth = 2.9;
   const bodyLength4 = 1.3;
@@ -79144,8 +79281,8 @@ var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
   const leadYOffset = leadHeight / 1 - 0.4;
   const bodyYOffset = leadHeight / 2 - 0.4;
   const bodyDistance = (fullWidth - bodyWidth) / 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       SmdChipLead,
       {
         position: {
@@ -79161,7 +79298,7 @@ var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
       },
       1
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
@@ -79178,7 +79315,7 @@ var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
       },
       2
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       ChipBody,
       {
         center: { x: 0, y: bodyYOffset, z: 0 },
@@ -79189,81 +79326,6 @@ var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
     )
   ] });
 };
-
-// lib/PinRow.tsx
-var import_jscad_fiber13 = __toESM(require_dist(), 1);
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
-var PinRow = ({
-  numberOfPins,
-  pitch = 2.54,
-  longSidePinLength = 6
-}) => {
-  const pinThickness = 0.63;
-  const bodyHeight = 2;
-  const bodyWidth = numberOfPins * pitch;
-  const shortSidePinLength = 3;
-  const xoff = -((numberOfPins - 1) / 2) * pitch;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_jscad_fiber13.Cuboid,
-      {
-        color: "#222",
-        size: [bodyWidth, pinThickness * 3, bodyHeight],
-        center: [0, 0, bodyHeight / 2]
-      }
-    ),
-    Array.from({ length: numberOfPins }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jscad_fiber13.Colorize, { color: "gold", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jscad_fiber13.Hull, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_jscad_fiber13.Cuboid,
-          {
-            color: "gold",
-            size: [pinThickness, pinThickness, shortSidePinLength * 0.9],
-            center: [
-              xoff + i * pitch,
-              0,
-              bodyHeight * 0.9 + bodyHeight / 2
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_jscad_fiber13.Cuboid,
-          {
-            color: "gold",
-            size: [
-              pinThickness / 1.8,
-              pinThickness / 1.8,
-              shortSidePinLength
-            ],
-            center: [xoff + i * pitch, 0, bodyHeight + bodyHeight / 2]
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jscad_fiber13.Colorize, { color: "gold", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jscad_fiber13.Hull, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_jscad_fiber13.Cuboid,
-          {
-            color: "gold",
-            size: [pinThickness, pinThickness, longSidePinLength * 0.9],
-            center: [xoff + i * pitch, 0, -longSidePinLength / 2 * 0.9]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_jscad_fiber13.Cuboid,
-          {
-            color: "gold",
-            size: [
-              pinThickness / 1.8,
-              pinThickness / 1.8,
-              longSidePinLength
-            ],
-            center: [xoff + i * pitch, 0, -longSidePinLength / 2]
-          }
-        )
-      ] }) })
-    ] }))
-  ] });
-};
 export {
   A0402,
   A0603,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jscad-electronics",
   "type": "module",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "main": "./dist/index.js",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "@biomejs/biome": "^1.9.3",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
-    "jscad-fiber": "^0.0.68",
+    "jscad-fiber": "^0.0.71",
     "react": "^18.3.1",
     "react-cosmos": "^6.2.0",
     "react-cosmos-plugin-vite": "^6.2.0",
@@ -32,7 +32,7 @@
     "vite-tsconfig-paths": "^5.0.1"
   },
   "dependencies": {
-    "@tscircuit/footprinter": "^0.0.70",
-    "circuit-json": "^0.0.84"
+    "@tscircuit/footprinter": "^0.0.82",
+    "circuit-json": "^0.0.92"
   }
 }