@tscircuit/core 0.0.149 → 0.0.150

package/dist/index.d.ts

@@ -60,6 +60,23 @@ type ReactSubtree = {
     component: NormalComponent;
 };
 
+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;
+    };
+}
+
 type RootCircuitEventName = "asyncEffectComplete";
 declare class Circuit {
     firstChild: PrimitiveComponent | null;
@@ -111,23 +128,6 @@ 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;

package/dist/index.js

@@ -355,6 +355,53 @@ var createInstanceFromReactElement = (reactElm) => {
   return rootContainer.children[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/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/errors/InvalidProps.ts
 var InvalidProps = class extends Error {
   constructor(componentName, originalProps, formattedError) {
@@ -421,7 +468,7 @@ import {
   rotate,
   translate
 } from "transformation-matrix";
-import { z } from "zod";
+import { z as z2 } from "zod";
 var PrimitiveComponent = class extends Renderable {
   parent = null;
   children;
@@ -429,7 +476,7 @@ var PrimitiveComponent = class extends Renderable {
   get config() {
     return {
       componentName: "",
-      zodProps: z.object({}).passthrough()
+      zodProps: z2.object({}).passthrough()
     };
   }
   props;
@@ -841,7 +888,7 @@ var PrimitiveComponent = class extends Renderable {
 };
 
 // lib/components/primitive-components/Net.ts
-import { z as z2 } from "zod";
+import { z as z3 } from "zod";
 
 // lib/utils/pairs.ts
 function pairs(arr) {
@@ -854,8 +901,8 @@ function pairs(arr) {
 
 // lib/components/primitive-components/Net.ts
 import { autoroute } from "@tscircuit/infgrid-ijump-astar";
-var netProps = z2.object({
-  name: z2.string()
+var netProps = z3.object({
+  name: z3.string()
 });
 var Net = class extends PrimitiveComponent {
   source_net_id;
@@ -1571,11 +1618,11 @@ function getRelativeDirection(pointA, pointB) {
 // lib/components/primitive-components/Port.ts
 import "schematic-symbols";
 import { applyToPoint as applyToPoint4, compose as compose3, translate as translate3 } from "transformation-matrix";
-import { z as z3 } from "zod";
-var portProps = z3.object({
-  name: z3.string().optional(),
-  pinNumber: z3.number().optional(),
-  aliases: z3.array(z3.string()).optional()
+import { z as z4 } from "zod";
+var portProps = z4.object({
+  name: z4.string().optional(),
+  pinNumber: z4.number().optional(),
+  aliases: z4.array(z4.string()).optional()
 });
 var Port = class extends PrimitiveComponent {
   source_port_id = null;
@@ -1821,322 +1868,105 @@ function getPortFromHints(hints) {
   });
 }
 
-// lib/components/base-components/NormalComponent.ts
-import {
-  isValidElement as isReactElement,
-  isValidElement
-} from "react";
-import { symbols as symbols2 } from "schematic-symbols";
-import { z as z5 } from "zod";
-
-// lib/components/primitive-components/Footprint.ts
-import { footprintProps } from "@tscircuit/props";
-import * as kiwi from "@lume/kiwi";
-import Debug from "debug";
-var debug = Debug("tscircuit:core:footprint");
-var Footprint = class extends PrimitiveComponent {
-  get config() {
+// 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 {
-      componentName: "Footprint",
-      zodProps: footprintProps
+      leftSize: pa.leftSide?.pins.length ?? 0,
+      rightSize: pa.rightSide?.pins.length ?? 0,
+      topSize: pa.topSide?.pins.length ?? 0,
+      bottomSize: pa.bottomSide?.pins.length ?? 0
     };
   }
-  /**
-   * A footprint is a constrainedlayout, the db elements are adjusted according
-   * to any constraints that are defined.
-   */
-  doInitialPcbFootprintLayout() {
-    const constraints = this.children.filter(
-      (child) => child.componentName === "Constraint"
-    );
-    if (constraints.length === 0) return;
-    const { isFlipped } = this._getPcbPrimitiveFlippedHelpers();
-    const maybeFlipLeftRight = (props) => {
-      if (isFlipped) {
-        if ("left" in props && "right" in props) {
-          return {
-            ...props,
-            left: props.right,
-            right: props.left
-          };
-        }
-      }
-      return props;
+  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
     };
-    const involvedComponents = constraints.flatMap(
-      (constraint) => constraint._getAllReferencedComponents().componentsWithSelectors
-    ).map(({ component, selector, componentSelector, edge }) => ({
-      component,
-      selector,
-      componentSelector,
-      edge,
-      bounds: component._getPcbCircuitJsonBounds()
-    }));
-    if (involvedComponents.some((c) => c.edge)) {
-      throw new Error(
-        "edge constraints not implemented yet for footprint layout, contributions welcome!"
-      );
+  }
+  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;
     }
-    function getComponentDetails(selector) {
-      return involvedComponents.find(({ selector: s }) => s === selector);
+    orderedTruePorts.push({
+      trueIndex: truePinIndex,
+      pinNumber,
+      side: "left",
+      distanceFromOrthogonalEdge: currentDistanceFromEdge
+    });
+    if (pinStyle?.bottomMargin) {
+      currentDistanceFromEdge += pinStyle.bottomMargin;
     }
-    const solver = new kiwi.Solver();
-    const kVars = {};
-    function getKVar(name) {
-      if (!(name in kVars)) {
-        kVars[name] = new kiwi.Variable(name);
-        solver.addEditVariable(kVars[name], kiwi.Strength.weak);
-      }
-      return kVars[name];
+    const isLastPinOnSide = sideIndex === sidePinCounts.leftSize - 1;
+    if (!isLastPinOnSide) {
+      currentDistanceFromEdge += params.schPinSpacing;
+    } else {
+      sideLengths.left = currentDistanceFromEdge;
     }
-    for (const { selector, bounds: bounds2 } of involvedComponents) {
-      const kvx = getKVar(`${selector}_x`);
-      const kvy = getKVar(`${selector}_y`);
-      solver.suggestValue(kvx, bounds2.center.x);
-      solver.suggestValue(kvy, bounds2.center.y);
-    }
-    for (const constraint of constraints) {
-      const props = constraint._parsedProps;
-      if ("xDist" in props) {
-        const { xDist, left, right, edgeToEdge, centerToCenter } = maybeFlipLeftRight(props);
-        const leftVar = getKVar(`${left}_x`);
-        const rightVar = getKVar(`${right}_x`);
-        const leftBounds = getComponentDetails(left)?.bounds;
-        const rightBounds = getComponentDetails(right)?.bounds;
-        if (centerToCenter) {
-          const expr = new kiwi.Expression(rightVar, [-1, leftVar]);
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.xDist,
-              kiwi.Strength.required
-            )
-          );
-        } else if (edgeToEdge) {
-          const expr = new kiwi.Expression(
-            rightVar,
-            -rightBounds.width / 2,
-            [-1, leftVar],
-            -leftBounds.width / 2
-          );
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.xDist,
-              kiwi.Strength.required
-            )
-          );
-        }
-      } else if ("yDist" in props) {
-        const { yDist, top, bottom, edgeToEdge, centerToCenter } = props;
-        const topVar = getKVar(`${top}_y`);
-        const bottomVar = getKVar(`${bottom}_y`);
-        const topBounds = getComponentDetails(top)?.bounds;
-        const bottomBounds = getComponentDetails(bottom)?.bounds;
-        if (centerToCenter) {
-          const expr = new kiwi.Expression(topVar, [-1, bottomVar]);
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.yDist,
-              kiwi.Strength.required
-            )
-          );
-        } else if (edgeToEdge) {
-          const expr = new kiwi.Expression(
-            topVar,
-            topBounds.height / 2,
-            [-1, bottomVar],
-            -bottomBounds.height / 2
-          );
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.yDist,
-              kiwi.Strength.required
-            )
-          );
-        }
-      } else if ("sameY" in props) {
-        const { for: selectors } = props;
-        if (selectors.length < 2) continue;
-        const vars = selectors.map((selector) => getKVar(`${selector}_y`));
-        const expr = new kiwi.Expression(...vars.slice(1));
-        solver.addConstraint(
-          new kiwi.Constraint(
-            expr,
-            kiwi.Operator.Eq,
-            vars[0],
-            kiwi.Strength.required
-          )
-        );
-      } else if ("sameX" in props) {
-        const { for: selectors } = props;
-        if (selectors.length < 2) continue;
-        const vars = selectors.map((selector) => getKVar(`${selector}_x`));
-        const expr = new kiwi.Expression(...vars.slice(1));
-        solver.addConstraint(
-          new kiwi.Constraint(
-            expr,
-            kiwi.Operator.Eq,
-            vars[0],
-            kiwi.Strength.required
-          )
-        );
-      }
-    }
-    solver.updateVariables();
-    if (debug.enabled) {
-      console.log("Solution to layout constraints:");
-      console.table(
-        Object.entries(kVars).map(([key, kvar]) => ({
-          var: key,
-          val: kvar.value()
-        }))
-      );
-    }
-    const bounds = {
-      left: Infinity,
-      right: -Infinity,
-      top: -Infinity,
-      bottom: Infinity
-    };
-    for (const {
-      selector,
-      bounds: { width, height }
-    } of involvedComponents) {
-      const kvx = getKVar(`${selector}_x`);
-      const kvy = getKVar(`${selector}_y`);
-      const newLeft = kvx.value() - width / 2;
-      const newRight = kvx.value() + width / 2;
-      const newTop = kvy.value() + height / 2;
-      const newBottom = kvy.value() - height / 2;
-      bounds.left = Math.min(bounds.left, newLeft);
-      bounds.right = Math.max(bounds.right, newRight);
-      bounds.top = Math.max(bounds.top, newTop);
-      bounds.bottom = Math.min(bounds.bottom, newBottom);
-    }
-    const globalOffset = {
-      x: -(bounds.right + bounds.left) / 2,
-      y: -(bounds.top + bounds.bottom) / 2
-    };
-    const containerPos = this.getPrimitiveContainer()._getGlobalPcbPositionBeforeLayout();
-    globalOffset.x += containerPos.x;
-    globalOffset.y += containerPos.y;
-    for (const { component, selector } of involvedComponents) {
-      const kvx = getKVar(`${selector}_x`);
-      const kvy = getKVar(`${selector}_y`);
-      component._setPositionFromLayout({
-        x: kvx.value() + globalOffset.x,
-        y: kvy.value() + globalOffset.y
-      });
-    }
-  }
-};
-
-// 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;
+    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,
@@ -2272,51 +2102,221 @@ var getAllDimensionsForSchematicBox = (params) => {
   };
 };
 
-// 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) {
+// lib/components/base-components/NormalComponent.ts
+import {
+  isValidElement as isReactElement,
+  isValidElement
+} from "react";
+import { symbols as symbols2 } from "schematic-symbols";
+import { z as z5 } from "zod";
+
+// lib/components/primitive-components/Footprint.ts
+import { footprintProps } from "@tscircuit/props";
+import * as kiwi from "@lume/kiwi";
+import Debug from "debug";
+var debug = Debug("tscircuit:core:footprint");
+var Footprint = class extends PrimitiveComponent {
+  get config() {
     return {
-      left_side: portArrangement.leftSide,
-      right_side: portArrangement.rightSide,
-      top_side: portArrangement.topSide,
-      bottom_side: portArrangement.bottomSide
+      componentName: "Footprint",
+      zodProps: footprintProps
     };
   }
-  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
+  /**
+   * A footprint is a constrainedlayout, the db elements are adjusted according
+   * to any constraints that are defined.
+   */
+  doInitialPcbFootprintLayout() {
+    const constraints = this.children.filter(
+      (child) => child.componentName === "Constraint"
+    );
+    if (constraints.length === 0) return;
+    const { isFlipped } = this._getPcbPrimitiveFlippedHelpers();
+    const maybeFlipLeftRight = (props) => {
+      if (isFlipped) {
+        if ("left" in props && "right" in props) {
+          return {
+            ...props,
+            left: props.right,
+            right: props.left
+          };
+        }
+      }
+      return props;
     };
-  }
-  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
+    const involvedComponents = constraints.flatMap(
+      (constraint) => constraint._getAllReferencedComponents().componentsWithSelectors
+    ).map(({ component, selector, componentSelector, edge }) => ({
+      component,
+      selector,
+      componentSelector,
+      edge,
+      bounds: component._getPcbCircuitJsonBounds()
+    }));
+    if (involvedComponents.some((c) => c.edge)) {
+      throw new Error(
+        "edge constraints not implemented yet for footprint layout, contributions welcome!"
+      );
+    }
+    function getComponentDetails(selector) {
+      return involvedComponents.find(({ selector: s }) => s === selector);
+    }
+    const solver = new kiwi.Solver();
+    const kVars = {};
+    function getKVar(name) {
+      if (!(name in kVars)) {
+        kVars[name] = new kiwi.Variable(name);
+        solver.addEditVariable(kVars[name], kiwi.Strength.weak);
+      }
+      return kVars[name];
+    }
+    for (const { selector, bounds: bounds2 } of involvedComponents) {
+      const kvx = getKVar(`${selector}_x`);
+      const kvy = getKVar(`${selector}_y`);
+      solver.suggestValue(kvx, bounds2.center.x);
+      solver.suggestValue(kvy, bounds2.center.y);
+    }
+    for (const constraint of constraints) {
+      const props = constraint._parsedProps;
+      if ("xDist" in props) {
+        const { xDist, left, right, edgeToEdge, centerToCenter } = maybeFlipLeftRight(props);
+        const leftVar = getKVar(`${left}_x`);
+        const rightVar = getKVar(`${right}_x`);
+        const leftBounds = getComponentDetails(left)?.bounds;
+        const rightBounds = getComponentDetails(right)?.bounds;
+        if (centerToCenter) {
+          const expr = new kiwi.Expression(rightVar, [-1, leftVar]);
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.xDist,
+              kiwi.Strength.required
+            )
+          );
+        } else if (edgeToEdge) {
+          const expr = new kiwi.Expression(
+            rightVar,
+            -rightBounds.width / 2,
+            [-1, leftVar],
+            -leftBounds.width / 2
+          );
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.xDist,
+              kiwi.Strength.required
+            )
+          );
+        }
+      } else if ("yDist" in props) {
+        const { yDist, top, bottom, edgeToEdge, centerToCenter } = props;
+        const topVar = getKVar(`${top}_y`);
+        const bottomVar = getKVar(`${bottom}_y`);
+        const topBounds = getComponentDetails(top)?.bounds;
+        const bottomBounds = getComponentDetails(bottom)?.bounds;
+        if (centerToCenter) {
+          const expr = new kiwi.Expression(topVar, [-1, bottomVar]);
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.yDist,
+              kiwi.Strength.required
+            )
+          );
+        } else if (edgeToEdge) {
+          const expr = new kiwi.Expression(
+            topVar,
+            topBounds.height / 2,
+            [-1, bottomVar],
+            -bottomBounds.height / 2
+          );
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.yDist,
+              kiwi.Strength.required
+            )
+          );
+        }
+      } else if ("sameY" in props) {
+        const { for: selectors } = props;
+        if (selectors.length < 2) continue;
+        const vars = selectors.map((selector) => getKVar(`${selector}_y`));
+        const expr = new kiwi.Expression(...vars.slice(1));
+        solver.addConstraint(
+          new kiwi.Constraint(
+            expr,
+            kiwi.Operator.Eq,
+            vars[0],
+            kiwi.Strength.required
+          )
+        );
+      } else if ("sameX" in props) {
+        const { for: selectors } = props;
+        if (selectors.length < 2) continue;
+        const vars = selectors.map((selector) => getKVar(`${selector}_x`));
+        const expr = new kiwi.Expression(...vars.slice(1));
+        solver.addConstraint(
+          new kiwi.Constraint(
+            expr,
+            kiwi.Operator.Eq,
+            vars[0],
+            kiwi.Strength.required
+          )
+        );
+      }
+    }
+    solver.updateVariables();
+    if (debug.enabled) {
+      console.log("Solution to layout constraints:");
+      console.table(
+        Object.entries(kVars).map(([key, kvar]) => ({
+          var: key,
+          val: kvar.value()
+        }))
+      );
+    }
+    const bounds = {
+      left: Infinity,
+      right: -Infinity,
+      top: -Infinity,
+      bottom: Infinity
     };
