jscad-electronics 0.0.18 → 0.0.20

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;
@@ -94,10 +100,19 @@ declare const Tssop: ({ pinCount, leadLength, leadWidth, pitch, bodyWidth, }: {
     bodyWidth: number;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const QFN: ({ fullWidth, height, thermalPadSize, }: {
-    fullWidth?: number;
-    height?: number;
-    thermalPadSize?: number;
+declare const QFN: ({ num_pins, bodyWidth, bodyLength, bodyThickness, thermalPadSize, padWidth, padLength, pitch, thermalPadThickness, }: {
+    num_pins: number;
+    bodyWidth?: number;
+    bodyLength?: number;
+    bodyThickness?: number;
+    thermalPadSize?: {
+        width: number;
+        length: number;
+    };
+    padWidth?: number;
+    padLength?: number;
+    pitch?: number;
+    thermalPadThickness?: number;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const QFP: ({ pinCount, pitch, leadWidth, padContactLength, bodyWidth, }: {

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)(
@@ -78976,15 +79026,179 @@ var PinRow = ({
   ] });
 };
 
-// lib/Footprinter3d.tsx
+// lib/qfn.tsx
+var import_jscad_fiber11 = __toESM(require_dist(), 1);
+
+// lib/utils/getQuadCoords.ts
+var getQuadCoords = (params) => {
+  const SIDES_CCW = ["left", "bottom", "right", "top"];
+  const { pin_count, pn, w, h, p, pl, legsoutside } = params;
+  const sidePinCount = pin_count / 4;
+  const side = SIDES_CCW[Math.floor((pn - 1) / sidePinCount)];
+  const pos = (pn - 1) % sidePinCount;
+  const ibw = p * (sidePinCount - 1);
+  const ibh = p * (sidePinCount - 1);
+  const pcdfe = legsoutside ? pl / 2 : -pl / 2;
+  switch (side) {
+    case "left":
+      return { x: -w / 2 - pcdfe, y: ibh / 2 - pos * p, o: "vert" };
+    case "bottom":
+      return { x: -ibw / 2 + pos * p, y: -h / 2 - pcdfe, o: "horz" };
+    case "right":
+      return { x: w / 2 + pcdfe, y: -ibh / 2 + pos * p, o: "vert" };
+    case "top":
+      return { x: ibw / 2 - pos * p, y: h / 2 + pcdfe, o: "horz" };
+    default:
+      throw new Error("Invalid pin number");
+  }
+};
+
+// lib/utils/getQuadPinMap.ts
+var getQuadPinMap = ({
+  num_pins,
+  cw,
+  ccw,
+  startingpin
+}) => {
+  const pin_map = [];
+  const pins_per_side = num_pins / 4;
+  let current_position_ccw_normal = 1;
+  const sfp = {};
+  for (const specifier of startingpin ?? []) {
+    sfp[specifier] = true;
+  }
+  if (!sfp.leftside && !sfp.topside && !sfp.rightside && !sfp.bottomside) {
+    sfp.leftside = true;
+  }
+  if (!sfp.bottompin && !sfp.leftpin && !sfp.rightpin && !sfp.toppin) {
+    if (sfp.leftside) {
+      sfp.toppin = true;
+    } else if (sfp.topside) {
+      sfp.rightpin = true;
+    } else if (sfp.rightside) {
+      sfp.bottompin = true;
+    } else if (sfp.bottomside) {
+      sfp.leftpin = true;
+    }
+  }
+  if (sfp.leftside && sfp.toppin) {
+    current_position_ccw_normal = 1;
+  } else if (sfp.leftside && sfp.bottompin) {
+    current_position_ccw_normal = pins_per_side;
+  } else if (sfp.bottomside && sfp.leftpin) {
+    current_position_ccw_normal = pins_per_side + 1;
+  } else if (sfp.bottomside && sfp.rightpin) {
+    current_position_ccw_normal = pins_per_side * 2;
+  } else if (sfp.rightside && sfp.bottompin) {
+    current_position_ccw_normal = pins_per_side * 2 + 1;
+  } else if (sfp.rightside && sfp.toppin) {
+    current_position_ccw_normal = pins_per_side * 3;
+  } else if (sfp.topside && sfp.rightpin) {
+    current_position_ccw_normal = pins_per_side * 3 + 1;
+  } else if (sfp.topside && sfp.leftpin) {
+    current_position_ccw_normal = pins_per_side * 4;
+  }
+  pin_map.push(-1);
+  for (let i = 0; i < num_pins; i++) {
+    pin_map[current_position_ccw_normal] = i + 1;
+    if (ccw || !cw) {
+      current_position_ccw_normal++;
+      if (current_position_ccw_normal > num_pins) {
+        current_position_ccw_normal = 1;
+      }
+    } else {
+      current_position_ccw_normal--;
+      if (current_position_ccw_normal < 1) {
+        current_position_ccw_normal = num_pins;
+      }
+    }
+  }
+  return pin_map;
+};
+
+// lib/qfn.tsx
 var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+var QFN = ({
+  num_pins = 16,
+  bodyWidth = 9,
+  bodyLength: bodyLength4 = 9,
+  bodyThickness = 0.8,
+  thermalPadSize,
+  padWidth = 0.25,
+  padLength = 0.25,
+  pitch = 0.5,
+  thermalPadThickness = 0.05
+}) => {
+  const pin_map = getQuadPinMap({
+    num_pins,
+    cw: true,
+    ccw: true
+  });
+  const pinPositions = [];
+  const spc = num_pins / 4;
+  for (let i = 0; i < num_pins; i++) {
+    const {
+      x,
+      y,
+      o: orientation
+    } = getQuadCoords({
+      pin_count: num_pins,
+      pn: i + 1,
+      w: bodyWidth,
+      h: bodyLength4,
+      p: pitch,
+      pl: padLength,
+      legsoutside: false
+    });
+    let pw = padWidth;
+    let pl = padLength;
+    if (orientation === "vert") {
+      ;
+      [pw, pl] = [pl, pw];
+    }
+    const pn = pin_map[i + 1];
+    pinPositions.push({ pn, x, y, pw, pl });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jscad_fiber11.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_jscad_fiber11.Cuboid,
+      {
+        center: { x: 0, y: 0, z: bodyThickness / 2 },
+        size: [bodyWidth, bodyLength4, bodyThickness]
+      }
+    ) }),
+    pinPositions.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_jscad_fiber11.Cuboid,
+      {
+        center: { x: p.x, y: p.y, z: 0 },
+        size: [p.pw, p.pl, thermalPadThickness]
+      },
+      i
+    )),
+    thermalPadSize?.length !== void 0 && thermalPadSize?.width !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_jscad_fiber11.Cuboid,
+      {
+        center: { x: 0, y: 0, z: 0 },
+        size: [
+          thermalPadSize.width,
+          thermalPadSize.length,
+          thermalPadThickness
+        ]
+      }
+    )
+  ] });
+};
+var qfn_default = QFN;
+
+// lib/Footprinter3d.tsx
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 var Footprinter3d = ({ footprint }) => {
   const fpJson = fp3.string(footprint).json();
   switch (fpJson.fn) {
     case "dip":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dip, { numPins: fpJson.num_pins, pitch: fpJson.p, bodyWidth: fpJson.w });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Dip, { numPins: fpJson.num_pins, pitch: fpJson.p, bodyWidth: fpJson.w });
     case "tssop":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Tssop,
         {
           pinCount: fpJson.num_pins,
@@ -78995,7 +79209,7 @@ var Footprinter3d = ({ footprint }) => {
         }
       );
     case "qfp":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         QFP,
         {
           pinCount: fpJson.num_pins,
@@ -79005,10 +79219,36 @@ var Footprinter3d = ({ footprint }) => {
           bodyWidth: fpJson.w
         }
       );
