@tscircuit/core 0.0.146 → 0.0.148

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import * as _tscircuit_props from '@tscircuit/props';
+import { traceProps, SchematicPortArrangement, groupProps, boardProps, capacitorProps, chipProps, diodeProps, jumperProps, ledProps, powerSourceProps, resistorProps, constraintProps, fabricationNotePathProps, fabricationNoteTextProps, footprintProps, holeProps, pcbKeepoutProps, netAliasProps, platedHoleProps, silkscreenCircleProps, silkscreenPathProps, silkscreenRectProps, silkscreenTextProps, smtPadProps, traceHintProps, viaProps, batteryProps, pinHeaderProps, inductorProps, CapacitorProps, ChipProps, ResistorProps } from '@tscircuit/props';
 import React, { ReactElement } from 'react';
 import * as zod from 'zod';
 import { ZodType, z } from 'zod';
@@ -5,8 +7,6 @@ import { SchSymbol, BaseSymbolName } from 'schematic-symbols';
 import { PcbTraceError, PcbPlacementError, LayerRef, AnyCircuitElement, AnySourceComponent, RouteHintPoint } from 'circuit-json';
 import { Matrix } from 'transformation-matrix';
 import { SoupUtilObjects } from '@tscircuit/soup-util';
-import * as _tscircuit_props from '@tscircuit/props';
-import { traceProps, groupProps, boardProps, capacitorProps, chipProps, diodeProps, jumperProps, ledProps, powerSourceProps, resistorProps, constraintProps, fabricationNotePathProps, fabricationNoteTextProps, footprintProps, holeProps, pcbKeepoutProps, netAliasProps, platedHoleProps, silkscreenCircleProps, silkscreenPathProps, silkscreenRectProps, silkscreenTextProps, smtPadProps, traceHintProps, viaProps, batteryProps, pinHeaderProps, inductorProps, CapacitorProps, ChipProps, ResistorProps } from '@tscircuit/props';
 import * as _tscircuit_layout from '@tscircuit/layout';
 
 declare const orderedRenderPhases: readonly ["ReactSubtreesRender", "InitializePortsFromChildren", "CreateNetsFromProps", "CreateTracesFromProps", "CreateTraceHintsFromProps", "SourceRender", "SourceParentAttachment", "PortDiscovery", "PortMatching", "SourceTraceRender", "SchematicComponentRender", "SchematicPortRender", "SchematicLayout", "SchematicTraceRender", "PcbComponentRender", "PcbPrimitiveRender", "PcbFootprintLayout", "PcbPortRender", "PcbPortAttachment", "PcbLayout", "PcbTraceRender", "PcbTraceHintRender", "PcbRouteNetIslands", "PcbComponentSizeCalculation", "CadModelRender"];
@@ -111,11 +111,29 @@ interface ISubcircuit extends PrimitiveComponent {
     _shouldUseTraceByTraceRouting(): boolean;
 }
 
+type SchematicBoxPortPositionWithMetadata = {
+    trueIndex: number;
+    pinNumber: number;
+    side: "left" | "right" | "top" | "bottom";
+    distanceFromOrthogonalEdge: number;
+    x: number;
+    y: number;
+};
+interface SchematicBoxDimensions {
+    pinCount: number;
+    getPortPositionByPinNumber(pinNumber: number): SchematicBoxPortPositionWithMetadata | null;
+    getSize(): {
+        width: number;
+        height: number;
+    };
+}
+
 interface BaseComponentConfig {
     componentName: string;
     schematicSymbolName?: BaseSymbolName | null;
     zodProps: ZodType;
     sourceFtype?: AnySourceComponent["ftype"] | null;
+    shouldRenderAsSchematicBox?: boolean;
 }
 /**
  * A PrimitiveComponent (SmtPad, Port etc.) doesn't have the ability to contain
@@ -271,6 +289,16 @@ declare abstract class PrimitiveComponent<ZodProps extends ZodType = any> extend
     }): PrimitiveComponent | null;
     getAvailablePcbLayers(): string[];
     getDescendants(): PrimitiveComponent[];
+    /**
+     * Return the number of pins in this component, this is important for
+     * NormalComponents
+     */
+    _getPinCount(): number;
+    /**
+     * If this component represents a SchematicBox (like a Chip), return the
+     * dimensions of the box, which allows computing the position of ports etc.
+     */
+    _getSchematicBoxDimensions(): SchematicBoxDimensions | null;
     renderError(message: Parameters<typeof Renderable.prototype.renderError>[0]): void;
     getString(): string;
     get [Symbol.toStringTag](): string;
@@ -696,11 +724,14 @@ declare class NormalComponent<ZodProps extends ZodType = any, PortNames extends
     doInitialSourceRender(): void;
     /**
      * Render the schematic component for this NormalComponent using the
-     * config.schematicSymbolName if it exists.
+     * config.schematicSymbolName if it exists, or create a generic box if
+     * no symbol is defined.
      *
      * You can override this method to do more complicated things.
      */
     doInitialSchematicComponentRender(): void;
+    _doInitialSchematicComponentRenderWithSymbol(): void;
+    _doInitialSchematicComponentRenderWithSchematicBoxDimensions(): void;
     doInitialPcbComponentRender(): void;
     /**
      * At this stage, the smtpads/pcb primitives are placed, so we can compute
@@ -739,6 +770,13 @@ declare class NormalComponent<ZodProps extends ZodType = any, PortNames extends
         width: number;
         height: number;
     };
+    _getPinCount(): number;
+    /**
+     * Override the schematic port arrangement if you want to customize where pins
+     * appear on a schematic box, e.g. for a pin header
+     */
+    _getSchematicPortArrangement(): SchematicPortArrangement | null;
+    _getSchematicBoxDimensions(): SchematicBoxDimensions | null;
     doInitialCadModelRender(): void;
 }
 
@@ -1310,39 +1348,8 @@ declare class Capacitor extends NormalComponent<typeof capacitorProps, PassivePo
     doInitialSourceRender(): void;
 }
 