-  }
-  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
+    for (const {
+      selector,
+      bounds: { width, height }
+    } of involvedComponents) {
+      const kvx = getKVar(`${selector}_x`);
+      const kvy = getKVar(`${selector}_y`);
+      const newLeft = kvx.value() - width / 2;
+      const newRight = kvx.value() + width / 2;
+      const newTop = kvy.value() + height / 2;
+      const newBottom = kvy.value() - height / 2;
+      bounds.left = Math.min(bounds.left, newLeft);
+      bounds.right = Math.max(bounds.right, newRight);
+      bounds.top = Math.max(bounds.top, newTop);
+      bounds.bottom = Math.min(bounds.bottom, newBottom);
+    }
+    const globalOffset = {
+      x: -(bounds.right + bounds.left) / 2,
+      y: -(bounds.top + bounds.bottom) / 2
     };
+    const containerPos = this.getPrimitiveContainer()._getGlobalPcbPositionBeforeLayout();
+    globalOffset.x += containerPos.x;
+    globalOffset.y += containerPos.y;
+    for (const { component, selector } of involvedComponents) {
+      const kvx = getKVar(`${selector}_x`);
+      const kvy = getKVar(`${selector}_y`);
+      component._setPositionFromLayout({
+        x: kvx.value() + globalOffset.x,
+        y: kvy.value() + globalOffset.y
+      });
+    }
   }
