@tscircuit/schematic-viewer 1.4.3 → 2.0.1

package/dist/index.js

@@ -1,2502 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js
-var require_use_sync_external_store_shim_production_min = __commonJS({
-  "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js"(exports) {
-    "use strict";
-    var e = require("react");
-    function h(a, b) {
-      return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
-    }
-    var k = "function" === typeof Object.is ? Object.is : h;
-    var l = e.useState;
-    var m = e.useEffect;
-    var n = e.useLayoutEffect;
-    var p = e.useDebugValue;
-    function q(a, b) {
-      var d = b(), f = l({ inst: { value: d, getSnapshot: b } }), c = f[0].inst, g = f[1];
-      n(function() {
-        c.value = d;
-        c.getSnapshot = b;
-        r(c) && g({ inst: c });
-      }, [a, d, b]);
-      m(function() {
-        r(c) && g({ inst: c });
-        return a(function() {
-          r(c) && g({ inst: c });
-        });
-      }, [a]);
-      p(d);
-      return d;
-    }
-    function r(a) {
-      var b = a.getSnapshot;
-      a = a.value;
-      try {
-        var d = b();
-        return !k(a, d);
-      } catch (f) {
-        return true;
-      }
-    }
-    function t(a, b) {
-      return b();
-    }
-    var u = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t : q;
-    exports.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u;
-  }
-});
-
-// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
-var require_use_sync_external_store_shim_development = __commonJS({
-  "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) {
-    "use strict";
-    if (process.env.NODE_ENV !== "production") {
-      (function() {
-        "use strict";
-        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
-          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-        }
-        var React = require("react");
-        var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-        function error(format) {
-          {
-            {
-              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-                args[_key2 - 1] = arguments[_key2];
-              }
-              printWarning("error", format, args);
-            }
-          }
-        }
-        function printWarning(level, format, args) {
-          {
-            var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-            var stack = ReactDebugCurrentFrame.getStackAddendum();
-            if (stack !== "") {
-              format += "%s";
-              args = args.concat([stack]);
-            }
-            var argsWithFormat = args.map(function(item) {
-              return String(item);
-            });
-            argsWithFormat.unshift("Warning: " + format);
-            Function.prototype.apply.call(console[level], console, argsWithFormat);
-          }
-        }
-        function is(x, y) {
-          return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-        }
-        var objectIs = typeof Object.is === "function" ? Object.is : is;
-        var useState4 = React.useState, useEffect3 = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue2 = React.useDebugValue;
-        var didWarnOld18Alpha = false;
-        var didWarnUncachedGetSnapshot = false;
-        function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-          {
-            if (!didWarnOld18Alpha) {
-              if (React.startTransition !== void 0) {
-                didWarnOld18Alpha = true;
-                error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.");
-              }
-            }
-          }
-          var value = getSnapshot();
-          {
-            if (!didWarnUncachedGetSnapshot) {
-              var cachedValue = getSnapshot();
-              if (!objectIs(value, cachedValue)) {
-                error("The result of getSnapshot should be cached to avoid an infinite loop");
-                didWarnUncachedGetSnapshot = true;
-              }
-            }
-          }
-          var _useState = useState4({
-            inst: {
-              value,
-              getSnapshot
-            }
-          }), inst = _useState[0].inst, forceUpdate = _useState[1];
-          useLayoutEffect(function() {
-            inst.value = value;
-            inst.getSnapshot = getSnapshot;
-            if (checkIfSnapshotChanged(inst)) {
-              forceUpdate({
-                inst
-              });
-            }
-          }, [subscribe, value, getSnapshot]);
-          useEffect3(function() {
-            if (checkIfSnapshotChanged(inst)) {
-              forceUpdate({
-                inst
-              });
-            }
-            var handleStoreChange = function() {
-              if (checkIfSnapshotChanged(inst)) {
-                forceUpdate({
-                  inst
-                });
-              }
-            };
-            return subscribe(handleStoreChange);
-          }, [subscribe]);
-          useDebugValue2(value);
-          return value;
-        }
-        function checkIfSnapshotChanged(inst) {
-          var latestGetSnapshot = inst.getSnapshot;
-          var prevValue = inst.value;
-          try {
-            var nextValue = latestGetSnapshot();
-            return !objectIs(prevValue, nextValue);
-          } catch (error2) {
-            return true;
-          }
-        }
-        function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
-          return getSnapshot();
-        }
-        var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
-        var isServerEnvironment = !canUseDOM;
-        var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
-        var useSyncExternalStore$2 = React.useSyncExternalStore !== void 0 ? React.useSyncExternalStore : shim;
-        exports.useSyncExternalStore = useSyncExternalStore$2;
-        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
-          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-        }
-      })();
-    }
-  }
-});
-
-// node_modules/use-sync-external-store/shim/index.js
-var require_shim = __commonJS({
-  "node_modules/use-sync-external-store/shim/index.js"(exports, module2) {
-    "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = require_use_sync_external_store_shim_production_min();
-    } else {
-      module2.exports = require_use_sync_external_store_shim_development();
-    }
-  }
-});
-
-// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js
-var require_with_selector_production_min = __commonJS({
-  "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js"(exports) {
-    "use strict";
-    var h = require("react");
-    var n = require_shim();
-    function p(a, b) {
-      return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
-    }
-    var q = "function" === typeof Object.is ? Object.is : p;
-    var r = n.useSyncExternalStore;
-    var t = h.useRef;
-    var u = h.useEffect;
-    var v = h.useMemo;
-    var w = h.useDebugValue;
-    exports.useSyncExternalStoreWithSelector = function(a, b, e, l, g) {
-      var c = t(null);
-      if (null === c.current) {
-        var f = { hasValue: false, value: null };
-        c.current = f;
-      } else
-        f = c.current;
-      c = v(function() {
-        function a2(a3) {
-          if (!c2) {
-            c2 = true;
-            d2 = a3;
-            a3 = l(a3);
-            if (void 0 !== g && f.hasValue) {
-              var b2 = f.value;
-              if (g(b2, a3))
-                return k = b2;
-            }
-            return k = a3;
-          }
-          b2 = k;
-          if (q(d2, a3))
-            return b2;
-          var e2 = l(a3);
-          if (void 0 !== g && g(b2, e2))
-            return b2;
-          d2 = a3;
-          return k = e2;
-        }
-        var c2 = false, d2, k, m = void 0 === e ? null : e;
-        return [function() {
-          return a2(b());
-        }, null === m ? void 0 : function() {
-          return a2(m());
-        }];
-      }, [b, e, l, g]);
-      var d = r(a, c[0], c[1]);
-      u(function() {
-        f.hasValue = true;
-        f.value = d;
-      }, [d]);
-      w(d);
-      return d;
-    };
-  }
-});
-
-// node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js
-var require_with_selector_development = __commonJS({
-  "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js"(exports) {
-    "use strict";
-    if (process.env.NODE_ENV !== "production") {
-      (function() {
-        "use strict";
-        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
-          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-        }
-        var React = require("react");
-        var shim = require_shim();
-        function is(x, y) {
-          return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-        }
-        var objectIs = typeof Object.is === "function" ? Object.is : is;
-        var useSyncExternalStore = shim.useSyncExternalStore;
-        var useRef3 = React.useRef, useEffect3 = React.useEffect, useMemo3 = React.useMemo, useDebugValue2 = React.useDebugValue;
-        function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-          var instRef = useRef3(null);
-          var inst;
-          if (instRef.current === null) {
-            inst = {
-              hasValue: false,
-              value: null
-            };
-            instRef.current = inst;
-          } else {
-            inst = instRef.current;
-          }
-          var _useMemo = useMemo3(function() {
-            var hasMemo = false;
-            var memoizedSnapshot;
-            var memoizedSelection;
-            var memoizedSelector = function(nextSnapshot) {
-              if (!hasMemo) {
-                hasMemo = true;
-                memoizedSnapshot = nextSnapshot;
-                var _nextSelection = selector(nextSnapshot);
-                if (isEqual !== void 0) {
-                  if (inst.hasValue) {
-                    var currentSelection = inst.value;
-                    if (isEqual(currentSelection, _nextSelection)) {
-                      memoizedSelection = currentSelection;
-                      return currentSelection;
-                    }
-                  }
-                }
-                memoizedSelection = _nextSelection;
-                return _nextSelection;
-              }
-              var prevSnapshot = memoizedSnapshot;
-              var prevSelection = memoizedSelection;
-              if (objectIs(prevSnapshot, nextSnapshot)) {
-                return prevSelection;
-              }
-              var nextSelection = selector(nextSnapshot);
-              if (isEqual !== void 0 && isEqual(prevSelection, nextSelection)) {
-                return prevSelection;
-              }
-              memoizedSnapshot = nextSnapshot;
-              memoizedSelection = nextSelection;
-              return nextSelection;
-            };
-            var maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot;
-            var getSnapshotWithSelector = function() {
-              return memoizedSelector(getSnapshot());
-            };
-            var getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
-              return memoizedSelector(maybeGetServerSnapshot());
-            };
-            return [getSnapshotWithSelector, getServerSnapshotWithSelector];
-          }, [getSnapshot, getServerSnapshot, selector, isEqual]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
-          var value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-          useEffect3(function() {
-            inst.hasValue = true;
-            inst.value = value;
-          }, [value]);
-          useDebugValue2(value);
-          return value;
-        }
-        exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector2;
-        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
-          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-        }
-      })();
-    }
-  }
-});
-
-// node_modules/use-sync-external-store/shim/with-selector.js
-var require_with_selector = __commonJS({
-  "node_modules/use-sync-external-store/shim/with-selector.js"(exports, module2) {
-    "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = require_with_selector_production_min();
-    } else {
-      module2.exports = require_with_selector_development();
-    }
-  }
-});
-
-// node_modules/parse-svg-path/index.js
-var require_parse_svg_path = __commonJS({
-  "node_modules/parse-svg-path/index.js"(exports, module2) {
-    module2.exports = parse;
-    var length = { a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0 };
-    var segment = /([astvzqmhlc])([^astvzqmhlc]*)/ig;
-    function parse(path) {
-      var data = [];
-      path.replace(segment, function(_, command, args) {
-        var type = command.toLowerCase();
-        args = parseValues(args);
-        if (type == "m" && args.length > 2) {
-          data.push([command].concat(args.splice(0, 2)));
-          type = "l";
-          command = command == "m" ? "l" : "L";
-        }
-        while (true) {
-          if (args.length == length[type]) {
-            args.unshift(command);
-            return data.push(args);
-          }
-          if (args.length < length[type])
-            throw new Error("malformed path data");
-          data.push([command].concat(args.splice(0, length[type])));
-        }
-      });
-      return data;
-    }
-    var number = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig;
-    function parseValues(args) {
-      var numbers = args.match(number);
-      return numbers ? numbers.map(Number) : [];
-    }
-  }
-});
-
-// node_modules/abs-svg-path/index.js
-var require_abs_svg_path = __commonJS({
-  "node_modules/abs-svg-path/index.js"(exports, module2) {
-    module2.exports = absolutize;
-    function absolutize(path) {
-      var startX = 0;
-      var startY = 0;
-      var x = 0;
-      var y = 0;
-      return path.map(function(seg) {
-        seg = seg.slice();
-        var type = seg[0];
-        var command = type.toUpperCase();
-        if (type != command) {
-          seg[0] = command;
-          switch (type) {
-            case "a":
-              seg[6] += x;
-              seg[7] += y;
-              break;
-            case "v":
-              seg[1] += y;
-              break;
-            case "h":
-              seg[1] += x;
-              break;
-            default:
-              for (var i = 1; i < seg.length; ) {
-                seg[i++] += x;
-                seg[i++] += y;
-              }
-          }
-        }
-        switch (command) {
-          case "Z":
-            x = startX;
-            y = startY;
-            break;
-          case "H":
-            x = seg[1];
-            break;
-          case "V":
-            y = seg[1];
-            break;
-          case "M":
-            x = startX = seg[1];
-            y = startY = seg[2];
-            break;
-          default:
-            x = seg[seg.length - 2];
-            y = seg[seg.length - 1];
-        }
-        return seg;
-      });
-    }
-  }
-});
-
-// node_modules/svg-arc-to-cubic-bezier/modules/index.js
-var modules_exports = {};
-__export(modules_exports, {
-  default: () => modules_default
-});
-var _slicedToArray, TAU, mapToEllipse, approxUnitArc, vectorAngle, getArcCenter, arcToBezier, modules_default;
-var init_modules = __esm({
-  "node_modules/svg-arc-to-cubic-bezier/modules/index.js"() {
-    _slicedToArray = function() {
-      function sliceIterator(arr, i) {
-        var _arr = [];
-        var _n = true;
-        var _d = false;
-        var _e = void 0;
-        try {
-          for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-            _arr.push(_s.value);
-            if (i && _arr.length === i)
-              break;
-          }
-        } catch (err) {
-          _d = true;
-          _e = err;
-        } finally {
-          try {
-            if (!_n && _i["return"])
-              _i["return"]();
-          } finally {
-            if (_d)
-              throw _e;
-          }
-        }
-        return _arr;
-      }
-      return function(arr, i) {
-        if (Array.isArray(arr)) {
-          return arr;
-        } else if (Symbol.iterator in Object(arr)) {
-          return sliceIterator(arr, i);
-        } else {
-          throw new TypeError("Invalid attempt to destructure non-iterable instance");
-        }
-      };
-    }();
-    TAU = Math.PI * 2;
-    mapToEllipse = function mapToEllipse2(_ref, rx, ry, cosphi, sinphi, centerx, centery) {
-      var x = _ref.x, y = _ref.y;
-      x *= rx;
-      y *= ry;
-      var xp = cosphi * x - sinphi * y;
-      var yp = sinphi * x + cosphi * y;
-      return {
-        x: xp + centerx,
-        y: yp + centery
-      };
-    };
-    approxUnitArc = function approxUnitArc2(ang1, ang2) {
-      var a = ang2 === 1.5707963267948966 ? 0.551915024494 : ang2 === -1.5707963267948966 ? -0.551915024494 : 4 / 3 * Math.tan(ang2 / 4);
-      var x1 = Math.cos(ang1);
-      var y1 = Math.sin(ang1);
-      var x2 = Math.cos(ang1 + ang2);
-      var y2 = Math.sin(ang1 + ang2);
-      return [{
-        x: x1 - y1 * a,
-        y: y1 + x1 * a
-      }, {
-        x: x2 + y2 * a,
-        y: y2 - x2 * a
-      }, {
-        x: x2,
-        y: y2
-      }];
-    };
-    vectorAngle = function vectorAngle2(ux, uy, vx, vy) {
-      var sign = ux * vy - uy * vx < 0 ? -1 : 1;
-      var dot = ux * vx + uy * vy;
-      if (dot > 1) {
-        dot = 1;
-      }
-      if (dot < -1) {
-        dot = -1;
-      }
-      return sign * Math.acos(dot);
-    };
-    getArcCenter = function getArcCenter2(px, py, cx, cy, rx, ry, largeArcFlag, sweepFlag, sinphi, cosphi, pxp, pyp) {
-      var rxsq = Math.pow(rx, 2);
-      var rysq = Math.pow(ry, 2);
-      var pxpsq = Math.pow(pxp, 2);
-      var pypsq = Math.pow(pyp, 2);
-      var radicant = rxsq * rysq - rxsq * pypsq - rysq * pxpsq;
-      if (radicant < 0) {
-        radicant = 0;
-      }
-      radicant /= rxsq * pypsq + rysq * pxpsq;
-      radicant = Math.sqrt(radicant) * (largeArcFlag === sweepFlag ? -1 : 1);
-      var centerxp = radicant * rx / ry * pyp;
-      var centeryp = radicant * -ry / rx * pxp;
-      var centerx = cosphi * centerxp - sinphi * centeryp + (px + cx) / 2;
-      var centery = sinphi * centerxp + cosphi * centeryp + (py + cy) / 2;
-      var vx1 = (pxp - centerxp) / rx;
-      var vy1 = (pyp - centeryp) / ry;
-      var vx2 = (-pxp - centerxp) / rx;
-      var vy2 = (-pyp - centeryp) / ry;
-      var ang1 = vectorAngle(1, 0, vx1, vy1);
-      var ang2 = vectorAngle(vx1, vy1, vx2, vy2);
-      if (sweepFlag === 0 && ang2 > 0) {
-        ang2 -= TAU;
-      }
-      if (sweepFlag === 1 && ang2 < 0) {
-        ang2 += TAU;
-      }
-      return [centerx, centery, ang1, ang2];
-    };
-    arcToBezier = function arcToBezier2(_ref2) {
-      var px = _ref2.px, py = _ref2.py, cx = _ref2.cx, cy = _ref2.cy, rx = _ref2.rx, ry = _ref2.ry, _ref2$xAxisRotation = _ref2.xAxisRotation, xAxisRotation = _ref2$xAxisRotation === void 0 ? 0 : _ref2$xAxisRotation, _ref2$largeArcFlag = _ref2.largeArcFlag, largeArcFlag = _ref2$largeArcFlag === void 0 ? 0 : _ref2$largeArcFlag, _ref2$sweepFlag = _ref2.sweepFlag, sweepFlag = _ref2$sweepFlag === void 0 ? 0 : _ref2$sweepFlag;
-      var curves = [];
-      if (rx === 0 || ry === 0) {
-        return [];
-      }
-      var sinphi = Math.sin(xAxisRotation * TAU / 360);
-      var cosphi = Math.cos(xAxisRotation * TAU / 360);
-      var pxp = cosphi * (px - cx) / 2 + sinphi * (py - cy) / 2;
-      var pyp = -sinphi * (px - cx) / 2 + cosphi * (py - cy) / 2;
-      if (pxp === 0 && pyp === 0) {
-        return [];
-      }
-      rx = Math.abs(rx);
-      ry = Math.abs(ry);
-      var lambda = Math.pow(pxp, 2) / Math.pow(rx, 2) + Math.pow(pyp, 2) / Math.pow(ry, 2);
-      if (lambda > 1) {
-        rx *= Math.sqrt(lambda);
-        ry *= Math.sqrt(lambda);
-      }
-      var _getArcCenter = getArcCenter(px, py, cx, cy, rx, ry, largeArcFlag, sweepFlag, sinphi, cosphi, pxp, pyp), _getArcCenter2 = _slicedToArray(_getArcCenter, 4), centerx = _getArcCenter2[0], centery = _getArcCenter2[1], ang1 = _getArcCenter2[2], ang2 = _getArcCenter2[3];
-      var ratio = Math.abs(ang2) / (TAU / 4);
-      if (Math.abs(1 - ratio) < 1e-7) {
-        ratio = 1;
-      }
-      var segments = Math.max(Math.ceil(ratio), 1);
-      ang2 /= segments;
-      for (var i = 0; i < segments; i++) {
-        curves.push(approxUnitArc(ang1, ang2));
-        ang1 += ang2;
-      }
-      return curves.map(function(curve) {
-        var _mapToEllipse = mapToEllipse(curve[0], rx, ry, cosphi, sinphi, centerx, centery), x1 = _mapToEllipse.x, y1 = _mapToEllipse.y;
-        var _mapToEllipse2 = mapToEllipse(curve[1], rx, ry, cosphi, sinphi, centerx, centery), x2 = _mapToEllipse2.x, y2 = _mapToEllipse2.y;
-        var _mapToEllipse3 = mapToEllipse(curve[2], rx, ry, cosphi, sinphi, centerx, centery), x = _mapToEllipse3.x, y = _mapToEllipse3.y;
-        return { x1, y1, x2, y2, x, y };
-      });
-    };
-    modules_default = arcToBezier;
-  }
-});
-
-// node_modules/normalize-svg-path/index.js
-var require_normalize_svg_path = __commonJS({
-  "node_modules/normalize-svg-path/index.js"(exports, module2) {
-    "use strict";
-    module2.exports = normalize;
-    var arcToCurve = (init_modules(), __toCommonJS(modules_exports));
-    function normalize(path) {
-      var prev;
-      var result = [];
-      var bezierX = 0;
-      var bezierY = 0;
-      var startX = 0;
-      var startY = 0;
-      var quadX = null;
-      var quadY = null;
-      var x = 0;
-      var y = 0;
-      for (var i = 0, len = path.length; i < len; i++) {
-        var seg = path[i];
-        var command = seg[0];
-        switch (command) {
-          case "M":
-            startX = seg[1];
-            startY = seg[2];
-            break;
-          case "A":
-            var curves = arcToCurve({
-              px: x,
-              py: y,
-              cx: seg[6],
-              cy: seg[7],
-              rx: seg[1],
-              ry: seg[2],
-              xAxisRotation: seg[3],
-              largeArcFlag: seg[4],
-              sweepFlag: seg[5]
-            });
-            if (!curves.length)
-              continue;
-            for (var j = 0, c; j < curves.length; j++) {
-              c = curves[j];
-              seg = ["C", c.x1, c.y1, c.x2, c.y2, c.x, c.y];
-              if (j < curves.length - 1)
-                result.push(seg);
-            }
-            break;
-          case "S":
-            var cx = x;
-            var cy = y;
-            if (prev == "C" || prev == "S") {
-              cx += cx - bezierX;
-              cy += cy - bezierY;
-            }
-            seg = ["C", cx, cy, seg[1], seg[2], seg[3], seg[4]];
-            break;
-          case "T":
-            if (prev == "Q" || prev == "T") {
-              quadX = x * 2 - quadX;
-              quadY = y * 2 - quadY;
-            } else {
-              quadX = x;
-              quadY = y;
-            }
-            seg = quadratic(x, y, quadX, quadY, seg[1], seg[2]);
-            break;
-          case "Q":
-            quadX = seg[1];
-            quadY = seg[2];
-            seg = quadratic(x, y, seg[1], seg[2], seg[3], seg[4]);
-            break;
-          case "L":
-            seg = line(x, y, seg[1], seg[2]);
-            break;
-          case "H":
-            seg = line(x, y, seg[1], y);
-            break;
-          case "V":
-            seg = line(x, y, x, seg[1]);
-            break;
-          case "Z":
-            seg = line(x, y, startX, startY);
-            break;
-        }
-        prev = command;
-        x = seg[seg.length - 2];
-        y = seg[seg.length - 1];
-        if (seg.length > 4) {
-          bezierX = seg[seg.length - 4];
-          bezierY = seg[seg.length - 3];
-        } else {
-          bezierX = x;
-          bezierY = y;
-        }
-        result.push(seg);
-      }
-      return result;
-    }
-    function line(x1, y1, x2, y2) {
-      return ["C", x1, y1, x2, y2, x2, y2];
-    }
-    function quadratic(x1, y1, cx, cy, x2, y2) {
-      return [
-        "C",
-        x1 / 3 + 2 / 3 * cx,
-        y1 / 3 + 2 / 3 * cy,
-        x2 / 3 + 2 / 3 * cx,
-        y2 / 3 + 2 / 3 * cy,
-        x2,
-        y2
-      ];
-    }
-  }
-});
-
-// node_modules/is-svg-path/index.js
-var require_is_svg_path = __commonJS({
-  "node_modules/is-svg-path/index.js"(exports, module2) {
-    "use strict";
-    module2.exports = function isPath(str) {
-      if (typeof str !== "string")
-        return false;
-      str = str.trim();
-      if (/^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(str) && /[\dz]$/i.test(str) && str.length > 4)
-        return true;
-      return false;
-    };
-  }
-});
-
-// node_modules/svg-path-bounds/index.js
-var require_svg_path_bounds = __commonJS({
-  "node_modules/svg-path-bounds/index.js"(exports, module2) {
-    "use strict";
-    var parse = require_parse_svg_path();
-    var abs = require_abs_svg_path();
-    var normalize = require_normalize_svg_path();
-    var isSvgPath = require_is_svg_path();
-    module2.exports = pathBounds;
-    function pathBounds(path) {
-      if (Array.isArray(path) && path.length === 1 && typeof path[0] === "string")
-        path = path[0];
-      if (typeof path === "string") {
-        if (!isSvgPath(path))
-          throw Error("String is not an SVG path.");
-        path = parse(path);
-      }
-      if (!Array.isArray(path))
-        throw Error("Argument should be a string or an array of path segments.");
-      path = abs(path);
-      path = normalize(path);
-      if (!path.length)
-        return [0, 0, 0, 0];
-      var bounds = [Infinity, Infinity, -Infinity, -Infinity];
-      for (var i = 0, l = path.length; i < l; i++) {
-        var points = path[i].slice(1);
-        for (var j = 0; j < points.length; j += 2) {
-          if (points[j + 0] < bounds[0])
-            bounds[0] = points[j + 0];
-          if (points[j + 1] < bounds[1])
-            bounds[1] = points[j + 1];
-          if (points[j + 0] > bounds[2])
-            bounds[2] = points[j + 0];
-          if (points[j + 1] > bounds[3])
-            bounds[3] = points[j + 1];
-        }
-      }
-      return bounds;
-    }
-  }
-});
-
-// node_modules/debounce/index.js
-var require_debounce = __commonJS({
-  "node_modules/debounce/index.js"(exports, module2) {
-    function debounce(func, wait, immediate) {
-      var timeout, args, context, timestamp, result;
-      if (null == wait)
-        wait = 100;
-      function later() {
-        var last = Date.now() - timestamp;
-        if (last < wait && last >= 0) {
-          timeout = setTimeout(later, wait - last);
-        } else {
-          timeout = null;
-          if (!immediate) {
-            result = func.apply(context, args);
-            context = args = null;
-          }
-        }
-      }
-      ;
-      var debounced = function() {
-        context = this;
-        args = arguments;
-        timestamp = Date.now();
-        var callNow = immediate && !timeout;
-        if (!timeout)
-          timeout = setTimeout(later, wait);
-        if (callNow) {
-          result = func.apply(context, args);
-          context = args = null;
-        }
-        return result;
-      };
-      debounced.clear = function() {
-        if (timeout) {
-          clearTimeout(timeout);
-          timeout = null;
-        }
-      };
-      debounced.flush = function() {
-        if (timeout) {
-          result = func.apply(context, args);
-          context = args = null;
-          clearTimeout(timeout);
-          timeout = null;
-        }
-      };
-      return debounced;
-    }
-    debounce.debounce = debounce;
-    module2.exports = debounce;
-  }
-});
-
-// node_modules/svg-path-generator/lib/svg-path-generator.js
-var require_svg_path_generator = __commonJS({
-  "node_modules/svg-path-generator/lib/svg-path-generator.js"(exports, module2) {
-    function SvgPathGenerator(path) {
-      if (!(this instanceof SvgPathGenerator)) {
-        return new SvgPathGenerator(path);
-      }
-      this.currentPath = (path || "") + " ";
-      this.isRelative = false;
-    }
-    module2.exports = SvgPathGenerator;
-    SvgPathGenerator.prototype.toString = function() {
-      return this.end();
-    };
-    SvgPathGenerator.prototype.moveTo = function() {
-      this._appendData("M", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.close = SvgPathGenerator.prototype.closePath = function() {
-      this._appendData("Z", []);
-      return this;
-    };
-    SvgPathGenerator.prototype.lineTo = function() {
-      this._appendData("L", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.horizontalLineTo = function(x) {
-      this._appendData("H", [x]);
-      return this;
-    };
-    SvgPathGenerator.prototype.verticalLineTo = function(y) {
-      this._appendData("V", [y]);
-      return this;
-    };
-    SvgPathGenerator.prototype.curveTo = function() {
-      this._appendData("C", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.smoothCurveTo = function() {
-      this._appendData("S", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.bezierCurveTo = function() {
-      this._appendData("Q", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.smoothBezierCurveTo = function() {
-      this._appendData("T", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.ellipticalArc = function() {
-      this._appendData("A", arguments);
-      return this;
-    };
-    SvgPathGenerator.prototype.relative = function() {
-      this.isRelative = true;
-      return this;
-    };
-    SvgPathGenerator.prototype.end = function() {
-      return this.currentPath.trim();
-    };
-    SvgPathGenerator.prototype._appendData = function(symbol, args) {
-      args = Array.prototype.slice.call(args);
-      if (this.isRelative) {
-        symbol = symbol.toLowerCase();
-        this.isRelative = false;
-      }
-      this.currentPath += symbol + " " + args.join(" ") + " ";
-    };
-  }
-});
-
-// node_modules/svg-path-generator/index.js
-var require_svg_path_generator2 = __commonJS({
-  "node_modules/svg-path-generator/index.js"(exports, module2) {
-    module2.exports = require_svg_path_generator();
-  }
-});
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Schematic: () => Schematic,
-  SchematicWithoutContext: () => SchematicWithoutContext
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/Schematic.tsx
-var import_core = require("@tscircuit/core");
-var import_soup_util = require("@tscircuit/soup-util");
-
-// node_modules/zustand/esm/vanilla.mjs
-var import_meta = {};
-var createStoreImpl = (createState) => {
-  let state;
-  const listeners = /* @__PURE__ */ new Set();
-  const setState = (partial, replace) => {
-    const nextState = typeof partial === "function" ? partial(state) : partial;
-    if (!Object.is(nextState, state)) {
-      const previousState = state;
-      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
-      listeners.forEach((listener) => listener(state, previousState));
-    }
-  };
-  const getState = () => state;
-  const getInitialState = () => initialState;
-  const subscribe = (listener) => {
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-  };
-  const destroy = () => {
-    if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
-      console.warn(
-        "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
-      );
-    }
-    listeners.clear();
-  };
-  const api = { setState, getState, getInitialState, subscribe, destroy };
-  const initialState = state = createState(setState, getState, api);
-  return api;
-};
-var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
-
-// node_modules/zustand/esm/index.mjs
-var import_react = __toESM(require("react"), 1);
-var import_with_selector = __toESM(require_with_selector(), 1);
-var import_meta2 = {};
-var { useDebugValue } = import_react.default;
-var { useSyncExternalStoreWithSelector } = import_with_selector.default;
-var didWarnAboutEqualityFn = false;
-var identity = (arg) => arg;
-function useStore(api, selector = identity, equalityFn) {
-  if ((import_meta2.env ? import_meta2.env.MODE : void 0) !== "production" && equalityFn && !didWarnAboutEqualityFn) {
-    console.warn(
-      "[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937"
-    );
-    didWarnAboutEqualityFn = true;
-  }
-  const slice = useSyncExternalStoreWithSelector(
-    api.subscribe,
-    api.getState,
-    api.getServerState || api.getInitialState,
-    selector,
-    equalityFn
-  );
-  useDebugValue(slice);
-  return slice;
-}
-
-// node_modules/transformation-matrix/src/applyToPoint.js
-function applyToPoint(matrix, point) {
-  return Array.isArray(point) ? [
-    matrix.a * point[0] + matrix.c * point[1] + matrix.e,
-    matrix.b * point[0] + matrix.d * point[1] + matrix.f
-  ] : {
-    x: matrix.a * point.x + matrix.c * point.y + matrix.e,
-    y: matrix.b * point.x + matrix.d * point.y + matrix.f
-  };
-}
-
-// node_modules/transformation-matrix/src/inverse.js
-function inverse(matrix) {
-  const { a, b, c, d, e, f } = matrix;
-  const denom = a * d - b * c;
-  return {
-    a: d / denom,
-    b: b / -denom,
-    c: c / -denom,
-    d: a / denom,
-    e: (d * e - c * f) / -denom,
-    f: (b * e - a * f) / denom
-  };
-}
-
-// node_modules/transformation-matrix/src/utils.js
-function isUndefined(val) {
-  return typeof val === "undefined";
-}
-
-// node_modules/transformation-matrix/src/translate.js
-function translate(tx, ty = 0) {
-  return {
-    a: 1,
-    c: 0,
-    e: tx,
-    b: 0,
-    d: 1,
-    f: ty
-  };
-}
-
-// node_modules/transformation-matrix/src/transform.js
-function transform(...matrices) {
-  matrices = Array.isArray(matrices[0]) ? matrices[0] : matrices;
-  const multiply = (m1, m2) => {
-    return {
-      a: m1.a * m2.a + m1.c * m2.b,
-      c: m1.a * m2.c + m1.c * m2.d,
-      e: m1.a * m2.e + m1.c * m2.f + m1.e,
-      b: m1.b * m2.a + m1.d * m2.b,
-      d: m1.b * m2.c + m1.d * m2.d,
-      f: m1.b * m2.e + m1.d * m2.f + m1.f
-    };
-  };
-  switch (matrices.length) {
-    case 0:
-      throw new Error("no matrices provided");
-    case 1:
-      return matrices[0];
-    case 2:
-      return multiply(matrices[0], matrices[1]);
-    default: {
-      const [m1, m2, ...rest] = matrices;
-      const m = multiply(m1, m2);
-      return transform(m, ...rest);
-    }
-  }
-}
-function compose(...matrices) {
-  return transform(...matrices);
-}
-
-// node_modules/transformation-matrix/src/rotate.js
-var { cos, sin, PI } = Math;
-
-// node_modules/transformation-matrix/src/scale.js
-function scale(sx, sy = void 0, cx = void 0, cy = void 0) {
-  if (isUndefined(sy))
-    sy = sx;
-  const scaleMatrix = {
-    a: sx,
-    c: 0,
-    e: 0,
-    b: 0,
-    d: sy,
-    f: 0
-  };
-  if (isUndefined(cx) || isUndefined(cy)) {
-    return scaleMatrix;
-  }
-  return transform([
-    translate(cx, cy),
-    scaleMatrix,
-    translate(-cx, -cy)
-  ]);
-}
-
-// node_modules/transformation-matrix/src/skew.js
-var { tan } = Math;
-
-// node_modules/transformation-matrix/src/toString.js
-function toSVG(matrix) {
-  return toString(matrix);
-}
-function toString(matrix) {
-  return `matrix(${matrix.a},${matrix.b},${matrix.c},${matrix.d},${matrix.e},${matrix.f})`;
-}
-
-// node_modules/transformation-matrix/src/fromTransformAttribute.autogenerated.js
-function peg$subclass(child, parent) {
-  function C() {
-    this.constructor = child;
-  }
-  C.prototype = parent.prototype;
-  child.prototype = new C();
-}
-function peg$SyntaxError(message, expected, found, location) {
-  var self = Error.call(this, message);
-  if (Object.setPrototypeOf) {
-    Object.setPrototypeOf(self, peg$SyntaxError.prototype);
-  }
-  self.expected = expected;
-  self.found = found;
-  self.location = location;
-  self.name = "SyntaxError";
-  return self;
-}
-peg$subclass(peg$SyntaxError, Error);
-function peg$padEnd(str, targetLength, padString) {
-  padString = padString || " ";
-  if (str.length > targetLength) {
-    return str;
-  }
-  targetLength -= str.length;
-  padString += padString.repeat(targetLength);
-  return str + padString.slice(0, targetLength);
-}
-peg$SyntaxError.prototype.format = function(sources) {
-  var str = "Error: " + this.message;
-  if (this.location) {
-    var src = null;
-    var k;
-    for (k = 0; k < sources.length; k++) {
-      if (sources[k].source === this.location.source) {
-        src = sources[k].text.split(/\r\n|\n|\r/g);
-        break;
-      }
-    }
-    var s = this.location.start;
-    var offset_s = this.location.source && typeof this.location.source.offset === "function" ? this.location.source.offset(s) : s;
-    var loc = this.location.source + ":" + offset_s.line + ":" + offset_s.column;
-    if (src) {
-      var e = this.location.end;
-      var filler = peg$padEnd("", offset_s.line.toString().length, " ");
-      var line = src[s.line - 1];
-      var last = s.line === e.line ? e.column : line.length + 1;
-      var hatLen = last - s.column || 1;
-      str += "\n --> " + loc + "\n" + filler + " |\n" + offset_s.line + " | " + line + "\n" + filler + " | " + peg$padEnd("", s.column - 1, " ") + peg$padEnd("", hatLen, "^");
-    } else {
-      str += "\n at " + loc;
-    }
-  }
-  return str;
-};
-peg$SyntaxError.buildMessage = function(expected, found) {
-  var DESCRIBE_EXPECTATION_FNS = {
-    literal: function(expectation) {
-      return '"' + literalEscape(expectation.text) + '"';
-    },
-    class: function(expectation) {
-      var escapedParts = expectation.parts.map(function(part) {
-        return Array.isArray(part) ? classEscape(part[0]) + "-" + classEscape(part[1]) : classEscape(part);
-      });
-      return "[" + (expectation.inverted ? "^" : "") + escapedParts.join("") + "]";
-    },
-    any: function() {
-      return "any character";
-    },
-    end: function() {
-      return "end of input";
-    },
-    other: function(expectation) {
-      return expectation.description;
-    }
-  };
-  function hex(ch) {
-    return ch.charCodeAt(0).toString(16).toUpperCase();
-  }
-  function literalEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
-      return "\\x0" + hex(ch);
-    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
-      return "\\x" + hex(ch);
-    });
-  }
-  function classEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/\]/g, "\\]").replace(/\^/g, "\\^").replace(/-/g, "\\-").replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
-      return "\\x0" + hex(ch);
-    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
-      return "\\x" + hex(ch);
-    });
-  }
-  function describeExpectation(expectation) {
-    return DESCRIBE_EXPECTATION_FNS[expectation.type](expectation);
-  }
-  function describeExpected(expected2) {
-    var descriptions = expected2.map(describeExpectation);
-    var i, j;
-    descriptions.sort();
-    if (descriptions.length > 0) {
-      for (i = 1, j = 1; i < descriptions.length; i++) {
-        if (descriptions[i - 1] !== descriptions[i]) {
-          descriptions[j] = descriptions[i];
-          j++;
-        }
-      }
-      descriptions.length = j;
-    }
-    switch (descriptions.length) {
-      case 1:
-        return descriptions[0];
-      case 2:
-        return descriptions[0] + " or " + descriptions[1];
-      default:
-        return descriptions.slice(0, -1).join(", ") + ", or " + descriptions[descriptions.length - 1];
-    }
-  }
-  function describeFound(found2) {
-    return found2 ? '"' + literalEscape(found2) + '"' : "end of input";
-  }
-  return "Expected " + describeExpected(expected) + " but " + describeFound(found) + " found.";
-};
-
-// src/lib/render-context/index.ts
-var import_react6 = require("react");
-
-// src/schematic-components/ContextProviders.tsx
-var import_react2 = require("react");
-var import_react3 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var StoreContext = (0, import_react3.createContext)(null);
-var ContextProviders = ({ children }) => {
-  const store = (0, import_react2.useMemo)(() => createRenderContextStore(), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StoreContext.Provider, { value: store, children });
-};
-
-// src/schematic-components/RenderError.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var RenderError_default = ({ text }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        backgroundColor: "red",
-        color: "white",
-        fontSize: 14,
-        fontFamily: "sans-serif",
-        padding: 5,
-        right: 0,
-        top: 0,
-        opacity: 0.75
-      },
-      children: text
-    }
-  );
-};
-
-// src/lib/utils/colors.ts
-var colorMap = {
-  "3d_viewer": {
-    background_bottom: "rgb(102, 102, 128)",
-    background_top: "rgb(204, 204, 230)",
-    board: "rgb(51, 43, 23)",
-    copper: "rgb(179, 156, 0)",
-    silkscreen_bottom: "rgb(230, 230, 230)",
-    silkscreen_top: "rgb(230, 230, 230)",
-    soldermask: "rgb(20, 51, 36)",
-    solderpaste: "rgb(128, 128, 128)"
-  },
-  board: {
-    anchor: "rgb(255, 38, 226)",
-    aux_items: "rgb(255, 255, 255)",
-    b_adhes: "rgb(0, 0, 132)",
-    b_crtyd: "rgb(255, 38, 226)",
-    b_fab: "rgb(88, 93, 132)",
-    b_mask: "rgba(2, 255, 238, 0.400)",
-    b_paste: "rgb(0, 194, 194)",
-    b_silks: "rgb(232, 178, 167)",
-    background: "rgb(0, 16, 35)",
-    cmts_user: "rgb(89, 148, 220)",
-    copper: {
-      b: "rgb(77, 127, 196)",
-      f: "rgb(200, 52, 52)",
-      in1: "rgb(127, 200, 127)",
-      in10: "rgb(237, 124, 51)",
-      in11: "rgb(91, 195, 235)",
-      in12: "rgb(247, 111, 142)",
-      in13: "rgb(167, 165, 198)",
-      in14: "rgb(40, 204, 217)",
-      in15: "rgb(232, 178, 167)",
-      in16: "rgb(242, 237, 161)",
-      in17: "rgb(237, 124, 51)",
-      in18: "rgb(91, 195, 235)",
-      in19: "rgb(247, 111, 142)",
-      in2: "rgb(206, 125, 44)",
-      in20: "rgb(167, 165, 198)",
-      in21: "rgb(40, 204, 217)",
-      in22: "rgb(232, 178, 167)",
-      in23: "rgb(242, 237, 161)",
-      in24: "rgb(237, 124, 51)",
-      in25: "rgb(91, 195, 235)",
-      in26: "rgb(247, 111, 142)",
-      in27: "rgb(167, 165, 198)",
-      in28: "rgb(40, 204, 217)",
-      in29: "rgb(232, 178, 167)",
-      in3: "rgb(79, 203, 203)",
-      in30: "rgb(242, 237, 161)",
-      in4: "rgb(219, 98, 139)",
-      in5: "rgb(167, 165, 198)",
-      in6: "rgb(40, 204, 217)",
-      in7: "rgb(232, 178, 167)",
-      in8: "rgb(242, 237, 161)",
-      in9: "rgb(141, 203, 129)"
-    },
-    cursor: "rgb(255, 255, 255)",
-    drc: "rgb(194, 194, 194)",
-    drc_error: "rgba(215, 91, 107, 0.800)",
-    drc_exclusion: "rgb(255, 255, 255)",
-    drc_warning: "rgba(255, 208, 66, 0.902)",
-    dwgs_user: "rgb(194, 194, 194)",
-    eco1_user: "rgb(180, 219, 210)",
-    eco2_user: "rgb(216, 200, 82)",
-    edge_cuts: "rgb(208, 210, 205)",
-    f_adhes: "rgb(132, 0, 132)",
-    f_crtyd: "rgb(255, 0, 245)",
-    f_fab: "rgb(175, 175, 175)",
-    f_mask: "rgba(216, 100, 255, 0.400)",
-    f_paste: "rgba(180, 160, 154, 0.902)",
-    f_silks: "rgb(242, 237, 161)",
-    footprint_text_back: "rgb(0, 0, 132)",
-    footprint_text_front: "rgb(194, 194, 194)",
-    footprint_text_invisible: "rgb(132, 132, 132)",
-    grid: "rgb(132, 132, 132)",
-    grid_axes: "rgb(194, 194, 194)",
-    margin: "rgb(255, 38, 226)",
-    microvia: "rgb(0, 132, 132)",
-    no_connect: "rgb(0, 0, 132)",
-    pad_back: "rgb(77, 127, 196)",
-    pad_front: "rgb(200, 52, 52)",
-    pad_plated_hole: "rgb(194, 194, 0)",
-    pad_through_hole: "rgb(227, 183, 46)",
-    plated_hole: "rgb(26, 196, 210)",
-    ratsnest: "rgba(245, 255, 213, 0.702)",
-    select_overlay: "rgb(4, 255, 67)",
-    through_via: "rgb(236, 236, 236)",
-    user_1: "rgb(194, 194, 194)",
-    user_2: "rgb(89, 148, 220)",
-    user_3: "rgb(180, 219, 210)",
-    user_4: "rgb(216, 200, 82)",
-    user_5: "rgb(194, 194, 194)",
-    user_6: "rgb(89, 148, 220)",
-    user_7: "rgb(180, 219, 210)",
-    user_8: "rgb(216, 200, 82)",
-    user_9: "rgb(232, 178, 167)",
-    via_blind_buried: "rgb(187, 151, 38)",
-    via_hole: "rgb(227, 183, 46)",
-    via_micro: "rgb(0, 132, 132)",
-    via_through: "rgb(236, 236, 236)",
-    worksheet: "rgb(200, 114, 171)"
-  },
-  gerbview: {
-    axes: "rgb(0, 0, 132)",
-    background: "rgb(0, 0, 0)",
-    dcodes: "rgb(255, 255, 255)",
-    grid: "rgb(132, 132, 132)",
-    layers: [
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-      "rgb(132, 132, 0)",
-      "rgb(194, 194, 194)",
-      "rgb(0, 0, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-      "rgb(132, 132, 0)",
-      "rgb(194, 194, 194)",
-      "rgb(0, 0, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-      "rgb(132, 132, 0)",
-      "rgb(194, 194, 194)",
-      "rgb(0, 0, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)"
-    ],
-    negative_objects: "rgb(132, 132, 132)",
-    worksheet: "rgb(0, 0, 132)"
-  },
-  meta: {
-    filename: "kicad_2020",
-    name: "KiCad 2020",
-    version: 2
-  },
-  palette: [
-    "rgb(132, 0, 0)",
-    "rgb(194, 194, 0)",
-    "rgb(194, 0, 194)",
-    "rgb(194, 0, 0)",
-    "rgb(0, 132, 132)",
-    "rgb(0, 132, 0)",
-    "rgb(0, 0, 132)",
-    "rgb(132, 132, 132)",
-    "rgb(132, 0, 132)",
-    "rgb(194, 194, 194)",
-    "rgb(132, 0, 132)",
-    "rgb(132, 0, 0)",
-    "rgb(132, 132, 0)",
-    "rgb(194, 194, 194)",
-    "rgb(0, 0, 132)",
-    "rgb(0, 132, 0)"
-  ],
-  schematic: {
-    aux_items: "rgb(46, 46, 46)",
-    background: "rgb(245, 241, 237)",
-    brightened: "rgb(255, 0, 255)",
-    bus: "rgb(0, 0, 132)",
-    bus_junction: "rgb(0, 0, 132)",
-    component_body: "rgb(255, 255, 194)",
-    component_outline: "rgb(132, 0, 0)",
-    cursor: "rgb(15, 15, 15)",
-    erc_error: "rgba(230, 9, 13, 0.800)",
-    erc_warning: "rgba(209, 146, 0, 0.800)",
-    fields: "rgb(132, 0, 132)",
-    grid: "rgb(181, 181, 181)",
-    grid_axes: "rgb(0, 0, 132)",
-    hidden: "rgb(194, 194, 194)",
-    junction: "rgb(0, 150, 0)",
-    label_global: "rgb(132, 0, 0)",
-    label_hier: "rgb(114, 86, 0)",
-    label_local: "rgb(15, 15, 15)",
-    net_name: "rgb(132, 132, 132)",
-    no_connect: "rgb(0, 0, 132)",
-    note: "rgb(0, 0, 194)",
-    override_item_colors: false,
-    pin: "rgb(132, 0, 0)",
-    pin_name: "rgb(0, 100, 100)",
-    pin_number: "rgb(169, 0, 0)",
-    reference: "rgb(0, 100, 100)",
-    shadow: "rgba(102, 179, 255, 0.800)",
-    sheet: "rgb(132, 0, 0)",
-    sheet_background: "rgba(253, 255, 231, 0.000)",
-    sheet_fields: "rgb(132, 0, 132)",
-    sheet_filename: "rgb(114, 86, 0)",
-    sheet_label: "rgb(0, 100, 100)",
-    sheet_name: "rgb(0, 100, 100)",
-    value: "rgb(0, 100, 100)",
-    wire: "rgb(0, 150, 0)",
-    worksheet: "rgb(132, 0, 0)"
-  }
-};
-
-// src/lib/utils/get-svg-path-bounds.ts
-var import_svg_path_bounds = __toESM(require_svg_path_bounds());
-function getSVGPathBounds(ds) {
-  if (typeof ds === "string")
-    ds = [ds];
-  let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-  for (const d of ds) {
-    const [left, top, right, bottom] = (0, import_svg_path_bounds.default)(d);
-    minX = Math.min(left, minX);
-    maxX = Math.max(right, maxX);
-    minY = Math.min(top, minY);
-    maxY = Math.max(bottom, maxY);
-  }
-  return { minX, maxX, minY, maxY, width: maxX - minX, height: maxY - minY };
-}
-var get_svg_path_bounds_default = getSVGPathBounds;
-
-// src/schematic-components/SVGPathComponent.tsx
-var import_react4 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SVGPathComponent = ({
-  size,
-  center,
-  rotation,
-  paths,
-  zIndex,
-  invertY,
-  shiftToBottom,
-  hoverContent
-}) => {
-  const ct = useGlobalStore((s) => s.camera_transform);
-  const pathBounds = get_svg_path_bounds_default(
-    paths.filter((p) => p.type !== "circle" && p.type !== "text").map((p) => p.d)
-  );
-  const padding = { x: 0, y: 0 };
-  const absoluteCenter = applyToPoint(ct, center);
-  const innerSize = {
-    width: size.width * ct.a,
-    height: size.height * Math.abs(ct.d)
-  };
-  const fullSize = {
-    width: innerSize.width + padding.x * 2,
-    height: innerSize.height + padding.y * 2
-  };
-  const [hovering, setHovering] = (0, import_react4.useState)(false);
-  const svgLeft = absoluteCenter.x - fullSize.width / 2;
-  const svgTop = absoluteCenter.y - fullSize.height / 2;
-  const preferredRatio = pathBounds.width === 0 ? innerSize.height / pathBounds.height : innerSize.width / pathBounds.width;
-  const svgToScreen = compose(
-    scale(
-      pathBounds.width === 0 ? preferredRatio : fullSize.width / pathBounds.width,
-      pathBounds.height === 0 ? preferredRatio : fullSize.height / pathBounds.height
-    ),
-    translate(-pathBounds.minX, -pathBounds.minY)
-  );
-  const baseFontSize = 0.15;
-  return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: <explanation>
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "svg",
-      {
-        onMouseOver: () => setHovering(Boolean(hoverContent)),
-        onFocus: () => setHovering(Boolean(hoverContent)),
-        onMouseOut: () => setHovering(false),
-        onBlur: () => setHovering(false),
-        style: {
-          position: "absolute",
-          cursor: hovering ? "pointer" : void 0,
-          zIndex,
-          transform: [
-            invertY ? "scale(1, 1)" : "scale(1, -1)",
-            shiftToBottom ? "translate(0, 100%)" : "",
-            rotation === 0 ? "" : `rotate(${rotation}deg)`
-          ].join(" "),
-          left: svgLeft,
-          top: svgTop
-        },
-        overflow: "visible",
-        width: fullSize.width,
-        height: fullSize.height,
-        children: paths.map((p, i) => {
-          if (p.type === "circle") {
-            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "circle",
-              {
-                transform: toSVG(compose(scale(1, 1), svgToScreen)),
-                cx: p.cx,
-                cy: p.cy,
-                r: p.r,
-                fill: "none",
-                strokeWidth: 2.25 * (p.strokeWidth || 1),
-                stroke: p.stroke || "red"
-              },
-              `${p.type}-${i}`
-            );
-          }
-          if (p.type === "text") {
-            const transformedPos = applyToPoint(svgToScreen, { x: p.cx, y: p.cy });
-            const scaleFactor = fullSize.width / pathBounds.width || 1;
-            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "text",
-              {
-                className: "schematic-text",
-                x: transformedPos.x,
-                y: transformedPos.y,
-                fill: p.fill,
-                fontSize: baseFontSize * scaleFactor,
-                textAnchor: p.anchor || "middle",
-                dominantBaseline: "middle",
-                transform: `scale(1,-1) rotate(${p.rotation || 0})`,
-                style: {
-                  transformBox: "fill-box",
-                  transformOrigin: "center"
-                },
-                stroke: p.stroke,
-                children: p.text
-              }
-            ) }, `${p.type}-${i}`);
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "path",
-            {
-              transform: toSVG(svgToScreen),
-              fill: p.fill ?? "none",
-              strokeLinecap: "round",
-              strokeWidth: 1.5 * (p.strokeWidth || 1),
-              stroke: p.stroke || "red",
-              d: p.d || ""
-            },
-            `${p.type}-${i}`
-          );
-        })
-      }
-    )
-  );
-};
-var SVGPathComponent_default = SVGPathComponent;
-
-// node_modules/react-use-measure/dist/web.js
-var import_react5 = require("react");
-var import_debounce = __toESM(require_debounce());
-function useMeasure(_temp) {
-  let {
-    debounce,
-    scroll,
-    polyfill,
-    offsetSize
-  } = _temp === void 0 ? {
-    debounce: 0,
-    scroll: false,
-    offsetSize: false
-  } : _temp;
-  const ResizeObserver = polyfill || (typeof window === "undefined" ? class ResizeObserver {
-  } : window.ResizeObserver);
-  if (!ResizeObserver) {
-    throw new Error("This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills");
-  }
-  const [bounds, set] = (0, import_react5.useState)({
-    left: 0,
-    top: 0,
-    width: 0,
-    height: 0,
-    bottom: 0,
-    right: 0,
-    x: 0,
-    y: 0
-  });
-  const state = (0, import_react5.useRef)({
-    element: null,
-    scrollContainers: null,
-    resizeObserver: null,
-    lastBounds: bounds
-  });
-  const scrollDebounce = debounce ? typeof debounce === "number" ? debounce : debounce.scroll : null;
-  const resizeDebounce = debounce ? typeof debounce === "number" ? debounce : debounce.resize : null;
-  const mounted = (0, import_react5.useRef)(false);
-  (0, import_react5.useEffect)(() => {
-    mounted.current = true;
-    return () => void (mounted.current = false);
-  });
-  const [forceRefresh, resizeChange, scrollChange] = (0, import_react5.useMemo)(() => {
-    const callback = () => {
-      if (!state.current.element)
-        return;
-      const {
-        left,
-        top,
-        width,
-        height,
-        bottom,
-        right,
-        x,
-        y
-      } = state.current.element.getBoundingClientRect();
-      const size = {
-        left,
-        top,
-        width,
-        height,
-        bottom,
-        right,
-        x,
-        y
-      };
-      if (state.current.element instanceof HTMLElement && offsetSize) {
-        size.height = state.current.element.offsetHeight;
-        size.width = state.current.element.offsetWidth;
-      }
-      Object.freeze(size);
-      if (mounted.current && !areBoundsEqual(state.current.lastBounds, size))
-        set(state.current.lastBounds = size);
-    };
-    return [callback, resizeDebounce ? (0, import_debounce.default)(callback, resizeDebounce) : callback, scrollDebounce ? (0, import_debounce.default)(callback, scrollDebounce) : callback];
-  }, [set, offsetSize, scrollDebounce, resizeDebounce]);
-  function removeListeners() {
-    if (state.current.scrollContainers) {
-      state.current.scrollContainers.forEach((element) => element.removeEventListener("scroll", scrollChange, true));
-      state.current.scrollContainers = null;
-    }
-    if (state.current.resizeObserver) {
-      state.current.resizeObserver.disconnect();
-      state.current.resizeObserver = null;
-    }
-  }
-  function addListeners() {
-    if (!state.current.element)
-      return;
-    state.current.resizeObserver = new ResizeObserver(scrollChange);
-    state.current.resizeObserver.observe(state.current.element);
-    if (scroll && state.current.scrollContainers) {
-      state.current.scrollContainers.forEach((scrollContainer) => scrollContainer.addEventListener("scroll", scrollChange, {
-        capture: true,
-        passive: true
-      }));
-    }
-  }
-  const ref = (node) => {
-    if (!node || node === state.current.element)
-      return;
-    removeListeners();
-    state.current.element = node;
-    state.current.scrollContainers = findScrollContainers(node);
-    addListeners();
-  };
-  useOnWindowScroll(scrollChange, Boolean(scroll));
-  useOnWindowResize(resizeChange);
-  (0, import_react5.useEffect)(() => {
-    removeListeners();
-    addListeners();
-  }, [scroll, scrollChange, resizeChange]);
-  (0, import_react5.useEffect)(() => removeListeners, []);
-  return [ref, bounds, forceRefresh];
-}
-function useOnWindowResize(onWindowResize) {
-  (0, import_react5.useEffect)(() => {
-    const cb = onWindowResize;
-    window.addEventListener("resize", cb);
-    return () => void window.removeEventListener("resize", cb);
-  }, [onWindowResize]);
-}
-function useOnWindowScroll(onScroll, enabled) {
-  (0, import_react5.useEffect)(() => {
-    if (enabled) {
-      const cb = onScroll;
-      window.addEventListener("scroll", cb, {
-        capture: true,
-        passive: true
-      });
-      return () => void window.removeEventListener("scroll", cb, true);
-    }
-  }, [onScroll, enabled]);
-}
-function findScrollContainers(element) {
-  const result = [];
-  if (!element || element === document.body)
-    return result;
-  const {
-    overflow,
-    overflowX,
-    overflowY
-  } = window.getComputedStyle(element);
-  if ([overflow, overflowX, overflowY].some((prop) => prop === "auto" || prop === "scroll"))
-    result.push(element);
-  return [...result, ...findScrollContainers(element.parentElement)];
-}
-var keys = ["x", "y", "top", "bottom", "left", "right", "width", "height"];
-var areBoundsEqual = (a, b) => keys.every((key) => a[key] === b[key]);
-
-// src/schematic-components/SchematicText.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var SchematicText = ({ schematic_text }) => {
-  const ct = useGlobalStore((s) => s.camera_transform);
-  const { text, position, anchor } = schematic_text;
-  const tPos = applyToPoint(ct, position);
-  const [boundsRef, bounds] = useMeasure();
-  let offset = [0, 0];
-  if (anchor === "center") {
-    offset = [-bounds.width / 2, -bounds.height / 2];
-  } else if (anchor === "left") {
-    offset = [0, -bounds.height / 2];
-  } else if (anchor === "right") {
-    offset = [-bounds.width, -bounds.height / 2];
-  }
-  const fontTransformRatio = 0.15;
-  const projectedTextSize = fontTransformRatio * ct.a;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      ref: boundsRef,
-      style: {
-        fontFamily: "'IBM Plex Mono', monospace",
-        position: "absolute",
-        fontSize: projectedTextSize,
-        left: tPos.x + offset[0],
-        top: tPos.y + offset[1],
-        color: schematic_text.color
-      },
-      children: text
-    }
-  );
-};
-var SchematicText_default = SchematicText;
-
-// src/schematic-components/SchematicChip.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var SchematicChip = ({
-  component: { source, schematic, allElements }
-}) => {
-  const { center, size, rotation, schematic_component_id } = schematic;
-  const { manufacturerPartNumber, name } = source;
-  const chipWidth = size.width;
-  const chipHeight = size.height;
-  const paths = [];
-  paths.push({
-    type: "path",
-    strokeWidth: 0.02,
-    stroke: colorMap.schematic.component_outline,
-    fill: colorMap.schematic.component_body,
-    d: `M ${-chipWidth / 2},${-chipHeight / 2} h ${chipWidth} v ${chipHeight} h ${-chipWidth} Z`
-  });
-  const schematicPorts = allElements.filter(
-    (item) => item.type === "schematic_port" && item.schematic_component_id === schematic_component_id
-  );
-  const portLength = 0.5;
-  const circleRadius = 0.04;
-  const labelOffset = 0.1;
-  for (const port of schematicPorts) {
-    const { side, pinNumber, distanceFromEdge } = port.center;
-    let x = 0;
-    let y = 0;
-    let endX = 0;
-    let endY = 0;
-    let pinX = 0;
-    let pinY = 0;
-    let textAnchor = "middle";
-    let rotation2 = 0;
-    if (side === "center") {
-      continue;
-    }
-    switch (side) {
-      case "left":
-        x = -chipWidth / 2;
-        y = -chipHeight / 2 + distanceFromEdge;
-        endX = x - portLength;
-        endY = y;
-        pinX = x - portLength / 2;
-        pinY = y + labelOffset;
-        textAnchor = "middle";
-        break;
-      case "right":
-        x = chipWidth / 2;
-        y = chipHeight / 2 - distanceFromEdge;
-        endX = x + portLength;
-        endY = y;
-        pinX = x + portLength / 2 - labelOffset;
-        pinY = y + labelOffset;
-        textAnchor = "start";
-        break;
-      case "bottom":
-        x = -chipWidth / 2 + distanceFromEdge;
-        y = -chipHeight / 2;
-        endX = x;
-        endY = y - portLength;
-        pinX = x - labelOffset;
-        pinY = y - portLength / 2;
-        rotation2 = -90;
-        break;
-      case "top":
-        x = chipWidth / 2 - distanceFromEdge;
-        y = chipHeight / 2;
-        endX = x;
-        endY = y + portLength;
-        pinX = x - labelOffset;
-        pinY = y + portLength / 2;
-        rotation2 = -90;
-        break;
-    }
-    paths.push({
-      type: "path",
-      strokeWidth: 0.015,
-      stroke: colorMap.schematic.component_outline,
-      d: `M ${x},${y} L ${endX},${endY}`
-    });
-    paths.push({
-      type: "circle",
-      cx: endX,
-      cy: endY,
-      r: circleRadius,
-      strokeWidth: 5e-3,
-      stroke: colorMap.schematic.component_outline,
-      fill: colorMap.schematic.component_outline
-    });
-    if (pinNumber !== void 0) {
-      paths.push({
-        type: "text",
-        cx: pinX,
-        cy: pinY,
-        text: `${pinNumber}`,
-        anchor: textAnchor,
-        rotation: rotation2,
-        strokeWidth: 5e-3,
-        stroke: colorMap.schematic.pin_number
-      });
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      SVGPathComponent_default,
-      {
-        rotation,
-        center,
-        size,
-        paths
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      SchematicText_default,
-      {
-        schematic_text: {
-          anchor: "right",
-          rotation: 0,
-          position: {
-            x: center.x,
-            y: center.y - chipHeight / 2 - 0.2
-          },
-          schematic_component_id: "SYNTHETIC",
-          schematic_text_id: "SYNTHETIC_MPN",
-          text: manufacturerPartNumber,
-          type: "schematic_text",
-          color: colorMap.schematic.reference
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      SchematicText_default,
-      {
-        schematic_text: {
-          anchor: "right",
-          rotation: 0,
-          position: {
-            x: center.x,
-            y: center.y + chipHeight / 2 + 0.2
-          },
-          schematic_component_id: "SYNTHETIC",
-          schematic_text_id: "SYNTHETIC_NAME",
-          text: name,
-          type: "schematic_text",
-          color: colorMap.schematic.reference
-        }
-      }
-    )
-  ] });
-};
-
-// src/schematic-components/SchematicComponent.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var SchematicComponent = ({ component }) => {
-  const { source, schematic, allElements } = component;
-  if (!source.ftype)
-    return null;
-  switch (source.ftype) {
-    case "simple_resistor":
-    case "simple_capacitor":
-    case "simple_power_source":
-    case "simple_ground":
-    case "simple_inductor":
-    case "simple_diode": {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        SchematicComponentFromSymbol,
-        {
-          component: { source, schematic }
-        }
-      );
-    }
-    case "simple_chip":
-    case "simple_bug": {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        SchematicChip,
-        {
-          component: { source, schematic, allElements }
-        }
-      );
-    }
-    default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-        "unknown ftype: ",
-        component.source.ftype
-      ] });
-    }
-  }
-};
-var SchematicComponent_default = SchematicComponent;
-
-// src/schematic-components/SchematicComponentFromSymbol.tsx
-var import_schematic_symbols = require("schematic-symbols");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var SchematicComponentFromSymbol = ({
-  component: { source, schematic }
-}) => {
-  const { center, rotation } = schematic;
-  const symbol = import_schematic_symbols.symbols[schematic.symbol_name];
-  const paths = symbol.primitives.filter((p) => p.type === "path").map((p) => ({
-    stroke: colorMap.schematic.component_outline,
-    strokeWidth: 0.02,
-    d: p.points.reduce(
-      (acc, point, index) => {
-        const command = index === 0 ? "M" : "L";
-        return `${acc} ${command} ${point.x} ${point.y}`;
-      },
-      ""
-    )
-  }));
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    SVGPathComponent_default,
-    {
-      rotation,
-      center,
-      size: {
-        width: symbol?.size.width,
-        height: symbol?.size.height
-      },
-      paths
-    }
-  );
-};
-
-// src/schematic-components/SchematicTrace.tsx
-var import_svg_path_generator = __toESM(require_svg_path_generator2());
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var SchematicTrace = ({ trace: { source, schematic } }) => {
-  const edges = schematic.edges;
-  if (edges.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RenderError_default, { text: `Route with 0 edges (${source.source_trace_id})` });
-  }
-  const path = (0, import_svg_path_generator.default)();
-  for (let i = 0; i < edges.length; i++) {
-    path.moveTo(edges[i].from.x, edges[i].from.y);
-    path.lineTo(edges[i].to.x, edges[i].to.y);
-  }
-  const d = path.toString();
-  const pathBounds = get_svg_path_bounds_default(d);
-  pathBounds.height = Math.max(pathBounds.height, 1);
-  pathBounds.width = Math.max(pathBounds.width, 1);
-  const center = {
-    x: pathBounds.minX + pathBounds.width / 2,
-    y: pathBounds.minY + pathBounds.height / 2
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    SVGPathComponent_default,
-    {
-      rotation: 0,
-      center,
-      size: pathBounds,
-      paths: [
-        {
-          stroke: colorMap.schematic.wire,
-          strokeWidth: 0.01,
-          d
-        }
-      ]
-    }
-  );
-};
-var SchematicTrace_default = SchematicTrace;
-
-// src/lib/render-context/index.ts
-var createRenderContextStore = () => createStore((set) => ({
-  camera_transform: compose(scale(100, 100, 0, 0)),
-  setCameraTransform: (transform2) => set({ camera_transform: transform2 })
-}));
-var useGlobalStore = (s) => {
-  const store = (0, import_react6.useContext)(StoreContext);
-  return useStore(store, s);
-};
-
-// src/Schematic.tsx
-var import_react8 = require("react");
-var import_react_error_boundary = require("react-error-boundary");
-var import_react_supergrid = require("react-supergrid");
-
-// src/lib/utils/collect-element-refs.ts
-var collectElementRefs = (elm, allElms) => {
-  const source_port = allElms.find(
-    (e) => e.type === "source_port" && e.source_port_id === elm.source_port_id
-  );
-  const source_component_id = elm.source_component_id ?? source_port?.source_component_id;
-  const source_component = allElms.find(
-    (e) => e.type === "source_component" && e.source_component_id === source_component_id
-  );
-  if ([
-    "schematic_component",
-    "schematic_trace",
-    "schematic_port",
-    "schematic_box",
-    "schematic_line",
-    "schematic_path"
-  ].includes(elm.type)) {
-    const schematic_children = allElms.filter(
-      (e) => "schematic_component_id" in e && e.schematic_component_id === elm.schematic_component_id
-    );
-    return {
-      schematic_children,
-      schematic: elm,
-      source: source_component,
-      source_component,
-      source_port,
-      allElements: allElms
-    };
-  }
-  return null;
-};
-
-// src/lib/utils/get-rotation-from-anchor-side.ts
-var getRotationFromAnchorSide = (anchor_side) => {
-  if (anchor_side === "left")
-    return 0;
-  if (anchor_side === "top")
-    return Math.PI * 3 / 2;
-  if (anchor_side === "right")
-    return Math.PI;
-  if (anchor_side === "bottom")
-    return Math.PI / 2;
-  return 0;
-};
-
-// src/lib/utils/get-vec-from-anchor-side.ts
-var getVecFromAnchorSide = (anchor_side) => {
-  if (anchor_side === "left")
-    return { x: -1, y: 0 };
-  if (anchor_side === "top")
-    return { x: 0, y: -1 };
-  if (anchor_side === "right")
-    return { x: 1, y: 0 };
-  if (anchor_side === "bottom")
-    return { x: 0, y: 1 };
-  throw new Error(`invalid anchor side "${anchor_side}"`);
-};
-
-// src/schematic-components/SchematicNetLabel.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var SchematicNetLabel = ({
-  net_label
-}) => {
-  const anchor_side = net_label.anchor_side;
-  const is_vertical = anchor_side === "top" || anchor_side === "bottom";
-  const text_width = is_vertical ? 0.3 : net_label.text.length * 0.15;
-  const path_width = 31 + net_label.text.length * 5;
-  const anchor_vec = getVecFromAnchorSide(anchor_side);
-  const anchor_dist = is_vertical ? 0.04 : text_width / 4;
-  anchor_vec.x *= anchor_dist;
-  anchor_vec.y *= anchor_dist;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      SVGPathComponent_default,
-      {
-        rotation: getRotationFromAnchorSide(anchor_side),
-        center: net_label.center,
-        size: {
-          width: 0.05 + text_width,
-          height: 0.2 + (is_vertical ? 0.1 * Math.max(1, net_label.text.length - 2) : 0)
-        },
-        paths: [
-          {
-            stroke: "gray",
-            strokeWidth: 0.75,
-            // d: `M 0 15 L 5 15 L 11 9 L ${path_width} 9 L ${path_width} 21 L 11 21 L 5 15`,
-            d: `M 0 15 L 5 15 L 11 5 L ${path_width} 5 L ${path_width} 26 L 11 26 L 5 15`
-          }
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      SchematicText_default,
-      {
-        schematic_text: {
-          rotation: is_vertical ? 0 : getRotationFromAnchorSide(anchor_side),
-          anchor: is_vertical ? "center" : anchor_side,
-          position: {
-            x: net_label.center.x + anchor_vec.x,
-            y: net_label.center.y + anchor_vec.y
-          },
-          schematic_component_id: "SYNTHETIC",
-          schematic_text_id: "SYNTHETIC",
-          text: net_label.text,
-          type: "schematic_text",
-          color: colorMap.schematic.net_name
-        }
-      }
-    )
-  ] });
-};
-
-// src/schematic-components/SchematicElement.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var SchematicElement = ({
-  element,
-  allElements
-}) => {
-  if (element.type === "schematic_component") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      SchematicComponent_default,
-      {
-        component: collectElementRefs(element, allElements)
-      }
-    );
-  }
-  if (element.type === "schematic_trace") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SchematicTrace_default, { trace: collectElementRefs(element, allElements) });
-  }
-  if (element.type === "schematic_text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SchematicText_default, { schematic_text: element });
-  }
-  if (element.type === "schematic_net_label") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SchematicNetLabel, { net_label: element });
-  }
-  return null;
-};
-
-// src/schematic-components/TableViewer.tsx
-var import_react7 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var LazyTableViewer = (0, import_react7.lazy)(
-  () => import("@tscircuit/table-viewer").then((m) => ({
-    default: m.SoupTableViewer
-  }))
-);
-var TableViewer = (params) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react7.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: "Loading..." }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LazyTableViewer, { ...params }) });
-
-// src/Schematic.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var ErrorBoundary = import_react_error_boundary.ErrorBoundary;
-var fallbackRender = (elm) => ({ error, resetErrorBoundary }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { color: "red" }, children: [
-    "error rendering ",
-    elm.type,
-    ": ",
-    error.toString()
-  ] });
-};
-var toMMSINeg = (v, z) => v >= 0 ? (0, import_react_supergrid.toMMSI)(v, z) : `-${(0, import_react_supergrid.toMMSI)(-v, z)}`;
-var Schematic = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextProviders, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SchematicWithoutContext, { ...props }) });
-};
-var SchematicWithoutContext = ({
-  children,
-  soup,
-  style,
-  showTable = false,
-  _soupPostProcessor
-}) => {
-  const {
-    circuitJson: circuitJsonFromChildren,
-    error: errorFromChildren,
-    isLoading
-  } = (0, import_core.useRenderedCircuit)(children);
-  const [elements, setElements] = (0, import_react8.useState)([]);
-  const { setCameraTransform } = useGlobalStore();
-  const [boundsRef, bounds] = useMeasure();
-  const containerRef = (0, import_react8.useRef)(null);
-  const transformRef = (0, import_react8.useRef)(compose(translate(0, 0), scale(1, 1)));
-  const isDraggingRef = (0, import_react8.useRef)(false);
-  const lastMousePosRef = (0, import_react8.useRef)({ x: 0, y: 0 });
-  const [, forceUpdate] = (0, import_react8.useState)({});
-  const updateTransform = (0, import_react8.useCallback)(
-    (newTransform) => {
-      transformRef.current = newTransform;
-      setCameraTransform(newTransform);
-      forceUpdate({});
-    },
-    [setCameraTransform]
-  );
-  (0, import_react8.useEffect)(() => {
-    let processedElements = [];
-    if (circuitJsonFromChildren && (!soup || soup.length === 0)) {
-      processedElements = circuitJsonFromChildren;
-    } else if (soup && soup.length > 0) {
-      processedElements = soup;
-    }
-    if (processedElements.length > 0) {
-      if (_soupPostProcessor) {
-        processedElements = _soupPostProcessor(processedElements);
-      }
-      setElements(processedElements);
-    }
-  }, [circuitJsonFromChildren, soup, _soupPostProcessor]);
-  (0, import_react8.useEffect)(() => {
-    if (elements.length > 0 && containerRef.current) {
-      const elmBounds = containerRef.current.getBoundingClientRect();
-      const { center, width, height } = elements.some(
-        (e) => e.type.startsWith("schematic_")
-      ) ? (0, import_soup_util.findBoundsAndCenter)(
-        elements.filter((e) => e.type.startsWith("schematic_"))
-      ) : { center: { x: 0, y: 0 }, width: 1e-3, height: 1e-3 };
-      const scaleFactor = Math.min(
-        (elmBounds.width ?? 0) / width,
-        (elmBounds.height ?? 0) / height,
-        100
-      );
-      const newTransform = compose(
-        translate((elmBounds.width ?? 0) / 2, (elmBounds.height ?? 0) / 2),
-        scale(scaleFactor, -scaleFactor, 0, 0),
-        translate(-center.x, -center.y)
-      );
-      updateTransform(newTransform);
-    }
-  }, [elements, updateTransform]);
-  const handleMouseDown = (0, import_react8.useCallback)((e) => {
-    isDraggingRef.current = true;
-    lastMousePosRef.current = { x: e.clientX, y: e.clientY };
-  }, []);
-  const handleMouseMove = (0, import_react8.useCallback)(
-    (e) => {
-      if (!isDraggingRef.current)
-        return;
-      const dx = e.clientX - lastMousePosRef.current.x;
-      const dy = e.clientY - lastMousePosRef.current.y;
-      lastMousePosRef.current = { x: e.clientX, y: e.clientY };
-      const inverseTransform = inverse(transformRef.current);
-      const dragStart = applyToPoint(inverseTransform, { x: 0, y: 0 });
-      const dragEnd = applyToPoint(inverseTransform, { x: dx, y: dy });
-      const worldDx = dragEnd.x - dragStart.x;
-      const worldDy = dragEnd.y - dragStart.y;
-      const newTransform = compose(
-        transformRef.current,
-        translate(worldDx, worldDy)
-      );
-      updateTransform(newTransform);
-    },
-    [updateTransform]
-  );
-  const handleMouseUp = (0, import_react8.useCallback)(() => {
-    isDraggingRef.current = false;
-  }, []);
-  const handleWheel = (0, import_react8.useCallback)(
-    (e) => {
-      e.preventDefault();
-      const scaleMultiplier = 0.999 ** e.deltaY;
-      if (containerRef.current) {
-        const rect = containerRef.current.getBoundingClientRect();
-        const mouseX = e.clientX - rect.left;
-        const mouseY = e.clientY - rect.top;
-        const inverseTransform = inverse(transformRef.current);
-        const transformedPoint = applyToPoint(inverseTransform, {
-          x: mouseX,
-          y: mouseY
-        });
-        const newTransform = compose(
-          transformRef.current,
-          translate(transformedPoint.x, transformedPoint.y),
-          scale(scaleMultiplier, scaleMultiplier),
-          translate(-transformedPoint.x, -transformedPoint.y)
-        );
-        updateTransform(newTransform);
-      }
-    },
-    [updateTransform]
-  );
-  (0, import_react8.useEffect)(() => {
-    const container = containerRef.current;
-    if (container) {
-      container.addEventListener("wheel", handleWheel, { passive: false });
-      return () => {
-        container.removeEventListener("wheel", handleWheel);
-      };
-    }
-  }, [handleWheel]);
-  if (errorFromChildren) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-      "Error: ",
-      errorFromChildren.message
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      "div",
-      {
-        style: {
-          width: "100%",
-          backgroundColor: "rgba(255,255,255,0)",
-          minHeight: 200,
-          overflow: "hidden",
-          position: "relative",
-          isolation: "isolate",
-          cursor: isDraggingRef.current ? "grabbing" : "grab",
-          ...style
-        },
-        ref: (el) => {
-          containerRef.current = el;
-          boundsRef(el);
-        },
-        onMouseDown: handleMouseDown,
-        onMouseMove: handleMouseMove,
-        onMouseUp: handleMouseUp,
-        onMouseLeave: handleMouseUp,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            import_react_supergrid.SuperGrid,
-            {
-              stringifyCoord: (x, y, z) => {
-                if (z === 0)
-                  return "";
-                return `${toMMSINeg(x, z)}, ${toMMSINeg(y, z)}`;
-              },
-              width: bounds.width,
-              height: bounds.height,
-              transform: transformRef.current
-            }
-          ),
-          elements?.map((elm, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorBoundary, { fallbackRender: fallbackRender(elm), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            SchematicElement,
-            {
-              element: elm,
-              allElements: elements
-            },
-            JSON.stringify(elm)
-          ) }, `${elm}`))
-        ]
-      }
-    ),
-    showTable !== false && elements && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TableViewer, { elements })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Schematic,
-  SchematicWithoutContext
-});
-/*! Bundled license information:
-
-use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim/with-selector.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim/with-selector.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
-//# sourceMappingURL=index.js.map