@tscircuit/pcb-viewer 1.11.356 → 1.11.358

package/dist/index.js

@@ -7507,7 +7507,7 @@ function getExpandedStroke(strokeInput, defaultWidth) {
 }
 
 // src/lib/convert-element-to-primitive.ts
-import { distance as distance2 } from "circuit-json";
+import { distance } from "circuit-json";
 
 // src/lib/element-to-primitive-converters/convert-smtpad-rect.ts
 var convertSmtpadRect = (element, metadata) => {
@@ -7704,49 +7704,12 @@ var convertSmtpadRotatedPill = (element, metadata) => {
   return primitives;
 };
 
-// src/lib/element-to-primitive/convert-pcb-copper-text-to-primitive.ts
-import { distance } from "circuit-json";
-var convertPcbCopperTextToPrimitive = (element, metadata) => {
-  const { _parent_pcb_component, _parent_source_component } = metadata;
-  const copperText = element;
-  const fontSize = typeof copperText.font_size === "string" ? distance.parse(copperText.font_size) : copperText.font_size ?? 0.2;
-  let knockoutPadding;
-  if (copperText.knockout_padding) {
-    knockoutPadding = {
-      left: typeof copperText.knockout_padding.left === "string" ? distance.parse(copperText.knockout_padding.left) : copperText.knockout_padding.left,
-      top: typeof copperText.knockout_padding.top === "string" ? distance.parse(copperText.knockout_padding.top) : copperText.knockout_padding.top,
-      bottom: typeof copperText.knockout_padding.bottom === "string" ? distance.parse(copperText.knockout_padding.bottom) : copperText.knockout_padding.bottom,
-      right: typeof copperText.knockout_padding.right === "string" ? distance.parse(copperText.knockout_padding.right) : copperText.knockout_padding.right
-    };
-  }
-  return [
-    {
-      _pcb_drawing_object_id: getNewPcbDrawingObjectId("text"),
-      pcb_drawing_type: "text",
-      x: copperText.anchor_position.x,
-      y: copperText.anchor_position.y,
-      layer: copperText.layer,
-      // "top", "bottom", or inner layers
-      align: copperText.anchor_alignment ?? "center",
-      text: copperText.text,
-      size: fontSize,
-      ccw_rotation: copperText.ccw_rotation,
-      is_mirrored: copperText.is_mirrored,
-      is_knockout: copperText.is_knockout,
-      knockout_padding: knockoutPadding,
-      _element: element,
-      _parent_pcb_component,
-      _parent_source_component
-    }
-  ];
-};
-
 // src/lib/convert-element-to-primitive.ts
 var globalPcbDrawingObjectCount = 0;
 var getNewPcbDrawingObjectId = (prefix) => `${prefix}_${globalPcbDrawingObjectCount++}`;
 var normalizePolygonPoints = (points) => (points ?? []).map((point) => ({
-  x: distance2.parse(point.x),
-  y: distance2.parse(point.y)
+  x: distance.parse(point.x),
+  y: distance.parse(point.y)
 }));
 var convertElementToPrimitives = (element, allElements) => {
   const _parent_pcb_component = "pcb_component_id" in element ? allElements.find(
@@ -7973,8 +7936,8 @@ var convertElementToPrimitives = (element, allElements) => {
           hole_offset_x,
           hole_offset_y
         } = element;
-        const parsed_hole_offset_x = distance2.parse(hole_offset_x ?? 0);
-        const parsed_hole_offset_y = distance2.parse(hole_offset_y ?? 0);
+        const parsed_hole_offset_x = distance.parse(hole_offset_x ?? 0);
+        const parsed_hole_offset_y = distance.parse(hole_offset_y ?? 0);
         return [
           {
             _pcb_drawing_object_id: `rect_${globalPcbDrawingObjectCount++}`,
@@ -8138,8 +8101,8 @@ var convertElementToPrimitives = (element, allElements) => {
           hole_offset_x,
           hole_offset_y
         } = element;
-        const parsed_hole_offset_x = distance2.parse(hole_offset_x ?? 0);
-        const parsed_hole_offset_y = distance2.parse(hole_offset_y ?? 0);
+        const parsed_hole_offset_x = distance.parse(hole_offset_x ?? 0);
+        const parsed_hole_offset_y = distance.parse(hole_offset_y ?? 0);
         const pcb_outline = pad_outline;
         const padPrimitives = [];
         if (pcb_outline && Array.isArray(pcb_outline)) {
@@ -8209,12 +8172,6 @@ var convertElementToPrimitives = (element, allElements) => {
         return [];
       }
     }
-    case "pcb_copper_text": {
-      return convertPcbCopperTextToPrimitive(element, {
-        _parent_pcb_component,
-        _parent_source_component
-      });
-    }
   }
   return [];
 };
@@ -9104,8 +9061,26 @@ function drawPcbBoardElements({
   }
 }
 
-// src/lib/draw-pcb-cutout.ts
+// src/lib/draw-pcb-copper-text.ts
 import { CircuitToCanvasDrawer as CircuitToCanvasDrawer5 } from "circuit-to-canvas";
+function isPcbCopperText(element) {
+  return element.type === "pcb_copper_text";
+}
+function drawPcbCopperTextElementsForLayer({
+  canvas,
+  elements,
+  layers,
+  realToCanvasMat
+}) {
+  const copperTextElements = elements.filter(isPcbCopperText);
+  if (copperTextElements.length === 0) return;
+  const drawer = new CircuitToCanvasDrawer5(canvas);
+  drawer.realToCanvasMat = realToCanvasMat;
+  drawer.drawElements(copperTextElements, { layers });
+}
+
+// src/lib/draw-pcb-cutout.ts
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer6 } from "circuit-to-canvas";
 function isPcbCutout(element) {
   return element.type === "pcb_cutout";
 }
@@ -9115,14 +9090,14 @@ function drawPcbCutoutElementsForLayer({
   layers,
   realToCanvasMat
 }) {
-  const drawer = new CircuitToCanvasDrawer5(canvas);
+  const drawer = new CircuitToCanvasDrawer6(canvas);
   drawer.realToCanvasMat = realToCanvasMat;
   const cutoutElements = elements.filter(isPcbCutout);
   drawer.drawElements(cutoutElements, { layers });
 }
 
 // src/lib/draw-pcb-keepout.ts
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer6 } from "circuit-to-canvas";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer7 } from "circuit-to-canvas";
 function isPcbKeepout(element) {
   return element.type === "pcb_keepout";
 }