+    case "qfn":
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        qfn_default,
+        {
+          num_pins: fpJson.num_pins,
+          bodyWidth: fpJson.w,
+          bodyLength: fpJson.h,
+          pitch: fpJson.p,
+          padLength: fpJson.pl,
+          padWidth: fpJson.pw,
+          thermalPadSize: {
+            width: fpJson.thermalpad.x,
+            length: fpJson.thermalpad.y
+          }
+        }
+      );
     case "pinrow":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PinRow, { numberOfPins: fpJson.num_pins, pitch: fpJson.p });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PinRow, { numberOfPins: fpJson.num_pins, pitch: fpJson.p });
+    case "cap": {
+      switch (fpJson.imperial) {
+        case "0402":
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(A0402, { color: "#856c4d" });
+        case "0603":
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(A0603, { color: "#856c4d" });
+        case "0805":
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(A0805, { color: "#856c4d" });
+      }
+    }
     case "soic":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Tssop,
         {
           pinCount: fpJson.num_pins,
@@ -79021,17 +79261,17 @@ var Footprinter3d = ({ footprint }) => {
   }
   switch (fpJson.imperial) {
     case "0402":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0402, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(A0402, {});
     case "0603":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0603, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(A0603, {});
     case "0805":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(A0805, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(A0805, {});
   }
   return null;
 };
 
 // lib/SOT-23-3P.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
   const bodyWidth = 1.3;
   const bodyLength4 = 2.9;
@@ -79041,8 +79281,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_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
@@ -79059,7 +79299,7 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
       },
       1
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
@@ -79076,7 +79316,7 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
       },
       2
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       SmdChipLead,
       {
         position: {
@@ -79092,7 +79332,7 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
       },
       3
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ChipBody,
       {
         center: { x: 0, y: 0, z: 0 },
@@ -79105,8 +79345,8 @@ var SOT233P = ({ fullWidth = 2.9, fullLength: fullLength4 = 2.8 }) => {
 };
 
 // lib/SOT-563.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 SOT563 = ({ fullWidth = 1.94, fullLength: fullLength4 = 1.6 }) => {
   const bodyWidth = 1.2;
   const bodyLength4 = 1.6;
@@ -79116,24 +79356,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_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] }) }) }) }),
+  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, 0, bodyZOffset], 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, 0, 1].flatMap((yOffset, index) => [
       // Left lead
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_jscad_fiber11.Translate,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_jscad_fiber12.Translate,
         {
           center: [-bodyWidth / 2 - 0.03, yOffset * leadSpacing, 0],
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
         },
         `left-${index}`
       ),
       // Right lead
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_jscad_fiber11.Translate,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_jscad_fiber12.Translate,
         {
           center: [bodyWidth / 2 + 0.03, yOffset * leadSpacing, 0],
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber11.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jscad_fiber12.Cuboid, { size: [leadLength, leadWidth, leadHeight] })
         },
         `right-${index}`
       )
