diff --git a/dependencies.svg b/dependencies.svg
new file mode 100644
index 00000000..2d2fc61d
--- /dev/null
+++ b/dependencies.svg
@@ -0,0 +1,1806 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.43.0 (0)
+ -->
+<!-- Title: dependency&#45;cruiser output Pages: 1 -->
+<svg width="1638pt" height="1568pt"
+ viewBox="0.00 0.00 1637.50 1568.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 1564)">
+<title>dependency&#45;cruiser output</title>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-1564 1633.5,-1564 1633.5,4 -4,4"/>
+<g id="clust1" class="cluster">
+<title>cluster_packages</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 1609.5,-8 1609.5,-8 1615.5,-8 1621.5,-14 1621.5,-20 1621.5,-20 1621.5,-1540 1621.5,-1540 1621.5,-1546 1615.5,-1552 1609.5,-1552 1609.5,-1552 20,-1552 20,-1552 14,-1552 8,-1546 8,-1540 8,-1540 8,-20 8,-20 8,-14 14,-8 20,-8"/>
+<text text-anchor="middle" x="814.75" y="-1540.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">packages</text>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_packages/core</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M941.5,-296C941.5,-296 1601.5,-296 1601.5,-296 1607.5,-296 1613.5,-302 1613.5,-308 1613.5,-308 1613.5,-624 1613.5,-624 1613.5,-630 1607.5,-636 1601.5,-636 1601.5,-636 941.5,-636 941.5,-636 935.5,-636 929.5,-630 929.5,-624 929.5,-624 929.5,-308 929.5,-308 929.5,-302 935.5,-296 941.5,-296"/>
+<text text-anchor="middle" x="1271.5" y="-624.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">core</text>
+</g>
+<g id="clust3" class="cluster">
+<title>cluster_packages/core/test</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M949.5,-304C949.5,-304 1038.5,-304 1038.5,-304 1044.5,-304 1050.5,-310 1050.5,-316 1050.5,-316 1050.5,-464 1050.5,-464 1050.5,-470 1044.5,-476 1038.5,-476 1038.5,-476 949.5,-476 949.5,-476 943.5,-476 937.5,-470 937.5,-464 937.5,-464 937.5,-316 937.5,-316 937.5,-310 943.5,-304 949.5,-304"/>
+<text text-anchor="middle" x="994" y="-464.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_packages/embed</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M45,-1340C45,-1340 95,-1340 95,-1340 101,-1340 107,-1346 107,-1352 107,-1352 107,-1380 107,-1380 107,-1386 101,-1392 95,-1392 95,-1392 45,-1392 45,-1392 39,-1392 33,-1386 33,-1380 33,-1380 33,-1352 33,-1352 33,-1346 39,-1340 45,-1340"/>
+<text text-anchor="middle" x="70" y="-1380.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">embed</text>
+</g>
+<g id="clust5" class="cluster">
+<title>cluster_packages/eval</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M689.5,-146C689.5,-146 1161.5,-146 1161.5,-146 1167.5,-146 1173.5,-152 1173.5,-158 1173.5,-158 1173.5,-276 1173.5,-276 1173.5,-282 1167.5,-288 1161.5,-288 1161.5,-288 689.5,-288 689.5,-288 683.5,-288 677.5,-282 677.5,-276 677.5,-276 677.5,-158 677.5,-158 677.5,-152 683.5,-146 689.5,-146"/>
+<text text-anchor="middle" x="925.5" y="-276.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">eval</text>
+</g>
+<g id="clust6" class="cluster">
+<title>cluster_packages/eval/shift&#45;traverser</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1086.5,-182C1086.5,-182 1153.5,-182 1153.5,-182 1159.5,-182 1165.5,-188 1165.5,-194 1165.5,-194 1165.5,-222 1165.5,-222 1165.5,-228 1159.5,-234 1153.5,-234 1153.5,-234 1086.5,-234 1086.5,-234 1080.5,-234 1074.5,-228 1074.5,-222 1074.5,-222 1074.5,-194 1074.5,-194 1074.5,-188 1080.5,-182 1086.5,-182"/>
+<text text-anchor="middle" x="1120" y="-222.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">shift&#45;traverser</text>
+</g>
+<g id="clust7" class="cluster">
+<title>cluster_packages/eval/test</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M697.5,-154C697.5,-154 799.5,-154 799.5,-154 805.5,-154 811.5,-160 811.5,-166 811.5,-166 811.5,-224 811.5,-224 811.5,-230 805.5,-236 799.5,-236 799.5,-236 697.5,-236 697.5,-236 691.5,-236 685.5,-230 685.5,-224 685.5,-224 685.5,-166 685.5,-166 685.5,-160 691.5,-154 697.5,-154"/>
+<text text-anchor="middle" x="748.5" y="-224.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
+</g>
+<g id="clust8" class="cluster">
+<title>cluster_packages/midi</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M594.5,-86C594.5,-86 772,-86 772,-86 778,-86 784,-92 784,-98 784,-98 784,-126 784,-126 784,-132 778,-138 772,-138 772,-138 594.5,-138 594.5,-138 588.5,-138 582.5,-132 582.5,-126 582.5,-126 582.5,-98 582.5,-98 582.5,-92 588.5,-86 594.5,-86"/>
+<text text-anchor="middle" x="683.25" y="-126.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">midi</text>
+</g>
+<g id="clust9" class="cluster">
+<title>cluster_packages/mini</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M833,-16C833,-16 1151.5,-16 1151.5,-16 1157.5,-16 1163.5,-22 1163.5,-28 1163.5,-28 1163.5,-116 1163.5,-116 1163.5,-122 1157.5,-128 1151.5,-128 1151.5,-128 833,-128 833,-128 827,-128 821,-122 821,-116 821,-116 821,-28 821,-28 821,-22 827,-16 833,-16"/>
+<text text-anchor="middle" x="992.25" y="-116.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">mini</text>
+</g>
+<g id="clust10" class="cluster">
+<title>cluster_packages/mini/test</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M841,-50C841,-50 908,-50 908,-50 914,-50 920,-56 920,-62 920,-62 920,-90 920,-90 920,-96 914,-102 908,-102 908,-102 841,-102 841,-102 835,-102 829,-96 829,-90 829,-90 829,-62 829,-62 829,-56 835,-50 841,-50"/>
+<text text-anchor="middle" x="874.5" y="-90.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
+</g>
+<g id="clust11" class="cluster">
+<title>cluster_packages/osc</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M960.5,-770C960.5,-770 1027.5,-770 1027.5,-770 1033.5,-770 1039.5,-776 1039.5,-782 1039.5,-782 1039.5,-870 1039.5,-870 1039.5,-876 1033.5,-882 1027.5,-882 1027.5,-882 960.5,-882 960.5,-882 954.5,-882 948.5,-876 948.5,-870 948.5,-870 948.5,-782 948.5,-782 948.5,-776 954.5,-770 960.5,-770"/>
+<text text-anchor="middle" x="994" y="-870.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">osc</text>
+</g>
+<g id="clust12" class="cluster">
+<title>cluster_packages/react</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M28,-780C28,-780 657.5,-780 657.5,-780 663.5,-780 669.5,-786 669.5,-792 669.5,-792 669.5,-1186 669.5,-1186 669.5,-1192 663.5,-1198 657.5,-1198 657.5,-1198 28,-1198 28,-1198 22,-1198 16,-1192 16,-1186 16,-1186 16,-792 16,-792 16,-786 22,-780 28,-780"/>
+<text text-anchor="middle" x="342.75" y="-1186.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">react</text>
+</g>
+<g id="clust13" class="cluster">
+<title>cluster_packages/react/dist</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M476,-814C476,-814 649.5,-814 649.5,-814 655.5,-814 661.5,-820 661.5,-826 661.5,-826 661.5,-854 661.5,-854 661.5,-860 655.5,-866 649.5,-866 649.5,-866 476,-866 476,-866 470,-866 464,-860 464,-854 464,-854 464,-826 464,-826 464,-820 470,-814 476,-814"/>
+<text text-anchor="middle" x="562.75" y="-854.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">dist</text>
+</g>
+<g id="clust14" class="cluster">
+<title>cluster_packages/react/src</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M47,-874C47,-874 562.5,-874 562.5,-874 568.5,-874 574.5,-880 574.5,-886 574.5,-886 574.5,-1160 574.5,-1160 574.5,-1166 568.5,-1172 562.5,-1172 562.5,-1172 47,-1172 47,-1172 41,-1172 35,-1166 35,-1160 35,-1160 35,-886 35,-886 35,-880 41,-874 47,-874"/>
+<text text-anchor="middle" x="304.75" y="-1160.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
+</g>
+<g id="clust15" class="cluster">
+<title>cluster_packages/react/src/components</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M237,-1034C237,-1034 421.5,-1034 421.5,-1034 427.5,-1034 433.5,-1040 433.5,-1046 433.5,-1046 433.5,-1134 433.5,-1134 433.5,-1140 427.5,-1146 421.5,-1146 421.5,-1146 237,-1146 237,-1146 231,-1146 225,-1140 225,-1134 225,-1134 225,-1046 225,-1046 225,-1040 231,-1034 237,-1034"/>
+<text text-anchor="middle" x="329.25" y="-1134.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
+</g>
+<g id="clust16" class="cluster">
+<title>cluster_packages/react/src/hooks</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M322,-888C322,-888 554,-888 554,-888 560,-888 566,-894 566,-900 566,-900 566,-988 566,-988 566,-994 560,-1000 554,-1000 554,-1000 322,-1000 322,-1000 316,-1000 310,-994 310,-988 310,-988 310,-900 310,-900 310,-894 316,-888 322,-888"/>
+<text text-anchor="middle" x="438" y="-988.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
+</g>
+<g id="clust17" class="cluster">
+<title>cluster_packages/react/src/themes</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M453.5,-1008C453.5,-1008 554.5,-1008 554.5,-1008 560.5,-1008 566.5,-1014 566.5,-1020 566.5,-1020 566.5,-1048 566.5,-1048 566.5,-1054 560.5,-1060 554.5,-1060 554.5,-1060 453.5,-1060 453.5,-1060 447.5,-1060 441.5,-1054 441.5,-1048 441.5,-1048 441.5,-1020 441.5,-1020 441.5,-1014 447.5,-1008 453.5,-1008"/>
+<text text-anchor="middle" x="504" y="-1048.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">themes</text>
+</g>
+<g id="clust18" class="cluster">
+<title>cluster_packages/serial</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M968.5,-644C968.5,-644 1019.5,-644 1019.5,-644 1025.5,-644 1031.5,-650 1031.5,-656 1031.5,-656 1031.5,-684 1031.5,-684 1031.5,-690 1025.5,-696 1019.5,-696 1019.5,-696 968.5,-696 968.5,-696 962.5,-696 956.5,-690 956.5,-684 956.5,-684 956.5,-656 956.5,-656 956.5,-650 962.5,-644 968.5,-644"/>
+<text text-anchor="middle" x="994" y="-684.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">serial</text>
+</g>
+<g id="clust19" class="cluster">
+<title>cluster_packages/soundfonts</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M43.5,-353C43.5,-353 205,-353 205,-353 211,-353 217,-359 217,-365 217,-365 217,-423 217,-423 217,-429 211,-435 205,-435 205,-435 43.5,-435 43.5,-435 37.5,-435 31.5,-429 31.5,-423 31.5,-423 31.5,-365 31.5,-365 31.5,-359 37.5,-353 43.5,-353"/>
+<text text-anchor="middle" x="124.25" y="-423.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">soundfonts</text>
+</g>
+<g id="clust20" class="cluster">
+<title>cluster_packages/tonal</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M831.5,-1132C831.5,-1132 1026,-1132 1026,-1132 1032,-1132 1038,-1138 1038,-1144 1038,-1144 1038,-1232 1038,-1232 1038,-1238 1032,-1244 1026,-1244 1026,-1244 831.5,-1244 831.5,-1244 825.5,-1244 819.5,-1238 819.5,-1232 819.5,-1232 819.5,-1144 819.5,-1144 819.5,-1138 825.5,-1132 831.5,-1132"/>
+<text text-anchor="middle" x="928.75" y="-1232.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">tonal</text>
+</g>
+<g id="clust21" class="cluster">
+<title>cluster_packages/tonal/test</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M839.5,-1166C839.5,-1166 909.5,-1166 909.5,-1166 915.5,-1166 921.5,-1172 921.5,-1178 921.5,-1178 921.5,-1206 921.5,-1206 921.5,-1212 915.5,-1218 909.5,-1218 909.5,-1218 839.5,-1218 839.5,-1218 833.5,-1218 827.5,-1212 827.5,-1206 827.5,-1206 827.5,-1178 827.5,-1178 827.5,-1172 833.5,-1166 839.5,-1166"/>
+<text text-anchor="middle" x="874.5" y="-1206.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
+</g>
+<g id="clust22" class="cluster">
+<title>cluster_packages/tone</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M722.5,-890C722.5,-890 1018,-890 1018,-890 1024,-890 1030,-896 1030,-902 1030,-902 1030,-1060 1030,-1060 1030,-1066 1024,-1072 1018,-1072 1018,-1072 722.5,-1072 722.5,-1072 716.5,-1072 710.5,-1066 710.5,-1060 710.5,-1060 710.5,-902 710.5,-902 710.5,-896 716.5,-890 722.5,-890"/>
+<text text-anchor="middle" x="870.25" y="-1060.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">tone</text>
+</g>
+<g id="clust23" class="cluster">
+<title>cluster_packages/tone/test</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M840.5,-954C840.5,-954 908.5,-954 908.5,-954 914.5,-954 920.5,-960 920.5,-966 920.5,-966 920.5,-994 920.5,-994 920.5,-1000 914.5,-1006 908.5,-1006 908.5,-1006 840.5,-1006 840.5,-1006 834.5,-1006 828.5,-1000 828.5,-994 828.5,-994 828.5,-966 828.5,-966 828.5,-960 834.5,-954 840.5,-954"/>
+<text text-anchor="middle" x="874.5" y="-994.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
+</g>
+<g id="clust24" class="cluster">
+<title>cluster_packages/webaudio</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M848.5,-1276C848.5,-1276 1159.5,-1276 1159.5,-1276 1165.5,-1276 1171.5,-1282 1171.5,-1288 1171.5,-1288 1171.5,-1374 1171.5,-1374 1171.5,-1380 1165.5,-1386 1159.5,-1386 1159.5,-1386 848.5,-1386 848.5,-1386 842.5,-1386 836.5,-1380 836.5,-1374 836.5,-1374 836.5,-1288 836.5,-1288 836.5,-1282 842.5,-1276 848.5,-1276"/>
+<text text-anchor="middle" x="1004" y="-1374.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">webaudio</text>
+</g>
+<g id="clust25" class="cluster">
+<title>cluster_packages/webdirt</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M594.5,-1206C594.5,-1206 779.5,-1206 779.5,-1206 785.5,-1206 791.5,-1212 791.5,-1218 791.5,-1218 791.5,-1246 791.5,-1246 791.5,-1252 785.5,-1258 779.5,-1258 779.5,-1258 594.5,-1258 594.5,-1258 588.5,-1258 582.5,-1252 582.5,-1246 582.5,-1246 582.5,-1218 582.5,-1218 582.5,-1212 588.5,-1206 594.5,-1206"/>
+<text text-anchor="middle" x="687" y="-1246.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">webdirt</text>
+</g>
+<g id="clust26" class="cluster">
+<title>cluster_packages/xen</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M834.5,-1404C834.5,-1404 1142.5,-1404 1142.5,-1404 1148.5,-1404 1154.5,-1410 1154.5,-1416 1154.5,-1416 1154.5,-1504 1154.5,-1504 1154.5,-1510 1148.5,-1516 1142.5,-1516 1142.5,-1516 834.5,-1516 834.5,-1516 828.5,-1516 822.5,-1510 822.5,-1504 822.5,-1504 822.5,-1416 822.5,-1416 822.5,-1410 828.5,-1404 834.5,-1404"/>
+<text text-anchor="middle" x="988.5" y="-1504.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">xen</text>
+</g>
+<g id="clust27" class="cluster">
+<title>cluster_packages/xen/test</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M842.5,-1438C842.5,-1438 906.5,-1438 906.5,-1438 912.5,-1438 918.5,-1444 918.5,-1450 918.5,-1450 918.5,-1478 918.5,-1478 918.5,-1484 912.5,-1490 906.5,-1490 906.5,-1490 842.5,-1490 842.5,-1490 836.5,-1490 830.5,-1484 830.5,-1478 830.5,-1478 830.5,-1450 830.5,-1450 830.5,-1444 836.5,-1438 842.5,-1438"/>
+<text text-anchor="middle" x="874.5" y="-1478.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
+</g>
+<!-- packages/core/controls.mjs -->
+<g id="node1" class="node">
+<title>packages/core/controls.mjs</title>
+<g id="a_node1"><a xlink:href="packages/core/controls.mjs" xlink:title="controls.mjs">
+<path fill="#ffffcc" stroke="black" d="M1254.5,-526C1254.5,-526 1195.5,-526 1195.5,-526 1192.5,-526 1189.5,-523 1189.5,-520 1189.5,-520 1189.5,-514 1189.5,-514 1189.5,-511 1192.5,-508 1195.5,-508 1195.5,-508 1254.5,-508 1254.5,-508 1257.5,-508 1260.5,-511 1260.5,-514 1260.5,-514 1260.5,-520 1260.5,-520 1260.5,-523 1257.5,-526 1254.5,-526"/>
+<text text-anchor="start" x="1197.5" y="-514.8" font-family="Helvetica,sans-Serif" font-size="9.00">controls.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs -->
+<g id="node2" class="node">
+<title>packages/core/pattern.mjs</title>
+<g id="a_node2"><a xlink:href="packages/core/pattern.mjs" xlink:title="pattern.mjs">
+<path fill="#ffffcc" stroke="black" d="M1336.5,-428C1336.5,-428 1279.5,-428 1279.5,-428 1276.5,-428 1273.5,-425 1273.5,-422 1273.5,-422 1273.5,-416 1273.5,-416 1273.5,-413 1276.5,-410 1279.5,-410 1279.5,-410 1336.5,-410 1336.5,-410 1339.5,-410 1342.5,-413 1342.5,-416 1342.5,-416 1342.5,-422 1342.5,-422 1342.5,-425 1339.5,-428 1336.5,-428"/>
+<text text-anchor="start" x="1281.5" y="-416.8" font-family="Helvetica,sans-Serif" font-size="9.00">pattern.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/controls.mjs&#45;&gt;packages/core/pattern.mjs -->
+<g id="edge1" class="edge">
+<title>packages/core/controls.mjs&#45;&gt;packages/core/pattern.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1252.01,-507.94C1255.06,-506.25 1257.98,-504.28 1260.5,-502 1281.52,-482.99 1295.26,-452.17 1302.03,-433.92"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1304.01,-434.6 1304.05,-428.24 1300.06,-433.19 1304.01,-434.6"/>
+</g>
+<!-- packages/core/drawLine.mjs -->
+<g id="node3" class="node">
+<title>packages/core/drawLine.mjs</title>
+<g id="a_node3"><a xlink:href="packages/core/drawLine.mjs" xlink:title="drawLine.mjs">
+<path fill="#ffffcc" stroke="black" d="M1426.5,-350C1426.5,-350 1361.5,-350 1361.5,-350 1358.5,-350 1355.5,-347 1355.5,-344 1355.5,-344 1355.5,-338 1355.5,-338 1355.5,-335 1358.5,-332 1361.5,-332 1361.5,-332 1426.5,-332 1426.5,-332 1429.5,-332 1432.5,-335 1432.5,-338 1432.5,-338 1432.5,-344 1432.5,-344 1432.5,-347 1429.5,-350 1426.5,-350"/>
+<text text-anchor="start" x="1363.5" y="-338.8" font-family="Helvetica,sans-Serif" font-size="9.00">drawLine.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/drawLine.mjs -->
+<g id="edge18" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/drawLine.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1317.73,-409.98C1326.93,-400.56 1341.95,-385.45 1355.5,-373 1362.43,-366.63 1370.33,-359.83 1377.08,-354.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1378.73,-355.5 1381.99,-350.03 1376.04,-352.28 1378.73,-355.5"/>
+</g>
+<!-- packages/core/fraction.mjs -->
+<g id="node4" class="node">
+<title>packages/core/fraction.mjs</title>
+<g id="a_node4"><a xlink:href="packages/core/fraction.mjs" xlink:title="fraction.mjs">
+<path fill="#ffffcc" stroke="black" d="M1509.5,-378C1509.5,-378 1451.5,-378 1451.5,-378 1448.5,-378 1445.5,-375 1445.5,-372 1445.5,-372 1445.5,-366 1445.5,-366 1445.5,-363 1448.5,-360 1451.5,-360 1451.5,-360 1509.5,-360 1509.5,-360 1512.5,-360 1515.5,-363 1515.5,-366 1515.5,-366 1515.5,-372 1515.5,-372 1515.5,-375 1512.5,-378 1509.5,-378"/>
+<text text-anchor="start" x="1453.5" y="-366.8" font-family="Helvetica,sans-Serif" font-size="9.00">fraction.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge19" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1319.28,-409.84C1328.2,-402.43 1341.81,-392.36 1355.5,-387 1382.2,-376.54 1414.28,-372.08 1439.13,-370.21"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1439.44,-372.3 1445.28,-369.79 1439.15,-368.11 1439.44,-372.3"/>
+</g>
+<!-- packages/core/util.mjs -->
+<g id="node6" class="node">
+<title>packages/core/util.mjs</title>
+<g id="a_node6"><a xlink:href="packages/core/util.mjs" xlink:title="util.mjs">
+<path fill="#ffffcc" stroke="black" d="M1501.5,-534C1501.5,-534 1459.5,-534 1459.5,-534 1456.5,-534 1453.5,-531 1453.5,-528 1453.5,-528 1453.5,-522 1453.5,-522 1453.5,-519 1456.5,-516 1459.5,-516 1459.5,-516 1501.5,-516 1501.5,-516 1504.5,-516 1507.5,-519 1507.5,-522 1507.5,-522 1507.5,-528 1507.5,-528 1507.5,-531 1504.5,-534 1501.5,-534"/>
+<text text-anchor="start" x="1463.5" y="-522.8" font-family="Helvetica,sans-Serif" font-size="9.00">util.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge23" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.58,-412.18C1369.22,-408.69 1406.22,-408.32 1432.5,-426 1461.24,-445.33 1472.87,-487.22 1477.19,-509.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1475.16,-510.37 1478.27,-515.91 1479.29,-509.64 1475.16,-510.37"/>
+</g>
+<!-- packages/core/timespan.mjs -->
+<g id="node7" class="node">
+<title>packages/core/timespan.mjs</title>
+<g id="a_node7"><a xlink:href="packages/core/timespan.mjs" xlink:title="timespan.mjs">
+<path fill="#ffffcc" stroke="black" d="M1599.5,-389C1599.5,-389 1534.5,-389 1534.5,-389 1531.5,-389 1528.5,-386 1528.5,-383 1528.5,-383 1528.5,-377 1528.5,-377 1528.5,-374 1531.5,-371 1534.5,-371 1534.5,-371 1599.5,-371 1599.5,-371 1602.5,-371 1605.5,-374 1605.5,-377 1605.5,-377 1605.5,-383 1605.5,-383 1605.5,-386 1602.5,-389 1599.5,-389"/>
+<text text-anchor="start" x="1536.5" y="-377.8" font-family="Helvetica,sans-Serif" font-size="9.00">timespan.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/timespan.mjs -->
+<g id="edge22" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/timespan.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.69,-410.61C1346.99,-409.66 1351.34,-408.77 1355.5,-408 1412.69,-397.46 1479.32,-389.28 1522.05,-384.55"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1522.44,-386.62 1528.18,-383.88 1521.98,-382.44 1522.44,-386.62"/>
+</g>
+<!-- packages/core/hap.mjs -->
+<g id="node9" class="node">
+<title>packages/core/hap.mjs</title>
+<g id="a_node9"><a xlink:href="packages/core/hap.mjs" xlink:title="hap.mjs">
+<path fill="#ffffcc" stroke="black" d="M1415,-494C1415,-494 1373,-494 1373,-494 1370,-494 1367,-491 1367,-488 1367,-488 1367,-482 1367,-482 1367,-479 1370,-476 1373,-476 1373,-476 1415,-476 1415,-476 1418,-476 1421,-479 1421,-482 1421,-482 1421,-488 1421,-488 1421,-491 1418,-494 1415,-494"/>
+<text text-anchor="start" x="1375.5" y="-482.8" font-family="Helvetica,sans-Serif" font-size="9.00">hap.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/hap.mjs -->
+<g id="edge20" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/hap.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1320.43,-428.17C1329.82,-435.68 1343.49,-446.58 1355.5,-456 1362.31,-461.34 1369.86,-467.19 1376.38,-472.23"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1375.11,-473.9 1381.14,-475.9 1377.67,-470.57 1375.11,-473.9"/>
+</g>
+<!-- packages/core/state.mjs -->
+<g id="node13" class="node">
+<title>packages/core/state.mjs</title>
+<g id="a_node13"><a xlink:href="packages/core/state.mjs" xlink:title="state.mjs">
+<path fill="#ffffcc" stroke="black" d="M1417,-568C1417,-568 1371,-568 1371,-568 1368,-568 1365,-565 1365,-562 1365,-562 1365,-556 1365,-556 1365,-553 1368,-550 1371,-550 1371,-550 1417,-550 1417,-550 1420,-550 1423,-553 1423,-556 1423,-556 1423,-562 1423,-562 1423,-565 1420,-568 1417,-568"/>
+<text text-anchor="start" x="1373" y="-556.8" font-family="Helvetica,sans-Serif" font-size="9.00">state.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/state.mjs -->
+<g id="edge21" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/state.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1314.03,-428.07C1322.42,-443.13 1339.9,-474.19 1355.5,-500 1364.86,-515.49 1376.05,-532.96 1383.75,-544.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1381.99,-546 1387.03,-549.88 1385.52,-543.71 1381.99,-546"/>
+</g>
+<!-- packages/core/value.mjs -->
+<g id="node14" class="node">
+<title>packages/core/value.mjs</title>
+<g id="a_node14"><a xlink:href="packages/core/value.mjs" xlink:title="value.mjs">
+<path fill="#ffffcc" stroke="black" d="M1417.5,-450C1417.5,-450 1370.5,-450 1370.5,-450 1367.5,-450 1364.5,-447 1364.5,-444 1364.5,-444 1364.5,-438 1364.5,-438 1364.5,-435 1367.5,-432 1370.5,-432 1370.5,-432 1417.5,-432 1417.5,-432 1420.5,-432 1423.5,-435 1423.5,-438 1423.5,-438 1423.5,-444 1423.5,-444 1423.5,-447 1420.5,-450 1417.5,-450"/>
+<text text-anchor="start" x="1372.5" y="-438.8" font-family="Helvetica,sans-Serif" font-size="9.00">value.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/pattern.mjs&#45;&gt;packages/core/value.mjs -->
+<g id="edge24" class="edge">
+<title>packages/core/pattern.mjs&#45;&gt;packages/core/value.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.68,-427.82C1347.87,-429.18 1353.22,-430.58 1358.43,-431.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1358.11,-434.03 1364.44,-433.52 1359.17,-429.97 1358.11,-434.03"/>
+</g>
+<!-- packages/core/drawLine.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge2" class="edge">
+<title>packages/core/drawLine.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1422.2,-350.01C1429.81,-352.54 1438.18,-355.31 1446.1,-357.93"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1445.7,-360.01 1452.06,-359.91 1447.02,-356.03 1445.7,-360.01"/>
+</g>
+<!-- packages/core/fraction.mjs&#45;&gt;packages/core/timespan.mjs -->
+<g id="edge6" class="edge">
+<title>packages/core/fraction.mjs&#45;&gt;packages/core/timespan.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1515.87,-369.04C1516.18,-369.08 1516.49,-369.11 1516.8,-369.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1524.62,-372.29 1530.84,-370.98 1525.16,-368.12 1524.62,-372.29"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1524.89,-370.2 1521.91,-369.82 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="1519.53" cy="-369.51" rx="2.4" ry="2.4"/>
+</g>
+<!-- packages/core/euclid.mjs -->
+<g id="node5" class="node">
+<title>packages/core/euclid.mjs</title>
+<g id="a_node5"><a xlink:href="packages/core/euclid.mjs" xlink:title="euclid.mjs">
+<path fill="#ffffcc" stroke="black" d="M1250,-364C1250,-364 1200,-364 1200,-364 1197,-364 1194,-361 1194,-358 1194,-358 1194,-352 1194,-352 1194,-349 1197,-346 1200,-346 1200,-346 1250,-346 1250,-346 1253,-346 1256,-349 1256,-352 1256,-352 1256,-358 1256,-358 1256,-361 1253,-364 1250,-364"/>
+<text text-anchor="start" x="1202" y="-352.8" font-family="Helvetica,sans-Serif" font-size="9.00">euclid.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/euclid.mjs&#45;&gt;packages/core/pattern.mjs -->
+<g id="edge4" class="edge">
+<title>packages/core/euclid.mjs&#45;&gt;packages/core/pattern.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1248.64,-364.08C1252.94,-366.52 1257.14,-369.48 1260.5,-373 1269.97,-382.92 1264.09,-391.02 1273.5,-401 1275.33,-402.95 1277.43,-404.73 1279.65,-406.34"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1278.84,-408.32 1285.01,-409.83 1281.13,-404.8 1278.84,-408.32"/>
+</g>
+<!-- packages/core/euclid.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge3" class="edge">
+<title>packages/core/euclid.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1245.53,-346C1283.07,-330.03 1367.37,-300.7 1432.5,-326 1447.38,-331.78 1460.43,-344.72 1468.97,-354.9"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1467.39,-356.29 1472.8,-359.63 1470.66,-353.65 1467.39,-356.29"/>
+</g>
+<!-- packages/core/euclid.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge5" class="edge">
+<title>packages/core/euclid.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1256.02,-359.64C1306.7,-368 1406.25,-386.9 1432.5,-410 1462.68,-436.55 1473.82,-485.38 1477.66,-509.99"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1475.58,-510.33 1478.52,-515.97 1479.74,-509.73 1475.58,-510.33"/>
+</g>
+<!-- packages/core/timespan.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge38" class="edge">
+<title>packages/core/timespan.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1528.35,-379.58C1528.22,-379.56 1528.09,-379.54 1527.96,-379.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1522.1,-376.62 1515.87,-377.9 1521.54,-380.78 1522.1,-376.62"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1521.82,-378.7 1524.79,-379.1 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="1527.17" cy="-379.42" rx="2.4" ry="2.4"/>
+</g>
+<!-- packages/core/gist.js -->
+<g id="node8" class="node">
+<title>packages/core/gist.js</title>
+<g id="a_node8"><a xlink:href="packages/core/gist.js" xlink:title="gist.js">
+<path fill="#ffffcc" stroke="black" d="M1246,-466C1246,-466 1204,-466 1204,-466 1201,-466 1198,-463 1198,-460 1198,-460 1198,-454 1198,-454 1198,-451 1201,-448 1204,-448 1204,-448 1246,-448 1246,-448 1249,-448 1252,-451 1252,-454 1252,-454 1252,-460 1252,-460 1252,-463 1249,-466 1246,-466"/>
+<text text-anchor="start" x="1211.5" y="-454.8" font-family="Helvetica,sans-Serif" font-size="9.00">gist.js</text>
+</a>
+</g>
+</g>
+<!-- packages/core/index.mjs -->
+<g id="node10" class="node">
+<title>packages/core/index.mjs</title>
+<g id="a_node10"><a xlink:href="packages/core/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M1143.5,-610C1143.5,-610 1095.5,-610 1095.5,-610 1092.5,-610 1089.5,-607 1089.5,-604 1089.5,-604 1089.5,-598 1089.5,-598 1089.5,-595 1092.5,-592 1095.5,-592 1095.5,-592 1143.5,-592 1143.5,-592 1146.5,-592 1149.5,-595 1149.5,-598 1149.5,-598 1149.5,-604 1149.5,-604 1149.5,-607 1146.5,-610 1143.5,-610"/>
+<text text-anchor="start" x="1097.5" y="-598.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/controls.mjs -->
+<g id="edge7" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/controls.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1128.72,-591.6C1140.99,-577.95 1165.25,-552.39 1189.5,-535 1192.31,-532.98 1195.38,-531.05 1198.49,-529.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1199.85,-530.9 1204.09,-526.17 1197.82,-527.23 1199.85,-530.9"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/pattern.mjs -->
+<g id="edge12" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/pattern.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.94,-591.84C1142.5,-580.15 1165.89,-560.13 1189.5,-549 1218.85,-535.17 1235.84,-553.09 1260.5,-532 1290.39,-506.43 1301.38,-458.61 1305.16,-434.2"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1307.24,-434.48 1306.01,-428.24 1303.08,-433.89 1307.24,-434.48"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge9" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.54,-599.43C1224.96,-595.21 1422.01,-583.35 1432.5,-574 1454.16,-554.68 1439.21,-538.34 1445.5,-510 1455.72,-464 1469.16,-409.9 1475.66,-384.13"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1477.72,-384.54 1477.16,-378.21 1473.65,-383.51 1477.72,-384.54"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/euclid.mjs -->
+<g id="edge8" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/euclid.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1123.19,-591.69C1131.42,-563.76 1157.63,-478.46 1189.5,-412 1196.72,-396.94 1206.77,-380.74 1214.16,-369.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1215.98,-370.52 1217.55,-364.36 1212.48,-368.2 1215.98,-370.52"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge17" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.8,-602.53C1217.73,-605.61 1383.88,-610.24 1432.5,-585 1451.2,-575.29 1464.82,-554.44 1472.45,-540.07"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1474.5,-540.66 1475.35,-534.36 1470.76,-538.76 1474.5,-540.66"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/timespan.mjs -->
+<g id="edge16" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/timespan.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.56,-603.02C1186.23,-605.39 1251.26,-609 1307,-609 1307,-609 1307,-609 1395,-609 1456.71,-609 1478.77,-589.6 1515.5,-540 1549.18,-494.51 1560.83,-425.9 1564.48,-395.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1566.6,-395.45 1565.18,-389.25 1562.43,-394.98 1566.6,-395.45"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/gist.js -->
+<g id="edge10" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/gist.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1123.07,-591.88C1130,-568.78 1151.22,-507.3 1189.5,-472 1190.51,-471.06 1191.6,-470.18 1192.73,-469.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1194.03,-471.01 1197.95,-466.01 1191.76,-467.47 1194.03,-471.01"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/hap.mjs -->
+<g id="edge11" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/hap.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1135.1,-591.89C1148.75,-583.68 1169.91,-571.75 1189.5,-564 1219.87,-551.98 1229.74,-556 1260.5,-545 1299.85,-530.93 1343.69,-509.98 1369.78,-496.92"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1370.97,-498.68 1375.38,-494.1 1369.08,-494.92 1370.97,-498.68"/>
+</g>
+<!-- packages/core/signal.mjs -->
+<g id="node11" class="node">
+<title>packages/core/signal.mjs</title>
+<g id="a_node11"><a xlink:href="packages/core/signal.mjs" xlink:title="signal.mjs">
+<path fill="#ffffcc" stroke="black" d="M1250,-436C1250,-436 1200,-436 1200,-436 1197,-436 1194,-433 1194,-430 1194,-430 1194,-424 1194,-424 1194,-421 1197,-418 1200,-418 1200,-418 1250,-418 1250,-418 1253,-418 1256,-421 1256,-424 1256,-424 1256,-430 1256,-430 1256,-433 1253,-436 1250,-436"/>
+<text text-anchor="start" x="1202" y="-424.8" font-family="Helvetica,sans-Serif" font-size="9.00">signal.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/signal.mjs -->
+<g id="edge13" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/signal.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1122.06,-591.77C1127.02,-565.06 1144.83,-486.7 1189.5,-442 1190.37,-441.13 1191.29,-440.31 1192.26,-439.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1193.64,-441.14 1197.42,-436.02 1191.28,-437.67 1193.64,-441.14"/>
+</g>
+<!-- packages/core/speak.mjs -->
+<g id="node12" class="node">
+<title>packages/core/speak.mjs</title>
+<g id="a_node12"><a xlink:href="packages/core/speak.mjs" xlink:title="speak.mjs">
+<path fill="#ffffcc" stroke="black" d="M1250,-496C1250,-496 1200,-496 1200,-496 1197,-496 1194,-493 1194,-490 1194,-490 1194,-484 1194,-484 1194,-481 1197,-478 1200,-478 1200,-478 1250,-478 1250,-478 1253,-478 1256,-481 1256,-484 1256,-484 1256,-490 1256,-490 1256,-493 1253,-496 1250,-496"/>
+<text text-anchor="start" x="1202" y="-484.8" font-family="Helvetica,sans-Serif" font-size="9.00">speak.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/speak.mjs -->
+<g id="edge14" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/speak.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1123.31,-591.99C1130.53,-573.69 1151.16,-532.74 1182.96,-502.4"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1190.56,-498.51 1193.68,-492.97 1187.79,-495.36 1190.56,-498.51"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1189.17,-496.93 1186.92,-498.92 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="1185.12" cy="-500.5" rx="2.4" ry="2.4"/>
+</g>
+<!-- packages/core/index.mjs&#45;&gt;packages/core/state.mjs -->
+<g id="edge15" class="edge">
+<title>packages/core/index.mjs&#45;&gt;packages/core/state.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1142.17,-591.92C1155.57,-586.69 1173.26,-580.49 1189.5,-577 1248.05,-564.43 1317.88,-560.61 1358.65,-559.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1358.75,-561.57 1364.69,-559.31 1358.64,-557.37 1358.75,-561.57"/>
+</g>
+<!-- packages/core/signal.mjs&#45;&gt;packages/core/pattern.mjs -->
+<g id="edge27" class="edge">
+<title>packages/core/signal.mjs&#45;&gt;packages/core/pattern.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1256.16,-424.02C1259.73,-423.67 1263.42,-423.3 1267.1,-422.94"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1267.51,-425.01 1273.27,-422.33 1267.09,-420.83 1267.51,-425.01"/>
+</g>
+<!-- packages/core/signal.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge25" class="edge">
+<title>packages/core/signal.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1253.14,-436.02C1255.86,-437.7 1258.39,-439.68 1260.5,-442 1273.07,-455.84 1259.65,-469.45 1273.5,-482 1326.19,-529.76 1374.34,-540.93 1432.5,-500 1470.55,-473.23 1477.95,-412.61 1479.28,-384.21"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1481.39,-384.11 1479.5,-378.04 1477.19,-383.96 1481.39,-384.11"/>
+</g>
+<!-- packages/core/signal.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge28" class="edge">
+<title>packages/core/signal.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1246.98,-436.02C1255.13,-439.24 1264.63,-442.65 1273.5,-445 1290.79,-449.58 1416.89,-461.27 1432.5,-470 1449.57,-479.55 1463.27,-497.84 1471.38,-510.69"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1469.59,-511.8 1474.5,-515.83 1473.18,-509.62 1469.59,-511.8"/>
+</g>
+<!-- packages/core/signal.mjs&#45;&gt;packages/core/hap.mjs -->
+<g id="edge26" class="edge">
+<title>packages/core/signal.mjs&#45;&gt;packages/core/hap.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1252.43,-436.18C1255.34,-437.84 1258.11,-439.77 1260.5,-442 1269.66,-450.54 1263.31,-459.72 1273.5,-467 1298.79,-485.07 1334.82,-488.25 1360.7,-487.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1360.78,-489.83 1366.71,-487.54 1360.65,-485.63 1360.78,-489.83"/>
+</g>
+<!-- packages/core/speak.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge29" class="edge">
+<title>packages/core/speak.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1210.94,-496.08C1204.06,-499.19 1195.77,-502.87 1189.5,-508 1165.02,-528.05 1145.41,-558.9 1133.44,-579.6"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1127.68,-585.52 1126.56,-591.78 1131.34,-587.59 1127.68,-585.52"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1129.51,-586.56 1130.98,-583.94 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="1132.16" cy="-581.85" rx="2.4" ry="2.4"/>
+</g>
+<!-- packages/core/value.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge39" class="edge">
+<title>packages/core/value.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1418.71,-450.14C1423.55,-452.6 1428.41,-455.56 1432.5,-459 1449.79,-473.56 1463.89,-495.84 1471.99,-510.42"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1470.19,-511.5 1474.9,-515.78 1473.89,-509.5 1470.19,-511.5"/>
+</g>
+<!-- packages/core/test/drawLine.test.mjs -->
+<g id="node15" class="node">
+<title>packages/core/test/drawLine.test.mjs</title>
+<g id="a_node15"><a xlink:href="packages/core/test/drawLine.test.mjs" xlink:title="drawLine.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M1036.5,-360C1036.5,-360 951.5,-360 951.5,-360 948.5,-360 945.5,-357 945.5,-354 945.5,-354 945.5,-348 945.5,-348 945.5,-345 948.5,-342 951.5,-342 951.5,-342 1036.5,-342 1036.5,-342 1039.5,-342 1042.5,-345 1042.5,-348 1042.5,-348 1042.5,-354 1042.5,-354 1042.5,-357 1039.5,-360 1036.5,-360"/>
+<text text-anchor="start" x="953.5" y="-348.8" font-family="Helvetica,sans-Serif" font-size="9.00">drawLine.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/test/drawLine.test.mjs&#45;&gt;packages/core/pattern.mjs -->
+<g id="edge31" class="edge">
+<title>packages/core/test/drawLine.test.mjs&#45;&gt;packages/core/pattern.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1042.57,-354.83C1108.15,-360.65 1222.55,-372.87 1260.5,-390 1267.4,-393.11 1267.24,-396.74 1273.5,-401 1276.43,-403 1279.61,-404.95 1282.8,-406.79"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1282.25,-408.88 1288.51,-409.96 1284.29,-405.21 1282.25,-408.88"/>
+</g>
+<!-- packages/core/test/drawLine.test.mjs&#45;&gt;packages/core/drawLine.mjs -->
+<g id="edge30" class="edge">
+<title>packages/core/test/drawLine.test.mjs&#45;&gt;packages/core/drawLine.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1028.78,-341.98C1035.96,-340.04 1043.49,-337.97 1050.5,-336 1061.2,-332.99 1063.5,-330.57 1074.5,-329 1171.68,-315.12 1287.13,-326.24 1348.85,-334.38"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1348.79,-336.49 1355.02,-335.2 1349.35,-332.32 1348.79,-336.49"/>
+</g>
+<!-- packages/core/test/fraction.test.mjs -->
+<g id="node16" class="node">
+<title>packages/core/test/fraction.test.mjs</title>
+<g id="a_node16"><a xlink:href="packages/core/test/fraction.test.mjs" xlink:title="fraction.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M1033,-330C1033,-330 955,-330 955,-330 952,-330 949,-327 949,-324 949,-324 949,-318 949,-318 949,-315 952,-312 955,-312 955,-312 1033,-312 1033,-312 1036,-312 1039,-315 1039,-318 1039,-318 1039,-324 1039,-324 1039,-327 1036,-330 1033,-330"/>
+<text text-anchor="start" x="957" y="-318.8" font-family="Helvetica,sans-Serif" font-size="9.00">fraction.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/test/fraction.test.mjs&#45;&gt;packages/core/fraction.mjs -->
+<g id="edge32" class="edge">
+<title>packages/core/test/fraction.test.mjs&#45;&gt;packages/core/fraction.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1039.26,-316.07C1085.34,-311.37 1159.64,-305 1224,-305 1224,-305 1224,-305 1309,-305 1364.03,-305 1383.39,-289.16 1432.5,-314 1449.96,-322.83 1463.57,-341.27 1471.55,-354.36"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1469.78,-355.49 1474.63,-359.6 1473.4,-353.37 1469.78,-355.49"/>
+</g>
+<!-- packages/core/test/pattern.test.mjs -->
+<g id="node17" class="node">
+<title>packages/core/test/pattern.test.mjs</title>
+<g id="a_node17"><a xlink:href="packages/core/test/pattern.test.mjs" xlink:title="pattern.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M1032.5,-450C1032.5,-450 955.5,-450 955.5,-450 952.5,-450 949.5,-447 949.5,-444 949.5,-444 949.5,-438 949.5,-438 949.5,-435 952.5,-432 955.5,-432 955.5,-432 1032.5,-432 1032.5,-432 1035.5,-432 1038.5,-435 1038.5,-438 1038.5,-438 1038.5,-444 1038.5,-444 1038.5,-447 1035.5,-450 1032.5,-450"/>
+<text text-anchor="start" x="957.5" y="-438.8" font-family="Helvetica,sans-Serif" font-size="9.00">pattern.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/test/pattern.test.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge33" class="edge">
+<title>packages/core/test/pattern.test.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1001.99,-450.06C1022.53,-476.67 1082.77,-554.71 1107.61,-586.89"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.95,-588.17 1111.28,-591.64 1109.27,-585.61 1105.95,-588.17"/>
+</g>
+<!-- packages/core/test/pattern.test.mjs&#45;&gt;packages/core/signal.mjs -->
+<g id="edge34" class="edge">
+<title>packages/core/test/pattern.test.mjs&#45;&gt;packages/core/signal.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1038.61,-438.33C1081.81,-435.69 1147.21,-431.69 1187.68,-429.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1187.85,-431.31 1193.71,-428.85 1187.59,-427.12 1187.85,-431.31"/>
+</g>
+<!-- packages/core/test/util.test.mjs -->
+<g id="node18" class="node">
+<title>packages/core/test/util.test.mjs</title>
+<g id="a_node18"><a xlink:href="packages/core/test/util.test.mjs" xlink:title="util.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M1023,-390C1023,-390 965,-390 965,-390 962,-390 959,-387 959,-384 959,-384 959,-378 959,-378 959,-375 962,-372 965,-372 965,-372 1023,-372 1023,-372 1026,-372 1029,-375 1029,-378 1029,-378 1029,-384 1029,-384 1029,-387 1026,-390 1023,-390"/>
+<text text-anchor="start" x="967" y="-378.8" font-family="Helvetica,sans-Serif" font-size="9.00">util.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/test/util.test.mjs&#45;&gt;packages/core/pattern.mjs -->
+<g id="edge35" class="edge">
+<title>packages/core/test/util.test.mjs&#45;&gt;packages/core/pattern.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1029.33,-382.33C1090.84,-384.93 1217.44,-391.27 1260.5,-401 1267.48,-402.58 1274.8,-405.01 1281.52,-407.59"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1281.14,-409.7 1287.49,-409.97 1282.7,-405.8 1281.14,-409.7"/>
+</g>
+<!-- packages/core/test/util.test.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge36" class="edge">
+<title>packages/core/test/util.test.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1027.71,-371.93C1066.09,-361.79 1131.84,-346.01 1189.5,-340 1220.89,-336.73 1229.13,-336.58 1260.5,-340 1279.96,-342.12 1418.04,-364.81 1432.5,-378 1470.97,-413.08 1478.12,-479.59 1479.33,-509.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1477.23,-509.84 1479.51,-515.77 1481.43,-509.71 1477.23,-509.84"/>
+</g>
+<!-- packages/core/test/value.test.mjs -->
+<g id="node19" class="node">
+<title>packages/core/test/value.test.mjs</title>
+<g id="a_node19"><a xlink:href="packages/core/test/value.test.mjs" xlink:title="value.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M1028,-420C1028,-420 960,-420 960,-420 957,-420 954,-417 954,-414 954,-414 954,-408 954,-408 954,-405 957,-402 960,-402 960,-402 1028,-402 1028,-402 1031,-402 1034,-405 1034,-408 1034,-408 1034,-414 1034,-414 1034,-417 1031,-420 1028,-420"/>
+<text text-anchor="start" x="962" y="-408.8" font-family="Helvetica,sans-Serif" font-size="9.00">value.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/core/test/value.test.mjs&#45;&gt;packages/core/value.mjs -->
+<g id="edge37" class="edge">
+<title>packages/core/test/value.test.mjs&#45;&gt;packages/core/value.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1034.24,-409.03C1103.37,-405.87 1241.43,-401.07 1260.5,-412 1270.35,-417.65 1263.8,-428.09 1273.5,-434 1287.21,-442.36 1327.9,-443.18 1358.01,-442.51"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1358.32,-444.61 1364.26,-442.35 1358.21,-440.41 1358.32,-444.61"/>
+</g>
+<!-- packages/embed/embed.js -->
+<g id="node20" class="node">
+<title>packages/embed/embed.js</title>
+<g id="a_node20"><a xlink:href="packages/embed/embed.js" xlink:title="embed.js">
+<path fill="#ccffcc" stroke="black" d="M93,-1366C93,-1366 47,-1366 47,-1366 44,-1366 41,-1363 41,-1360 41,-1360 41,-1354 41,-1354 41,-1351 44,-1348 47,-1348 47,-1348 93,-1348 93,-1348 96,-1348 99,-1351 99,-1354 99,-1354 99,-1360 99,-1360 99,-1363 96,-1366 93,-1366"/>
+<text text-anchor="start" x="49" y="-1354.8" font-family="Helvetica,sans-Serif" font-size="9.00">embed.js</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/evaluate.mjs -->
+<g id="node21" class="node">
+<title>packages/eval/evaluate.mjs</title>
+<g id="a_node21"><a xlink:href="packages/eval/evaluate.mjs" xlink:title="evaluate.mjs">
+<path fill="#ffffcc" stroke="black" d="M905.5,-228C905.5,-228 843.5,-228 843.5,-228 840.5,-228 837.5,-225 837.5,-222 837.5,-222 837.5,-216 837.5,-216 837.5,-213 840.5,-210 843.5,-210 843.5,-210 905.5,-210 905.5,-210 908.5,-210 911.5,-213 911.5,-216 911.5,-216 911.5,-222 911.5,-222 911.5,-225 908.5,-228 905.5,-228"/>
+<text text-anchor="start" x="845.5" y="-216.8" font-family="Helvetica,sans-Serif" font-size="9.00">evaluate.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/evaluate.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge41" class="edge">
+<title>packages/eval/evaluate.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M911.65,-219.82C951.57,-222.77 1014.88,-233.83 1050.5,-273 1093.45,-320.23 1112.74,-527.68 1117.37,-585.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1115.28,-586.03 1117.84,-591.85 1119.47,-585.7 1115.28,-586.03"/>
+</g>
+<!-- packages/eval/shapeshifter.mjs -->
+<g id="node22" class="node">
+<title>packages/eval/shapeshifter.mjs</title>
+<g id="a_node22"><a xlink:href="packages/eval/shapeshifter.mjs" xlink:title="shapeshifter.mjs">
+<path fill="#ffffcc" stroke="black" d="M1032.5,-208C1032.5,-208 955.5,-208 955.5,-208 952.5,-208 949.5,-205 949.5,-202 949.5,-202 949.5,-196 949.5,-196 949.5,-193 952.5,-190 955.5,-190 955.5,-190 1032.5,-190 1032.5,-190 1035.5,-190 1038.5,-193 1038.5,-196 1038.5,-196 1038.5,-202 1038.5,-202 1038.5,-205 1035.5,-208 1032.5,-208"/>
+<text text-anchor="start" x="957.5" y="-196.8" font-family="Helvetica,sans-Serif" font-size="9.00">shapeshifter.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/evaluate.mjs&#45;&gt;packages/eval/shapeshifter.mjs -->
+<g id="edge40" class="edge">
+<title>packages/eval/evaluate.mjs&#45;&gt;packages/eval/shapeshifter.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M911.71,-212.84C921.63,-211.15 932.56,-209.29 943.11,-207.49"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="943.7,-209.52 949.26,-206.45 942.99,-205.38 943.7,-209.52"/>
+</g>
+<!-- packages/eval/shapeshifter.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge44" class="edge">
+<title>packages/eval/shapeshifter.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1013.1,-208.04C1025.6,-215.25 1041.52,-226.52 1050.5,-241 1087.44,-300.61 1111.19,-524.61 1117.07,-585.59"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1115.01,-586.12 1117.67,-591.9 1119.19,-585.73 1115.01,-586.12"/>
+</g>
+<!-- packages/eval/shift&#45;traverser/index.js -->
+<g id="node24" class="node">
+<title>packages/eval/shift&#45;traverser/index.js</title>
+<g id="a_node24"><a xlink:href="packages/eval/shift-traverser/index.js" xlink:title="index.js">
+<path fill="#ffffcc" stroke="black" d="M1140.5,-208C1140.5,-208 1098.5,-208 1098.5,-208 1095.5,-208 1092.5,-205 1092.5,-202 1092.5,-202 1092.5,-196 1092.5,-196 1092.5,-193 1095.5,-190 1098.5,-190 1098.5,-190 1140.5,-190 1140.5,-190 1143.5,-190 1146.5,-193 1146.5,-196 1146.5,-196 1146.5,-202 1146.5,-202 1146.5,-205 1143.5,-208 1140.5,-208"/>
+<text text-anchor="start" x="1102" y="-196.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/shapeshifter.mjs&#45;&gt;packages/eval/shift&#45;traverser/index.js -->
+<g id="edge43" class="edge">
+<title>packages/eval/shapeshifter.mjs&#45;&gt;packages/eval/shift&#45;traverser/index.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1038.54,-199C1054.22,-199 1071.62,-199 1086.17,-199"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.22,-201.1 1092.22,-199 1086.22,-196.9 1086.22,-201.1"/>
+</g>
+<!-- packages/eval/index.mjs -->
+<g id="node23" class="node">
+<title>packages/eval/index.mjs</title>
+<g id="a_node23"><a xlink:href="packages/eval/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M772.5,-262C772.5,-262 724.5,-262 724.5,-262 721.5,-262 718.5,-259 718.5,-256 718.5,-256 718.5,-250 718.5,-250 718.5,-247 721.5,-244 724.5,-244 724.5,-244 772.5,-244 772.5,-244 775.5,-244 778.5,-247 778.5,-250 778.5,-250 778.5,-256 778.5,-256 778.5,-259 775.5,-262 772.5,-262"/>
+<text text-anchor="start" x="726.5" y="-250.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/index.mjs&#45;&gt;packages/eval/evaluate.mjs -->
+<g id="edge42" class="edge">
+<title>packages/eval/index.mjs&#45;&gt;packages/eval/evaluate.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M778.65,-246.98C789.07,-244.69 800.86,-241.91 811.5,-239 821.26,-236.33 831.76,-233.09 841.31,-229.99"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="842.06,-231.96 847.11,-228.09 840.75,-227.96 842.06,-231.96"/>
+</g>
+<!-- packages/eval/test/evaluate.test.mjs -->
+<g id="node25" class="node">
+<title>packages/eval/test/evaluate.test.mjs</title>
+<g id="a_node25"><a xlink:href="packages/eval/test/evaluate.test.mjs" xlink:title="evaluate.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M789.5,-210C789.5,-210 707.5,-210 707.5,-210 704.5,-210 701.5,-207 701.5,-204 701.5,-204 701.5,-198 701.5,-198 701.5,-195 704.5,-192 707.5,-192 707.5,-192 789.5,-192 789.5,-192 792.5,-192 795.5,-195 795.5,-198 795.5,-198 795.5,-204 795.5,-204 795.5,-207 792.5,-210 789.5,-210"/>
+<text text-anchor="start" x="709.5" y="-198.8" font-family="Helvetica,sans-Serif" font-size="9.00">evaluate.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/test/evaluate.test.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge46" class="edge">
+<title>packages/eval/test/evaluate.test.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M795.59,-203.93C801.59,-206.12 807.15,-209.34 811.5,-214 829.25,-233.03 800.99,-253.71 819.5,-272 893.11,-344.72 973.84,-231.51 1050.5,-301 1093.65,-340.12 1112.64,-530.39 1117.31,-585.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1115.22,-586.08 1117.81,-591.89 1119.41,-585.74 1115.22,-586.08"/>
+</g>
+<!-- packages/eval/test/evaluate.test.mjs&#45;&gt;packages/eval/evaluate.mjs -->
+<g id="edge45" class="edge">
+<title>packages/eval/test/evaluate.test.mjs&#45;&gt;packages/eval/evaluate.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M795.67,-207.7C807.29,-209.39 819.71,-211.19 831.13,-212.85"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="831.12,-214.97 837.36,-213.75 831.73,-210.81 831.12,-214.97"/>
+</g>
+<!-- packages/mini/index.mjs -->
+<g id="node26" class="node">
+<title>packages/mini/index.mjs</title>
+<g id="a_node26"><a xlink:href="packages/mini/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M898.5,-42C898.5,-42 850.5,-42 850.5,-42 847.5,-42 844.5,-39 844.5,-36 844.5,-36 844.5,-30 844.5,-30 844.5,-27 847.5,-24 850.5,-24 850.5,-24 898.5,-24 898.5,-24 901.5,-24 904.5,-27 904.5,-30 904.5,-30 904.5,-36 904.5,-36 904.5,-39 901.5,-42 898.5,-42"/>
+<text text-anchor="start" x="852.5" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/test/evaluate.test.mjs&#45;&gt;packages/mini/index.mjs -->
+<g id="edge47" class="edge">
+<title>packages/eval/test/evaluate.test.mjs&#45;&gt;packages/mini/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M795.7,-196.93C801.76,-194.52 807.31,-191.02 811.5,-186 831.32,-162.25 799.87,-70.92 819.5,-47 824.25,-41.21 831.06,-37.64 838.25,-35.48"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="839.02,-37.45 844.35,-33.98 838.02,-33.37 839.02,-37.45"/>
+</g>
+<!-- packages/mini/krill&#45;parser.js -->
+<g id="node31" class="node">
+<title>packages/mini/krill&#45;parser.js</title>
+<g id="a_node31"><a xlink:href="packages/mini/krill-parser.js" xlink:title="krill&#45;parser.js">
+<path fill="#ffffcc" stroke="black" d="M1149.5,-59C1149.5,-59 1089.5,-59 1089.5,-59 1086.5,-59 1083.5,-56 1083.5,-53 1083.5,-53 1083.5,-47 1083.5,-47 1083.5,-44 1086.5,-41 1089.5,-41 1089.5,-41 1149.5,-41 1149.5,-41 1152.5,-41 1155.5,-44 1155.5,-47 1155.5,-47 1155.5,-53 1155.5,-53 1155.5,-56 1152.5,-59 1149.5,-59"/>
+<text text-anchor="start" x="1091.5" y="-47.8" font-family="Helvetica,sans-Serif" font-size="9.00">krill&#45;parser.js</text>
+</a>
+</g>
+</g>
+<!-- packages/mini/index.mjs&#45;&gt;packages/mini/krill&#45;parser.js -->
+<g id="edge52" class="edge">
+<title>packages/mini/index.mjs&#45;&gt;packages/mini/krill&#45;parser.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.81,-35.05C947.79,-38.06 1028.09,-43.67 1077.08,-47.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1077.05,-49.21 1083.18,-47.53 1077.35,-45.02 1077.05,-49.21"/>
+</g>
+<!-- packages/mini/mini.mjs -->
+<g id="node32" class="node">
+<title>packages/mini/mini.mjs</title>
+<g id="a_node32"><a xlink:href="packages/mini/mini.mjs" xlink:title="mini.mjs">
+<path fill="#ffffcc" stroke="black" d="M1015.5,-76C1015.5,-76 972.5,-76 972.5,-76 969.5,-76 966.5,-73 966.5,-70 966.5,-70 966.5,-64 966.5,-64 966.5,-61 969.5,-58 972.5,-58 972.5,-58 1015.5,-58 1015.5,-58 1018.5,-58 1021.5,-61 1021.5,-64 1021.5,-64 1021.5,-70 1021.5,-70 1021.5,-73 1018.5,-76 1015.5,-76"/>
+<text text-anchor="start" x="974.5" y="-64.8" font-family="Helvetica,sans-Serif" font-size="9.00">mini.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/mini/index.mjs&#45;&gt;packages/mini/mini.mjs -->
+<g id="edge53" class="edge">
+<title>packages/mini/index.mjs&#45;&gt;packages/mini/mini.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.54,-41.4C921.52,-46.32 942.98,-52.53 960.52,-57.6"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="959.95,-59.62 966.3,-59.27 961.12,-55.59 959.95,-59.62"/>
+</g>
+<!-- packages/eval/test/shapeshifter.test.mjs -->
+<g id="node27" class="node">
+<title>packages/eval/test/shapeshifter.test.mjs</title>
+<g id="a_node27"><a xlink:href="packages/eval/test/shapeshifter.test.mjs" xlink:title="shapeshifter.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M797.5,-180C797.5,-180 699.5,-180 699.5,-180 696.5,-180 693.5,-177 693.5,-174 693.5,-174 693.5,-168 693.5,-168 693.5,-165 696.5,-162 699.5,-162 699.5,-162 797.5,-162 797.5,-162 800.5,-162 803.5,-165 803.5,-168 803.5,-168 803.5,-174 803.5,-174 803.5,-177 800.5,-180 797.5,-180"/>
+<text text-anchor="start" x="701.5" y="-168.8" font-family="Helvetica,sans-Serif" font-size="9.00">shapeshifter.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/eval/test/shapeshifter.test.mjs&#45;&gt;packages/eval/shapeshifter.mjs -->
+<g id="edge48" class="edge">
+<title>packages/eval/test/shapeshifter.test.mjs&#45;&gt;packages/eval/shapeshifter.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M803.54,-177.21C845.25,-182.01 902.52,-188.6 943.14,-193.27"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="943.06,-195.37 949.26,-193.97 943.54,-191.2 943.06,-195.37"/>
+</g>
+<!-- packages/midi/index.mjs -->
+<g id="node28" class="node">
+<title>packages/midi/index.mjs</title>
+<g id="a_node28"><a xlink:href="packages/midi/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M644.5,-112C644.5,-112 596.5,-112 596.5,-112 593.5,-112 590.5,-109 590.5,-106 590.5,-106 590.5,-100 590.5,-100 590.5,-97 593.5,-94 596.5,-94 596.5,-94 644.5,-94 644.5,-94 647.5,-94 650.5,-97 650.5,-100 650.5,-100 650.5,-106 650.5,-106 650.5,-109 647.5,-112 644.5,-112"/>
+<text text-anchor="start" x="598.5" y="-100.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/midi/midi.mjs -->
+<g id="node29" class="node">
+<title>packages/midi/midi.mjs</title>
+<g id="a_node29"><a xlink:href="packages/midi/midi.mjs" xlink:title="midi.mjs">
+<path fill="#ffffcc" stroke="black" d="M770,-112C770,-112 727,-112 727,-112 724,-112 721,-109 721,-106 721,-106 721,-100 721,-100 721,-97 724,-94 727,-94 727,-94 770,-94 770,-94 773,-94 776,-97 776,-100 776,-100 776,-106 776,-106 776,-109 773,-112 770,-112"/>
+<text text-anchor="start" x="729" y="-100.8" font-family="Helvetica,sans-Serif" font-size="9.00">midi.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/midi/index.mjs&#45;&gt;packages/midi/midi.mjs -->
+<g id="edge49" class="edge">
+<title>packages/midi/index.mjs&#45;&gt;packages/midi/midi.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M650.72,-103C669.75,-103 694.6,-103 714.36,-103"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="714.59,-105.1 720.59,-103 714.59,-100.9 714.59,-105.1"/>
+</g>
+<!-- packages/midi/midi.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge50" class="edge">
+<title>packages/midi/midi.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M776.22,-104.73C846.26,-109.52 1031.06,-123.86 1050.5,-143 1066.76,-159.02 1107.7,-507.18 1116.72,-585.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1114.68,-586.08 1117.45,-591.8 1118.85,-585.6 1114.68,-586.08"/>
+</g>
+<!-- packages/tone/index.mjs -->
+<g id="node30" class="node">
+<title>packages/tone/index.mjs</title>
+<g id="a_node30"><a xlink:href="packages/tone/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M772.5,-916C772.5,-916 724.5,-916 724.5,-916 721.5,-916 718.5,-913 718.5,-910 718.5,-910 718.5,-904 718.5,-904 718.5,-901 721.5,-898 724.5,-898 724.5,-898 772.5,-898 772.5,-898 775.5,-898 778.5,-901 778.5,-904 778.5,-904 778.5,-910 778.5,-910 778.5,-913 775.5,-916 772.5,-916"/>
+<text text-anchor="start" x="726.5" y="-904.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/midi/midi.mjs&#45;&gt;packages/tone/index.mjs -->
+<g id="edge51" class="edge">
+<title>packages/midi/midi.mjs&#45;&gt;packages/tone/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M722.23,-112.09C703.41,-120.37 680.24,-134.73 673.5,-157 669.38,-170.61 672.65,-270.8 673.5,-285 688.13,-528.49 734.68,-822.72 746,-891.92"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="743.94,-892.33 746.99,-897.91 748.09,-891.64 743.94,-892.33"/>
+</g>
+<!-- packages/tone/draw.mjs -->
+<g id="node68" class="node">
+<title>packages/tone/draw.mjs</title>
+<g id="a_node68"><a xlink:href="packages/tone/draw.mjs" xlink:title="draw.mjs">
+<path fill="#ffffcc" stroke="black" d="M896.5,-946C896.5,-946 852.5,-946 852.5,-946 849.5,-946 846.5,-943 846.5,-940 846.5,-940 846.5,-934 846.5,-934 846.5,-931 849.5,-928 852.5,-928 852.5,-928 896.5,-928 896.5,-928 899.5,-928 902.5,-931 902.5,-934 902.5,-934 902.5,-940 902.5,-940 902.5,-943 899.5,-946 896.5,-946"/>
+<text text-anchor="start" x="854.5" y="-934.8" font-family="Helvetica,sans-Serif" font-size="9.00">draw.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tone/index.mjs&#45;&gt;packages/tone/draw.mjs -->
+<g id="edge126" class="edge">
+<title>packages/tone/index.mjs&#45;&gt;packages/tone/draw.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M778.57,-914.03C797.05,-918.5 821.01,-924.3 840.24,-928.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="839.98,-931.05 846.31,-930.42 840.97,-926.97 839.98,-931.05"/>
+</g>
+<!-- packages/tone/tone.mjs -->
+<g id="node69" class="node">
+<title>packages/tone/tone.mjs</title>
+<g id="a_node69"><a xlink:href="packages/tone/tone.mjs" xlink:title="tone.mjs">
+<path fill="#ffffcc" stroke="black" d="M1016,-963C1016,-963 972,-963 972,-963 969,-963 966,-960 966,-957 966,-957 966,-951 966,-951 966,-948 969,-945 972,-945 972,-945 1016,-945 1016,-945 1019,-945 1022,-948 1022,-951 1022,-951 1022,-957 1022,-957 1022,-960 1019,-963 1016,-963"/>
+<text text-anchor="start" x="974" y="-951.8" font-family="Helvetica,sans-Serif" font-size="9.00">tone.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tone/index.mjs&#45;&gt;packages/tone/tone.mjs -->
+<g id="edge128" class="edge">
+<title>packages/tone/index.mjs&#45;&gt;packages/tone/tone.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M751.11,-916.18C756.04,-941.18 773.5,-1010.42 819.5,-1038 858.38,-1061.31 880.35,-1057.01 921.5,-1038 952.51,-1023.67 975.02,-988.52 985.82,-968.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="987.75,-969.37 988.67,-963.09 984.03,-967.43 987.75,-969.37"/>
+</g>
+<!-- packages/tone/pianoroll.mjs -->
+<g id="node70" class="node">
+<title>packages/tone/pianoroll.mjs</title>
+<g id="a_node70"><a xlink:href="packages/tone/pianoroll.mjs" xlink:title="pianoroll.mjs">
+<path fill="#ffffcc" stroke="black" d="M905.5,-916C905.5,-916 843.5,-916 843.5,-916 840.5,-916 837.5,-913 837.5,-910 837.5,-910 837.5,-904 837.5,-904 837.5,-901 840.5,-898 843.5,-898 843.5,-898 905.5,-898 905.5,-898 908.5,-898 911.5,-901 911.5,-904 911.5,-904 911.5,-910 911.5,-910 911.5,-913 908.5,-916 905.5,-916"/>
+<text text-anchor="start" x="845.5" y="-904.8" font-family="Helvetica,sans-Serif" font-size="9.00">pianoroll.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tone/index.mjs&#45;&gt;packages/tone/pianoroll.mjs -->
+<g id="edge127" class="edge">
+<title>packages/tone/index.mjs&#45;&gt;packages/tone/pianoroll.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M778.57,-907C794.13,-907 813.58,-907 830.82,-907"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="831.06,-909.1 837.06,-907 831.06,-904.9 831.06,-909.1"/>
+</g>
+<!-- packages/tone/ui.mjs -->
+<g id="node71" class="node">
+<title>packages/tone/ui.mjs</title>
+<g id="a_node71"><a xlink:href="packages/tone/ui.mjs" xlink:title="ui.mjs">
+<path fill="#ffffcc" stroke="black" d="M895.5,-1032C895.5,-1032 853.5,-1032 853.5,-1032 850.5,-1032 847.5,-1029 847.5,-1026 847.5,-1026 847.5,-1020 847.5,-1020 847.5,-1017 850.5,-1014 853.5,-1014 853.5,-1014 895.5,-1014 895.5,-1014 898.5,-1014 901.5,-1017 901.5,-1020 901.5,-1020 901.5,-1026 901.5,-1026 901.5,-1029 898.5,-1032 895.5,-1032"/>
+<text text-anchor="start" x="860.5" y="-1020.8" font-family="Helvetica,sans-Serif" font-size="9.00">ui.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tone/index.mjs&#45;&gt;packages/tone/ui.mjs -->
+<g id="edge129" class="edge">
+<title>packages/tone/index.mjs&#45;&gt;packages/tone/ui.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M753.16,-916.27C761.62,-936.44 784.51,-984.46 819.5,-1009 826.01,-1013.56 833.89,-1016.64 841.61,-1018.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="841.12,-1020.76 847.44,-1020.11 842.1,-1016.67 841.12,-1020.76"/>
+</g>
+<!-- packages/mini/mini.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge55" class="edge">
+<title>packages/mini/mini.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1005.6,-76.07C1018.53,-87.79 1039.96,-109.51 1050.5,-133 1069.54,-175.45 1108.17,-509.6 1116.78,-585.64"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1114.71,-586.08 1117.47,-591.8 1118.88,-585.61 1114.71,-586.08"/>
+</g>
+<!-- packages/mini/mini.mjs&#45;&gt;packages/eval/shapeshifter.mjs -->
+<g id="edge56" class="edge">
+<title>packages/mini/mini.mjs&#45;&gt;packages/eval/shapeshifter.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M994,-76.02C994,-111.9 994,-147.77 994,-183.65"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="991.9,-183.87 994,-189.87 996.1,-183.87 991.9,-183.87"/>
+</g>
+<!-- packages/mini/mini.mjs&#45;&gt;packages/mini/krill&#45;parser.js -->
+<g id="edge54" class="edge">
+<title>packages/mini/mini.mjs&#45;&gt;packages/mini/krill&#45;parser.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1021.8,-63.31C1037.99,-61.08 1058.96,-58.2 1077.23,-55.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1077.65,-57.74 1083.31,-54.84 1077.08,-53.58 1077.65,-57.74"/>
+</g>
+<!-- packages/mini/test/mini.test.mjs -->
+<g id="node33" class="node">
+<title>packages/mini/test/mini.test.mjs</title>
+<g id="a_node33"><a xlink:href="packages/mini/test/mini.test.mjs" xlink:title="mini.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M906,-76C906,-76 843,-76 843,-76 840,-76 837,-73 837,-70 837,-70 837,-64 837,-64 837,-61 840,-58 843,-58 843,-58 906,-58 906,-58 909,-58 912,-61 912,-64 912,-64 912,-70 912,-70 912,-73 909,-76 906,-76"/>
+<text text-anchor="start" x="845" y="-64.8" font-family="Helvetica,sans-Serif" font-size="9.00">mini.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/mini/test/mini.test.mjs&#45;&gt;packages/core/euclid.mjs -->
+<g id="edge58" class="edge">
+<title>packages/mini/test/mini.test.mjs&#45;&gt;packages/core/euclid.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M903.72,-76C974.31,-98.74 1154.27,-158.16 1173.5,-179 1216.55,-225.65 1223.17,-306.61 1223.99,-339.97"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1221.89,-340.02 1224.09,-345.98 1226.09,-339.95 1221.89,-340.02"/>
+</g>
+<!-- packages/mini/test/mini.test.mjs&#45;&gt;packages/mini/mini.mjs -->
+<g id="edge57" class="edge">
+<title>packages/mini/test/mini.test.mjs&#45;&gt;packages/mini/mini.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M912.03,-67C927.36,-67 945.05,-67 959.98,-67"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="960.2,-69.1 966.2,-67 960.19,-64.9 960.2,-69.1"/>
+</g>
+<!-- packages/osc/osc.mjs -->
+<g id="node34" class="node">
+<title>packages/osc/osc.mjs</title>
+<g id="a_node34"><a xlink:href="packages/osc/osc.mjs" xlink:title="osc.mjs">
+<path fill="#ffffcc" stroke="black" d="M1015,-856C1015,-856 973,-856 973,-856 970,-856 967,-853 967,-850 967,-850 967,-844 967,-844 967,-841 970,-838 973,-838 973,-838 1015,-838 1015,-838 1018,-838 1021,-841 1021,-844 1021,-844 1021,-850 1021,-850 1021,-853 1018,-856 1015,-856"/>
+<text text-anchor="start" x="977" y="-844.8" font-family="Helvetica,sans-Serif" font-size="9.00">osc.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/osc/osc.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge59" class="edge">
+<title>packages/osc/osc.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1021.19,-845.37C1031.51,-843.46 1042.72,-839.61 1050.5,-832 1066.52,-816.33 1103.39,-664.92 1114.96,-616.09"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1117.03,-616.48 1116.36,-610.16 1112.94,-615.52 1117.03,-616.48"/>
+</g>
+<!-- packages/osc/server.js -->
+<g id="node35" class="node">
+<title>packages/osc/server.js</title>
+<g id="a_node35"><a xlink:href="packages/osc/server.js" xlink:title="server.js">
+<path fill="#ccffcc" stroke="black" d="M1015,-826C1015,-826 973,-826 973,-826 970,-826 967,-823 967,-820 967,-820 967,-814 967,-814 967,-811 970,-808 973,-808 973,-808 1015,-808 1015,-808 1018,-808 1021,-811 1021,-814 1021,-814 1021,-820 1021,-820 1021,-823 1018,-826 1015,-826"/>
+<text text-anchor="start" x="975.5" y="-814.8" font-family="Helvetica,sans-Serif" font-size="9.00">server.js</text>
+</a>
+</g>
+</g>
+<!-- packages/osc/tidal&#45;sniffer.js -->
+<g id="node36" class="node">
+<title>packages/osc/tidal&#45;sniffer.js</title>
+<g id="a_node36"><a xlink:href="packages/osc/tidal-sniffer.js" xlink:title="tidal&#45;sniffer.js">
+<path fill="#ccffcc" stroke="black" d="M1025.5,-796C1025.5,-796 962.5,-796 962.5,-796 959.5,-796 956.5,-793 956.5,-790 956.5,-790 956.5,-784 956.5,-784 956.5,-781 959.5,-778 962.5,-778 962.5,-778 1025.5,-778 1025.5,-778 1028.5,-778 1031.5,-781 1031.5,-784 1031.5,-784 1031.5,-790 1031.5,-790 1031.5,-793 1028.5,-796 1025.5,-796"/>
+<text text-anchor="start" x="964.5" y="-784.8" font-family="Helvetica,sans-Serif" font-size="9.00">tidal&#45;sniffer.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/dist/index.cjs.js -->
+<g id="node37" class="node">
+<title>packages/react/dist/index.cjs.js</title>
+<g id="a_node37"><a xlink:href="packages/react/dist/index.cjs.js" xlink:title="index.cjs.js">
+<path fill="#ffffcc" stroke="black" d="M647.5,-840C647.5,-840 593.5,-840 593.5,-840 590.5,-840 587.5,-837 587.5,-834 587.5,-834 587.5,-828 587.5,-828 587.5,-825 590.5,-822 593.5,-822 593.5,-822 647.5,-822 647.5,-822 650.5,-822 653.5,-825 653.5,-828 653.5,-828 653.5,-834 653.5,-834 653.5,-837 650.5,-840 647.5,-840"/>
+<text text-anchor="start" x="595.5" y="-828.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.cjs.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/dist/index.cjs.js&#45;&gt;packages/core/util.mjs -->
+<g id="edge61" class="edge">
+<title>packages/react/dist/index.cjs.js&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M621.52,-840.05C621.99,-874.49 627.26,-999.82 677.5,-1085 717.82,-1153.35 777.28,-1131.4 811.5,-1203 820.42,-1221.66 804.81,-1374.43 819.5,-1389 833.2,-1402.58 973.71,-1395 993,-1395 993,-1395 993,-1395 1309,-1395 1386.78,-1395 1400.56,-1341.92 1432.5,-1271 1463.49,-1202.18 1476.97,-642.31 1479.17,-540.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1481.28,-540.55 1479.31,-534.5 1477.08,-540.46 1481.28,-540.55"/>
+</g>
+<!-- packages/react/dist/index.cjs.js&#45;&gt;packages/core/index.mjs -->
+<g id="edge60" class="edge">
+<title>packages/react/dist/index.cjs.js&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M622.12,-840.06C625.11,-880.61 639.42,-1044.67 677.5,-1075 698.71,-1091.89 902.09,-1093.93 921.5,-1075 934.15,-1062.66 917.9,-770.33 929.5,-757 965.28,-715.88 1006.63,-769.35 1050.5,-737 1091.58,-706.7 1109.4,-644.58 1115.66,-615.99"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1117.72,-616.42 1116.89,-610.11 1113.6,-615.56 1117.72,-616.42"/>
+</g>
+<!-- packages/react/dist/index.cjs.js&#45;&gt;packages/eval/index.mjs -->
+<g id="edge62" class="edge">
+<title>packages/react/dist/index.cjs.js&#45;&gt;packages/eval/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M628.32,-821.6C638.93,-806.47 659.23,-775.44 669.5,-746 732.41,-565.58 744.81,-330.21 747.05,-268.4"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="749.16,-268.11 747.26,-262.04 744.96,-267.97 749.16,-268.11"/>
+</g>
+<!-- packages/react/dist/index.cjs.js&#45;&gt;packages/midi/index.mjs -->
+<g id="edge63" class="edge">
+<title>packages/react/dist/index.cjs.js&#45;&gt;packages/midi/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M620.5,-821.88C620.5,-587.41 620.5,-352.94 620.5,-118.48"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="622.6,-118.24 620.5,-112.24 618.4,-118.24 622.6,-118.24"/>
+</g>
+<!-- packages/react/dist/index.cjs.js&#45;&gt;packages/tone/index.mjs -->
+<g id="edge64" class="edge">
+<title>packages/react/dist/index.cjs.js&#45;&gt;packages/tone/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M636.45,-840.02C658.99,-853.62 701.75,-879.41 727.13,-894.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="726.35,-896.69 732.57,-898 728.52,-893.1 726.35,-896.69"/>
+</g>
+<!-- packages/react/dist/index.es.js -->
+<g id="node38" class="node">
+<title>packages/react/dist/index.es.js</title>
+<g id="a_node38"><a xlink:href="packages/react/dist/index.es.js" xlink:title="index.es.js">
+<path fill="#ffffcc" stroke="black" d="M530,-840C530,-840 478,-840 478,-840 475,-840 472,-837 472,-834 472,-834 472,-828 472,-828 472,-825 475,-822 478,-822 478,-822 530,-822 530,-822 533,-822 536,-825 536,-828 536,-828 536,-834 536,-834 536,-837 533,-840 530,-840"/>
+<text text-anchor="start" x="480" y="-828.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.es.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/dist/index.es.js&#45;&gt;packages/core/util.mjs -->
+<g id="edge66" class="edge">
+<title>packages/react/dist/index.es.js&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M524.6,-840.05C541.23,-848.9 564,-864.11 574.5,-885 583.88,-903.67 567.84,-1246.12 582.5,-1261 608.25,-1287.14 710.81,-1267 747.5,-1267 747.5,-1267 747.5,-1267 1309,-1267 1463.72,-1267 1478.05,-646.47 1479.37,-540.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1481.47,-540.14 1479.44,-534.11 1477.27,-540.09 1481.47,-540.14"/>
+</g>
+<!-- packages/react/dist/index.es.js&#45;&gt;packages/core/index.mjs -->
+<g id="edge65" class="edge">
+<title>packages/react/dist/index.es.js&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M520.4,-840.15C535.64,-849.8 558.88,-866.19 574.5,-885 638.37,-961.93 592.14,-1032.94 677.5,-1085 700.65,-1099.12 902.09,-1103.93 921.5,-1085 934.15,-1072.66 917.69,-780.14 929.5,-767 965.77,-726.66 1006.94,-783.32 1050.5,-751 1095.52,-717.6 1111.47,-647.38 1116.47,-616.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1118.55,-616.57 1117.37,-610.32 1114.4,-615.94 1118.55,-616.57"/>
+</g>
+<!-- packages/react/dist/index.es.js&#45;&gt;packages/eval/index.mjs -->
+<g id="edge67" class="edge">
+<title>packages/react/dist/index.es.js&#45;&gt;packages/eval/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M527.52,-821.88C541.76,-815.52 560.13,-806.18 574.5,-795 578.72,-791.71 578.41,-789.45 582.5,-786 617.31,-756.69 644.24,-769.86 669.5,-732 722.16,-653.07 742.54,-342.24 746.67,-268.67"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="748.79,-268.41 747.02,-262.31 744.6,-268.18 748.79,-268.41"/>
+</g>
+<!-- packages/react/dist/index.es.js&#45;&gt;packages/midi/index.mjs -->
+<g id="edge68" class="edge">
+<title>packages/react/dist/index.es.js&#45;&gt;packages/midi/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M520.36,-821.93C537,-811.17 562.73,-791.55 574.5,-767 603.41,-706.72 616.83,-212.7 619.14,-118.49"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="621.24,-118.46 619.28,-112.41 617.04,-118.36 621.24,-118.46"/>
+</g>
+<!-- packages/react/dist/index.es.js&#45;&gt;packages/tone/index.mjs -->
+<g id="edge69" class="edge">
+<title>packages/react/dist/index.es.js&#45;&gt;packages/tone/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M520.43,-821.76C550.69,-804.93 619.25,-773.3 669.5,-799 708.04,-818.7 731.91,-867.31 741.97,-892.04"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="740.08,-892.96 744.23,-897.78 743.99,-891.43 740.08,-892.96"/>
+</g>
+<!-- packages/react/dist/index.es.js&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge70" class="edge">
+<title>packages/react/dist/index.es.js&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M536.29,-831C550.19,-831 566.69,-831 581.31,-831"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="581.45,-833.1 587.45,-831 581.45,-828.9 581.45,-833.1"/>
+</g>
+<!-- packages/react/package.json -->
+<g id="node39" class="node">
+<title>packages/react/package.json</title>
+<g id="a_node39"><a xlink:href="packages/react/package.json" xlink:title="package.json">
+<path fill="#ffee44" stroke="black" d="M201,-806C201,-806 137,-806 137,-806 134,-806 131,-803 131,-800 131,-800 131,-794 131,-794 131,-791 134,-788 137,-788 137,-788 201,-788 201,-788 204,-788 207,-791 207,-794 207,-794 207,-800 207,-800 207,-803 204,-806 201,-806"/>
+<text text-anchor="start" x="139" y="-794.8" font-family="Helvetica,sans-Serif" font-size="9.00">package.json</text>
+</a>
+</g>
+</g>
+<!-- packages/react/postcss.config.js -->
+<g id="node40" class="node">
+<title>packages/react/postcss.config.js</title>
+<g id="a_node40"><a xlink:href="packages/react/postcss.config.js" xlink:title="postcss.config.js">
+<path fill="#ccffcc" stroke="black" d="M109.5,-866C109.5,-866 30.5,-866 30.5,-866 27.5,-866 24.5,-863 24.5,-860 24.5,-860 24.5,-854 24.5,-854 24.5,-851 27.5,-848 30.5,-848 30.5,-848 109.5,-848 109.5,-848 112.5,-848 115.5,-851 115.5,-854 115.5,-854 115.5,-860 115.5,-860 115.5,-863 112.5,-866 109.5,-866"/>
+<text text-anchor="start" x="32.5" y="-854.8" font-family="Helvetica,sans-Serif" font-size="9.00">postcss.config.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/App.jsx -->
+<g id="node41" class="node">
+<title>packages/react/src/App.jsx</title>
+<g id="a_node41"><a xlink:href="packages/react/src/App.jsx" xlink:title="App.jsx">
+<path fill="#ffff77" stroke="black" d="M190,-1146C190,-1146 148,-1146 148,-1146 145,-1146 142,-1143 142,-1140 142,-1140 142,-1134 142,-1134 142,-1131 145,-1128 148,-1128 148,-1128 190,-1128 190,-1128 193,-1128 196,-1131 196,-1134 196,-1134 196,-1140 196,-1140 196,-1143 193,-1146 190,-1146"/>
+<text text-anchor="start" x="152" y="-1134.8" font-family="Helvetica,sans-Serif" font-size="9.00">App.jsx</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/core/index.mjs -->
+<g id="edge72" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M177.07,-1146.35C186.59,-1158.24 204.7,-1178.48 225,-1189 368.91,-1263.56 421.22,-1244.92 582.5,-1261 686.6,-1271.38 980.28,-1287.55 1050.5,-1210 1091.69,-1164.51 1113.87,-706.33 1117.85,-616.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1119.95,-616.34 1118.11,-610.25 1115.75,-616.15 1119.95,-616.34"/>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/eval/index.mjs -->
+<g id="edge73" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/eval/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M173.94,-1127.79C183.37,-1105.27 207.16,-1045.47 217,-993 228.89,-929.56 208.01,-910.26 225,-848 262.03,-712.32 229.86,-567 370.5,-567 370.5,-567 370.5,-567 505,-567 657.85,-567 727.93,-331.05 743.88,-268.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="746,-268.39 745.41,-262.06 741.92,-267.38 746,-268.39"/>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/mini/index.mjs -->
+<g id="edge75" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/mini/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M174.08,-1127.81C183.82,-1105.35 208.24,-1045.66 217,-993 227.37,-930.63 212.76,-486.03 225,-424 259.13,-251.05 194.21,-55 370.5,-55 370.5,-55 370.5,-55 621.5,-55 699.2,-55 789.87,-44.49 838.47,-38"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="838.8,-40.07 844.47,-37.19 838.24,-35.91 838.8,-40.07"/>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/midi/index.mjs -->
+<g id="edge74" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/midi/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M174.07,-1127.81C183.77,-1105.34 208.12,-1045.64 217,-993 224.95,-945.88 208,-607.66 225,-563 306.73,-348.3 536.06,-165.19 601.72,-115.98"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="603.31,-117.42 606.87,-112.15 600.8,-114.05 603.31,-117.42"/>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/tone/index.mjs -->
+<g id="edge77" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/tone/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M173.33,-1127.93C189.91,-1083.2 264.45,-886.5 310,-841 355.72,-795.34 378.76,-794.46 441.5,-779 539.93,-754.75 581.62,-722.47 669.5,-773 714.84,-799.07 736.29,-862.76 743.99,-891.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="742,-892.64 745.51,-897.94 746.07,-891.61 742,-892.64"/>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge80" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M196.11,-1143.9C205.19,-1145.97 215.48,-1147.97 225,-1149 317.13,-1158.93 342.18,-1164.71 433.5,-1149 499.03,-1137.73 531.76,-1149.93 574.5,-1099 607.15,-1060.09 616.71,-897.02 618.93,-846.2"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="621.03,-846.13 619.18,-840.05 616.83,-845.96 621.03,-846.13"/>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx -->
+<g id="node42" class="node">
+<title>packages/react/src/components/MiniRepl.jsx</title>
+<g id="a_node42"><a xlink:href="packages/react/src/components/MiniRepl.jsx" xlink:title="MiniRepl.jsx">
+<path fill="#ffff77" stroke="black" d="M296,-1060C296,-1060 239,-1060 239,-1060 236,-1060 233,-1057 233,-1054 233,-1054 233,-1048 233,-1048 233,-1045 236,-1042 239,-1042 239,-1042 296,-1042 296,-1042 299,-1042 302,-1045 302,-1048 302,-1048 302,-1054 302,-1054 302,-1057 299,-1060 296,-1060"/>
+<text text-anchor="start" x="241" y="-1048.8" font-family="Helvetica,sans-Serif" font-size="9.00">MiniRepl.jsx</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/react/src/components/MiniRepl.jsx -->
+<g id="edge71" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/react/src/components/MiniRepl.jsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M174.42,-1127.92C182.39,-1112.5 200.62,-1081.2 225,-1064 225.77,-1063.46 226.57,-1062.93 227.38,-1062.43"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="228.69,-1064.11 232.99,-1059.43 226.71,-1060.41 228.69,-1064.11"/>
+</g>
+<!-- packages/tonal/index.mjs -->
+<g id="node43" class="node">
+<title>packages/tonal/index.mjs</title>
+<g id="a_node43"><a xlink:href="packages/tonal/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M898.5,-1158C898.5,-1158 850.5,-1158 850.5,-1158 847.5,-1158 844.5,-1155 844.5,-1152 844.5,-1152 844.5,-1146 844.5,-1146 844.5,-1143 847.5,-1140 850.5,-1140 850.5,-1140 898.5,-1140 898.5,-1140 901.5,-1140 904.5,-1143 904.5,-1146 904.5,-1146 904.5,-1152 904.5,-1152 904.5,-1155 901.5,-1158 898.5,-1158"/>
+<text text-anchor="start" x="852.5" y="-1146.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/tonal/index.mjs -->
+<g id="edge76" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/tonal/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M192.2,-1146.06C202.11,-1149.85 214.01,-1154.04 225,-1157 288.44,-1174.07 304.81,-1183 370.5,-1183 370.5,-1183 370.5,-1183 621.5,-1183 699.4,-1183 789.63,-1166.85 838.19,-1156.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="838.74,-1158.84 844.19,-1155.56 837.89,-1154.73 838.74,-1158.84"/>
+</g>
+<!-- packages/webaudio/index.mjs -->
+<g id="node44" class="node">
+<title>packages/webaudio/index.mjs</title>
+<g id="a_node44"><a xlink:href="packages/webaudio/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M898.5,-1321C898.5,-1321 850.5,-1321 850.5,-1321 847.5,-1321 844.5,-1318 844.5,-1315 844.5,-1315 844.5,-1309 844.5,-1309 844.5,-1306 847.5,-1303 850.5,-1303 850.5,-1303 898.5,-1303 898.5,-1303 901.5,-1303 904.5,-1306 904.5,-1309 904.5,-1309 904.5,-1315 904.5,-1315 904.5,-1318 901.5,-1321 898.5,-1321"/>
+<text text-anchor="start" x="852.5" y="-1309.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/webaudio/index.mjs -->
+<g id="edge78" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/webaudio/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M182.55,-1146.18C193.35,-1153.73 209.58,-1164.24 225,-1171 445.66,-1267.75 738.56,-1300.52 838.43,-1309.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="838.28,-1311.38 844.44,-1309.8 838.64,-1307.19 838.28,-1311.38"/>
+</g>
+<!-- packages/xen/index.mjs -->
+<g id="node45" class="node">
+<title>packages/xen/index.mjs</title>
+<g id="a_node45"><a xlink:href="packages/xen/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M898.5,-1430C898.5,-1430 850.5,-1430 850.5,-1430 847.5,-1430 844.5,-1427 844.5,-1424 844.5,-1424 844.5,-1418 844.5,-1418 844.5,-1415 847.5,-1412 850.5,-1412 850.5,-1412 898.5,-1412 898.5,-1412 901.5,-1412 904.5,-1415 904.5,-1418 904.5,-1418 904.5,-1424 904.5,-1424 904.5,-1427 901.5,-1430 898.5,-1430"/>
+<text text-anchor="start" x="852.5" y="-1418.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/App.jsx&#45;&gt;packages/xen/index.mjs -->
+<g id="edge79" class="edge">
+<title>packages/react/src/App.jsx&#45;&gt;packages/xen/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M170.59,-1146.09C172.84,-1173.98 182.99,-1259.69 225,-1313 271.63,-1372.18 295.15,-1400 370.5,-1400 370.5,-1400 370.5,-1400 621.5,-1400 699.18,-1400 789.86,-1410.03 838.46,-1416.23"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="838.24,-1418.32 844.46,-1417 838.78,-1414.15 838.24,-1418.32"/>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge89" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M269.48,-1041.69C273.03,-1009.91 286.22,-906.54 310,-885 398.06,-805.22 458.91,-873.56 574.5,-846 579.23,-844.87 584.17,-843.47 588.98,-841.97"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="589.9,-843.88 594.97,-840.04 588.61,-839.88 589.9,-843.88"/>
+</g>
+<!-- packages/react/src/components/CodeMirror6.jsx -->
+<g id="node46" class="node">
+<title>packages/react/src/components/CodeMirror6.jsx</title>
+<g id="a_node46"><a xlink:href="packages/react/src/components/CodeMirror6.jsx" xlink:title="CodeMirror6.jsx">
+<path fill="#ffff77" stroke="black" d="M408.5,-1120C408.5,-1120 334.5,-1120 334.5,-1120 331.5,-1120 328.5,-1117 328.5,-1114 328.5,-1114 328.5,-1108 328.5,-1108 328.5,-1105 331.5,-1102 334.5,-1102 334.5,-1102 408.5,-1102 408.5,-1102 411.5,-1102 414.5,-1105 414.5,-1108 414.5,-1108 414.5,-1114 414.5,-1114 414.5,-1117 411.5,-1120 408.5,-1120"/>
+<text text-anchor="start" x="336.5" y="-1108.8" font-family="Helvetica,sans-Serif" font-size="9.00">CodeMirror6.jsx</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/components/CodeMirror6.jsx -->
+<g id="edge86" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/components/CodeMirror6.jsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M297.53,-1060C299.17,-1061.18 300.68,-1062.5 302,-1064 311.7,-1074.99 299.62,-1085.64 310,-1096 313.63,-1099.63 318,-1102.42 322.7,-1104.58"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="321.99,-1106.55 328.34,-1106.81 323.54,-1102.65 321.99,-1106.55"/>
+</g>
+<!-- packages/react/src/cx.js -->
+<g id="node48" class="node">
+<title>packages/react/src/cx.js</title>
+<g id="a_node48"><a xlink:href="packages/react/src/cx.js" xlink:title="cx.js">
+<path fill="#ffffcc" stroke="black" d="M392.5,-1026C392.5,-1026 350.5,-1026 350.5,-1026 347.5,-1026 344.5,-1023 344.5,-1020 344.5,-1020 344.5,-1014 344.5,-1014 344.5,-1011 347.5,-1008 350.5,-1008 350.5,-1008 392.5,-1008 392.5,-1008 395.5,-1008 398.5,-1011 398.5,-1014 398.5,-1014 398.5,-1020 398.5,-1020 398.5,-1023 395.5,-1026 392.5,-1026"/>
+<text text-anchor="start" x="361" y="-1014.8" font-family="Helvetica,sans-Serif" font-size="9.00">cx.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/cx.js -->
+<g id="edge83" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/cx.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M294.54,-1041.95C297.12,-1040.74 299.65,-1039.42 302,-1038 306.04,-1035.55 305.79,-1033.15 310,-1031 318.66,-1026.57 328.73,-1023.52 338.14,-1021.43"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="338.75,-1023.45 344.21,-1020.19 337.91,-1019.34 338.75,-1023.45"/>
+</g>
+<!-- packages/react/src/hooks/useHighlighting.mjs -->
+<g id="node49" class="node">
+<title>packages/react/src/hooks/useHighlighting.mjs</title>
+<g id="a_node49"><a xlink:href="packages/react/src/hooks/useHighlighting.mjs" xlink:title="useHighlighting.mjs">
+<path fill="#ffffcc" stroke="black" d="M419,-944C419,-944 324,-944 324,-944 321,-944 318,-941 318,-938 318,-938 318,-932 318,-932 318,-929 321,-926 324,-926 324,-926 419,-926 419,-926 422,-926 425,-929 425,-932 425,-932 425,-938 425,-938 425,-941 422,-944 419,-944"/>
+<text text-anchor="start" x="326" y="-932.8" font-family="Helvetica,sans-Serif" font-size="9.00">useHighlighting.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/hooks/useHighlighting.mjs -->
+<g id="edge84" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/hooks/useHighlighting.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M298.09,-1041.99C299.55,-1040.82 300.87,-1039.49 302,-1038 313.82,-1022.32 297.21,-964.9 310,-950 310.85,-949.01 311.75,-948.09 312.69,-947.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="314.29,-948.64 317.78,-943.32 311.74,-945.3 314.29,-948.64"/>
+</g>
+<!-- packages/react/src/hooks/useRepl.mjs -->
+<g id="node50" class="node">
+<title>packages/react/src/hooks/useRepl.mjs</title>
+<g id="a_node50"><a xlink:href="packages/react/src/hooks/useRepl.mjs" xlink:title="useRepl.mjs">
+<path fill="#ffffcc" stroke="black" d="M401,-974C401,-974 342,-974 342,-974 339,-974 336,-971 336,-968 336,-968 336,-962 336,-962 336,-959 339,-956 342,-956 342,-956 401,-956 401,-956 404,-956 407,-959 407,-962 407,-962 407,-968 407,-968 407,-971 404,-974 401,-974"/>
+<text text-anchor="start" x="344" y="-962.8" font-family="Helvetica,sans-Serif" font-size="9.00">useRepl.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/hooks/useRepl.mjs -->
+<g id="edge85" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/hooks/useRepl.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M298.02,-1041.93C299.5,-1040.78 300.84,-1039.47 302,-1038 318.63,-1016.86 291.74,-997.76 310,-978 315.18,-972.39 322.15,-968.89 329.52,-966.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="330.41,-968.72 335.77,-965.29 329.44,-964.63 330.41,-968.72"/>
+</g>
+<!-- packages/react/src/components/MiniRepl.module.css -->
+<g id="node51" class="node">
+<title>packages/react/src/components/MiniRepl.module.css</title>
+<g id="a_node51"><a xlink:href="packages/react/src/components/MiniRepl.module.css" xlink:title="MiniRepl.module.css">
+<path fill="#ffffcc" stroke="black" d="M419.5,-1090C419.5,-1090 323.5,-1090 323.5,-1090 320.5,-1090 317.5,-1087 317.5,-1084 317.5,-1084 317.5,-1078 317.5,-1078 317.5,-1075 320.5,-1072 323.5,-1072 323.5,-1072 419.5,-1072 419.5,-1072 422.5,-1072 425.5,-1075 425.5,-1078 425.5,-1078 425.5,-1084 425.5,-1084 425.5,-1087 422.5,-1090 419.5,-1090"/>
+<text text-anchor="start" x="325.5" y="-1078.8" font-family="Helvetica,sans-Serif" font-size="9.00">MiniRepl.module.css</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/components/MiniRepl.module.css -->
+<g id="edge87" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/components/MiniRepl.module.css</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M292.5,-1060.15C298.2,-1062.19 304.28,-1064.26 310,-1066 314.99,-1067.51 320.24,-1068.99 325.48,-1070.39"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="325.27,-1072.5 331.61,-1071.99 326.33,-1068.44 325.27,-1072.5"/>
+</g>
+<!-- packages/react/src/components/style.css -->
+<g id="node52" class="node">
+<title>packages/react/src/components/style.css</title>
+<g id="a_node52"><a xlink:href="packages/react/src/components/style.css" xlink:title="style.css">
+<path fill="#ffffcc" stroke="black" d="M393,-1060C393,-1060 350,-1060 350,-1060 347,-1060 344,-1057 344,-1054 344,-1054 344,-1048 344,-1048 344,-1045 347,-1042 350,-1042 350,-1042 393,-1042 393,-1042 396,-1042 399,-1045 399,-1048 399,-1048 399,-1054 399,-1054 399,-1057 396,-1060 393,-1060"/>
+<text text-anchor="start" x="352" y="-1048.8" font-family="Helvetica,sans-Serif" font-size="9.00">style.css</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/components/style.css -->
+<g id="edge88" class="edge">
+<title>packages/react/src/components/MiniRepl.jsx&#45;&gt;packages/react/src/components/style.css</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M302.18,-1051C313.64,-1051 326.42,-1051 337.8,-1051"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="337.96,-1053.1 343.96,-1051 337.96,-1048.9 337.96,-1053.1"/>
+</g>
+<!-- packages/tonal/tonal.mjs -->
+<g id="node65" class="node">
+<title>packages/tonal/tonal.mjs</title>
+<g id="a_node65"><a xlink:href="packages/tonal/tonal.mjs" xlink:title="tonal.mjs">
+<path fill="#ffffcc" stroke="black" d="M1017,-1188C1017,-1188 971,-1188 971,-1188 968,-1188 965,-1185 965,-1182 965,-1182 965,-1176 965,-1176 965,-1173 968,-1170 971,-1170 971,-1170 1017,-1170 1017,-1170 1020,-1170 1023,-1173 1023,-1176 1023,-1176 1023,-1182 1023,-1182 1023,-1185 1020,-1188 1017,-1188"/>
+<text text-anchor="start" x="973" y="-1176.8" font-family="Helvetica,sans-Serif" font-size="9.00">tonal.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tonal/index.mjs&#45;&gt;packages/tonal/tonal.mjs -->
+<g id="edge118" class="edge">
+<title>packages/tonal/index.mjs&#45;&gt;packages/tonal/tonal.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.59,-1157.3C912.64,-1159.54 921.4,-1161.92 929.5,-1164 938.95,-1166.43 949.23,-1168.92 958.71,-1171.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="958.49,-1173.26 964.81,-1172.59 959.45,-1169.17 958.49,-1173.26"/>
+</g>
+<!-- packages/tonal/voicings.mjs -->
+<g id="node66" class="node">
+<title>packages/tonal/voicings.mjs</title>
+<g id="a_node66"><a xlink:href="packages/tonal/voicings.mjs" xlink:title="voicings.mjs">
+<path fill="#ffffcc" stroke="black" d="M1024,-1158C1024,-1158 964,-1158 964,-1158 961,-1158 958,-1155 958,-1152 958,-1152 958,-1146 958,-1146 958,-1143 961,-1140 964,-1140 964,-1140 1024,-1140 1024,-1140 1027,-1140 1030,-1143 1030,-1146 1030,-1146 1030,-1152 1030,-1152 1030,-1155 1027,-1158 1024,-1158"/>
+<text text-anchor="start" x="966" y="-1146.8" font-family="Helvetica,sans-Serif" font-size="9.00">voicings.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tonal/index.mjs&#45;&gt;packages/tonal/voicings.mjs -->
+<g id="edge119" class="edge">
+<title>packages/tonal/index.mjs&#45;&gt;packages/tonal/voicings.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.54,-1149C918.7,-1149 935.99,-1149 951.51,-1149"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="951.58,-1151.1 957.58,-1149 951.58,-1146.9 951.58,-1151.1"/>
+</g>
+<!-- packages/webaudio/clockworker.mjs -->
+<g id="node73" class="node">
+<title>packages/webaudio/clockworker.mjs</title>
+<g id="a_node73"><a xlink:href="packages/webaudio/clockworker.mjs" xlink:title="clockworker.mjs">
+<path fill="#ffffcc" stroke="black" d="M1157.5,-1316C1157.5,-1316 1081.5,-1316 1081.5,-1316 1078.5,-1316 1075.5,-1313 1075.5,-1310 1075.5,-1310 1075.5,-1304 1075.5,-1304 1075.5,-1301 1078.5,-1298 1081.5,-1298 1081.5,-1298 1157.5,-1298 1157.5,-1298 1160.5,-1298 1163.5,-1301 1163.5,-1304 1163.5,-1304 1163.5,-1310 1163.5,-1310 1163.5,-1313 1160.5,-1316 1157.5,-1316"/>
+<text text-anchor="start" x="1083.5" y="-1304.8" font-family="Helvetica,sans-Serif" font-size="9.00">clockworker.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/webaudio/index.mjs&#45;&gt;packages/webaudio/clockworker.mjs -->
+<g id="edge136" class="edge">
+<title>packages/webaudio/index.mjs&#45;&gt;packages/webaudio/clockworker.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.81,-1311.4C945.49,-1310.56 1019.6,-1309.04 1068.95,-1308.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1069.19,-1310.12 1075.14,-1307.89 1069.1,-1305.92 1069.19,-1310.12"/>
+</g>
+<!-- packages/webaudio/sampler.mjs -->
+<g id="node74" class="node">
+<title>packages/webaudio/sampler.mjs</title>
+<g id="a_node74"><a xlink:href="packages/webaudio/sampler.mjs" xlink:title="sampler.mjs">
+<path fill="#ffffcc" stroke="black" d="M1148.5,-1353C1148.5,-1353 1090.5,-1353 1090.5,-1353 1087.5,-1353 1084.5,-1350 1084.5,-1347 1084.5,-1347 1084.5,-1341 1084.5,-1341 1084.5,-1338 1087.5,-1335 1090.5,-1335 1090.5,-1335 1148.5,-1335 1148.5,-1335 1151.5,-1335 1154.5,-1338 1154.5,-1341 1154.5,-1341 1154.5,-1347 1154.5,-1347 1154.5,-1350 1151.5,-1353 1148.5,-1353"/>
+<text text-anchor="start" x="1092.5" y="-1341.8" font-family="Helvetica,sans-Serif" font-size="9.00">sampler.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/webaudio/index.mjs&#45;&gt;packages/webaudio/sampler.mjs -->
+<g id="edge137" class="edge">
+<title>packages/webaudio/index.mjs&#45;&gt;packages/webaudio/sampler.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M884.01,-1321.1C893.86,-1330.91 911.11,-1345.93 929.5,-1352 978.79,-1368.27 1039.26,-1361.4 1078.31,-1353.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.93,-1355.78 1084.39,-1352.53 1078.09,-1351.66 1078.93,-1355.78"/>
+</g>
+<!-- packages/webaudio/scheduler.mjs -->
+<g id="node75" class="node">
+<title>packages/webaudio/scheduler.mjs</title>
+<g id="a_node75"><a xlink:href="packages/webaudio/scheduler.mjs" xlink:title="scheduler.mjs">
+<path fill="#ffffcc" stroke="black" d="M1027,-1302C1027,-1302 961,-1302 961,-1302 958,-1302 955,-1299 955,-1296 955,-1296 955,-1290 955,-1290 955,-1287 958,-1284 961,-1284 961,-1284 1027,-1284 1027,-1284 1030,-1284 1033,-1287 1033,-1290 1033,-1290 1033,-1296 1033,-1296 1033,-1299 1030,-1302 1027,-1302"/>
+<text text-anchor="start" x="963" y="-1290.8" font-family="Helvetica,sans-Serif" font-size="9.00">scheduler.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/webaudio/index.mjs&#45;&gt;packages/webaudio/scheduler.mjs -->
+<g id="edge138" class="edge">
+<title>packages/webaudio/index.mjs&#45;&gt;packages/webaudio/scheduler.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.54,-1307.3C917.86,-1305.15 933.95,-1302.55 948.73,-1300.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="949.39,-1302.18 954.97,-1299.15 948.71,-1298.03 949.39,-1302.18"/>
+</g>
+<!-- packages/webaudio/webaudio.mjs -->
+<g id="node76" class="node">
+<title>packages/webaudio/webaudio.mjs</title>
+<g id="a_node76"><a xlink:href="packages/webaudio/webaudio.mjs" xlink:title="webaudio.mjs">
+<path fill="#ffffcc" stroke="black" d="M1027.5,-1346C1027.5,-1346 960.5,-1346 960.5,-1346 957.5,-1346 954.5,-1343 954.5,-1340 954.5,-1340 954.5,-1334 954.5,-1334 954.5,-1331 957.5,-1328 960.5,-1328 960.5,-1328 1027.5,-1328 1027.5,-1328 1030.5,-1328 1033.5,-1331 1033.5,-1334 1033.5,-1334 1033.5,-1340 1033.5,-1340 1033.5,-1343 1030.5,-1346 1027.5,-1346"/>
+<text text-anchor="start" x="962.5" y="-1334.8" font-family="Helvetica,sans-Serif" font-size="9.00">webaudio.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/webaudio/index.mjs&#45;&gt;packages/webaudio/webaudio.mjs -->
+<g id="edge139" class="edge">
+<title>packages/webaudio/index.mjs&#45;&gt;packages/webaudio/webaudio.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.54,-1318.18C917.63,-1320.96 933.38,-1324.31 947.94,-1327.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="947.79,-1329.53 954.09,-1328.72 948.66,-1325.42 947.79,-1329.53"/>
+</g>
+<!-- packages/xen/tune.mjs -->
+<g id="node79" class="node">
+<title>packages/xen/tune.mjs</title>
+<g id="a_node79"><a xlink:href="packages/xen/tune.mjs" xlink:title="tune.mjs">
+<path fill="#ffffcc" stroke="black" d="M1016,-1430C1016,-1430 972,-1430 972,-1430 969,-1430 966,-1427 966,-1424 966,-1424 966,-1418 966,-1418 966,-1415 969,-1412 972,-1412 972,-1412 1016,-1412 1016,-1412 1019,-1412 1022,-1415 1022,-1418 1022,-1418 1022,-1424 1022,-1424 1022,-1427 1019,-1430 1016,-1430"/>
+<text text-anchor="start" x="974" y="-1418.8" font-family="Helvetica,sans-Serif" font-size="9.00">tune.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/xen/index.mjs&#45;&gt;packages/xen/tune.mjs -->
+<g id="edge147" class="edge">
+<title>packages/xen/index.mjs&#45;&gt;packages/xen/tune.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.54,-1421C921.25,-1421 942.3,-1421 959.68,-1421"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="959.9,-1423.1 965.9,-1421 959.9,-1418.9 959.9,-1423.1"/>
+</g>
+<!-- packages/xen/xen.mjs -->
+<g id="node80" class="node">
+<title>packages/xen/xen.mjs</title>
+<g id="a_node80"><a xlink:href="packages/xen/xen.mjs" xlink:title="xen.mjs">
+<path fill="#ffffcc" stroke="black" d="M1015,-1460C1015,-1460 973,-1460 973,-1460 970,-1460 967,-1457 967,-1454 967,-1454 967,-1448 967,-1448 967,-1445 970,-1442 973,-1442 973,-1442 1015,-1442 1015,-1442 1018,-1442 1021,-1445 1021,-1448 1021,-1448 1021,-1454 1021,-1454 1021,-1457 1018,-1460 1015,-1460"/>
+<text text-anchor="start" x="976" y="-1448.8" font-family="Helvetica,sans-Serif" font-size="9.00">xen.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/xen/index.mjs&#45;&gt;packages/xen/xen.mjs -->
+<g id="edge148" class="edge">
+<title>packages/xen/index.mjs&#45;&gt;packages/xen/xen.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M904.59,-1429.3C912.64,-1431.54 921.4,-1433.92 929.5,-1436 939.68,-1438.61 950.81,-1441.3 960.88,-1443.67"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="960.67,-1445.78 966.99,-1445.1 961.63,-1441.69 960.67,-1445.78"/>
+</g>
+<!-- packages/react/src/components/CodeMirror6.jsx&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge82" class="edge">
+<title>packages/react/src/components/CodeMirror6.jsx&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M414.63,-1108.22C470.43,-1104.14 563.15,-1095.83 574.5,-1085 609.24,-1051.86 617.36,-896.05 619.07,-846.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="621.18,-846.08 619.28,-840.01 616.98,-845.94 621.18,-846.08"/>
+</g>
+<!-- packages/react/src/themes/material&#45;palenight.js -->
+<g id="node47" class="node">
+<title>packages/react/src/themes/material&#45;palenight.js</title>
+<g id="a_node47"><a xlink:href="packages/react/src/themes/material-palenight.js" xlink:title="material&#45;palenight.js">
+<path fill="#ffffcc" stroke="black" d="M552.5,-1034C552.5,-1034 455.5,-1034 455.5,-1034 452.5,-1034 449.5,-1031 449.5,-1028 449.5,-1028 449.5,-1022 449.5,-1022 449.5,-1019 452.5,-1016 455.5,-1016 455.5,-1016 552.5,-1016 552.5,-1016 555.5,-1016 558.5,-1019 558.5,-1022 558.5,-1022 558.5,-1028 558.5,-1028 558.5,-1031 555.5,-1034 552.5,-1034"/>
+<text text-anchor="start" x="457.5" y="-1022.8" font-family="Helvetica,sans-Serif" font-size="9.00">material&#45;palenight.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/components/CodeMirror6.jsx&#45;&gt;packages/react/src/themes/material&#45;palenight.js -->
+<g id="edge81" class="edge">
+<title>packages/react/src/components/CodeMirror6.jsx&#45;&gt;packages/react/src/themes/material&#45;palenight.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M414.7,-1103.89C421.23,-1101.88 427.72,-1099.3 433.5,-1096 458.53,-1081.71 480.5,-1055.82 492.74,-1039.57"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="494.63,-1040.53 496.5,-1034.46 491.25,-1038.04 494.63,-1040.53"/>
+</g>
+<!-- packages/react/src/hooks/useHighlighting.mjs&#45;&gt;packages/tone/index.mjs -->
+<g id="edge94" class="edge">
+<title>packages/react/src/hooks/useHighlighting.mjs&#45;&gt;packages/tone/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M425.16,-927.11C428.27,-925.18 431.11,-922.83 433.5,-920 449.17,-901.45 425.23,-829.03 441.5,-811 484.15,-763.76 519.1,-791.58 582.5,-786 621.02,-782.61 635.55,-767.49 669.5,-786 711.35,-808.81 734.13,-864.79 743.03,-891.86"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="741.1,-892.69 744.91,-897.78 745.1,-891.42 741.1,-892.69"/>
+</g>
+<!-- packages/react/src/hooks/useHighlighting.mjs&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge95" class="edge">
+<title>packages/react/src/hooks/useHighlighting.mjs&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M425.16,-926.26C428.19,-924.51 431.01,-922.44 433.5,-920 443.35,-910.34 431.38,-899.39 441.5,-890 485.59,-849.09 519.49,-889.33 574.5,-865 585.77,-860.01 596.84,-851.71 605.18,-844.56"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="606.89,-845.84 609.99,-840.29 604.11,-842.7 606.89,-845.84"/>
+</g>
+<!-- packages/react/src/hooks/useHighlighting.mjs&#45;&gt;packages/react/src/components/CodeMirror6.jsx -->
+<g id="edge93" class="edge">
+<title>packages/react/src/hooks/useHighlighting.mjs&#45;&gt;packages/react/src/components/CodeMirror6.jsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M317.87,-941.53C312.31,-944.83 307.97,-949.49 306,-956 301.69,-970.25 301.69,-1075.75 306,-1090 308.45,-1098.11 314.58,-1103.33 322.14,-1106.65"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="321.82,-1108.77 328.18,-1108.84 323.25,-1104.82 321.82,-1108.77"/>
+</g>
+<!-- packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge99" class="edge">
+<title>packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M407.14,-964.87C417.02,-966.62 426.88,-970.41 433.5,-978 449.18,-995.96 433.06,-1062.7 441.5,-1085 528.96,-1316.21 601.67,-1376.14 819.5,-1493 888.6,-1530.07 914.59,-1525 993,-1525 993,-1525 993,-1525 1309,-1525 1411.21,-1525 1401.07,-1428.26 1432.5,-1331 1482.59,-1176 1480.47,-638.08 1479.65,-540.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1481.75,-540.02 1479.6,-534.04 1477.55,-540.06 1481.75,-540.02"/>
+</g>
+<!-- packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/eval/index.mjs -->
+<g id="edge100" class="edge">
+<title>packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/eval/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M407.31,-963.99C417.19,-961.91 427.02,-957.8 433.5,-950 443.39,-938.1 435.35,-825.2 441.5,-811 499.96,-675.99 598.94,-700.11 669.5,-571 727.43,-465 742.93,-315.86 746.53,-268.24"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="748.62,-268.34 746.96,-262.21 744.44,-268.04 748.62,-268.34"/>
+</g>
+<!-- packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge101" class="edge">
+<title>packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M407.1,-964.91C416.97,-966.66 426.84,-970.44 433.5,-978 447.65,-994.07 425.75,-1059.5 441.5,-1074 463.25,-1094.01 551.78,-1092.9 574.5,-1074 609.78,-1044.65 617.52,-894.65 619.11,-846.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="621.22,-846.06 619.3,-840 617.02,-845.93 621.22,-846.06"/>
+</g>
+<!-- packages/react/src/hooks/useCycle.mjs -->
+<g id="node53" class="node">
+<title>packages/react/src/hooks/useCycle.mjs</title>
+<g id="a_node53"><a xlink:href="packages/react/src/hooks/useCycle.mjs" xlink:title="useCycle.mjs">
+<path fill="#ffffcc" stroke="black" d="M535.5,-974C535.5,-974 472.5,-974 472.5,-974 469.5,-974 466.5,-971 466.5,-968 466.5,-968 466.5,-962 466.5,-962 466.5,-959 469.5,-956 472.5,-956 472.5,-956 535.5,-956 535.5,-956 538.5,-956 541.5,-959 541.5,-962 541.5,-962 541.5,-968 541.5,-968 541.5,-971 538.5,-974 535.5,-974"/>
+<text text-anchor="start" x="474.5" y="-962.8" font-family="Helvetica,sans-Serif" font-size="9.00">useCycle.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/react/src/hooks/useCycle.mjs -->
+<g id="edge97" class="edge">
+<title>packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/react/src/hooks/useCycle.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.13,-965C423.4,-965 442.97,-965 460.16,-965"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="460.38,-967.1 466.38,-965 460.38,-962.9 460.38,-967.1"/>
+</g>
+<!-- packages/react/src/hooks/usePostMessage.mjs -->
+<g id="node54" class="node">
+<title>packages/react/src/hooks/usePostMessage.mjs</title>
+<g id="a_node54"><a xlink:href="packages/react/src/hooks/usePostMessage.mjs" xlink:title="usePostMessage.mjs">
+<path fill="#ffffcc" stroke="black" d="M552,-914C552,-914 456,-914 456,-914 453,-914 450,-911 450,-908 450,-908 450,-902 450,-902 450,-899 453,-896 456,-896 456,-896 552,-896 552,-896 555,-896 558,-899 558,-902 558,-902 558,-908 558,-908 558,-911 555,-914 552,-914"/>
+<text text-anchor="start" x="458" y="-902.8" font-family="Helvetica,sans-Serif" font-size="9.00">usePostMessage.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/react/src/hooks/usePostMessage.mjs -->
+<g id="edge98" class="edge">
+<title>packages/react/src/hooks/useRepl.mjs&#45;&gt;packages/react/src/hooks/usePostMessage.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.04,-958.63C415.86,-956.43 425.19,-953.59 433.5,-950 452.84,-941.64 472.81,-928.11 486.35,-918.06"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="487.86,-919.55 491.39,-914.27 485.34,-916.2 487.86,-919.55"/>
+</g>
+<!-- packages/react/src/hooks/useCycle.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge90" class="edge">
+<title>packages/react/src/hooks/useCycle.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M523.01,-974.11C537.4,-981.68 557.85,-993.11 574.5,-1005 623.97,-1040.33 620.59,-1073.64 677.5,-1095 716.36,-1109.58 1021.32,-1104.51 1050.5,-1075 1116.47,-1008.28 1118.97,-690.72 1118.64,-616.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1120.74,-616.11 1118.6,-610.12 1116.54,-616.14 1120.74,-616.11"/>
+</g>
+<!-- packages/react/src/hooks/useCycle.mjs&#45;&gt;packages/tone/index.mjs -->
+<g id="edge91" class="edge">
+<title>packages/react/src/hooks/useCycle.mjs&#45;&gt;packages/tone/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M529.59,-955.85C545.27,-948.64 564.46,-936.94 574.5,-920 586.88,-899.1 564.71,-827.53 582.5,-811 596.66,-797.84 652.04,-802.69 669.5,-811 705.1,-827.94 729.75,-869.96 740.85,-892.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="739.01,-893.38 743.5,-897.88 742.79,-891.56 739.01,-893.38"/>
+</g>
+<!-- packages/react/src/hooks/useCycle.mjs&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge92" class="edge">
+<title>packages/react/src/hooks/useCycle.mjs&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M524.7,-955.86C539.84,-948.05 560.47,-935.61 574.5,-920 594.57,-897.67 608.1,-864.76 614.74,-845.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="616.78,-846.36 616.72,-840 612.8,-845.01 616.78,-846.36"/>
+</g>
+<!-- packages/react/src/hooks/usePostMessage.mjs&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge96" class="edge">
+<title>packages/react/src/hooks/usePostMessage.mjs&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M546.39,-895.99C556.08,-892.8 566.04,-888.57 574.5,-883 589.55,-873.1 602.49,-856.8 610.58,-845.09"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="612.35,-846.23 613.95,-840.07 608.86,-843.89 612.35,-846.23"/>
+</g>
+<!-- packages/react/src/hooks/useWebMidi.mjs -->
+<g id="node55" class="node">
+<title>packages/react/src/hooks/useWebMidi.mjs</title>
+<g id="a_node55"><a xlink:href="packages/react/src/hooks/useWebMidi.mjs" xlink:title="useWebMidi.mjs">
+<path fill="#ffffcc" stroke="black" d="M410,-914C410,-914 333,-914 333,-914 330,-914 327,-911 327,-908 327,-908 327,-902 327,-902 327,-899 330,-896 333,-896 333,-896 410,-896 410,-896 413,-896 416,-899 416,-902 416,-902 416,-908 416,-908 416,-911 413,-914 410,-914"/>
+<text text-anchor="start" x="335" y="-902.8" font-family="Helvetica,sans-Serif" font-size="9.00">useWebMidi.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/hooks/useWebMidi.mjs&#45;&gt;packages/midi/index.mjs -->
+<g id="edge102" class="edge">
+<title>packages/react/src/hooks/useWebMidi.mjs&#45;&gt;packages/midi/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M375.39,-895.85C393.68,-838.03 494.9,-517.35 574.5,-255 589.66,-205.02 607.08,-145.61 615.07,-118.21"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="617.14,-118.61 616.8,-112.27 613.11,-117.44 617.14,-118.61"/>
+</g>
+<!-- packages/react/src/hooks/useWebMidi.mjs&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge103" class="edge">
+<title>packages/react/src/hooks/useWebMidi.mjs&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M416.14,-908.48C422.81,-910.89 428.97,-914.55 433.5,-920 443.66,-932.25 429.94,-1052.07 441.5,-1063 462.97,-1083.31 551.7,-1081.8 574.5,-1063 608.14,-1035.26 616.94,-893.66 618.96,-846.39"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="621.07,-846.2 619.21,-840.12 616.87,-846.03 621.07,-846.2"/>
+</g>
+<!-- packages/react/src/index.js -->
+<g id="node56" class="node">
+<title>packages/react/src/index.js</title>
+<g id="a_node56"><a xlink:href="packages/react/src/index.js" xlink:title="index.js">
+<path fill="#ffffcc" stroke="black" d="M190,-987C190,-987 148,-987 148,-987 145,-987 142,-984 142,-981 142,-981 142,-975 142,-975 142,-972 145,-969 148,-969 148,-969 190,-969 190,-969 193,-969 196,-972 196,-975 196,-975 196,-981 196,-981 196,-984 193,-987 190,-987"/>
+<text text-anchor="start" x="151.5" y="-975.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/components/MiniRepl.jsx -->
+<g id="edge105" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/components/MiniRepl.jsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M175.99,-987.12C185.06,-1000.24 203.53,-1024.36 225,-1038 225.76,-1038.48 226.53,-1038.95 227.32,-1039.39"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="226.44,-1041.3 232.74,-1042.12 228.33,-1037.55 226.44,-1041.3"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/components/CodeMirror6.jsx -->
+<g id="edge104" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/components/CodeMirror6.jsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M173.32,-987.14C180.21,-1004.87 197.73,-1044.14 225,-1066 252.85,-1088.33 291.79,-1099.62 322.38,-1105.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="322.1,-1107.39 328.38,-1106.37 322.84,-1103.26 322.1,-1107.39"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/cx.js -->
+<g id="edge106" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/cx.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M196.23,-984.51C205.32,-986.68 215.58,-989.05 225,-991 263.82,-999.05 308.78,-1006.85 338.33,-1011.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="338.13,-1013.87 344.4,-1012.78 338.82,-1009.73 338.13,-1013.87"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useHighlighting.mjs -->
+<g id="edge108" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useHighlighting.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M196.01,-972.3C205.17,-970.3 215.54,-968.04 225,-966 257.29,-959.04 293.64,-951.29 321.92,-945.29"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="322.4,-947.33 327.83,-944.03 321.53,-943.23 322.4,-947.33"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useRepl.mjs -->
+<g id="edge110" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useRepl.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M196.21,-976.3C230.17,-974.1 289.73,-970.24 329.64,-967.65"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="330.02,-969.73 335.87,-967.25 329.75,-965.54 330.02,-969.73"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useCycle.mjs -->
+<g id="edge107" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useCycle.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M196.28,-980.17C243.79,-983.65 347.07,-989.22 433.5,-980 442.86,-979 452.82,-977.27 462.18,-975.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="462.81,-977.33 468.24,-974.02 461.93,-973.23 462.81,-977.33"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/hooks/usePostMessage.mjs -->
+<g id="edge109" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/hooks/usePostMessage.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M196.22,-976.05C203.9,-974.21 211.65,-970.9 217,-965 230.94,-949.63 211.52,-934.78 225,-919 250.93,-888.65 270.62,-896.53 310,-890 364.15,-881.02 378.92,-884.18 433.5,-890 442.86,-891 452.82,-892.73 462.18,-894.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="461.93,-896.77 468.24,-895.98 462.81,-892.67 461.93,-896.77"/>
+</g>
+<!-- packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useWebMidi.mjs -->
+<g id="edge111" class="edge">
+<title>packages/react/src/index.js&#45;&gt;packages/react/src/hooks/useWebMidi.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M196.44,-975.04C203.77,-973.13 211.28,-970.03 217,-965 223.88,-958.95 218.2,-952.14 225,-946 254.32,-919.52 271.93,-930.54 310,-920 315.36,-918.52 321.01,-917.02 326.61,-915.59"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="327.36,-917.56 332.66,-914.05 326.33,-913.49 327.36,-917.56"/>
+</g>
+<!-- packages/react/src/main.jsx -->
+<g id="node57" class="node">
+<title>packages/react/src/main.jsx</title>
+<g id="a_node57"><a xlink:href="packages/react/src/main.jsx" xlink:title="main.jsx">
+<path fill="#ffff77" stroke="black" d="M91,-1146C91,-1146 49,-1146 49,-1146 46,-1146 43,-1143 43,-1140 43,-1140 43,-1134 43,-1134 43,-1131 46,-1128 49,-1128 49,-1128 91,-1128 91,-1128 94,-1128 97,-1131 97,-1134 97,-1134 97,-1140 97,-1140 97,-1143 94,-1146 91,-1146"/>
+<text text-anchor="start" x="51" y="-1134.8" font-family="Helvetica,sans-Serif" font-size="9.00">main.jsx</text>
+</a>
+</g>
+</g>
+<!-- packages/react/src/main.jsx&#45;&gt;packages/react/dist/index.cjs.js -->
+<g id="edge113" class="edge">
+<title>packages/react/src/main.jsx&#45;&gt;packages/react/dist/index.cjs.js</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M97.11,-1144.52C107.03,-1147.18 118.48,-1150 129,-1152 189.49,-1163.51 204.92,-1169 266.5,-1169 266.5,-1169 266.5,-1169 372.5,-1169 415.82,-1169 555.62,-1147.03 574.5,-1127 613.23,-1085.93 618.63,-901.46 619.38,-846.5"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="621.48,-846.2 619.45,-840.18 617.28,-846.16 621.48,-846.2"/>
+</g>
+<!-- packages/react/src/main.jsx&#45;&gt;packages/react/src/App.jsx -->
+<g id="edge112" class="edge">
+<title>packages/react/src/main.jsx&#45;&gt;packages/react/src/App.jsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M97.25,-1137C109,-1137 122.98,-1137 135.4,-1137"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="135.73,-1139.1 141.73,-1137 135.73,-1134.9 135.73,-1139.1"/>
+</g>
+<!-- packages/react/tailwind.config.js -->
+<g id="node58" class="node">
+<title>packages/react/tailwind.config.js</title>
+<g id="a_node58"><a xlink:href="packages/react/tailwind.config.js" xlink:title="tailwind.config.js">
+<path fill="#ccffcc" stroke="black" d="M110,-836C110,-836 30,-836 30,-836 27,-836 24,-833 24,-830 24,-830 24,-824 24,-824 24,-821 27,-818 30,-818 30,-818 110,-818 110,-818 113,-818 116,-821 116,-824 116,-824 116,-830 116,-830 116,-833 113,-836 110,-836"/>
+<text text-anchor="start" x="32" y="-824.8" font-family="Helvetica,sans-Serif" font-size="9.00">tailwind.config.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/vite.config.js -->
+<g id="node59" class="node">
+<title>packages/react/vite.config.js</title>
+<g id="a_node59"><a xlink:href="packages/react/vite.config.js" xlink:title="vite.config.js">
+<path fill="#ffffcc" stroke="black" d="M101,-806C101,-806 39,-806 39,-806 36,-806 33,-803 33,-800 33,-800 33,-794 33,-794 33,-791 36,-788 39,-788 39,-788 101,-788 101,-788 104,-788 107,-791 107,-794 107,-794 107,-800 107,-800 107,-803 104,-806 101,-806"/>
+<text text-anchor="start" x="41" y="-794.8" font-family="Helvetica,sans-Serif" font-size="9.00">vite.config.js</text>
+</a>
+</g>
+</g>
+<!-- packages/react/vite.config.js&#45;&gt;packages/react/package.json -->
+<g id="edge114" class="edge">
+<title>packages/react/vite.config.js&#45;&gt;packages/react/package.json</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M107.12,-797C112.82,-797 118.76,-797 124.6,-797"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="124.88,-799.1 130.88,-797 124.88,-794.9 124.88,-799.1"/>
+</g>
+<!-- packages/serial/serial.mjs -->
+<g id="node60" class="node">
+<title>packages/serial/serial.mjs</title>
+<g id="a_node60"><a xlink:href="packages/serial/serial.mjs" xlink:title="serial.mjs">
+<path fill="#ffffcc" stroke="black" d="M1017.5,-670C1017.5,-670 970.5,-670 970.5,-670 967.5,-670 964.5,-667 964.5,-664 964.5,-664 964.5,-658 964.5,-658 964.5,-655 967.5,-652 970.5,-652 970.5,-652 1017.5,-652 1017.5,-652 1020.5,-652 1023.5,-655 1023.5,-658 1023.5,-658 1023.5,-664 1023.5,-664 1023.5,-667 1020.5,-670 1017.5,-670"/>
+<text text-anchor="start" x="972.5" y="-658.8" font-family="Helvetica,sans-Serif" font-size="9.00">serial.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/serial/serial.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge115" class="edge">
+<title>packages/serial/serial.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1013.76,-651.89C1035.37,-641.39 1070.94,-624.11 1094.54,-612.64"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1095.49,-614.51 1099.97,-610 1093.66,-610.73 1095.49,-614.51"/>
+</g>
+<!-- packages/soundfonts/convert.js -->
+<g id="node61" class="node">
+<title>packages/soundfonts/convert.js</title>
+<g id="a_node61"><a xlink:href="packages/soundfonts/convert.js" xlink:title="convert.js">
+<path fill="#ccffcc" stroke="black" d="M94.5,-409C94.5,-409 45.5,-409 45.5,-409 42.5,-409 39.5,-406 39.5,-403 39.5,-403 39.5,-397 39.5,-397 39.5,-394 42.5,-391 45.5,-391 45.5,-391 94.5,-391 94.5,-391 97.5,-391 100.5,-394 100.5,-397 100.5,-397 100.5,-403 100.5,-403 100.5,-406 97.5,-409 94.5,-409"/>
+<text text-anchor="start" x="47.5" y="-397.8" font-family="Helvetica,sans-Serif" font-size="9.00">convert.js</text>
+</a>
+</g>
+</g>
+<!-- packages/soundfonts/fontloader.mjs -->
+<g id="node62" class="node">
+<title>packages/soundfonts/fontloader.mjs</title>
+<g id="a_node62"><a xlink:href="packages/soundfonts/fontloader.mjs" xlink:title="fontloader.mjs">
+<path fill="#ffffcc" stroke="black" d="M203,-379C203,-379 135,-379 135,-379 132,-379 129,-376 129,-373 129,-373 129,-367 129,-367 129,-364 132,-361 135,-361 135,-361 203,-361 203,-361 206,-361 209,-364 209,-367 209,-367 209,-373 209,-373 209,-376 206,-379 203,-379"/>
+<text text-anchor="start" x="137" y="-367.8" font-family="Helvetica,sans-Serif" font-size="9.00">fontloader.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/soundfonts/index.mjs -->
+<g id="node63" class="node">
+<title>packages/soundfonts/index.mjs</title>
+<g id="a_node63"><a xlink:href="packages/soundfonts/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M94,-379C94,-379 46,-379 46,-379 43,-379 40,-376 40,-373 40,-373 40,-367 40,-367 40,-364 43,-361 46,-361 46,-361 94,-361 94,-361 97,-361 100,-364 100,-367 100,-367 100,-373 100,-373 100,-376 97,-379 94,-379"/>
+<text text-anchor="start" x="48" y="-367.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/soundfonts/index.mjs&#45;&gt;packages/soundfonts/fontloader.mjs -->
+<g id="edge116" class="edge">
+<title>packages/soundfonts/index.mjs&#45;&gt;packages/soundfonts/fontloader.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M100.1,-370C107.17,-370 114.89,-370 122.51,-370"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="122.87,-372.1 128.87,-370 122.87,-367.9 122.87,-372.1"/>
+</g>
+<!-- packages/soundfonts/list.mjs -->
+<g id="node64" class="node">
+<title>packages/soundfonts/list.mjs</title>
+<g id="a_node64"><a xlink:href="packages/soundfonts/list.mjs" xlink:title="list.mjs">
+<path fill="#ffffcc" stroke="black" d="M190,-409C190,-409 148,-409 148,-409 145,-409 142,-406 142,-403 142,-403 142,-397 142,-397 142,-394 145,-391 148,-391 148,-391 190,-391 190,-391 193,-391 196,-394 196,-397 196,-397 196,-403 196,-403 196,-406 193,-409 190,-409"/>
+<text text-anchor="start" x="153" y="-397.8" font-family="Helvetica,sans-Serif" font-size="9.00">list.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/soundfonts/index.mjs&#45;&gt;packages/soundfonts/list.mjs -->
+<g id="edge117" class="edge">
+<title>packages/soundfonts/index.mjs&#45;&gt;packages/soundfonts/list.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M100.1,-379C111.41,-382.5 124.41,-386.52 135.98,-390.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="135.54,-392.16 141.89,-391.92 136.78,-388.15 135.54,-392.16"/>
+</g>
+<!-- packages/tonal/tonal.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge122" class="edge">
+<title>packages/tonal/tonal.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1023.28,-1177.72C1033.27,-1175.8 1043.71,-1171.85 1050.5,-1164 1123.99,-1079.11 1120.5,-698.57 1118.87,-616.59"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1120.97,-616.35 1118.74,-610.4 1116.77,-616.44 1120.97,-616.35"/>
+</g>
+<!-- packages/tonal/voicings.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge123" class="edge">
+<title>packages/tonal/voicings.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1030.12,-1141.5C1037.9,-1138.26 1045.35,-1133.63 1050.5,-1127 1114.7,-1044.45 1118.51,-694.29 1118.55,-616.4"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1120.65,-616.1 1118.55,-610.1 1116.45,-616.1 1120.65,-616.1"/>
+</g>
+<!-- packages/tonal/test/tonal.test.mjs -->
+<g id="node67" class="node">
+<title>packages/tonal/test/tonal.test.mjs</title>
+<g id="a_node67"><a xlink:href="packages/tonal/test/tonal.test.mjs" xlink:title="tonal.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M907.5,-1192C907.5,-1192 841.5,-1192 841.5,-1192 838.5,-1192 835.5,-1189 835.5,-1186 835.5,-1186 835.5,-1180 835.5,-1180 835.5,-1177 838.5,-1174 841.5,-1174 841.5,-1174 907.5,-1174 907.5,-1174 910.5,-1174 913.5,-1177 913.5,-1180 913.5,-1180 913.5,-1186 913.5,-1186 913.5,-1189 910.5,-1192 907.5,-1192"/>
+<text text-anchor="start" x="843.5" y="-1180.8" font-family="Helvetica,sans-Serif" font-size="9.00">tonal.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tonal/test/tonal.test.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge121" class="edge">
+<title>packages/tonal/test/tonal.test.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M894.11,-1192.09C929.44,-1207.88 1006.63,-1235.15 1050.5,-1196 1095.2,-1156.11 1114.53,-705.7 1117.94,-616.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1120.05,-616.19 1118.17,-610.12 1115.85,-616.04 1120.05,-616.19"/>
+</g>
+<!-- packages/tonal/test/tonal.test.mjs&#45;&gt;packages/tonal/tonal.mjs -->
+<g id="edge120" class="edge">
+<title>packages/tonal/test/tonal.test.mjs&#45;&gt;packages/tonal/tonal.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M913.65,-1181.7C928.06,-1181.21 944.37,-1180.66 958.43,-1180.18"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="958.8,-1182.27 964.72,-1179.96 958.65,-1178.07 958.8,-1182.27"/>
+</g>
+<!-- packages/tone/draw.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge125" class="edge">
+<title>packages/tone/draw.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M902.68,-933.86C909.89,-931.67 916.93,-928.03 921.5,-922 934.46,-904.89 915.15,-744.96 929.5,-729 965.85,-688.57 1005.09,-740.9 1050.5,-711 1085.27,-688.1 1105.35,-640.66 1113.77,-616.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1115.85,-616.64 1115.76,-610.29 1111.87,-615.32 1115.85,-616.64"/>
+</g>
+<!-- packages/tone/draw.mjs&#45;&gt;packages/tone/tone.mjs -->
+<g id="edge124" class="edge">
+<title>packages/tone/draw.mjs&#45;&gt;packages/tone/tone.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M902.75,-940.94C919.81,-943.41 941.89,-946.61 959.94,-949.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="959.66,-951.3 965.9,-950.08 960.26,-947.14 959.66,-951.3"/>
+</g>
+<!-- packages/tone/tone.mjs&#45;&gt;packages/core/util.mjs -->
+<g id="edge134" class="edge">
+<title>packages/tone/tone.mjs&#45;&gt;packages/core/util.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1004.35,-944.84C1040.28,-910.04 1170.11,-788 1224,-788 1224,-788 1224,-788 1309,-788 1427.96,-788 1468.08,-596.21 1477.26,-540.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1479.37,-540.31 1478.23,-534.05 1475.22,-539.65 1479.37,-540.31"/>
+</g>
+<!-- packages/tone/tone.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge133" class="edge">
+<title>packages/tone/tone.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1004.81,-944.69C1017.32,-932.27 1038.74,-909.02 1050.5,-885 1070.79,-843.56 1063.77,-828.87 1074.5,-784 1089.39,-721.69 1107.28,-647.49 1114.84,-616.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1116.93,-616.46 1116.29,-610.14 1112.84,-615.48 1116.93,-616.46"/>
+</g>
+<!-- packages/tone/pianoroll.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge130" class="edge">
+<title>packages/tone/pianoroll.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M876.76,-897.68C881.7,-862.69 900.85,-739.83 929.5,-715 970.49,-679.47 1004.19,-727.25 1050.5,-699 1082.66,-679.38 1103.45,-638.17 1112.79,-615.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1114.8,-616.57 1115.12,-610.22 1110.91,-614.99 1114.8,-616.57"/>
+</g>
+<!-- packages/tone/ui.mjs&#45;&gt;packages/tone/tone.mjs -->
+<g id="edge135" class="edge">
+<title>packages/tone/ui.mjs&#45;&gt;packages/tone/tone.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.93,-1016.73C908.51,-1014.7 915.41,-1012.13 921.5,-1009 943.32,-997.76 965.23,-979.66 978.93,-967.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="980.58,-968.66 983.6,-963.06 977.75,-965.56 980.58,-968.66"/>
+</g>
+<!-- packages/tone/test/tone.test.mjs -->
+<g id="node72" class="node">
+<title>packages/tone/test/tone.test.mjs</title>
+<g id="a_node72"><a xlink:href="packages/tone/test/tone.test.mjs" xlink:title="tone.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M906.5,-980C906.5,-980 842.5,-980 842.5,-980 839.5,-980 836.5,-977 836.5,-974 836.5,-974 836.5,-968 836.5,-968 836.5,-965 839.5,-962 842.5,-962 842.5,-962 906.5,-962 906.5,-962 909.5,-962 912.5,-965 912.5,-968 912.5,-968 912.5,-974 912.5,-974 912.5,-977 909.5,-980 906.5,-980"/>
+<text text-anchor="start" x="844.5" y="-968.8" font-family="Helvetica,sans-Serif" font-size="9.00">tone.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/tone/test/tone.test.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge132" class="edge">
+<title>packages/tone/test/tone.test.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M912.81,-965.17C916.14,-963.34 919.14,-961 921.5,-958 936.28,-939.21 913.63,-760.88 929.5,-743 965.64,-702.29 1005.9,-755.22 1050.5,-724 1088.44,-697.44 1107.5,-642.66 1114.82,-616.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1116.85,-616.62 1116.36,-610.28 1112.79,-615.55 1116.85,-616.62"/>
+</g>
+<!-- packages/tone/test/tone.test.mjs&#45;&gt;packages/tone/tone.mjs -->
+<g id="edge131" class="edge">
+<title>packages/tone/test/tone.test.mjs&#45;&gt;packages/tone/tone.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M912.68,-965.62C927.74,-963.44 944.99,-960.95 959.64,-958.83"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="960.11,-960.88 965.75,-957.94 959.51,-956.72 960.11,-960.88"/>
+</g>
+<!-- packages/webaudio/scheduler.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge141" class="edge">
+<title>packages/webaudio/scheduler.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1017.84,-1283.99C1029.6,-1278.11 1043,-1269.24 1050.5,-1257 1119.25,-1144.69 1119.35,-704.64 1118.67,-616.44"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1120.76,-616.26 1118.61,-610.28 1116.56,-616.29 1120.76,-616.26"/>
+</g>
+<!-- packages/webaudio/scheduler.mjs&#45;&gt;packages/webaudio/clockworker.mjs -->
+<g id="edge140" class="edge">
+<title>packages/webaudio/scheduler.mjs&#45;&gt;packages/webaudio/clockworker.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1033.06,-1297.31C1044.41,-1298.6 1057.01,-1300.03 1068.98,-1301.39"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1068.97,-1303.5 1075.17,-1302.09 1069.44,-1299.33 1068.97,-1303.5"/>
+</g>
+<!-- packages/webaudio/webaudio.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge143" class="edge">
+<title>packages/webaudio/webaudio.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1024.66,-1328C1034.43,-1323.54 1044.37,-1317.11 1050.5,-1308 1090.52,-1248.57 1113.92,-714.29 1117.89,-616.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1120,-616.17 1118.15,-610.09 1115.81,-616 1120,-616.17"/>
+</g>
+<!-- packages/webaudio/webaudio.mjs&#45;&gt;packages/webaudio/sampler.mjs -->
+<g id="edge142" class="edge">
+<title>packages/webaudio/webaudio.mjs&#45;&gt;packages/webaudio/sampler.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1033.74,-1339.2C1047.97,-1340 1064.11,-1340.92 1078.46,-1341.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.38,-1343.83 1084.49,-1342.07 1078.62,-1339.64 1078.38,-1343.83"/>
+</g>
+<!-- packages/webdirt/index.mjs -->
+<g id="node77" class="node">
+<title>packages/webdirt/index.mjs</title>
+<g id="a_node77"><a xlink:href="packages/webdirt/index.mjs" xlink:title="index.mjs">
+<path fill="#ffffcc" stroke="black" d="M644.5,-1232C644.5,-1232 596.5,-1232 596.5,-1232 593.5,-1232 590.5,-1229 590.5,-1226 590.5,-1226 590.5,-1220 590.5,-1220 590.5,-1217 593.5,-1214 596.5,-1214 596.5,-1214 644.5,-1214 644.5,-1214 647.5,-1214 650.5,-1217 650.5,-1220 650.5,-1220 650.5,-1226 650.5,-1226 650.5,-1229 647.5,-1232 644.5,-1232"/>
+<text text-anchor="start" x="598.5" y="-1220.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/webdirt/webdirt.mjs -->
+<g id="node78" class="node">
+<title>packages/webdirt/webdirt.mjs</title>
+<g id="a_node78"><a xlink:href="packages/webdirt/webdirt.mjs" xlink:title="webdirt.mjs">
+<path fill="#ffffcc" stroke="black" d="M777.5,-1232C777.5,-1232 719.5,-1232 719.5,-1232 716.5,-1232 713.5,-1229 713.5,-1226 713.5,-1226 713.5,-1220 713.5,-1220 713.5,-1217 716.5,-1214 719.5,-1214 719.5,-1214 777.5,-1214 777.5,-1214 780.5,-1214 783.5,-1217 783.5,-1220 783.5,-1220 783.5,-1226 783.5,-1226 783.5,-1229 780.5,-1232 777.5,-1232"/>
+<text text-anchor="start" x="721.5" y="-1220.8" font-family="Helvetica,sans-Serif" font-size="9.00">webdirt.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/webdirt/index.mjs&#45;&gt;packages/webdirt/webdirt.mjs -->
+<g id="edge144" class="edge">
+<title>packages/webdirt/index.mjs&#45;&gt;packages/webdirt/webdirt.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M650.72,-1223C667.44,-1223 688.67,-1223 706.98,-1223"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="707.07,-1225.1 713.07,-1223 707.07,-1220.9 707.07,-1225.1"/>
+</g>
+<!-- packages/webdirt/webdirt.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge145" class="edge">
+<title>packages/webdirt/webdirt.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M753.08,-1213.98C761.38,-1194.44 783.96,-1148.41 819.5,-1129 864.66,-1104.33 1012.99,-1148.22 1050.5,-1113 1087.85,-1077.92 1112.71,-697.31 1117.61,-616.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1119.72,-616.16 1117.98,-610.04 1115.52,-615.91 1119.72,-616.16"/>
+</g>
+<!-- packages/webdirt/webdirt.mjs&#45;&gt;packages/webaudio/index.mjs -->
+<g id="edge146" class="edge">
+<title>packages/webdirt/webdirt.mjs&#45;&gt;packages/webaudio/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M762.3,-1232.19C784.6,-1248.19 830.6,-1281.21 855.89,-1299.36"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="854.85,-1301.2 860.95,-1302.99 857.3,-1297.79 854.85,-1301.2"/>
+</g>
+<!-- packages/xen/tune.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge151" class="edge">
+<title>packages/xen/tune.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1021.58,-1411.99C1032.35,-1406.95 1043.81,-1399.51 1050.5,-1389 1072.1,-1355.07 1111.14,-722.94 1117.59,-616.24"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1119.68,-616.35 1117.95,-610.23 1115.49,-616.1 1119.68,-616.35"/>
+</g>
+<!-- packages/xen/tunejs.js -->
+<g id="node82" class="node">
+<title>packages/xen/tunejs.js</title>
+<g id="a_node82"><a xlink:href="packages/xen/tunejs.js" xlink:title="tunejs.js">
+<path fill="#ffffcc" stroke="black" d="M1140.5,-1430C1140.5,-1430 1098.5,-1430 1098.5,-1430 1095.5,-1430 1092.5,-1427 1092.5,-1424 1092.5,-1424 1092.5,-1418 1092.5,-1418 1092.5,-1415 1095.5,-1412 1098.5,-1412 1098.5,-1412 1140.5,-1412 1140.5,-1412 1143.5,-1412 1146.5,-1415 1146.5,-1418 1146.5,-1418 1146.5,-1424 1146.5,-1424 1146.5,-1427 1143.5,-1430 1140.5,-1430"/>
+<text text-anchor="start" x="1100.5" y="-1418.8" font-family="Helvetica,sans-Serif" font-size="9.00">tunejs.js</text>
+</a>
+</g>
+</g>
+<!-- packages/xen/tune.mjs&#45;&gt;packages/xen/tunejs.js -->
+<g id="edge150" class="edge">
+<title>packages/xen/tune.mjs&#45;&gt;packages/xen/tunejs.js</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1022.1,-1421C1041.02,-1421 1066.35,-1421 1086.3,-1421"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.31,-1423.1 1092.31,-1421 1086.31,-1418.9 1086.31,-1423.1"/>
+</g>
+<!-- packages/xen/xen.mjs&#45;&gt;packages/core/index.mjs -->
+<g id="edge152" class="edge">
+<title>packages/xen/xen.mjs&#45;&gt;packages/core/index.mjs</title>
+<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1021.14,-1450.26C1031.83,-1448.54 1043.35,-1444.59 1050.5,-1436 1064.17,-1419.57 1110.07,-729.22 1117.49,-616.49"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="1119.6,-616.31 1117.9,-610.18 1115.41,-616.03 1119.6,-616.31"/>
+</g>
+<!-- packages/xen/test/xen.test.mjs -->
+<g id="node81" class="node">
+<title>packages/xen/test/xen.test.mjs</title>
+<g id="a_node81"><a xlink:href="packages/xen/test/xen.test.mjs" xlink:title="xen.test.mjs">
+<path fill="#ffffcc" stroke="black" d="M904.5,-1464C904.5,-1464 844.5,-1464 844.5,-1464 841.5,-1464 838.5,-1461 838.5,-1458 838.5,-1458 838.5,-1452 838.5,-1452 838.5,-1449 841.5,-1446 844.5,-1446 844.5,-1446 904.5,-1446 904.5,-1446 907.5,-1446 910.5,-1449 910.5,-1452 910.5,-1452 910.5,-1458 910.5,-1458 910.5,-1461 907.5,-1464 904.5,-1464"/>
+<text text-anchor="start" x="846.5" y="-1452.8" font-family="Helvetica,sans-Serif" font-size="9.00">xen.test.mjs</text>
+</a>
+</g>
+</g>
+<!-- packages/xen/test/xen.test.mjs&#45;&gt;packages/xen/xen.mjs -->
+<g id="edge149" class="edge">
+<title>packages/xen/test/xen.test.mjs&#45;&gt;packages/xen/xen.mjs</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M910.75,-1453.8C926.49,-1453.26 944.91,-1452.64 960.33,-1452.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="960.81,-1454.2 966.74,-1451.89 960.67,-1450 960.81,-1454.2"/>
+</g>
+</g>
+</svg>