-type PortInfo = {
-    trueIndex: number;
-    pinNumber: number;
-    side: "left" | "right" | "top" | "bottom" | "center";
-    distanceFromEdge: number;
-    x: number;
-    y: number;
-};
-/**
- * Get the dimensions of a schematic box based on the provided parameters.
- *
- * A schematic box is a rectangular box with a set of pins on the sides.
- *
- * The user can customize the position of the pins and the spacing between them,
- * this makes computing the box fairly complicated.
- *
- * A note on the internals:
- * * A "true port" refers to a pin/port before it's remapped by the user to a
- *   different position. True Pin 1 is guaranteed to be in the top-left corner
- * * We basically iterate over each side and compute how far we are from the
- *   edge for that side by adding margins together
- */
-interface SchematicBoxDimensions {
-    pinCount: number;
-    getPortPositionByPinNumber(pinNumber: number): PortInfo;
-    getSize(): {
-        width: number;
-        height: number;
-    };
-}
-
 declare class Chip<PinLabels extends string = never> extends NormalComponent<typeof chipProps, PinLabels> {
-    schematicDimensions: SchematicBoxDimensions | null;
+    schematicBoxDimensions: SchematicBoxDimensions | null;
     get config(): {
         componentName: string;
         zodProps: zod.ZodObject<zod.objectUtil.extendShape<zod.objectUtil.extendShape<zod.objectUtil.extendShape<{
@@ -1934,9 +1941,9 @@ declare class Chip<PinLabels extends string = never> extends NormalComponent<typ
             schWidth?: string | number | undefined;
             schHeight?: string | number | undefined;
         }>;
+        shouldRenderAsSchematicBox: boolean;
     };
     doInitialSourceRender(): void;
-    doInitialSchematicComponentRender(): void;
     doInitialPcbComponentRender(): void;
 }
 
@@ -2942,9 +2949,9 @@ declare class Jumper<PinLabels extends string = never> extends NormalComponent<t
             schHeight?: string | number | undefined;
             schDirection?: "left" | "right" | undefined;
         }>;
+        shouldRenderAsSchematicBox: boolean;
     };
     doInitialSourceRender(): void;
-    doInitialSchematicComponentRender(): void;
     doInitialPcbComponentRender(): void;
 }
 
@@ -6234,12 +6241,12 @@ declare class PinHeader extends NormalComponent<typeof pinHeaderProps> {
             doubleRow?: boolean | undefined;
             platedDiameter?: string | number | undefined;
         }>;
-        schematicSymbolName: BaseSymbolName;
+        shouldRenderAsSchematicBox: boolean;
     };
     _getImpliedFootprintString(): string | null;
     initPorts(): void;
+    _getSchematicPortArrangement(): SchematicPortArrangement | null;
     doInitialSourceRender(): void;
-    doInitialSchematicComponentRender(): void;
 }
 
 declare class Inductor extends NormalComponent<typeof inductorProps, PassivePorts> {

package/dist/index.js

@@ -790,6 +790,20 @@ var PrimitiveComponent = class extends Renderable {
     }
     return descendants;
   }
+  /**
+   * Return the number of pins in this component, this is important for
+   * NormalComponents
+   */
+  _getPinCount() {
+    return 0;
+  }
+  /**
+   * If this component represents a SchematicBox (like a Chip), return the
+   * dimensions of the box, which allows computing the position of ports etc.
+   */
+  _getSchematicBoxDimensions() {
+    return null;
+  }
   // TODO we shouldn't need to override this, errors can be rendered and handled
   // by the Renderable class, however, the Renderable class currently doesn't
   // have access to the database or cleanup
