@tscircuit/3d-viewer 0.0.430 → 0.0.432

package/dist/index.js

@@ -14228,7 +14228,7 @@ var require_browser = __commonJS({
 });
 
 // src/CadViewer.tsx
-import { useState as useState33, useCallback as useCallback20, useRef as useRef22, useEffect as useEffect39 } from "react";
+import { useState as useState33, useCallback as useCallback20, useRef as useRef23, useEffect as useEffect39 } from "react";
 
 // src/CadViewerJscad.tsx
 import { su as su4 } from "@tscircuit/circuit-json-util";
@@ -15959,6 +15959,8 @@ var pcb_component = z69.object({
   do_not_place: z69.boolean().optional(),
   subcircuit_id: z69.string().optional(),
   pcb_group_id: z69.string().optional(),
+  position_mode: z69.enum(["packed", "relative_to_group_anchor", "none"]).optional(),
+  positioned_relative_to_pcb_group_id: z69.string().optional(),
   obstructs_within_bounds: z69.boolean().default(true).describe(
     "Does this component take up all the space within its bounds on a layer. This is generally true except for when separated pin headers are being represented by a single component (in which case, chips can be placed between the pin headers) or for tall modules where chips fit underneath"
   )
@@ -16488,12 +16490,13 @@ var pcb_board = z83.object({
   pcb_panel_id: z83.string().optional(),
   is_subcircuit: z83.boolean().optional(),
   subcircuit_id: z83.string().optional(),
-  width: length,
-  height: length,
+  width: length.optional(),
+  height: length.optional(),
   center: point,
   thickness: length.optional().default(1.4),
   num_layers: z83.number().optional().default(4),
   outline: z83.array(point).optional(),
+  shape: z83.enum(["rect", "polygon"]).optional(),
   material: z83.enum(["fr4", "fr1"]).default("fr4")
 }).describe("Defines the board outline of the PCB");
 expectTypesMatch(true);
@@ -16939,6 +16942,7 @@ var pcb_group = z109.object({
   anchor_position: point.optional(),
   anchor_alignment: z109.enum(["center", "top_left", "top_right", "bottom_left", "bottom_right"]).optional(),
   pcb_component_ids: z109.array(z109.string()),
+  child_layout_mode: z109.enum(["packed", "none"]).optional(),
   name: z109.string().optional(),
   description: z109.string().optional(),
   layout_mode: z109.string().optional(),
@@ -24576,6 +24580,7 @@ var Hull = Symbol("Hull");
 var Colorize = Symbol("Colorize");
 var Polygon = Symbol("Polygon");
 var ExtrudeLinear = Symbol("ExtrudeLinear");
+var RoundedCylinder = Symbol("RoundedCylinder");
 var Fragment22 = Fragment2;
 var jsx5 = (type, props, _key) => h(type, props);
 var jsxs = (type, props, _key) => h(type, props);
@@ -24584,31 +24589,68 @@ var ChipBody = ({
   width: width10,
   length: length2,
   height: height10,
-  heightAboveSurface: heightAboveSurface2 = 0.15
+  heightAboveSurface: heightAboveSurface2 = 0.15,
+  color = "#555",
+  taperRatio = 0.12,
+  faceRatio = 0.75,
+  straightHeightRatio = 0.5,
+  includeNotch = true,
+  notchRadius,
+  notchPosition,
+  notchRotation = [0, 0, 0],
+  notchLength = 0.5,
+  notchWidth = 0.25,
+  chamferSize = 0
 }) => {
-  const straightHeight = height10 * 0.5;
+  const straightHeight = height10 * straightHeightRatio;
   const taperHeight = height10 - straightHeight;
-  const taperInset = Math.min(width10, length2) * 0.12;
-  const faceWidth = Math.max(width10 - taperInset, width10 * 0.75);
-  const faceLength = Math.max(length2 - taperInset, length2 * 0.75);
-  const notchRadius = Math.min(width10, length2) * 0.12;
-  const notchCenterZ = height10 - notchRadius * 0.6;
-  const notchCenterY = length2 / 2 - notchRadius * 0.25;
-  const notchLength = faceLength / 8;
-  const notchWidth = height10 / 4;
-  return /* @__PURE__ */ jsx5(Colorize, { color: "#555", children: /* @__PURE__ */ jsx5(Translate, { offset: center, children: /* @__PURE__ */ jsx5(Translate, { offset: { x: 0, y: 0, z: heightAboveSurface2 }, children: /* @__PURE__ */ jsxs(Subtract, { children: [
-    /* @__PURE__ */ jsxs(Union, { children: [
-      /* @__PURE__ */ jsxs(Hull, { children: [
-        /* @__PURE__ */ jsx5(Translate, { z: 5e-3, children: /* @__PURE__ */ jsx5(Cuboid, { size: [faceWidth, faceLength, 0.01] }) }),
-        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [width10, length2, 0.01] }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Hull, { children: [
-        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [width10, length2, 0.01] }) }),
-        /* @__PURE__ */ jsx5(Translate, { z: straightHeight + taperHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [faceWidth, faceLength, 0.01] }) })
-      ] })
+  const taperInset = Math.min(width10, length2) * taperRatio;
+  const faceWidth = Math.max(width10 - taperInset, width10 * faceRatio);
+  const faceLength = Math.max(length2 - taperInset, length2 * faceRatio);
+  const defaultNotchRadius = Math.min(width10, length2) * 0.12;
+  const actualNotchRadius = notchRadius ?? defaultNotchRadius;
+  const defaultNotchPosition = {
+    x: 0,
+    y: length2 / 2 - actualNotchRadius * 0.25,
+    z: height10
+  };
+  const actualNotchPosition = notchPosition ?? defaultNotchPosition;
+  const body = /* @__PURE__ */ jsxs(Union, { children: [
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: 5e-3, children: /* @__PURE__ */ jsx5(Cuboid, { size: [faceWidth, faceLength, 0.01] }) }),
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [width10, length2, 0.01] }) })
     ] }),
-    /* @__PURE__ */ jsx5(Translate, { offset: { x: 0, y: notchCenterY, z: height10 }, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, 0, 0], children: /* @__PURE__ */ jsx5(Cylinder, { radius: notchLength, height: notchWidth }) }) })
-  ] }) }) }) });
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [width10, length2, 0.01] }) }),
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight + taperHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [faceWidth, faceLength, 0.01] }) })
+    ] })
+  ] });
+  const chamferCutout = (xPos, yPos) => /* @__PURE__ */ jsx5(Translate, { offset: { x: xPos, y: yPos, z: 0 }, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, 0, Math.PI / 4], children: /* @__PURE__ */ jsx5(
+    Cuboid,
+    {
+      size: [
+        chamferSize * Math.SQRT2,
+        chamferSize * Math.SQRT2,
+        height10 * 3
+      ]
+    }
+  ) }) });
+  let finalBody = body;
+  if (chamferSize > 0) {
+    const xOffset = width10 / 2;
+    const yOffset = length2 / 2;
+    finalBody = /* @__PURE__ */ jsxs(Subtract, { children: [
+      body,
+      chamferCutout(xOffset, yOffset),
+      chamferCutout(-xOffset, yOffset),
+      chamferCutout(xOffset, -yOffset),
+      chamferCutout(-xOffset, -yOffset)
+    ] });
+  }
+  return /* @__PURE__ */ jsx5(Colorize, { color, children: /* @__PURE__ */ jsx5(Translate, { offset: center, children: /* @__PURE__ */ jsx5(Translate, { offset: { x: 0, y: 0, z: heightAboveSurface2 }, children: includeNotch ? /* @__PURE__ */ jsxs(Subtract, { children: [
+    finalBody,
+    /* @__PURE__ */ jsx5(Translate, { offset: actualNotchPosition, children: /* @__PURE__ */ jsx5(Rotate, { rotation: notchRotation, children: /* @__PURE__ */ jsx5(Cylinder, { radius: actualNotchRadius, height: notchWidth }) }) })
+  ] }) : finalBody }) }) });
 };
 var range = (end) => Array.from({ length: end }, (_, i) => i);
 function getExpandedStroke(strokeInput, width10) {
@@ -24697,7 +24739,12 @@ var heightAboveSurface = 0.5;
 var DipPinLeg = ({ x, y, z: z133 }) => {
   const isRotated = x > 0;
   return /* @__PURE__ */ jsxs(Fragment22, { children: [
-    /* @__PURE__ */ jsx5(Translate, { offset: { x: x + 0.25 / 2, y, z: z133 }, children: /* @__PURE__ */ jsx5(Rotate, { rotation: ["-90deg", 0, "90deg"], children: /* @__PURE__ */ jsx5(ExtrudeLinear, { height: 0.25, children: /* @__PURE__ */ jsx5(Polygon, { points: svgPathPoints.map((p) => [p.x, p.y]) }) }) }) }),
+    /* @__PURE__ */ jsx5(Translate, { offset: { x: x + 0.25 / 2, y, z: z133 }, children: /* @__PURE__ */ jsx5(Rotate, { rotation: ["-90deg", 0, "90deg"], children: /* @__PURE__ */ jsx5(ExtrudeLinear, { height: 0.25, children: /* @__PURE__ */ jsx5(
+      Polygon,
+      {
+        points: svgPathPoints.slice().reverse().map((p) => [p.x, p.y])
+      }
+    ) }) }) }),
     /* @__PURE__ */ jsx5(
       Translate,
       {
@@ -24839,6 +24886,64 @@ var Tssop = ({
     )
   ] });
 };
+var MSOP = ({
+  pinCount,
+  padContactLength = 0.4,
+  leadWidth = 0.2,
+  pitch = 0.65,
+  bodyWidth = 3
+}) => {
+  const sidePinCount = Math.ceil(pinCount / 2);
+  const pinOffsetToCenter = (sidePinCount - 1) * pitch / 2;
+  const leadThickness = 0.2;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -bodyWidth / 2 - padContactLength - 0.3,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: padContactLength + 0.4,
+        height: 0.6
+      },
+      i
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI,
+        position: {
+          x: bodyWidth / 2 + padContactLength + 0.3,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: padContactLength + 0.4,
+        height: 0.6
+      },
+      i
+    )),
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: leadThickness / 2 },
+        width: bodyWidth,
+        length: bodyWidth,
+        height: 1.1,
+        notchRadius: 0.35,
+        heightAboveSurface: 0.1,
+        taperRatio: 0.09
+      }
+    )
+  ] });
+};
 var fullLength = 1;
 var width = 0.5;
 var height = 0.5;