-  return underscorePinStyles;
 };
 
 // lib/components/base-components/NormalComponent.ts
@@ -2430,10 +2430,14 @@ var NormalComponent = class extends PrimitiveComponent {
       this.addAll(portsToCreate);
       return;
     }
-    const portsFromFootprint = this.getPortsFromFootprint();
-    for (const port of portsFromFootprint) {
-      if (!portsToCreate.some((p) => p.isMatchingAnyOf(port.getNameAndAliases()))) {
-        portsToCreate.push(port);
+    if (!this._parsedProps.schPortArrangement) {
+      const portsFromFootprint = this.getPortsFromFootprint();
+      for (const port of portsFromFootprint) {
+        if (!portsToCreate.some(
+          (p) => p.isMatchingAnyOf(port.getNameAndAliases())
+        )) {
+          portsToCreate.push(port);
+        }
       }
     }
     if (portsToCreate.length > 0) {
@@ -2723,10 +2727,14 @@ var NormalComponent = class extends PrimitiveComponent {
    *
    */
   doInitialPortDiscovery() {
-    const newPorts = [
-      ...this.getPortsFromFootprint(),
-      ...this.getPortsFromSchematicSymbol()
-    ];
+    const { _parsedProps: props } = this;
+    let newPorts = [];
+    if (!props.schPortArrangement) {
+      newPorts = [
+        ...this.getPortsFromFootprint(),
+        ...this.getPortsFromSchematicSymbol()
+      ];
+    }
     const existingPorts = this.children.filter(
       (c) => c.componentName === "Port"
     );
@@ -2762,9 +2770,10 @@ var NormalComponent = class extends PrimitiveComponent {
   }
   _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;
+    if (schPortArrangement) {
+      return (schPortArrangement.leftSize ?? 0) + (schPortArrangement.rightSize ?? 0) + (schPortArrangement.topSize ?? 0) + (schPortArrangement.bottomSize ?? 0);
+    }
+    return this.getPortsFromFootprint().length;
   }
   /**
    * Override the schematic port arrangement if you want to customize where pins

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.149",
+  "version": "0.0.150",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
     "@tscircuit/soup-util": "^0.0.33",
     "circuit-json": "^0.0.93",
     "circuit-json-to-connectivity-map": "^0.0.17",
-    "circuit-to-svg": "^0.0.58",
+    "circuit-to-svg": "^0.0.59",
     "nanoid": "^5.0.7",
     "performance-now": "^2.1.0",
     "react": "^18.3.1",