@@ -1615,23 +1629,28 @@ var Port = class extends PrimitiveComponent {
     return this._getPcbCircuitJsonBounds().center;
   }
   _getGlobalSchematicPositionBeforeLayout() {
-    if (!this.schematicSymbolPortDef) {
-      return applyToPoint4(this.parent.computeSchematicGlobalTransform(), {
-        x: 0,
-        y: 0
-      });
-    }
     const symbol = this.parent?.getSchematicSymbol();
-    if (!symbol) {
-      console.warn(`Could not find parent symbol for ${this}`);
-      return { x: 0, y: 0 };
-    }
-    const offsetY = -0.045;
-    const transform = compose3(
-      this.parent.computeSchematicGlobalTransform(),
-      translate3(-symbol.center.x, -symbol.center.y + offsetY)
-    );
-    return applyToPoint4(transform, this.schematicSymbolPortDef);
+    if (symbol && this.schematicSymbolPortDef) {
+      const transform = compose3(
+        this.parent.computeSchematicGlobalTransform(),
+        translate3(-symbol.center.x, -symbol.center.y)
+      );
+      return applyToPoint4(transform, this.schematicSymbolPortDef);
+    }
+    const parentBoxDim = this?.parent?._getSchematicBoxDimensions();
+    if (parentBoxDim && this.props.pinNumber !== void 0) {
+      const localPortPosition = parentBoxDim.getPortPositionByPinNumber(
+        this.props.pinNumber
+      );
+      if (!localPortPosition) {
+        return { x: 0, y: 0 };
+      }
+      return applyToPoint4(
+        this.parent.computeSchematicGlobalTransform(),
+        localPortPosition
+      );
+    }
+    return { x: 0, y: 0 };
   }
   _getGlobalSchematicPositionAfterLayout() {
     const { db } = this.root;
@@ -1749,17 +1768,16 @@ var Port = class extends PrimitiveComponent {
     const container = this.getPrimitiveContainer();
     if (!container) return;
     const containerCenter = container._getGlobalSchematicPositionBeforeLayout();
-    let center = this._getGlobalSchematicPositionBeforeLayout();
-    if ("schematicDimensions" in container && props.pinNumber !== void 0) {
-      const chipDims = container.schematicDimensions;
-      center = chipDims.getPortPositionByPinNumber(props.pinNumber);
-      center.x += containerCenter.x;
-      center.y += containerCenter.y;
+    const portCenter = this._getGlobalSchematicPositionBeforeLayout();
+    let localPortInfo = null;
+    const containerDims = container._getSchematicBoxDimensions();
+    if (containerDims && props.pinNumber !== void 0) {
+      localPortInfo = containerDims.getPortPositionByPinNumber(props.pinNumber);
     }
     if (this.getSubcircuit().props._schDebugObjectsEnabled) {
       db.schematic_debug_object.insert({
         shape: "rect",
-        center,
+        center: portCenter,
         size: {
           width: 0.1,
           height: 0.1
@@ -1767,12 +1785,16 @@ var Port = class extends PrimitiveComponent {
         label: "obstacle"
       });
     }
-    this.facingDirection = getRelativeDirection(containerCenter, center);
+    this.facingDirection = getRelativeDirection(containerCenter, portCenter);
     const schematic_port = db.schematic_port.insert({
       schematic_component_id: this.parent?.schematic_component_id,
-      center,
+      center: portCenter,
       source_port_id: this.source_port_id,
-      facing_direction: this.facingDirection
+      facing_direction: this.facingDirection,
+      distance_from_component_edge: 0.4,
+      side_of_component: localPortInfo?.side,
+      pin_number: props.pinNumber,
+      true_ccw_index: localPortInfo?.trueIndex
     });
     this.schematic_port_id = schematic_port.schematic_port_id;
   }
@@ -1805,7 +1827,7 @@ import {
   isValidElement
 } from "react";
 import { symbols as symbols2 } from "schematic-symbols";
-import { z as z4 } from "zod";
+import { z as z5 } from "zod";
 
 // lib/components/primitive-components/Footprint.ts
 import { footprintProps } from "@tscircuit/props";
@@ -2016,9 +2038,290 @@ var Footprint = class extends PrimitiveComponent {
   }
 };
 
+// lib/utils/schematic/getSizeOfSidesFromPortArrangement.ts
+var hasExplicitPinMapping = (pa) => {
+  for (const side of [
+    "leftSide",
+    "rightSide",
+    "topSide",
+    "bottomSide"
+  ]) {
+    if (side in pa && typeof pa[side] === "number") {
+      throw new Error(
+        `A number was specified for "${side}", you probably meant to use "size" not "side"`
+      );
+    }
+  }
+  return "leftSide" in pa || "rightSide" in pa || "topSide" in pa || "bottomSide" in pa;
+};
+var getSizeOfSidesFromPortArrangement = (pa) => {
+  if (hasExplicitPinMapping(pa)) {
+    return {
+      leftSize: pa.leftSide?.pins.length ?? 0,
+      rightSize: pa.rightSide?.pins.length ?? 0,
+      topSize: pa.topSide?.pins.length ?? 0,
+      bottomSize: pa.bottomSide?.pins.length ?? 0
+    };
+  }
+  const { leftSize = 0, rightSize = 0, topSize = 0, bottomSize = 0 } = pa;
+  return { leftSize, rightSize, topSize, bottomSize };
+};
+
+// lib/utils/schematic/getAllDimensionsForSchematicBox.ts
+function isExplicitPinMappingArrangement(arrangement) {
+  return arrangement.leftSide !== void 0;
+}
+var getAllDimensionsForSchematicBox = (params) => {
+  const portDistanceFromEdge = params.portDistanceFromEdge ?? 0.4;
+  let sidePinCounts = params.schPortArrangement ? getSizeOfSidesFromPortArrangement(params.schPortArrangement) : null;
+  const sideLengths = {
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0
+  };
+  let pinCount = params.pinCount ?? null;
+  if (pinCount === null) {
+    if (sidePinCounts) {
+      pinCount = sidePinCounts.leftSize + sidePinCounts.rightSize + sidePinCounts.topSize;
+    } else {
+      throw new Error("Could not determine pin count for the schematic box");
+    }
+  }
+  if (pinCount && !sidePinCounts) {
+    const rightSize = Math.floor(pinCount / 2);
+    sidePinCounts = {
+      leftSize: pinCount - rightSize,
+      rightSize,
+      topSize: 0,
+      bottomSize: 0
+    };
+  }
+  if (!sidePinCounts) {
+    sidePinCounts = {
+      leftSize: 0,
+      rightSize: 0,
+      topSize: 0,
+      bottomSize: 0
+    };
+  }
+  const orderedTruePorts = [];
+  let currentDistanceFromEdge = 0;
+  let truePinIndex = 0;
+  for (let sideIndex = 0; sideIndex < sidePinCounts.leftSize; sideIndex++) {
+    const pinNumber = params.schPortArrangement && isExplicitPinMappingArrangement(params.schPortArrangement) ? params.schPortArrangement?.leftSide?.pins[sideIndex] : truePinIndex + 1;
+    const pinStyle = params.schPinStyle?.[`pin${pinNumber}`] ?? params.schPinStyle?.[pinNumber];
+    if (pinStyle?.topMargin) {
+      currentDistanceFromEdge += pinStyle.topMargin;
+    }
+    orderedTruePorts.push({
+      trueIndex: truePinIndex,
+      pinNumber,
+      side: "left",
+      distanceFromOrthogonalEdge: currentDistanceFromEdge
+    });
+    if (pinStyle?.bottomMargin) {
+      currentDistanceFromEdge += pinStyle.bottomMargin;
+    }
+    const isLastPinOnSide = sideIndex === sidePinCounts.leftSize - 1;
+    if (!isLastPinOnSide) {
+      currentDistanceFromEdge += params.schPinSpacing;
+    } else {
+      sideLengths.left = currentDistanceFromEdge;
+    }
+    truePinIndex++;
+  }
+  currentDistanceFromEdge = 0;
+  for (let sideIndex = 0; sideIndex < sidePinCounts.bottomSize; sideIndex++) {
+    const pinNumber = params.schPortArrangement && isExplicitPinMappingArrangement(params.schPortArrangement) ? params.schPortArrangement.bottomSide?.pins[sideIndex] : truePinIndex + 1;
+    const pinStyle = params.schPinStyle?.[`pin${pinNumber}`] ?? params.schPinStyle?.[pinNumber];
+    if (pinStyle?.leftMargin) {
+      currentDistanceFromEdge += pinStyle.leftMargin;
+    }
+    orderedTruePorts.push({
+      trueIndex: truePinIndex,
+      pinNumber,
+      side: "bottom",
+      distanceFromOrthogonalEdge: currentDistanceFromEdge
+    });
+    if (pinStyle?.rightMargin) {
+      currentDistanceFromEdge += pinStyle.rightMargin;
+    }
+    const isLastPinOnSide = sideIndex === sidePinCounts.bottomSize - 1;
+    if (!isLastPinOnSide) {
+      currentDistanceFromEdge += params.schPinSpacing;
+    } else {
+      sideLengths.bottom = currentDistanceFromEdge;
+    }
+    truePinIndex++;
+  }
+  currentDistanceFromEdge = 0;
+  for (let sideIndex = 0; sideIndex < sidePinCounts.rightSize; sideIndex++) {
+    const pinNumber = params.schPortArrangement && isExplicitPinMappingArrangement(params.schPortArrangement) ? params.schPortArrangement.rightSide?.pins[sideIndex] : truePinIndex + 1;
+    const pinStyle = params.schPinStyle?.[`pin${pinNumber}`] ?? params.schPinStyle?.[pinNumber];
+    if (pinStyle?.bottomMargin) {
+      currentDistanceFromEdge += pinStyle.bottomMargin;
+    }
+    orderedTruePorts.push({
+      trueIndex: truePinIndex,
+      pinNumber,
+      side: "right",
+      distanceFromOrthogonalEdge: currentDistanceFromEdge
+    });
+    if (pinStyle?.topMargin) {
+      currentDistanceFromEdge += pinStyle.topMargin;
+    }
+    const isLastPinOnSide = sideIndex === sidePinCounts.rightSize - 1;
+    if (!isLastPinOnSide) {
+      currentDistanceFromEdge += params.schPinSpacing;
+    } else {
+      sideLengths.right = currentDistanceFromEdge;
+    }
+    truePinIndex++;
+  }
+  currentDistanceFromEdge = 0;
+  for (let sideIndex = 0; sideIndex < sidePinCounts.topSize; sideIndex++) {
+    const pinNumber = params.schPortArrangement && isExplicitPinMappingArrangement(params.schPortArrangement) ? params.schPortArrangement.topSide?.pins[sideIndex] : truePinIndex + 1;
+    const pinStyle = params.schPinStyle?.[`pin${pinNumber}`] ?? params.schPinStyle?.[pinNumber];
+    if (pinStyle?.rightMargin) {
+      currentDistanceFromEdge += pinStyle.rightMargin;
+    }
+    orderedTruePorts.push({
+      trueIndex: truePinIndex,
+      pinNumber,
+      side: "top",
+      distanceFromOrthogonalEdge: currentDistanceFromEdge
+    });
+    if (pinStyle?.leftMargin) {
+      currentDistanceFromEdge += pinStyle.leftMargin;
+    }
+    const isLastPinOnSide = sideIndex === sidePinCounts.topSize - 1;
+    if (!isLastPinOnSide) {
+      currentDistanceFromEdge += params.schPinSpacing;
+    } else {
+      sideLengths.top = currentDistanceFromEdge;
+    }
+    truePinIndex++;
+  }
+  let schWidth = params.schWidth;
+  if (!schWidth) {
+    schWidth = Math.max(
+      sideLengths.top + params.schPinSpacing * 2,
+      sideLengths.bottom + params.schPinSpacing * 2
+    );
+  }
+  let schHeight = params.schHeight;
+  if (!schHeight) {
+    schHeight = Math.max(
+      sideLengths.left + params.schPinSpacing * 2,
+      sideLengths.right + params.schPinSpacing * 2
+    );
+  }
+  const trueEdgePositions = {
+    // Top left corner
+    left: {
+      x: -schWidth / 2 - portDistanceFromEdge,
+      y: sideLengths.left / 2
+    },
+    // bottom left corner
+    bottom: {
+      x: -sideLengths.bottom / 2,
+      y: -schHeight / 2 - portDistanceFromEdge
+    },
+    // bottom right corner
+    right: {
+      x: schWidth / 2 + portDistanceFromEdge,
+      y: -sideLengths.right / 2
+    },
+    // top right corner
+    top: {
+      x: sideLengths.top / 2,
+      y: schHeight / 2 + portDistanceFromEdge
+    }
+  };
+  const trueEdgeTraversalDirections = {
+    left: { x: 0, y: -1 },
+    right: { x: 0, y: 1 },
+    top: { x: -1, y: 0 },
+    bottom: { x: 1, y: 0 }
+  };
+  const truePortsWithPositions = orderedTruePorts.map((p) => {
+    const { distanceFromOrthogonalEdge, side } = p;
+    const edgePos = trueEdgePositions[side];
+    const edgeDir = trueEdgeTraversalDirections[side];
+    return {
+      x: edgePos.x + distanceFromOrthogonalEdge * edgeDir.x,
+      y: edgePos.y + distanceFromOrthogonalEdge * edgeDir.y,
+      ...p
+    };
+  });
+  return {
+    getPortPositionByPinNumber(pinNumber) {
+      const port = truePortsWithPositions.find(
+        (p) => p.pinNumber.toString() === pinNumber.toString()
+      );
+      if (!port) {
+        return null;
+      }
+      return port;
+    },
+    getSize() {
+      return { width: schWidth, height: schHeight };
+    },
+    pinCount
+  };
+};
+
+// lib/soup/underscorifyPortArrangement.ts
+var underscorifyPortArrangement = (portArrangement) => {
+  if (!portArrangement) return void 0;
+  if ("leftSide" in portArrangement || "rightSide" in portArrangement || "topSide" in portArrangement || "bottomSide" in portArrangement) {
+    return {
+      left_side: portArrangement.leftSide,
+      right_side: portArrangement.rightSide,
+      top_side: portArrangement.topSide,
+      bottom_side: portArrangement.bottomSide
+    };
+  }
+  if ("leftPinCount" in portArrangement || "rightPinCount" in portArrangement || "topPinCount" in portArrangement || "bottomPinCount" in portArrangement) {
+    return {
+      left_size: portArrangement.leftPinCount,
+      right_size: portArrangement.rightPinCount,
+      top_size: portArrangement.topPinCount,
+      bottom_size: portArrangement.bottomPinCount
+    };
+  }
+  if ("leftSize" in portArrangement || "rightSize" in portArrangement || "topSize" in portArrangement || "bottomSize" in portArrangement) {
+    return {
+      left_size: portArrangement.leftSize,
+      right_size: portArrangement.rightSize,
+      top_size: portArrangement.topSize,
+      bottom_size: portArrangement.bottomSize
+    };
+  }
+  return void 0;
+};
+
+// lib/soup/underscorifyPinStyles.ts
+import "circuit-json";
+import "zod";
+var underscorifyPinStyles = (pinStyles) => {
+  if (!pinStyles) return void 0;
+  const underscorePinStyles = {};
+  for (const [pinName, pinStyle] of Object.entries(pinStyles)) {
+    underscorePinStyles[pinName] = {
+      bottom_margin: pinStyle.bottomMargin,
+      left_margin: pinStyle.leftMargin,
+      right_margin: pinStyle.rightMargin,
+      top_margin: pinStyle.topMargin
+    };
+  }
+  return underscorePinStyles;
+};
+
 // lib/components/base-components/NormalComponent.ts
 var debug2 = Debug2("tscircuit:core");
-var rotation3 = z4.object({
+var rotation3 = z5.object({
   x: rotation,
   y: rotation,
   z: rotation
@@ -2189,14 +2492,23 @@ var NormalComponent = class extends PrimitiveComponent {
   }
   /**
    * Render the schematic component for this NormalComponent using the
-   * config.schematicSymbolName if it exists.
+   * config.schematicSymbolName if it exists, or create a generic box if
+   * no symbol is defined.
    *
    * You can override this method to do more complicated things.
    */
   doInitialSchematicComponentRender() {
-    const { db } = this.root;
     const { schematicSymbolName } = this.config;
-    if (!schematicSymbolName) return;
+    if (schematicSymbolName) {
+      return this._doInitialSchematicComponentRenderWithSymbol();
+    }
+    const dimensions = this._getSchematicBoxDimensions();
+    if (dimensions) {
+      return this._doInitialSchematicComponentRenderWithSchematicBoxDimensions();
+    }
+  }
+  _doInitialSchematicComponentRenderWithSymbol() {
+    const { db } = this.root;
     const base_symbol_name = this.config.schematicSymbolName;
     const symbol_name_horz = `${base_symbol_name}_horz`;
     let symbol_name;
@@ -2213,15 +2525,37 @@ var NormalComponent = class extends PrimitiveComponent {
       throw new Error(`Could not find schematic-symbol: "${base_symbol_name}"`);
     }
     const symbol = symbols2[symbol_name];
-    if (!symbol) {
-      throw new Error(`Could not find schematic-symbol "${symbol_name}"`);
+    if (symbol) {
+      const schematic_component2 = db.schematic_component.insert({
+        center: { x: this.props.schX ?? 0, y: this.props.schY ?? 0 },
+        rotation: this.props.schRotation ?? 0,
+        size: symbol.size,
+        source_component_id: this.source_component_id,
+        symbol_name
+      });
+      this.schematic_component_id = schematic_component2.schematic_component_id;
+    }
+  }
+  _doInitialSchematicComponentRenderWithSchematicBoxDimensions() {
+    const { db } = this.root;
+    const { _parsedProps: props } = this;
+    const dimensions = this._getSchematicBoxDimensions();
+    const primaryPortLabels = {};
+    for (const [port, label] of Object.entries(props.pinLabels ?? {})) {
+      primaryPortLabels[port] = Array.isArray(label) ? label[0] : label;
     }
     const schematic_component2 = db.schematic_component.insert({
-      center: { x: this.props.schX ?? 0, y: this.props.schY ?? 0 },
-      rotation: this.props.schRotation ?? 0,
-      size: symbol.size,
-      source_component_id: this.source_component_id,
-      symbol_name
+      center: { x: props.schX ?? 0, y: props.schY ?? 0 },
+      rotation: props.schRotation ?? 0,
+      size: dimensions.getSize(),
+      port_arrangement: underscorifyPortArrangement(
+        props.schPortArrangement
+      ),
+      pin_spacing: props.schPinSpacing ?? 0.2,
+      // @ts-ignore soup needs to support distance for pin_styles
+      pin_styles: underscorifyPinStyles(props.schPinStyle),
+      port_labels: primaryPortLabels,
+      source_component_id: this.source_component_id
     });
     this.schematic_component_id = schematic_component2.schematic_component_id;
   }
@@ -2426,6 +2760,35 @@ var NormalComponent = class extends PrimitiveComponent {
       height: pcb_component.height
     };
   }
+  _getPinCount() {
+    const schPortArrangement = this._getSchematicPortArrangement();
+    const pinCountFromSchArrangement = (schPortArrangement?.leftSize ?? 0) + (schPortArrangement?.rightSize ?? 0) + (schPortArrangement?.topSize ?? 0) + (schPortArrangement?.bottomSize ?? 0);
+    const pinCount = pinCountFromSchArrangement || this.getPortsFromFootprint().length;
+    return pinCount;
+  }
+  /**
+   * Override the schematic port arrangement if you want to customize where pins
+   * appear on a schematic box, e.g. for a pin header
+   */
+  _getSchematicPortArrangement() {
+    return this._parsedProps.schPortArrangement;
+  }
+  _getSchematicBoxDimensions() {
+    if (this.getSchematicSymbol()) return null;
+    if (!this.config.shouldRenderAsSchematicBox) return null;
+    const { _parsedProps: props } = this;
+    const pinCount = this._getPinCount();
+    const pinSpacing = props.schPinSpacing ?? 0.2;
+    const dimensions = getAllDimensionsForSchematicBox({
+      schWidth: props.schWidth,
+      schHeight: props.schHeight,
+      schPinSpacing: pinSpacing,
+      schPinStyle: props.schPinStyle,
+      pinCount,
+      schPortArrangement: this._getSchematicPortArrangement()
+    });
+    return dimensions;
+  }
   doInitialCadModelRender() {
     const { db } = this.root;
     const { boardThickness = 0 } = this.root?._getBoard() ?? {};
@@ -2939,38 +3302,6 @@ function getClosest(point, candidates) {
   return closest;
 }
 
-// lib/utils/projectPointInDirection.ts
-var projectPointInDirection = (point, direction, distance) => {
-  switch (direction) {
-    case "up":
-      return { x: point.x, y: point.y + distance };
-    case "down":
-      return { x: point.x, y: point.y - distance };
-    case "left":
-      return { x: point.x + distance, y: point.y };
-    case "right":
-      return { x: point.x - distance, y: point.y };
-    default:
-      throw new Error(`Unknown direction "${direction}"`);
-  }
-};
-
-// lib/utils/projectPointInOppositeDirection.ts
-var projectPointInOppositeDirection = (point, direction, distance) => {
-  switch (direction) {
-    case "up":
-      return { x: point.x, y: point.y + distance };
-    case "down":
-      return { x: point.x, y: point.y - distance };
-    case "left":
-      return { x: point.x + distance, y: point.y };
-    case "right":
-      return { x: point.x - distance, y: point.y };
-    default:
-      throw new Error(`Unknown direction "${direction}"`);
-  }
-};
-
 // lib/utils/try-now.ts
 function tryNow(fn) {
   try {
@@ -3389,7 +3720,7 @@ searched component ${targetComponent.getString()}, which has ports: ${targetComp
     const { db } = this.root;
     const { _parsedProps: props, parent } = this;
     if (!parent) throw new Error("Trace has no parent");
-    const { allPortsFound, portsWithSelectors: ports } = this._findConnectedPorts();
+    const { allPortsFound, portsWithSelectors: connectedPorts } = this._findConnectedPorts();
     if (!allPortsFound) return;
     const obstacles = [];
     const connection = {
@@ -3418,7 +3749,7 @@ searched component ${targetComponent.getString()}, which has ports: ${targetComp
         });
       }
     }
-    const portsWithPosition = ports.map(({ port }) => ({
+    const portsWithPosition = connectedPorts.map(({ port }) => ({
       port,
       position: port._getGlobalSchematicPositionAfterLayout(),
       schematic_port_id: port.schematic_port_id ?? void 0,
@@ -3450,8 +3781,7 @@ searched component ${targetComponent.getString()}, which has ports: ${targetComp
     });
     const results = autorouter.solveAndMapToTraces();
     if (results.length === 0) return;
-    const [result] = results;
-    const { route } = result;
+    const [{ route }] = results;
     const edges = [];
     for (let i = 0; i < route.length - 1; i++) {
       edges.push({
@@ -3459,29 +3789,6 @@ searched component ${targetComponent.getString()}, which has ports: ${targetComp
         to: route[i + 1]
       });
     }
-    const STUB_LENGTH = 0.15;
-    edges.unshift({
-      from: {
-        ...projectPointInDirection(
-          route[0],
-          portsWithPosition[0].facingDirection,
-          STUB_LENGTH
-        )
-      },
-      to: route[0],
-      from_schematic_port_id: portsWithPosition[0].schematic_port_id
-    });
-    edges.push({
-      from: route[route.length - 1],
-      to: {
-        ...projectPointInOppositeDirection(
-          route[route.length - 1],
-          portsWithPosition[1].facingDirection,
-          STUB_LENGTH
-        )
-      },
-      from_schematic_port_id: portsWithPosition[1].schematic_port_id
-    });
     const trace = db.schematic_trace.insert({
       source_trace_id: this.source_trace_id,
       edges
@@ -3544,308 +3851,13 @@ var Capacitor = class extends NormalComponent {
 
 // lib/components/normal-components/Chip.ts
 import { chipProps } from "@tscircuit/props";
-
-// lib/soup/underscorifyPinStyles.ts
-import "circuit-json";
-import "zod";
-var underscorifyPinStyles = (pinStyles) => {
-  if (!pinStyles) return void 0;
-  const underscorePinStyles = {};
-  for (const [pinName, pinStyle] of Object.entries(pinStyles)) {
-    underscorePinStyles[pinName] = {
-      bottom_margin: pinStyle.bottomMargin,
-      left_margin: pinStyle.leftMargin,
-      right_margin: pinStyle.rightMargin,
-      top_margin: pinStyle.topMargin
-    };
-  }
-  return underscorePinStyles;
-};
-
-// lib/soup/underscorifyPortArrangement.ts
-var underscorifyPortArrangement = (portArrangement) => {
-  if (!portArrangement) return void 0;
-  if ("leftSide" in portArrangement || "rightSide" in portArrangement || "topSide" in portArrangement || "bottomSide" in portArrangement) {
-    return {
-      left_side: portArrangement.leftSide,
-      right_side: portArrangement.rightSide,
-      top_side: portArrangement.topSide,
-      bottom_side: portArrangement.bottomSide
-    };
-  }
-  if ("leftPinCount" in portArrangement || "rightPinCount" in portArrangement || "topPinCount" in portArrangement || "bottomPinCount" in portArrangement) {
-    return {
-      left_size: portArrangement.leftPinCount,
-      right_size: portArrangement.rightPinCount,
-      top_size: portArrangement.topPinCount,
-      bottom_size: portArrangement.bottomPinCount
-    };
-  }
-  if ("leftSize" in portArrangement || "rightSize" in portArrangement || "topSize" in portArrangement || "bottomSize" in portArrangement) {
-    return {
-      left_size: portArrangement.leftSize,
-      right_size: portArrangement.rightSize,
-      top_size: portArrangement.topSize,
-      bottom_size: portArrangement.bottomSize
-    };
-  }
-  return void 0;
-};
-
-// lib/utils/schematic/getSizeOfSidesFromPortArrangement.ts
-var hasExplicitPinMapping = (pa) => {
-  for (const side of [
-    "leftSide",
-    "rightSide",
-    "topSide",
-    "bottomSide"
-  ]) {
-    if (side in pa && typeof pa[side] === "number") {
-      throw new Error(
-        `A number was specified for "${side}", you probably meant to use "size" not "side"`
-      );
-    }
-  }
-  return "leftSide" in pa || "rightSide" in pa || "topSide" in pa || "bottomSide" in pa;
-};
-var getSizeOfSidesFromPortArrangement = (pa) => {
-  if (hasExplicitPinMapping(pa)) {
-    return {
-      leftSize: pa.leftSide?.pins.length ?? 0,
-      rightSize: pa.rightSide?.pins.length ?? 0,
-      topSize: pa.topSide?.pins.length ?? 0,
-      bottomSize: pa.bottomSide?.pins.length ?? 0
-    };
-  }
-  const { leftSize = 0, rightSize = 0, topSize = 0, bottomSize = 0 } = pa;
-  return { leftSize, rightSize, topSize, bottomSize };
-};
-
-// lib/utils/schematic/getAllDimensionsForSchematicBox.ts
-function isExplicitPinMappingArrangement(arrangement) {
-  return arrangement.leftSide !== void 0;
-}
-var getAllDimensionsForSchematicBox = (params) => {
-  const componentMargin = params.schPinSpacing;
-  let sidePinCounts = params.schPortArrangement ? getSizeOfSidesFromPortArrangement(params.schPortArrangement) : null;
-  const sideLengths = {
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0
-  };
-  let pinCount = params.pinCount ?? null;
-  if (pinCount === null) {
-    if (sidePinCounts) {
-      pinCount = sidePinCounts.leftSize + sidePinCounts.rightSize + sidePinCounts.topSize + sidePinCounts.bottomSize;
-    } else {
-      throw new Error("Could not determine pin count for the schematic box");
-    }
-  }
-  if (pinCount && !sidePinCounts) {
-    const rightSize = Math.floor(pinCount / 2);
-    sidePinCounts = {
-      leftSize: pinCount - rightSize,
-      rightSize,
-      topSize: 0,
-      bottomSize: 0
-    };
-  }
-  if (!sidePinCounts) {
-    sidePinCounts = {
-      leftSize: 0,
-      rightSize: 0,
-      topSize: 0,
-      bottomSize: 0
-    };
-  }
-  const schWidth = params.schWidth ?? Math.max(sidePinCounts.topSize, sidePinCounts.bottomSize) * params.schPinSpacing + 2 * componentMargin;
-  const schHeight = params.schHeight ?? Math.max(sidePinCounts.leftSize, sidePinCounts.rightSize) * params.schPinSpacing + 2 * componentMargin;
-  const distributePorts = (sideSize, sideLength, totalMargin) => {
-    if (sideSize <= 1) return 0;
-    return (sideLength - totalMargin) / (sideSize - 1);
-  };
-  const orderedTruePorts = [];
-  let truePinIndex = 0;
-  const processSide = (side, pins, direction) => {
-    const isVertical = side === "left" || side === "right";
-    const sideLength = isVertical ? schHeight : schWidth;
-    let totalMargin = 0;
-    for (const pin of pins) {
-      const pinStyle = params.schPinStyle?.[`pin${pin}`] ?? params.schPinStyle?.[pin];
-      if (pinStyle) {
-        if (isVertical) {
-          totalMargin += (pinStyle.topMargin ?? 0) + (pinStyle.bottomMargin ?? 0);
-        } else {
-          totalMargin += (pinStyle.leftMargin ?? 0) + (pinStyle.rightMargin ?? 0);
-        }
-      }
-    }
-    const spacing = distributePorts(
-      pins.length,
-      sideLength - 2 * componentMargin,
-      totalMargin
-    );
-    let currentDistanceFromEdge = componentMargin;
-    pins.forEach((pinNumber, index) => {
-      const pinStyle = params.schPinStyle?.[`pin${pinNumber}`] ?? params.schPinStyle?.[pinNumber];
-      if (pinStyle) {
-        if (isVertical) {
-          if (side === "left") {
-            currentDistanceFromEdge += direction === "top-to-bottom" ? pinStyle.topMargin ?? 0 : pinStyle.bottomMargin ?? 0;
-          } else {
-            currentDistanceFromEdge += direction === "top-to-bottom" ? pinStyle.bottomMargin ?? 0 : pinStyle.topMargin ?? 0;
-          }
-        } else {
-          if (side === "top") {
-            currentDistanceFromEdge += direction === "left-to-right" ? pinStyle.leftMargin ?? 0 : pinStyle.rightMargin ?? 0;
-          } else {
-            currentDistanceFromEdge += direction === "left-to-right" ? pinStyle.rightMargin ?? 0 : pinStyle.leftMargin ?? 0;
-          }
-        }
-      }
-      orderedTruePorts.push({
-        trueIndex: truePinIndex,
-        pinNumber,
-        side,
-        distanceFromEdge: currentDistanceFromEdge,
-        x: 0,
-        y: 0
-      });
-      if (pinStyle) {
-        if (isVertical) {
-          if (side === "left") {
-            currentDistanceFromEdge += direction === "top-to-bottom" ? pinStyle.bottomMargin ?? 0 : pinStyle.topMargin ?? 0;
-          } else {
-            currentDistanceFromEdge += direction === "top-to-bottom" ? pinStyle.topMargin ?? 0 : pinStyle.bottomMargin ?? 0;
-          }
-        } else {
-          if (side === "top") {
-            currentDistanceFromEdge += direction === "left-to-right" ? pinStyle.rightMargin ?? 0 : pinStyle.leftMargin ?? 0;
-          } else {
-            currentDistanceFromEdge += direction === "left-to-right" ? pinStyle.leftMargin ?? 0 : pinStyle.rightMargin ?? 0;
-          }
-        }
-      }
-      currentDistanceFromEdge += spacing;
-      truePinIndex++;
-    });
-    sideLengths[side] = sideLength;
-  };
-  if (params.schPortArrangement && isExplicitPinMappingArrangement(params.schPortArrangement)) {
-    if (params.schPortArrangement.leftSide) {
-      processSide(
-        "left",
-        params.schPortArrangement.leftSide.pins,
-        params.schPortArrangement.leftSide.direction ?? "top-to-bottom"
-      );
-    }
-    if (params.schPortArrangement.rightSide) {
-      processSide(
-        "right",
-        params.schPortArrangement.rightSide.pins,
-        params.schPortArrangement.rightSide.direction ?? "bottom-to-top"
-      );
-    }
-    if (params.schPortArrangement.topSide) {
-      processSide(
-        "top",
-        params.schPortArrangement.topSide.pins,
-        params.schPortArrangement.topSide.direction ?? "left-to-right"
-      );
-    }
-    if (params.schPortArrangement.bottomSide) {
-      processSide(
-        "bottom",
-        params.schPortArrangement.bottomSide.pins,
-        params.schPortArrangement.bottomSide.direction ?? "left-to-right"
-      );
-    }
-  } else {
-    const leftSide = Array.from(
-      { length: sidePinCounts.leftSize },
-      (_, i) => i + 1
-    );
-    const rightSide = Array.from(
-      { length: sidePinCounts.rightSize },
-      (_, i) => i + sidePinCounts.leftSize + 1
-    );
-    const topSide = Array.from(
-      { length: sidePinCounts.topSize },
-      (_, i) => i + sidePinCounts.leftSize + sidePinCounts.rightSize + 1
-    );
-    const bottomSide = Array.from(
-      {
-        length: pinCount - sidePinCounts.leftSize - sidePinCounts.rightSize - sidePinCounts.topSize
-      },
-      (_, i) => i + sidePinCounts.leftSize + sidePinCounts.rightSize + sidePinCounts.topSize + 1
-    );
-    processSide("left", leftSide, "top-to-bottom");
-    processSide("right", rightSide, "top-to-bottom");
-    processSide("top", topSide, "left-to-right");
-    processSide("bottom", bottomSide, "left-to-right");
-  }
-  const trueEdgePositions = {
-    left: { x: -schWidth / 2 - 0.2, y: schHeight / 2 },
-    bottom: { x: -schWidth / 2, y: schHeight / 2 + 0.2 },
-    right: { x: schWidth / 2 + 0.2, y: -schHeight / 2 },
-    top: { x: schWidth / 2, y: -schHeight / 2 - 0.2 }
-  };
-  const trueEdgeTraversalDirections = {
-    left: { x: 0, y: -1 },
-    right: { x: 0, y: 1 },
-    top: { x: -1, y: 0 },
-    bottom: { x: 1, y: 0 }
-  };
-  const truePortsWithPositions = orderedTruePorts.map((p) => {
-    const { distanceFromEdge, side } = p;
-    if (side === "center") {
-      return {
-        ...p,
-        x: 0,
-        y: 0
-      };
-    }
-    const edgePos = trueEdgePositions[side];
-    const edgeDir = trueEdgeTraversalDirections[side];
-    return {
-      ...p,
-      x: edgePos.x + distanceFromEdge * edgeDir.x,
-      y: edgePos.y + distanceFromEdge * edgeDir.y
-    };
-  });
-  return {
-    getPortPositionByPinNumber(pinNumber) {
-      const port = truePortsWithPositions.find(
-        (p) => p.pinNumber.toString() === pinNumber.toString()
-      );
-      if (!port) {
-        return {
-          trueIndex: -1,
-          // Use -1 for non-existent ports
-          pinNumber,
-          side: "center",
-          distanceFromEdge: 0,
-          x: 0,
-          y: 0
-        };
-      }
-      return port;
-    },
-    getSize() {
-      return { width: schWidth, height: schHeight };
-    },
-    pinCount
-  };
-};
-
-// lib/components/normal-components/Chip.ts
 var Chip = class extends NormalComponent {
-  schematicDimensions = null;
+  schematicBoxDimensions = null;
   get config() {
     return {
       componentName: "Chip",
-      zodProps: chipProps
+      zodProps: chipProps,
+      shouldRenderAsSchematicBox: true
     };
   }
   doInitialSourceRender() {
@@ -3859,43 +3871,6 @@ var Chip = class extends NormalComponent {
     });
     this.source_component_id = source_component.source_component_id;
   }
-  doInitialSchematicComponentRender() {
-    const { db } = this.root;
-    const { _parsedProps: props } = this;
-    const pinCountFromSchArrangement = (props.schPortArrangement?.leftSize ?? 0) + (props.schPortArrangement?.rightSize ?? 0) + (props.schPortArrangement?.topSize ?? 0) + (props.schPortArrangement?.bottomSize ?? 0);
-    const pinCount = pinCountFromSchArrangement || this.getPortsFromFootprint().length;
-    const pinSpacing = props.schPinSpacing ?? 0.2;
-    const dimensions = getAllDimensionsForSchematicBox({
-      schWidth: props.schWidth,
-      schHeight: props.schHeight,
-      schPinSpacing: pinSpacing,
-      schPinStyle: props.schPinStyle,
-      pinCount,
-      // @ts-ignore there's a subtley in the definition difference with
-      // leftSide/rightSide/topSide/bottomSide in how the direction is defined
-      // that doesn't really matter
-      schPortArrangement: props.schPortArrangement
-    });
-    this.schematicDimensions = dimensions;
-    const primaryPortLabels = {};
-    for (const [port, label] of Object.entries(props.pinLabels ?? {})) {
-      primaryPortLabels[port] = Array.isArray(label) ? label[0] : label;
-    }
-    const schematic_component2 = db.schematic_component.insert({
-      center: { x: props.schX ?? 0, y: props.schY ?? 0 },
-      rotation: props.schRotation ?? 0,
-      size: dimensions.getSize(),
-      port_arrangement: underscorifyPortArrangement(
-        props.schPortArrangement
-      ),
-      pin_spacing: pinSpacing,
-      // @ts-ignore soup needs to support distance for pin_styles
-      pin_styles: underscorifyPinStyles(props.schPinStyle),
-      port_labels: primaryPortLabels,
-      source_component_id: this.source_component_id
-    });
-    this.schematic_component_id = schematic_component2.schematic_component_id;
-  }
   doInitialPcbComponentRender() {
     const { db } = this.root;
     const { _parsedProps: props } = this;
@@ -3946,7 +3921,8 @@ var Jumper = class extends NormalComponent {
   get config() {
     return {
       componentName: "Jumper",
-      zodProps: jumperProps
+      zodProps: jumperProps,
+      shouldRenderAsSchematicBox: true
     };
   }
   doInitialSourceRender() {
@@ -3961,41 +3937,6 @@ var Jumper = class extends NormalComponent {
     });
     this.source_component_id = source_component.source_component_id;
   }
-  doInitialSchematicComponentRender() {
-    const { db } = this.root;
-    const { _parsedProps: props } = this;
-    const ports = this.children.filter((child) => child instanceof Port);
-    const pinSpacing = props.schPinSpacing ?? 0.2;
-    const dimensions = getAllDimensionsForSchematicBox({
-      schWidth: props.schWidth,
-      schHeight: props.schHeight,
-      schPinSpacing: pinSpacing,
-      schPinStyle: props.schPinStyle,
-      pinCount: ports.length,
-      // @ts-ignore there's a subtley in the definition difference with
-      // leftSide/rightSide/topSide/bottomSide in how the direction is defined
-      // that doesn't really matter
-      schPortArrangement: {
-        // TODO use schematic direction or schPortArrangement
-        rightSize: ports.length
-      }
-    });
-    this.schematicDimensions = dimensions;
-    const schematic_component2 = db.schematic_component.insert({
-      center: { x: props.schX ?? 0, y: props.schY ?? 0 },
-      rotation: props.schRotation ?? 0,
-      size: dimensions.getSize(),
-      port_arrangement: underscorifyPortArrangement(
-        props.schPortArrangement
-      ),
-      pin_spacing: pinSpacing,
-      // @ts-ignore soup needs to support distance for pin_styles
-      pin_styles: underscorifyPinStyles(props.schPinStyle),
-      port_labels: props.pinLabels,
-      source_component_id: this.source_component_id
-    });
-    this.schematic_component_id = schematic_component2.schematic_component_id;
-  }
   doInitialPcbComponentRender() {
     const { db } = this.root;
     const { _parsedProps: props } = this;
@@ -4501,7 +4442,7 @@ var PinHeader = class extends NormalComponent {
     return {
       componentName: "PinHeader",
       zodProps: pinHeaderProps,
-      schematicSymbolName: "pinrow_horz"
+      shouldRenderAsSchematicBox: true
     };
   }
   _getImpliedFootprintString() {
@@ -4529,6 +4470,12 @@ var PinHeader = class extends NormalComponent {
       );
     }
   }
+  _getSchematicPortArrangement() {
+    return {
+      leftSize: 0,
+      rightSize: this._parsedProps.pinCount ?? 1
+    };
+  }
   doInitialSourceRender() {
     const { db } = this.root;
     const { _parsedProps: props } = this;
@@ -4542,21 +4489,6 @@ var PinHeader = class extends NormalComponent {
     });
     this.source_component_id = source_component.source_component_id;
   }
-  doInitialSchematicComponentRender() {
-    const { db } = this.root;
-    const { _parsedProps: props } = this;
-    const schematic_component2 = db.schematic_component.insert({
-      center: { x: props.schX ?? 0, y: props.schY ?? 0 },
-      rotation: props.schRotation ?? 0,
-      size: { width: 2, height: props.pinCount ?? 1 },
-      source_component_id: this.source_component_id,
-      port_arrangement: {
-        left_size: 0,
-        right_size: props.pinCount ?? 1
-      }
-    });
-    this.schematic_component_id = schematic_component2.schematic_component_id;
-  }
 };
 
 // lib/components/normal-components/Inductor.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.146",
+  "version": "0.0.148",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,9 +43,9 @@
     "@tscircuit/props": "^0.0.83",
     "@tscircuit/schematic-autolayout": "^0.0.5",
     "@tscircuit/soup-util": "^0.0.33",
-    "circuit-json": "^0.0.91",
+    "circuit-json": "^0.0.93",
     "circuit-json-to-connectivity-map": "^0.0.17",
-    "circuit-to-svg": "^0.0.56",
+    "circuit-to-svg": "^0.0.58",
     "nanoid": "^5.0.7",
     "performance-now": "^2.1.0",
     "react": "^18.3.1",