@@ -79142,8 +79382,8 @@ var SOT563 = ({ fullWidth = 1.94, fullLength: fullLength4 = 1.6 }) => {
 };
 
 // lib/SOT-723.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 getCcwSot723Coords = (pn) => {
   if (pn === 1) {
     return { x: 0, y: 0 };
@@ -79161,12 +79401,12 @@ var SOT723 = () => {
   const leadLength = 0.3;
   const leadHeight = 0.1;
   const centerLeadWidth = 0.42;
-  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] }) }) }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jscad_fiber13.Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jscad_fiber13.Translate, { center: [0.475, leadHeight / 2, -0.25], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jscad_fiber13.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jscad_fiber13.Cuboid, { size: [bodyWidth, bodyLength4, bodyHeight] }) }) }) }),
     [1, 2, 3].map((pn) => {
       const { x, y } = getCcwSot723Coords(pn);
-      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,
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jscad_fiber13.Translate, { center: [x, y, 0], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_jscad_fiber13.Cuboid,
         {
           size: [
             leadLength,
@@ -79179,35 +79419,6 @@ var SOT723 = () => {
   ] });
 };
 
-// lib/qfn.tsx
-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,
-  thermalPadSize = 2
-}) => {
-  const bodyWidth = fullWidth;
-  const bodyLength4 = fullWidth;
-  const thermalPadHeight = 0.1;
-  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_runtime18.jsx)(
-      import_jscad_fiber13.Cuboid,
-      {
-        center: { x: 0, y: 0, z: -thermalPadHeight / 2 },
-        size: [thermalPadSize, thermalPadSize, thermalPadHeight]
-      }
-    )
-  ] });
-};
-
 // lib/sod-123.tsx
 var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
 var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jscad-electronics",
   "type": "module",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "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"
   }
 }