@@ -24956,13 +25061,13 @@ var QFP = ({
   const fullWidth = fullLength10;
   const leadHeight = 0.8;
   const leadThickness = 0.15;
-  const bodyDistance = (fullWidth - bodyWidth) / 2;
+  const bodyDistance = (fullWidth - bodyWidth) / 2 + 0.5;
   return /* @__PURE__ */ jsxs(Fragment22, { children: [
     Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
       SmdChipLead,
       {
         position: {
-          x: -fullWidth / 2,
+          x: -fullWidth / 2 - 0.4,
           y: i * pitch - pinOffsetToCenter,
           z: leadThickness / 2
         },
@@ -24979,7 +25084,7 @@ var QFP = ({
       {
         rotation: Math.PI,
         position: {
-          x: fullWidth / 2,
+          x: fullWidth / 2 + 0.4,
           y: i * pitch - pinOffsetToCenter,
           z: leadThickness / 2
         },
@@ -24997,7 +25102,7 @@ var QFP = ({
         rotation: Math.PI / 2,
         position: {
           x: i * pitch - pinOffsetToCenter,
-          y: -fullLength10 / 2,
+          y: -fullLength10 / 2 - 0.4,
           z: leadThickness / 2
         },
         width: leadWidth,
@@ -25014,7 +25119,7 @@ var QFP = ({
         rotation: -Math.PI / 2,
         position: {
           x: i * pitch - pinOffsetToCenter,
-          y: fullLength10 / 2,
+          y: fullLength10 / 2 + 0.4,
           z: leadThickness / 2
         },
         width: leadWidth,
@@ -25028,10 +25133,18 @@ var QFP = ({
     /* @__PURE__ */ jsx5(
       ChipBody,
       {
-        center: { x: 0, y: 0, z: leadThickness / 2 },
+        center: { x: 0, y: 0, z: 0 },
         width: bodyWidth,
         length: bodyLength10,
-        height: 1.5
+        height: 1.5,
+        taperRatio: 0.03,
+        chamferSize: 0.7,
+        notchPosition: {
+          x: bodyLength10 / 2 - 1.5,
+          y: bodyWidth / 2 - 1.5,
+          z: 1.5
+        },
+        notchRadius: 1.5 / 2
       }
     )
   ] });
@@ -25051,14 +25164,17 @@ var getPitch = (pinCount, width10) => {
 };
 var getPadContactLength = (pinCount) => {
   switch (pinCount) {
-    case 44:
+    case 32:
+      return 0.6;
+    case 40:
+      return 0.6;
     case 52:
     case 64:
-      return 2.25;
+      return 0.65;
     case 208:
       return 1.65;
     default:
-      return 1;
+      return 0.6;
   }
 };
 var getLeadWidth = (pinCount, width10) => {
@@ -25878,7 +25994,7 @@ var SOIC = ({
         width: leadWidth,
         thickness: leadThickness,
         padContactLength: leadLength / 2,
-        bodyDistance: leadLength + 0.2,
+        bodyDistance: leadLength + 0.3,
         height: leadHeight
       },
       i
@@ -25895,7 +26011,7 @@ var SOIC = ({
         width: leadWidth,
         thickness: leadThickness,
         padContactLength: leadLength / 2,
-        bodyDistance: leadLength + 0.2,
+        bodyDistance: leadLength + 0.3,
         height: leadHeight
       },
       i
@@ -25952,7 +26068,7 @@ var VSSOP = ({
         width: _leadWidth,
         thickness: leadThickness,
         padContactLength: padContactLength + 0.05,
-        bodyDistance: leadBodyDistance + 0.05,
+        bodyDistance: leadBodyDistance + 0.1,
         height: leadHeight
       },
       `left-${i}`
@@ -25969,7 +26085,7 @@ var VSSOP = ({
         width: _leadWidth,
         thickness: leadThickness,
         padContactLength: padContactLength + 0.05,
-        bodyDistance: leadBodyDistance + 0.05,
+        bodyDistance: leadBodyDistance + 0.1,
         height: leadHeight
       },
       `right-${i}`
@@ -25997,6 +26113,315 @@ var SOD523 = () => {
   const rightPadCenterX = bodyWidth / 2 - padLength / 2 + 0.15;
   const taperOffset = 0.2;
   const straightHeight = bodyHeight * 0.5;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [leftPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [rightPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight / 2, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, straightHeight] }) }),
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) }),
+        /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+          Cuboid,
+          {
+            size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+          }
+        ) })
+      ] })
+    ] }) })
+  ] });
+};
+var SOD882 = () => {
+  const bodyLength10 = 0.98;
+  const bodyHeight = 0.47;
+  const pitch = 0.65;
+  const padWidth = 0.51;
+  const padLength = 0.26;
+  const padThickness = 0.12;
+  const bodyWidth = 0.58;
+  const leftPadCenterX = -pitch / 2;
+  const rightPadCenterX = pitch / 2;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [leftPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [rightPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsx5(Translate, { z: bodyHeight / 2 + 0.02, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyLength10, bodyWidth, bodyHeight] }) }) }),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [bodyLength10 + 1e-3, padLength / 2, padLength / 4],
+        center: [0, padLength / 2, bodyHeight / 4]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [bodyLength10 + 1e-3, padLength / 2, padLength / 4],
+        center: [0, -padLength / 2, bodyHeight / 4]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength / 1.5, bodyWidth + 1e-3, padLength / 4],
+        center: [pitch / 2, 0, bodyHeight / 4]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength / 1.5, bodyWidth + 1e-3, padLength / 4],
+        center: [-pitch / 2, 0, bodyHeight / 4]
+      }
+    )
+  ] });
+};
+var SMA = () => {
+  const bodyWidth = 4.4;
+  const bodyLength10 = 3.4;
+  const bodyHeight = 2.3;
+  const padWidth = 1.45;
+  const padThickness = 0.12;
+  const leadThickness = 0.2;
+  const leadHeight = 1.14;
+  const taperOffset = 0.4;
+  const straightHeight = bodyHeight * 0.5;
+  const Body = /* @__PURE__ */ jsx5(Colorize, { color: "#1a1a1a", children: /* @__PURE__ */ jsxs(Union, { children: [
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: padThickness + 0.01, children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.03]
+        }
+      ) }),
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) }),
+      /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+        }
+      ) })
+    ] })
+  ] }) });
+  const Lead = ({ xDir }) => {
+    const verticalGap = 1;
+    const lowerPadGap = 1;
+    const lowerPadX = xDir * (bodyLength10 / 2 - bodyHeight * 0.8 / 2 + lowerPadGap);
+    const verticalLeadX = xDir * (bodyLength10 / 2 - leadThickness / 2 + verticalGap);
+    const bodyEdgeX = xDir * (bodyLength10 / 2 - leadThickness / 2);
+    const bridgeLength = Math.abs(bodyEdgeX - verticalLeadX);
+    const bridgeCenterX = (verticalLeadX + bodyEdgeX) / 2;
+    return /* @__PURE__ */ jsx5(Colorize, { color: "#c0c0c0", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyHeight * 0.8, padWidth, leadThickness],
+          center: [lowerPadX, 0, leadThickness / 2]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [leadThickness, padWidth, leadHeight],
+          center: [verticalLeadX, 0, leadHeight / 2 + leadThickness]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bridgeLength, padWidth, leadThickness],
+          center: [bridgeCenterX, 0, leadThickness / 2 + leadHeight]
+        }
+      )
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Lead, { xDir: 1 }),
+    /* @__PURE__ */ jsx5(Lead, { xDir: -1 }),
+    Body
+  ] });
+};
+var SMB = () => {
+  const bodyWidth = 4.4;
+  const bodyLength10 = 3.4;
+  const bodyHeight = 2.3;
+  const padWidth = 1.45;
+  const padThickness = 0.12;
+  const leadThickness = 0.2;
+  const leadHeight = 1.14;
+  const taperOffset = 0.4;
+  const straightHeight = bodyHeight * 0.5;
+  const Body = /* @__PURE__ */ jsx5(Colorize, { color: "#1a1a1a", children: /* @__PURE__ */ jsxs(Union, { children: [
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: padThickness + 0.01, children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.03]
+        }
+      ) }),
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) }),
+      /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+        }
+      ) })
+    ] })
+  ] }) });
+  const Lead = ({ xDir }) => {
+    const verticalGap = 1;
+    const lowerPadGap = 1;
+    const lowerPadX = xDir * (bodyLength10 / 2 - bodyHeight * 0.8 / 2 + lowerPadGap);
+    const verticalLeadX = xDir * (bodyLength10 / 2 - leadThickness / 2 + verticalGap);
+    const bodyEdgeX = xDir * (bodyLength10 / 2 - leadThickness / 2);
+    const bridgeLength = Math.abs(bodyEdgeX - verticalLeadX);
+    const bridgeCenterX = (verticalLeadX + bodyEdgeX) / 2;
+    return /* @__PURE__ */ jsx5(Colorize, { color: "#c0c0c0", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyHeight * 0.8, padWidth, leadThickness],
+          center: [lowerPadX, 0, leadThickness / 2]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [leadThickness, padWidth, leadHeight],
+          center: [verticalLeadX, 0, leadHeight / 2 + leadThickness]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bridgeLength, padWidth, leadThickness],
+          center: [bridgeCenterX, 0, leadThickness / 2 + leadHeight]
+        }
+      )
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Lead, { xDir: 1 }),
+    /* @__PURE__ */ jsx5(Lead, { xDir: -1 }),
+    Body
+  ] });
+};
+var SMC = () => {
+  const bodyWidth = 6.8;
+  const bodyLength10 = 6;
+  const bodyHeight = 2.3;
+  const padWidth = 2.95;
+  const padThickness = 0.2;
+  const leadThickness = 0.2;
+  const leadHeight = 1.14;
+  const taperOffset = 0.4;
+  const straightHeight = bodyHeight * 0.5;
+  const Body = /* @__PURE__ */ jsx5(Colorize, { color: "#1a1a1a", children: /* @__PURE__ */ jsxs(Union, { children: [
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: padThickness + 0.01, children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.03]
+        }
+      ) }),
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Hull, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) }),
+      /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+        }
+      ) })
+    ] })
+  ] }) });
+  const Lead = ({ xDir }) => {
+    const verticalGap = 1;
+    const lowerPadGap = 1;
+    const lowerPadX = xDir * (bodyLength10 / 2 - bodyHeight * 0.8 / 2 + lowerPadGap);
+    const verticalLeadX = xDir * (bodyLength10 / 2 - leadThickness / 2 + verticalGap);
+    const bodyEdgeX = xDir * (bodyLength10 / 2 - leadThickness / 2);
+    const bridgeLength = Math.abs(bodyEdgeX - verticalLeadX);
+    const bridgeCenterX = (verticalLeadX + bodyEdgeX) / 2;
+    return /* @__PURE__ */ jsx5(Colorize, { color: "#c0c0c0", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bodyHeight * 0.8, padWidth, leadThickness],
+          center: [lowerPadX, 0, leadThickness / 2]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [leadThickness, padWidth, leadHeight],
+          center: [verticalLeadX, 0, leadHeight / 2 + leadThickness]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [bridgeLength, padWidth, leadThickness],
+          center: [bridgeCenterX, 0, leadThickness / 2 + leadHeight]
+        }
+      )
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Lead, { xDir: 1 }),
+    /* @__PURE__ */ jsx5(Lead, { xDir: -1 }),
+    Body
+  ] });
+};
+var SMF = () => {
+  const fullWidth = 2.9;
+  const bodyLength10 = 1.9;
+  const bodyHeight = 1.08;
+  const padWidth = 1.2;
+  const padLength = 1;
+  const padThickness = 0.25;
+  const bodyWidth = fullWidth;
+  const leftPadCenterX = -1.3;
+  const rightPadCenterX = 1.3;
+  const taperOffset = 0.2;
+  const straightHeight = bodyHeight * 0.5;
   const Body = /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsxs(Union, { children: [
     /* @__PURE__ */ jsx5(Translate, { z: straightHeight / 2, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, straightHeight] }) }),
     /* @__PURE__ */ jsxs(Hull, { children: [
@@ -26029,10 +26454,889 @@ var SOD523 = () => {
     Body
   ] });
 };
-var Footprinter3d = ({ footprint }) => {
-  const fpJson = fp.string(footprint).json();
-  switch (fpJson.fn) {
-    case "dip":
+var SOD123F = () => {
+  const fullWidth = 2.7;
+  const bodyLength10 = 1.6;
+  const bodyHeight = 1.1;
+  const padWidth = 0.6;
+  const padLength = 1;
+  const padThickness = 0.12;
+  const leftPadCenterX = -1.3;
+  const rightPadCenterX = 1.3;
+  const taperOffset = 0.2;
+  const straightHeight = bodyHeight * 0.5;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [leftPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [rightPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight / 2, children: /* @__PURE__ */ jsx5(Cuboid, { size: [fullWidth, bodyLength10, straightHeight] }) }),
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [fullWidth, bodyLength10, 0.01] }) }),
+        /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+          Cuboid,
+          {
+            size: [fullWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+          }
+        ) })
+      ] })
+    ] }) })
+  ] });
+};
+var SOD123FL = () => {
+  const fullWidth = 2.75;
+  const bodyLength10 = 1.8;
+  const bodyHeight = 1;
+  const padWidth = 0.9;
+  const padLength = 1;
+  const padThickness = 0.2;
+  const leftPadCenterX = -(fullWidth / 2 - 0.075);
+  const rightPadCenterX = fullWidth / 2 - 0.075;
+  const taperOffset = 0.4;
+  const straightHeight = bodyHeight * 0.2;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [leftPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [rightPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight / 2, children: /* @__PURE__ */ jsx5(Cuboid, { size: [fullWidth, bodyLength10, straightHeight] }) }),
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [fullWidth, bodyLength10, 0.01] }) }),
+        /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+          Cuboid,
+          {
+            size: [fullWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+          }
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#777",
+        size: [padThickness, bodyLength10 - taperOffset, 0.01],
+        center: [leftPadCenterX + taperOffset, 0, bodyHeight]
+      }
+    )
+  ] });
+};
+var SOD923 = () => {
+  const fullWidth = 0.8;
+  const bodyLength10 = 0.6;
+  const bodyHeight = 0.37;
+  const padWidth = 0.25;
+  const padLength = 0.4;
+  const padThickness = 0.14;
+  const leftPadCenterX = -(fullWidth / 2);
+  const rightPadCenterX = fullWidth / 2;
+  const taperOffset = 0.1;
+  const straightHeight = padThickness;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [leftPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, padWidth, padThickness],
+        center: [rightPadCenterX, 0, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(Translate, { z: straightHeight / 2, children: /* @__PURE__ */ jsx5(Cuboid, { size: [fullWidth, bodyLength10, straightHeight] }) }),
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [fullWidth, bodyLength10, 0.01] }) }),
+        /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+          Cuboid,
+          {
+            size: [fullWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+          }
+        ) })
+      ] })
+    ] }) })
+  ] });
+};
+var SOT223 = () => {
+  const fullWidth = 6.6;
+  const bodyWidth = 3.5;
+  const bodyLength10 = 6.5;
+  const bodyHeight = 1.7;
+  const leadWidth = 0.7;
+  const leftLeadWidth = 3;
+  const leadThickness = 0.25;
+  const leadHeight = 0.75;
+  const padContactLength = 0.5;
+  const padPitch = 2.3;
+  const extendedBodyDistance = fullWidth - bodyWidth;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI,
+        position: {
+          x: fullWidth / 2 + extendedBodyDistance / 4,
+          y: 0,
+          z: leadThickness / 2
+        },
+        width: leftLeadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      4
+    ),
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2 - extendedBodyDistance / 4,
+          y: 0,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      3
+    ),
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2 - extendedBodyDistance / 4,
+          y: -padPitch,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      1
+    ),
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2 - extendedBodyDistance / 4,
+          y: padPitch,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      2
+    ),
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: 0 },
+        width: bodyWidth,
+        length: bodyLength10,
+        height: bodyHeight,
+        includeNotch: false,
+        taperRatio: 0.06,
+        straightHeightRatio: 0.45
+      }
+    )
+  ] });
+};
+var TQFP = () => {
+  const pinCount = 64;
+  const pitch = 0.5;
+  const leadWidth = 0.2;
+  const padContactLength = 0.45;
+  const bodyWidth = 9;
+  const sidePinCount = pinCount / 4;
+  const bodyLength10 = bodyWidth;
+  const pinOffsetToCenter = (sidePinCount - 1) * pitch / 2;
+  const fullLength10 = bodyLength10 + 2 * padContactLength + 0.6;
+  const fullWidth = fullLength10;
+  const leadHeight = 0.65;
+  const leadThickness = 0.25;
+  const bodyDistance = (fullWidth - bodyWidth) / 2 + 0.2;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `left-${i}`
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI,
+        position: {
+          x: fullWidth / 2,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `right-${i}`
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI / 2,
+        position: {
+          x: i * pitch - pinOffsetToCenter,
+          y: -fullLength10 / 2,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `bottom-${i}`
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: -Math.PI / 2,
+        position: {
+          x: i * pitch - pinOffsetToCenter,
+          y: fullLength10 / 2,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `top-${i}`
+    )),
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: 0 },
+        width: bodyWidth,
+        length: bodyLength10,
+        height: 1.2,
+        chamferSize: 0.7,
+        taperRatio: 0.05,
+        notchPosition: { x: 3.5, y: 3.5, z: 1.2 },
+        notchRadius: 1.2 / 2
+      }
+    )
+  ] });
+};
+var tqfp_default = TQFP;
+var SOT323 = () => {
+  const fullWidth = 2.05;
+  const bodyWidth = 1.25;
+  const bodyLength10 = 2;
+  const bodyHeight = 0.9;
+  const leadWidth = 0.3;
+  const leadThickness = 0.18;
+  const leadHeight = 0.65;
+  const padContactLength = 0.2;
+  const padPitch = 0.65;
+  const extendedBodyDistance = fullWidth - bodyWidth;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI,
+        position: {
+          x: fullWidth / 2 + extendedBodyDistance / 4,
+          y: 0,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      4
+    ),
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2 - extendedBodyDistance / 4,
+          y: -padPitch,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      1
+    ),
+    /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2 - extendedBodyDistance / 4,
+          y: padPitch,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: extendedBodyDistance,
+        height: leadHeight
+      },
+      2
+    ),
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: 0 },
+        width: bodyWidth,
+        length: bodyLength10,
+        height: bodyHeight,
+        includeNotch: false,
+        taperRatio: 0.06,
+        straightHeightRatio: 0.7,
+        heightAboveSurface: 0.05
+      }
+    )
+  ] });
+};
+var LQFP = ({
+  pinCount,
+  pitch,
+  leadWidth,
+  padContactLength,
+  bodyWidth
+}) => {
+  const sidePinCount = pinCount / 4;
+  if (sidePinCount !== Math.floor(sidePinCount)) {
+    throw new Error(`LQFP pinCount must be divisible by 4, got ${pinCount}`);
+  }
+  if (!pitch) pitch = 0.5;
+  if (!padContactLength) padContactLength = 0.6;
+  if (!leadWidth) leadWidth = 0.22;
+  if (!bodyWidth) bodyWidth = pitch * (sidePinCount + 4);
+  const bodyLength10 = bodyWidth;
+  const pinOffsetToCenter = (sidePinCount - 1) * pitch / 2;
+  const fullLength10 = bodyLength10 + 3.3 * padContactLength;
+  const fullWidth = fullLength10;
+  const leadHeight = 0.8;
+  const leadThickness = 0.2;
+  const bodyDistance = (fullWidth - bodyWidth) / 2 + 0.4;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -fullWidth / 2 - 0.36,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `left-${i}`
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI,
+        position: {
+          x: fullWidth / 2 + 0.36,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `right-${i}`
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI / 2,
+        position: {
+          x: i * pitch - pinOffsetToCenter,
+          y: -fullLength10 / 2 - 0.36,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `bottom-${i}`
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: -Math.PI / 2,
+        position: {
+          x: i * pitch - pinOffsetToCenter,
+          y: fullLength10 / 2 + 0.36,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance,
+        height: leadHeight
+      },
+      `top-${i}`
+    )),
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: 0 },
+        width: bodyWidth,
+        length: bodyLength10,
+        height: 1.5,
+        heightAboveSurface: 0.1,
+        taperRatio: 0.04,
+        chamferSize: 0.7,
+        notchPosition: {
+          x: bodyLength10 / 2 - 1.5,
+          y: bodyLength10 / 2 - 1.5,
+          z: 1.5
+        },
+        notchRadius: 1.5 / 2
+      }
+    )
+  ] });
+};
+var getCcwSot723Coords2 = (pn) => {
+  if (pn === 1) {
+    return { x: 0, y: 0 };
+  } else if (pn === 2) {
+    return { x: 1, y: -0.4 };
+  } else {
+    return { x: 1, y: 0.4 };
+  }
+};
+var SOT723 = () => {
+  const bodyWidth = 0.8;
+  const bodyLength10 = 1.2;
+  const bodyHeight = 0.5;
+  const leadWidth = 0.32;
+  const leadLength = 0.3;
+  const leadHeight = 0.1;
+  const centerLeadWidth = 0.42;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ jsx5(Translate, { center: [0.475, leadHeight / 2, -0.25], children: /* @__PURE__ */ jsx5(Colorize, { color: "grey", children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, bodyHeight] }) }) }) }),
+    [1, 2, 3].map((pn) => {
+      const { x, y } = getCcwSot723Coords2(pn);
+      return /* @__PURE__ */ jsx5(Translate, { center: [x, y, 0.05], children: /* @__PURE__ */ jsx5(
+        Cuboid,
+        {
+          size: [
+            leadLength,
+            pn === 1 ? centerLeadWidth : leadWidth,
+            leadHeight
+          ]
+        }
+      ) }, `lead-${pn}`);
+    })
+  ] });
+};
+var DFN = ({
+  num_pins,
+  bodyWidth = 5.3,
+  bodyLength: bodyLength10 = 5.3,
+  bodyThickness = 1,
+  thermalPadSize,
+  // For a body length of 5 the typical pad width/length are 0.6 and 1.
+  // Scale those values proportionally when `bodyLength` changes.
+  padWidth = bodyLength10 / 5.3 * 0.6,
+  padLength = bodyLength10 / 5.3 * 1,
+  pitch = 0.5,
+  thermalPadThickness = 0.2
+}) => {
+  const pinPositions = [];
+  const pinsPerSide = Math.floor(num_pins / 2);
+  const pinSpan = pitch * (pinsPerSide - 1);
+  for (let i = 0; i < num_pins; i++) {
+    const side = i < pinsPerSide ? "left" : "right";
+    const indexOnSide = i % pinsPerSide;
+    const y = pinSpan / 2 - indexOnSide * pitch;
+    const padSizeX = padLength;
+    const padSizeY = padWidth;
+    const x = side === "left" ? -bodyWidth / 2 + padSizeX / 2 : bodyWidth / 2 - padSizeX / 2;
+    const pinNumber = i + 1;
+    pinPositions.push({ pinNumber, x, y, padSizeX, padSizeY });
+  }
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: 0 },
+        width: bodyWidth,
+        length: bodyLength10,
+        height: bodyThickness,
+        heightAboveSurface: 0,
+        color: "grey",
+        chamferSize: 0.2,
+        taperRatio: 0,
+        notchPosition: {
+          x: bodyWidth / 2 - padLength,
+          y: bodyLength10 / 2 - padLength,
+          z: bodyThickness
+        }
+      }
+    ),
+    pinPositions.map((p, i) => /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        center: [p.x, p.y, thermalPadThickness / 2],
+        size: [p.padSizeX, p.padSizeY, thermalPadThickness]
+      },
+      i
+    )),
+    thermalPadSize?.length !== void 0 && thermalPadSize?.width !== void 0 && /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        center: [0, 0, thermalPadThickness / 2],
+        size: [
+          thermalPadSize.width,
+          thermalPadSize.length,
+          thermalPadThickness
+        ]
+      }
+    )
+  ] });
+};
+var HC49 = ({
+  bodyLength: bodyLength10 = 10.2,
+  bodyWidth = 4.65,
+  bodyHeight = 13.46,
+  leadSpacing = 5,
+  leadDiameter = 0.8,
+  leadLength = 12.7,
+  color = "#ddd",
+  leadColor = "#b87333"
+}) => {
+  const halfLength = bodyLength10 / 2;
+  const endRadius = bodyWidth / 2;
+  const endCenterX = halfLength - endRadius;
+  const leadCenterX = leadSpacing / 2;
+  const baseHeight = 0.85;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsxs(Colorize, { color, children: [
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(
+          RoundedCylinder,
+          {
+            height: bodyHeight,
+            roundRadius: 0.5,
+            radius: endRadius,
+            center: [-endCenterX, 0, bodyHeight]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          RoundedCylinder,
+          {
+            height: bodyHeight,
+            roundRadius: 0.5,
+            radius: endRadius,
+            center: [endCenterX, 0, bodyHeight]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(
+          RoundedCylinder,
+          {
+            height: baseHeight,
+            roundRadius: 0.1,
+            radius: endRadius + 0.85,
+            center: [-endCenterX, 0, bodyHeight / 2 + baseHeight / 2]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          RoundedCylinder,
+          {
+            height: baseHeight,
+            roundRadius: 0.1,
+            radius: endRadius + 0.85,
+            center: [endCenterX, 0, bodyHeight / 2 + baseHeight / 2]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Colorize, { color: leadColor, children: [
+      /* @__PURE__ */ jsx5(
+        Cylinder,
+        {
+          height: leadLength + bodyHeight / 2,
+          radius: leadDiameter / 2,
+          center: [-leadCenterX + 0.06, 0, -(leadLength / 2) + bodyHeight / 2]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cylinder,
+        {
+          height: leadLength + bodyHeight / 2,
+          radius: leadDiameter / 2,
+          center: [leadCenterX - 0.06, 0, -(leadLength / 2) + bodyHeight / 2]
+        }
+      )
+    ] })
+  ] });
+};
+var MicroMELF = ({
+  bodyLength: bodyLength10 = 1.4,
+  bodyDiameter = 1.1,
+  color = "#3a3a3aff",
+  contactColor = "#c6c6c6",
+  cathodeIdentification = "#111"
+}) => {
+  const padLength = 0.2;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Colorize, { color, children: /* @__PURE__ */ jsxs(Rotate, { rotation: [0, "90deg", 0], children: [
+      /* @__PURE__ */ jsx5(
+        RoundedCuboid,
+        {
+          size: [bodyDiameter, bodyDiameter, bodyLength10 - padLength],
+          roundRadius: padLength,
+          center: [-bodyDiameter / 2, 0, 0.05]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Cylinder,
+        {
+          height: padLength / 2,
+          radius: bodyDiameter / 2 - padLength,
+          center: [-bodyDiameter / 2, 0, -bodyLength10 / 2 + padLength / 2]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: cathodeIdentification, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCuboid,
+      {
+        size: [bodyDiameter * 1.01, bodyDiameter * 1.01, bodyLength10 / 3],
+        roundRadius: padLength,
+        center: [-bodyDiameter / 2, 0, -bodyLength10 / 4 + 0.1]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: contactColor, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: padLength,
+        radius: bodyDiameter / 2,
+        roundRadius: padLength / 3,
+        center: [-bodyDiameter / 2, 0, -bodyLength10 / 2]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: contactColor, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: padLength,
+        radius: bodyDiameter / 2,
+        roundRadius: padLength / 3,
+        center: [-bodyDiameter / 2, 0, bodyLength10 / 2]
+      }
+    ) }) })
+  ] });
+};
+var MINIMELF = ({
+  bodyLength: bodyLength10 = 3.5,
+  bodyDiameter = 1.5,
+  color = "#3a3a3aff",
+  contactColor = "#c6c6c6"
+}) => {
+  const padLength = 0.5;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Colorize, { color, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: bodyLength10,
+        radius: bodyDiameter / 2,
+        roundRadius: 0.3,
+        center: [-bodyDiameter / 2, 0, 0]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: contactColor, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: padLength,
+        radius: bodyDiameter / 2,
+        roundRadius: 0.2,
+        center: [-bodyDiameter / 2, 0, -bodyLength10 / 2]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: contactColor, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: padLength,
+        radius: bodyDiameter / 2,
+        roundRadius: 0.2,
+        center: [-bodyDiameter / 2, 0, bodyLength10 / 2]
+      }
+    ) }) })
+  ] });
+};
+var MELF = ({
+  bodyLength: bodyLength10 = 3.9,
+  bodyDiameter = 2.5,
+  color = "#3a3a3aff",
+  contactColor = "#c6c6c6"
+}) => {
+  const padLength = 0.55;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsx5(Colorize, { color, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: bodyLength10,
+        radius: bodyDiameter / 2,
+        roundRadius: 0.3,
+        center: [-bodyDiameter / 2, 0, 0]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: contactColor, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: padLength,
+        radius: bodyDiameter / 2,
+        roundRadius: 0.2,
+        center: [-bodyDiameter / 2, 0, -bodyLength10 / 2]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5(Colorize, { color: contactColor, children: /* @__PURE__ */ jsx5(Rotate, { rotation: [0, "90deg", 0], children: /* @__PURE__ */ jsx5(
+      RoundedCylinder,
+      {
+        height: padLength,
+        radius: bodyDiameter / 2,
+        roundRadius: 0.2,
+        center: [-bodyDiameter / 2, 0, bodyLength10 / 2]
+      }
+    ) }) })
+  ] });
+};
+var MS012 = ({
+  pinCount,
+  padContactLength = 0.6,
+  leadWidth = 0.41,
+  pitch = 1.27
+}) => {
+  if (pinCount % 2 !== 0) {
+    throw new Error("MS012 pinCount must be even");
+  }
+  const sidePinCount = pinCount / 2;
+  const bodyWidth = 4.9;
+  const bodyLength10 = 3.9;
+  const pinOffsetToCenter = (sidePinCount - 1) * pitch / 2;
+  const leadThickness = 0.2;
+  return /* @__PURE__ */ jsxs(Fragment22, { children: [
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        position: {
+          x: -bodyLength10 / 2 - padContactLength - 0.3,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: padContactLength + 0.4,
+        height: 0.85
+      },
+      i
+    )),
+    Array.from({ length: sidePinCount }).map((_, i) => /* @__PURE__ */ jsx5(
+      SmdChipLead,
+      {
+        rotation: Math.PI,
+        position: {
+          x: bodyLength10 / 2 + padContactLength + 0.3,
+          y: i * pitch - pinOffsetToCenter,
+          z: leadThickness / 2
+        },
+        width: leadWidth,
+        thickness: leadThickness,
+        padContactLength,
+        bodyDistance: padContactLength + 0.4,
+        height: 0.85
+      },
+      `right-${i}`
+    )),
+    /* @__PURE__ */ jsx5(
+      ChipBody,
+      {
+        center: { x: 0, y: 0, z: leadThickness / 2 },
+        width: bodyLength10,
+        length: bodyWidth,
+        height: 1.55,
+        notchPosition: { x: bodyLength10 / 2 - 1, y: bodyWidth / 2 - 1, z: 1.55 },
+        heightAboveSurface: 0.17,
+        taperRatio: 0.09
+      }
+    )
+  ] });
+};
+var Footprinter3d = ({ footprint }) => {
+  const fpJson = fp.string(footprint).json();
+  switch (fpJson.fn) {
+    case "dip":
       return /* @__PURE__ */ jsx5(Dip, { numPins: fpJson.num_pins, pitch: fpJson.p, bodyWidth: fpJson.w });
     case "tssop":
       return /* @__PURE__ */ jsx5(
@@ -26045,6 +27349,17 @@ var Footprinter3d = ({ footprint }) => {
           bodyWidth: fpJson.w
         }
       );
+    case "msop":
+      return /* @__PURE__ */ jsx5(
+        MSOP,
+        {
+          pinCount: fpJson.num_pins,
+          padContactLength: fpJson.pl,
+          leadWidth: fpJson.pw,
+          pitch: fpJson.p,
+          bodyWidth: fpJson.w
+        }
+      );
     case "vssop":
       return /* @__PURE__ */ jsx5(
         VSSOP,
@@ -26068,7 +27383,12 @@ var Footprinter3d = ({ footprint }) => {
           bodyWidth: fpJson.w
         }
       );
-    case "qfn":
+    case "tqfp":
+      return /* @__PURE__ */ jsx5(tqfp_default, {});
+    case "lqfp":
+      return /* @__PURE__ */ jsx5(LQFP, { pinCount: fpJson.num_pins });
+    case "qfn": {
+      const hasThermalPad = typeof fpJson.thermalpad?.x === "number" && typeof fpJson.thermalpad?.y === "number";
       return /* @__PURE__ */ jsx5(
         qfn_default,
         {
@@ -26078,12 +27398,31 @@ var Footprinter3d = ({ footprint }) => {
           pitch: fpJson.p,
           padLength: fpJson.pl,
           padWidth: fpJson.pw,
-          thermalPadSize: {
+          thermalPadSize: hasThermalPad ? {
             width: fpJson.thermalpad.x,
             length: fpJson.thermalpad.y
-          }
+          } : void 0
+        }
+      );
+    }
+    case "dfn": {
+      const hasThermalPad = typeof fpJson.thermalpad?.x === "number" && typeof fpJson.thermalpad?.y === "number";
+      return /* @__PURE__ */ jsx5(
+        DFN,
+        {
+          num_pins: fpJson.num_pins,
+          bodyWidth: fpJson.w,
+          bodyLength: fpJson.h,
+          pitch: fpJson.p,
+          padLength: fpJson.pl,
+          padWidth: fpJson.pw,
+          thermalPadSize: hasThermalPad ? {
+            width: fpJson.thermalpad.x,
+            length: fpJson.thermalpad.y
+          } : void 0
         }
       );
+    }
     case "pinrow":
       if (fpJson.male)
         return /* @__PURE__ */ jsx5(PinRow, { numberOfPins: fpJson.num_pins, pitch: fpJson.p });
@@ -26113,6 +27452,10 @@ var Footprinter3d = ({ footprint }) => {
     }
     case "sot235":
       return /* @__PURE__ */ jsx5(SOT_235_default, {});
+    case "sot223":
+      return /* @__PURE__ */ jsx5(SOT223, {});
+    case "sot323":
+      return /* @__PURE__ */ jsx5(SOT323, {});
     case "pushbutton":
       return /* @__PURE__ */ jsx5(
         PushButton,
@@ -26135,6 +27478,42 @@ var Footprinter3d = ({ footprint }) => {
       );
     case "sod523":
       return /* @__PURE__ */ jsx5(SOD523, {});
+    case "sod882":
+      return /* @__PURE__ */ jsx5(SOD882, {});
+    case "sma":
+      return /* @__PURE__ */ jsx5(SMA, {});
+    case "smb":
+      return /* @__PURE__ */ jsx5(SMB, {});
+    case "smc":
+      return /* @__PURE__ */ jsx5(SMC, {});
+    case "smf":
+      return /* @__PURE__ */ jsx5(SMF, {});
+    case "sod123f":
+      return /* @__PURE__ */ jsx5(SOD123F, {});
+    case "sod123fl":
+      return /* @__PURE__ */ jsx5(SOD123FL, {});
+    case "sod923":
+      return /* @__PURE__ */ jsx5(SOD923, {});
+    case "hc49":
+      return /* @__PURE__ */ jsx5(HC49, {});
+    case "micromelf":
+      return /* @__PURE__ */ jsx5(MicroMELF, {});
+    case "minimelf":
+      return /* @__PURE__ */ jsx5(MINIMELF, {});
+    case "melf":
+      return /* @__PURE__ */ jsx5(MELF, {});
+    case "ms012":
+      return /* @__PURE__ */ jsx5(
+        MS012,
+        {
+          pinCount: fpJson.num_pins,
+          padContactLength: fpJson.pl,
+          leadWidth: fpJson.pw,
+          pitch: fpJson.p
+        }
+      );
+    case "sot723":
+      return /* @__PURE__ */ jsx5(SOT723, {});
   }
   const colorMatch = footprint.match(/_color\(([^)]+)\)/);
   const color = colorMatch ? colorMatch[1] : void 0;
@@ -26237,7 +27616,7 @@ function renderNode(node, colorCtx, renderCtx) {
     else if (type === Subtract)
       geom = booleans.subtract(geoms[0], geoms.slice(1));
     else geom = hulls.hull(geoms);
-    return [{ geom }];
+    return [{ geom, color: colorCtx }];
   }
   if (type === Polygon) {
     const points = props?.points ?? [];
@@ -26258,7 +27637,7 @@ function renderNode(node, colorCtx, renderCtx) {
     }
     return [{ geom: g3, color: colorCtx ?? props?.color }];
   }
-  if (type === Cuboid || type === Cube || type === Cylinder || type === Sphere || type === RoundedCuboid) {
+  if (type === Cuboid || type === Cube || type === Cylinder || type === Sphere || type === RoundedCuboid || type === RoundedCylinder) {
     let g;
     if (type === Cuboid) {
       const size5 = props?.size ?? [1, 1, 1];
@@ -26279,6 +27658,12 @@ function renderNode(node, colorCtx, renderCtx) {
       const radius = props?.radius ?? 1;
       const center = props?.center ?? [0, 0, 0];
       g = primitives.sphere({ radius, center });
+    } else if (type === RoundedCylinder) {
+      const height10 = props?.height ?? 1;
+      const radius = props?.radius ?? 1;
+      const roundRadius = props?.roundRadius ?? 0.1;
+      const center = props?.center ?? [0, 0, 0];
+      g = primitives.roundedCylinder({ height: height10, radius, roundRadius, center });
     } else {
       const size5 = props?.size ?? [1, 1, 1];
       const roundRadius = props?.roundRadius ?? 0.1;
@@ -26783,13 +28168,13 @@ var AnyCadComponent = ({
 };
 
 // src/CadViewerContainer.tsx
-import { forwardRef as forwardRef2, useMemo as useMemo15, useState as useState8 } from "react";
+import { forwardRef as forwardRef2, useMemo as useMemo15, useRef as useRef6, useState as useState8 } from "react";
 import * as THREE14 from "three";
 
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.429",
+  version: "0.0.431",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -26850,10 +28235,10 @@ var package_default = {
     "@vitejs/plugin-react": "^4.3.4",
     "bun-match-svg": "^0.0.9",
     "bun-types": "1.2.1",
-    "circuit-json": "0.0.300",
+    "circuit-json": "0.0.303",
     "circuit-to-svg": "^0.0.179",
     debug: "^4.4.0",
-    "jscad-electronics": "^0.0.48",
+    "jscad-electronics": "^0.0.89",
     "jscad-planner": "^0.0.13",
     jsdom: "^26.0.0",
     "manifold-3d": "^3.2.1",
@@ -27075,7 +28460,7 @@ var configureRenderer = (renderer) => {
 // src/react-three/Canvas.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
 var Canvas = forwardRef(
-  ({ children, scene: sceneProps, camera: cameraProps, style }, ref) => {
+  ({ children, scene: sceneProps, camera: cameraProps, style, onCreated }, ref) => {
     const mountRef = useRef4(null);
     const [contextState, setContextState] = useState7(
       null
@@ -27083,6 +28468,8 @@ var Canvas = forwardRef(
     const frameListeners = useRef4(
       []
     );
+    const onCreatedRef = useRef4(void 0);
+    onCreatedRef.current = onCreated;
     const addFrameListener = useCallback4(
       (listener) => {
         frameListeners.current.push(listener);
@@ -27141,6 +28528,7 @@ var Canvas = forwardRef(
         addFrameListener,
         removeFrameListener
       });
+      onCreatedRef.current?.({ camera, renderer });
       let animationFrameId;
       const clock = new THREE10.Clock();
       const animate = () => {
@@ -27200,10 +28588,17 @@ var OrbitControls = ({
     return new ThreeOrbitControls(camera, renderer.domElement);
   }, [camera, renderer]);
   useEffect13(() => {
-    if (!onControlsChange) return;
-    onControlsChange(controls ?? null);
+    onControlsChange?.(controls ?? null);
+    return () => onControlsChange?.(null);
+  }, [controls, onControlsChange]);
+  useEffect13(() => {
+    if (!controls) return;
+    const handleChange = () => {
+      onControlsChange?.(controls);
+    };
+    controls.addEventListener("change", handleChange);
     return () => {
-      onControlsChange(null);
+      controls.removeEventListener("change", handleChange);
     };
   }, [controls, onControlsChange]);
   useEffect13(() => {
@@ -27369,6 +28764,45 @@ var Lights = () => {
   return null;
 };
 
+// src/hooks/useSessionCamera.ts
+var CAMERA_KEY = "cadViewerCameraStateSession";
+var saveCameraToSession = (camera, controls) => {
+  try {
+    const savedCameraSession = {
+      position: camera.position.toArray(),
+      quaternion: camera.quaternion.toArray(),
+      up: camera.up.toArray(),
+      fov: camera.fov ?? 50,
+      target: controls.target.toArray()
+    };
+    sessionStorage.setItem(CAMERA_KEY, JSON.stringify(savedCameraSession));
+  } catch (err) {
+    console.warn("Failed to save camera:", err);
+  }
+};
+var loadCameraFromSession = (camera, controls) => {
+  try {
+    const raw = sessionStorage.getItem(CAMERA_KEY);
+    if (!raw) return false;
+    const state = JSON.parse(raw);
+    camera.position.fromArray(state.position);
+    camera.quaternion.fromArray(state.quaternion);
+    camera.up.fromArray(state.up);
+    if ("fov" in camera) {
+      const persp = camera;
+      persp.fov = state.fov;
+      persp.updateProjectionMatrix?.();
+    }
+    controls.target.fromArray(state.target);
+    controls.update();
+    camera.updateMatrixWorld();
+    return true;
+  } catch (err) {
+    console.warn("Failed to restore camera:", err);
+    return false;
+  }
+};
+
 // src/hooks/useCameraController.ts
 import { useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo14, useRef as useRef5 } from "react";
 import * as THREE13 from "three";
@@ -27660,6 +29094,10 @@ var CadViewerContainer = forwardRef2(
     const [isInteractionEnabled, setIsInteractionEnabled] = useState8(
       !clickToInteractEnabled
     );
+    const saveTimeoutRef = useRef6(null);
+    const controlsRef = useRef6(null);
+    const cameraRef = useRef6(null);
+    const restoredOnceRef = useRef6(false);
     const gridSectionSize = useMemo15(() => {
       if (!boardDimensions) return 10;
       const width10 = boardDimensions.width ?? 0;
@@ -27713,6 +29151,23 @@ var CadViewerContainer = forwardRef2(
           ref,
           scene: { up: new THREE14.Vector3(0, 0, 1) },
           camera: { up: [0, 0, 1], position: initialCameraPosition },
+          onCreated: ({ camera }) => {
+            cameraRef.current = camera;
+            if (!restoredOnceRef.current && controlsRef.current) {
+              const restored = loadCameraFromSession(
+                cameraRef.current,
+                controlsRef.current
+              );
+              if (restored) restoredOnceRef.current = true;
+            }
+            if (controlsRef.current && !restoredOnceRef.current) {
+              setTimeout(() => {
+                if (cameraRef.current && controlsRef.current) {
+                  saveCameraToSession(cameraRef.current, controlsRef.current);
+                }
+              }, 0);
+            }
+          },
           children: [
             /* @__PURE__ */ jsx12(CameraAnimator, { ...cameraAnimatorProps }),
             /* @__PURE__ */ jsx12(RotationTracker, {}),
@@ -27728,7 +29183,26 @@ var CadViewerContainer = forwardRef2(
                 enableDamping: true,
                 dampingFactor: 0.1,
                 target: orbitTarget,
-                onControlsChange: handleControlsChange
+                onControlsChange: (controls) => {
+                  handleControlsChange(controls);
+                  controlsRef.current = controls;
+                  if (cameraRef.current && controlsRef.current && !restoredOnceRef.current) {
+                    const restored = loadCameraFromSession(
+                      cameraRef.current,
+                      controlsRef.current
+                    );
+                    if (restored) {
+                      restoredOnceRef.current = true;
+                      return;
+                    }
+                  }
+                  clearTimeout(saveTimeoutRef.current);
+                  saveTimeoutRef.current = setTimeout(() => {
+                    if (cameraRef.current && controlsRef.current) {
+                      saveCameraToSession(cameraRef.current, controlsRef.current);
+                    }
+                  }, 150);
+                }
               }
             ),
             /* @__PURE__ */ jsx12(Lights, {}),
@@ -27852,7 +29326,7 @@ var useStlsFromGeom = (geom) => {
 };
 
 // src/hooks/useBoardGeomBuilder.ts
-import { useState as useState10, useEffect as useEffect18, useRef as useRef6 } from "react";
+import { useState as useState10, useEffect as useEffect18, useRef as useRef7 } from "react";
 
 // src/soup-to-3d/index.ts
 var import_primitives2 = __toESM(require_primitives(), 1);
@@ -29713,7 +31187,7 @@ var BoardGeomBuilder = class {
 // src/hooks/useBoardGeomBuilder.ts
 var useBoardGeomBuilder = (circuitJson) => {
   const [boardGeom, setBoardGeom] = useState10(null);
-  const isProcessingRef = useRef6(false);
+  const isProcessingRef = useRef7(false);
   useEffect18(() => {
     let isCancelled = false;
     if (!circuitJson) {
@@ -30091,7 +31565,7 @@ import { su as su13 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect22, useMemo as useMemo21, useState as useState15 } from "react";
 
 // src/hooks/useManifoldBoardBuilder.ts
-import { useState as useState14, useEffect as useEffect21, useMemo as useMemo20, useRef as useRef7 } from "react";
+import { useState as useState14, useEffect as useEffect21, useMemo as useMemo20, useRef as useRef8 } from "react";
 import { su as su12 } from "@tscircuit/circuit-json-util";
 import * as THREE24 from "three";
 
@@ -31436,7 +32910,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
   const [pcbThickness, setPcbThickness] = useState14(null);
   const [error, setError] = useState14(null);
   const [isLoading, setIsLoading] = useState14(true);
-  const manifoldInstancesForCleanup = useRef7([]);
+  const manifoldInstancesForCleanup = useRef8([]);
   const boardData = useMemo20(() => {
     const boards = su12(circuitJson).pcb_board.list();
     if (boards.length === 0) {
@@ -32085,17 +33559,17 @@ try {
 var CadViewerManifold_default = CadViewerManifold;
 
 // src/hooks/useContextMenu.ts
-import { useState as useState16, useCallback as useCallback8, useRef as useRef8, useEffect as useEffect23 } from "react";
+import { useState as useState16, useCallback as useCallback8, useRef as useRef9, useEffect as useEffect23 } from "react";
 var useContextMenu = ({ containerRef }) => {
   const [menuVisible, setMenuVisible] = useState16(false);
   const [menuPos, setMenuPos] = useState16({
     x: 0,
     y: 0
   });
-  const menuRef = useRef8(null);
-  const interactionOriginPosRef = useRef8(null);
-  const longPressTimeoutRef = useRef8(null);
-  const ignoreNextContextMenuRef = useRef8(false);
+  const menuRef = useRef9(null);
+  const interactionOriginPosRef = useRef9(null);
+  const longPressTimeoutRef = useRef9(null);
+  const ignoreNextContextMenuRef = useRef9(false);
   const clearLongPressTimeout = () => {
     if (longPressTimeoutRef.current !== null) {
       clearTimeout(longPressTimeoutRef.current);
@@ -38209,7 +39683,7 @@ var ContextMenu = ({
 import { jsx as jsx34, jsxs as jsxs10 } from "react/jsx-runtime";
 var CadViewerInner = (props) => {
   const [engine, setEngine] = useState33("manifold");
-  const containerRef = useRef22(null);
+  const containerRef = useRef23(null);
   const [autoRotate, setAutoRotate] = useState33(() => {
     const stored = window.localStorage.getItem("cadViewerAutoRotate");
     return stored === "false" ? false : true;
@@ -38220,7 +39694,7 @@ var CadViewerInner = (props) => {
   });
   const [cameraPreset, setCameraPreset] = useState33("Custom");
   const { visibility, toggleLayer } = useLayerVisibility();
-  const cameraControllerRef = useRef22(null);
+  const cameraControllerRef = useRef23(null);
   const externalCameraControllerReady = props.onCameraControllerReady;
   const {
     menuVisible,
@@ -38229,10 +39703,10 @@ var CadViewerInner = (props) => {
     contextMenuEventHandlers,
     setMenuVisible
   } = useContextMenu({ containerRef });
-  const autoRotateUserToggledRef = useRef22(autoRotateUserToggled);
+  const autoRotateUserToggledRef = useRef23(autoRotateUserToggled);
   autoRotateUserToggledRef.current = autoRotateUserToggled;
-  const isAnimatingRef = useRef22(false);
-  const lastPresetSelectTime = useRef22(0);
+  const isAnimatingRef = useRef23(false);
+  const lastPresetSelectTime = useRef23(0);
   const PRESET_COOLDOWN = 1e3;
   const handleUserInteraction = useCallback20(() => {
     if (isAnimatingRef.current || Date.now() - lastPresetSelectTime.current < PRESET_COOLDOWN) {