jscad-electronics 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -25,13 +25,14 @@ interface ChipBodyProps {
     width: number;
     length: number;
     height: number;
+    heightAboveSurface?: number;
     center: {
         x: number;
         y: number;
         z: number;
     };
 }
-declare const ChipBody: ({ center, width, length, height }: ChipBodyProps) => react_jsx_runtime.JSX.Element;
+declare const ChipBody: ({ center, width, length, height, heightAboveSurface, }: ChipBodyProps) => react_jsx_runtime.JSX.Element;
 
 declare const ExtrudedPads: ({ soup, footprint, }: {
     soup?: AnySoupElement[];
@@ -85,11 +86,6 @@ interface SmdChipLeadProps {
  */
 declare const SmdChipLead: (props: SmdChipLeadProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tssop20: ({ pinCount, fullWidth, }: {
-    pinCount: number;
-    fullWidth?: number;
-}) => react_jsx_runtime.JSX.Element;
-
 declare const Tssop: ({ pinCount, fullWidth, }: {
     pinCount: number;
     fullWidth?: number;
@@ -110,4 +106,4 @@ declare const SOD123: ({ fullWidth, fullLength }: {
     fullLength?: number | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-export { A0402, A0603, A0805, BGA, ChipBody, type ChipBodyProps, ExtrudedPads, FootprintPad, FootprintPlatedHole, Footprinter3d, QFN, QFP, SOD123, SOT233P, SOT563, SOT723, SmdChipLead, type SmdChipLeadProps, Tssop, Tssop20 };
+export { A0402, A0603, A0805, BGA, ChipBody, type ChipBodyProps, ExtrudedPads, FootprintPad, FootprintPlatedHole, Footprinter3d, QFN, QFP, SOD123, SOT233P, SOT563, SOT723, SmdChipLead, type SmdChipLeadProps, Tssop };

package/dist/index.js

@@ -23704,10 +23704,10 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx20 = jsxWithValidationDynamic;
+        var jsx19 = jsxWithValidationDynamic;
         var jsxs14 = jsxWithValidationStatic;
         exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = jsx20;
+        exports.jsx = jsx19;
         exports.jsxs = jsxs14;
       })();
     }
@@ -24109,168 +24109,11 @@ var require_color_string = __commonJS({
   }
 });
 
-// node_modules/color/node_modules/color-name/index.js
-var require_color_name2 = __commonJS({
-  "node_modules/color/node_modules/color-name/index.js"(exports, module) {
-    "use strict";
-    module.exports = {
-      "aliceblue": [240, 248, 255],
-      "antiquewhite": [250, 235, 215],
-      "aqua": [0, 255, 255],
-      "aquamarine": [127, 255, 212],
-      "azure": [240, 255, 255],
-      "beige": [245, 245, 220],
-      "bisque": [255, 228, 196],
-      "black": [0, 0, 0],
-      "blanchedalmond": [255, 235, 205],
-      "blue": [0, 0, 255],
-      "blueviolet": [138, 43, 226],
-      "brown": [165, 42, 42],
-      "burlywood": [222, 184, 135],
-      "cadetblue": [95, 158, 160],
-      "chartreuse": [127, 255, 0],
-      "chocolate": [210, 105, 30],
-      "coral": [255, 127, 80],
-      "cornflowerblue": [100, 149, 237],
-      "cornsilk": [255, 248, 220],
-      "crimson": [220, 20, 60],
-      "cyan": [0, 255, 255],
-      "darkblue": [0, 0, 139],
-      "darkcyan": [0, 139, 139],
-      "darkgoldenrod": [184, 134, 11],
-      "darkgray": [169, 169, 169],
-      "darkgreen": [0, 100, 0],
-      "darkgrey": [169, 169, 169],
-      "darkkhaki": [189, 183, 107],
-      "darkmagenta": [139, 0, 139],
-      "darkolivegreen": [85, 107, 47],
-      "darkorange": [255, 140, 0],
-      "darkorchid": [153, 50, 204],
-      "darkred": [139, 0, 0],
-      "darksalmon": [233, 150, 122],
-      "darkseagreen": [143, 188, 143],
-      "darkslateblue": [72, 61, 139],
-      "darkslategray": [47, 79, 79],
-      "darkslategrey": [47, 79, 79],
-      "darkturquoise": [0, 206, 209],
-      "darkviolet": [148, 0, 211],
-      "deeppink": [255, 20, 147],
-      "deepskyblue": [0, 191, 255],
-      "dimgray": [105, 105, 105],
-      "dimgrey": [105, 105, 105],
-      "dodgerblue": [30, 144, 255],
-      "firebrick": [178, 34, 34],
-      "floralwhite": [255, 250, 240],
-      "forestgreen": [34, 139, 34],
-      "fuchsia": [255, 0, 255],
-      "gainsboro": [220, 220, 220],
-      "ghostwhite": [248, 248, 255],
-      "gold": [255, 215, 0],
-      "goldenrod": [218, 165, 32],
-      "gray": [128, 128, 128],
-      "green": [0, 128, 0],
-      "greenyellow": [173, 255, 47],
-      "grey": [128, 128, 128],
-      "honeydew": [240, 255, 240],
-      "hotpink": [255, 105, 180],
-      "indianred": [205, 92, 92],
-      "indigo": [75, 0, 130],
-      "ivory": [255, 255, 240],
-      "khaki": [240, 230, 140],
-      "lavender": [230, 230, 250],
-      "lavenderblush": [255, 240, 245],
-      "lawngreen": [124, 252, 0],
-      "lemonchiffon": [255, 250, 205],
-      "lightblue": [173, 216, 230],
-      "lightcoral": [240, 128, 128],
-      "lightcyan": [224, 255, 255],
-      "lightgoldenrodyellow": [250, 250, 210],
-      "lightgray": [211, 211, 211],
-      "lightgreen": [144, 238, 144],
-      "lightgrey": [211, 211, 211],
-      "lightpink": [255, 182, 193],
-      "lightsalmon": [255, 160, 122],
-      "lightseagreen": [32, 178, 170],
-      "lightskyblue": [135, 206, 250],
-      "lightslategray": [119, 136, 153],
-      "lightslategrey": [119, 136, 153],
-      "lightsteelblue": [176, 196, 222],
-      "lightyellow": [255, 255, 224],
-      "lime": [0, 255, 0],
-      "limegreen": [50, 205, 50],
-      "linen": [250, 240, 230],
-      "magenta": [255, 0, 255],
-      "maroon": [128, 0, 0],
-      "mediumaquamarine": [102, 205, 170],
-      "mediumblue": [0, 0, 205],
-      "mediumorchid": [186, 85, 211],
-      "mediumpurple": [147, 112, 219],
-      "mediumseagreen": [60, 179, 113],
-      "mediumslateblue": [123, 104, 238],
-      "mediumspringgreen": [0, 250, 154],
-      "mediumturquoise": [72, 209, 204],
-      "mediumvioletred": [199, 21, 133],
-      "midnightblue": [25, 25, 112],
-      "mintcream": [245, 255, 250],
-      "mistyrose": [255, 228, 225],
-      "moccasin": [255, 228, 181],
-      "navajowhite": [255, 222, 173],
-      "navy": [0, 0, 128],
-      "oldlace": [253, 245, 230],
-      "olive": [128, 128, 0],
-      "olivedrab": [107, 142, 35],
-      "orange": [255, 165, 0],
-      "orangered": [255, 69, 0],
-      "orchid": [218, 112, 214],
-      "palegoldenrod": [238, 232, 170],
-      "palegreen": [152, 251, 152],
-      "paleturquoise": [175, 238, 238],
-      "palevioletred": [219, 112, 147],
-      "papayawhip": [255, 239, 213],
-      "peachpuff": [255, 218, 185],
-      "peru": [205, 133, 63],
-      "pink": [255, 192, 203],
-      "plum": [221, 160, 221],
-      "powderblue": [176, 224, 230],
-      "purple": [128, 0, 128],
-      "rebeccapurple": [102, 51, 153],
-      "red": [255, 0, 0],
-      "rosybrown": [188, 143, 143],
-      "royalblue": [65, 105, 225],
-      "saddlebrown": [139, 69, 19],
-      "salmon": [250, 128, 114],
-      "sandybrown": [244, 164, 96],
-      "seagreen": [46, 139, 87],
-      "seashell": [255, 245, 238],
-      "sienna": [160, 82, 45],
-      "silver": [192, 192, 192],
-      "skyblue": [135, 206, 235],
-      "slateblue": [106, 90, 205],
-      "slategray": [112, 128, 144],
-      "slategrey": [112, 128, 144],
-      "snow": [255, 250, 250],
-      "springgreen": [0, 255, 127],
-      "steelblue": [70, 130, 180],
-      "tan": [210, 180, 140],
-      "teal": [0, 128, 128],
-      "thistle": [216, 191, 216],
-      "tomato": [255, 99, 71],
-      "turquoise": [64, 224, 208],
-      "violet": [238, 130, 238],
-      "wheat": [245, 222, 179],
-      "white": [255, 255, 255],
-      "whitesmoke": [245, 245, 245],
-      "yellow": [255, 255, 0],
-      "yellowgreen": [154, 205, 50]
-    };
-  }
-});
-
-// node_modules/color/node_modules/color-convert/conversions.js
+// node_modules/color-convert/conversions.js
 var require_conversions = __commonJS({
-  "node_modules/color/node_modules/color-convert/conversions.js"(exports, module) {
+  "node_modules/color-convert/conversions.js"(exports, module) {
     "use strict";
-    var cssKeywords = require_color_name2();
+    var cssKeywords = require_color_name();
     var reverseKeywords = {};
     for (const key of Object.keys(cssKeywords)) {
       reverseKeywords[cssKeywords[key]] = key;
@@ -24938,9 +24781,9 @@ var require_conversions = __commonJS({
   }
 });
 
-// node_modules/color/node_modules/color-convert/route.js
+// node_modules/color-convert/route.js
 var require_route = __commonJS({
-  "node_modules/color/node_modules/color-convert/route.js"(exports, module) {
+  "node_modules/color-convert/route.js"(exports, module) {
     "use strict";
     var conversions = require_conversions();
     function buildGraph() {
@@ -25009,9 +24852,9 @@ var require_route = __commonJS({
   }
 });
 
-// node_modules/color/node_modules/color-convert/index.js
+// node_modules/color-convert/index.js
 var require_color_convert = __commonJS({
-  "node_modules/color/node_modules/color-convert/index.js"(exports, module) {
+  "node_modules/color-convert/index.js"(exports, module) {
     "use strict";
     var conversions = require_conversions();
     var route = require_route();
@@ -39343,8 +39186,8 @@ var require_three = __commonJS({
     function randFloat2(low, high) {
       return low + Math.random() * (high - low);
     }
-    function randFloatSpread2(range) {
-      return range * (0.5 - Math.random());
+    function randFloatSpread2(range2) {
+      return range2 * (0.5 - Math.random());
     }
     function seededRandom2(s) {
       if (s !== void 0) _seed2 = s;
@@ -47221,26 +47064,26 @@ var require_three = __commonJS({
           let mergeIndex = 0;
           for (let i = 1; i < updateRanges.length; i++) {
             const previousRange = updateRanges[mergeIndex];
-            const range = updateRanges[i];
-            if (range.start <= previousRange.start + previousRange.count + 1) {
+            const range2 = updateRanges[i];
+            if (range2.start <= previousRange.start + previousRange.count + 1) {
               previousRange.count = Math.max(
                 previousRange.count,
-                range.start + range.count - previousRange.start
+                range2.start + range2.count - previousRange.start
               );
             } else {
               ++mergeIndex;
-              updateRanges[mergeIndex] = range;
+              updateRanges[mergeIndex] = range2;
             }
           }
           updateRanges.length = mergeIndex + 1;
           for (let i = 0, l = updateRanges.length; i < l; i++) {
-            const range = updateRanges[i];
+            const range2 = updateRanges[i];
             gl.bufferSubData(
               bufferType,
-              range.start * array.BYTES_PER_ELEMENT,
+              range2.start * array.BYTES_PER_ELEMENT,
               array,
-              range.start,
-              range.count
+              range2.start,
+              range2.count
             );
           }
           attribute.clearUpdateRanges();
@@ -59172,8 +59015,8 @@ void main() {
         this.sortObjects = source.sortObjects;
         this.boundingBox = source.boundingBox !== null ? source.boundingBox.clone() : null;
         this.boundingSphere = source.boundingSphere !== null ? source.boundingSphere.clone() : null;
-        this._drawRanges = source._drawRanges.map((range) => ({ ...range }));
-        this._reservedRanges = source._reservedRanges.map((range) => ({ ...range }));
+        this._drawRanges = source._drawRanges.map((range2) => ({ ...range2 }));
+        this._reservedRanges = source._reservedRanges.map((range2) => ({ ...range2 }));
         this._drawInfo = source._drawInfo.map((inf) => ({ ...inf }));
         this._bounds = source._bounds.map((bound) => ({
           boxInitialized: bound.boxInitialized,
@@ -59274,9 +59117,9 @@ void main() {
                 culled = !_frustum.intersectsSphere(_sphere$2);
               }
               if (!culled) {
-                const range = drawRanges[geometryId];
-                multiDrawStarts[count] = range.start * bytesPerElement;
-                multiDrawCounts[count] = range.count;
+                const range2 = drawRanges[geometryId];
+                multiDrawStarts[count] = range2.start * bytesPerElement;
+                multiDrawCounts[count] = range2.count;
                 indirectArray[count] = i;
                 count++;
               }
@@ -70463,8 +70306,8 @@ function randInt(low, high) {
 function randFloat(low, high) {
   return low + Math.random() * (high - low);
 }
-function randFloatSpread(range) {
-  return range * (0.5 - Math.random());
+function randFloatSpread(range2) {
+  return range2 * (0.5 - Math.random());
 }
 function seededRandom(s) {
   if (s !== void 0) _seed = s;
@@ -77477,8 +77320,8 @@ var require_dist = __commonJS({
       RoundedCylinder: () => RoundedCylinder,
       Sphere: () => Sphere2,
       Torus: () => Torus,
-      Translate: () => Translate9,
-      Union: () => Union2,
+      Translate: () => Translate10,
+      Union: () => Union3,
       convertCSGToThreeGeom: () => convertCSGToThreeGeom,
       createJSCADRenderer: () => createJSCADRenderer,
       normalizePointToArray: () => normalizePointToArray,
@@ -77801,9 +77644,9 @@ var require_dist = __commonJS({
       };
       return hostConfig2;
     }
-    var import_jsx_runtime20 = require_jsx_runtime();
+    var import_jsx_runtime19 = require_jsx_runtime();
     function Circle({ radius }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { radius });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("circle", { radius });
     }
     var import_color = __toESM2(require_color(), 1);
     var import_jsx_runtime22 = require_jsx_runtime();
@@ -77833,7 +77676,7 @@ var require_dist = __commonJS({
       }
       return [point.x, point.y, point.z];
     };
-    function Translate9({
+    function Translate10({
       offset,
       center,
       x,
@@ -77857,7 +77700,7 @@ var require_dist = __commonJS({
         if (!center && !offset) {
           return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WrappedComponent, { ...restProps });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Translate9, { offset: center || offset, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WrappedComponent, { ...restProps }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Translate10, { offset: center || offset, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WrappedComponent, { ...restProps }) });
       };
       WithOffset.displayName = `WithOffset(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
       return WithOffset;
@@ -77992,9 +77835,9 @@ var require_dist = __commonJS({
     function Polygon3({ points }) {
       return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("jscadPolygon", { points });
     }
-    var import_jsx_runtime202 = require_jsx_runtime();
+    var import_jsx_runtime20 = require_jsx_runtime();
     function Project({ axis, origin, children }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("project", { axis, origin, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("project", { axis, origin, children });
     }
     var import_jsx_runtime21 = require_jsx_runtime();
     function Rectangle({ size }) {
@@ -78088,7 +77931,7 @@ var require_dist = __commonJS({
     };
     var Torus = withOffsetProp(withColorProp(TorusBase));
     var import_jsx_runtime27 = require_jsx_runtime();
-    function Union2({ children }) {
+    function Union3({ children }) {
       return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("union", { children });
     }
     var jscad = __toESM2(require_src(), 1);
@@ -78219,6 +78062,9 @@ var require_dist = __commonJS({
           scene.add(directionalLight3);
           const gridHelper = new THREE.GridHelper(100, 100);
           gridHelper.visible = showGrid;
+          if (zAxisUp) {
+            gridHelper.rotation.x = -Math.PI / 2;
+          }
           scene.add(gridHelper);
           gridRef.current = gridHelper;
           for (const csg of jscadGeoms) {
@@ -78389,8 +78235,8 @@ var A0402 = () => {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_jscad_fiber.Cuboid,
       {
-        size: [bodyLength, height, width],
-        offset: [0, height / 2, 0],
+        size: [bodyLength, width, height],
+        offset: [0, 0, height / 2],
         color: "#333"
       }
     ),
@@ -78398,7 +78244,7 @@ var A0402 = () => {
       import_jscad_fiber.Cuboid,
       {
         size: [terminatorWidth, height, width],
-        offset: [fullLength / 2 - terminatorWidth / 2, height / 2, 0],
+        offset: [fullLength / 2 - terminatorWidth / 2, 0, height / 2],
         color: "#ccc"
       }
     ),
@@ -78406,7 +78252,7 @@ var A0402 = () => {
       import_jscad_fiber.Cuboid,
       {
         size: [terminatorWidth, height, width],
-        offset: [-fullLength / 2 + terminatorWidth / 2, height / 2, 0],
+        offset: [-fullLength / 2 + terminatorWidth / 2, 0, height / 2],
         color: "#ccc"
       }
     )
@@ -78426,24 +78272,24 @@ var A0603 = () => {
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_jscad_fiber2.Cuboid,
       {
-        size: [bodyLength2, height2, width2],
-        offset: [0, height2 / 2, 0],
+        size: [bodyLength2, width2, height2],
+        offset: [0, 0, height2 / 2],
         color: "#333"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_jscad_fiber2.Cuboid,
       {
-        size: [terminatorLength, height2, width2],
-        offset: [fullLength2 / 2 - terminatorLength / 2, height2 / 2, 0],
+        size: [terminatorLength, width2, height2],
+        offset: [fullLength2 / 2 - terminatorLength / 2, 0, height2 / 2],
         color: "#ccc"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_jscad_fiber2.Cuboid,
       {
-        size: [terminatorLength, height2, width2],
-        offset: [-fullLength2 / 2 + terminatorLength / 2, height2 / 2, 0],
+        size: [terminatorLength, width2, height2],
+        offset: [-fullLength2 / 2 + terminatorLength / 2, 0, height2 / 2],
         color: "#ccc"
       }
     )
@@ -78463,24 +78309,24 @@ var A0805 = () => {
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_jscad_fiber3.Cuboid,
       {
-        size: [bodyLength3, height3, width3],
-        offset: [0, height3 / 2, 0],
+        size: [bodyLength3, width3, height3],
+        offset: [0, 0, height3 / 2],
         color: "#333"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_jscad_fiber3.Cuboid,
       {
-        size: [terminatorWidth2, height3, width3],
-        offset: [fullLength3 / 2 - terminatorWidth2 / 2, height3 / 2, 0],
+        size: [terminatorWidth2, width3, height3],
+        offset: [fullLength3 / 2 - terminatorWidth2 / 2, 0, height3 / 2],
         color: "#ccc"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_jscad_fiber3.Cuboid,
       {
-        size: [terminatorWidth2, height3, width3],
-        offset: [-fullLength3 / 2 + terminatorWidth2 / 2, height3 / 2, 0],
+        size: [terminatorWidth2, width3, height3],
+        offset: [-fullLength3 / 2 + terminatorWidth2 / 2, 0, height3 / 2],
         color: "#ccc"
       }
     )
@@ -78513,12 +78359,7 @@ var BGA = ({
     return result.soup();
   }, [footprintString]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jscad_fiber4.Translate, { z: bodyOffset, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jscad_fiber4.Colorize, { color: "#555", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_jscad_fiber4.Cuboid,
-      {
-        size: [packageWidth, packageLength, bodyHeight]
-      }
-    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jscad_fiber4.Translate, { z: bodyOffset, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jscad_fiber4.Colorize, { color: "#555", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jscad_fiber4.Cuboid, { size: [packageWidth, packageLength, bodyHeight] }) }) }),
     !footprintString && Array.from({ length: ballRows * ballColumns }).map((_, index) => {
       if (missingBalls.includes(index + 1)) return null;
       const row = Math.floor(index / ballColumns);
@@ -78539,8 +78380,14 @@ var BGA = ({
 // lib/ChipBody.tsx
 var import_jscad_fiber5 = __toESM(require_dist(), 1);
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
-var ChipBody = ({ center, width: width4, length, height: height4 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.Colorize, { color: "#555", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.Translate, { offset: center, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.Translate, { offset: { x: 0, y: height4 / 2 + 0.15, z: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.RoundedCuboid, { roundRadius: 0.2, size: [width4, height4, length] }) }) }) });
+var ChipBody = ({
+  center,
+  width: width4,
+  length,
+  height: height4,
+  heightAboveSurface = 0.15
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.Colorize, { color: "#555", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.Translate, { offset: center, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.Translate, { offset: { x: 0, y: 0, z: height4 / 2 + heightAboveSurface }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jscad_fiber5.RoundedCuboid, { roundRadius: 0.2, size: [width4, length, height4] }) }) }) });
 };
 
 // lib/ExtrudedPads.tsx
@@ -78562,7 +78409,7 @@ var import_jscad_fiber7 = __toESM(require_dist(), 1);
 var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
 var FootprintPlatedHole = ({ hole }) => {
   if (hole.shape === "circle") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jscad_fiber7.Colorize, { color: [255, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jscad_fiber7.Translate, { offset: [hole.x, 0, hole.y], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jscad_fiber7.Cylinder, { radius: hole.outer_diameter, height: 0.01 }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jscad_fiber7.Colorize, { color: [255, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jscad_fiber7.Translate, { offset: [hole.x, hole.y, 0], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jscad_fiber7.Cylinder, { radius: hole.outer_diameter, height: 0.01 }) }) });
   }
   throw new Error("Shape not supported: " + hole.shape);
 };
@@ -78592,27 +78439,11 @@ var ExtrudedPads = ({
 // lib/Footprinter3d.tsx
 import { fp as fp3 } from "@tscircuit/footprinter";
 
-// lib/Dip.tsx
+// lib/DualInlinePackage.tsx
 var import_jscad_fiber8 = __toESM(require_dist(), 1);
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
-var Dip = ({ numPins = 8 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.ExtrudeLinear, { height: 10, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_jscad_fiber8.Polygon,
-    {
-      points: [
-        [0, 0],
-        [1, 2],
-        [5, 2],
-        [6, 0],
-        [5, -2],
-        [1, -2]
-      ]
-    }
-  ) });
-};
 
-// lib/SmdChipLead.tsx
-var import_jscad_fiber9 = __toESM(require_dist(), 1);
+// lib/utils/range.ts
+var range = (end) => Array.from({ length: end }, (_, i) => i);
 
 // lib/utils/getExpandedStroke.ts
 function getExpandedStroke(strokeInput, width4) {
@@ -78673,7 +78504,97 @@ function getExpandedStroke(strokeInput, width4) {
   return [...leftSide, ...rightSide];
 }
 
+// lib/DualInlinePackage.tsx
+var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+var normalizeOnY = (points) => {
+  const minX = Math.min(...points.map((p) => p.x));
+  const maxX = Math.max(...points.map((p) => p.x));
+  const minY = Math.min(...points.map((p) => p.y));
+  const maxY = Math.max(...points.map((p) => p.y));
+  const height4 = maxY - minY;
+  const factor = 5.47 / height4;
+  return points.map((p) => ({
+    x: (p.x - minX - (maxX - minX) / 2) * factor,
+    y: (p.y - minY) * factor
+  }));
+};
+var svgPathPoints = normalizeOnY([
+  { x: 20, y: 105 },
+  { x: 20, y: 109 },
+  { x: 20, y: 102 },
+  { x: 26, y: 102 },
+  { x: 26, y: 109 },
+  { x: 24, y: 111 },
+  { x: 24, y: 118 },
+  { x: 22, y: 118 },
+  { x: 22, y: 111 },
+  { x: 20, y: 109 }
+]);
+var DipPinLeg = ({ x, y, z }) => {
+  const isRotated = x > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.Translate, { offset: { x: x + 0.25 / 2, y, z }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.Rotate, { rotation: ["-90deg", 0, "90deg"], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.ExtrudeLinear, { height: 0.25, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.Polygon, { points: svgPathPoints.map((p) => [p.x, p.y]) }) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_jscad_fiber8.Translate,
+      {
+        offset: {
+          x,
+          y: y + (isRotated ? 1 : -1),
+          z
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.Rotate, { rotation: ["-90deg", "90deg", isRotated ? "180deg" : "0deg"], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jscad_fiber8.ExtrudeLinear, { height: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_jscad_fiber8.Polygon,
+          {
+            points: getExpandedStroke(
+              [
+                [0, 0],
+                [-1, 0],
+                [-1, -1]
+              ],
+              0.25
+            ).map((p) => [p.x, p.y])
+          }
+        ) }) })
+      }
+    )
+  ] });
+};
+var Dip = ({
+  numPins = 8,
+  pitch = 2.54,
+  bodyWidth = 6.4
+}) => {
+  const numPinsOnEachSide = Math.floor(numPins / 2);
+  const crossBodyPinWidth = bodyWidth + 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    range(numPins).map((i) => {
+      const yRow = i % numPinsOnEachSide;
+      const xRow = (Math.floor(i / numPinsOnEachSide) - 0.5) * 2;
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        DipPinLeg,
+        {
+          x: xRow * crossBodyPinWidth / 2,
+          y: yRow * pitch - (numPinsOnEachSide - 1) / 2 * pitch,
+          z: 5.47 / 2
+        },
+        i
+      );
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      ChipBody,
+      {
+        width: bodyWidth,
+        length: 10 / 4 * numPinsOnEachSide,
+        height: 5.1 - 0.5,
+        heightAboveSurface: 0.5,
+        center: { x: 0, y: 0, z: 0 }
+      }
+    )
+  ] });
+};
+
 // lib/SmdChipLead.tsx
+var import_jscad_fiber9 = __toESM(require_dist(), 1);
 var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
 function calculateSCurve(x, {
   height: height4,
@@ -78700,7 +78621,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__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Colorize, { color: "#fff", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Translate, { offset: { z: 0, y: 0, x: 0, ...props.position }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Rotate, { rotation: [0, rotation ?? 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Translate, { offset: { x: 0, y: 0, z: -width4 / 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.ExtrudeLinear, { height: width4, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Polygon, { points: polygon.map((p) => [p.x, p.y]) }) }) }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Colorize, { color: "#fff", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Translate, { offset: { z: 0, y: 0, x: 0, ...props.position }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Rotate, { rotation: ["90deg", 0, rotation ?? 0], children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Translate, { offset: { x: 0, y: 0, z: -width4 / 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.ExtrudeLinear, { height: width4, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jscad_fiber9.Polygon, { points: polygon.map((p) => [p.x, p.y]) }) }) }) }) }) });
 };
 
 // lib/Tssop.tsx
@@ -78718,8 +78639,8 @@ var Tssop = ({
       {
         position: {
           x: -fullWidth / 2,
-          y: 0,
-          z: i * 1.27 - pinOffsetToCenter
+          y: i * 1.27 - pinOffsetToCenter,
+          z: 0
         },
         width: 0.25,
         thickness: 0.15,
@@ -78733,7 +78654,7 @@ var Tssop = ({
       SmdChipLead,
       {
         rotation: Math.PI,
-        position: { x: fullWidth / 2, y: 0, z: i * 1.27 - pinOffsetToCenter },
+        position: { x: fullWidth / 2, y: i * 1.27 - pinOffsetToCenter, z: 0 },
         width: 0.25,
         thickness: 0.15,
         padContactLength: 0.6,
@@ -78763,6 +78684,16 @@ var Footprinter3d = ({ footprint }) => {
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dip, { numPins: fpJson.num_pins });
     case "tssop":
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tssop, { pinCount: fpJson.num_pins });
+    case "soic":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tssop, { pinCount: fpJson.num_pins });
+  }
+  switch (fpJson.imperial) {
+    case "0402":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(A0402, {});
+    case "0603":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(A0603, {});
+    case "0805":
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(A0805, {});
   }
   return null;
 };
@@ -78905,76 +78836,23 @@ var SOT723 = () => {
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Rotate, { rotation: [90 / 180 * Math.PI, 0, 0], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Translate, { center: [0.475, leadHeight / 2, 0], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Cuboid, { size: [bodyWidth - 0.5, bodyLength4, bodyHeight] }) }) }) }),
     [1, 2, 3].map((pn) => {
       const { x, y } = getCcwSot723Coords(pn);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Translate, { center: [x, 0, y], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Cuboid, { size: [
-        pn === 1 ? centerLeadWidth : leadWidth,
-        leadHeight,
-        leadLength
-      ] }) }, `lead-${pn}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jscad_fiber11.Translate, { center: [x, 0, y], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_jscad_fiber11.Cuboid,
+        {
+          size: [
+            pn === 1 ? centerLeadWidth : leadWidth,
+            leadHeight,
+            leadLength
+          ]
+        }
+      ) }, `lead-${pn}`);
     })
   ] });
 };
 
-// lib/TSSOP-20.tsx
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
-var Tssop20 = ({
-  pinCount,
-  fullWidth = 6.5
-}) => {
-  const sidePinCount = Math.ceil(pinCount / 2);
-  const pitch = 0.65;
-  const fullLength4 = (sidePinCount + 0.75) * pitch;
-  const pinOffsetToCenter = (sidePinCount - 1) * pitch / 2;
-  const bodyWidth = 4.5;
-  const bodyDistance = (fullWidth - bodyWidth) / 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      SmdChipLead,
-      {
-        position: {
-          x: -fullWidth / 2 - 0.3,
-          y: 0,
-          z: i * pitch - pinOffsetToCenter
-        },
-        width: 0.25,
-        thickness: 0.15,
-        padContactLength: 0.6,
-        bodyDistance,
-        height: 0.8
-      },
-      `left-${i}`
-    )),
-    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      SmdChipLead,
-      {
-        rotation: Math.PI,
-        position: {
-          x: fullWidth / 2 + 0.3,
-          y: 0,
-          z: i * pitch - pinOffsetToCenter
-        },
-        width: 0.25,
-        thickness: 0.15,
-        padContactLength: 0.6,
-        bodyDistance,
-        height: 0.8
-      },
-      `right-${i}`
-    )),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      ChipBody,
-      {
-        center: { x: 0, y: 0.4 / 2, z: 0 },
-        width: bodyWidth + 0.7,
-        length: fullLength4,
-        height: 1.2
-      }
-    )
-  ] });
-};
-
 // lib/qfn.tsx
 var import_jscad_fiber12 = __toESM(require_dist(), 1);
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var QFN = ({
   fullWidth = 5,
   height: height4 = 0.8,
@@ -78983,15 +78861,15 @@ 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jscad_fiber12.Colorize, { color: "grey", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_jscad_fiber12.Cuboid,
       {
         center: { x: 0, y: 0, z: height4 / 2 },
         size: [bodyWidth, bodyLength4, height4]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_jscad_fiber12.Cuboid,
       {
         center: { x: 0, y: 0, z: -thermalPadHeight / 2 },
@@ -79002,7 +78880,7 @@ var QFN = ({
 };
 
 // lib/qfp.tsx
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
 var QFP = ({
   pinCount
 }) => {
@@ -79018,14 +78896,14 @@ var QFP = ({
   const leadThickness = 0.15;
   const padContactLength = 0.6;
   const bodyDistance = (fullWidth - bodyWidth) / 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       SmdChipLead,
       {
         position: {
           x: -fullWidth / 2,
-          y: 0,
-          z: i * pinSpacing - pinOffsetToCenter
+          y: i * pinSpacing - pinOffsetToCenter,
+          z: 0
         },
         width: leadWidth,
         thickness: leadThickness,
@@ -79035,14 +78913,14 @@ var QFP = ({
       },
       `left-${i}`
     )),
-    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
         position: {
           x: fullWidth / 2,
-          y: 0,
-          z: i * pinSpacing - pinOffsetToCenter
+          y: i * pinSpacing - pinOffsetToCenter,
+          z: 0
         },
         width: leadWidth,
         thickness: leadThickness,
@@ -79052,14 +78930,14 @@ var QFP = ({
       },
       `right-${i}`
     )),
-    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       SmdChipLead,
       {
-        rotation: -5 * Math.PI / 2,
+        rotation: Math.PI / 2,
         position: {
           x: i * pinSpacing - pinOffsetToCenter,
-          y: 0,
-          z: -fullLength4 / 2
+          y: -fullLength4 / 2,
+          z: 0
         },
         width: leadWidth,
         thickness: leadThickness,
@@ -79069,14 +78947,14 @@ var QFP = ({
       },
       `bottom-${i}`
     )),
-    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       SmdChipLead,
       {
-        rotation: 5 * Math.PI / 2,
+        rotation: -Math.PI / 2,
         position: {
           x: i * pinSpacing - pinOffsetToCenter,
-          y: 0,
-          z: fullLength4 / 2
+          y: fullLength4 / 2,
+          z: 0
         },
         width: leadWidth,
         thickness: leadThickness,
@@ -79086,10 +78964,10 @@ var QFP = ({
       },
       `top-${i}`
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ChipBody,
       {
-        center: { x: 0, y: leadHeight / 2, z: 0 },
+        center: { x: 0, y: 0, z: leadHeight / 2 },
         width: bodyWidth,
         length: bodyLength4,
         height: 1.5
@@ -79099,7 +78977,7 @@ var QFP = ({
 };
 
 // lib/sod-123.tsx
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
   const bodyWidth = 2.9;
   const bodyLength4 = 1.3;
@@ -79111,8 +78989,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_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SmdChipLead,
       {
         position: {
@@ -79128,7 +79006,7 @@ var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
       },
       1
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SmdChipLead,
       {
         rotation: Math.PI,
@@ -79145,7 +79023,7 @@ var SOD123 = ({ fullWidth = 3.8, fullLength: fullLength4 = 1.6 }) => {
       },
       2
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ChipBody,
       {
         center: { x: 0, y: bodyYOffset, z: 0 },
@@ -79173,8 +79051,7 @@ export {
   SOT563,
   SOT723,
   SmdChipLead,
-  Tssop,
-  Tssop20
+  Tssop
 };
 /*! Bundled license information:
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jscad-electronics",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "./dist/index.js",
   "repository": {
     "type": "git",
@@ -13,13 +13,17 @@
   "scripts": {
     "start": "cosmos",
     "build": "tsup ./lib/index.ts --dts --format esm",
+    "vercel-build": "bun run build:site",
+    "format": "biome format --write .",
+    "format:check": "biome format .",
     "build:site": "cosmos-export"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",
     "@tscircuit/soup": "^0.0.41",
-    "@types/react": "^18.3.3",
-    "jscad-fiber": "^0.0.63",
+    "@types/react": "^18.3.10",
+    "@types/react-dom": "^18.3.0",
+    "jscad-fiber": "^0.0.64",
     "react": "^18.3.1",
     "react-cosmos": "^6.1.1",
     "react-cosmos-plugin-vite": "^6.1.1",