@@ -9134,14 +9109,14 @@ function drawPcbKeepoutElementsForLayer({
 }) {
   const keepoutElements = elements.filter(isPcbKeepout);
   if (keepoutElements.length === 0) return;
-  const drawer = new CircuitToCanvasDrawer6(canvas);
+  const drawer = new CircuitToCanvasDrawer7(canvas);
   drawer.realToCanvasMat = realToCanvasMat;
   drawer.drawElements(keepoutElements, { layers: [] });
 }
 
 // src/lib/draw-pcb-note.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer7
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer8
 } from "circuit-to-canvas";
 function isPcbNote(element) {
   return element.type.startsWith("pcb_note_");
@@ -9152,14 +9127,14 @@ function drawPcbNoteElementsForLayer({
   layers,
   realToCanvasMat
 }) {
-  const drawer = new CircuitToCanvasDrawer7(canvas);
+  const drawer = new CircuitToCanvasDrawer8(canvas);
   drawer.realToCanvasMat = realToCanvasMat;
   const pcbNoteElements = elements.filter(isPcbNote);
   drawer.drawElements(pcbNoteElements, { layers });
 }
 
 // src/lib/draw-pcb-panel.ts
-import { CircuitToCanvasDrawer as CircuitToCanvasDrawer8 } from "circuit-to-canvas";
+import { CircuitToCanvasDrawer as CircuitToCanvasDrawer9 } from "circuit-to-canvas";
 function isPcbPanelElement(element) {
   return element.type === "pcb_panel";
 }
@@ -9170,7 +9145,7 @@ function drawPcbPanelElements({
   realToCanvasMat,
   drawSoldermask
 }) {
-  const drawer = new CircuitToCanvasDrawer8(canvas);
+  const drawer = new CircuitToCanvasDrawer9(canvas);
   drawer.realToCanvasMat = realToCanvasMat;
   const pcbPanelElements = elements.filter(isPcbPanelElement);
   for (const element of pcbPanelElements) {
@@ -9180,7 +9155,7 @@ function drawPcbPanelElements({
 
 // src/lib/draw-pcb-smtpad.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer9,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer10,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP3
 } from "circuit-to-canvas";
 import color from "color";
@@ -9239,12 +9214,12 @@ function drawPcbSmtPadElementsForLayer({
     (element) => !highlightedElementIds.has(element.pcb_smtpad_id)
   );
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer9(canvas);
+    const drawer = new CircuitToCanvasDrawer10(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers, drawSoldermask });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer9(canvas);
+    const highlightDrawer = new CircuitToCanvasDrawer10(canvas);
     highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, {
@@ -9256,7 +9231,7 @@ function drawPcbSmtPadElementsForLayer({
 
 // src/lib/draw-pcb-trace.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer10,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer11,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP4
 } from "circuit-to-canvas";
 import color2 from "color";
@@ -9318,12 +9293,12 @@ function drawPcbTraceElementsForLayer({
     }
   }
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer10(canvas);
+    const drawer = new CircuitToCanvasDrawer11(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer10(canvas);
+    const highlightDrawer = new CircuitToCanvasDrawer11(canvas);
     highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP2 });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, { layers });
@@ -9332,7 +9307,7 @@ function drawPcbTraceElementsForLayer({
 
 // src/lib/draw-plated-hole.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer11,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer12,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP5
 } from "circuit-to-canvas";
 import color3 from "color";
@@ -9372,12 +9347,12 @@ function drawPlatedHolePads({
     (element) => !highlightedElementIds.has(element.pcb_plated_hole_id)
   );
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer11(canvas);
+    const drawer = new CircuitToCanvasDrawer12(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers, drawSoldermask });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer11(canvas);
+    const highlightDrawer = new CircuitToCanvasDrawer12(canvas);
     highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP3 });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, {
@@ -9782,7 +9757,7 @@ var drawPrimitives = (drawer, primitives) => {
 
 // src/lib/draw-soldermask.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer12,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer13,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP6
 } from "circuit-to-canvas";
 import color5 from "color";
@@ -9814,7 +9789,7 @@ function drawSoldermaskElementsForLayer({
   drawSoldermaskBottom,
   primitives
 }) {
-  const drawer = new CircuitToCanvasDrawer12(canvas);
+  const drawer = new CircuitToCanvasDrawer13(canvas);
   drawer.realToCanvasMat = realToCanvasMat;
   const boards = elements.filter((element) => element.type === "pcb_board");
   if (boards.length <= 1) {
@@ -9866,7 +9841,7 @@ function drawSoldermaskElementsForLayer({
     return false;
   });
   if (hoveredElements.length === 0) return;
-  const hoverDrawer = new CircuitToCanvasDrawer12(canvas);
+  const hoverDrawer = new CircuitToCanvasDrawer13(canvas);
   hoverDrawer.configure({ colorOverrides: HOVER_SOLDERMASK_COLOR_MAP });
   hoverDrawer.realToCanvasMat = realToCanvasMat;
   hoverDrawer.drawElements(hoveredElements, {
@@ -9880,7 +9855,7 @@ function drawSoldermaskElementsForLayer({
 
 // src/lib/draw-silkscreen.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer13,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer14,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP7
 } from "circuit-to-canvas";
 var PCB_VIEWER_COLOR_MAP2 = {
@@ -9899,7 +9874,7 @@ function drawSilkscreenElementsForLayer({
   layers,
   realToCanvasMat
 }) {
-  const drawer = new CircuitToCanvasDrawer13(canvas);
+  const drawer = new CircuitToCanvasDrawer14(canvas);
   drawer.configure({
     colorOverrides: PCB_VIEWER_COLOR_MAP2
   });
@@ -9911,7 +9886,7 @@ function drawSilkscreenElementsForLayer({
 // src/lib/draw-via.ts
 import {
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP8,
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer14
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer15
 } from "circuit-to-canvas";
 import color6 from "color";
 var HOVER_COLOR_MAP4 = {
@@ -9952,12 +9927,12 @@ function drawPcbViaElementsForLayer({
     (element) => !highlightedElementIds.has(element.pcb_via_id)
   );
   if (nonHighlightedElements.length > 0) {
-    const drawer = new CircuitToCanvasDrawer14(canvas);
+    const drawer = new CircuitToCanvasDrawer15(canvas);
     drawer.realToCanvasMat = realToCanvasMat;
     drawer.drawElements(nonHighlightedElements, { layers, drawSoldermask });
   }
   if (highlightedElements.length > 0) {
-    const highlightDrawer = new CircuitToCanvasDrawer14(canvas);
+    const highlightDrawer = new CircuitToCanvasDrawer15(canvas);
     highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP4 });
     highlightDrawer.realToCanvasMat = realToCanvasMat;
     highlightDrawer.drawElements(highlightedElements, {
@@ -9969,7 +9944,7 @@ function drawPcbViaElementsForLayer({
 
 // src/lib/draw-courtyard.ts
 import {
-  CircuitToCanvasDrawer as CircuitToCanvasDrawer15,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer16,
   DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP9
 } from "circuit-to-canvas";
 var PCB_VIEWER_COLOR_MAP3 = {
@@ -9988,7 +9963,7 @@ function drawCourtyardElementsForLayer({
   layers,
   realToCanvasMat
 }) {
-  const drawer = new CircuitToCanvasDrawer15(canvas);
+  const drawer = new CircuitToCanvasDrawer16(canvas);
   drawer.configure({
     colorOverrides: PCB_VIEWER_COLOR_MAP3
   });
@@ -10059,7 +10034,7 @@ var CanvasPrimitiveRenderer = ({
     drawer.foregroundLayer = selectedLayer;
     const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter((p) => isShowingSilkscreen || !p.layer?.includes("silkscreen")).filter(
       (p) => isShowingFabricationNotes || !p.layer?.includes("fabrication")
-    ).filter((p) => p.layer !== "board").filter((p) => p._element?.type !== "pcb_smtpad").filter((p) => p._element?.type !== "pcb_plated_hole").filter((p) => p._element?.type !== "pcb_via").filter((p) => p._element?.type !== "pcb_trace");
+    ).filter((p) => p.layer !== "board").filter((p) => p._element?.type !== "pcb_smtpad").filter((p) => p._element?.type !== "pcb_plated_hole").filter((p) => p._element?.type !== "pcb_via").filter((p) => p._element?.type !== "pcb_trace").filter((p) => p._element?.type !== "pcb_copper_text");
     drawPrimitives(drawer, filteredPrimitives);
     if (transform) {
       const topCanvas = canvasRefs.current.top;
@@ -10090,6 +10065,15 @@ var CanvasPrimitiveRenderer = ({
           primitives
         });
       }
+      for (const { canvas, copperLayer } of copperLayers) {
+        if (!canvas) continue;
+        drawPcbCopperTextElementsForLayer({
+          canvas,
+          elements,
+          layers: [copperLayer],
+          realToCanvasMat: transform
+        });
+      }
       if (topCanvas) {
         drawPlatedHolePads({
           canvas: topCanvas,
@@ -11016,7 +11000,7 @@ function calculateDiagonalLabel(params) {
   } = params;
   const deltaX = dimensionEnd.x - dimensionStart.x;
   const deltaY = dimensionEnd.y - dimensionStart.y;
-  const distance4 = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+  const distance3 = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
   const screenDeltaX = screenDimensionEnd.x - screenDimensionStart.x;
   const screenDeltaY = screenDimensionEnd.y - screenDimensionStart.y;
   const screenDistance = Math.sqrt(
@@ -11058,11 +11042,11 @@ function calculateDiagonalLabel(params) {
   const x = midX + offsetX;
   const y = midY + offsetY;
   return {
-    distance: distance4,
+    distance: distance3,
     screenDistance,
     x,
     y,
-    show: distance4 > 0.01 && screenDistance > 30 && isDiagonal
+    show: distance3 > 0.01 && screenDistance > 30 && isDiagonal
   };
 }
 
@@ -11357,11 +11341,11 @@ var DimensionOverlay = ({
       for (const snap of snappingPointsWithScreen) {
         const dx = snap.screenPoint.x - screenPoint.x;
         const dy = snap.screenPoint.y - screenPoint.y;
-        const distance4 = Math.hypot(dx, dy);
-        if (distance4 > SNAP_THRESHOLD_PX) continue;
-        if (!bestMatch || distance4 < bestMatch.distance) {
+        const distance3 = Math.hypot(dx, dy);
+        if (distance3 > SNAP_THRESHOLD_PX) continue;
+        if (!bestMatch || distance3 < bestMatch.distance) {
           bestMatch = {
-            distance: distance4,
+            distance: distance3,
             id: snap.id,
             point: snap.point
           };
@@ -11951,10 +11935,10 @@ var isInsideOfSmtpad = (elm, point, padding = 0) => {
 };
 var isInsideOfPlatedHole = (hole, point, padding = 0) => {
   if (hole.shape === "circle") {
-    const distance4 = Math.sqrt(
+    const distance3 = Math.sqrt(
       (point.x - hole.x) ** 2 + (point.y - hole.y) ** 2
     );
-    return distance4 <= hole.outer_diameter / 2 + padding;
+    return distance3 <= hole.outer_diameter / 2 + padding;
   } else if (hole.shape === "circular_hole_with_rect_pad") {
     const dx = Math.abs(point.x - hole.x);
     const dy = Math.abs(point.y - hole.y);
@@ -12785,7 +12769,7 @@ var ErrorOverlay = ({
 
 // src/components/MouseElementTracker.tsx
 import { pointToSegmentDistance } from "@tscircuit/math-utils";
-import { distance as distance3 } from "circuit-json";
+import { distance as distance2 } from "circuit-json";
 
 // src/lib/util/if-sets-match-exactly.ts
 function ifSetsMatchExactly(set1, set2) {
@@ -13772,22 +13756,22 @@ var getPrimitivesUnderPoint = (primitives, rwPoint, transform) => {
   for (const primitive of primitives) {
     if (!primitive._element) continue;
     if ("x1" in primitive && primitive._element?.type === "pcb_trace") {
-      const distance4 = pointToSegmentDistance(
+      const distance3 = pointToSegmentDistance(
         { x: rwPoint.x, y: rwPoint.y },
         { x: primitive.x1, y: primitive.y1 },
         { x: primitive.x2, y: primitive.y2 }
       );
       const lineWidth = primitive.width || 0.5;
       const detectionThreshold = Math.max(lineWidth * 25, 2) / transform.a;
-      if (distance4 < detectionThreshold) {
+      if (distance3 < detectionThreshold) {
         newMousedPrimitives.push(primitive);
       }
       continue;
     }
     if (primitive.pcb_drawing_type === "polygon") {
       const points = primitive.points.map((point) => ({
-        x: distance3.parse(point.x),
-        y: distance3.parse(point.y)
+        x: distance2.parse(point.x),
+        y: distance2.parse(point.y)
       }));
       const boundingBox = getPolygonBoundingBox(points);
       if (!boundingBox) continue;
@@ -13801,8 +13785,8 @@ var getPrimitivesUnderPoint = (primitives, rwPoint, transform) => {
     }
     if (primitive.pcb_drawing_type === "polygon_with_arcs") {
       const points = primitive.brep_shape.outer_ring.vertices.map((v) => ({
-        x: distance3.parse(v.x),
-        y: distance3.parse(v.y)
+        x: distance2.parse(v.x),
+        y: distance2.parse(v.y)
       }));
       const boundingBox = getPolygonBoundingBox(points);
       if (!boundingBox) continue;
@@ -14288,11 +14272,11 @@ var RatsNestOverlay = ({ transform, soup, children }) => {
       connectedIds.forEach((id) => {
         const pos = getElementPosition(id);
         if (pos) {
-          const distance4 = Math.sqrt(
+          const distance3 = Math.sqrt(
             (sourcePoint.x - pos.x) ** 2 + (sourcePoint.y - pos.y) ** 2
           );
-          if (distance4 < minDistance && distance4 > 0) {
-            minDistance = distance4;
+          if (distance3 < minDistance && distance3 > 0) {
+            minDistance = distance3;
             nearestPoint = pos;
           }
         }
@@ -14378,7 +14362,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.355",
+  version: "1.11.357",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14428,11 +14412,11 @@ var package_default = {
   },
   dependencies: {
     "@emotion/css": "^11.11.2",
-    "@tscircuit/alphabet": "^0.0.22",
+    "@tscircuit/alphabet": "^0.0.23",
     "@tscircuit/math-utils": "^0.0.29",
     "@vitejs/plugin-react": "^5.0.2",
     "circuit-json": "^0.0.403",
-    "circuit-to-canvas": "^0.0.93",
+    "circuit-to-canvas": "^0.0.94",
     "circuit-to-svg": "^0.0.337",
     color: "^4.2.3",
     "react-supergrid": "^1.0.10",