dependency-graph.svg

<?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="1945pt" height="6105pt"
 viewBox="0.00 0.00 1944.50 6105.10" 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 6101.1)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-6101.1 1940.5,-6101.1 1940.5,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-21.1C20,-21.1 1916.5,-21.1 1916.5,-21.1 1922.5,-21.1 1928.5,-27.1 1928.5,-33.1 1928.5,-33.1 1928.5,-6077.1 1928.5,-6077.1 1928.5,-6083.1 1922.5,-6089.1 1916.5,-6089.1 1916.5,-6089.1 20,-6089.1 20,-6089.1 14,-6089.1 8,-6083.1 8,-6077.1 8,-6077.1 8,-33.1 8,-33.1 8,-27.1 14,-21.1 20,-21.1"/>
<text text-anchor="middle" x="968.25" y="-6077.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_src/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M28,-1421.1C28,-1421.1 1130.5,-1421.1 1130.5,-1421.1 1136.5,-1421.1 1142.5,-1427.1 1142.5,-1433.1 1142.5,-1433.1 1142.5,-3249.1 1142.5,-3249.1 1142.5,-3255.1 1136.5,-3261.1 1130.5,-3261.1 1130.5,-3261.1 28,-3261.1 28,-3261.1 22,-3261.1 16,-3255.1 16,-3249.1 16,-3249.1 16,-1433.1 16,-1433.1 16,-1427.1 22,-1421.1 28,-1421.1"/>
<text text-anchor="middle" x="579.25" y="-3249.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_src/components/ConnectWallet</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M540,-2857.1C540,-2857.1 836.5,-2857.1 836.5,-2857.1 842.5,-2857.1 848.5,-2863.1 848.5,-2869.1 848.5,-2869.1 848.5,-2927.1 848.5,-2927.1 848.5,-2933.1 842.5,-2939.1 836.5,-2939.1 836.5,-2939.1 540,-2939.1 540,-2939.1 534,-2939.1 528,-2933.1 528,-2927.1 528,-2927.1 528,-2869.1 528,-2869.1 528,-2863.1 534,-2857.1 540,-2857.1"/>
<text text-anchor="middle" x="688.25" y="-2927.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ConnectWallet</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_src/components/Error</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M385,-1469.1C385,-1469.1 636,-1469.1 636,-1469.1 642,-1469.1 648,-1475.1 648,-1481.1 648,-1481.1 648,-1509.1 648,-1509.1 648,-1515.1 642,-1521.1 636,-1521.1 636,-1521.1 385,-1521.1 385,-1521.1 379,-1521.1 373,-1515.1 373,-1509.1 373,-1509.1 373,-1481.1 373,-1481.1 373,-1475.1 379,-1469.1 385,-1469.1"/>
<text text-anchor="middle" x="510.5" y="-1509.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Error</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_src/components/Swap</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M36,-1977.1C36,-1977.1 986,-1977.1 986,-1977.1 992,-1977.1 998,-1983.1 998,-1989.1 998,-1989.1 998,-2657.1 998,-2657.1 998,-2663.1 992,-2669.1 986,-2669.1 986,-2669.1 36,-2669.1 36,-2669.1 30,-2669.1 24,-2663.1 24,-2657.1 24,-2657.1 24,-1989.1 24,-1989.1 24,-1983.1 30,-1977.1 36,-1977.1"/>
<text text-anchor="middle" x="511" y="-2657.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Swap</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_src/components/Swap/RoutingDiagram</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M751,-1985.1C751,-1985.1 968.5,-1985.1 968.5,-1985.1 974.5,-1985.1 980.5,-1991.1 980.5,-1997.1 980.5,-1997.1 980.5,-2025.1 980.5,-2025.1 980.5,-2031.1 974.5,-2037.1 968.5,-2037.1 968.5,-2037.1 751,-2037.1 751,-2037.1 745,-2037.1 739,-2031.1 739,-2025.1 739,-2025.1 739,-1997.1 739,-1997.1 739,-1991.1 745,-1985.1 751,-1985.1"/>
<text text-anchor="middle" x="859.75" y="-2025.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">RoutingDiagram</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_src/components/Swap/Settings</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M210,-2161.1C210,-2161.1 639,-2161.1 639,-2161.1 645,-2161.1 651,-2167.1 651,-2173.1 651,-2173.1 651,-2231.1 651,-2231.1 651,-2237.1 645,-2243.1 639,-2243.1 639,-2243.1 210,-2243.1 210,-2243.1 204,-2243.1 198,-2237.1 198,-2231.1 198,-2231.1 198,-2173.1 198,-2173.1 198,-2167.1 204,-2161.1 210,-2161.1"/>
<text text-anchor="middle" x="424.5" y="-2231.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Settings</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_src/components/Swap/Speedbump</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M749,-2465.1C749,-2465.1 804,-2465.1 804,-2465.1 810,-2465.1 816,-2471.1 816,-2477.1 816,-2477.1 816,-2505.1 816,-2505.1 816,-2511.1 810,-2517.1 804,-2517.1 804,-2517.1 749,-2517.1 749,-2517.1 743,-2517.1 737,-2511.1 737,-2505.1 737,-2505.1 737,-2477.1 737,-2477.1 737,-2471.1 743,-2465.1 749,-2465.1"/>
<text text-anchor="middle" x="776.5" y="-2505.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Speedbump</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_src/components/Swap/Status</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M252,-2077.1C252,-2077.1 471,-2077.1 471,-2077.1 477,-2077.1 483,-2083.1 483,-2089.1 483,-2089.1 483,-2117.1 483,-2117.1 483,-2123.1 477,-2129.1 471,-2129.1 471,-2129.1 252,-2129.1 252,-2129.1 246,-2129.1 240,-2123.1 240,-2117.1 240,-2117.1 240,-2089.1 240,-2089.1 240,-2083.1 246,-2077.1 252,-2077.1"/>
<text text-anchor="middle" x="361.5" y="-2117.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Status</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_src/components/Swap/Summary</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M573.5,-2071.1C573.5,-2071.1 978,-2071.1 978,-2071.1 984,-2071.1 990,-2077.1 990,-2083.1 990,-2083.1 990,-2141.1 990,-2141.1 990,-2147.1 984,-2153.1 978,-2153.1 978,-2153.1 573.5,-2153.1 573.5,-2153.1 567.5,-2153.1 561.5,-2147.1 561.5,-2141.1 561.5,-2141.1 561.5,-2083.1 561.5,-2083.1 561.5,-2077.1 567.5,-2071.1 573.5,-2071.1"/>
<text text-anchor="middle" x="775.75" y="-2141.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Summary</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_src/components/Swap/SwapActionButton</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M224.5,-2371.1C224.5,-2371.1 639,-2371.1 639,-2371.1 645,-2371.1 651,-2377.1 651,-2383.1 651,-2383.1 651,-2531.1 651,-2531.1 651,-2537.1 645,-2543.1 639,-2543.1 639,-2543.1 224.5,-2543.1 224.5,-2543.1 218.5,-2543.1 212.5,-2537.1 212.5,-2531.1 212.5,-2531.1 212.5,-2383.1 212.5,-2383.1 212.5,-2377.1 218.5,-2371.1 224.5,-2371.1"/>
<text text-anchor="middle" x="431.75" y="-2531.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">SwapActionButton</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_src/components/Swap/Toolbar</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M44,-2251.1C44,-2251.1 653.5,-2251.1 653.5,-2251.1 659.5,-2251.1 665.5,-2257.1 665.5,-2263.1 665.5,-2263.1 665.5,-2351.1 665.5,-2351.1 665.5,-2357.1 659.5,-2363.1 653.5,-2363.1 653.5,-2363.1 44,-2363.1 44,-2363.1 38,-2363.1 32,-2357.1 32,-2351.1 32,-2351.1 32,-2263.1 32,-2263.1 32,-2257.1 38,-2251.1 44,-2251.1"/>
<text text-anchor="middle" x="348.75" y="-2351.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Toolbar</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_src/components/TokenSelect</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M394,-1529.1C394,-1529.1 854.5,-1529.1 854.5,-1529.1 860.5,-1529.1 866.5,-1535.1 866.5,-1541.1 866.5,-1541.1 866.5,-1689.1 866.5,-1689.1 866.5,-1695.1 860.5,-1701.1 854.5,-1701.1 854.5,-1701.1 394,-1701.1 394,-1701.1 388,-1701.1 382,-1695.1 382,-1689.1 382,-1689.1 382,-1541.1 382,-1541.1 382,-1535.1 388,-1529.1 394,-1529.1"/>
<text text-anchor="middle" x="624.25" y="-1689.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">TokenSelect</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_src/constants</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1251.5,-3673.1C1251.5,-3673.1 1753.5,-3673.1 1753.5,-3673.1 1759.5,-3673.1 1765.5,-3679.1 1765.5,-3685.1 1765.5,-3685.1 1765.5,-3831.1 1765.5,-3831.1 1765.5,-3837.1 1759.5,-3843.1 1753.5,-3843.1 1753.5,-3843.1 1251.5,-3843.1 1251.5,-3843.1 1245.5,-3843.1 1239.5,-3837.1 1239.5,-3831.1 1239.5,-3831.1 1239.5,-3685.1 1239.5,-3685.1 1239.5,-3679.1 1245.5,-3673.1 1251.5,-3673.1"/>
<text text-anchor="middle" x="1502.5" y="-3831.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">constants</text>
</g>
<g id="clust15" class="cluster">
<title>cluster_src/cosmos</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M52,-941.1C52,-941.1 463,-941.1 463,-941.1 469,-941.1 475,-947.1 475,-953.1 475,-953.1 475,-1025.1 475,-1025.1 475,-1031.1 469,-1037.1 463,-1037.1 463,-1037.1 52,-1037.1 52,-1037.1 46,-1037.1 40,-1031.1 40,-1025.1 40,-1025.1 40,-953.1 40,-953.1 40,-947.1 46,-941.1 52,-941.1"/>
<text text-anchor="middle" x="257.5" y="-1025.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">cosmos</text>
</g>
<g id="clust16" class="cluster">
<title>cluster_src/css</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M919,-4641.1C919,-4641.1 972,-4641.1 972,-4641.1 978,-4641.1 984,-4647.1 984,-4653.1 984,-4653.1 984,-4711.1 984,-4711.1 984,-4717.1 978,-4723.1 972,-4723.1 972,-4723.1 919,-4723.1 919,-4723.1 913,-4723.1 907,-4717.1 907,-4711.1 907,-4711.1 907,-4653.1 907,-4653.1 907,-4647.1 913,-4641.1 919,-4641.1"/>
<text text-anchor="middle" x="945.5" y="-4711.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">css</text>
</g>
<g id="clust17" class="cluster">
<title>cluster_src/hooks</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M516,-39.1C516,-39.1 1908.5,-39.1 1908.5,-39.1 1914.5,-39.1 1920.5,-45.1 1920.5,-51.1 1920.5,-51.1 1920.5,-1081.1 1920.5,-1081.1 1920.5,-1087.1 1914.5,-1093.1 1908.5,-1093.1 1908.5,-1093.1 516,-1093.1 516,-1093.1 510,-1093.1 504,-1087.1 504,-1081.1 504,-1081.1 504,-51.1 504,-51.1 504,-45.1 510,-39.1 516,-39.1"/>
<text text-anchor="middle" x="1212.25" y="-1081.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
</g>
<g id="clust18" class="cluster">
<title>cluster_src/hooks/routing</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1055.5,-839.1C1055.5,-839.1 1303,-839.1 1303,-839.1 1309,-839.1 1315,-845.1 1315,-851.1 1315,-851.1 1315,-879.1 1315,-879.1 1315,-885.1 1309,-891.1 1303,-891.1 1303,-891.1 1055.5,-891.1 1055.5,-891.1 1049.5,-891.1 1043.5,-885.1 1043.5,-879.1 1043.5,-879.1 1043.5,-851.1 1043.5,-851.1 1043.5,-845.1 1049.5,-839.1 1055.5,-839.1"/>
<text text-anchor="middle" x="1179.25" y="-879.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">routing</text>
</g>
<g id="clust19" class="cluster">
<title>cluster_src/hooks/swap</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M524,-373.1C524,-373.1 1151.5,-373.1 1151.5,-373.1 1157.5,-373.1 1163.5,-379.1 1163.5,-385.1 1163.5,-385.1 1163.5,-563.1 1163.5,-563.1 1163.5,-569.1 1157.5,-575.1 1151.5,-575.1 1151.5,-575.1 524,-575.1 524,-575.1 518,-575.1 512,-569.1 512,-563.1 512,-563.1 512,-385.1 512,-385.1 512,-379.1 518,-373.1 524,-373.1"/>
<text text-anchor="middle" x="837.75" y="-563.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">swap</text>
</g>
<g id="clust20" class="cluster">
<title>cluster_src/hooks/transactions</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1423,-959.1C1423,-959.1 1637,-959.1 1637,-959.1 1643,-959.1 1649,-965.1 1649,-971.1 1649,-971.1 1649,-1029.1 1649,-1029.1 1649,-1035.1 1643,-1041.1 1637,-1041.1 1637,-1041.1 1423,-1041.1 1423,-1041.1 1417,-1041.1 1411,-1035.1 1411,-1029.1 1411,-1029.1 1411,-971.1 1411,-971.1 1411,-965.1 1417,-959.1 1423,-959.1"/>
<text text-anchor="middle" x="1530" y="-1029.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">transactions</text>
</g>
<g id="clust21" class="cluster">
<title>cluster_src/hooks/useTokenList</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1048,-607.1C1048,-607.1 1511.5,-607.1 1511.5,-607.1 1517.5,-607.1 1523.5,-613.1 1523.5,-619.1 1523.5,-619.1 1523.5,-737.1 1523.5,-737.1 1523.5,-743.1 1517.5,-749.1 1511.5,-749.1 1511.5,-749.1 1048,-749.1 1048,-749.1 1042,-749.1 1036,-743.1 1036,-737.1 1036,-737.1 1036,-619.1 1036,-619.1 1036,-613.1 1042,-607.1 1048,-607.1"/>
<text text-anchor="middle" x="1279.75" y="-737.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">useTokenList</text>
</g>
<g id="clust22" class="cluster">
<title>cluster_src/hooks/web3</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M751,-959.1C751,-959.1 1002,-959.1 1002,-959.1 1008,-959.1 1014,-965.1 1014,-971.1 1014,-971.1 1014,-1029.1 1014,-1029.1 1014,-1035.1 1008,-1041.1 1002,-1041.1 1002,-1041.1 751,-1041.1 751,-1041.1 745,-1041.1 739,-1035.1 739,-1029.1 739,-1029.1 739,-971.1 739,-971.1 739,-965.1 745,-959.1 751,-959.1"/>
<text text-anchor="middle" x="876.5" y="-1029.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">web3</text>
</g>
<g id="clust23" class="cluster">
<title>cluster_src/icons</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M920.5,-3927.1C920.5,-3927.1 1134,-3927.1 1134,-3927.1 1140,-3927.1 1146,-3933.1 1146,-3939.1 1146,-3939.1 1146,-3967.1 1146,-3967.1 1146,-3973.1 1140,-3979.1 1134,-3979.1 1134,-3979.1 920.5,-3979.1 920.5,-3979.1 914.5,-3979.1 908.5,-3973.1 908.5,-3967.1 908.5,-3967.1 908.5,-3939.1 908.5,-3939.1 908.5,-3933.1 914.5,-3927.1 920.5,-3927.1"/>
<text text-anchor="middle" x="1027.25" y="-3967.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">icons</text>
</g>
<g id="clust24" class="cluster">
<title>cluster_src/state</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M886.5,-3449.1C886.5,-3449.1 1631,-3449.1 1631,-3449.1 1637,-3449.1 1643,-3455.1 1643,-3461.1 1643,-3461.1 1643,-3653.1 1643,-3653.1 1643,-3659.1 1637,-3665.1 1631,-3665.1 1631,-3665.1 886.5,-3665.1 886.5,-3665.1 880.5,-3665.1 874.5,-3659.1 874.5,-3653.1 874.5,-3653.1 874.5,-3461.1 874.5,-3461.1 874.5,-3455.1 880.5,-3449.1 886.5,-3449.1"/>
<text text-anchor="middle" x="1258.75" y="-3653.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">state</text>
</g>
<g id="clust25" class="cluster">
<title>cluster_src/state/lists</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M894.5,-3587.1C894.5,-3587.1 996.5,-3587.1 996.5,-3587.1 1002.5,-3587.1 1008.5,-3593.1 1008.5,-3599.1 1008.5,-3599.1 1008.5,-3627.1 1008.5,-3627.1 1008.5,-3633.1 1002.5,-3639.1 996.5,-3639.1 996.5,-3639.1 894.5,-3639.1 894.5,-3639.1 888.5,-3639.1 882.5,-3633.1 882.5,-3627.1 882.5,-3627.1 882.5,-3599.1 882.5,-3599.1 882.5,-3593.1 888.5,-3587.1 894.5,-3587.1"/>
<text text-anchor="middle" x="945.5" y="-3627.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">lists</text>
</g>
<g id="clust26" class="cluster">
<title>cluster_src/state/routing</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1071,-3457.1C1071,-3457.1 1486.5,-3457.1 1486.5,-3457.1 1492.5,-3457.1 1498.5,-3463.1 1498.5,-3469.1 1498.5,-3469.1 1498.5,-3541.1 1498.5,-3541.1 1498.5,-3547.1 1492.5,-3553.1 1486.5,-3553.1 1486.5,-3553.1 1071,-3553.1 1071,-3553.1 1065,-3553.1 1059,-3547.1 1059,-3541.1 1059,-3541.1 1059,-3469.1 1059,-3469.1 1059,-3463.1 1065,-3457.1 1071,-3457.1"/>
<text text-anchor="middle" x="1278.75" y="-3541.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">routing</text>
</g>
<g id="clust27" class="cluster">
<title>cluster_src/state/swap</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1257,-3587.1C1257,-3587.1 1491.5,-3587.1 1491.5,-3587.1 1497.5,-3587.1 1503.5,-3593.1 1503.5,-3599.1 1503.5,-3599.1 1503.5,-3627.1 1503.5,-3627.1 1503.5,-3633.1 1497.5,-3639.1 1491.5,-3639.1 1491.5,-3639.1 1257,-3639.1 1257,-3639.1 1251,-3639.1 1245,-3633.1 1245,-3627.1 1245,-3627.1 1245,-3599.1 1245,-3599.1 1245,-3593.1 1251,-3587.1 1257,-3587.1"/>
<text text-anchor="middle" x="1374.25" y="-3627.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">swap</text>
</g>
<g id="clust28" class="cluster">
<title>cluster_src/test</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M920.5,-3673.1C920.5,-3673.1 970.5,-3673.1 970.5,-3673.1 976.5,-3673.1 982.5,-3679.1 982.5,-3685.1 982.5,-3685.1 982.5,-3743.1 982.5,-3743.1 982.5,-3749.1 976.5,-3755.1 970.5,-3755.1 970.5,-3755.1 920.5,-3755.1 920.5,-3755.1 914.5,-3755.1 908.5,-3749.1 908.5,-3743.1 908.5,-3743.1 908.5,-3685.1 908.5,-3685.1 908.5,-3679.1 914.5,-3673.1 920.5,-3673.1"/>
<text text-anchor="middle" x="945.5" y="-3743.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">test</text>
</g>
<g id="clust29" class="cluster">
<title>cluster_src/theme</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1064,-4099.1C1064,-4099.1 1498,-4099.1 1498,-4099.1 1504,-4099.1 1510,-4105.1 1510,-4111.1 1510,-4111.1 1510,-4257.1 1510,-4257.1 1510,-4263.1 1504,-4269.1 1498,-4269.1 1498,-4269.1 1064,-4269.1 1064,-4269.1 1058,-4269.1 1052,-4263.1 1052,-4257.1 1052,-4257.1 1052,-4111.1 1052,-4111.1 1052,-4105.1 1058,-4099.1 1064,-4099.1"/>
<text text-anchor="middle" x="1281" y="-4257.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">theme</text>
</g>
<!-- src/components/ActionButton.tsx -->
<g id="node1" class="node">
<title>src/components/ActionButton.tsx</title>
<g id="a_node1"><a xlink:href="src/components/ActionButton.tsx" xlink:title="ActionButton.tsx">
<path fill="#bbfeff" stroke="black" d="M816,-2815.1C816,-2815.1 736,-2815.1 736,-2815.1 733,-2815.1 730,-2812.1 730,-2809.1 730,-2809.1 730,-2803.1 730,-2803.1 730,-2800.1 733,-2797.1 736,-2797.1 736,-2797.1 816,-2797.1 816,-2797.1 819,-2797.1 822,-2800.1 822,-2803.1 822,-2803.1 822,-2809.1 822,-2809.1 822,-2812.1 819,-2815.1 816,-2815.1"/>
<text text-anchor="start" x="738" y="-2803.9" font-family="Helvetica,sans-Serif" font-size="9.00">ActionButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Button.tsx -->
<g id="node2" class="node">
<title>src/components/Button.tsx</title>
<g id="a_node2"><a xlink:href="src/components/Button.tsx" xlink:title="Button.tsx">
<path fill="#bbfeff" stroke="black" d="M1126.5,-2805.1C1126.5,-2805.1 1074.5,-2805.1 1074.5,-2805.1 1071.5,-2805.1 1068.5,-2802.1 1068.5,-2799.1 1068.5,-2799.1 1068.5,-2793.1 1068.5,-2793.1 1068.5,-2790.1 1071.5,-2787.1 1074.5,-2787.1 1074.5,-2787.1 1126.5,-2787.1 1126.5,-2787.1 1129.5,-2787.1 1132.5,-2790.1 1132.5,-2793.1 1132.5,-2793.1 1132.5,-2799.1 1132.5,-2799.1 1132.5,-2802.1 1129.5,-2805.1 1126.5,-2805.1"/>
<text text-anchor="start" x="1076.5" y="-2793.9" font-family="Helvetica,sans-Serif" font-size="9.00">Button.tsx</text>
</a>
</g>
</g>
<!-- src/components/ActionButton.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge1" class="edge">
<title>src/components/ActionButton.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.18,-2804.7C886.24,-2802.71 1002.29,-2799.11 1061.91,-2797.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1062.27,-2799.36 1068.2,-2797.07 1062.14,-2795.16 1062.27,-2799.36"/>
</g>
<!-- src/components/Row.tsx -->
<g id="node3" class="node">
<title>src/components/Row.tsx</title>
<g id="a_node3"><a xlink:href="src/components/Row.tsx" xlink:title="Row.tsx">
<path fill="#bbfeff" stroke="black" d="M966.5,-2769.1C966.5,-2769.1 924.5,-2769.1 924.5,-2769.1 921.5,-2769.1 918.5,-2766.1 918.5,-2763.1 918.5,-2763.1 918.5,-2757.1 918.5,-2757.1 918.5,-2754.1 921.5,-2751.1 924.5,-2751.1 924.5,-2751.1 966.5,-2751.1 966.5,-2751.1 969.5,-2751.1 972.5,-2754.1 972.5,-2757.1 972.5,-2757.1 972.5,-2763.1 972.5,-2763.1 972.5,-2766.1 969.5,-2769.1 966.5,-2769.1"/>
<text text-anchor="start" x="928" y="-2757.9" font-family="Helvetica,sans-Serif" font-size="9.00">Row.tsx</text>
</a>
</g>
</g>
<!-- src/components/ActionButton.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge2" class="edge">
<title>src/components/ActionButton.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.02,-2800.47C836.38,-2798.16 852.24,-2795.08 866.5,-2791.1 884.59,-2786.05 904.24,-2778.23 919.29,-2771.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="920.37,-2773.52 925.02,-2769.18 918.68,-2769.68 920.37,-2773.52"/>
</g>
<!-- src/components/Tooltip.tsx -->
<g id="node4" class="node">
<title>src/components/Tooltip.tsx</title>
<g id="a_node4"><a xlink:href="src/components/Tooltip.tsx" xlink:title="Tooltip.tsx">
<path fill="#bbfeff" stroke="black" d="M970.5,-1957.1C970.5,-1957.1 920.5,-1957.1 920.5,-1957.1 917.5,-1957.1 914.5,-1954.1 914.5,-1951.1 914.5,-1951.1 914.5,-1945.1 914.5,-1945.1 914.5,-1942.1 917.5,-1939.1 920.5,-1939.1 920.5,-1939.1 970.5,-1939.1 970.5,-1939.1 973.5,-1939.1 976.5,-1942.1 976.5,-1945.1 976.5,-1945.1 976.5,-1951.1 976.5,-1951.1 976.5,-1954.1 973.5,-1957.1 970.5,-1957.1"/>
<text text-anchor="start" x="922.5" y="-1945.9" font-family="Helvetica,sans-Serif" font-size="9.00">Tooltip.tsx</text>
</a>
</g>
</g>
<!-- src/components/ActionButton.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge3" class="edge">
<title>src/components/ActionButton.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.46,-2809.73C838.76,-2808.46 855.75,-2803.67 866.5,-2791.1 881.1,-2774.02 862.48,-2001.09 874.5,-1982.1 882.14,-1970.02 895.43,-1962.12 908.38,-1957.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="909.37,-1958.88 914.29,-1954.85 907.93,-1954.93 909.37,-1958.88"/>
</g>
<!-- src/icons/index.tsx -->
<g id="node5" class="node">
<title>src/icons/index.tsx</title>
<g id="a_node5"><a xlink:href="src/icons/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M968.5,-3953.1C968.5,-3953.1 922.5,-3953.1 922.5,-3953.1 919.5,-3953.1 916.5,-3950.1 916.5,-3947.1 916.5,-3947.1 916.5,-3941.1 916.5,-3941.1 916.5,-3938.1 919.5,-3935.1 922.5,-3935.1 922.5,-3935.1 968.5,-3935.1 968.5,-3935.1 971.5,-3935.1 974.5,-3938.1 974.5,-3941.1 974.5,-3941.1 974.5,-3947.1 974.5,-3947.1 974.5,-3950.1 971.5,-3953.1 968.5,-3953.1"/>
<text text-anchor="start" x="924.5" y="-3941.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/ActionButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge4" class="edge">
<title>src/components/ActionButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.64,-2815.11C831.41,-2822.22 854.57,-2834.33 866.5,-2854.1 881.96,-2879.72 855.29,-3908.17 874.5,-3931.1 883.17,-3941.45 897.19,-3945.34 910.42,-3946.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.32,-3948.49 916.42,-3946.68 910.53,-3944.29 910.32,-3948.49"/>
</g>
<!-- src/theme/index.tsx -->
<g id="node6" class="node">
<title>src/theme/index.tsx</title>
<g id="a_node6"><a xlink:href="src/theme/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M1123.5,-4243.1C1123.5,-4243.1 1077.5,-4243.1 1077.5,-4243.1 1074.5,-4243.1 1071.5,-4240.1 1071.5,-4237.1 1071.5,-4237.1 1071.5,-4231.1 1071.5,-4231.1 1071.5,-4228.1 1074.5,-4225.1 1077.5,-4225.1 1077.5,-4225.1 1123.5,-4225.1 1123.5,-4225.1 1126.5,-4225.1 1129.5,-4228.1 1129.5,-4231.1 1129.5,-4231.1 1129.5,-4237.1 1129.5,-4237.1 1129.5,-4240.1 1126.5,-4243.1 1123.5,-4243.1"/>
<text text-anchor="start" x="1079.5" y="-4231.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/ActionButton.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge5" class="edge">
<title>src/components/ActionButton.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.65,-2815.11C831.42,-2822.21 854.58,-2834.32 866.5,-2854.1 876.36,-2870.47 861.07,-4216.51 874.5,-4230.1 887.55,-4243.31 1005.26,-4239.11 1065.02,-4236.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.43,-4238.15 1071.31,-4235.74 1065.21,-4233.96 1065.43,-4238.15"/>
</g>
<!-- src/components/Button.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge12" class="edge">
<title>src/components/Button.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1090.77,-2805.15C1074.75,-2822.46 1041.13,-2862.2 1028.5,-2903.1 1012.26,-2955.71 1040.85,-3845.22 1015.5,-3894.1 1006.64,-3911.18 988.98,-3923.81 973.75,-3932.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="972.61,-3930.32 968.26,-3934.96 974.55,-3934.05 972.61,-3930.32"/>
</g>
<!-- src/components/Button.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge13" class="edge">
<title>src/components/Button.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1091.08,-2805.27C1073.4,-2823.22 1035.78,-2865.11 1022,-2909.1 1016.81,-2925.67 1015.17,-4143.14 1022,-4159.1 1033.72,-4186.51 1060.91,-4208.67 1079.99,-4221.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.98,-4223.46 1085.14,-4225.02 1081.29,-4219.96 1078.98,-4223.46"/>
</g>
<!-- src/components/Row.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge58" class="edge">
<title>src/components/Row.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M948.19,-2769.37C957.27,-2819.57 1000.32,-3064.08 1015.5,-3266.1 1019.24,-3315.91 1008.72,-4119.23 1028.5,-4165.1 1038.98,-4189.42 1062.56,-4209.46 1079.68,-4221.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.63,-4223.39 1084.76,-4225.06 1081.01,-4219.93 1078.63,-4223.39"/>
</g>
<!-- src/components/Tooltip.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge402" class="edge">
<title>src/components/Tooltip.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M976.59,-1951.19C990.57,-1954.24 1006.14,-1960.26 1015.5,-1972.1 1067.74,-2038.19 1094.73,-2673.77 1098.92,-2780.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1096.82,-2780.93 1099.15,-2786.85 1101.02,-2780.77 1096.82,-2780.93"/>
</g>
<!-- src/components/Tooltip.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge406" class="edge">
<title>src/components/Tooltip.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M914.14,-1953.92C896.21,-1959.25 876.19,-1969.32 870.5,-1988.1 866.65,-2000.82 866.65,-3889.38 870.5,-3902.1 875.82,-3919.66 893.31,-3930.04 910.07,-3936.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="909.83,-3938.22 916.19,-3938.12 911.16,-3934.23 909.83,-3938.22"/>
</g>
<!-- src/components/Popover.tsx -->
<g id="node17" class="node">
<title>src/components/Popover.tsx</title>
<g id="a_node17"><a xlink:href="src/components/Popover.tsx" xlink:title="Popover.tsx">
<path fill="#bbfeff" stroke="black" d="M1128.5,-2927.1C1128.5,-2927.1 1072.5,-2927.1 1072.5,-2927.1 1069.5,-2927.1 1066.5,-2924.1 1066.5,-2921.1 1066.5,-2921.1 1066.5,-2915.1 1066.5,-2915.1 1066.5,-2912.1 1069.5,-2909.1 1072.5,-2909.1 1072.5,-2909.1 1128.5,-2909.1 1128.5,-2909.1 1131.5,-2909.1 1134.5,-2912.1 1134.5,-2915.1 1134.5,-2915.1 1134.5,-2921.1 1134.5,-2921.1 1134.5,-2924.1 1131.5,-2927.1 1128.5,-2927.1"/>
<text text-anchor="start" x="1074.5" y="-2915.9" font-family="Helvetica,sans-Serif" font-size="9.00">Popover.tsx</text>
</a>
</g>
</g>
<!-- src/components/Tooltip.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge403" class="edge">
<title>src/components/Tooltip.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M976.62,-1955.1C990.97,-1960.1 1006.86,-1968.45 1015.5,-1982.1 1040.14,-2021.02 1014.85,-2767.11 1028.5,-2811.1 1040.19,-2848.79 1069.66,-2885.51 1086.73,-2904.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1085.19,-2906.02 1090.78,-2909.05 1088.3,-2903.2 1085.19,-2906.02"/>
</g>
<!-- src/hooks/useHasFocus.ts -->
<g id="node123" class="node">
<title>src/hooks/useHasFocus.ts</title>
<g id="a_node123"><a xlink:href="src/hooks/useHasFocus.ts" xlink:title="useHasFocus.ts">
<path fill="#ddfeff" stroke="black" d="M635.5,-155.1C635.5,-155.1 561.5,-155.1 561.5,-155.1 558.5,-155.1 555.5,-152.1 555.5,-149.1 555.5,-149.1 555.5,-143.1 555.5,-143.1 555.5,-140.1 558.5,-137.1 561.5,-137.1 561.5,-137.1 635.5,-137.1 635.5,-137.1 638.5,-137.1 641.5,-140.1 641.5,-143.1 641.5,-143.1 641.5,-149.1 641.5,-149.1 641.5,-152.1 638.5,-155.1 635.5,-155.1"/>
<text text-anchor="start" x="563.5" y="-143.9" font-family="Helvetica,sans-Serif" font-size="9.00">useHasFocus.ts</text>
</a>
</g>
</g>
<!-- src/components/Tooltip.tsx&#45;&gt;src/hooks/useHasFocus.ts -->
<g id="edge404" class="edge">
<title>src/components/Tooltip.tsx&#45;&gt;src/hooks/useHasFocus.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M941.44,-1939.1C929.88,-1904.62 888.86,-1777.52 874.5,-1669.1 872.84,-1656.54 873.73,-1223.51 866.5,-1213.1 819.38,-1145.24 740.47,-1213.06 693.5,-1145.1 662.42,-1100.13 715.74,-202.9 680.5,-161.1 672.34,-151.42 660.14,-146.64 647.67,-144.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="647.77,-142.43 641.54,-143.7 647.2,-146.59 647.77,-142.43"/>
</g>
<!-- src/hooks/useHasHover.ts -->
<g id="node124" class="node">
<title>src/hooks/useHasHover.ts</title>
<g id="a_node124"><a xlink:href="src/hooks/useHasHover.ts" xlink:title="useHasHover.ts">
<path fill="#ddfeff" stroke="black" d="M635.5,-125.1C635.5,-125.1 561.5,-125.1 561.5,-125.1 558.5,-125.1 555.5,-122.1 555.5,-119.1 555.5,-119.1 555.5,-113.1 555.5,-113.1 555.5,-110.1 558.5,-107.1 561.5,-107.1 561.5,-107.1 635.5,-107.1 635.5,-107.1 638.5,-107.1 641.5,-110.1 641.5,-113.1 641.5,-113.1 641.5,-119.1 641.5,-119.1 641.5,-122.1 638.5,-125.1 635.5,-125.1"/>
<text text-anchor="start" x="563.5" y="-113.9" font-family="Helvetica,sans-Serif" font-size="9.00">useHasHover.ts</text>
</a>
</g>
</g>
<!-- src/components/Tooltip.tsx&#45;&gt;src/hooks/useHasHover.ts -->
<g id="edge405" class="edge">
<title>src/components/Tooltip.tsx&#45;&gt;src/hooks/useHasHover.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M941.43,-1939.1C929.84,-1904.62 888.74,-1777.54 874.5,-1669.1 872.61,-1654.69 874.62,-1158.15 866.5,-1146.1 819.83,-1076.91 740.11,-1142.32 693.5,-1073.1 664.27,-1029.69 714.25,-171.11 680.5,-131.1 672.34,-121.42 660.14,-116.65 647.66,-114.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="647.76,-112.43 641.54,-113.7 647.2,-116.59 647.76,-112.43"/>
</g>
<!-- src/icons/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge646" class="edge">
<title>src/icons/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.66,-3953.12C989.39,-3959.38 1006.25,-3969.31 1015.5,-3984.1 1036.87,-4018.3 1011.48,-4128.54 1028.5,-4165.1 1039.68,-4189.11 1063.11,-4209.21 1080.01,-4221.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.91,-4223.2 1085.02,-4224.94 1081.32,-4219.77 1078.91,-4223.2"/>
</g>
<!-- src/icons/identicon.tsx -->
<g id="node15" class="node">
<title>src/icons/identicon.tsx</title>
<g id="a_node15"><a xlink:href="src/icons/identicon.tsx" xlink:title="identicon.tsx">
<path fill="#bbfeff" stroke="black" d="M1132,-3953.1C1132,-3953.1 1069,-3953.1 1069,-3953.1 1066,-3953.1 1063,-3950.1 1063,-3947.1 1063,-3947.1 1063,-3941.1 1063,-3941.1 1063,-3938.1 1066,-3935.1 1069,-3935.1 1069,-3935.1 1132,-3935.1 1132,-3935.1 1135,-3935.1 1138,-3938.1 1138,-3941.1 1138,-3941.1 1138,-3947.1 1138,-3947.1 1138,-3950.1 1135,-3953.1 1132,-3953.1"/>
<text text-anchor="start" x="1071" y="-3941.9" font-family="Helvetica,sans-Serif" font-size="9.00">identicon.tsx</text>
</a>
</g>
</g>
<!-- src/icons/index.tsx&#45;&gt;src/icons/identicon.tsx -->
<g id="edge644" class="edge">
<title>src/icons/index.tsx&#45;&gt;src/icons/identicon.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.56,-3944.1C997.56,-3944.1 1030.49,-3944.1 1056.77,-3944.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1056.95,-3946.2 1062.95,-3944.1 1056.95,-3942 1056.95,-3946.2"/>
</g>
<!-- src/css/loading.ts -->
<g id="node32" class="node">
<title>src/css/loading.ts</title>
<g id="a_node32"><a xlink:href="src/css/loading.ts" xlink:title="loading.ts">
<path fill="#ddfeff" stroke="black" d="M970,-4697.1C970,-4697.1 921,-4697.1 921,-4697.1 918,-4697.1 915,-4694.1 915,-4691.1 915,-4691.1 915,-4685.1 915,-4685.1 915,-4682.1 918,-4679.1 921,-4679.1 921,-4679.1 970,-4679.1 970,-4679.1 973,-4679.1 976,-4682.1 976,-4685.1 976,-4685.1 976,-4691.1 976,-4691.1 976,-4694.1 973,-4697.1 970,-4697.1"/>
<text text-anchor="start" x="923" y="-4685.9" font-family="Helvetica,sans-Serif" font-size="9.00">loading.ts</text>
</a>
</g>
</g>
<!-- src/icons/index.tsx&#45;&gt;src/css/loading.ts -->
<g id="edge645" class="edge">
<title>src/icons/index.tsx&#45;&gt;src/css/loading.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M943.93,-3953.32C934.51,-4008.94 885.57,-4305.68 870.5,-4550.1 868.9,-4576.05 862.97,-4642.22 870.5,-4667.1 875.21,-4682.66 892.04,-4688.24 908.57,-4689.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="908.49,-4691.88 914.62,-4690.17 908.77,-4687.68 908.49,-4691.88"/>
</g>
<!-- src/theme/type.tsx -->
<g id="node99" class="node">
<title>src/theme/type.tsx</title>
<g id="a_node99"><a xlink:href="src/theme/type.tsx" xlink:title="type.tsx">
<path fill="#bbfeff" stroke="black" d="M1301,-4243.1C1301,-4243.1 1259,-4243.1 1259,-4243.1 1256,-4243.1 1253,-4240.1 1253,-4237.1 1253,-4237.1 1253,-4231.1 1253,-4231.1 1253,-4228.1 1256,-4225.1 1259,-4225.1 1259,-4225.1 1301,-4225.1 1301,-4225.1 1304,-4225.1 1307,-4228.1 1307,-4231.1 1307,-4231.1 1307,-4237.1 1307,-4237.1 1307,-4240.1 1304,-4243.1 1301,-4243.1"/>
<text text-anchor="start" x="1261.5" y="-4231.9" font-family="Helvetica,sans-Serif" font-size="9.00">type.tsx</text>
</a>
</g>
</g>
<!-- src/theme/index.tsx&#45;&gt;src/theme/type.tsx -->
<g id="edge704" class="edge">
<title>src/theme/index.tsx&#45;&gt;src/theme/type.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.63,-4234.1C1161.47,-4234.1 1213.25,-4234.1 1246.72,-4234.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.74,-4236.2 1252.74,-4234.1 1246.74,-4232 1246.74,-4236.2"/>
</g>
<!-- src/theme/animations.ts -->
<g id="node195" class="node">
<title>src/theme/animations.ts</title>
<g id="a_node195"><a xlink:href="src/theme/animations.ts" xlink:title="animations.ts">
<path fill="#ddfeff" stroke="black" d="M1496,-4232.1C1496,-4232.1 1431,-4232.1 1431,-4232.1 1428,-4232.1 1425,-4229.1 1425,-4226.1 1425,-4226.1 1425,-4220.1 1425,-4220.1 1425,-4217.1 1428,-4214.1 1431,-4214.1 1431,-4214.1 1496,-4214.1 1496,-4214.1 1499,-4214.1 1502,-4217.1 1502,-4220.1 1502,-4220.1 1502,-4226.1 1502,-4226.1 1502,-4229.1 1499,-4232.1 1496,-4232.1"/>
<text text-anchor="start" x="1433" y="-4220.9" font-family="Helvetica,sans-Serif" font-size="9.00">animations.ts</text>
</a>
</g>
</g>
<!-- src/theme/index.tsx&#45;&gt;src/theme/animations.ts -->
<g id="edge699" class="edge">
<title>src/theme/index.tsx&#45;&gt;src/theme/animations.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.72,-4227.78C1145.94,-4224.47 1166.76,-4220.76 1185.5,-4219.1 1267.61,-4211.83 1363.94,-4216.09 1418.64,-4219.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1418.65,-4221.8 1424.77,-4220.11 1418.93,-4217.61 1418.65,-4221.8"/>
</g>
<!-- src/theme/dynamic.tsx -->
<g id="node196" class="node">
<title>src/theme/dynamic.tsx</title>
<g id="a_node196"><a xlink:href="src/theme/dynamic.tsx" xlink:title="dynamic.tsx">
<path fill="#bbfeff" stroke="black" d="M1310,-4199.1C1310,-4199.1 1250,-4199.1 1250,-4199.1 1247,-4199.1 1244,-4196.1 1244,-4193.1 1244,-4193.1 1244,-4187.1 1244,-4187.1 1244,-4184.1 1247,-4181.1 1250,-4181.1 1250,-4181.1 1310,-4181.1 1310,-4181.1 1313,-4181.1 1316,-4184.1 1316,-4187.1 1316,-4187.1 1316,-4193.1 1316,-4193.1 1316,-4196.1 1313,-4199.1 1310,-4199.1"/>
<text text-anchor="start" x="1252" y="-4187.9" font-family="Helvetica,sans-Serif" font-size="9.00">dynamic.tsx</text>
</a>
</g>
</g>
<!-- src/theme/index.tsx&#45;&gt;src/theme/dynamic.tsx -->
<g id="edge700" class="edge">
<title>src/theme/index.tsx&#45;&gt;src/theme/dynamic.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1128.15,-4225.03C1144.56,-4219.65 1166.1,-4212.95 1185.5,-4208.1 1202.5,-4203.85 1221.44,-4200.03 1237.82,-4197.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1238.2,-4199.08 1243.72,-4195.95 1237.44,-4194.95 1238.2,-4199.08"/>
</g>
<!-- src/theme/theme.ts -->
<g id="node197" class="node">
<title>src/theme/theme.ts</title>
<g id="a_node197"><a xlink:href="src/theme/theme.ts" xlink:title="theme.ts">
<path fill="#ddfeff" stroke="black" d="M1486,-4176.1C1486,-4176.1 1441,-4176.1 1441,-4176.1 1438,-4176.1 1435,-4173.1 1435,-4170.1 1435,-4170.1 1435,-4164.1 1435,-4164.1 1435,-4161.1 1438,-4158.1 1441,-4158.1 1441,-4158.1 1486,-4158.1 1486,-4158.1 1489,-4158.1 1492,-4161.1 1492,-4164.1 1492,-4164.1 1492,-4170.1 1492,-4170.1 1492,-4173.1 1489,-4176.1 1486,-4176.1"/>
<text text-anchor="start" x="1443" y="-4164.9" font-family="Helvetica,sans-Serif" font-size="9.00">theme.ts</text>
</a>
</g>
</g>
<!-- src/theme/index.tsx&#45;&gt;src/theme/theme.ts -->
<g id="edge703" class="edge">
<title>src/theme/index.tsx&#45;&gt;src/theme/theme.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1114.61,-4224.94C1130.69,-4213.02 1157.63,-4190.65 1172.5,-4165.1 1184.05,-4145.26 1167.34,-4129.15 1185.5,-4115.1 1218.73,-4089.41 1333.99,-4104.03 1374.5,-4115.1 1402.27,-4122.69 1430.18,-4141.54 1446.9,-4154.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1445.7,-4156.06 1451.72,-4158.09 1448.28,-4152.75 1445.7,-4156.06"/>
</g>
<!-- src/theme/external.ts -->
<g id="node198" class="node">
<title>src/theme/external.ts</title>
<g id="a_node198"><a xlink:href="src/theme/external.ts" xlink:title="external.ts">
<path fill="#ddfeff" stroke="black" d="M1306.5,-4139.1C1306.5,-4139.1 1253.5,-4139.1 1253.5,-4139.1 1250.5,-4139.1 1247.5,-4136.1 1247.5,-4133.1 1247.5,-4133.1 1247.5,-4127.1 1247.5,-4127.1 1247.5,-4124.1 1250.5,-4121.1 1253.5,-4121.1 1253.5,-4121.1 1306.5,-4121.1 1306.5,-4121.1 1309.5,-4121.1 1312.5,-4124.1 1312.5,-4127.1 1312.5,-4127.1 1312.5,-4133.1 1312.5,-4133.1 1312.5,-4136.1 1309.5,-4139.1 1306.5,-4139.1"/>
<text text-anchor="start" x="1255.5" y="-4127.9" font-family="Helvetica,sans-Serif" font-size="9.00">external.ts</text>
</a>
</g>
</g>
<!-- src/theme/index.tsx&#45;&gt;src/theme/external.ts -->
<g id="edge701" class="edge">
<title>src/theme/index.tsx&#45;&gt;src/theme/external.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1112.34,-4224.94C1126.94,-4212.32 1153.29,-4188.47 1172.5,-4165.1 1179.23,-4156.91 1176.61,-4150.88 1185.5,-4145.1 1201.84,-4134.47 1223.11,-4130.47 1241.23,-4129.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1241.36,-4131.33 1247.24,-4128.92 1241.14,-4127.14 1241.36,-4131.33"/>
</g>
<!-- src/theme/layer.ts -->
<g id="node199" class="node">
<title>src/theme/layer.ts</title>
<g id="a_node199"><a xlink:href="src/theme/layer.ts" xlink:title="layer.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-4169.1C1301,-4169.1 1259,-4169.1 1259,-4169.1 1256,-4169.1 1253,-4166.1 1253,-4163.1 1253,-4163.1 1253,-4157.1 1253,-4157.1 1253,-4154.1 1256,-4151.1 1259,-4151.1 1259,-4151.1 1301,-4151.1 1301,-4151.1 1304,-4151.1 1307,-4154.1 1307,-4157.1 1307,-4157.1 1307,-4163.1 1307,-4163.1 1307,-4166.1 1304,-4169.1 1301,-4169.1"/>
<text text-anchor="start" x="1263.5" y="-4157.9" font-family="Helvetica,sans-Serif" font-size="9.00">layer.ts</text>
</a>
</g>
</g>
<!-- src/theme/index.tsx&#45;&gt;src/theme/layer.ts -->
<g id="edge702" class="edge">
<title>src/theme/index.tsx&#45;&gt;src/theme/layer.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1111.46,-4224.78C1126.32,-4211.43 1155.78,-4187.17 1185.5,-4175.1 1204.93,-4167.21 1228.22,-4163.46 1246.69,-4161.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.96,-4163.77 1252.76,-4161.15 1246.6,-4159.58 1246.96,-4163.77"/>
</g>
<!-- src/components/BottomSheetModal.tsx -->
<g id="node7" class="node">
<title>src/components/BottomSheetModal.tsx</title>
<g id="a_node7"><a xlink:href="src/components/BottomSheetModal.tsx" xlink:title="BottomSheetModal.tsx">
<path fill="#bbfeff" stroke="black" d="M652,-3121.1C652,-3121.1 545,-3121.1 545,-3121.1 542,-3121.1 539,-3118.1 539,-3115.1 539,-3115.1 539,-3109.1 539,-3109.1 539,-3106.1 542,-3103.1 545,-3103.1 545,-3103.1 652,-3103.1 652,-3103.1 655,-3103.1 658,-3106.1 658,-3109.1 658,-3109.1 658,-3115.1 658,-3115.1 658,-3118.1 655,-3121.1 652,-3121.1"/>
<text text-anchor="start" x="547" y="-3109.9" font-family="Helvetica,sans-Serif" font-size="9.00">BottomSheetModal.tsx</text>
</a>
</g>
</g>
<!-- src/components/BottomSheetModal.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge7" class="edge">
<title>src/components/BottomSheetModal.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M616.63,-3121.18C636.23,-3132.64 667.3,-3154.39 680.5,-3183.1 694.78,-3214.17 672.92,-4386.79 693.5,-4414.1 744.02,-4481.15 791.43,-4455.97 874.5,-4468.1 936.51,-4477.15 964.25,-4504.16 1015.5,-4468.1 1089.37,-4416.13 1098.6,-4292.77 1099.51,-4249.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.61,-4249.47 1099.59,-4243.44 1097.41,-4249.41 1101.61,-4249.47"/>
</g>
<!-- src/components/Dialog.tsx -->
<g id="node8" class="node">
<title>src/components/Dialog.tsx</title>
<g id="a_node8"><a xlink:href="src/components/Dialog.tsx" xlink:title="Dialog.tsx">
<path fill="#bbfeff" stroke="black" d="M800.5,-2755.1C800.5,-2755.1 751.5,-2755.1 751.5,-2755.1 748.5,-2755.1 745.5,-2752.1 745.5,-2749.1 745.5,-2749.1 745.5,-2743.1 745.5,-2743.1 745.5,-2740.1 748.5,-2737.1 751.5,-2737.1 751.5,-2737.1 800.5,-2737.1 800.5,-2737.1 803.5,-2737.1 806.5,-2740.1 806.5,-2743.1 806.5,-2743.1 806.5,-2749.1 806.5,-2749.1 806.5,-2752.1 803.5,-2755.1 800.5,-2755.1"/>
<text text-anchor="start" x="753.5" y="-2743.9" font-family="Helvetica,sans-Serif" font-size="9.00">Dialog.tsx</text>
</a>
</g>
</g>
<!-- src/components/BottomSheetModal.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge6" class="edge">
<title>src/components/BottomSheetModal.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M658.15,-3111C666.71,-3108.28 674.61,-3103.91 680.5,-3097.1 704.94,-3068.84 669.04,-2789.34 693.5,-2761.1 704.56,-2748.33 722.62,-2744.12 738.93,-2743.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.37,-2745.39 745.31,-2743.14 739.26,-2741.19 739.37,-2745.39"/>
</g>
<!-- src/components/Dialog.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge28" class="edge">
<title>src/components/Dialog.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.56,-2748.57C836.11,-2751.04 881.43,-2754.83 911.98,-2757.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.11,-2759.5 918.26,-2757.91 912.46,-2755.32 912.11,-2759.5"/>
</g>
<!-- src/components/Dialog.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge31" class="edge">
<title>src/components/Dialog.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.66,-2742.21C826.77,-2741.4 852.19,-2744.31 866.5,-2761.1 887.58,-2785.84 853.64,-3906.18 874.5,-3931.1 883.17,-3941.46 897.19,-3945.34 910.42,-3946.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.32,-3948.49 916.41,-3946.69 910.52,-3944.29 910.32,-3948.49"/>
</g>
<!-- src/components/Dialog.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge32" class="edge">
<title>src/components/Dialog.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.67,-2742.2C826.78,-2741.39 852.2,-2744.31 866.5,-2761.1 879.1,-2775.9 863.06,-4144.39 874.5,-4160.1 886.05,-4175.97 1005.54,-4209.33 1065.53,-4225.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.16,-4227.34 1071.49,-4226.85 1066.23,-4223.28 1065.16,-4227.34"/>
</g>
<!-- src/components/Dialog.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge27" class="edge">
<title>src/components/Dialog.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.88,-2743.65C826.05,-2743.72 850.3,-2747.08 866.5,-2761.1 875.32,-2768.74 867.21,-2776.99 874.5,-2786.1 925.49,-2849.81 1016.16,-2889.23 1065.4,-2906.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1064.83,-2909.02 1071.19,-2909.05 1066.24,-2905.06 1064.83,-2909.02"/>
</g>
<!-- src/css/font.ts -->
<g id="node18" class="node">
<title>src/css/font.ts</title>
<g id="a_node18"><a xlink:href="src/css/font.ts" xlink:title="font.ts">
<path fill="#ddfeff" stroke="black" d="M966.5,-4667.1C966.5,-4667.1 924.5,-4667.1 924.5,-4667.1 921.5,-4667.1 918.5,-4664.1 918.5,-4661.1 918.5,-4661.1 918.5,-4655.1 918.5,-4655.1 918.5,-4652.1 921.5,-4649.1 924.5,-4649.1 924.5,-4649.1 966.5,-4649.1 966.5,-4649.1 969.5,-4649.1 972.5,-4652.1 972.5,-4655.1 972.5,-4655.1 972.5,-4661.1 972.5,-4661.1 972.5,-4664.1 969.5,-4667.1 966.5,-4667.1"/>
<text text-anchor="start" x="930.5" y="-4655.9" font-family="Helvetica,sans-Serif" font-size="9.00">font.ts</text>
</a>
</g>
</g>
<!-- src/components/Dialog.tsx&#45;&gt;src/css/font.ts -->
<g id="edge29" class="edge">
<title>src/components/Dialog.tsx&#45;&gt;src/css/font.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.67,-2742.2C826.78,-2741.39 852.21,-2744.3 866.5,-2761.1 873.43,-2769.24 873.44,-4289.47 874.5,-4300.1 887.91,-4434.9 927.78,-4594.36 940.53,-4643.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="938.52,-4643.8 942.08,-4649.07 942.59,-4642.73 938.52,-4643.8"/>
</g>
<!-- src/hooks/useOnEscapeHandler.tsx -->
<g id="node19" class="node">
<title>src/hooks/useOnEscapeHandler.tsx</title>
<g id="a_node19"><a xlink:href="src/hooks/useOnEscapeHandler.tsx" xlink:title="useOnEscapeHandler.tsx">
<path fill="#bbfeff" stroke="black" d="M656.5,-245.1C656.5,-245.1 540.5,-245.1 540.5,-245.1 537.5,-245.1 534.5,-242.1 534.5,-239.1 534.5,-239.1 534.5,-233.1 534.5,-233.1 534.5,-230.1 537.5,-227.1 540.5,-227.1 540.5,-227.1 656.5,-227.1 656.5,-227.1 659.5,-227.1 662.5,-230.1 662.5,-233.1 662.5,-233.1 662.5,-239.1 662.5,-239.1 662.5,-242.1 659.5,-245.1 656.5,-245.1"/>
<text text-anchor="start" x="542.5" y="-233.9" font-family="Helvetica,sans-Serif" font-size="9.00">useOnEscapeHandler.tsx</text>
</a>
</g>
</g>
<!-- src/components/Dialog.tsx&#45;&gt;src/hooks/useOnEscapeHandler.tsx -->
<g id="edge30" class="edge">
<title>src/components/Dialog.tsx&#45;&gt;src/hooks/useOnEscapeHandler.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M745.1,-2738.74C726.75,-2732.51 704.7,-2721.57 693.5,-2703.1 675.84,-2673.98 702.35,-277.23 680.5,-251.1 677.07,-247 672.92,-243.78 668.32,-241.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="669.06,-239.29 662.74,-238.63 667.27,-243.09 669.06,-239.29"/>
</g>
<!-- src/components/BrandedFooter.tsx -->
<g id="node9" class="node">
<title>src/components/BrandedFooter.tsx</title>
<g id="a_node9"><a xlink:href="src/components/BrandedFooter.tsx" xlink:title="BrandedFooter.tsx">
<path fill="#bbfeff" stroke="black" d="M641.5,-3091.1C641.5,-3091.1 555.5,-3091.1 555.5,-3091.1 552.5,-3091.1 549.5,-3088.1 549.5,-3085.1 549.5,-3085.1 549.5,-3079.1 549.5,-3079.1 549.5,-3076.1 552.5,-3073.1 555.5,-3073.1 555.5,-3073.1 641.5,-3073.1 641.5,-3073.1 644.5,-3073.1 647.5,-3076.1 647.5,-3079.1 647.5,-3079.1 647.5,-3085.1 647.5,-3085.1 647.5,-3088.1 644.5,-3091.1 641.5,-3091.1"/>
<text text-anchor="start" x="557.5" y="-3079.9" font-family="Helvetica,sans-Serif" font-size="9.00">BrandedFooter.tsx</text>
</a>
</g>
</g>
<!-- src/components/BrandedFooter.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge9" class="edge">
<title>src/components/BrandedFooter.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.74,-3083.6C707.09,-3082.73 807.25,-3072.07 866.5,-3015.1 936.65,-2947.65 944.19,-2819.04 944.64,-2775.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="946.74,-2775.13 944.66,-2769.12 942.54,-2775.11 946.74,-2775.13"/>
</g>
<!-- src/components/BrandedFooter.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge10" class="edge">
<title>src/components/BrandedFooter.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.89,-3080.57C660.28,-3082.7 672.39,-3087.48 680.5,-3097.1 698.81,-3118.83 673.28,-4100.13 693.5,-4120.1 707.18,-4133.61 850.39,-4130.58 866.5,-4120.1 923.2,-4083.21 939,-3994.64 943.13,-3959.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="945.22,-3959.37 943.77,-3953.18 941.04,-3958.92 945.22,-3959.37"/>
</g>
<!-- src/components/BrandedFooter.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge11" class="edge">
<title>src/components/BrandedFooter.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.91,-3080.55C660.3,-3082.68 672.4,-3087.47 680.5,-3097.1 703.54,-3124.51 670.23,-4358.89 693.5,-4386.1 744.16,-4445.36 800.2,-4374.08 866.5,-4415.1 871.64,-4418.28 869.11,-4423.36 874.5,-4426.1 930.34,-4454.54 963.05,-4460.4 1015.5,-4426.1 1077.7,-4385.42 1094.12,-4287.4 1098.22,-4249.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1100.34,-4249.28 1098.85,-4243.1 1096.17,-4248.87 1100.34,-4249.28"/>
</g>
<!-- src/components/ExternalLink.tsx -->
<g id="node10" class="node">
<title>src/components/ExternalLink.tsx</title>
<g id="a_node10"><a xlink:href="src/components/ExternalLink.tsx" xlink:title="ExternalLink.tsx">
<path fill="#bbfeff" stroke="black" d="M814.5,-3193.1C814.5,-3193.1 737.5,-3193.1 737.5,-3193.1 734.5,-3193.1 731.5,-3190.1 731.5,-3187.1 731.5,-3187.1 731.5,-3181.1 731.5,-3181.1 731.5,-3178.1 734.5,-3175.1 737.5,-3175.1 737.5,-3175.1 814.5,-3175.1 814.5,-3175.1 817.5,-3175.1 820.5,-3178.1 820.5,-3181.1 820.5,-3181.1 820.5,-3187.1 820.5,-3187.1 820.5,-3190.1 817.5,-3193.1 814.5,-3193.1"/>
<text text-anchor="start" x="739.5" y="-3181.9" font-family="Helvetica,sans-Serif" font-size="9.00">ExternalLink.tsx</text>
</a>
</g>
</g>
<!-- src/components/BrandedFooter.tsx&#45;&gt;src/components/ExternalLink.tsx -->
<g id="edge8" class="edge">
<title>src/components/BrandedFooter.tsx&#45;&gt;src/components/ExternalLink.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.63,-3086.45C658.81,-3088.69 670.39,-3092.05 680.5,-3097.1 716.2,-3114.95 748.18,-3150.38 764.19,-3170.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="762.7,-3171.57 768.09,-3174.95 765.98,-3168.95 762.7,-3171.57"/>
</g>
<!-- src/components/Column.tsx -->
<g id="node11" class="node">
<title>src/components/Column.tsx</title>
<g id="a_node11"><a xlink:href="src/components/Column.tsx" xlink:title="Column.tsx">
<path fill="#bbfeff" stroke="black" d="M973.5,-2725.1C973.5,-2725.1 917.5,-2725.1 917.5,-2725.1 914.5,-2725.1 911.5,-2722.1 911.5,-2719.1 911.5,-2719.1 911.5,-2713.1 911.5,-2713.1 911.5,-2710.1 914.5,-2707.1 917.5,-2707.1 917.5,-2707.1 973.5,-2707.1 973.5,-2707.1 976.5,-2707.1 979.5,-2710.1 979.5,-2713.1 979.5,-2713.1 979.5,-2719.1 979.5,-2719.1 979.5,-2722.1 976.5,-2725.1 973.5,-2725.1"/>
<text text-anchor="start" x="919.5" y="-2713.9" font-family="Helvetica,sans-Serif" font-size="9.00">Column.tsx</text>
</a>
</g>
</g>
<!-- src/components/Column.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge14" class="edge">
<title>src/components/Column.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M979.74,-2721.83C993.17,-2725.95 1007.39,-2733.02 1015.5,-2745.1 1037.48,-2777.86 1012.98,-4128.84 1028.5,-4165.1 1038.92,-4189.45 1062.51,-4209.48 1079.65,-4221.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.6,-4223.4 1084.74,-4225.07 1080.98,-4219.94 1078.6,-4223.4"/>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx -->
<g id="node12" class="node">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx</title>
<g id="a_node12"><a xlink:href="src/components/ConnectWallet/ConnectWalletDialog.tsx" xlink:title="ConnectWalletDialog.tsx">
<path fill="#bbfeff" stroke="black" d="M655,-2883.1C655,-2883.1 542,-2883.1 542,-2883.1 539,-2883.1 536,-2880.1 536,-2877.1 536,-2877.1 536,-2871.1 536,-2871.1 536,-2868.1 539,-2865.1 542,-2865.1 542,-2865.1 655,-2865.1 655,-2865.1 658,-2865.1 661,-2868.1 661,-2871.1 661,-2871.1 661,-2877.1 661,-2877.1 661,-2880.1 658,-2883.1 655,-2883.1"/>
<text text-anchor="start" x="544" y="-2871.9" font-family="Helvetica,sans-Serif" font-size="9.00">ConnectWalletDialog.tsx</text>
</a>
</g>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge15" class="edge">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M661.3,-2880.8C744.23,-2887.58 895.03,-2892.08 1015.5,-2852.1 1042.64,-2843.1 1069.3,-2822.83 1085.07,-2809.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.46,-2810.88 1089.6,-2805.35 1083.7,-2807.71 1086.46,-2810.88"/>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge18" class="edge">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M661.14,-2869.48C728.45,-2863.66 831.37,-2852.31 866.5,-2835.1 895.55,-2820.87 920.81,-2791.85 934.23,-2774.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="936.08,-2775.41 938.01,-2769.35 932.73,-2772.89 936.08,-2775.41"/>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge20" class="edge">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M661.13,-2876.04C668.57,-2878.8 675.35,-2882.97 680.5,-2889.1 703.25,-2916.17 681.95,-4128.68 693.5,-4162.1 734.72,-4281.32 790.95,-4286.08 866.5,-4387.1 870.12,-4391.94 869.11,-4395.36 874.5,-4398.1 930.34,-4426.54 962.03,-4430.79 1015.5,-4398.1 1070,-4364.78 1090.59,-4283.66 1097.01,-4249.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.12,-4249.7 1098.11,-4243.42 1094.98,-4248.96 1099.12,-4249.7"/>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge17" class="edge">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M661.2,-2872.9C668.44,-2870.39 675.14,-2866.62 680.5,-2861.1 711.71,-2828.94 662.66,-2793.62 693.5,-2761.1 705.04,-2748.94 722.96,-2744.74 739.06,-2743.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.44,-2745.86 745.36,-2743.55 739.29,-2741.67 739.44,-2745.86"/>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge16" class="edge">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M661.22,-2870.49C668.12,-2868.3 674.73,-2865.27 680.5,-2861.1 690.65,-2853.77 683.09,-2843.06 693.5,-2836.1 725.59,-2814.67 838.96,-2848.14 866.5,-2821.1 878.62,-2809.2 864.34,-2758.71 874.5,-2745.1 882.08,-2734.96 893.85,-2728.34 905.59,-2724.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="906.32,-2726 911.34,-2722.1 904.98,-2722.02 906.32,-2726"/>
</g>
<!-- src/hooks/web3/useConnectors.tsx -->
<g id="node13" class="node">
<title>src/hooks/web3/useConnectors.tsx</title>
<g id="a_node13"><a xlink:href="src/hooks/web3/useConnectors.tsx" xlink:title="useConnectors.tsx">
<path fill="#bbfeff" stroke="black" d="M989.5,-1015.1C989.5,-1015.1 901.5,-1015.1 901.5,-1015.1 898.5,-1015.1 895.5,-1012.1 895.5,-1009.1 895.5,-1009.1 895.5,-1003.1 895.5,-1003.1 895.5,-1000.1 898.5,-997.1 901.5,-997.1 901.5,-997.1 989.5,-997.1 989.5,-997.1 992.5,-997.1 995.5,-1000.1 995.5,-1003.1 995.5,-1003.1 995.5,-1009.1 995.5,-1009.1 995.5,-1012.1 992.5,-1015.1 989.5,-1015.1"/>
<text text-anchor="start" x="903.5" y="-1003.9" font-family="Helvetica,sans-Serif" font-size="9.00">useConnectors.tsx</text>
</a>
</g>
</g>
<!-- src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/hooks/web3/useConnectors.tsx -->
<g id="edge19" class="edge">
<title>src/components/ConnectWallet/ConnectWalletDialog.tsx&#45;&gt;src/hooks/web3/useConnectors.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M661.12,-2876.05C668.56,-2878.81 675.34,-2882.98 680.5,-2889.1 699.11,-2911.2 672.94,-3908.8 693.5,-3929.1 700.34,-3935.85 859.69,-3935.89 866.5,-3929.1 880.81,-3914.83 861.56,-1034.62 874.5,-1019.1 878.54,-1014.26 883.74,-1010.83 889.49,-1008.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="890.42,-1010.34 895.4,-1006.39 889.04,-1006.38 890.42,-1010.34"/>
</g>
<!-- src/components/ConnectWallet/ConnectedWalletChip.tsx -->
<g id="node14" class="node">
<title>src/components/ConnectWallet/ConnectedWalletChip.tsx</title>
<g id="a_node14"><a xlink:href="src/components/ConnectWallet/ConnectedWalletChip.tsx" xlink:title="ConnectedWalletChip.tsx">
<path fill="#bbfeff" stroke="black" d="M834.5,-2913.1C834.5,-2913.1 717.5,-2913.1 717.5,-2913.1 714.5,-2913.1 711.5,-2910.1 711.5,-2907.1 711.5,-2907.1 711.5,-2901.1 711.5,-2901.1 711.5,-2898.1 714.5,-2895.1 717.5,-2895.1 717.5,-2895.1 834.5,-2895.1 834.5,-2895.1 837.5,-2895.1 840.5,-2898.1 840.5,-2901.1 840.5,-2901.1 840.5,-2907.1 840.5,-2907.1 840.5,-2910.1 837.5,-2913.1 834.5,-2913.1"/>
<text text-anchor="start" x="719.5" y="-2901.9" font-family="Helvetica,sans-Serif" font-size="9.00">ConnectedWalletChip.tsx</text>
</a>
</g>
</g>
<!-- src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge21" class="edge">
<title>src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M840.6,-2909.03C890.51,-2910.3 960.51,-2906.18 1015.5,-2880.1 1048.71,-2864.35 1076.4,-2829.81 1090.15,-2810.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1091.98,-2811.33 1093.65,-2805.2 1088.52,-2808.95 1091.98,-2811.33"/>
</g>
<!-- src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge22" class="edge">
<title>src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M840.75,-2902C849.89,-2899.71 858.8,-2896.25 866.5,-2891.1 908.86,-2862.8 931.61,-2803.02 940.3,-2775.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="942.31,-2775.67 942.03,-2769.32 938.29,-2774.46 942.31,-2775.67"/>
</g>
<!-- src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge23" class="edge">
<title>src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M840.92,-2902.17C850.72,-2904.79 859.79,-2909.41 866.5,-2917.1 885.01,-2938.33 856.41,-3909.51 874.5,-3931.1 883.18,-3941.45 897.2,-3945.34 910.42,-3946.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.32,-3948.48 916.42,-3946.68 910.53,-3944.29 910.32,-3948.48"/>
</g>
<!-- src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge25" class="edge">
<title>src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M840.93,-2902.16C850.73,-2904.78 859.8,-2909.4 866.5,-2917.1 878.6,-2931 861.43,-4231.11 874.5,-4244.1 918.95,-4288.28 952.94,-4247.81 1015.5,-4244.1 1031.79,-4243.13 1049.77,-4241.12 1064.9,-4239.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.52,-4241.19 1071.19,-4238.32 1064.97,-4237.03 1065.52,-4241.19"/>
</g>
<!-- src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/icons/identicon.tsx -->
<g id="edge24" class="edge">
<title>src/components/ConnectWallet/ConnectedWalletChip.tsx&#45;&gt;src/icons/identicon.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M840.92,-2902.17C850.72,-2904.79 859.79,-2909.41 866.5,-2917.1 884.34,-2937.55 857.43,-3873 874.5,-3894.1 880.26,-3901.22 992.87,-3923.73 1056.55,-3935.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1056.27,-3938.06 1062.55,-3937.13 1057.06,-3933.94 1056.27,-3938.06"/>
</g>
<!-- src/components/ConnectWallet/index.tsx -->
<g id="node16" class="node">
<title>src/components/ConnectWallet/index.tsx</title>
<g id="a_node16"><a xlink:href="src/components/ConnectWallet/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M621.5,-2913.1C621.5,-2913.1 575.5,-2913.1 575.5,-2913.1 572.5,-2913.1 569.5,-2910.1 569.5,-2907.1 569.5,-2907.1 569.5,-2901.1 569.5,-2901.1 569.5,-2898.1 572.5,-2895.1 575.5,-2895.1 575.5,-2895.1 621.5,-2895.1 621.5,-2895.1 624.5,-2895.1 627.5,-2898.1 627.5,-2901.1 627.5,-2901.1 627.5,-2907.1 627.5,-2907.1 627.5,-2910.1 624.5,-2913.1 621.5,-2913.1"/>
<text text-anchor="start" x="577.5" y="-2901.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/ConnectWallet/index.tsx&#45;&gt;src/components/ConnectWallet/ConnectedWalletChip.tsx -->
<g id="edge26" class="edge">
<title>src/components/ConnectWallet/index.tsx&#45;&gt;src/components/ConnectWallet/ConnectedWalletChip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.7,-2904.1C648.6,-2904.1 678.03,-2904.1 705.09,-2904.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="705.19,-2906.2 711.19,-2904.1 705.19,-2902 705.19,-2906.2"/>
</g>
<!-- src/components/Popover.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge57" class="edge">
<title>src/components/Popover.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1098.65,-2927.33C1088.34,-2979.45 1037.68,-3242.46 1022,-3460.1 1020.6,-3479.47 1014.37,-4141.25 1022,-4159.1 1033.72,-4186.51 1060.91,-4208.67 1079.99,-4221.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.98,-4223.46 1085.14,-4225.02 1081.29,-4219.96 1078.98,-4223.46"/>
</g>
<!-- src/components/Error/ErrorBoundary.tsx -->
<g id="node20" class="node">
<title>src/components/Error/ErrorBoundary.tsx</title>
<g id="a_node20"><a xlink:href="src/components/Error/ErrorBoundary.tsx" xlink:title="ErrorBoundary.tsx">
<path fill="#bbfeff" stroke="black" d="M473,-1495.1C473,-1495.1 387,-1495.1 387,-1495.1 384,-1495.1 381,-1492.1 381,-1489.1 381,-1489.1 381,-1483.1 381,-1483.1 381,-1480.1 384,-1477.1 387,-1477.1 387,-1477.1 473,-1477.1 473,-1477.1 476,-1477.1 479,-1480.1 479,-1483.1 479,-1483.1 479,-1489.1 479,-1489.1 479,-1492.1 476,-1495.1 473,-1495.1"/>
<text text-anchor="start" x="389" y="-1483.9" font-family="Helvetica,sans-Serif" font-size="9.00">ErrorBoundary.tsx</text>
</a>
</g>
</g>
<!-- src/components/Error/ErrorBoundary.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge33" class="edge">
<title>src/components/Error/ErrorBoundary.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M477.57,-1477.07C483.78,-1475.78 490.05,-1474.44 496,-1473.1 499.58,-1472.3 500.36,-1471.55 504,-1471.1 542.93,-1466.31 652.62,-1443.51 680.5,-1471.1 704.83,-1495.17 675.67,-2673.89 693.5,-2703.1 703.61,-2719.66 722.43,-2730.18 739.44,-2736.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="738.77,-2738.66 745.13,-2738.72 740.2,-2734.71 738.77,-2738.66"/>
</g>
<!-- src/components/Error/ErrorDialog.tsx -->
<g id="node21" class="node">
<title>src/components/Error/ErrorDialog.tsx</title>
<g id="a_node21"><a xlink:href="src/components/Error/ErrorDialog.tsx" xlink:title="ErrorDialog.tsx">
<path fill="#bbfeff" stroke="black" d="M634,-1495.1C634,-1495.1 563,-1495.1 563,-1495.1 560,-1495.1 557,-1492.1 557,-1489.1 557,-1489.1 557,-1483.1 557,-1483.1 557,-1480.1 560,-1477.1 563,-1477.1 563,-1477.1 634,-1477.1 634,-1477.1 637,-1477.1 640,-1480.1 640,-1483.1 640,-1483.1 640,-1489.1 640,-1489.1 640,-1492.1 637,-1495.1 634,-1495.1"/>
<text text-anchor="start" x="565" y="-1483.9" font-family="Helvetica,sans-Serif" font-size="9.00">ErrorDialog.tsx</text>
</a>
</g>
</g>
<!-- src/components/Error/ErrorBoundary.tsx&#45;&gt;src/components/Error/ErrorDialog.tsx -->
<g id="edge34" class="edge">
<title>src/components/Error/ErrorBoundary.tsx&#45;&gt;src/components/Error/ErrorDialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M479.16,-1486.1C501.63,-1486.1 528.28,-1486.1 550.6,-1486.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.77,-1488.2 556.77,-1486.1 550.77,-1484 550.77,-1488.2"/>
</g>
<!-- src/errors.ts -->
<g id="node22" class="node">
<title>src/errors.ts</title>
<g id="a_node22"><a xlink:href="src/errors.ts" xlink:title="errors.ts">
<path fill="#ddfeff" stroke="black" d="M966.5,-3441.1C966.5,-3441.1 924.5,-3441.1 924.5,-3441.1 921.5,-3441.1 918.5,-3438.1 918.5,-3435.1 918.5,-3435.1 918.5,-3429.1 918.5,-3429.1 918.5,-3426.1 921.5,-3423.1 924.5,-3423.1 924.5,-3423.1 966.5,-3423.1 966.5,-3423.1 969.5,-3423.1 972.5,-3426.1 972.5,-3429.1 972.5,-3429.1 972.5,-3435.1 972.5,-3435.1 972.5,-3438.1 969.5,-3441.1 966.5,-3441.1"/>
<text text-anchor="start" x="926.5" y="-3429.9" font-family="Helvetica,sans-Serif" font-size="9.00">errors.ts</text>
</a>
</g>
</g>
<!-- src/components/Error/ErrorBoundary.tsx&#45;&gt;src/errors.ts -->
<g id="edge35" class="edge">
<title>src/components/Error/ErrorBoundary.tsx&#45;&gt;src/errors.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.6,-1495.16C471.7,-1501.47 487.76,-1511.43 496,-1526.1 507.82,-1547.15 500.63,-3240.2 504,-3264.1 547.22,-3570.96 446.39,-3748.11 693.5,-3935.1 754.81,-3981.5 811.69,-3989.02 866.5,-3935.1 885.87,-3916.05 857.1,-3466.97 874.5,-3446.1 883.51,-3435.29 898.31,-3431.31 911.99,-3430.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.28,-3432.33 918.17,-3429.93 912.07,-3428.13 912.28,-3432.33"/>
</g>
<!-- src/components/Error/ErrorDialog.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge36" class="edge">
<title>src/components/Error/ErrorDialog.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.41,-1495.24C653.58,-1501.21 670.9,-1510.83 680.5,-1526.1 699.2,-1555.85 670.87,-2764.21 693.5,-2791.1 701.07,-2800.1 712.12,-2804.88 723.65,-2807.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="723.44,-2809.32 729.71,-2808.23 724.14,-2805.17 723.44,-2809.32"/>
</g>
<!-- src/components/Error/ErrorDialog.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge39" class="edge">
<title>src/components/Error/ErrorDialog.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.45,-1495.22C653.62,-1501.18 670.94,-1510.81 680.5,-1526.1 697.95,-1554.01 671.19,-3871.9 693.5,-3896.1 719.66,-3924.47 835.51,-3888.11 866.5,-3911.1 874.19,-3916.81 867.1,-3925.03 874.5,-3931.1 884.44,-3939.25 897.85,-3942.93 910.28,-3944.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.11,-3946.51 916.28,-3944.98 910.5,-3942.33 910.11,-3946.51"/>
</g>
<!-- src/components/Error/ErrorDialog.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge40" class="edge">
<title>src/components/Error/ErrorDialog.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.45,-1495.22C653.62,-1501.18 670.94,-1510.81 680.5,-1526.1 698.81,-1555.39 669.8,-3987.97 693.5,-4013.1 719.93,-4041.12 839.76,-3996.37 866.5,-4024.1 889.26,-4047.7 851,-4296.23 874.5,-4319.1 885.73,-4330.03 1003.48,-4329.15 1015.5,-4319.1 1040.45,-4298.25 1005.54,-4270.12 1028.5,-4247.1 1038.01,-4237.57 1052.04,-4233.75 1065.12,-4232.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.59,-4234.6 1071.44,-4232.12 1065.32,-4230.41 1065.59,-4234.6"/>
</g>
<!-- src/components/Error/ErrorDialog.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge37" class="edge">
<title>src/components/Error/ErrorDialog.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.14,-1495.21C652.45,-1501.22 670.25,-1510.88 680.5,-1526.1 702.65,-1559 667.62,-1674.05 693.5,-1704.1 744.94,-1763.82 817.02,-1681.75 866.5,-1743.1 883.21,-1763.82 857.68,-2680.48 874.5,-2701.1 881.99,-2710.29 893.62,-2714.71 905.26,-2716.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.1,-2718.74 911.32,-2717.44 905.65,-2714.58 905.1,-2718.74"/>
</g>
<!-- src/components/Expando.tsx -->
<g id="node23" class="node">
<title>src/components/Expando.tsx</title>
<g id="a_node23"><a xlink:href="src/components/Expando.tsx" xlink:title="Expando.tsx">
<path fill="#bbfeff" stroke="black" d="M806.5,-2697.1C806.5,-2697.1 745.5,-2697.1 745.5,-2697.1 742.5,-2697.1 739.5,-2694.1 739.5,-2691.1 739.5,-2691.1 739.5,-2685.1 739.5,-2685.1 739.5,-2682.1 742.5,-2679.1 745.5,-2679.1 745.5,-2679.1 806.5,-2679.1 806.5,-2679.1 809.5,-2679.1 812.5,-2682.1 812.5,-2685.1 812.5,-2685.1 812.5,-2691.1 812.5,-2691.1 812.5,-2694.1 809.5,-2697.1 806.5,-2697.1"/>
<text text-anchor="start" x="747.5" y="-2685.9" font-family="Helvetica,sans-Serif" font-size="9.00">Expando.tsx</text>
</a>
</g>
</g>
<!-- src/components/Error/ErrorDialog.tsx&#45;&gt;src/components/Expando.tsx -->
<g id="edge38" class="edge">
<title>src/components/Error/ErrorDialog.tsx&#45;&gt;src/components/Expando.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.39,-1495.25C653.56,-1501.22 670.88,-1510.84 680.5,-1526.1 695.23,-1549.46 687.14,-2493.23 693.5,-2520.1 707.92,-2581.02 746.96,-2645.64 765.28,-2673.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="763.59,-2674.96 768.65,-2678.82 767.1,-2672.65 763.59,-2674.96"/>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge46" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.61,-2696.74C831.44,-2703.14 853.33,-2713.83 866.5,-2731.1 878.55,-2746.91 859.85,-2761.67 874.5,-2775.1 881.31,-2781.35 1000.12,-2789.78 1062.27,-2793.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1062.34,-2795.9 1068.46,-2794.19 1062.61,-2791.71 1062.34,-2795.9"/>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge48" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.65,-2686.55C831.03,-2687.69 852.46,-2692.34 866.5,-2706.1 878.21,-2717.57 863.1,-2730.32 874.5,-2742.1 884.26,-2752.19 898.86,-2756.9 912.2,-2759"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912,-2761.09 918.22,-2759.8 912.55,-2756.93 912,-2761.09"/>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge51" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.89,-2695.62C832.31,-2701.71 854.69,-2712.46 866.5,-2731.1 884.34,-2759.26 853.1,-3905.54 874.5,-3931.1 883.17,-3941.46 897.19,-3945.34 910.41,-3946.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.32,-3948.49 916.41,-3946.69 910.52,-3944.29 910.32,-3948.49"/>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge52" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.9,-2695.62C832.32,-2701.71 854.7,-2712.46 866.5,-2731.1 876.91,-2747.54 862.16,-4117.05 874.5,-4132.1 915.07,-4181.57 958.15,-4132.75 1015.5,-4161.1 1045.01,-4175.69 1072.45,-4203.19 1087.5,-4219.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.22,-4221.68 1091.76,-4224.79 1089.37,-4218.9 1086.22,-4221.68"/>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge47" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.52,-2694.04C839.66,-2698.58 877.05,-2704.83 905.11,-2709.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.04,-2711.63 911.31,-2710.55 905.74,-2707.49 905.04,-2711.63"/>
</g>
<!-- src/components/Rule.tsx -->
<g id="node26" class="node">
<title>src/components/Rule.tsx</title>
<g id="a_node26"><a xlink:href="src/components/Rule.tsx" xlink:title="Rule.tsx">
<path fill="#bbfeff" stroke="black" d="M966.5,-2695.1C966.5,-2695.1 924.5,-2695.1 924.5,-2695.1 921.5,-2695.1 918.5,-2692.1 918.5,-2689.1 918.5,-2689.1 918.5,-2683.1 918.5,-2683.1 918.5,-2680.1 921.5,-2677.1 924.5,-2677.1 924.5,-2677.1 966.5,-2677.1 966.5,-2677.1 969.5,-2677.1 972.5,-2680.1 972.5,-2683.1 972.5,-2683.1 972.5,-2689.1 972.5,-2689.1 972.5,-2692.1 969.5,-2695.1 966.5,-2695.1"/>
<text text-anchor="start" x="927" y="-2683.9" font-family="Helvetica,sans-Serif" font-size="9.00">Rule.tsx</text>
</a>
</g>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/components/Rule.tsx -->
<g id="edge49" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/components/Rule.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.52,-2687.68C841.98,-2687.32 883.53,-2686.83 912.09,-2686.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.37,-2688.58 918.34,-2686.41 912.31,-2684.38 912.37,-2688.58"/>
</g>
<!-- src/hooks/useScrollbar.ts -->
<g id="node27" class="node">
<title>src/hooks/useScrollbar.ts</title>
<g id="a_node27"><a xlink:href="src/hooks/useScrollbar.ts" xlink:title="useScrollbar.ts">
<path fill="#ddfeff" stroke="black" d="M634,-215.1C634,-215.1 563,-215.1 563,-215.1 560,-215.1 557,-212.1 557,-209.1 557,-209.1 557,-203.1 557,-203.1 557,-200.1 560,-197.1 563,-197.1 563,-197.1 634,-197.1 634,-197.1 637,-197.1 640,-200.1 640,-203.1 640,-203.1 640,-209.1 640,-209.1 640,-212.1 637,-215.1 634,-215.1"/>
<text text-anchor="start" x="565" y="-203.9" font-family="Helvetica,sans-Serif" font-size="9.00">useScrollbar.ts</text>
</a>
</g>
</g>
<!-- src/components/Expando.tsx&#45;&gt;src/hooks/useScrollbar.ts -->
<g id="edge50" class="edge">
<title>src/components/Expando.tsx&#45;&gt;src/hooks/useScrollbar.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M768.62,-2678.82C752.19,-2654.29 708.64,-2585.14 693.5,-2520.1 686.26,-2489 700.99,-245.59 680.5,-221.1 672.14,-211.11 659.47,-206.33 646.62,-204.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="646.53,-202.19 640.32,-203.54 646.02,-206.36 646.53,-202.19"/>
</g>
<!-- src/components/EtherscanLink.tsx -->
<g id="node24" class="node">
<title>src/components/EtherscanLink.tsx</title>
<g id="a_node24"><a xlink:href="src/components/EtherscanLink.tsx" xlink:title="EtherscanLink.tsx">
<path fill="#bbfeff" stroke="black" d="M641.5,-3207.1C641.5,-3207.1 555.5,-3207.1 555.5,-3207.1 552.5,-3207.1 549.5,-3204.1 549.5,-3201.1 549.5,-3201.1 549.5,-3195.1 549.5,-3195.1 549.5,-3192.1 552.5,-3189.1 555.5,-3189.1 555.5,-3189.1 641.5,-3189.1 641.5,-3189.1 644.5,-3189.1 647.5,-3192.1 647.5,-3195.1 647.5,-3195.1 647.5,-3201.1 647.5,-3201.1 647.5,-3204.1 644.5,-3207.1 641.5,-3207.1"/>
<text text-anchor="start" x="557.5" y="-3195.9" font-family="Helvetica,sans-Serif" font-size="9.00">EtherscanLink.tsx</text>
</a>
</g>
</g>
<!-- src/components/EtherscanLink.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge42" class="edge">
<title>src/components/EtherscanLink.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.62,-3201.81C720.25,-3206.89 851.11,-3213.82 866.5,-3199.1 873.65,-3192.26 872.99,-3030.88 874.5,-3021.1 889.27,-2925.6 925.59,-2814.81 939.22,-2775.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="941.23,-2775.78 941.2,-2769.42 937.26,-2774.41 941.23,-2775.78"/>
</g>
<!-- src/components/EtherscanLink.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge44" class="edge">
<title>src/components/EtherscanLink.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M599.69,-3207.25C601.72,-3300.04 620.68,-4068.23 693.5,-4134.1 750.52,-4185.68 802.64,-4176.92 866.5,-4134.1 926.72,-4093.72 940.49,-3997.61 943.6,-3959.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="945.72,-3959.56 944.07,-3953.43 941.53,-3959.26 945.72,-3959.56"/>
</g>
<!-- src/components/EtherscanLink.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge45" class="edge">
<title>src/components/EtherscanLink.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M600.3,-3207.36C606.82,-3283.18 651.83,-3809.85 680.5,-4238.1 682.22,-4263.86 675.79,-4451.31 693.5,-4470.1 720.04,-4498.26 830.55,-4475.77 866.5,-4490.1 870.63,-4491.75 870.28,-4494.7 874.5,-4496.1 933.95,-4515.92 964.87,-4533.03 1015.5,-4496.1 1097.34,-4436.4 1101.23,-4295.81 1100.16,-4249.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1102.25,-4249.1 1099.97,-4243.17 1098.05,-4249.23 1102.25,-4249.1"/>
</g>
<!-- src/components/EtherscanLink.tsx&#45;&gt;src/components/ExternalLink.tsx -->
<g id="edge41" class="edge">
<title>src/components/EtherscanLink.tsx&#45;&gt;src/components/ExternalLink.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.92,-3194.24C671.96,-3192.32 700.96,-3190.01 725.19,-3188.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.42,-3190.16 731.24,-3187.59 725.09,-3185.98 725.42,-3190.16"/>
</g>
<!-- src/constants/chains.ts -->
<g id="node25" class="node">
<title>src/constants/chains.ts</title>
<g id="a_node25"><a xlink:href="src/constants/chains.ts" xlink:title="chains.ts">
<path fill="#ddfeff" stroke="black" d="M1751.5,-3817.1C1751.5,-3817.1 1706.5,-3817.1 1706.5,-3817.1 1703.5,-3817.1 1700.5,-3814.1 1700.5,-3811.1 1700.5,-3811.1 1700.5,-3805.1 1700.5,-3805.1 1700.5,-3802.1 1703.5,-3799.1 1706.5,-3799.1 1706.5,-3799.1 1751.5,-3799.1 1751.5,-3799.1 1754.5,-3799.1 1757.5,-3802.1 1757.5,-3805.1 1757.5,-3805.1 1757.5,-3811.1 1757.5,-3811.1 1757.5,-3814.1 1754.5,-3817.1 1751.5,-3817.1"/>
<text text-anchor="start" x="1708.5" y="-3805.9" font-family="Helvetica,sans-Serif" font-size="9.00">chains.ts</text>
</a>
</g>
</g>
<!-- src/components/EtherscanLink.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge43" class="edge">
<title>src/components/EtherscanLink.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M647.8,-3195.28C660.19,-3197.1 672.32,-3201.6 680.5,-3211.1 703.58,-3237.9 669.47,-4458.16 693.5,-4484.1 719.73,-4512.41 832.9,-4480.12 866.5,-4499.1 871.76,-4502.07 870.46,-4505.6 874.5,-4510.1 931.02,-4573.1 980.78,-4560.91 1015.5,-4638.1 1028.1,-4666.12 1007.08,-5722.07 1028.5,-5744.1 1106.17,-5823.99 1167.58,-5754.1 1279,-5754.1 1279,-5754.1 1279,-5754.1 1464.5,-5754.1 1552.17,-5754.1 1600.02,-5806.6 1661.5,-5744.1 1732.96,-5671.46 1728.72,-4000.85 1728.06,-3823.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.16,-3823.22 1728.04,-3817.23 1725.96,-3823.24 1730.16,-3823.22"/>
</g>
<!-- src/components/Header.tsx -->
<g id="node28" class="node">
<title>src/components/Header.tsx</title>
<g id="a_node28"><a xlink:href="src/components/Header.tsx" xlink:title="Header.tsx">
<path fill="#bbfeff" stroke="black" d="M301.5,-3205.1C301.5,-3205.1 248.5,-3205.1 248.5,-3205.1 245.5,-3205.1 242.5,-3202.1 242.5,-3199.1 242.5,-3199.1 242.5,-3193.1 242.5,-3193.1 242.5,-3190.1 245.5,-3187.1 248.5,-3187.1 248.5,-3187.1 301.5,-3187.1 301.5,-3187.1 304.5,-3187.1 307.5,-3190.1 307.5,-3193.1 307.5,-3193.1 307.5,-3199.1 307.5,-3199.1 307.5,-3202.1 304.5,-3205.1 301.5,-3205.1"/>
<text text-anchor="start" x="250.5" y="-3193.9" font-family="Helvetica,sans-Serif" font-size="9.00">Header.tsx</text>
</a>
</g>
</g>
<!-- src/components/Header.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge53" class="edge">
<title>src/components/Header.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M289.27,-3186.99C323.42,-3163.91 417.73,-3102.45 504,-3067.1 584.71,-3034.03 608.89,-3037.26 693.5,-3016.1 770.06,-2996.95 807.47,-3028.48 866.5,-2976.1 927.96,-2921.57 941.01,-2814.86 943.77,-2775.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="945.88,-2775.27 944.15,-2769.15 941.68,-2775.01 945.88,-2775.27"/>
</g>
<!-- src/components/Header.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge54" class="edge">
<title>src/components/Header.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.66,-3193.86C323.17,-3194.61 340.69,-3198.6 351,-3211.1 369.43,-3233.44 343.46,-5275.69 364,-5296.1 401.71,-5333.58 671.75,-5274.95 680.5,-5268.1 850.29,-5135.25 819.72,-5030.55 866.5,-4820.1 875.28,-4780.58 871.58,-4678.48 874.5,-4638.1 894.22,-4365.51 933.58,-4034.16 942.62,-3959.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="944.71,-3959.68 943.35,-3953.47 940.54,-3959.18 944.71,-3959.68"/>
</g>
<!-- src/components/Header.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge55" class="edge">
<title>src/components/Header.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.66,-3193.86C323.17,-3194.61 340.69,-3198.6 351,-3211.1 369.52,-3233.55 357.02,-5277.85 364,-5306.1 396.43,-5437.33 388.5,-5505.88 504,-5576.1 642.59,-5660.35 723.26,-5610.17 866.5,-5534.1 946.75,-5491.48 977.92,-5476.84 1015.5,-5394.1 1032.05,-5357.66 1026.01,-5074.05 1028.5,-5034.1 1048.3,-4716.68 1089.18,-4329.82 1097.86,-4249.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.96,-4249.37 1098.51,-4243.18 1095.78,-4248.92 1099.96,-4249.37"/>
</g>
<!-- src/components/Input.tsx -->
<g id="node29" class="node">
<title>src/components/Input.tsx</title>
<g id="a_node29"><a xlink:href="src/components/Input.tsx" xlink:title="Input.tsx">
<path fill="#bbfeff" stroke="black" d="M799,-2785.1C799,-2785.1 753,-2785.1 753,-2785.1 750,-2785.1 747,-2782.1 747,-2779.1 747,-2779.1 747,-2773.1 747,-2773.1 747,-2770.1 750,-2767.1 753,-2767.1 753,-2767.1 799,-2767.1 799,-2767.1 802,-2767.1 805,-2770.1 805,-2773.1 805,-2773.1 805,-2779.1 805,-2779.1 805,-2782.1 802,-2785.1 799,-2785.1"/>
<text text-anchor="start" x="755" y="-2773.9" font-family="Helvetica,sans-Serif" font-size="9.00">Input.tsx</text>
</a>
</g>
</g>
<!-- src/components/Input.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge56" class="edge">
<title>src/components/Input.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.38,-2772.26C825.68,-2771.27 851.9,-2773.94 866.5,-2791.1 879.33,-2806.17 861.03,-4201.6 874.5,-4216.1 880.88,-4222.97 1003.53,-4229.63 1064.99,-4232.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.01,-4234.66 1071.1,-4232.84 1065.21,-4230.46 1065.01,-4234.66"/>
</g>
<!-- src/components/Swap/Input.tsx -->
<g id="node30" class="node">
<title>src/components/Swap/Input.tsx</title>
<g id="a_node30"><a xlink:href="src/components/Swap/Input.tsx" xlink:title="Input.tsx">
<path fill="#bbfeff" stroke="black" d="M453,-2643.1C453,-2643.1 407,-2643.1 407,-2643.1 404,-2643.1 401,-2640.1 401,-2637.1 401,-2637.1 401,-2631.1 401,-2631.1 401,-2628.1 404,-2625.1 407,-2625.1 407,-2625.1 453,-2625.1 453,-2625.1 456,-2625.1 459,-2628.1 459,-2631.1 459,-2631.1 459,-2637.1 459,-2637.1 459,-2640.1 456,-2643.1 453,-2643.1"/>
<text text-anchor="start" x="409" y="-2631.9" font-family="Helvetica,sans-Serif" font-size="9.00">Input.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge62" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.27,-2632.35C472.42,-2633.16 487.09,-2636.7 496,-2647.1 509.53,-2662.9 488.98,-2819.71 504,-2834.1 544.27,-2872.69 938.24,-2819.46 1062.29,-2801.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1062.71,-2803.65 1068.34,-2800.71 1062.1,-2799.49 1062.71,-2803.65"/>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge60" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M440.87,-2624.99C456.12,-2610.18 484.79,-2579.2 496,-2546.1 504.52,-2520.94 489.43,-2090.31 504,-2068.1 554.74,-1990.77 603.1,-2001.65 693.5,-1982.1 731.08,-1973.97 839.17,-1955.06 866.5,-1982.1 881.29,-1996.73 862.85,-2713.86 874.5,-2731.1 883.07,-2743.78 898.32,-2750.93 912.4,-2754.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912,-2757.02 918.33,-2756.49 913.05,-2752.95 912,-2757.02"/>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge72" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.27,-2643.22C436.11,-2805.79 504,-5086.1 504,-5086.1 556.41,-5159 605.12,-5140.3 693.5,-5156.1 769.19,-5169.63 800.07,-5194.82 866.5,-5156.1 982.57,-5088.46 973.1,-5020.58 1015.5,-4893.1 1036.56,-4829.78 1088.2,-4342.31 1097.91,-4249.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1100,-4249.57 1098.54,-4243.38 1095.83,-4249.13 1100,-4249.57"/>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge59" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M440.88,-2624.99C456.14,-2610.19 484.84,-2579.22 496,-2546.1 501.09,-2530.99 492.65,-1983.3 504,-1972.1 532.68,-1943.82 837.86,-1943.78 866.5,-1972.1 880.9,-1986.34 861.68,-2685.42 874.5,-2701.1 882,-2710.28 893.63,-2714.7 905.27,-2716.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.11,-2718.73 911.33,-2717.43 905.66,-2714.57 905.11,-2718.73"/>
</g>
<!-- src/components/Swap/TokenInput.tsx -->
<g id="node31" class="node">
<title>src/components/Swap/TokenInput.tsx</title>
<g id="a_node31"><a xlink:href="src/components/Swap/TokenInput.tsx" xlink:title="TokenInput.tsx">
<path fill="#bbfeff" stroke="black" d="M634,-2569.1C634,-2569.1 563,-2569.1 563,-2569.1 560,-2569.1 557,-2566.1 557,-2563.1 557,-2563.1 557,-2557.1 557,-2557.1 557,-2554.1 560,-2551.1 563,-2551.1 563,-2551.1 634,-2551.1 634,-2551.1 637,-2551.1 640,-2554.1 640,-2557.1 640,-2557.1 640,-2563.1 640,-2563.1 640,-2566.1 637,-2569.1 634,-2569.1"/>
<text text-anchor="start" x="565" y="-2557.9" font-family="Helvetica,sans-Serif" font-size="9.00">TokenInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/components/Swap/TokenInput.tsx -->
<g id="edge61" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/components/Swap/TokenInput.tsx</title>
<g id="a_edge61"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M438.88,-2624.81C451.22,-2610.97 476.52,-2585.28 504,-2573.1 515.99,-2567.79 529.63,-2564.52 542.71,-2562.55"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="550.87,-2563.68 556.57,-2560.88 550.36,-2559.51 550.87,-2563.68"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="550.62,-2561.6 547.64,-2561.96 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="545.25" cy="-2562.24" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="479.51" y="-2565.9" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/css/loading.ts -->
<g id="edge63" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/css/loading.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.1,-2643.35C432.05,-2723.69 441.03,-3311.57 504,-3783.1 559.55,-4199.06 368.35,-4442.81 693.5,-4708.1 759.9,-4762.27 871.79,-4721.75 920.56,-4699.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="921.61,-4701.63 926.19,-4697.22 919.86,-4697.81 921.61,-4701.63"/>
</g>
<!-- src/hooks/swap/index.ts -->
<g id="node33" class="node">
<title>src/hooks/swap/index.ts</title>
<g id="a_node33"><a xlink:href="src/hooks/swap/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M797,-519.1C797,-519.1 755,-519.1 755,-519.1 752,-519.1 749,-516.1 749,-513.1 749,-513.1 749,-507.1 749,-507.1 749,-504.1 752,-501.1 755,-501.1 755,-501.1 797,-501.1 797,-501.1 800,-501.1 803,-504.1 803,-507.1 803,-507.1 803,-513.1 803,-513.1 803,-516.1 800,-519.1 797,-519.1"/>
<text text-anchor="start" x="757.5" y="-507.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge64" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M440.91,-2625C456.2,-2610.21 484.95,-2579.25 496,-2546.1 505.49,-2517.64 488.23,-1491.62 504,-1466.1 550.27,-1391.19 633.93,-1450.83 680.5,-1376.1 705.51,-1335.97 662.97,-561.2 693.5,-525.1 705.25,-511.21 725.28,-507.38 742.54,-507.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.75,-509.17 748.76,-507.1 742.77,-504.97 742.75,-509.17"/>
</g>
<!-- src/hooks/swap/useSwapApproval.ts -->
<g id="node34" class="node">
<title>src/hooks/swap/useSwapApproval.ts</title>
<g id="a_node34"><a xlink:href="src/hooks/swap/useSwapApproval.ts" xlink:title="useSwapApproval.ts">
<path fill="#ddfeff" stroke="black" d="M1148.5,-519.1C1148.5,-519.1 1052.5,-519.1 1052.5,-519.1 1049.5,-519.1 1046.5,-516.1 1046.5,-513.1 1046.5,-513.1 1046.5,-507.1 1046.5,-507.1 1046.5,-504.1 1049.5,-501.1 1052.5,-501.1 1052.5,-501.1 1148.5,-501.1 1148.5,-501.1 1151.5,-501.1 1154.5,-504.1 1154.5,-507.1 1154.5,-507.1 1154.5,-513.1 1154.5,-513.1 1154.5,-516.1 1151.5,-519.1 1148.5,-519.1"/>
<text text-anchor="start" x="1054.5" y="-507.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSwapApproval.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts -->
<g id="edge65" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431,-2643.2C431.03,-2757.25 433.12,-3910.47 504,-4243.1 551.98,-4468.23 520.04,-4573.78 693.5,-4725.1 802.34,-4820.05 913.21,-4871.08 1015.5,-4769.1 1036.37,-4748.29 1009.9,-547.97 1028.5,-525.1 1031.87,-520.96 1036.07,-517.77 1040.74,-515.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1041.77,-517.19 1046.41,-512.83 1040.07,-513.35 1041.77,-517.19"/>
</g>
<!-- src/hooks/swap/useWrapCallback.tsx -->
<g id="node35" class="node">
<title>src/hooks/swap/useWrapCallback.tsx</title>
<g id="a_node35"><a xlink:href="src/hooks/swap/useWrapCallback.tsx" xlink:title="useWrapCallback.tsx">
<path fill="#bbfeff" stroke="black" d="M1149.5,-549.1C1149.5,-549.1 1051.5,-549.1 1051.5,-549.1 1048.5,-549.1 1045.5,-546.1 1045.5,-543.1 1045.5,-543.1 1045.5,-537.1 1045.5,-537.1 1045.5,-534.1 1048.5,-531.1 1051.5,-531.1 1051.5,-531.1 1149.5,-531.1 1149.5,-531.1 1152.5,-531.1 1155.5,-534.1 1155.5,-537.1 1155.5,-537.1 1155.5,-543.1 1155.5,-543.1 1155.5,-546.1 1152.5,-549.1 1149.5,-549.1"/>
<text text-anchor="start" x="1053.5" y="-537.9" font-family="Helvetica,sans-Serif" font-size="9.00">useWrapCallback.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx -->
<g id="edge66" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.25,-2643.37C435.52,-2801.68 493.3,-4934.94 504,-4946.1 582.93,-5028.43 950.43,-4997.77 1015.5,-4904.1 1032.54,-4879.58 1016.32,-631.37 1028.5,-604.1 1038.62,-581.44 1061.14,-563.42 1078.12,-552.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.25,-554.12 1083.2,-549.14 1077,-550.57 1079.25,-554.12"/>
</g>
<!-- src/hooks/useCurrencyColor.ts -->
<g id="node36" class="node">
<title>src/hooks/useCurrencyColor.ts</title>
<g id="a_node36"><a xlink:href="src/hooks/useCurrencyColor.ts" xlink:title="useCurrencyColor.ts">
<path fill="#ddfeff" stroke="black" d="M993,-1067.1C993,-1067.1 898,-1067.1 898,-1067.1 895,-1067.1 892,-1064.1 892,-1061.1 892,-1061.1 892,-1055.1 892,-1055.1 892,-1052.1 895,-1049.1 898,-1049.1 898,-1049.1 993,-1049.1 993,-1049.1 996,-1049.1 999,-1052.1 999,-1055.1 999,-1055.1 999,-1061.1 999,-1061.1 999,-1064.1 996,-1067.1 993,-1067.1"/>
<text text-anchor="start" x="900" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useCurrencyColor.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/hooks/useCurrencyColor.ts -->
<g id="edge67" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/hooks/useCurrencyColor.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.05,-2643.38C432.1,-2778.91 453.21,-4347.08 866.5,-3935.1 872.69,-3928.93 873.65,-1426.8 874.5,-1418.1 887.77,-1282.56 927.73,-1122.2 940.52,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="942.58,-1073.52 942.07,-1067.19 938.52,-1072.46 942.58,-1073.52"/>
</g>
<!-- src/hooks/usePriceImpact.ts -->
<g id="node37" class="node">
<title>src/hooks/usePriceImpact.ts</title>
<g id="a_node37"><a xlink:href="src/hooks/usePriceImpact.ts" xlink:title="usePriceImpact.ts">
<path fill="#ddfeff" stroke="black" d="M1143.5,-1007.1C1143.5,-1007.1 1057.5,-1007.1 1057.5,-1007.1 1054.5,-1007.1 1051.5,-1004.1 1051.5,-1001.1 1051.5,-1001.1 1051.5,-995.1 1051.5,-995.1 1051.5,-992.1 1054.5,-989.1 1057.5,-989.1 1057.5,-989.1 1143.5,-989.1 1143.5,-989.1 1146.5,-989.1 1149.5,-992.1 1149.5,-995.1 1149.5,-995.1 1149.5,-1001.1 1149.5,-1001.1 1149.5,-1004.1 1146.5,-1007.1 1143.5,-1007.1"/>
<text text-anchor="start" x="1059.5" y="-995.9" font-family="Helvetica,sans-Serif" font-size="9.00">usePriceImpact.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/hooks/usePriceImpact.ts -->
<g id="edge68" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/hooks/usePriceImpact.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.28,-2643.56C435.98,-2805.1 499.4,-4981.71 504,-4988.1 570.44,-5080.38 950.61,-5095.48 1015.5,-5002.1 1047.11,-4956.6 993.54,-1056.08 1028.5,-1013.1 1033.03,-1007.53 1039.07,-1003.69 1045.72,-1001.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1046.39,-1003.09 1051.42,-999.2 1045.07,-999.1 1046.39,-1003.09"/>
</g>
<!-- src/hooks/useWidgetWidth.tsx -->
<g id="node38" class="node">
<title>src/hooks/useWidgetWidth.tsx</title>
<g id="a_node38"><a xlink:href="src/hooks/useWidgetWidth.tsx" xlink:title="useWidgetWidth.tsx">
<path fill="#bbfeff" stroke="black" d="M646.5,-305.1C646.5,-305.1 550.5,-305.1 550.5,-305.1 547.5,-305.1 544.5,-302.1 544.5,-299.1 544.5,-299.1 544.5,-293.1 544.5,-293.1 544.5,-290.1 547.5,-287.1 550.5,-287.1 550.5,-287.1 646.5,-287.1 646.5,-287.1 649.5,-287.1 652.5,-290.1 652.5,-293.1 652.5,-293.1 652.5,-299.1 652.5,-299.1 652.5,-302.1 649.5,-305.1 646.5,-305.1"/>
<text text-anchor="start" x="552.5" y="-293.9" font-family="Helvetica,sans-Serif" font-size="9.00">useWidgetWidth.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge69" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M440.92,-2625.01C456.24,-2610.22 485.01,-2579.28 496,-2546.1 500.88,-2531.37 493.91,-322.89 504,-311.1 512.62,-301.03 525.09,-295.81 538.12,-293.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.53,-295.45 544.14,-292.47 537.89,-291.3 538.53,-295.45"/>
</g>
<!-- src/state/routing/types.ts -->
<g id="node39" class="node">
<title>src/state/routing/types.ts</title>
<g id="a_node39"><a xlink:href="src/state/routing/types.ts" xlink:title="types.ts">
<path fill="#ddfeff" stroke="black" d="M1484.5,-3527.1C1484.5,-3527.1 1442.5,-3527.1 1442.5,-3527.1 1439.5,-3527.1 1436.5,-3524.1 1436.5,-3521.1 1436.5,-3521.1 1436.5,-3515.1 1436.5,-3515.1 1436.5,-3512.1 1439.5,-3509.1 1442.5,-3509.1 1442.5,-3509.1 1484.5,-3509.1 1484.5,-3509.1 1487.5,-3509.1 1490.5,-3512.1 1490.5,-3515.1 1490.5,-3515.1 1490.5,-3521.1 1490.5,-3521.1 1490.5,-3524.1 1487.5,-3527.1 1484.5,-3527.1"/>
<text text-anchor="start" x="1445" y="-3515.9" font-family="Helvetica,sans-Serif" font-size="9.00">types.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge70" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.21,-2643.31C435.14,-2817.29 493.64,-5399.94 504,-5436.1 546.59,-5584.82 614.72,-5596.08 680.5,-5736.1 687.73,-5751.5 681.88,-5759.67 693.5,-5772.1 750.85,-5833.45 809.08,-5786.81 866.5,-5848.1 873.61,-5855.69 865.98,-5864.13 874.5,-5870.1 925.83,-5906.05 969.97,-5913.16 1015.5,-5870.1 1034.26,-5852.36 1013.71,-5659.26 1028.5,-5638.1 1068.42,-5580.99 1124.73,-5626.83 1172.5,-5576.1 1184.16,-5563.72 1174.81,-5553.33 1185.5,-5540.1 1247.74,-5463.08 1326.17,-5508.53 1374.5,-5422.1 1399.42,-5377.54 1366.3,-3630.55 1387.5,-3584.1 1398.33,-3560.36 1422.33,-3541.73 1440.28,-3530.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.12 1439.43,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/state/swap/index.ts -->
<g id="node40" class="node">
<title>src/state/swap/index.ts</title>
<g id="a_node40"><a xlink:href="src/state/swap/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-3613.1C1301,-3613.1 1259,-3613.1 1259,-3613.1 1256,-3613.1 1253,-3610.1 1253,-3607.1 1253,-3607.1 1253,-3601.1 1253,-3601.1 1253,-3598.1 1256,-3595.1 1259,-3595.1 1259,-3595.1 1301,-3595.1 1301,-3595.1 1304,-3595.1 1307,-3598.1 1307,-3601.1 1307,-3601.1 1307,-3607.1 1307,-3607.1 1307,-3610.1 1304,-3613.1 1301,-3613.1"/>
<text text-anchor="start" x="1261.5" y="-3601.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Input.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge71" class="edge">
<title>src/components/Swap/Input.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.11,-2643.24C433.07,-2803.81 460.99,-5028.02 504,-5156.1 550.21,-5293.7 574.63,-5338.8 693.5,-5422.1 758.85,-5467.89 807.92,-5415.92 866.5,-5470.1 874.14,-5477.16 865.98,-5486.13 874.5,-5492.1 925.83,-5528.05 970.45,-5535.66 1015.5,-5492.1 1046.51,-5462.11 1009.39,-5142.77 1028.5,-5104.1 1065.15,-5029.92 1136.73,-5060.71 1172.5,-4986.1 1204.11,-4920.17 1151.54,-3734.85 1185.5,-3670.1 1199.11,-3644.15 1228.08,-3626.19 1250.19,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.08,-3617.53 1255.65,-3613.11 1249.32,-3613.72 1251.08,-3617.53"/>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge252" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M640.2,-2557.78C654.54,-2559.06 669.76,-2563.11 680.5,-2573.1 698.9,-2590.2 675.4,-2610.68 693.5,-2628.1 749.95,-2682.45 813.77,-2604.14 866.5,-2662.1 878.52,-2675.32 862.86,-2728.54 874.5,-2742.1 883.79,-2752.92 898.61,-2757.68 912.24,-2759.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.19,-2761.74 918.39,-2760.34 912.67,-2757.56 912.19,-2761.74"/>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge256" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.98,-2569.31C616.33,-2605.15 664.29,-2739.03 680.5,-2854.1 685.05,-2886.37 679.1,-3997.87 693.5,-4027.1 736.73,-4114.83 821.64,-4076.19 866.5,-4163.1 874.92,-4179.41 861.21,-4315.44 874.5,-4328.1 919.87,-4371.33 958.3,-4353.7 1015.5,-4328.1 1051.99,-4311.77 1079.18,-4270.88 1091.76,-4248.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1093.7,-4249.63 1094.77,-4243.36 1090.03,-4247.59 1093.7,-4249.63"/>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge250" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M640.01,-2556.65C706.81,-2551.94 835.74,-2547.27 866.5,-2578.1 885.85,-2597.49 856.6,-2680.37 874.5,-2701.1 882.18,-2709.99 893.73,-2714.36 905.25,-2716.34"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.02,-2718.43 911.25,-2717.16 905.59,-2714.27 905.02,-2718.43"/>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/components/Input.tsx -->
<g id="edge251" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/components/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M640.27,-2556.81C654.97,-2557.89 670.41,-2562.06 680.5,-2573.1 708.75,-2604.02 665.61,-2729.86 693.5,-2761.1 705.11,-2774.1 723.98,-2778.16 740.64,-2778.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.62,-2780.92 746.66,-2778.92 740.69,-2776.72 740.62,-2780.92"/>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/css/loading.ts -->
<g id="edge254" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/css/loading.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.99,-2569.31C616.36,-2605.14 664.39,-2739.01 680.5,-2854.1 691.22,-2930.69 676.9,-4170.57 693.5,-4246.1 733.68,-4428.93 810.54,-4451.48 866.5,-4630.1 872.31,-4648.65 860.94,-4659.17 874.5,-4673.1 883.36,-4682.21 896.32,-4686.43 908.68,-4688.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="908.48,-4690.31 914.68,-4688.92 908.96,-4686.14 908.48,-4690.31"/>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge255" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M603,-2569.31C616.4,-2605.14 664.54,-2738.99 680.5,-2854.1 687.84,-2907.04 677.11,-4727.23 693.5,-4778.1 734.28,-4904.63 812.57,-4900.59 866.5,-5022.1 873.15,-5037.08 861.71,-5047.84 874.5,-5058.1 923.38,-5097.31 969.47,-5100.63 1015.5,-5058.1 1042.35,-5033.29 1004.7,-4921.85 1028.5,-4894.1 1071.32,-4844.19 1131.41,-4911.44 1172.5,-4860.1 1193.16,-4834.29 1170.13,-3699.37 1185.5,-3670.1 1199.13,-3644.15 1228.09,-3626.2 1250.19,-3615.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.09,-3617.54 1255.65,-3613.11 1249.32,-3613.72 1251.09,-3617.54"/>
</g>
<!-- src/components/TokenSelect/index.tsx -->
<g id="node90" class="node">
<title>src/components/TokenSelect/index.tsx</title>
<g id="a_node90"><a xlink:href="src/components/TokenSelect/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M621.5,-1645.1C621.5,-1645.1 575.5,-1645.1 575.5,-1645.1 572.5,-1645.1 569.5,-1642.1 569.5,-1639.1 569.5,-1639.1 569.5,-1633.1 569.5,-1633.1 569.5,-1630.1 572.5,-1627.1 575.5,-1627.1 575.5,-1627.1 621.5,-1627.1 621.5,-1627.1 624.5,-1627.1 627.5,-1630.1 627.5,-1633.1 627.5,-1633.1 627.5,-1639.1 627.5,-1639.1 627.5,-1642.1 624.5,-1645.1 621.5,-1645.1"/>
<text text-anchor="start" x="577.5" y="-1633.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/TokenInput.tsx&#45;&gt;src/components/TokenSelect/index.tsx -->
<g id="edge253" class="edge">
<title>src/components/Swap/TokenInput.tsx&#45;&gt;src/components/TokenSelect/index.tsx</title>
<g id="a_edge253"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M556.79,-2566.07C533.05,-2566.84 506.73,-2562.31 500,-2540.1 496.45,-2528.36 496.45,-1668.84 500,-1657.1 506.59,-1635.34 531.89,-1630.27 555.2,-1630.54"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="563.17,-1633.08 569.27,-1631.31 563.39,-1628.88 563.17,-1633.08"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="563.28,-1630.98 560.28,-1630.82 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="557.89" cy="-1630.69" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="521.83" y="-2091.72" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/css/loading.ts&#45;&gt;src/theme/index.tsx -->
<g id="edge447" class="edge">
<title>src/css/loading.ts&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M976.1,-4688.99C989.96,-4687.77 1005.56,-4683.78 1015.5,-4673.1 1029.41,-4658.14 1025.01,-4602.23 1028.5,-4582.1 1050.92,-4452.7 1085.18,-4297.74 1096.06,-4249.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1098.17,-4249.52 1097.44,-4243.2 1094.07,-4248.6 1098.17,-4249.52"/>
</g>
<!-- src/hooks/swap/index.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge463" class="edge">
<title>src/hooks/swap/index.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M803.29,-506.37C823.85,-505.09 851.41,-507.32 866.5,-525.1 878.81,-539.6 862.26,-3249.54 874.5,-3264.1 915.46,-3312.81 973.77,-3241.05 1015.5,-3289.1 1042.62,-3320.33 998.75,-3632.37 1028.5,-3661.1 1094.79,-3725.11 1217.23,-3648.68 1262.02,-3616.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1263.45,-3618.36 1267.09,-3613.14 1261,-3614.95 1263.45,-3618.36"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx -->
<g id="node95" class="node">
<title>src/hooks/swap/useSwapInfo.tsx</title>
<g id="a_node95"><a xlink:href="src/hooks/swap/useSwapInfo.tsx" xlink:title="useSwapInfo.tsx">
<path fill="#bbfeff" stroke="black" d="M985,-549.1C985,-549.1 906,-549.1 906,-549.1 903,-549.1 900,-546.1 900,-543.1 900,-543.1 900,-537.1 900,-537.1 900,-534.1 903,-531.1 906,-531.1 906,-531.1 985,-531.1 985,-531.1 988,-531.1 991,-534.1 991,-537.1 991,-537.1 991,-543.1 991,-543.1 991,-546.1 988,-549.1 985,-549.1"/>
<text text-anchor="start" x="908" y="-537.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSwapInfo.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/swap/index.ts&#45;&gt;src/hooks/swap/useSwapInfo.tsx -->
<g id="edge461" class="edge">
<title>src/hooks/swap/index.ts&#45;&gt;src/hooks/swap/useSwapInfo.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M803.34,-513.96C821.22,-516.71 845.37,-520.7 866.5,-525.1 870.09,-525.85 870.92,-526.32 874.5,-527.1 880.79,-528.47 887.41,-529.82 893.98,-531.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.69,-533.18 899.98,-532.26 894.49,-529.06 893.69,-533.18"/>
</g>
<!-- src/state/atoms.ts -->
<g id="node153" class="node">
<title>src/state/atoms.ts</title>
<g id="a_node153"><a xlink:href="src/state/atoms.ts" xlink:title="atoms.ts">
<path fill="#ddfeff" stroke="black" d="M1629,-3624.1C1629,-3624.1 1585,-3624.1 1585,-3624.1 1582,-3624.1 1579,-3621.1 1579,-3618.1 1579,-3618.1 1579,-3612.1 1579,-3612.1 1579,-3609.1 1582,-3606.1 1585,-3606.1 1585,-3606.1 1629,-3606.1 1629,-3606.1 1632,-3606.1 1635,-3609.1 1635,-3612.1 1635,-3612.1 1635,-3618.1 1635,-3618.1 1635,-3621.1 1632,-3624.1 1629,-3624.1"/>
<text text-anchor="start" x="1587" y="-3612.9" font-family="Helvetica,sans-Serif" font-size="9.00">atoms.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/index.ts&#45;&gt;src/state/atoms.ts -->
<g id="edge462" class="edge">
<title>src/hooks/swap/index.ts&#45;&gt;src/state/atoms.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M803.29,-506.37C823.86,-505.09 851.41,-507.32 866.5,-525.1 879,-539.82 863.73,-3290.07 874.5,-3306.1 912.3,-3362.34 977.39,-3308.07 1015.5,-3364.1 1029.98,-3385.39 1010.16,-4273.02 1028.5,-4291.1 1190.33,-4450.67 1384.44,-4438.26 1539.5,-4272.1 1562.32,-4247.64 1539.58,-3700.96 1552.5,-3670.1 1559.77,-3652.75 1575.3,-3637.8 1587.77,-3627.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1589.07,-3629.53 1592.55,-3624.21 1586.51,-3626.2 1589.07,-3629.53"/>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge472" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.59,-512.84C1161.51,-515.43 1167.81,-519.34 1172.5,-525.1 1199.39,-558.12 1157.47,-3559.04 1185.5,-3591.1 1200.33,-3608.06 1226.18,-3610.55 1246.95,-3609.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.13,-3611.32 1252.94,-3608.74 1246.78,-3607.14 1247.13,-3611.32"/>
</g>
<!-- src/hooks/useTransactionDeadline.ts -->
<g id="node54" class="node">
<title>src/hooks/useTransactionDeadline.ts</title>
<g id="a_node54"><a xlink:href="src/hooks/useTransactionDeadline.ts" xlink:title="useTransactionDeadline.ts">
<path fill="#ddfeff" stroke="black" d="M1341,-1007.1C1341,-1007.1 1219,-1007.1 1219,-1007.1 1216,-1007.1 1213,-1004.1 1213,-1001.1 1213,-1001.1 1213,-995.1 1213,-995.1 1213,-992.1 1216,-989.1 1219,-989.1 1219,-989.1 1341,-989.1 1341,-989.1 1344,-989.1 1347,-992.1 1347,-995.1 1347,-995.1 1347,-1001.1 1347,-1001.1 1347,-1004.1 1344,-1007.1 1341,-1007.1"/>
<text text-anchor="start" x="1221" y="-995.9" font-family="Helvetica,sans-Serif" font-size="9.00">useTransactionDeadline.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/useTransactionDeadline.ts -->
<g id="edge471" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/useTransactionDeadline.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.82,-513.07C1161.61,-515.65 1167.82,-519.49 1172.5,-525.1 1205.12,-564.19 1151.93,-944.83 1185.5,-983.1 1191.31,-989.73 1198.79,-994.24 1206.99,-997.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1206.41,-999.24 1212.76,-999.06 1207.68,-995.24 1206.41,-999.24"/>
</g>
<!-- src/hooks/transactions/index.tsx -->
<g id="node71" class="node">
<title>src/hooks/transactions/index.tsx</title>
<g id="a_node71"><a xlink:href="src/hooks/transactions/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M1486.5,-1015.1C1486.5,-1015.1 1440.5,-1015.1 1440.5,-1015.1 1437.5,-1015.1 1434.5,-1012.1 1434.5,-1009.1 1434.5,-1009.1 1434.5,-1003.1 1434.5,-1003.1 1434.5,-1000.1 1437.5,-997.1 1440.5,-997.1 1440.5,-997.1 1486.5,-997.1 1486.5,-997.1 1489.5,-997.1 1492.5,-1000.1 1492.5,-1003.1 1492.5,-1003.1 1492.5,-1009.1 1492.5,-1009.1 1492.5,-1012.1 1489.5,-1015.1 1486.5,-1015.1"/>
<text text-anchor="start" x="1442.5" y="-1003.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge469" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.45,-519.17C1160.63,-520.85 1166.77,-522.81 1172.5,-525.1 1178.8,-527.62 1179.02,-531.08 1185.5,-533.1 1205.58,-539.36 1359.81,-528.05 1374.5,-543.1 1409.29,-578.73 1355.37,-953.05 1387.5,-991.1 1397.32,-1002.73 1413.38,-1006.95 1428.13,-1008.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.25,-1010.18 1434.34,-1008.37 1428.45,-1005.98 1428.25,-1010.18"/>
</g>
<!-- src/constants/addresses.ts -->
<g id="node76" class="node">
<title>src/constants/addresses.ts</title>
<g id="a_node76"><a xlink:href="src/constants/addresses.ts" xlink:title="addresses.ts">
<path fill="#ddfeff" stroke="black" d="M1637.5,-3757.1C1637.5,-3757.1 1576.5,-3757.1 1576.5,-3757.1 1573.5,-3757.1 1570.5,-3754.1 1570.5,-3751.1 1570.5,-3751.1 1570.5,-3745.1 1570.5,-3745.1 1570.5,-3742.1 1573.5,-3739.1 1576.5,-3739.1 1576.5,-3739.1 1637.5,-3739.1 1637.5,-3739.1 1640.5,-3739.1 1643.5,-3742.1 1643.5,-3745.1 1643.5,-3745.1 1643.5,-3751.1 1643.5,-3751.1 1643.5,-3754.1 1640.5,-3757.1 1637.5,-3757.1"/>
<text text-anchor="start" x="1578.5" y="-3745.9" font-family="Helvetica,sans-Serif" font-size="9.00">addresses.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/constants/addresses.ts -->
<g id="edge467" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/constants/addresses.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.84,-513.05C1161.64,-515.63 1167.83,-519.48 1172.5,-525.1 1182.63,-537.31 1184.66,-1080.26 1185.5,-1096.1 1239.02,-2104.85 1309.15,-2353.05 1374.5,-3361.1 1375.51,-3376.7 1377.71,-3629.92 1387.5,-3642.1 1431.32,-3696.65 1490.25,-3633.4 1539.5,-3683.1 1555.66,-3699.41 1536.42,-3716.71 1552.5,-3733.1 1555.92,-3736.59 1560.08,-3739.28 1564.55,-3741.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1564,-3743.4 1570.35,-3743.68 1565.56,-3739.5 1564,-3743.4"/>
</g>
<!-- src/constants/eip1193.ts -->
<g id="node136" class="node">
<title>src/constants/eip1193.ts</title>
<g id="a_node136"><a xlink:href="src/constants/eip1193.ts" xlink:title="eip1193.ts">
<path fill="#ddfeff" stroke="black" d="M1306.5,-3727.1C1306.5,-3727.1 1253.5,-3727.1 1253.5,-3727.1 1250.5,-3727.1 1247.5,-3724.1 1247.5,-3721.1 1247.5,-3721.1 1247.5,-3715.1 1247.5,-3715.1 1247.5,-3712.1 1250.5,-3709.1 1253.5,-3709.1 1253.5,-3709.1 1306.5,-3709.1 1306.5,-3709.1 1309.5,-3709.1 1312.5,-3712.1 1312.5,-3715.1 1312.5,-3715.1 1312.5,-3721.1 1312.5,-3721.1 1312.5,-3724.1 1309.5,-3727.1 1306.5,-3727.1"/>
<text text-anchor="start" x="1255.5" y="-3715.9" font-family="Helvetica,sans-Serif" font-size="9.00">eip1193.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/constants/eip1193.ts -->
<g id="edge468" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/constants/eip1193.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.59,-512.84C1161.51,-515.43 1167.81,-519.34 1172.5,-525.1 1199.84,-558.67 1166.82,-3603.05 1185.5,-3642.1 1199.65,-3671.67 1231.51,-3693.52 1254.1,-3706.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1253.35,-3708 1259.63,-3708.99 1255.34,-3704.3 1253.35,-3708"/>
</g>
<!-- src/hooks/useApproval.ts -->
<g id="node155" class="node">
<title>src/hooks/useApproval.ts</title>
<g id="a_node155"><a xlink:href="src/hooks/useApproval.ts" xlink:title="useApproval.ts">
<path fill="#ddfeff" stroke="black" d="M1315.5,-469.1C1315.5,-469.1 1244.5,-469.1 1244.5,-469.1 1241.5,-469.1 1238.5,-466.1 1238.5,-463.1 1238.5,-463.1 1238.5,-457.1 1238.5,-457.1 1238.5,-454.1 1241.5,-451.1 1244.5,-451.1 1244.5,-451.1 1315.5,-451.1 1315.5,-451.1 1318.5,-451.1 1321.5,-454.1 1321.5,-457.1 1321.5,-457.1 1321.5,-463.1 1321.5,-463.1 1321.5,-466.1 1318.5,-469.1 1315.5,-469.1"/>
<text text-anchor="start" x="1246.5" y="-457.9" font-family="Helvetica,sans-Serif" font-size="9.00">useApproval.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/useApproval.ts -->
<g id="edge466" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/useApproval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.86,-505.14C1161.1,-503.19 1167.14,-500.58 1172.5,-497.1 1181.08,-491.53 1176.94,-483.71 1185.5,-478.1 1199.17,-469.14 1216.23,-464.41 1232.02,-461.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.56,-464.03 1238.23,-461.14 1232,-459.87 1232.56,-464.03"/>
</g>
<!-- src/hooks/usePermit.ts -->
<g id="node156" class="node">
<title>src/hooks/usePermit.ts</title>
<g id="a_node156"><a xlink:href="src/hooks/usePermit.ts" xlink:title="usePermit.ts">
<path fill="#ddfeff" stroke="black" d="M1310.5,-439.1C1310.5,-439.1 1249.5,-439.1 1249.5,-439.1 1246.5,-439.1 1243.5,-436.1 1243.5,-433.1 1243.5,-433.1 1243.5,-427.1 1243.5,-427.1 1243.5,-424.1 1246.5,-421.1 1249.5,-421.1 1249.5,-421.1 1310.5,-421.1 1310.5,-421.1 1313.5,-421.1 1316.5,-424.1 1316.5,-427.1 1316.5,-427.1 1316.5,-433.1 1316.5,-433.1 1316.5,-436.1 1313.5,-439.1 1310.5,-439.1"/>
<text text-anchor="start" x="1251.5" y="-427.9" font-family="Helvetica,sans-Serif" font-size="9.00">usePermit.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/usePermit.ts -->
<g id="edge470" class="edge">
<title>src/hooks/swap/useSwapApproval.ts&#45;&gt;src/hooks/usePermit.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1154.78,-507.36C1161.33,-505.11 1167.47,-501.82 1172.5,-497.1 1189.87,-480.8 1167.95,-461.21 1185.5,-445.1 1199.32,-432.42 1219.4,-428.06 1237.41,-427.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1237.49,-429.23 1243.42,-426.94 1237.36,-425.03 1237.49,-429.23"/>
</g>
<!-- src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge506" class="edge">
<title>src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1117.8,-549.14C1135.05,-559.75 1161.32,-579.11 1172.5,-604.1 1189.45,-641.97 1158.19,-3559.87 1185.5,-3591.1 1200.33,-3608.06 1226.18,-3610.55 1246.95,-3609.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.13,-3611.32 1252.94,-3608.74 1246.78,-3607.14 1247.13,-3611.32"/>
</g>
<!-- src/state/transactions.ts -->
<g id="node63" class="node">
<title>src/state/transactions.ts</title>
<g id="a_node63"><a xlink:href="src/state/transactions.ts" xlink:title="transactions.ts">
<path fill="#ddfeff" stroke="black" d="M1315.5,-3579.1C1315.5,-3579.1 1244.5,-3579.1 1244.5,-3579.1 1241.5,-3579.1 1238.5,-3576.1 1238.5,-3573.1 1238.5,-3573.1 1238.5,-3567.1 1238.5,-3567.1 1238.5,-3564.1 1241.5,-3561.1 1244.5,-3561.1 1244.5,-3561.1 1315.5,-3561.1 1315.5,-3561.1 1318.5,-3561.1 1321.5,-3564.1 1321.5,-3567.1 1321.5,-3567.1 1321.5,-3573.1 1321.5,-3573.1 1321.5,-3576.1 1318.5,-3579.1 1315.5,-3579.1"/>
<text text-anchor="start" x="1246.5" y="-3567.9" font-family="Helvetica,sans-Serif" font-size="9.00">transactions.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge507" class="edge">
<title>src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1117.8,-549.14C1135.05,-559.75 1161.31,-579.11 1172.5,-604.1 1189.25,-641.52 1158.67,-3525.1 1185.5,-3556.1 1196.88,-3569.26 1214.87,-3573.92 1232.03,-3574.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.25,-3576.97 1238.31,-3575.05 1232.37,-3572.77 1232.25,-3576.97"/>
</g>
<!-- src/constants/tokens.ts -->
<g id="node94" class="node">
<title>src/constants/tokens.ts</title>
<g id="a_node94"><a xlink:href="src/constants/tokens.ts" xlink:title="tokens.ts">
<path fill="#ddfeff" stroke="black" d="M1486.5,-3707.1C1486.5,-3707.1 1440.5,-3707.1 1440.5,-3707.1 1437.5,-3707.1 1434.5,-3704.1 1434.5,-3701.1 1434.5,-3701.1 1434.5,-3695.1 1434.5,-3695.1 1434.5,-3692.1 1437.5,-3689.1 1440.5,-3689.1 1440.5,-3689.1 1486.5,-3689.1 1486.5,-3689.1 1489.5,-3689.1 1492.5,-3692.1 1492.5,-3695.1 1492.5,-3695.1 1492.5,-3701.1 1492.5,-3701.1 1492.5,-3704.1 1489.5,-3707.1 1486.5,-3707.1"/>
<text text-anchor="start" x="1442.5" y="-3695.9" font-family="Helvetica,sans-Serif" font-size="9.00">tokens.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/constants/tokens.ts -->
<g id="edge504" class="edge">
<title>src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1117.79,-549.14C1135.05,-559.75 1161.31,-579.11 1172.5,-604.1 1188.14,-639.04 1159.46,-3332.04 1185.5,-3360.1 1214.16,-3390.98 1345.26,-3344.77 1374.5,-3375.1 1398.04,-3399.52 1365.94,-3653.92 1387.5,-3680.1 1397.26,-3691.95 1413.31,-3696.8 1428.07,-3698.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.13,-3700.65 1434.29,-3699.1 1428.51,-3696.47 1428.13,-3700.65"/>
</g>
<!-- src/hooks/useContract.ts -->
<g id="node161" class="node">
<title>src/hooks/useContract.ts</title>
<g id="a_node161"><a xlink:href="src/hooks/useContract.ts" xlink:title="useContract.ts">
<path fill="#ddfeff" stroke="black" d="M1642.5,-599.1C1642.5,-599.1 1571.5,-599.1 1571.5,-599.1 1568.5,-599.1 1565.5,-596.1 1565.5,-593.1 1565.5,-593.1 1565.5,-587.1 1565.5,-587.1 1565.5,-584.1 1568.5,-581.1 1571.5,-581.1 1571.5,-581.1 1642.5,-581.1 1642.5,-581.1 1645.5,-581.1 1648.5,-584.1 1648.5,-587.1 1648.5,-587.1 1648.5,-593.1 1648.5,-593.1 1648.5,-596.1 1645.5,-599.1 1642.5,-599.1"/>
<text text-anchor="start" x="1573.5" y="-587.9" font-family="Helvetica,sans-Serif" font-size="9.00">useContract.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/hooks/useContract.ts -->
<g id="edge505" class="edge">
<title>src/hooks/swap/useWrapCallback.tsx&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1155.65,-536.54C1162.07,-533.99 1167.95,-530.32 1172.5,-525.1 1199,-494.71 1155.98,-371.58 1185.5,-344.1 1199.9,-330.7 1524.12,-339.83 1539.5,-352.1 1575.29,-380.66 1597.63,-527.07 1604.07,-574.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1602,-575.34 1604.87,-581.01 1606.17,-574.79 1602,-575.34"/>
</g>
<!-- src/hooks/useCurrencyLogoURIs.ts -->
<g id="node110" class="node">
<title>src/hooks/useCurrencyLogoURIs.ts</title>
<g id="a_node110"><a xlink:href="src/hooks/useCurrencyLogoURIs.ts" xlink:title="useCurrencyLogoURIs.ts">
<path fill="#ddfeff" stroke="black" d="M1157.5,-947.1C1157.5,-947.1 1043.5,-947.1 1043.5,-947.1 1040.5,-947.1 1037.5,-944.1 1037.5,-941.1 1037.5,-941.1 1037.5,-935.1 1037.5,-935.1 1037.5,-932.1 1040.5,-929.1 1043.5,-929.1 1043.5,-929.1 1157.5,-929.1 1157.5,-929.1 1160.5,-929.1 1163.5,-932.1 1163.5,-935.1 1163.5,-935.1 1163.5,-941.1 1163.5,-941.1 1163.5,-944.1 1160.5,-947.1 1157.5,-947.1"/>
<text text-anchor="start" x="1045.5" y="-935.9" font-family="Helvetica,sans-Serif" font-size="9.00">useCurrencyLogoURIs.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useCurrencyColor.ts&#45;&gt;src/hooks/useCurrencyLogoURIs.ts -->
<g id="edge533" class="edge">
<title>src/hooks/useCurrencyColor.ts&#45;&gt;src/hooks/useCurrencyLogoURIs.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M999.12,-1054.67C1005.28,-1052.3 1010.97,-1048.9 1015.5,-1044.1 1043.53,-1014.38 1000.58,-982.93 1028.5,-953.1 1029.63,-951.89 1030.83,-950.77 1032.09,-949.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1033.56,-951.26 1037.23,-946.08 1031.13,-947.84 1033.56,-951.26"/>
</g>
<!-- src/hooks/usePriceImpact.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge584" class="edge">
<title>src/hooks/usePriceImpact.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.53,-999.23C1158.39,-1001.71 1166.67,-1005.99 1172.5,-1013.1 1183.08,-1026.01 1183.97,-2198.48 1185.5,-2215.1 1233.37,-2734.9 1221.47,-2877.21 1387.5,-3372.1 1404.61,-3423.09 1437.25,-3478.25 1453.23,-3503.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1451.57,-3505.02 1456.55,-3508.97 1455.12,-3502.78 1451.57,-3505.02"/>
</g>
<!-- src/theme/breakpoints.ts -->
<g id="node67" class="node">
<title>src/theme/breakpoints.ts</title>
<g id="a_node67"><a xlink:href="src/theme/breakpoints.ts" xlink:title="breakpoints.ts">
<path fill="#ddfeff" stroke="black" d="M1135,-4159.1C1135,-4159.1 1066,-4159.1 1066,-4159.1 1063,-4159.1 1060,-4156.1 1060,-4153.1 1060,-4153.1 1060,-4147.1 1060,-4147.1 1060,-4144.1 1063,-4141.1 1066,-4141.1 1066,-4141.1 1135,-4141.1 1135,-4141.1 1138,-4141.1 1141,-4144.1 1141,-4147.1 1141,-4147.1 1141,-4153.1 1141,-4153.1 1141,-4156.1 1138,-4159.1 1135,-4159.1"/>
<text text-anchor="start" x="1068" y="-4147.9" font-family="Helvetica,sans-Serif" font-size="9.00">breakpoints.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useWidgetWidth.tsx&#45;&gt;src/theme/breakpoints.ts -->
<g id="edge635" class="edge">
<title>src/hooks/useWidgetWidth.tsx&#45;&gt;src/theme/breakpoints.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M652.57,-295.45C663.3,-297.93 673.44,-302.65 680.5,-311.1 693.65,-326.84 689.95,-3243.9 693.5,-3264.1 733.01,-3489.1 824.42,-3523.57 866.5,-3748.1 869.51,-3764.16 865.61,-4028.39 874.5,-4042.1 914.56,-4103.89 1000.59,-4131.24 1053.9,-4142.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.62,-4144.72 1059.92,-4143.89 1054.47,-4140.61 1053.62,-4144.72"/>
</g>
<!-- src/hooks/routing/types.ts -->
<g id="node146" class="node">
<title>src/hooks/routing/types.ts</title>
<g id="a_node146"><a xlink:href="src/hooks/routing/types.ts" xlink:title="types.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-865.1C1301,-865.1 1259,-865.1 1259,-865.1 1256,-865.1 1253,-862.1 1253,-859.1 1253,-859.1 1253,-853.1 1253,-853.1 1253,-850.1 1256,-847.1 1259,-847.1 1259,-847.1 1301,-847.1 1301,-847.1 1304,-847.1 1307,-850.1 1307,-853.1 1307,-853.1 1307,-859.1 1307,-859.1 1307,-862.1 1304,-865.1 1301,-865.1"/>
<text text-anchor="start" x="1261.5" y="-853.9" font-family="Helvetica,sans-Serif" font-size="9.00">types.ts</text>
</a>
</g>
</g>
<!-- src/state/routing/types.ts&#45;&gt;src/hooks/routing/types.ts -->
<g id="edge676" class="edge">
<title>src/state/routing/types.ts&#45;&gt;src/hooks/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1462.24,-3509.07C1457.4,-3341.01 1386.39,-882.31 1374.5,-869.1 1359.59,-852.54 1334.15,-849.9 1313.57,-851.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1313.18,-848.99 1307.36,-851.54 1313.5,-853.18 1313.18,-848.99"/>
</g>
<!-- src/state/swap/index.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge681" class="edge">
<title>src/state/swap/index.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1296.59,-3613.29C1316.79,-3624.67 1353.46,-3643.61 1387.5,-3652.1 1446.71,-3666.87 1610.92,-3635.97 1661.5,-3670.1 1704.33,-3699.01 1720.46,-3763.53 1725.74,-3792.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1723.69,-3793.43 1726.76,-3799 1727.83,-3792.73 1723.69,-3793.43"/>
</g>
<!-- src/state/swap/index.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge684" class="edge">
<title>src/state/swap/index.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1307.04,-3604.27C1326.39,-3603.51 1353.06,-3600.56 1374.5,-3591.1 1390.89,-3583.87 1427.93,-3550.54 1448.34,-3531.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1449.96,-3532.86 1452.91,-3527.23 1447.09,-3529.8 1449.96,-3532.86"/>
</g>
<!-- src/state/swap/settings.ts -->
<g id="node52" class="node">
<title>src/state/swap/settings.ts</title>
<g id="a_node52"><a xlink:href="src/state/swap/settings.ts" xlink:title="settings.ts">
<path fill="#ddfeff" stroke="black" d="M1489.5,-3613.1C1489.5,-3613.1 1437.5,-3613.1 1437.5,-3613.1 1434.5,-3613.1 1431.5,-3610.1 1431.5,-3607.1 1431.5,-3607.1 1431.5,-3601.1 1431.5,-3601.1 1431.5,-3598.1 1434.5,-3595.1 1437.5,-3595.1 1437.5,-3595.1 1489.5,-3595.1 1489.5,-3595.1 1492.5,-3595.1 1495.5,-3598.1 1495.5,-3601.1 1495.5,-3601.1 1495.5,-3607.1 1495.5,-3607.1 1495.5,-3610.1 1492.5,-3613.1 1489.5,-3613.1"/>
<text text-anchor="start" x="1439.5" y="-3601.9" font-family="Helvetica,sans-Serif" font-size="9.00">settings.ts</text>
</a>
</g>
</g>
<!-- src/state/swap/index.ts&#45;&gt;src/state/swap/settings.ts -->
<g id="edge680" class="edge">
<title>src/state/swap/index.ts&#45;&gt;src/state/swap/settings.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1307,-3604.1C1337.92,-3604.1 1389.74,-3604.1 1424.99,-3604.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1425.37,-3606.2 1431.37,-3604.1 1425.37,-3602 1425.37,-3606.2"/>
</g>
<!-- src/state/swap/index.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge682" class="edge">
<title>src/state/swap/index.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1294.13,-3613.12C1312.33,-3625.67 1346.19,-3649.23 1374.5,-3670.1 1380.37,-3674.43 1380.92,-3676.96 1387.5,-3680.1 1400.28,-3686.21 1415.31,-3690.34 1428.54,-3693.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.19,-3695.16 1434.48,-3694.26 1429,-3691.04 1428.19,-3695.16"/>
</g>
<!-- src/state/swap/index.ts&#45;&gt;src/hooks/routing/types.ts -->
<g id="edge683" class="edge">
<title>src/state/swap/index.ts&#45;&gt;src/hooks/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1252.87,-3609.12C1227.04,-3612.14 1190.45,-3611.25 1179,-3585.1 1171.45,-3567.86 1171.45,-892.34 1179,-875.1 1189.56,-850.99 1221.48,-848.36 1246.64,-850.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.69,-852.57 1252.87,-851.08 1247.11,-848.39 1246.69,-852.57"/>
</g>
<!-- src/components/Swap/Output.tsx -->
<g id="node41" class="node">
<title>src/components/Swap/Output.tsx</title>
<g id="a_node41"><a xlink:href="src/components/Swap/Output.tsx" xlink:title="Output.tsx">
<path fill="#bbfeff" stroke="black" d="M301.5,-2613.1C301.5,-2613.1 248.5,-2613.1 248.5,-2613.1 245.5,-2613.1 242.5,-2610.1 242.5,-2607.1 242.5,-2607.1 242.5,-2601.1 242.5,-2601.1 242.5,-2598.1 245.5,-2595.1 248.5,-2595.1 248.5,-2595.1 301.5,-2595.1 301.5,-2595.1 304.5,-2595.1 307.5,-2598.1 307.5,-2601.1 307.5,-2601.1 307.5,-2607.1 307.5,-2607.1 307.5,-2610.1 304.5,-2613.1 301.5,-2613.1"/>
<text text-anchor="start" x="250.5" y="-2601.9" font-family="Helvetica,sans-Serif" font-size="9.00">Output.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Output.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge78" class="edge">
<title>src/components/Swap/Output.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.67,-2601.85C323.18,-2602.61 340.7,-2606.6 351,-2619.1 374.43,-2647.54 345.77,-5240.08 364,-5272.1 399.91,-5335.16 434.07,-5336.73 504,-5356.1 614.42,-5386.69 947.32,-5383.19 1015.5,-5291.1 1034.36,-5265.62 1026.33,-5037.73 1028.5,-5006.1 1049.47,-4701.1 1089.12,-4329.57 1097.8,-4249.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.93,-4249.46 1098.5,-4243.26 1095.76,-4249 1099.93,-4249.46"/>
</g>
<!-- src/components/Swap/Output.tsx&#45;&gt;src/components/Swap/Input.tsx -->
<g id="edge73" class="edge">
<title>src/components/Swap/Output.tsx&#45;&gt;src/components/Swap/Input.tsx</title>
<g id="a_edge73"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M307.7,-2610.32C330.78,-2614.84 362.27,-2621.02 387.37,-2625.94"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="394.65,-2629.51 400.94,-2628.6 395.46,-2625.38 394.65,-2629.51"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="395.05,-2627.44 392.11,-2626.87 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="389.75" cy="-2626.41" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="378.46" y="-2612.19" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Output.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge74" class="edge">
<title>src/components/Swap/Output.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.6,-2601.91C323.09,-2602.68 340.61,-2606.67 351,-2619.1 375.76,-2648.74 336.44,-3287.05 364,-3314.1 464.39,-3412.63 580.8,-3413.34 680.5,-3314.1 707.95,-3286.77 668.64,-554.81 693.5,-525.1 705.18,-511.15 725.21,-507.32 742.49,-507.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.7,-509.12 748.71,-507.05 742.72,-504.92 742.7,-509.12"/>
</g>
<!-- src/components/Swap/Output.tsx&#45;&gt;src/hooks/useCurrencyColor.ts -->
<g id="edge75" class="edge">
<title>src/components/Swap/Output.tsx&#45;&gt;src/hooks/useCurrencyColor.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.6,-2601.91C323.1,-2602.67 340.62,-2606.66 351,-2619.1 377.13,-2650.41 353.79,-3313.62 364,-3353.1 452.82,-3696.5 615.3,-4223.52 866.5,-3973.1 872.78,-3966.84 873.64,-1426.93 874.5,-1418.1 887.77,-1282.56 927.73,-1122.2 940.52,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="942.58,-1073.52 942.07,-1067.19 938.52,-1072.46 942.58,-1073.52"/>
</g>
<!-- src/components/Swap/Output.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge76" class="edge">
<title>src/components/Swap/Output.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.65,-2606.33C323.16,-2605.57 340.67,-2601.58 351,-2589.1 376.5,-2558.28 339.13,-1180.43 364,-1149.1 401.53,-1101.82 458.45,-1164.36 496,-1117.1 509.93,-1099.57 489.39,-328.07 504,-311.1 512.65,-301.05 525.13,-295.85 538.17,-293.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.57,-295.49 544.19,-292.51 537.94,-291.34 538.57,-295.49"/>
</g>
<!-- src/components/Swap/Output.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge77" class="edge">
<title>src/components/Swap/Output.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.67,-2601.85C323.18,-2602.6 340.7,-2606.6 351,-2619.1 375.75,-2649.15 352.63,-5384.87 364,-5422.1 396.75,-5529.38 412.11,-5567.76 504,-5632.1 570.14,-5678.41 623.61,-5617.81 680.5,-5675.1 698.2,-5692.92 674.42,-5713.77 693.5,-5730.1 747.91,-5776.68 964.23,-5794.12 1015.5,-5744.1 1036.42,-5723.69 1009.7,-5240.49 1028.5,-5218.1 1070.48,-5168.1 1130.93,-5239.44 1172.5,-5189.1 1199.37,-5156.57 1165.93,-3707.48 1185.5,-3670.1 1199.09,-3644.14 1228.06,-3626.18 1250.18,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.07,-3617.53 1255.64,-3613.1 1249.31,-3613.71 1251.07,-3617.53"/>
</g>
<!-- src/components/Swap/Price.tsx -->
<g id="node42" class="node">
<title>src/components/Swap/Price.tsx</title>
<g id="a_node42"><a xlink:href="src/components/Swap/Price.tsx" xlink:title="Price.tsx">
<path fill="#bbfeff" stroke="black" d="M967,-2063.1C967,-2063.1 924,-2063.1 924,-2063.1 921,-2063.1 918,-2060.1 918,-2057.1 918,-2057.1 918,-2051.1 918,-2051.1 918,-2048.1 921,-2045.1 924,-2045.1 924,-2045.1 967,-2045.1 967,-2045.1 970,-2045.1 973,-2048.1 973,-2051.1 973,-2051.1 973,-2057.1 973,-2057.1 973,-2060.1 970,-2063.1 967,-2063.1"/>
<text text-anchor="start" x="926" y="-2051.9" font-family="Helvetica,sans-Serif" font-size="9.00">Price.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Price.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge79" class="edge">
<title>src/components/Swap/Price.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M973.06,-2052.46C987.67,-2053.08 1004.92,-2056.58 1015.5,-2068.1 1065.55,-2122.61 1094.01,-2679.32 1098.78,-2780.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1096.69,-2780.74 1099.07,-2786.64 1100.89,-2780.54 1096.69,-2780.74"/>
</g>
<!-- src/components/Swap/Price.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge80" class="edge">
<title>src/components/Swap/Price.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M917.83,-2051.57C898.83,-2051.58 876.08,-2055.66 870.5,-2074.1 865.26,-2091.41 865.26,-2707.79 870.5,-2725.1 875.89,-2742.89 894.98,-2751.64 912.56,-2755.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.13,-2758 918.44,-2757.24 913.03,-2753.9 912.13,-2758"/>
</g>
<!-- src/components/Swap/Price.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge82" class="edge">
<title>src/components/Swap/Price.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M973.2,-2052.03C988.04,-2052.46 1005.48,-2055.92 1015.5,-2068.1 1034,-2090.59 1017.08,-4138.31 1028.5,-4165.1 1038.88,-4189.46 1062.48,-4209.49 1079.63,-4221.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.59,-4223.41 1084.72,-4225.07 1080.96,-4219.95 1078.59,-4223.41"/>
</g>
<!-- src/components/Swap/Price.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge81" class="edge">
<title>src/components/Swap/Price.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M973.19,-2052.04C988.03,-2052.47 1005.47,-2055.93 1015.5,-2068.1 1029.53,-2085.12 1022.77,-3634.8 1028.5,-3656.1 1062.11,-3781.04 1115.38,-3793.01 1172.5,-3909.1 1179.1,-3922.51 1173.06,-3931.83 1185.5,-3940.1 1255.45,-3986.62 1314.03,-3998.4 1374.5,-3940.1 1402.99,-3912.63 1370.54,-3619.86 1387.5,-3584.1 1398.68,-3560.52 1422.62,-3541.87 1440.46,-3530.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.79,-3532.14 1445.78,-3527.19 1439.58,-3528.56 1441.79,-3532.14"/>
</g>
<!-- src/components/Swap/ReverseButton.tsx -->
<g id="node43" class="node">
<title>src/components/Swap/ReverseButton.tsx</title>
<g id="a_node43"><a xlink:href="src/components/Swap/ReverseButton.tsx" xlink:title="ReverseButton.tsx">
<path fill="#bbfeff" stroke="black" d="M318.5,-2643.1C318.5,-2643.1 231.5,-2643.1 231.5,-2643.1 228.5,-2643.1 225.5,-2640.1 225.5,-2637.1 225.5,-2637.1 225.5,-2631.1 225.5,-2631.1 225.5,-2628.1 228.5,-2625.1 231.5,-2625.1 231.5,-2625.1 318.5,-2625.1 318.5,-2625.1 321.5,-2625.1 324.5,-2628.1 324.5,-2631.1 324.5,-2631.1 324.5,-2637.1 324.5,-2637.1 324.5,-2640.1 321.5,-2643.1 318.5,-2643.1"/>
<text text-anchor="start" x="233.5" y="-2631.9" font-family="Helvetica,sans-Serif" font-size="9.00">ReverseButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/ReverseButton.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge83" class="edge">
<title>src/components/Swap/ReverseButton.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M324.59,-2632.89C334.68,-2635.04 344.27,-2639.29 351,-2647.1 370.78,-2670.04 343.96,-3169.39 364,-3192.1 384.81,-3215.69 472.63,-3210.76 504,-3213.1 664.69,-3225.09 751.83,-3320.3 866.5,-3207.1 880.51,-3193.27 862.43,-3045.65 874.5,-3030.1 914.67,-2978.34 972.59,-3036.61 1015.5,-2987.1 1040.24,-2958.55 1014.85,-2938.33 1028.5,-2903.1 1042.64,-2866.62 1070.76,-2829.87 1087.05,-2810.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1089.03,-2811.27 1091.31,-2805.34 1085.83,-2808.56 1089.03,-2811.27"/>
</g>
<!-- src/components/Swap/ReverseButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge85" class="edge">
<title>src/components/Swap/ReverseButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M324.7,-2632.8C334.78,-2634.95 344.34,-2639.23 351,-2647.1 374.76,-2675.19 337.92,-5270.15 364,-5296.1 401.68,-5333.6 671.71,-5274.98 680.5,-5268.1 850.29,-5135.25 819.72,-5030.55 866.5,-4820.1 875.28,-4780.58 871.58,-4678.48 874.5,-4638.1 894.22,-4365.51 933.58,-4034.16 942.62,-3959.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="944.71,-3959.68 943.35,-3953.47 940.54,-3959.18 944.71,-3959.68"/>
</g>
<!-- src/components/Swap/ReverseButton.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge86" class="edge">
<title>src/components/Swap/ReverseButton.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M324.7,-2632.8C334.78,-2634.95 344.34,-2639.23 351,-2647.1 375.51,-2676.09 343.07,-5348.43 364,-5380.1 399.23,-5433.41 457.87,-5385.82 496,-5437.1 505.21,-5449.49 492.86,-5495.42 504,-5506.1 518.54,-5520.05 851.8,-5533.89 866.5,-5520.1 886.8,-5501.06 855.24,-5415.19 874.5,-5395.1 896.31,-5372.36 994.03,-5403.16 1015.5,-5380.1 1029.67,-5364.89 1027.19,-5026.85 1028.5,-5006.1 1047.82,-4700.99 1088.75,-4329.54 1097.73,-4249.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.87,-4249.46 1098.46,-4243.26 1095.7,-4248.99 1099.87,-4249.46"/>
</g>
<!-- src/components/Swap/ReverseButton.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge84" class="edge">
<title>src/components/Swap/ReverseButton.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M324.62,-2632.87C334.71,-2635.01 344.29,-2639.28 351,-2647.1 376.53,-2676.88 336.2,-3325.42 364,-3353.1 380.42,-3369.46 664.58,-3370.95 680.5,-3355.1 708.36,-3327.37 668.28,-555.25 693.5,-525.1 705.18,-511.15 725.21,-507.32 742.49,-507.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.7,-509.12 748.71,-507.05 742.72,-504.92 742.7,-509.12"/>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx -->
<g id="node44" class="node">
<title>src/components/Swap/RoutingDiagram/index.tsx</title>
<g id="a_node44"><a xlink:href="src/components/Swap/RoutingDiagram/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M799,-2011.1C799,-2011.1 753,-2011.1 753,-2011.1 750,-2011.1 747,-2008.1 747,-2005.1 747,-2005.1 747,-1999.1 747,-1999.1 747,-1996.1 750,-1993.1 753,-1993.1 753,-1993.1 799,-1993.1 799,-1993.1 802,-1993.1 805,-1996.1 805,-1999.1 805,-1999.1 805,-2005.1 805,-2005.1 805,-2008.1 802,-2011.1 799,-2011.1"/>
<text text-anchor="start" x="755" y="-1999.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge89" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M798.97,-2011.19C820.58,-2021.47 852.32,-2040.44 866.5,-2068.1 883.3,-2100.88 853.85,-2700.6 874.5,-2731.1 883.08,-2743.78 898.33,-2750.92 912.4,-2754.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.01,-2757.01 918.34,-2756.48 913.06,-2752.95 912.01,-2757.01"/>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge92" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M799.01,-2011.17C820.66,-2021.43 852.43,-2040.39 866.5,-2068.1 878.21,-2091.17 857.92,-3911.24 874.5,-3931.1 883.16,-3941.47 897.18,-3945.35 910.4,-3946.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.31,-3948.5 916.4,-3946.7 910.51,-3944.3 910.31,-3948.5"/>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge94" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M799.02,-2011.17C820.66,-2021.43 852.43,-2040.38 866.5,-2068.1 879.12,-2092.97 855.81,-4055.4 874.5,-4076.1 895.62,-4099.49 992.48,-4069.59 1015.5,-4091.1 1039.9,-4113.9 1012.88,-4135.59 1028.5,-4165.1 1040.96,-4188.64 1064.35,-4208.97 1080.88,-4221.34"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.68,-4223.07 1085.76,-4224.92 1082.16,-4219.68 1079.68,-4223.07"/>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge88" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M798.97,-2011.2C820.57,-2021.47 852.31,-2040.44 866.5,-2068.1 874.53,-2083.75 863.36,-2687.5 874.5,-2701.1 882.01,-2710.27 893.64,-2714.69 905.28,-2716.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.12,-2718.72 911.34,-2717.42 905.67,-2714.56 905.12,-2718.72"/>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Rule.tsx -->
<g id="edge90" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Rule.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M798.13,-2011.24C819.39,-2021.66 851.15,-2040.85 866.5,-2068.1 876.14,-2085.21 872.33,-2136.59 874.5,-2156.1 897.26,-2360.35 933.02,-2607.79 942.26,-2670.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="940.21,-2671.41 943.16,-2677.04 944.37,-2670.8 940.21,-2671.41"/>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge93" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M799.02,-2011.17C820.66,-2021.42 852.43,-2040.38 866.5,-2068.1 879.49,-2093.69 859.26,-4109.79 874.5,-4134.1 911.55,-4193.22 978.18,-4144.15 1015.5,-4203.1 1030.24,-4226.38 1008.89,-5175.74 1028.5,-5195.1 1074.05,-5240.06 1126.8,-5239.91 1172.5,-5195.1 1198.69,-5169.43 1160,-4561.46 1185.5,-4535.1 1200.12,-4519.99 1359.92,-4540.26 1374.5,-4525.1 1392.62,-4506.26 1376.57,-3607.85 1387.5,-3584.1 1398.41,-3560.4 1422.4,-3541.76 1440.33,-3530.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.66,-3532.07 1445.67,-3527.14 1439.46,-3528.49 1441.66,-3532.07"/>
</g>
<!-- src/components/Swap/RoutingDiagram/utils.ts -->
<g id="node45" class="node">
<title>src/components/Swap/RoutingDiagram/utils.ts</title>
<g id="a_node45"><a xlink:href="src/components/Swap/RoutingDiagram/utils.ts" xlink:title="utils.ts">
<path fill="#ddfeff" stroke="black" d="M966.5,-2011.1C966.5,-2011.1 924.5,-2011.1 924.5,-2011.1 921.5,-2011.1 918.5,-2008.1 918.5,-2005.1 918.5,-2005.1 918.5,-1999.1 918.5,-1999.1 918.5,-1996.1 921.5,-1993.1 924.5,-1993.1 924.5,-1993.1 966.5,-1993.1 966.5,-1993.1 969.5,-1993.1 972.5,-1996.1 972.5,-1999.1 972.5,-1999.1 972.5,-2005.1 972.5,-2005.1 972.5,-2008.1 969.5,-2011.1 966.5,-2011.1"/>
<text text-anchor="start" x="930" y="-1999.9" font-family="Helvetica,sans-Serif" font-size="9.00">utils.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Swap/RoutingDiagram/utils.ts -->
<g id="edge87" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/Swap/RoutingDiagram/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.04,-2002.1C834.63,-2002.1 881.22,-2002.1 912.31,-2002.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.31,-2004.2 918.31,-2002.1 912.31,-2000 912.31,-2004.2"/>
</g>
<!-- src/components/TokenImg.tsx -->
<g id="node46" class="node">
<title>src/components/TokenImg.tsx</title>
<g id="a_node46"><a xlink:href="src/components/TokenImg.tsx" xlink:title="TokenImg.tsx">
<path fill="#bbfeff" stroke="black" d="M978,-1663.1C978,-1663.1 913,-1663.1 913,-1663.1 910,-1663.1 907,-1660.1 907,-1657.1 907,-1657.1 907,-1651.1 907,-1651.1 907,-1648.1 910,-1645.1 913,-1645.1 913,-1645.1 978,-1645.1 978,-1645.1 981,-1645.1 984,-1648.1 984,-1651.1 984,-1651.1 984,-1657.1 984,-1657.1 984,-1660.1 981,-1663.1 978,-1663.1"/>
<text text-anchor="start" x="915" y="-1651.9" font-family="Helvetica,sans-Serif" font-size="9.00">TokenImg.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/TokenImg.tsx -->
<g id="edge91" class="edge">
<title>src/components/Swap/RoutingDiagram/index.tsx&#45;&gt;src/components/TokenImg.tsx</title>
<g id="a_edge91"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M805.07,-2006.05C824.94,-2007.16 850.75,-2004.88 866.5,-1989.1 875.38,-1980.2 872.08,-1945.44 874.5,-1933.1 893.43,-1836.68 924.61,-1723.66 938.03,-1676.52"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="942.22,-1669.52 941.86,-1663.18 938.18,-1668.36 942.22,-1669.52"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="940.2,-1668.94 939.38,-1671.83 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="938.71" cy="-1674.13" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="870.56" y="-1832.58" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/RoutingDiagram/utils.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge95" class="edge">
<title>src/components/Swap/RoutingDiagram/utils.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M972.81,-1999.61C987.7,-1999.78 1005.34,-2002.94 1015.5,-2015.1 1044.58,-2049.88 997.44,-3614.08 1028.5,-3647.1 1050.48,-3670.47 1149.91,-3634.32 1172.5,-3657.1 1205.89,-3690.77 1150.96,-3837.61 1185.5,-3870.1 1246.68,-3927.66 1313.77,-3928.13 1374.5,-3870.1 1397.5,-3848.12 1373.74,-3612.78 1387.5,-3584.1 1398.79,-3560.57 1422.71,-3541.91 1440.52,-3530.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.84,-3532.16 1445.83,-3527.21 1439.62,-3528.6 1441.84,-3532.16"/>
</g>
<!-- src/hooks/useCurrency.ts -->
<g id="node109" class="node">
<title>src/hooks/useCurrency.ts</title>
<g id="a_node109"><a xlink:href="src/hooks/useCurrency.ts" xlink:title="useCurrency.ts">
<path fill="#ddfeff" stroke="black" d="M981,-809.1C981,-809.1 910,-809.1 910,-809.1 907,-809.1 904,-806.1 904,-803.1 904,-803.1 904,-797.1 904,-797.1 904,-794.1 907,-791.1 910,-791.1 910,-791.1 981,-791.1 981,-791.1 984,-791.1 987,-794.1 987,-797.1 987,-797.1 987,-803.1 987,-803.1 987,-806.1 984,-809.1 981,-809.1"/>
<text text-anchor="start" x="912" y="-797.9" font-family="Helvetica,sans-Serif" font-size="9.00">useCurrency.ts</text>
</a>
</g>
</g>
<!-- src/components/TokenImg.tsx&#45;&gt;src/hooks/useCurrency.ts -->
<g id="edge349" class="edge">
<title>src/components/TokenImg.tsx&#45;&gt;src/hooks/useCurrency.ts</title>
<g id="a_edge349"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M943.8,-1644.84C934.09,-1591.4 885.51,-1316.8 870.5,-1090.1 868.86,-1065.38 863.32,-890.82 870.5,-867.1 877.21,-844.94 897.09,-827.76 914.7,-816.35"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="922.55,-814.1 926.62,-809.22 920.39,-810.5 922.55,-814.1"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="921.47,-812.3 918.89,-813.84 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="916.83" cy="-815.07" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="858.77" y="-1225.41" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/TokenImg.tsx&#45;&gt;src/hooks/useCurrencyLogoURIs.ts -->
<g id="edge350" class="edge">
<title>src/components/TokenImg.tsx&#45;&gt;src/hooks/useCurrencyLogoURIs.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M947.75,-1644.91C954.94,-1591.86 991.56,-1319.33 1015.5,-1096.1 1017.2,-1080.24 1017.9,-965.03 1028.5,-953.1 1029.72,-951.73 1031.02,-950.47 1032.41,-949.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1033.74,-950.94 1037.38,-945.73 1031.29,-947.53 1033.74,-950.94"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.test.tsx -->
<g id="node47" class="node">
<title>src/components/Swap/Settings/MaxSlippageSelect.test.tsx</title>
<g id="a_node47"><a xlink:href="src/components/Swap/Settings/MaxSlippageSelect.test.tsx" xlink:title="MaxSlippageSelect.test.tsx">
<path fill="#bbfeff" stroke="black" d="M338,-2217.1C338,-2217.1 212,-2217.1 212,-2217.1 209,-2217.1 206,-2214.1 206,-2211.1 206,-2211.1 206,-2205.1 206,-2205.1 206,-2202.1 209,-2199.1 212,-2199.1 212,-2199.1 338,-2199.1 338,-2199.1 341,-2199.1 344,-2202.1 344,-2205.1 344,-2205.1 344,-2211.1 344,-2211.1 344,-2214.1 341,-2217.1 338,-2217.1"/>
<text text-anchor="start" x="214" y="-2205.9" font-family="Helvetica,sans-Serif" font-size="9.00">MaxSlippageSelect.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx -->
<g id="node48" class="node">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx</title>
<g id="a_node48"><a xlink:href="src/components/Swap/Settings/MaxSlippageSelect.tsx" xlink:title="MaxSlippageSelect.tsx">
<path fill="#bbfeff" stroke="black" d="M483,-2187.1C483,-2187.1 377,-2187.1 377,-2187.1 374,-2187.1 371,-2184.1 371,-2181.1 371,-2181.1 371,-2175.1 371,-2175.1 371,-2172.1 374,-2169.1 377,-2169.1 377,-2169.1 483,-2169.1 483,-2169.1 486,-2169.1 489,-2172.1 489,-2175.1 489,-2175.1 489,-2181.1 489,-2181.1 489,-2184.1 486,-2187.1 483,-2187.1"/>
<text text-anchor="start" x="379" y="-2175.9" font-family="Helvetica,sans-Serif" font-size="9.00">MaxSlippageSelect.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.test.tsx&#45;&gt;src/components/Swap/Settings/MaxSlippageSelect.tsx -->
<g id="edge96" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.test.tsx&#45;&gt;src/components/Swap/Settings/MaxSlippageSelect.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M321.91,-2199.1C339.22,-2195.7 359.05,-2191.82 376.89,-2188.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="377.38,-2190.36 382.86,-2187.15 376.57,-2186.24 377.38,-2190.36"/>
</g>
<!-- src/hooks/useSlippage.ts -->
<g id="node49" class="node">
<title>src/hooks/useSlippage.ts</title>
<g id="a_node49"><a xlink:href="src/hooks/useSlippage.ts" xlink:title="useSlippage.ts">
<path fill="#ddfeff" stroke="black" d="M1136,-977.1C1136,-977.1 1065,-977.1 1065,-977.1 1062,-977.1 1059,-974.1 1059,-971.1 1059,-971.1 1059,-965.1 1059,-965.1 1059,-962.1 1062,-959.1 1065,-959.1 1065,-959.1 1136,-959.1 1136,-959.1 1139,-959.1 1142,-962.1 1142,-965.1 1142,-965.1 1142,-971.1 1142,-971.1 1142,-974.1 1139,-977.1 1136,-977.1"/>
<text text-anchor="start" x="1067" y="-965.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSlippage.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.test.tsx&#45;&gt;src/hooks/useSlippage.ts -->
<g id="edge97" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.test.tsx&#45;&gt;src/hooks/useSlippage.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M309.23,-2217.16C324.76,-2223.23 341.81,-2232.96 351,-2248.1 369.29,-2278.24 362.13,-3481.9 364,-3517.1 381.24,-3841.69 272.82,-4744.6 504,-4973.1 618.69,-5086.47 707.11,-5013.64 866.5,-4989.1 935.13,-4978.53 974.35,-4998.03 1015.5,-4942.1 1048.08,-4897.81 993.8,-1025.75 1028.5,-983.1 1034.62,-975.57 1043.49,-971.22 1052.89,-968.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.37,-970.85 1058.8,-967.55 1052.49,-966.75 1053.37,-970.85"/>
</g>
<!-- src/test/index.tsx -->
<g id="node50" class="node">
<title>src/test/index.tsx</title>
<g id="a_node50"><a xlink:href="src/test/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M968.5,-3699.1C968.5,-3699.1 922.5,-3699.1 922.5,-3699.1 919.5,-3699.1 916.5,-3696.1 916.5,-3693.1 916.5,-3693.1 916.5,-3687.1 916.5,-3687.1 916.5,-3684.1 919.5,-3681.1 922.5,-3681.1 922.5,-3681.1 968.5,-3681.1 968.5,-3681.1 971.5,-3681.1 974.5,-3684.1 974.5,-3687.1 974.5,-3687.1 974.5,-3693.1 974.5,-3693.1 974.5,-3696.1 971.5,-3699.1 968.5,-3699.1"/>
<text text-anchor="start" x="924.5" y="-3687.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge98" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M309.21,-2217.17C324.74,-2223.24 341.79,-2232.97 351,-2248.1 365.68,-2272.21 360.11,-3236.15 364,-3264.1 396.9,-3500.74 384.51,-3576.22 504,-3783.1 594.98,-3940.61 735.97,-4099.79 866.5,-3973.1 887.88,-3952.35 855.43,-3727.99 874.5,-3705.1 883.19,-3694.67 897.22,-3690.41 910.44,-3688.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.62,-3691.05 916.44,-3688.47 910.29,-3686.86 910.62,-3691.05"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge99" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M453.03,-2169.01C468.06,-2161.52 486.85,-2149.31 496,-2132.1 505.29,-2114.63 489.86,-1789.93 504,-1776.1 524.32,-1756.23 994.6,-1756.85 1015.5,-1776.1 1092.86,-1847.35 1098.98,-2659.35 1099.46,-2780.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.36,-2781.06 1099.48,-2787.06 1101.56,-2781.05 1097.36,-2781.06"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge102" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M452.92,-2168.96C467.9,-2161.44 486.68,-2149.22 496,-2132.1 506,-2113.74 488.94,-1958.61 504,-1944.1 562.01,-1888.21 809.25,-1886.43 866.5,-1943.1 882.06,-1958.5 862.25,-2712.96 874.5,-2731.1 883.07,-2743.79 898.31,-2750.93 912.39,-2754.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912,-2757.02 918.33,-2756.49 913.05,-2752.95 912,-2757.02"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge106" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M453.01,-2169C468.04,-2161.51 486.82,-2149.3 496,-2132.1 504.22,-2116.71 491.5,-1830.28 504,-1818.1 532.84,-1789.99 831.45,-1798.26 866.5,-1818.1 910.79,-1843.18 932.68,-1904.55 940.73,-1933.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="938.73,-1933.71 942.33,-1938.95 942.78,-1932.61 938.73,-1933.71"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge108" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.02,-2186.57C491.62,-2188.41 493.98,-2190.57 496,-2193.1 513.92,-2215.53 483.66,-4239.84 504,-4260.1 532.62,-4288.61 836.34,-4258.98 866.5,-4232.1 908.5,-4194.67 935.38,-4013.42 942.56,-3959.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="944.68,-3959.36 943.38,-3953.14 940.52,-3958.81 944.68,-3959.36"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge111" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.02,-2186.57C491.62,-2188.41 493.98,-2190.57 496,-2193.1 516.46,-2218.73 487.68,-4525.66 504,-4554.1 549.31,-4633.08 630.59,-4581.95 680.5,-4658.1 706.52,-4697.8 666,-4725.42 693.5,-4764.1 743.14,-4833.92 819.14,-4777.72 866.5,-4849.1 875.05,-4861.99 863.25,-4977.48 874.5,-4988.1 920.07,-5031.12 970.4,-5031.61 1015.5,-4988.1 1030.06,-4974.05 1026.32,-4644.22 1028.5,-4624.1 1044.45,-4476.8 1083.79,-4301.42 1095.9,-4249.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.97,-4249.71 1097.3,-4243.39 1093.88,-4248.75 1097.97,-4249.71"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge100" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M452.96,-2168.98C467.96,-2161.47 486.74,-2149.26 496,-2132.1 508.14,-2109.6 485.61,-1919.87 504,-1902.1 619.89,-1790.18 752.01,-1788.75 866.5,-1902.1 882.27,-1917.72 860.46,-2683.91 874.5,-2701.1 882,-2710.28 893.63,-2714.7 905.26,-2716.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.11,-2718.74 911.33,-2717.44 905.65,-2714.57 905.11,-2718.74"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge105" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M453.02,-2169.01C468.05,-2161.51 486.84,-2149.31 496,-2132.1 504.78,-2115.62 490.64,-1809.15 504,-1796.1 507.57,-1792.61 861.59,-1795.18 866.5,-1797.1 950.01,-1829.74 978.7,-1851.34 1015.5,-1933.1 1035.52,-1977.59 1014.07,-2764.5 1028.5,-2811.1 1040.17,-2848.79 1069.65,-2885.52 1086.72,-2904.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1085.19,-2906.02 1090.78,-2909.05 1088.3,-2903.2 1085.19,-2906.02"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Expando.tsx -->
<g id="edge104" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Expando.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.25,-2186.81C491.75,-2188.59 494.03,-2190.67 496,-2193.1 510.74,-2211.27 489.37,-2595.84 504,-2614.1 554.48,-2677.11 610.12,-2617.53 680.5,-2657.1 687.62,-2661.11 686.33,-2666.17 693.5,-2670.1 705.62,-2676.74 720.02,-2680.94 733.33,-2683.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="733.07,-2685.67 739.35,-2684.69 733.83,-2681.54 733.07,-2685.67"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Input.tsx -->
<g id="edge101" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.26,-2186.8C491.76,-2188.59 494.03,-2190.67 496,-2193.1 511.6,-2212.36 491.42,-2617.75 504,-2639.1 549.99,-2717.16 614.78,-2678.73 680.5,-2741.1 688.19,-2748.4 684.68,-2755.22 693.5,-2761.1 707.34,-2770.33 725.31,-2774.29 740.85,-2775.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.74,-2777.94 746.9,-2776.34 741.09,-2773.76 740.74,-2777.94"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge109" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.02,-2186.57C491.62,-2188.41 493.98,-2190.57 496,-2193.1 506.53,-2206.29 499.6,-4607.8 504,-4624.1 544.86,-4775.29 633.68,-4779.65 680.5,-4929.1 701.43,-4995.92 663.31,-5022.93 693.5,-5086.1 739.32,-5181.97 812.71,-5159.47 866.5,-5251.1 873.7,-5263.37 863.25,-5273.39 874.5,-5282.1 924.04,-5320.48 970.31,-5325.51 1015.5,-5282.1 1041.4,-5257.22 1007.72,-4988.39 1028.5,-4959.1 1068.33,-4902.96 1133.51,-4958.82 1172.5,-4902.1 1191.89,-4873.9 1169.59,-3700.4 1185.5,-3670.1 1199.12,-3644.15 1228.08,-3626.19 1250.19,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.09,-3617.53 1255.65,-3613.11 1249.32,-3613.72 1251.09,-3617.53"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/hooks/useSlippage.ts -->
<g id="edge107" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/hooks/useSlippage.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.02,-2186.57C491.62,-2188.41 493.98,-2190.57 496,-2193.1 503.95,-2203.05 501.76,-4013.57 504,-4026.1 547.29,-4268.66 567.4,-4335.42 693.5,-4547.1 752.79,-4646.64 795.75,-4650.35 866.5,-4742.1 870.41,-4747.18 868.85,-4751.08 874.5,-4754.1 929.75,-4783.67 971.11,-4798.34 1015.5,-4754.1 1034.05,-4735.62 1011.97,-1003.41 1028.5,-983.1 1034.62,-975.57 1043.49,-971.22 1052.89,-968.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.37,-970.85 1058.8,-967.55 1052.49,-966.75 1053.37,-970.85"/>
</g>
<!-- src/components/Swap/Settings/components.tsx -->
<g id="node51" class="node">
<title>src/components/Swap/Settings/components.tsx</title>
<g id="a_node51"><a xlink:href="src/components/Swap/Settings/components.tsx" xlink:title="components.tsx">
<path fill="#bbfeff" stroke="black" d="M637,-2217.1C637,-2217.1 560,-2217.1 560,-2217.1 557,-2217.1 554,-2214.1 554,-2211.1 554,-2211.1 554,-2205.1 554,-2205.1 554,-2202.1 557,-2199.1 560,-2199.1 560,-2199.1 637,-2199.1 637,-2199.1 640,-2199.1 643,-2202.1 643,-2205.1 643,-2205.1 643,-2211.1 643,-2211.1 643,-2214.1 640,-2217.1 637,-2217.1"/>
<text text-anchor="start" x="562" y="-2205.9" font-family="Helvetica,sans-Serif" font-size="9.00">components.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Swap/Settings/components.tsx -->
<g id="edge103" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/components/Swap/Settings/components.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.96,-2187.1C502.05,-2190.9 526.57,-2195.32 547.65,-2199.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.51,-2201.23 553.79,-2200.23 548.26,-2197.09 547.51,-2201.23"/>
</g>
<!-- src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/state/swap/settings.ts -->
<g id="edge110" class="edge">
<title>src/components/Swap/Settings/MaxSlippageSelect.tsx&#45;&gt;src/state/swap/settings.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.02,-2186.57C491.62,-2188.41 493.98,-2190.57 496,-2193.1 507.08,-2206.98 500.07,-4732.78 504,-4750.1 590.55,-5131.29 659.33,-5327.59 1028.5,-5456.1 1179.33,-5508.61 1288.94,-5493.95 1374.5,-5359.1 1399.64,-5319.48 1368.01,-3712.78 1387.5,-3670.1 1398.34,-3646.37 1422.34,-3627.73 1440.29,-3616.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3618.05 1445.64,-3613.13 1439.43,-3614.47 1441.62,-3618.05"/>
</g>
<!-- src/hooks/useSlippage.ts&#45;&gt;src/state/swap/settings.ts -->
<g id="edge585" class="edge">
<title>src/hooks/useSlippage.ts&#45;&gt;src/state/swap/settings.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1142.16,-967.58C1153.67,-969.58 1165.07,-974.04 1172.5,-983.1 1183.35,-996.34 1184.1,-2198.05 1185.5,-2215.1 1230.51,-2762.38 1302.91,-2891.66 1374.5,-3436.1 1378,-3462.69 1373.37,-3533.3 1387.5,-3556.1 1397.72,-3572.6 1415.97,-3584.47 1431.9,-3592.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1431.32,-3594.32 1437.64,-3594.96 1433.1,-3590.51 1431.32,-3594.32"/>
</g>
<!-- src/test/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge696" class="edge">
<title>src/test/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.53,-3688.6C989.04,-3689.45 1005.72,-3693.31 1015.5,-3705.1 1031.82,-3724.78 1018.22,-4141.69 1028.5,-4165.1 1039.15,-4189.34 1062.7,-4209.4 1079.76,-4221.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.7,-4223.34 1084.82,-4225.03 1081.09,-4219.89 1078.7,-4223.34"/>
</g>
<!-- src/test/index.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge687" class="edge">
<title>src/test/index.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M921.07,-3681.01C904.8,-3673.32 884.34,-3660.57 874.5,-3642.1 863,-3620.5 882.4,-2779.71 866.5,-2761.1 853.63,-2746.03 831.8,-2742.15 812.92,-2742.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="812.61,-2740 806.65,-2742.22 812.69,-2744.2 812.61,-2740"/>
</g>
<!-- src/test/index.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx -->
<g id="edge688" class="edge">
<title>src/test/index.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M916.4,-3688.44C901.6,-3689.21 884.48,-3693.04 874.5,-3705.1 862.1,-3720.09 880.41,-4041.51 866.5,-4055.1 859.3,-4062.14 511.13,-4062.21 504,-4055.1 491.56,-4042.7 504.59,-1541.42 496,-1526.1 488.86,-1513.37 475.83,-1504.19 463.31,-1497.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="463.93,-1495.84 457.61,-1495.15 462.13,-1499.63 463.93,-1495.84"/>
</g>
<!-- src/hooks/useTokenList/index.tsx -->
<g id="node122" class="node">
<title>src/hooks/useTokenList/index.tsx</title>
<g id="a_node122"><a xlink:href="src/hooks/useTokenList/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M1123.5,-723.1C1123.5,-723.1 1077.5,-723.1 1077.5,-723.1 1074.5,-723.1 1071.5,-720.1 1071.5,-717.1 1071.5,-717.1 1071.5,-711.1 1071.5,-711.1 1071.5,-708.1 1074.5,-705.1 1077.5,-705.1 1077.5,-705.1 1123.5,-705.1 1123.5,-705.1 1126.5,-705.1 1129.5,-708.1 1129.5,-711.1 1129.5,-711.1 1129.5,-717.1 1129.5,-717.1 1129.5,-720.1 1126.5,-723.1 1123.5,-723.1"/>
<text text-anchor="start" x="1079.5" y="-711.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/hooks/useTokenList/index.tsx -->
<g id="edge692" class="edge">
<title>src/test/index.tsx&#45;&gt;src/hooks/useTokenList/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M969.29,-3681.1C985.4,-3673.39 1005.79,-3660.57 1015.5,-3642.1 1034.33,-3606.26 1002.51,-758.14 1028.5,-727.1 1037.36,-716.52 1051.74,-712.64 1065.24,-711.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.46,-713.74 1071.37,-711.38 1065.28,-709.54 1065.46,-713.74"/>
</g>
<!-- src/components/Widget.tsx -->
<g id="node125" class="node">
<title>src/components/Widget.tsx</title>
<g id="a_node125"><a xlink:href="src/components/Widget.tsx" xlink:title="Widget.tsx">
<path fill="#bbfeff" stroke="black" d="M301.5,-3235.1C301.5,-3235.1 248.5,-3235.1 248.5,-3235.1 245.5,-3235.1 242.5,-3232.1 242.5,-3229.1 242.5,-3229.1 242.5,-3223.1 242.5,-3223.1 242.5,-3220.1 245.5,-3217.1 248.5,-3217.1 248.5,-3217.1 301.5,-3217.1 301.5,-3217.1 304.5,-3217.1 307.5,-3220.1 307.5,-3223.1 307.5,-3223.1 307.5,-3229.1 307.5,-3229.1 307.5,-3232.1 304.5,-3235.1 301.5,-3235.1"/>
<text text-anchor="start" x="250.5" y="-3223.9" font-family="Helvetica,sans-Serif" font-size="9.00">Widget.tsx</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/components/Widget.tsx -->
<g id="edge689" class="edge">
<title>src/test/index.tsx&#45;&gt;src/components/Widget.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M916.34,-3688.39C901.51,-3689.14 884.4,-3692.96 874.5,-3705.1 857.79,-3725.6 875.51,-4632.24 866.5,-4657.1 825.19,-4771.12 736.18,-4754.59 693.5,-4868.1 685.68,-4888.91 696.48,-5252.64 680.5,-5268.1 624.14,-5322.66 562.47,-5320.4 504,-5268.1 342.9,-5123.99 282.47,-3422.22 276.5,-3241.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="278.59,-3241.32 276.3,-3235.39 274.39,-3241.45 278.59,-3241.32"/>
</g>
<!-- src/constants/locales.ts -->
<g id="node126" class="node">
<title>src/constants/locales.ts</title>
<g id="a_node126"><a xlink:href="src/constants/locales.ts" xlink:title="locales.ts">
<path fill="#ddfeff" stroke="black" d="M1303,-3787.1C1303,-3787.1 1257,-3787.1 1257,-3787.1 1254,-3787.1 1251,-3784.1 1251,-3781.1 1251,-3781.1 1251,-3775.1 1251,-3775.1 1251,-3772.1 1254,-3769.1 1257,-3769.1 1257,-3769.1 1303,-3769.1 1303,-3769.1 1306,-3769.1 1309,-3772.1 1309,-3775.1 1309,-3775.1 1309,-3781.1 1309,-3781.1 1309,-3784.1 1306,-3787.1 1303,-3787.1"/>
<text text-anchor="start" x="1259" y="-3775.9" font-family="Helvetica,sans-Serif" font-size="9.00">locales.ts</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/constants/locales.ts -->
<g id="edge690" class="edge">
<title>src/test/index.tsx&#45;&gt;src/constants/locales.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.57,-3688.56C989.09,-3689.41 1005.77,-3693.26 1015.5,-3705.1 1039.8,-3734.68 1001.17,-4367.29 1028.5,-4394.1 1074.18,-4438.93 1126.76,-4438.86 1172.5,-4394.1 1196.37,-4370.74 1163.56,-3818.28 1185.5,-3793.1 1199.79,-3776.7 1224.28,-3773.25 1244.62,-3773.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1244.69,-3775.84 1250.78,-3774 1244.88,-3771.65 1244.69,-3775.84"/>
</g>
<!-- src/hooks/useBlockNumber.tsx -->
<g id="node127" class="node">
<title>src/hooks/useBlockNumber.tsx</title>
<g id="a_node127"><a xlink:href="src/hooks/useBlockNumber.tsx" xlink:title="useBlockNumber.tsx">
<path fill="#bbfeff" stroke="black" d="M1777.5,-1067.1C1777.5,-1067.1 1680.5,-1067.1 1680.5,-1067.1 1677.5,-1067.1 1674.5,-1064.1 1674.5,-1061.1 1674.5,-1061.1 1674.5,-1055.1 1674.5,-1055.1 1674.5,-1052.1 1677.5,-1049.1 1680.5,-1049.1 1680.5,-1049.1 1777.5,-1049.1 1777.5,-1049.1 1780.5,-1049.1 1783.5,-1052.1 1783.5,-1055.1 1783.5,-1055.1 1783.5,-1061.1 1783.5,-1061.1 1783.5,-1064.1 1780.5,-1067.1 1777.5,-1067.1"/>
<text text-anchor="start" x="1682.5" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useBlockNumber.tsx</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge691" class="edge">
<title>src/test/index.tsx&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.62,-3688.53C989.15,-3689.36 1005.83,-3693.21 1015.5,-3705.1 1041.02,-3736.48 1000.78,-5131.65 1028.5,-5161.1 1050.49,-5184.46 1149.85,-5148.39 1172.5,-5171.1 1203.17,-5201.85 1153.79,-5336.43 1185.5,-5366.1 1242.95,-5419.84 1481.58,-5419.33 1539.5,-5366.1 1658.05,-5257.14 1652.85,-4082.88 1661.5,-3922.1 1726,-2723.2 1727.99,-1238.67 1728.01,-1073.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.11,-1073.17 1728,-1067.17 1725.91,-1073.17 1730.11,-1073.17"/>
</g>
<!-- src/hooks/web3/index.tsx -->
<g id="node129" class="node">
<title>src/hooks/web3/index.tsx</title>
<g id="a_node129"><a xlink:href="src/hooks/web3/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M799,-1015.1C799,-1015.1 753,-1015.1 753,-1015.1 750,-1015.1 747,-1012.1 747,-1009.1 747,-1009.1 747,-1003.1 747,-1003.1 747,-1000.1 750,-997.1 753,-997.1 753,-997.1 799,-997.1 799,-997.1 802,-997.1 805,-1000.1 805,-1003.1 805,-1003.1 805,-1009.1 805,-1009.1 805,-1012.1 802,-1015.1 799,-1015.1"/>
<text text-anchor="start" x="755" y="-1003.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/hooks/web3/index.tsx -->
<g id="edge693" class="edge">
<title>src/test/index.tsx&#45;&gt;src/hooks/web3/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M921.04,-3681.03C904.75,-3673.34 884.28,-3660.6 874.5,-3642.1 865.99,-3626 878.44,-1032.86 866.5,-1019.1 853.28,-1003.87 830.78,-1000.65 811.66,-1001.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="811.2,-999.14 805.32,-1001.55 811.42,-1003.34 811.2,-999.14"/>
</g>
<!-- src/i18n.tsx -->
<g id="node130" class="node">
<title>src/i18n.tsx</title>
<g id="a_node130"><a xlink:href="src/i18n.tsx" xlink:title="i18n.tsx">
<path fill="#bbfeff" stroke="black" d="M1121.5,-5153.1C1121.5,-5153.1 1079.5,-5153.1 1079.5,-5153.1 1076.5,-5153.1 1073.5,-5150.1 1073.5,-5147.1 1073.5,-5147.1 1073.5,-5141.1 1073.5,-5141.1 1073.5,-5138.1 1076.5,-5135.1 1079.5,-5135.1 1079.5,-5135.1 1121.5,-5135.1 1121.5,-5135.1 1124.5,-5135.1 1127.5,-5138.1 1127.5,-5141.1 1127.5,-5141.1 1127.5,-5147.1 1127.5,-5147.1 1127.5,-5150.1 1124.5,-5153.1 1121.5,-5153.1"/>
<text text-anchor="start" x="1082" y="-5141.9" font-family="Helvetica,sans-Serif" font-size="9.00">i18n.tsx</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/i18n.tsx -->
<g id="edge694" class="edge">
<title>src/test/index.tsx&#45;&gt;src/i18n.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.62,-3688.53C989.15,-3689.36 1005.83,-3693.21 1015.5,-3705.1 1039.92,-3735.12 1009.86,-5064.19 1028.5,-5098.1 1037.06,-5113.67 1053.38,-5124.79 1068.21,-5132.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1067.7,-5134.28 1074.02,-5134.95 1069.5,-5130.48 1067.7,-5134.28"/>
</g>
<!-- src/state/index.tsx -->
<g id="node131" class="node">
<title>src/state/index.tsx</title>
<g id="a_node131"><a xlink:href="src/state/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M968.5,-3579.1C968.5,-3579.1 922.5,-3579.1 922.5,-3579.1 919.5,-3579.1 916.5,-3576.1 916.5,-3573.1 916.5,-3573.1 916.5,-3567.1 916.5,-3567.1 916.5,-3564.1 919.5,-3561.1 922.5,-3561.1 922.5,-3561.1 968.5,-3561.1 968.5,-3561.1 971.5,-3561.1 974.5,-3564.1 974.5,-3567.1 974.5,-3567.1 974.5,-3573.1 974.5,-3573.1 974.5,-3576.1 971.5,-3579.1 968.5,-3579.1"/>
<text text-anchor="start" x="924.5" y="-3567.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/test/index.tsx&#45;&gt;src/state/index.tsx -->
<g id="edge695" class="edge">
<title>src/test/index.tsx&#45;&gt;src/state/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M928.36,-3681.05C913.06,-3672.42 890.65,-3658.36 874.5,-3642.1 872.24,-3639.83 871.43,-3639.17 870.5,-3636.1 867.54,-3626.32 867.54,-3599.88 870.5,-3590.1 875.33,-3574.13 893.03,-3568.93 910.02,-3567.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.31,-3569.91 916.22,-3567.58 910.15,-3565.71 910.31,-3569.91"/>
</g>
<!-- src/components/Swap/Settings/components.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge119" class="edge">
<title>src/components/Swap/Settings/components.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.75,-2217.24C652.98,-2223.23 670.54,-2232.87 680.5,-2248.1 714.83,-2300.61 659.12,-2477.63 693.5,-2530.1 740.45,-2601.75 818.73,-2543.99 866.5,-2615.1 880.91,-2636.55 859.41,-2710.12 874.5,-2731.1 883.37,-2743.44 898.49,-2750.54 912.4,-2754.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.94,-2756.68 918.28,-2756.2 913.02,-2752.62 911.94,-2756.68"/>
</g>
<!-- src/components/Swap/Settings/components.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge120" class="edge">
<title>src/components/Swap/Settings/components.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.06,-2199.04C643.88,-2190.91 668.24,-2177 680.5,-2156.1 692.44,-2135.75 676.31,-1960.27 693.5,-1944.1 754.64,-1886.6 865.83,-1917.87 917.17,-1936.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="916.48,-1938.88 922.84,-1939.04 917.97,-1934.95 916.48,-1938.88"/>
</g>
<!-- src/components/Swap/Settings/components.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge121" class="edge">
<title>src/components/Swap/Settings/components.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.44,-2217.22C653.62,-2223.19 670.93,-2232.81 680.5,-2248.1 712.72,-2299.6 660.38,-4384.17 693.5,-4435.1 739.48,-4505.81 819.79,-4442.88 866.5,-4513.1 875.7,-4526.94 862.59,-4800.51 874.5,-4812.1 896.95,-4833.96 992.73,-4833.62 1015.5,-4812.1 1034.1,-4794.52 1025.21,-4607.48 1028.5,-4582.1 1045.38,-4451.86 1083.32,-4297.46 1095.59,-4249.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.69,-4249.49 1097.15,-4243.16 1093.62,-4248.45 1097.69,-4249.49"/>
</g>
<!-- src/state/swap/settings.ts&#45;&gt;src/state/atoms.ts -->
<g id="edge685" class="edge">
<title>src/state/swap/settings.ts&#45;&gt;src/state/atoms.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1495.55,-3606.51C1518.4,-3608.29 1549.43,-3610.7 1572.77,-3612.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1572.69,-3614.62 1578.84,-3612.99 1573.02,-3610.43 1572.69,-3614.62"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx -->
<g id="node53" class="node">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx</title>
<g id="a_node53"><a xlink:href="src/components/Swap/Settings/TransactionTtlInput.tsx" xlink:title="TransactionTtlInput.tsx">
<path fill="#bbfeff" stroke="black" d="M484.5,-2217.1C484.5,-2217.1 375.5,-2217.1 375.5,-2217.1 372.5,-2217.1 369.5,-2214.1 369.5,-2211.1 369.5,-2211.1 369.5,-2205.1 369.5,-2205.1 369.5,-2202.1 372.5,-2199.1 375.5,-2199.1 375.5,-2199.1 484.5,-2199.1 484.5,-2199.1 487.5,-2199.1 490.5,-2202.1 490.5,-2205.1 490.5,-2205.1 490.5,-2211.1 490.5,-2211.1 490.5,-2214.1 487.5,-2217.1 484.5,-2217.1"/>
<text text-anchor="start" x="377.5" y="-2205.9" font-family="Helvetica,sans-Serif" font-size="9.00">TransactionTtlInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge114" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.52,-2217.2C471.59,-2223.53 487.65,-2233.49 496,-2248.1 507.63,-2268.46 487.97,-2652.98 504,-2670.1 530.9,-2698.84 646.24,-2665.71 680.5,-2685.1 689.09,-2689.96 684.87,-2698.31 693.5,-2703.1 727.18,-2721.82 836.44,-2690.99 866.5,-2715.1 876.26,-2722.93 865.49,-2733.41 874.5,-2742.1 884.53,-2751.77 899.02,-2756.44 912.22,-2758.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.94,-2760.7 918.17,-2759.46 912.52,-2756.55 911.94,-2760.7"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge118" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.61,-2217.16C471.7,-2223.47 487.77,-2233.42 496,-2248.1 511.77,-2276.2 488.48,-4539.86 504,-4568.1 548.85,-4649.74 632.65,-4601.19 680.5,-4681.1 699.62,-4713.04 676.23,-4815.12 693.5,-4848.1 739.51,-4935.98 819.68,-4901.65 866.5,-4989.1 875.25,-5005.44 860.78,-5059.64 874.5,-5072.1 897.69,-5093.17 993.02,-5093.93 1015.5,-5072.1 1033.36,-5054.75 1025.9,-4648.86 1028.5,-4624.1 1043.96,-4476.74 1083.63,-4301.41 1095.86,-4249.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.94,-4249.7 1097.27,-4243.38 1093.85,-4248.74 1097.94,-4249.7"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge112" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.5,-2217.22C471.56,-2223.55 487.62,-2233.5 496,-2248.1 505.74,-2265.07 491.44,-2585.11 504,-2600.1 609.55,-2726.07 745.76,-2561.61 866.5,-2673.1 876.01,-2681.88 865.05,-2692.26 874.5,-2701.1 882.77,-2708.84 894.03,-2712.96 905.09,-2715.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.94,-2717.18 911.19,-2716.05 905.6,-2713.03 904.94,-2717.18"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Expando.tsx -->
<g id="edge116" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Expando.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.52,-2217.21C471.59,-2223.53 487.65,-2233.49 496,-2248.1 507.25,-2267.78 488.73,-2639.34 504,-2656.1 530.58,-2685.28 641.31,-2671.39 680.5,-2676.1 697.6,-2678.16 716.44,-2680.53 732.76,-2682.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.9,-2684.75 739.12,-2683.43 733.43,-2680.58 732.9,-2684.75"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Input.tsx -->
<g id="edge113" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.54,-2217.2C471.61,-2223.52 487.67,-2233.48 496,-2248.1 509.53,-2271.86 485.82,-2719.68 504,-2740.1 507.91,-2744.49 668.31,-2763.68 740.46,-2772.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.55,-2774.23 746.75,-2772.84 741.03,-2770.06 740.55,-2774.23"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Swap/Settings/components.tsx -->
<g id="edge115" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/components/Swap/Settings/components.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M490.64,-2208.1C509.42,-2208.1 529.95,-2208.1 547.94,-2208.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.94,-2210.2 553.94,-2208.1 547.94,-2206 547.94,-2210.2"/>
</g>
<!-- src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/hooks/useTransactionDeadline.ts -->
<g id="edge117" class="edge">
<title>src/components/Swap/Settings/TransactionTtlInput.tsx&#45;&gt;src/hooks/useTransactionDeadline.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.61,-2217.16C471.71,-2223.47 487.77,-2233.42 496,-2248.1 512.17,-2276.93 495.17,-4596.25 504,-4628.1 544.93,-4775.7 633.94,-4778.18 680.5,-4924.1 691.48,-4958.51 671.63,-5057.36 693.5,-5086.1 781.98,-5202.34 910.09,-5253.24 1015.5,-5152.1 1028.1,-5140.01 1025.45,-4855.29 1028.5,-4838.1 1065.17,-4631.34 1139.71,-4595.52 1172.5,-4388.1 1176.16,-4364.95 1170.26,-1030.91 1185.5,-1013.1 1191.23,-1006.4 1198.66,-1001.85 1206.84,-998.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1207.52,-1000.83 1212.6,-997 1206.24,-996.83 1207.52,-1000.83"/>
</g>
<!-- src/hooks/useTransactionDeadline.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge628" class="edge">
<title>src/hooks/useTransactionDeadline.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1347.14,-997.23C1357.58,-1000.07 1367.28,-1005 1374.5,-1013.1 1385.63,-1025.6 1385.86,-1297.44 1387.5,-1314.1 1465.73,-2108.49 1563.81,-2296.87 1661.5,-3089.1 1696.2,-3370.5 1721.49,-3715.89 1726.92,-3792.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1724.84,-3792.91 1727.35,-3798.75 1729.03,-3792.62 1724.84,-3792.91"/>
</g>
<!-- src/hooks/useTransactionDeadline.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge631" class="edge">
<title>src/hooks/useTransactionDeadline.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1212.92,-995.08C1198.14,-998.24 1185.07,-1005.24 1179,-1019.1 1171.85,-1035.42 1171.85,-3568.78 1179,-3585.1 1189.56,-3609.21 1221.48,-3611.84 1246.64,-3609.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.11,-3611.81 1252.87,-3609.12 1246.69,-3607.63 1247.11,-3611.81"/>
</g>
<!-- src/hooks/useTransactionDeadline.ts&#45;&gt;src/state/swap/settings.ts -->
<g id="edge632" class="edge">
<title>src/hooks/useTransactionDeadline.ts&#45;&gt;src/state/swap/settings.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1347.39,-997.01C1357.81,-999.87 1367.44,-1004.86 1374.5,-1013.1 1397.48,-1039.92 1370.46,-3525.16 1387.5,-3556.1 1396.73,-3572.87 1414.57,-3584.64 1430.54,-3592.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1429.99,-3594.39 1436.32,-3594.98 1431.74,-3590.57 1429.99,-3594.39"/>
</g>
<!-- src/constants/misc.ts -->
<g id="node62" class="node">
<title>src/constants/misc.ts</title>
<g id="a_node62"><a xlink:href="src/constants/misc.ts" xlink:title="misc.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-3817.1C1301,-3817.1 1259,-3817.1 1259,-3817.1 1256,-3817.1 1253,-3814.1 1253,-3811.1 1253,-3811.1 1253,-3805.1 1253,-3805.1 1253,-3802.1 1256,-3799.1 1259,-3799.1 1259,-3799.1 1301,-3799.1 1301,-3799.1 1304,-3799.1 1307,-3802.1 1307,-3805.1 1307,-3805.1 1307,-3811.1 1307,-3811.1 1307,-3814.1 1304,-3817.1 1301,-3817.1"/>
<text text-anchor="start" x="1263.5" y="-3805.9" font-family="Helvetica,sans-Serif" font-size="9.00">misc.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTransactionDeadline.ts&#45;&gt;src/constants/misc.ts -->
<g id="edge629" class="edge">
<title>src/hooks/useTransactionDeadline.ts&#45;&gt;src/constants/misc.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1212.92,-995.08C1198.14,-998.24 1185.07,-1005.24 1179,-1019.1 1171.29,-1036.71 1171.29,-3769.49 1179,-3787.1 1189.6,-3811.3 1221.51,-3814.58 1246.66,-3813.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.08,-3815.1 1252.89,-3812.53 1246.74,-3810.91 1247.08,-3815.1"/>
</g>
<!-- src/hooks/useCurrentBlockTimestamp.ts -->
<g id="node170" class="node">
<title>src/hooks/useCurrentBlockTimestamp.ts</title>
<g id="a_node170"><a xlink:href="src/hooks/useCurrentBlockTimestamp.ts" xlink:title="useCurrentBlockTimestamp.ts">
<path fill="#ddfeff" stroke="black" d="M1533.5,-907.1C1533.5,-907.1 1393.5,-907.1 1393.5,-907.1 1390.5,-907.1 1387.5,-904.1 1387.5,-901.1 1387.5,-901.1 1387.5,-895.1 1387.5,-895.1 1387.5,-892.1 1390.5,-889.1 1393.5,-889.1 1393.5,-889.1 1533.5,-889.1 1533.5,-889.1 1536.5,-889.1 1539.5,-892.1 1539.5,-895.1 1539.5,-895.1 1539.5,-901.1 1539.5,-901.1 1539.5,-904.1 1536.5,-907.1 1533.5,-907.1"/>
<text text-anchor="start" x="1395.5" y="-895.9" font-family="Helvetica,sans-Serif" font-size="9.00">useCurrentBlockTimestamp.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTransactionDeadline.ts&#45;&gt;src/hooks/useCurrentBlockTimestamp.ts -->
<g id="edge630" class="edge">
<title>src/hooks/useTransactionDeadline.ts&#45;&gt;src/hooks/useCurrentBlockTimestamp.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1347.39,-997.43C1357.42,-994.66 1366.93,-990.17 1374.5,-983.1 1393.18,-965.67 1370.75,-946.39 1387.5,-927.1 1394.23,-919.35 1403.29,-913.65 1412.78,-909.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1413.63,-911.4 1418.4,-907.19 1412.05,-907.51 1413.63,-911.4"/>
</g>
<!-- src/components/Swap/Settings/index.tsx -->
<g id="node55" class="node">
<title>src/components/Swap/Settings/index.tsx</title>
<g id="a_node55"><a xlink:href="src/components/Swap/Settings/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M298,-2187.1C298,-2187.1 252,-2187.1 252,-2187.1 249,-2187.1 246,-2184.1 246,-2181.1 246,-2181.1 246,-2175.1 246,-2175.1 246,-2172.1 249,-2169.1 252,-2169.1 252,-2169.1 298,-2169.1 298,-2169.1 301,-2169.1 304,-2172.1 304,-2175.1 304,-2175.1 304,-2181.1 304,-2181.1 304,-2184.1 301,-2187.1 298,-2187.1"/>
<text text-anchor="start" x="254" y="-2175.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge122" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2175.8C320.45,-2176.15 339.83,-2179.77 351,-2193.1 372.91,-2219.26 350.78,-2775.65 364,-2807.1 398.47,-2889.09 422.01,-2915.63 504,-2950.1 609.32,-2994.38 921.78,-2963.44 1015.5,-2898.1 1049.88,-2874.13 1077.96,-2832.43 1091.23,-2810.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1093.17,-2811.37 1094.43,-2805.14 1089.56,-2809.22 1093.17,-2811.37"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge129" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.24,-2175.76C320.51,-2176.1 339.89,-2179.72 351,-2193.1 370,-2215.99 359.91,-3234.63 364,-3264.1 441.24,-3821.28 246.96,-4144.02 693.5,-4486.1 754.54,-4532.86 808.39,-4536.45 866.5,-4486.1 948.44,-4415.11 946.29,-4040.37 944.84,-3959.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="946.94,-3959.34 944.72,-3953.38 942.74,-3959.42 946.94,-3959.34"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge130" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.24,-2175.76C320.51,-2176.1 339.89,-2179.72 351,-2193.1 360.5,-2204.55 363.29,-3249.24 364,-3264.1 397.63,-3967.08 456.64,-4139.42 496,-4842.1 496.87,-4857.69 494.2,-5110.94 504,-5123.1 605.91,-5249.62 714.49,-5227.42 866.5,-5170.1 949.01,-5138.99 975.81,-5117.84 1015.5,-5039.1 1030.96,-5008.43 1025.19,-4919.29 1028.5,-4885.1 1053.1,-4630.77 1089.23,-4321.24 1097.68,-4249.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.8,-4249.48 1098.41,-4243.27 1095.63,-4248.98 1099.8,-4249.48"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/components/BottomSheetModal.tsx -->
<g id="edge126" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/components/BottomSheetModal.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.22,-2175.78C320.48,-2176.12 339.86,-2179.74 351,-2193.1 379.49,-2227.29 337.07,-2958.67 364,-2994.1 401.02,-3042.8 456.41,-2986.47 496,-3033.1 514.55,-3054.95 484.09,-3076.48 504,-3097.1 511.71,-3105.08 521.85,-3109.9 532.61,-3112.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="532.33,-3114.75 538.64,-3113.99 533.24,-3110.65 532.33,-3114.75"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge123" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.16,-2175.82C320.41,-2176.18 339.79,-2179.8 351,-2193.1 368.16,-2213.46 357.34,-2646.33 364,-2672.1 397.8,-2802.98 388.5,-2871.88 504,-2942.1 521.21,-2952.56 851.97,-2956.05 866.5,-2942.1 882.3,-2926.93 861.96,-2763.07 874.5,-2745.1 881.81,-2734.63 893.65,-2727.92 905.52,-2723.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="906.3,-2725.6 911.34,-2721.73 904.98,-2721.61 906.3,-2725.6"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge124" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.2,-2175.79C320.47,-2176.14 339.84,-2179.75 351,-2193.1 375.48,-2222.39 344.88,-2847.06 364,-2880.1 437.76,-3007.55 879.29,-3057.04 1015.5,-3001.1 1049.48,-2987.15 1077.04,-2952.07 1090.52,-2932.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1092.37,-2933.28 1093.95,-2927.13 1088.87,-2930.96 1092.37,-2933.28"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/hooks/useOnEscapeHandler.tsx -->
<g id="edge128" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/hooks/useOnEscapeHandler.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.6,-2169C320.52,-2161.85 340.82,-2150.03 351,-2132.1 365.83,-2105.99 343.53,-1073.08 364,-1051.1 384.06,-1029.56 475.96,-1061.66 496,-1040.1 510.92,-1024.05 489.7,-267.71 504,-251.1 510.49,-243.57 519.12,-238.76 528.53,-235.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="529.23,-237.79 534.48,-234.2 528.14,-233.73 529.23,-237.79"/>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Swap/Settings/MaxSlippageSelect.tsx -->
<g id="edge125" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/components/Swap/Settings/MaxSlippageSelect.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.06,-2178.1C321.02,-2178.1 343.38,-2178.1 364.49,-2178.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="364.69,-2180.2 370.69,-2178.1 364.69,-2176 364.69,-2180.2"/>
</g>
<!-- src/hooks/useIsMobileWidth.ts -->
<g id="node56" class="node">
<title>src/hooks/useIsMobileWidth.ts</title>
<g id="a_node56"><a xlink:href="src/hooks/useIsMobileWidth.ts" xlink:title="useIsMobileWidth.ts">
<path fill="#ddfeff" stroke="black" d="M646,-275.1C646,-275.1 551,-275.1 551,-275.1 548,-275.1 545,-272.1 545,-269.1 545,-269.1 545,-263.1 545,-263.1 545,-260.1 548,-257.1 551,-257.1 551,-257.1 646,-257.1 646,-257.1 649,-257.1 652,-260.1 652,-263.1 652,-263.1 652,-269.1 652,-269.1 652,-272.1 649,-275.1 646,-275.1"/>
<text text-anchor="start" x="553" y="-263.9" font-family="Helvetica,sans-Serif" font-size="9.00">useIsMobileWidth.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Settings/index.tsx&#45;&gt;src/hooks/useIsMobileWidth.ts -->
<g id="edge127" class="edge">
<title>src/components/Swap/Settings/index.tsx&#45;&gt;src/hooks/useIsMobileWidth.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.6,-2169C320.52,-2161.84 340.82,-2150.03 351,-2132.1 365.57,-2106.45 344.63,-1092.35 364,-1070.1 402.96,-1025.35 457.08,-1094.89 496,-1050.1 510.01,-1033.98 490.06,-297.29 504,-281.1 512.75,-270.95 525.4,-265.74 538.59,-263.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="539.05,-265.41 544.68,-262.45 538.43,-261.26 539.05,-265.41"/>
</g>
<!-- src/components/Swap/Skeleton.tsx -->
<g id="node57" class="node">
<title>src/components/Swap/Skeleton.tsx</title>
<g id="a_node57"><a xlink:href="src/components/Swap/Skeleton.tsx" xlink:title="Skeleton.tsx">
<path fill="#bbfeff" stroke="black" d="M143,-2132.1C143,-2132.1 83,-2132.1 83,-2132.1 80,-2132.1 77,-2129.1 77,-2126.1 77,-2126.1 77,-2120.1 77,-2120.1 77,-2117.1 80,-2114.1 83,-2114.1 83,-2114.1 143,-2114.1 143,-2114.1 146,-2114.1 149,-2117.1 149,-2120.1 149,-2120.1 149,-2126.1 149,-2126.1 149,-2129.1 146,-2132.1 143,-2132.1"/>
<text text-anchor="start" x="85" y="-2120.9" font-family="Helvetica,sans-Serif" font-size="9.00">Skeleton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Skeleton.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge132" class="edge">
<title>src/components/Swap/Skeleton.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M121.57,-2132.4C137.16,-2152.2 172.54,-2200.63 186,-2248.1 210.32,-2333.87 183.82,-2561.09 198,-2649.1 203.14,-2680.98 338.6,-3186.16 364,-3206.1 539.67,-3344.01 709.67,-3366.11 866.5,-3207.1 883.43,-3189.93 858.91,-2791.5 874.5,-2773.1 883.58,-2762.39 898.38,-2758.62 912.04,-2757.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.29,-2759.84 918.22,-2757.54 912.15,-2755.64 912.29,-2759.84"/>
</g>
<!-- src/components/Swap/Skeleton.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge135" class="edge">
<title>src/components/Swap/Skeleton.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M121.63,-2132.38C137.36,-2152.14 172.97,-2200.51 186,-2248.1 200.9,-2302.55 195.71,-3207.7 198,-3264.1 208.8,-3529.52 186.5,-5451.47 364,-5649.1 560.42,-5867.8 884.53,-5798.27 1015.5,-5535.1 1031.44,-5503.07 1005.45,-4274.47 1028.5,-4247.1 1037.39,-4236.54 1051.77,-4232.66 1065.27,-4231.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.49,-4233.76 1071.39,-4231.4 1065.31,-4229.57 1065.49,-4233.76"/>
</g>
<!-- src/components/Swap/Skeleton.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge131" class="edge">
<title>src/components/Swap/Skeleton.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M118.04,-2114.04C128.02,-2092.95 156.09,-2040.88 198,-2021.1 317.78,-1964.58 401.67,-1928.13 496,-2021.1 517.92,-2042.71 482.65,-2552.93 504,-2575.1 531.97,-2604.16 837.66,-2565.9 866.5,-2594.1 883.55,-2610.77 858.83,-2683.13 874.5,-2701.1 882.22,-2709.95 893.78,-2714.32 905.3,-2716.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.06,-2718.38 911.3,-2717.12 905.64,-2714.22 905.06,-2718.38"/>
</g>
<!-- src/components/Swap/Skeleton.tsx&#45;&gt;src/components/Swap/ReverseButton.tsx -->
<g id="edge133" class="edge">
<title>src/components/Swap/Skeleton.tsx&#45;&gt;src/components/Swap/ReverseButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M121.56,-2132.4C137.13,-2152.21 172.49,-2200.65 186,-2248.1 191.65,-2267.93 184.65,-2603.38 198,-2619.1 203.48,-2625.55 210.86,-2629.74 218.88,-2632.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="218.77,-2634.53 225.11,-2634.12 219.89,-2630.49 218.77,-2634.53"/>
</g>
<!-- src/components/WidgetWrapper.tsx -->
<g id="node58" class="node">
<title>src/components/WidgetWrapper.tsx</title>
<g id="a_node58"><a xlink:href="src/components/WidgetWrapper.tsx" xlink:title="WidgetWrapper.tsx">
<path fill="#bbfeff" stroke="black" d="M475.5,-1447.1C475.5,-1447.1 384.5,-1447.1 384.5,-1447.1 381.5,-1447.1 378.5,-1444.1 378.5,-1441.1 378.5,-1441.1 378.5,-1435.1 378.5,-1435.1 378.5,-1432.1 381.5,-1429.1 384.5,-1429.1 384.5,-1429.1 475.5,-1429.1 475.5,-1429.1 478.5,-1429.1 481.5,-1432.1 481.5,-1435.1 481.5,-1435.1 481.5,-1441.1 481.5,-1441.1 481.5,-1444.1 478.5,-1447.1 475.5,-1447.1"/>
<text text-anchor="start" x="386.5" y="-1435.9" font-family="Helvetica,sans-Serif" font-size="9.00">WidgetWrapper.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Skeleton.tsx&#45;&gt;src/components/WidgetWrapper.tsx -->
<g id="edge134" class="edge">
<title>src/components/Swap/Skeleton.tsx&#45;&gt;src/components/WidgetWrapper.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M117.13,-2114.04C144.1,-2036.09 336.86,-1480.94 364,-1456.1 366.59,-1453.73 369.47,-1451.67 372.53,-1449.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="373.85,-1451.55 378.21,-1446.92 371.92,-1447.82 373.85,-1451.55"/>
</g>
<!-- src/components/WidgetWrapper.tsx&#45;&gt;src/css/font.ts -->
<g id="edge424" class="edge">
<title>src/components/WidgetWrapper.tsx&#45;&gt;src/css/font.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M471.55,-1447.23C481.14,-1451.38 490.24,-1457.39 496,-1466.1 502.69,-1476.22 502.98,-3201.01 504,-3213.1 544.45,-3692.06 626.9,-3802.43 680.5,-4280.1 683.21,-4304.21 682.09,-4476.68 693.5,-4498.1 693.87,-4498.8 873.8,-4635.74 874.5,-4636.1 886.36,-4642.24 900.25,-4647.05 912.51,-4650.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.04,-4652.62 918.38,-4652.2 913.16,-4648.58 912.04,-4652.62"/>
</g>
<!-- src/components/WidgetWrapper.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge425" class="edge">
<title>src/components/WidgetWrapper.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M481.78,-1435.28C487.25,-1432.99 492.19,-1429.71 496,-1425.1 515.7,-1401.24 483.84,-334.58 504,-311.1 512.64,-301.04 525.11,-295.83 538.15,-293.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.55,-295.48 544.17,-292.49 537.92,-291.32 538.55,-295.48"/>
</g>
<!-- src/components/Swap/Speedbump/index.tsx -->
<g id="node59" class="node">
<title>src/components/Swap/Speedbump/index.tsx</title>
<g id="a_node59"><a xlink:href="src/components/Swap/Speedbump/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M799,-2491.1C799,-2491.1 753,-2491.1 753,-2491.1 750,-2491.1 747,-2488.1 747,-2485.1 747,-2485.1 747,-2479.1 747,-2479.1 747,-2476.1 750,-2473.1 753,-2473.1 753,-2473.1 799,-2473.1 799,-2473.1 802,-2473.1 805,-2476.1 805,-2479.1 805,-2479.1 805,-2485.1 805,-2485.1 805,-2488.1 802,-2491.1 799,-2491.1"/>
<text text-anchor="start" x="755" y="-2479.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge136" class="edge">
<title>src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.33,-2472.93C794.02,-2434.76 846.18,-2284.5 866.5,-2156.1 868.01,-2146.54 867.5,-1988.78 874.5,-1982.1 897.16,-1960.46 992.23,-1961.11 1015.5,-1982.1 1077.3,-2037.85 1096.35,-2673.64 1099.13,-2780.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.03,-2780.89 1099.28,-2786.83 1101.23,-2780.78 1097.03,-2780.89"/>
</g>
<!-- src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge139" class="edge">
<title>src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.17,-2477.69C825.35,-2476.28 851.52,-2478.37 866.5,-2495.1 884,-2514.65 859.56,-2709.53 874.5,-2731.1 883.22,-2743.68 898.48,-2750.82 912.53,-2754.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.11,-2756.92 918.45,-2756.41 913.18,-2752.86 912.11,-2756.92"/>
</g>
<!-- src/components/Swap/Speedbump/index.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge140" class="edge">
<title>src/components/Swap/Speedbump/index.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.3,-2477.56C825.56,-2476.09 851.76,-2478.16 866.5,-2495.1 879.59,-2510.15 861.71,-3915.8 874.5,-3931.1 883.16,-3941.46 897.18,-3945.35 910.41,-3946.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.31,-3948.49 916.41,-3946.69 910.52,-3944.3 910.31,-3948.49"/>
</g>
<!-- src/components/Swap/Speedbump/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge141" class="edge">
<title>src/components/Swap/Speedbump/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.31,-2477.56C825.57,-2476.09 851.77,-2478.16 866.5,-2495.1 881.29,-2512.11 859.39,-4101.38 874.5,-4118.1 895.63,-4141.48 990.33,-4114.15 1015.5,-4133.1 1027.76,-4142.34 1019.92,-4152.37 1028.5,-4165.1 1043.51,-4187.39 1066.67,-4208.18 1082.42,-4221"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1081.46,-4222.92 1087.46,-4225.03 1084.08,-4219.64 1081.46,-4222.92"/>
</g>
<!-- src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge138" class="edge">
<title>src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M746.85,-2477.96C724.66,-2476.68 696.38,-2479.68 687,-2501.1 682.08,-2512.35 682.08,-2710.85 687,-2722.1 695.41,-2741.31 718.54,-2747.15 739.11,-2748.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.04,-2750.36 745.11,-2748.46 739.18,-2746.16 739.04,-2750.36"/>
</g>
<!-- src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge137" class="edge">
<title>src/components/Swap/Speedbump/index.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.14,-2477.71C825.32,-2476.31 851.48,-2478.41 866.5,-2495.1 881.82,-2512.13 859.76,-2683.57 874.5,-2701.1 882.13,-2710.17 893.79,-2714.57 905.42,-2716.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.25,-2718.61 911.48,-2717.31 905.81,-2714.44 905.25,-2718.61"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx -->
<g id="node60" class="node">
<title>src/components/Swap/Status/StatusDialog.tsx</title>
<g id="a_node60"><a xlink:href="src/components/Swap/Status/StatusDialog.tsx" xlink:title="StatusDialog.tsx">
<path fill="#bbfeff" stroke="black" d="M469,-2103.1C469,-2103.1 391,-2103.1 391,-2103.1 388,-2103.1 385,-2100.1 385,-2097.1 385,-2097.1 385,-2091.1 385,-2091.1 385,-2088.1 388,-2085.1 391,-2085.1 391,-2085.1 469,-2085.1 469,-2085.1 472,-2085.1 475,-2088.1 475,-2091.1 475,-2091.1 475,-2097.1 475,-2097.1 475,-2100.1 472,-2103.1 469,-2103.1"/>
<text text-anchor="start" x="393" y="-2091.9" font-family="Helvetica,sans-Serif" font-size="9.00">StatusDialog.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge142" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.33,-2103.11C461.1,-2113.96 485.59,-2133.79 496,-2158.1 507.24,-2184.36 489.27,-2647.63 504,-2672.1 550.17,-2748.79 616.23,-2706.8 680.5,-2769.1 688.66,-2777.01 684.19,-2784.6 693.5,-2791.1 702.36,-2797.29 713.03,-2801.13 723.69,-2803.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="723.31,-2805.55 729.61,-2804.64 724.12,-2801.42 723.31,-2805.55"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge146" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.32,-2103.12C461.08,-2113.97 485.57,-2133.8 496,-2158.1 505.73,-2180.77 487.05,-2584.18 504,-2602.1 531.03,-2630.67 650.03,-2590.24 680.5,-2615.1 696.96,-2628.53 677.01,-2647.7 693.5,-2661.1 723.41,-2685.4 838.63,-2646.49 866.5,-2673.1 888.83,-2694.42 854.21,-2718.84 874.5,-2742.1 883.87,-2752.84 898.71,-2757.6 912.32,-2759.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.26,-2761.67 918.46,-2760.28 912.74,-2757.5 912.26,-2761.67"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge149" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.67,-2103.29C461.49,-2114.16 485.8,-2133.87 496,-2158.1 506.35,-2182.68 489.06,-4056.01 504,-4078.1 596.25,-4214.55 731.34,-4249.23 866.5,-4155.1 932.68,-4109.01 942.85,-3999.98 944.3,-3959.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="946.4,-3959.51 944.47,-3953.45 942.21,-3959.39 946.4,-3959.51"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge151" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.67,-2103.29C461.5,-2114.15 485.8,-2133.87 496,-2158.1 507.55,-2185.55 495.02,-4273.71 504,-4302.1 545.36,-4432.82 632.67,-4426.61 680.5,-4555.1 690.24,-4581.27 677.53,-4657.19 693.5,-4680.1 742.5,-4750.37 819.73,-4693.33 866.5,-4765.1 878.34,-4783.27 858.86,-4945.08 874.5,-4960.1 897.11,-4981.8 992.92,-4981.82 1015.5,-4960.1 1028.96,-4947.15 1026.46,-4642.67 1028.5,-4624.1 1044.71,-4476.49 1084.03,-4300.65 1095.99,-4249.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1098.06,-4249.42 1097.37,-4243.1 1093.97,-4248.47 1098.06,-4249.42"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge143" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.32,-2103.12C461.08,-2113.97 485.56,-2133.8 496,-2158.1 505.5,-2180.21 487.56,-2573.53 504,-2591.1 517.45,-2605.47 660.92,-2604.11 680.5,-2606.1 763.32,-2614.52 807.89,-2568.99 866.5,-2628.1 889.48,-2651.28 852.63,-2676.88 874.5,-2701.1 882.37,-2709.82 893.98,-2714.15 905.48,-2716.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.23,-2718.22 911.47,-2716.97 905.82,-2714.06 905.23,-2718.22"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Error/ErrorDialog.tsx -->
<g id="edge144" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Error/ErrorDialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M432.92,-2085.09C441.87,-2042.57 479.81,-1857.69 496,-1704.1 498.08,-1684.41 492.73,-1542.38 504,-1526.1 514.84,-1510.45 533.13,-1500.89 550.68,-1495.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="551.48,-1497.01 556.59,-1493.23 550.23,-1493 551.48,-1497.01"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/EtherscanLink.tsx -->
<g id="edge145" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/EtherscanLink.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.65,-2103.29C461.46,-2114.17 485.75,-2133.89 496,-2158.1 506.5,-2182.89 491.93,-3103.04 504,-3127.1 517.9,-3154.82 548.29,-3174.66 570.67,-3186.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="569.87,-3188.15 576.17,-3188.96 571.75,-3184.4 569.87,-3188.15"/>
</g>
<!-- src/components/Swap/Summary/index.tsx -->
<g id="node61" class="node">
<title>src/components/Swap/Summary/index.tsx</title>
<g id="a_node61"><a xlink:href="src/components/Swap/Summary/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M621.5,-2127.1C621.5,-2127.1 575.5,-2127.1 575.5,-2127.1 572.5,-2127.1 569.5,-2124.1 569.5,-2121.1 569.5,-2121.1 569.5,-2115.1 569.5,-2115.1 569.5,-2112.1 572.5,-2109.1 575.5,-2109.1 575.5,-2109.1 621.5,-2109.1 621.5,-2109.1 624.5,-2109.1 627.5,-2112.1 627.5,-2115.1 627.5,-2115.1 627.5,-2121.1 627.5,-2121.1 627.5,-2124.1 624.5,-2127.1 621.5,-2127.1"/>
<text text-anchor="start" x="577.5" y="-2115.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Swap/Summary/index.tsx -->
<g id="edge147" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/components/Swap/Summary/index.tsx</title>
<g id="a_edge147"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M475.38,-2100.87C484.83,-2102.29 494.74,-2103.76 504,-2105.1 520.76,-2107.53 539.23,-2110.12 555.3,-2112.34"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="563.03,-2115.52 569.26,-2114.26 563.6,-2111.36 563.03,-2115.52"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="563.31,-2113.44 560.34,-2113.03 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="557.96" cy="-2112.7" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="498.04" y="-2110.56" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/constants/misc.ts -->
<g id="edge148" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/constants/misc.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.67,-2103.28C461.5,-2114.15 485.8,-2133.87 496,-2158.1 508.79,-2188.49 496.61,-4499.97 504,-4532.1 525.27,-4624.53 794.19,-5250.65 874.5,-5301.1 986.65,-5371.56 1078.34,-5394.25 1172.5,-5301.1 1184.4,-5289.33 1182.79,-4112.62 1185.5,-4096.1 1203.24,-3987.81 1254.21,-3864.64 1272.43,-3822.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1274.38,-3823.63 1274.87,-3817.29 1270.54,-3821.94 1274.38,-3823.63"/>
</g>
<!-- src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge150" class="edge">
<title>src/components/Swap/Status/StatusDialog.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.67,-2103.28C461.5,-2114.15 485.8,-2133.87 496,-2158.1 508.25,-2187.21 492.52,-4402.68 504,-4432.1 546.27,-4540.38 631.58,-4519.66 680.5,-4625.1 699.55,-4666.16 678.01,-4683.57 693.5,-4726.1 744.47,-4866.04 743.81,-4936.69 874.5,-5008.1 929.49,-5038.15 969.48,-5050.64 1015.5,-5008.1 1029,-4995.62 1022.85,-4860.6 1028.5,-4843.1 1066.37,-4725.81 1138.52,-4724.58 1172.5,-4606.1 1180.33,-4578.81 1166.83,-3605.49 1185.5,-3584.1 1196.94,-3570.99 1214.93,-3566.34 1232.09,-3565.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.43,-3567.48 1238.36,-3565.19 1232.3,-3563.28 1232.43,-3567.48"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge179" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.86,-2124.12C646.26,-2129.64 668.89,-2139.84 680.5,-2158.1 699.37,-2187.78 670.72,-2764.3 693.5,-2791.1 701.12,-2800.06 712.18,-2804.83 723.71,-2807.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="723.51,-2809.26 729.77,-2808.18 724.2,-2805.12 723.51,-2809.26"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge184" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.54,-2123.95C646.04,-2129.42 668.93,-2139.63 680.5,-2158.1 693.83,-2179.38 675.68,-3948.41 693.5,-3966.1 755.25,-4027.41 872.58,-3980.16 921.83,-3956.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="923.06,-3957.78 927.5,-3953.22 921.19,-3954.02 923.06,-3957.78"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge181" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.84,-2124.13C646.23,-2129.66 668.86,-2139.86 680.5,-2158.1 713.08,-2209.16 661.6,-2651.61 693.5,-2703.1 703.72,-2719.6 722.55,-2730.11 739.54,-2736.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="738.86,-2738.6 745.21,-2738.67 740.28,-2734.65 738.86,-2738.6"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge180" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.77,-2124.18C646.13,-2129.72 668.75,-2139.93 680.5,-2158.1 702.35,-2191.9 665.44,-2491.25 693.5,-2520.1 720.36,-2547.71 839.49,-2503.64 866.5,-2531.1 879.76,-2544.58 862.27,-2686.68 874.5,-2701.1 882.1,-2710.06 893.63,-2714.45 905.15,-2716.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.93,-2718.51 911.16,-2717.24 905.5,-2714.35 904.93,-2718.51"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/hooks/usePriceImpact.ts -->
<g id="edge182" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/hooks/usePriceImpact.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.55,-2123.95C646.05,-2129.41 668.94,-2139.62 680.5,-2158.1 712.91,-2209.91 667.59,-4302.75 693.5,-4358.1 736.16,-4449.22 822.85,-4413.45 866.5,-4504.1 873.44,-4518.52 863.03,-4780.94 874.5,-4792.1 919.42,-4835.79 971.11,-4836.34 1015.5,-4792.1 1034.09,-4773.58 1011.94,-1033.46 1028.5,-1013.1 1033.03,-1007.53 1039.07,-1003.69 1045.72,-1001.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1046.4,-1003.09 1051.43,-999.2 1045.07,-999.1 1046.4,-1003.09"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge185" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.55,-2123.95C646.06,-2129.41 668.94,-2139.61 680.5,-2158.1 698.73,-2187.26 686.11,-4600.52 693.5,-4634.1 732.05,-4809.2 877.68,-5271.15 1028.5,-5368.1 1055.42,-5385.4 1148.29,-5389.03 1172.5,-5368.1 1202.74,-5341.96 1157.92,-5308.04 1185.5,-5279.1 1244.55,-5217.13 1319.84,-5307.97 1374.5,-5242.1 1403.91,-5206.66 1368.36,-3625.99 1387.5,-3584.1 1398.34,-3560.37 1422.34,-3541.74 1440.29,-3530.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.13 1439.43,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge186" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.55,-2123.95C646.05,-2129.41 668.94,-2139.62 680.5,-2158.1 697.27,-2184.91 683.96,-4404.95 693.5,-4435.1 734.15,-4563.58 823.54,-4556.38 866.5,-4684.1 873.31,-4704.34 859.09,-4861.32 874.5,-4876.1 885.81,-4886.95 1002.92,-4885.44 1015.5,-4876.1 1031.53,-4864.2 1014.36,-4847.19 1028.5,-4833.1 1075.81,-4785.95 1132.29,-4843.43 1172.5,-4790.1 1191.23,-4765.26 1171.03,-3697.64 1185.5,-3670.1 1199.13,-3644.16 1228.1,-3626.2 1250.2,-3615.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.09,-3617.54 1255.66,-3613.11 1249.33,-3613.73 1251.09,-3617.54"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/hooks/useSlippage.ts -->
<g id="edge183" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/hooks/useSlippage.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.55,-2123.95C646.05,-2129.42 668.94,-2139.62 680.5,-2158.1 711.88,-2208.26 660.4,-4239.06 693.5,-4288.1 740,-4356.99 819.48,-4290.57 866.5,-4359.1 878.29,-4376.28 859.61,-4719.52 874.5,-4734.1 919.28,-4777.94 971.11,-4778.34 1015.5,-4734.1 1033.95,-4715.71 1012.06,-1003.31 1028.5,-983.1 1034.62,-975.57 1043.49,-971.22 1052.89,-968.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.37,-970.85 1058.8,-967.55 1052.49,-966.75 1053.37,-970.85"/>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Swap/Speedbump/index.tsx -->
<g id="edge176" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Swap/Speedbump/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.56,-2125.59C645.11,-2131.64 666.89,-2141.88 680.5,-2158.1 761.22,-2254.34 773.02,-2416.6 774.72,-2466.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="772.62,-2466.96 774.89,-2472.89 776.82,-2466.84 772.62,-2466.96"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx -->
<g id="node65" class="node">
<title>src/components/Swap/Summary/Details.tsx</title>
<g id="a_node65"><a xlink:href="src/components/Swap/Summary/Details.tsx" xlink:title="Details.tsx">
<path fill="#bbfeff" stroke="black" d="M801.5,-2127.1C801.5,-2127.1 750.5,-2127.1 750.5,-2127.1 747.5,-2127.1 744.5,-2124.1 744.5,-2121.1 744.5,-2121.1 744.5,-2115.1 744.5,-2115.1 744.5,-2112.1 747.5,-2109.1 750.5,-2109.1 750.5,-2109.1 801.5,-2109.1 801.5,-2109.1 804.5,-2109.1 807.5,-2112.1 807.5,-2115.1 807.5,-2115.1 807.5,-2121.1 807.5,-2121.1 807.5,-2124.1 804.5,-2127.1 801.5,-2127.1"/>
<text text-anchor="start" x="752.5" y="-2115.9" font-family="Helvetica,sans-Serif" font-size="9.00">Details.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Swap/Summary/Details.tsx -->
<g id="edge177" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Swap/Summary/Details.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.7,-2118.1C657.58,-2118.1 704.92,-2118.1 737.83,-2118.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="738.22,-2120.2 744.22,-2118.1 738.22,-2116 738.22,-2120.2"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx -->
<g id="node69" class="node">
<title>src/components/Swap/Summary/Summary.tsx</title>
<g id="a_node69"><a xlink:href="src/components/Swap/Summary/Summary.tsx" xlink:title="Summary.tsx">
<path fill="#bbfeff" stroke="black" d="M808,-2097.1C808,-2097.1 744,-2097.1 744,-2097.1 741,-2097.1 738,-2094.1 738,-2091.1 738,-2091.1 738,-2085.1 738,-2085.1 738,-2082.1 741,-2079.1 744,-2079.1 744,-2079.1 808,-2079.1 808,-2079.1 811,-2079.1 814,-2082.1 814,-2085.1 814,-2085.1 814,-2091.1 814,-2091.1 814,-2094.1 811,-2097.1 808,-2097.1"/>
<text text-anchor="start" x="746" y="-2085.9" font-family="Helvetica,sans-Serif" font-size="9.00">Summary.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Swap/Summary/Summary.tsx -->
<g id="edge178" class="edge">
<title>src/components/Swap/Summary/index.tsx&#45;&gt;src/components/Swap/Summary/Summary.tsx</title>
<g id="a_edge178"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M627.64,-2113.72C643.23,-2111.26 662.95,-2108.09 680.5,-2105.1 694.67,-2102.69 710.02,-2099.97 724.15,-2097.43"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="732.25,-2098.1 737.78,-2094.96 731.5,-2093.97 732.25,-2098.1"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="731.87,-2096.03 728.92,-2096.57 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="726.56" cy="-2096.99" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="658" y="-2097.56" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/state/transactions.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge686" class="edge">
<title>src/state/transactions.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1321.53,-3566.35C1338.15,-3564.22 1357.45,-3560.97 1374.5,-3556.1 1397.36,-3549.57 1422.11,-3538.5 1439.52,-3529.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1440.69,-3531.75 1445.13,-3527.2 1438.82,-3527.99 1440.69,-3531.75"/>
</g>
<!-- src/components/Swap/Status/index.ts -->
<g id="node64" class="node">
<title>src/components/Swap/Status/index.ts</title>
<g id="a_node64"><a xlink:href="src/components/Swap/Status/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M296,-2103.1C296,-2103.1 254,-2103.1 254,-2103.1 251,-2103.1 248,-2100.1 248,-2097.1 248,-2097.1 248,-2091.1 248,-2091.1 248,-2088.1 251,-2085.1 254,-2085.1 254,-2085.1 296,-2085.1 296,-2085.1 299,-2085.1 302,-2088.1 302,-2091.1 302,-2091.1 302,-2097.1 302,-2097.1 302,-2100.1 299,-2103.1 296,-2103.1"/>
<text text-anchor="start" x="256.5" y="-2091.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Status/index.ts&#45;&gt;src/components/Swap/Status/StatusDialog.tsx -->
<g id="edge152" class="edge">
<title>src/components/Swap/Status/index.ts&#45;&gt;src/components/Swap/Status/StatusDialog.tsx</title>
<g id="a_edge152"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M302.3,-2094.1C321.14,-2094.1 347.25,-2094.1 370.87,-2094.1"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="378.8,-2096.2 384.8,-2094.1 378.8,-2092 378.8,-2096.2"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="378.8,-2094.1 375.8,-2094.1 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="373.4" cy="-2094.1" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="367.7" y="-2086.9" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge156" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.2,-2127.25C793.8,-2166.67 847.05,-2326.18 866.5,-2462.1 868.62,-2476.9 866.01,-2718.79 874.5,-2731.1 883.19,-2743.7 898.45,-2750.84 912.5,-2754.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.09,-2756.94 918.43,-2756.42 913.15,-2752.88 912.09,-2756.94"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge158" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.68,-2121.79C827.44,-2122.31 852.06,-2119.14 866.5,-2103.1 886.01,-2081.42 856.83,-1995.31 874.5,-1972.1 882.59,-1961.47 895.66,-1955.52 908.33,-1952.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="909.12,-1954.17 914.49,-1950.77 908.17,-1950.08 909.12,-1954.17"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge164" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.28,-2127.24C794.24,-2166.61 848.74,-2325.95 866.5,-2462.1 867.97,-2473.41 866.85,-4095.64 874.5,-4104.1 895.63,-4127.48 991.41,-4098.79 1015.5,-4119.1 1031.74,-4132.8 1017.62,-4146.85 1028.5,-4165.1 1042.18,-4188.05 1065.42,-4208.57 1081.57,-4221.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1080.71,-4223.13 1086.75,-4225.1 1083.26,-4219.79 1080.71,-4223.13"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge155" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.18,-2127.25C793.73,-2166.68 846.8,-2326.22 866.5,-2462.1 868.41,-2475.25 865.98,-2690.91 874.5,-2701.1 882.11,-2710.19 893.76,-2714.59 905.39,-2716.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.23,-2718.63 911.45,-2717.34 905.78,-2714.47 905.23,-2718.63"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Rule.tsx -->
<g id="edge157" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Rule.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M779.77,-2127.49C799.25,-2193.56 915.73,-2588.53 940.05,-2671.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="938.05,-2671.65 941.76,-2676.81 942.08,-2670.46 938.05,-2671.65"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/hooks/usePriceImpact.ts -->
<g id="edge159" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/hooks/usePriceImpact.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.28,-2127.24C794.22,-2166.61 848.66,-2325.96 866.5,-2462.1 868.87,-2480.22 861.54,-3765.22 874.5,-3778.1 918.95,-3822.28 971.08,-3822.31 1015.5,-3778.1 1042.72,-3751.01 1004.24,-1042.87 1028.5,-1013.1 1033.04,-1007.53 1039.08,-1003.7 1045.73,-1001.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1046.4,-1003.09 1051.43,-999.21 1045.08,-999.11 1046.4,-1003.09"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge161" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M744.35,-2121.19C726.67,-2121.13 705.61,-2117.54 693.5,-2103.1 661.51,-2064.96 712.47,-349.25 680.5,-311.1 674.75,-304.24 666.98,-299.84 658.51,-297.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="658.89,-295.03 652.55,-295.47 657.78,-299.08 658.89,-295.03"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge162" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.29,-2127.24C794.25,-2166.61 848.76,-2325.95 866.5,-2462.1 869.62,-2486.07 863.56,-4180.55 874.5,-4202.1 909.76,-4271.53 979.92,-4236.83 1015.5,-4306.1 1027.53,-4329.53 1009.75,-5235.61 1028.5,-5254.1 1074.06,-5299.04 1121.5,-5292.76 1172.5,-5254.1 1180.78,-5247.83 1373.01,-4544.38 1374.5,-4534.1 1382.05,-4481.86 1365.43,-3632.05 1387.5,-3584.1 1398.41,-3560.4 1422.4,-3541.76 1440.32,-3530.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.66,-3532.07 1445.67,-3527.14 1439.46,-3528.49 1441.66,-3532.07"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge163" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.28,-2127.24C794.24,-2166.61 848.74,-2325.95 866.5,-2462.1 869.47,-2484.87 866.43,-4093.61 874.5,-4115.1 908.15,-4204.78 979.24,-4189.44 1015.5,-4278.1 1024.14,-4299.23 1011.86,-4467.48 1028.5,-4483.1 1075.16,-4526.9 1126.88,-4527.99 1172.5,-4483.1 1188.6,-4467.26 1174.95,-3690.07 1185.5,-3670.1 1199.19,-3644.19 1228.14,-3626.23 1250.23,-3615.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.12,-3617.55 1255.68,-3613.13 1249.35,-3613.74 1251.12,-3617.55"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Swap/Price.tsx -->
<g id="edge153" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Swap/Price.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.71,-2121C826.98,-2121.07 851.03,-2117.69 866.5,-2103.1 878.11,-2092.15 863.06,-2079.23 874.5,-2068.1 884.19,-2058.67 898.35,-2054.73 911.39,-2053.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.87,-2055.39 917.68,-2052.82 911.53,-2051.21 911.87,-2055.39"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/hooks/useSlippage.ts -->
<g id="edge160" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/hooks/useSlippage.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.28,-2127.24C794.22,-2166.61 848.65,-2325.96 866.5,-2462.1 868.84,-2479.95 861.73,-3745.41 874.5,-3758.1 918.95,-3802.28 971.08,-3802.31 1015.5,-3758.1 1042.82,-3730.91 1004.16,-1012.98 1028.5,-983.1 1034.63,-975.58 1043.5,-971.22 1052.9,-968.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.37,-970.86 1058.8,-967.55 1052.5,-966.75 1053.37,-970.86"/>
</g>
<!-- src/components/Swap/Summary/Estimate.tsx -->
<g id="node66" class="node">
<title>src/components/Swap/Summary/Estimate.tsx</title>
<g id="a_node66"><a xlink:href="src/components/Swap/Summary/Estimate.tsx" xlink:title="Estimate.tsx">
<path fill="#bbfeff" stroke="black" d="M976,-2112.1C976,-2112.1 915,-2112.1 915,-2112.1 912,-2112.1 909,-2109.1 909,-2106.1 909,-2106.1 909,-2100.1 909,-2100.1 909,-2097.1 912,-2094.1 915,-2094.1 915,-2094.1 976,-2094.1 976,-2094.1 979,-2094.1 982,-2097.1 982,-2100.1 982,-2100.1 982,-2106.1 982,-2106.1 982,-2109.1 979,-2112.1 976,-2112.1"/>
<text text-anchor="start" x="917" y="-2100.9" font-family="Helvetica,sans-Serif" font-size="9.00">Estimate.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Swap/Summary/Estimate.tsx -->
<g id="edge154" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/components/Swap/Summary/Estimate.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.72,-2115.35C834.35,-2112.96 873.13,-2109.49 902.6,-2106.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.95,-2108.93 908.74,-2106.3 902.58,-2104.75 902.95,-2108.93"/>
</g>
<!-- src/components/Swap/Summary/Details.tsx&#45;&gt;src/theme/breakpoints.ts -->
<g id="edge165" class="edge">
<title>src/components/Swap/Summary/Details.tsx&#45;&gt;src/theme/breakpoints.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.28,-2127.24C794.24,-2166.61 848.71,-2325.95 866.5,-2462.1 869.23,-2483.03 864.99,-3963.25 874.5,-3982.1 896.96,-4026.61 1027.17,-4107.25 1078.61,-4137.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1077.68,-4139.75 1083.91,-4141.01 1079.82,-4136.14 1077.68,-4139.75"/>
</g>
<!-- src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge169" class="edge">
<title>src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M982.36,-2101.15C994.71,-2102.47 1007.46,-2106.46 1015.5,-2116.1 1033.73,-2137.95 1017.34,-4138.92 1028.5,-4165.1 1038.89,-4189.46 1062.49,-4209.49 1079.63,-4221.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.59,-4223.41 1084.73,-4225.07 1080.97,-4219.95 1078.59,-4223.41"/>
</g>
<!-- src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge167" class="edge">
<title>src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M982.35,-2101.16C994.71,-2102.48 1007.45,-2106.46 1015.5,-2116.1 1047.41,-2154.3 995.17,-3871.13 1028.5,-3908.1 1050.06,-3932.01 1149.29,-3901.79 1172.5,-3924.1 1200.37,-3950.89 1156.19,-3984.89 1185.5,-4010.1 1249.18,-4064.88 1314.2,-4068.58 1374.5,-4010.1 1391.5,-3993.62 1377.42,-3605.52 1387.5,-3584.1 1398.61,-3560.49 1422.56,-3541.84 1440.43,-3530.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.75,-3532.12 1445.75,-3527.18 1439.55,-3528.54 1441.75,-3532.12"/>
</g>
<!-- src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/hooks/useSlippage.ts -->
<g id="edge166" class="edge">
<title>src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/hooks/useSlippage.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M982.33,-2105.03C994.68,-2103.7 1007.43,-2099.72 1015.5,-2090.1 1035.27,-2066.54 1008.99,-1006.87 1028.5,-983.1 1034.65,-975.6 1043.53,-971.25 1052.94,-968.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.41,-970.89 1058.84,-967.58 1052.54,-966.78 1053.41,-970.89"/>
</g>
<!-- src/state/routing/utils.ts -->
<g id="node68" class="node">
<title>src/state/routing/utils.ts</title>
<g id="a_node68"><a xlink:href="src/state/routing/utils.ts" xlink:title="utils.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-3527.1C1301,-3527.1 1259,-3527.1 1259,-3527.1 1256,-3527.1 1253,-3524.1 1253,-3521.1 1253,-3521.1 1253,-3515.1 1253,-3515.1 1253,-3512.1 1256,-3509.1 1259,-3509.1 1259,-3509.1 1301,-3509.1 1301,-3509.1 1304,-3509.1 1307,-3512.1 1307,-3515.1 1307,-3515.1 1307,-3521.1 1307,-3521.1 1307,-3524.1 1304,-3527.1 1301,-3527.1"/>
<text text-anchor="start" x="1264.5" y="-3515.9" font-family="Helvetica,sans-Serif" font-size="9.00">utils.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/state/routing/utils.ts -->
<g id="edge168" class="edge">
<title>src/components/Swap/Summary/Estimate.tsx&#45;&gt;src/state/routing/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M982.29,-2104.99C994.64,-2103.66 1007.39,-2099.69 1015.5,-2090.1 1039.61,-2061.59 1001.84,-1444.25 1028.5,-1418.1 1074.19,-1373.29 1127.1,-1372.99 1172.5,-1418.1 1192.9,-1438.38 1168.36,-3466 1185.5,-3489.1 1199.51,-3507.99 1225.68,-3514.93 1246.78,-3517.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.69,-3519.42 1252.86,-3517.9 1247.09,-3515.24 1246.69,-3519.42"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge171" class="edge">
<title>src/components/Swap/Summary/Summary.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.16,-2084.13C832.73,-2084.35 853.89,-2088.39 866.5,-2103.1 877.86,-2116.35 864.72,-2716.66 874.5,-2731.1 883.09,-2743.78 898.33,-2750.92 912.41,-2754.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.01,-2757.01 918.34,-2756.48 913.06,-2752.94 912.01,-2757.01"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge174" class="edge">
<title>src/components/Swap/Summary/Summary.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.21,-2084.08C832.8,-2084.3 853.95,-2088.34 866.5,-2103.1 882.94,-2122.44 858.23,-3911.61 874.5,-3931.1 883.16,-3941.47 897.18,-3945.35 910.4,-3946.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.31,-3948.5 916.4,-3946.7 910.51,-3944.3 910.31,-3948.5"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge175" class="edge">
<title>src/components/Swap/Summary/Summary.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.21,-2084.08C832.8,-2084.29 853.95,-2088.33 866.5,-2103.1 884.37,-2124.13 856.01,-4069.62 874.5,-4090.1 895.62,-4113.49 992.06,-4084.05 1015.5,-4105.1 1035.8,-4123.33 1015.26,-4141.24 1028.5,-4165.1 1041.5,-4188.53 1064.99,-4209.01 1081.38,-4221.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1080.15,-4223.15 1086.22,-4225.04 1082.65,-4219.77 1080.15,-4223.15"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge170" class="edge">
<title>src/components/Swap/Summary/Summary.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.15,-2084.13C832.73,-2084.36 853.88,-2088.39 866.5,-2103.1 888.13,-2128.32 853.44,-2675.4 874.5,-2701.1 882.01,-2710.27 893.64,-2714.69 905.28,-2716.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.12,-2718.72 911.35,-2717.42 905.67,-2714.56 905.12,-2718.72"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx&#45;&gt;src/hooks/usePriceImpact.ts -->
<g id="edge173" class="edge">
<title>src/components/Swap/Summary/Summary.tsx&#45;&gt;src/hooks/usePriceImpact.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.2,-2084.09C832.79,-2084.3 853.95,-2088.34 866.5,-2103.1 881.39,-2120.61 858.21,-3741.89 874.5,-3758.1 918.92,-3802.31 971.08,-3802.31 1015.5,-3758.1 1042.52,-3731.21 1004.42,-1042.66 1028.5,-1013.1 1033.04,-1007.53 1039.08,-1003.7 1045.73,-1001.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1046.4,-1003.09 1051.43,-999.21 1045.08,-999.11 1046.4,-1003.09"/>
</g>
<!-- src/components/Swap/Summary/Summary.tsx&#45;&gt;src/components/TokenImg.tsx -->
<g id="edge172" class="edge">
<title>src/components/Swap/Summary/Summary.tsx&#45;&gt;src/components/TokenImg.tsx</title>
<g id="a_edge172"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M810.72,-2078.96C830.41,-2071.76 853.81,-2059.61 866.5,-2040.1 879.5,-2020.11 870.7,-1956.64 874.5,-1933.1 890.18,-1836.1 923.11,-1723.39 937.51,-1676.43"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="941.86,-1669.49 941.63,-1663.13 937.85,-1668.24 941.86,-1669.49"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="939.85,-1668.87 938.96,-1671.73 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="938.25" cy="-1674.02" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="861.26" y="-1866.12" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx -->
<g id="node70" class="node">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx</title>
<g id="a_node70"><a xlink:href="src/components/Swap/SwapActionButton/AllowanceButton.tsx" xlink:title="AllowanceButton.tsx">
<path fill="#bbfeff" stroke="black" d="M323.5,-2487.1C323.5,-2487.1 226.5,-2487.1 226.5,-2487.1 223.5,-2487.1 220.5,-2484.1 220.5,-2481.1 220.5,-2481.1 220.5,-2475.1 220.5,-2475.1 220.5,-2472.1 223.5,-2469.1 226.5,-2469.1 226.5,-2469.1 323.5,-2469.1 323.5,-2469.1 326.5,-2469.1 329.5,-2472.1 329.5,-2475.1 329.5,-2475.1 329.5,-2481.1 329.5,-2481.1 329.5,-2484.1 326.5,-2487.1 323.5,-2487.1"/>
<text text-anchor="start" x="228.5" y="-2475.9" font-family="Helvetica,sans-Serif" font-size="9.00">AllowanceButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge187" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M329.66,-2479.67C337.87,-2482.28 345.44,-2486.5 351,-2493.1 368.44,-2513.8 344.61,-2961.22 364,-2980.1 402.83,-3017.91 673.32,-2959.41 680.5,-2952.1 711.28,-2920.74 669.23,-2890.73 693.5,-2854.1 704.75,-2837.13 724.22,-2825.34 741.31,-2817.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.31,-2819.55 746.99,-2815.25 740.65,-2815.69 742.31,-2819.55"/>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge193" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M329.78,-2479.57C337.97,-2482.19 345.51,-2486.44 351,-2493.1 373.78,-2520.74 338.61,-5046.84 364,-5072.1 463.72,-5171.32 578.49,-5168.96 680.5,-5072.1 700.75,-5052.87 674.1,-4841.19 693.5,-4821.1 720.31,-4793.34 839.75,-4833.91 866.5,-4806.1 872.98,-4799.37 873.81,-4647.42 874.5,-4638.1 894.72,-4365.55 933.69,-4034.17 942.64,-3959.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="944.73,-3959.68 943.37,-3953.47 940.56,-3959.18 944.73,-3959.68"/>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/components/EtherscanLink.tsx -->
<g id="edge188" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/components/EtherscanLink.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M329.71,-2479.63C337.91,-2482.25 345.47,-2486.48 351,-2493.1 375.48,-2522.39 337.8,-3152.34 364,-3180.1 376.05,-3192.87 478.08,-3196.6 543.22,-3197.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="543.38,-3199.78 549.41,-3197.77 543.44,-3195.58 543.38,-3199.78"/>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge192" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M284.96,-2468.93C301.8,-2450.99 337.64,-2409.24 351,-2366.1 361.08,-2333.57 344.78,-1168.21 364,-1140.1 399.69,-1087.92 460.32,-1139.29 496,-1087.1 508.17,-1069.3 489.93,-327.43 504,-311.1 512.65,-301.05 525.13,-295.85 538.17,-293.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.58,-295.49 544.19,-292.51 537.94,-291.34 538.58,-295.49"/>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge189" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M329.79,-2479.56C337.98,-2482.19 345.51,-2486.44 351,-2493.1 376.31,-2523.83 352.85,-5320.89 364,-5359.1 394.78,-5464.57 454.7,-5466.3 496,-5568.1 502.49,-5584.09 493.52,-5592.39 504,-5606.1 605.28,-5738.61 709.43,-5759.17 866.5,-5703.1 1039.02,-5641.52 1036.21,-5548.25 1185.5,-5442.1 1265.82,-5384.99 1326.07,-5411.94 1374.5,-5326.1 1387.28,-5303.46 1387.01,-3480.1 1387.5,-3454.1 1406.68,-2433.04 1455.89,-1173.12 1461.9,-1021.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1464,-1021.34 1462.13,-1015.26 1459.8,-1021.17 1464,-1021.34"/>
</g>
<!-- src/hooks/usePermit2Allowance.ts -->
<g id="node72" class="node">
<title>src/hooks/usePermit2Allowance.ts</title>
<g id="a_node72"><a xlink:href="src/hooks/usePermit2Allowance.ts" xlink:title="usePermit2Allowance.ts">
<path fill="#ddfeff" stroke="black" d="M1336,-1037.1C1336,-1037.1 1224,-1037.1 1224,-1037.1 1221,-1037.1 1218,-1034.1 1218,-1031.1 1218,-1031.1 1218,-1025.1 1218,-1025.1 1218,-1022.1 1221,-1019.1 1224,-1019.1 1224,-1019.1 1336,-1019.1 1336,-1019.1 1339,-1019.1 1342,-1022.1 1342,-1025.1 1342,-1025.1 1342,-1031.1 1342,-1031.1 1342,-1034.1 1339,-1037.1 1336,-1037.1"/>
<text text-anchor="start" x="1226" y="-1025.9" font-family="Helvetica,sans-Serif" font-size="9.00">usePermit2Allowance.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts -->
<g id="edge190" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M329.79,-2479.57C337.98,-2482.19 345.51,-2486.44 351,-2493.1 375.38,-2522.7 350.14,-5218.35 364,-5254.1 395.62,-5335.66 459.98,-5320.38 496,-5400.1 502.45,-5414.37 492.32,-5459.68 504,-5470.1 624.22,-5577.36 720.62,-5538.48 866.5,-5470.1 960.23,-5426.17 977.75,-5387.48 1015.5,-5291.1 1035.63,-5239.71 1015.09,-5096.63 1028.5,-5043.1 1065.13,-4896.91 1139.46,-4883.14 1172.5,-4736.1 1178.12,-4711.08 1168.83,-1062.59 1185.5,-1043.1 1192.38,-1035.06 1201.71,-1030.11 1211.82,-1027.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1212.53,-1029.2 1217.86,-1025.74 1211.53,-1025.12 1212.53,-1029.2"/>
</g>
<!-- src/hooks/useTokenColorExtraction.ts -->
<g id="node73" class="node">
<title>src/hooks/useTokenColorExtraction.ts</title>
<g id="a_node73"><a xlink:href="src/hooks/useTokenColorExtraction.ts" xlink:title="useTokenColorExtraction.ts">
<path fill="#ddfeff" stroke="black" d="M661.5,-365.1C661.5,-365.1 535.5,-365.1 535.5,-365.1 532.5,-365.1 529.5,-362.1 529.5,-359.1 529.5,-359.1 529.5,-353.1 529.5,-353.1 529.5,-350.1 532.5,-347.1 535.5,-347.1 535.5,-347.1 661.5,-347.1 661.5,-347.1 664.5,-347.1 667.5,-350.1 667.5,-353.1 667.5,-353.1 667.5,-359.1 667.5,-359.1 667.5,-362.1 664.5,-365.1 661.5,-365.1"/>
<text text-anchor="start" x="537.5" y="-353.9" font-family="Helvetica,sans-Serif" font-size="9.00">useTokenColorExtraction.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts -->
<g id="edge191" class="edge">
<title>src/components/Swap/SwapActionButton/AllowanceButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M284.96,-2468.93C301.79,-2450.99 337.63,-2409.24 351,-2366.1 360.85,-2334.31 343.47,-1194.29 364,-1168.1 401.37,-1120.42 458.64,-1181.79 496,-1134.1 509.09,-1117.39 490.06,-386.11 504,-370.1 509.32,-363.98 516.08,-359.71 523.51,-356.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="524.31,-358.73 529.31,-354.81 522.95,-354.76 524.31,-358.73"/>
</g>
<!-- src/hooks/transactions/index.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge510" class="edge">
<title>src/hooks/transactions/index.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1462.27,-1015.24C1458.02,-1180.45 1397.26,-3530.58 1374.5,-3556.1 1362.92,-3569.08 1344.9,-3573.72 1327.76,-3574.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1327.43,-3572.6 1321.5,-3574.89 1327.57,-3576.79 1327.43,-3572.6"/>
</g>
<!-- src/hooks/transactions/index.tsx&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge508" class="edge">
<title>src/hooks/transactions/index.tsx&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1492.88,-1000.01C1510.04,-996.64 1532.42,-992.8 1552.5,-991.1 1600.77,-987.02 1616.78,-972.48 1661.5,-991.1 1687.05,-1001.74 1707.84,-1027.51 1719.02,-1043.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1717.36,-1045.11 1722.44,-1048.94 1720.86,-1042.78 1717.36,-1045.11"/>
</g>
<!-- src/hooks/transactions/updater.tsx -->
<g id="node162" class="node">
<title>src/hooks/transactions/updater.tsx</title>
<g id="a_node162"><a xlink:href="src/hooks/transactions/updater.tsx" xlink:title="updater.tsx">
<path fill="#bbfeff" stroke="black" d="M1635,-1015.1C1635,-1015.1 1579,-1015.1 1579,-1015.1 1576,-1015.1 1573,-1012.1 1573,-1009.1 1573,-1009.1 1573,-1003.1 1573,-1003.1 1573,-1000.1 1576,-997.1 1579,-997.1 1579,-997.1 1635,-997.1 1635,-997.1 1638,-997.1 1641,-1000.1 1641,-1003.1 1641,-1003.1 1641,-1009.1 1641,-1009.1 1641,-1012.1 1638,-1015.1 1635,-1015.1"/>
<text text-anchor="start" x="1581" y="-1003.9" font-family="Helvetica,sans-Serif" font-size="9.00">updater.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/transactions/index.tsx&#45;&gt;src/hooks/transactions/updater.tsx -->
<g id="edge509" class="edge">
<title>src/hooks/transactions/index.tsx&#45;&gt;src/hooks/transactions/updater.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1492.79,-1006.1C1513.97,-1006.1 1543.19,-1006.1 1566.65,-1006.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1566.78,-1008.2 1572.78,-1006.1 1566.78,-1004 1566.78,-1008.2"/>
</g>
<!-- src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge572" class="edge">
<title>src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.19,-1020.68C1370.72,-1017.23 1403.63,-1013.24 1427.81,-1010.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.37,-1012.35 1434.07,-1009.55 1427.86,-1008.18 1428.37,-1012.35"/>
</g>
<!-- src/constants/chainInfo.ts -->
<g id="node134" class="node">
<title>src/constants/chainInfo.ts</title>
<g id="a_node134"><a xlink:href="src/constants/chainInfo.ts" xlink:title="chainInfo.ts">
<path fill="#ddfeff" stroke="black" d="M1636,-3727.1C1636,-3727.1 1578,-3727.1 1578,-3727.1 1575,-3727.1 1572,-3724.1 1572,-3721.1 1572,-3721.1 1572,-3715.1 1572,-3715.1 1572,-3712.1 1575,-3709.1 1578,-3709.1 1578,-3709.1 1636,-3709.1 1636,-3709.1 1639,-3709.1 1642,-3712.1 1642,-3715.1 1642,-3715.1 1642,-3721.1 1642,-3721.1 1642,-3724.1 1639,-3727.1 1636,-3727.1"/>
<text text-anchor="start" x="1580" y="-3715.9" font-family="Helvetica,sans-Serif" font-size="9.00">chainInfo.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit2Allowance.ts&#45;&gt;src/constants/chainInfo.ts -->
<g id="edge571" class="edge">
<title>src/hooks/usePermit2Allowance.ts&#45;&gt;src/constants/chainInfo.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.1,-1025.77C1354.5,-1028.32 1366.24,-1033.5 1374.5,-1043.1 1387.52,-1058.23 1385.87,-2460.21 1387.5,-2480.1 1423.35,-2916.76 1492.39,-3018.51 1539.5,-3454.1 1544.62,-3501.47 1532.21,-3624.99 1552.5,-3668.1 1559.8,-3683.6 1574.23,-3696.64 1586.27,-3705.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1585.15,-3707.29 1591.26,-3709.05 1587.58,-3703.86 1585.15,-3707.29"/>
</g>
<!-- src/hooks/useTokenAllowance.ts -->
<g id="node165" class="node">
<title>src/hooks/useTokenAllowance.ts</title>
<g id="a_node165"><a xlink:href="src/hooks/useTokenAllowance.ts" xlink:title="useTokenAllowance.ts">
<path fill="#ddfeff" stroke="black" d="M1514.5,-803.1C1514.5,-803.1 1412.5,-803.1 1412.5,-803.1 1409.5,-803.1 1406.5,-800.1 1406.5,-797.1 1406.5,-797.1 1406.5,-791.1 1406.5,-791.1 1406.5,-788.1 1409.5,-785.1 1412.5,-785.1 1412.5,-785.1 1514.5,-785.1 1514.5,-785.1 1517.5,-785.1 1520.5,-788.1 1520.5,-791.1 1520.5,-791.1 1520.5,-797.1 1520.5,-797.1 1520.5,-800.1 1517.5,-803.1 1514.5,-803.1"/>
<text text-anchor="start" x="1414.5" y="-791.9" font-family="Helvetica,sans-Serif" font-size="9.00">useTokenAllowance.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/useTokenAllowance.ts -->
<g id="edge575" class="edge">
<title>src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/useTokenAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.21,-1030C1354.44,-1027.43 1366.1,-1022.35 1374.5,-1013.1 1405.05,-979.48 1357.6,-843.3 1387.5,-809.1 1391.22,-804.84 1395.78,-801.59 1400.8,-799.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1401.7,-801.01 1406.4,-796.74 1400.06,-797.15 1401.7,-801.01"/>
</g>
<!-- src/hooks/useInterval.ts -->
<g id="node176" class="node">
<title>src/hooks/useInterval.ts</title>
<g id="a_node176"><a xlink:href="src/hooks/useInterval.ts" xlink:title="useInterval.ts">
<path fill="#ddfeff" stroke="black" d="M1496.5,-951.1C1496.5,-951.1 1430.5,-951.1 1430.5,-951.1 1427.5,-951.1 1424.5,-948.1 1424.5,-945.1 1424.5,-945.1 1424.5,-939.1 1424.5,-939.1 1424.5,-936.1 1427.5,-933.1 1430.5,-933.1 1430.5,-933.1 1496.5,-933.1 1496.5,-933.1 1499.5,-933.1 1502.5,-936.1 1502.5,-939.1 1502.5,-939.1 1502.5,-945.1 1502.5,-945.1 1502.5,-948.1 1499.5,-951.1 1496.5,-951.1"/>
<text text-anchor="start" x="1432.5" y="-939.9" font-family="Helvetica,sans-Serif" font-size="9.00">useInterval.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/useInterval.ts -->
<g id="edge573" class="edge">
<title>src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/useInterval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.12,-1028.75C1354.06,-1026.18 1365.62,-1021.42 1374.5,-1013.1 1393.46,-995.34 1368.77,-974.11 1387.5,-956.1 1395.72,-948.2 1406.89,-944.03 1418.1,-941.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1418.69,-944.01 1424.31,-941.04 1418.06,-939.86 1418.69,-944.01"/>
</g>
<!-- src/hooks/usePermitAllowance.ts -->
<g id="node179" class="node">
<title>src/hooks/usePermitAllowance.ts</title>
<g id="a_node179"><a xlink:href="src/hooks/usePermitAllowance.ts" xlink:title="usePermitAllowance.ts">
<path fill="#ddfeff" stroke="black" d="M1516.5,-833.1C1516.5,-833.1 1410.5,-833.1 1410.5,-833.1 1407.5,-833.1 1404.5,-830.1 1404.5,-827.1 1404.5,-827.1 1404.5,-821.1 1404.5,-821.1 1404.5,-818.1 1407.5,-815.1 1410.5,-815.1 1410.5,-815.1 1516.5,-815.1 1516.5,-815.1 1519.5,-815.1 1522.5,-818.1 1522.5,-821.1 1522.5,-821.1 1522.5,-827.1 1522.5,-827.1 1522.5,-830.1 1519.5,-833.1 1516.5,-833.1"/>
<text text-anchor="start" x="1412.5" y="-821.9" font-family="Helvetica,sans-Serif" font-size="9.00">usePermitAllowance.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/usePermitAllowance.ts -->
<g id="edge574" class="edge">
<title>src/hooks/usePermit2Allowance.ts&#45;&gt;src/hooks/usePermitAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1342.13,-1029.93C1354.37,-1027.36 1366.05,-1022.3 1374.5,-1013.1 1400.74,-984.55 1361.82,-868.15 1387.5,-839.1 1390.72,-835.46 1394.54,-832.56 1398.74,-830.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1399.72,-832.11 1404.24,-827.64 1397.92,-828.32 1399.72,-832.11"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx -->
<g id="node74" class="node">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx</title>
<g id="a_node74"><a xlink:href="src/components/Swap/SwapActionButton/ApproveButton.tsx" xlink:title="ApproveButton.tsx">
<path fill="#bbfeff" stroke="black" d="M474.5,-2517.1C474.5,-2517.1 385.5,-2517.1 385.5,-2517.1 382.5,-2517.1 379.5,-2514.1 379.5,-2511.1 379.5,-2511.1 379.5,-2505.1 379.5,-2505.1 379.5,-2502.1 382.5,-2499.1 385.5,-2499.1 385.5,-2499.1 474.5,-2499.1 474.5,-2499.1 477.5,-2499.1 480.5,-2502.1 480.5,-2505.1 480.5,-2505.1 480.5,-2511.1 480.5,-2511.1 480.5,-2514.1 477.5,-2517.1 474.5,-2517.1"/>
<text text-anchor="start" x="387.5" y="-2505.9" font-family="Helvetica,sans-Serif" font-size="9.00">ApproveButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge195" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.75,-2510.6C486.6,-2512.9 491.92,-2516.26 496,-2521.1 506.85,-2533.98 491.94,-2812.35 504,-2824.1 532.1,-2851.47 641.94,-2831.26 680.5,-2824.1 686.59,-2822.97 687.52,-2820.71 693.5,-2819.1 703.22,-2816.49 713.73,-2814.33 723.88,-2812.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="724.23,-2814.65 729.81,-2811.59 723.54,-2810.5 724.23,-2814.65"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge201" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.53,-2510.4C486.49,-2512.7 491.9,-2516.12 496,-2521.1 514.19,-2543.2 483.72,-4561.9 504,-4582.1 635.91,-4713.5 785.08,-4539.55 866.5,-4372.1 938.54,-4223.93 944.44,-4017.52 944.61,-3959.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="946.71,-3959.4 944.61,-3953.4 942.51,-3959.4 946.71,-3959.4"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/components/EtherscanLink.tsx -->
<g id="edge196" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/components/EtherscanLink.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.81,-2510.55C486.65,-2512.86 491.95,-2516.23 496,-2521.1 506.76,-2534.05 496.42,-3112.07 504,-3127.1 517.97,-3154.78 548.34,-3174.63 570.7,-3186.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="569.89,-3188.13 576.2,-3188.95 571.78,-3184.38 569.89,-3188.13"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts -->
<g id="edge198" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.53,-2510.4C486.49,-2512.7 491.9,-2516.12 496,-2521.1 514.43,-2543.49 486.81,-4585.74 504,-4609.1 642.21,-4796.93 850.34,-4890.75 1015.5,-4726.1 1036.16,-4705.5 1010.09,-547.73 1028.5,-525.1 1031.87,-520.96 1036.07,-517.77 1040.74,-515.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1041.77,-517.19 1046.41,-512.83 1040.07,-513.35 1041.77,-517.19"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge202" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.54,-2510.39C486.49,-2512.7 491.91,-2516.12 496,-2521.1 508.49,-2536.29 493.52,-5335.47 504,-5352.1 550.43,-5425.76 631.75,-5364.96 680.5,-5437.1 704.82,-5473.08 673.57,-5593.51 693.5,-5632.1 739.02,-5720.23 819.68,-5685.65 866.5,-5773.1 875.25,-5789.44 860.78,-5843.64 874.5,-5856.1 886.1,-5866.63 1004.17,-5866.92 1015.5,-5856.1 1037.95,-5834.67 1009.38,-5601.55 1028.5,-5577.1 1069.64,-5524.48 1129.54,-5585.25 1172.5,-5534.1 1204.45,-5496.07 1151.01,-5458.84 1185.5,-5423.1 1244.51,-5361.95 1318.92,-5458.39 1374.5,-5394.1 1390.94,-5375.08 1377.06,-3606.97 1387.5,-3584.1 1398.33,-3560.36 1422.33,-3541.73 1440.29,-3530.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.13 1439.43,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge203" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.53,-2510.39C486.49,-2512.7 491.91,-2516.12 496,-2521.1 518.75,-2548.77 482.87,-5071.17 504,-5100.1 552.62,-5166.67 629.94,-5091.99 680.5,-5157.1 709.04,-5193.85 664.73,-5329.52 693.5,-5366.1 745.56,-5432.29 791.24,-5409.51 874.5,-5422.1 936.46,-5431.47 970.54,-5465.75 1015.5,-5422.1 1033.01,-5405.1 1015.08,-5003.48 1028.5,-4983.1 1067.33,-4924.15 1134.26,-4975.43 1172.5,-4916.1 1192.55,-4885 1161.21,-3612.02 1185.5,-3584.1 1196.92,-3570.98 1214.91,-3566.32 1232.07,-3565.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.41,-3567.46 1238.34,-3565.18 1232.28,-3563.26 1232.41,-3567.46"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge199" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.53,-2510.39C486.49,-2512.7 491.91,-2516.12 496,-2521.1 507.52,-2535.11 497.55,-5115.16 504,-5132.1 549.22,-5250.82 591.97,-5269.74 693.5,-5346.1 811.89,-5435.13 870.37,-5461.77 1015.5,-5432.1 1101.61,-5414.49 1327.73,-5340.52 1374.5,-5266.1 1387.89,-5244.79 1387.02,-3479.26 1387.5,-3454.1 1406.8,-2433.04 1455.9,-1173.12 1461.9,-1021.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1464,-1021.34 1462.14,-1015.26 1459.8,-1021.17 1464,-1021.34"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts -->
<g id="edge200" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.62,-2504.22C486.57,-2501.74 491.95,-2498.17 496,-2493.1 514.4,-2470.06 484.71,-392.4 504,-370.1 509.3,-363.97 516.04,-359.68 523.47,-356.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="524.26,-358.7 529.26,-354.77 522.91,-354.73 524.26,-358.7"/>
</g>
<!-- src/components/Swap/SwapActionButton/useOnSubmit.ts -->
<g id="node75" class="node">
<title>src/components/Swap/SwapActionButton/useOnSubmit.ts</title>
<g id="a_node75"><a xlink:href="src/components/Swap/SwapActionButton/useOnSubmit.ts" xlink:title="useOnSubmit.ts">
<path fill="#ddfeff" stroke="black" d="M637,-2517.1C637,-2517.1 560,-2517.1 560,-2517.1 557,-2517.1 554,-2514.1 554,-2511.1 554,-2511.1 554,-2505.1 554,-2505.1 554,-2502.1 557,-2499.1 560,-2499.1 560,-2499.1 637,-2499.1 637,-2499.1 640,-2499.1 643,-2502.1 643,-2505.1 643,-2505.1 643,-2511.1 643,-2511.1 643,-2514.1 640,-2517.1 637,-2517.1"/>
<text text-anchor="start" x="562" y="-2505.9" font-family="Helvetica,sans-Serif" font-size="9.00">useOnSubmit.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/components/Swap/SwapActionButton/useOnSubmit.ts -->
<g id="edge194" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/components/Swap/SwapActionButton/useOnSubmit.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.5,-2508.1C501.71,-2508.1 526.42,-2508.1 547.66,-2508.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.84,-2510.2 553.84,-2508.1 547.84,-2506 547.84,-2510.2"/>
</g>
<!-- src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/constants/addresses.ts -->
<g id="edge197" class="edge">
<title>src/components/Swap/SwapActionButton/ApproveButton.tsx&#45;&gt;src/constants/addresses.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.54,-2510.39C486.49,-2512.7 491.91,-2516.12 496,-2521.1 508.69,-2536.53 499.74,-5378.58 504,-5398.1 567.39,-5688.21 593.49,-5858.11 874.5,-5954.1 933.8,-5974.36 969.97,-5997.16 1015.5,-5954.1 1034.26,-5936.36 1011.38,-5741.43 1028.5,-5722.1 1132.07,-5605.14 1250.38,-5754.98 1374.5,-5660.1 1510.49,-5556.15 1501.22,-5478.94 1539.5,-5312.1 1544.31,-5291.13 1539.43,-3780.19 1552.5,-3763.1 1555.7,-3758.92 1559.97,-3755.83 1564.71,-3753.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1565.66,-3755.46 1570.45,-3751.28 1564.1,-3751.56 1565.66,-3755.46"/>
</g>
<!-- src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge246" class="edge">
<title>src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M607.06,-2498.88C624.2,-2477.31 665.68,-2421.19 680.5,-2366.1 687.14,-2341.41 677.07,-544.69 693.5,-525.1 705.19,-511.16 725.22,-507.33 742.5,-507.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.71,-509.13 748.72,-507.06 742.73,-504.93 742.71,-509.13"/>
</g>
<!-- src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge248" class="edge">
<title>src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M643.17,-2504.69C657.13,-2506.03 671.32,-2510.4 680.5,-2521.1 700.08,-2543.94 677.93,-4661.36 693.5,-4687.1 738.57,-4761.61 818.52,-4706.42 866.5,-4779.1 878.05,-4796.6 859.06,-4858.92 874.5,-4873.1 920.65,-4915.49 957.14,-4895.92 1015.5,-4873.1 1022.82,-4870.24 1021.5,-4864.68 1028.5,-4861.1 1086.64,-4831.41 1130.86,-4882.38 1172.5,-4832.1 1193.09,-4807.24 1170.49,-3698.68 1185.5,-3670.1 1199.13,-3644.16 1228.09,-3626.2 1250.19,-3615.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.09,-3617.54 1255.65,-3613.11 1249.33,-3613.72 1251.09,-3617.54"/>
</g>
<!-- src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/state/transactions.ts -->
<g id="edge249" class="edge">
<title>src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M643.17,-2504.7C657.13,-2506.03 671.32,-2510.4 680.5,-2521.1 699.26,-2542.98 682.43,-4569.49 693.5,-4596.1 735.4,-4696.78 820.18,-4671.38 866.5,-4770.1 874.47,-4787.08 860.63,-4841.49 874.5,-4854.1 920.87,-4896.26 969.95,-4897.14 1015.5,-4854.1 1034.1,-4836.52 1012.63,-4644.19 1028.5,-4624.1 1069.9,-4571.69 1132.25,-4634.4 1172.5,-4581.1 1205.88,-4536.9 1149.07,-3625.83 1185.5,-3584.1 1196.94,-3570.99 1214.93,-3566.34 1232.09,-3565.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.43,-3567.48 1238.36,-3565.19 1232.3,-3563.28 1232.43,-3567.48"/>
</g>
<!-- src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge247" class="edge">
<title>src/components/Swap/SwapActionButton/useOnSubmit.ts&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M643.17,-2504.69C657.13,-2506.03 671.32,-2510.39 680.5,-2521.1 701.88,-2546.05 686.05,-4855.09 693.5,-4887.1 761.88,-5180.95 943.61,-5564.65 1172.5,-5368.1 1201.49,-5343.2 1159.33,-5310.95 1185.5,-5283.1 1244.37,-5220.47 1320.3,-5308.82 1374.5,-5242.1 1390.16,-5222.83 1387.03,-3478.93 1387.5,-3454.1 1406.85,-2433.04 1455.91,-1173.12 1461.9,-1021.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1464,-1021.34 1462.14,-1015.26 1459.8,-1021.17 1464,-1021.34"/>
</g>
<!-- src/constants/addresses.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge426" class="edge">
<title>src/constants/addresses.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1643.69,-3756.37C1649.75,-3758.27 1655.9,-3760.5 1661.5,-3763.1 1680.03,-3771.69 1699.14,-3785.19 1712.09,-3795.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1710.89,-3796.89 1716.91,-3798.93 1713.47,-3793.58 1710.89,-3796.89"/>
</g>
<!-- src/components/Swap/SwapActionButton/ConnectWalletButton.tsx -->
<g id="node77" class="node">
<title>src/components/Swap/SwapActionButton/ConnectWalletButton.tsx</title>
<g id="a_node77"><a xlink:href="src/components/Swap/SwapActionButton/ConnectWalletButton.tsx" xlink:title="ConnectWalletButton.tsx">
<path fill="#bbfeff" stroke="black" d="M488,-2427.1C488,-2427.1 372,-2427.1 372,-2427.1 369,-2427.1 366,-2424.1 366,-2421.1 366,-2421.1 366,-2415.1 366,-2415.1 366,-2412.1 369,-2409.1 372,-2409.1 372,-2409.1 488,-2409.1 488,-2409.1 491,-2409.1 494,-2412.1 494,-2415.1 494,-2415.1 494,-2421.1 494,-2421.1 494,-2424.1 491,-2427.1 488,-2427.1"/>
<text text-anchor="start" x="374" y="-2415.9" font-family="Helvetica,sans-Serif" font-size="9.00">ConnectWalletButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge204" class="edge">
<title>src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.8,-2427.22C492.08,-2428.91 494.17,-2430.86 496,-2433.1 508.25,-2448.14 490.72,-2767.97 504,-2782.1 517.48,-2796.44 660.9,-2795.33 680.5,-2797.1 694.45,-2798.36 709.55,-2799.77 723.5,-2801.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="723.65,-2803.22 729.82,-2801.7 724.05,-2799.04 723.65,-2803.22"/>
</g>
<!-- src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge206" class="edge">
<title>src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.78,-2427.23C492.07,-2428.92 494.16,-2430.86 496,-2433.1 514.68,-2455.87 483.75,-2676.71 504,-2698.1 531.06,-2726.68 645.42,-2695.25 680.5,-2713.1 688.36,-2717.1 685.92,-2723.59 693.5,-2728.1 707.23,-2736.27 724.25,-2740.75 739.18,-2743.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.19,-2745.31 745.43,-2744.12 739.8,-2741.16 739.19,-2745.31"/>
</g>
<!-- src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/components/ConnectWallet/ConnectWalletDialog.tsx -->
<g id="edge205" class="edge">
<title>src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/components/ConnectWallet/ConnectWalletDialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.81,-2427.21C492.09,-2428.9 494.18,-2430.85 496,-2433.1 510.98,-2451.57 488.22,-2843.31 504,-2861.1 510.82,-2868.79 519.91,-2873.49 529.74,-2876.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="529.29,-2878.26 535.61,-2877.58 530.25,-2874.17 529.29,-2878.26"/>
</g>
<!-- src/hooks/useConditionalHandler.ts -->
<g id="node78" class="node">
<title>src/hooks/useConditionalHandler.ts</title>
<g id="a_node78"><a xlink:href="src/hooks/useConditionalHandler.ts" xlink:title="useConditionalHandler.ts">
<path fill="#ddfeff" stroke="black" d="M656.5,-335.1C656.5,-335.1 540.5,-335.1 540.5,-335.1 537.5,-335.1 534.5,-332.1 534.5,-329.1 534.5,-329.1 534.5,-323.1 534.5,-323.1 534.5,-320.1 537.5,-317.1 540.5,-317.1 540.5,-317.1 656.5,-317.1 656.5,-317.1 659.5,-317.1 662.5,-320.1 662.5,-323.1 662.5,-323.1 662.5,-329.1 662.5,-329.1 662.5,-332.1 659.5,-335.1 656.5,-335.1"/>
<text text-anchor="start" x="542.5" y="-323.9" font-family="Helvetica,sans-Serif" font-size="9.00">useConditionalHandler.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/hooks/useConditionalHandler.ts -->
<g id="edge207" class="edge">
<title>src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/hooks/useConditionalHandler.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.85,-2409.03C492.12,-2407.33 494.19,-2405.36 496,-2403.1 513.87,-2380.72 485.38,-362.86 504,-341.1 510.46,-333.55 519.09,-328.73 528.49,-325.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="529.19,-327.75 534.43,-324.16 528.09,-323.7 529.19,-327.75"/>
</g>
<!-- src/state/wallet.ts -->
<g id="node79" class="node">
<title>src/state/wallet.ts</title>
<g id="a_node79"><a xlink:href="src/state/wallet.ts" xlink:title="wallet.ts">
<path fill="#ddfeff" stroke="black" d="M966.5,-3512.1C966.5,-3512.1 924.5,-3512.1 924.5,-3512.1 921.5,-3512.1 918.5,-3509.1 918.5,-3506.1 918.5,-3506.1 918.5,-3500.1 918.5,-3500.1 918.5,-3497.1 921.5,-3494.1 924.5,-3494.1 924.5,-3494.1 966.5,-3494.1 966.5,-3494.1 969.5,-3494.1 972.5,-3497.1 972.5,-3500.1 972.5,-3500.1 972.5,-3506.1 972.5,-3506.1 972.5,-3509.1 969.5,-3512.1 966.5,-3512.1"/>
<text text-anchor="start" x="926.5" y="-3500.9" font-family="Helvetica,sans-Serif" font-size="9.00">wallet.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/state/wallet.ts -->
<g id="edge208" class="edge">
<title>src/components/Swap/SwapActionButton/ConnectWalletButton.tsx&#45;&gt;src/state/wallet.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.85,-2427.17C492.12,-2428.88 494.19,-2430.84 496,-2433.1 512.37,-2453.59 485.42,-4302.6 504,-4321.1 623.49,-4440.08 782.64,-4355.39 866.5,-4209.1 884.57,-4177.58 857.98,-3587.46 874.5,-3555.1 883.64,-3537.21 902.11,-3523.89 917.79,-3515.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="919.1,-3516.9 923.41,-3512.23 917.13,-3513.19 919.1,-3516.9"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx -->
<g id="node80" class="node">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx</title>
<g id="a_node80"><a xlink:href="src/components/Swap/SwapActionButton/SwapButton.tsx" xlink:title="SwapButton.tsx">
<path fill="#bbfeff" stroke="black" d="M468.5,-2457.1C468.5,-2457.1 391.5,-2457.1 391.5,-2457.1 388.5,-2457.1 385.5,-2454.1 385.5,-2451.1 385.5,-2451.1 385.5,-2445.1 385.5,-2445.1 385.5,-2442.1 388.5,-2439.1 391.5,-2439.1 391.5,-2439.1 468.5,-2439.1 468.5,-2439.1 471.5,-2439.1 474.5,-2442.1 474.5,-2445.1 474.5,-2445.1 474.5,-2451.1 474.5,-2451.1 474.5,-2454.1 471.5,-2457.1 468.5,-2457.1"/>
<text text-anchor="start" x="393.5" y="-2445.9" font-family="Helvetica,sans-Serif" font-size="9.00">SwapButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge209" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.63,-2449.99C482.87,-2452.4 490.58,-2456.46 496,-2463.1 507.69,-2477.44 491,-2782.93 504,-2796.1 519.04,-2811.34 649.51,-2809.97 723.79,-2807.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="723.98,-2810 729.92,-2807.73 723.86,-2805.8 723.98,-2810"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge210" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.59,-2450.03C482.83,-2452.43 490.56,-2456.48 496,-2463.1 513.58,-2484.48 485.35,-2691.64 504,-2712.1 563.63,-2777.53 680.42,-2765.61 739.28,-2754.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740,-2756.36 745.48,-2753.14 739.19,-2752.24 740,-2756.36"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge214" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.72,-2446.27C482.95,-2443.86 490.64,-2439.79 496,-2433.1 514.3,-2410.28 484.13,-1401.57 504,-1380.1 530.74,-1351.21 653.65,-1393.88 680.5,-1365.1 712.34,-1330.97 663.36,-560.73 693.5,-525.1 705.25,-511.21 725.28,-507.38 742.54,-507.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.75,-509.17 748.76,-507.1 742.77,-504.97 742.75,-509.17"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge221" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2449.91C482.97,-2452.32 490.65,-2456.4 496,-2463.1 506.88,-2476.73 495.91,-4958.66 504,-4974.1 548.38,-5058.79 632.79,-5014.24 680.5,-5097.1 697.97,-5127.44 671.85,-5226.59 693.5,-5254.1 783.52,-5368.51 910.54,-5414.97 1015.5,-5314.1 1041.72,-5288.9 1004.91,-5014.77 1028.5,-4987.1 1070.85,-4937.42 1130.89,-5008.41 1172.5,-4958.1 1195.3,-4930.53 1168.88,-3701.79 1185.5,-3670.1 1199.11,-3644.15 1228.08,-3626.19 1250.19,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.08,-3617.53 1255.65,-3613.11 1249.32,-3613.72 1251.08,-3617.53"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useTransactionDeadline.ts -->
<g id="edge220" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useTransactionDeadline.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2449.91C482.97,-2452.32 490.65,-2456.4 496,-2463.1 516.61,-2488.92 486.76,-4813.92 504,-4842.1 550.06,-4917.39 632.31,-4859.16 680.5,-4933.1 706.63,-4973.2 661.94,-5112.12 693.5,-5148.1 740.97,-5202.21 963.63,-5233 1015.5,-5183.1 1028.96,-5170.15 1023,-4864.95 1028.5,-4847.1 1064.03,-4731.85 1139,-4732.96 1172.5,-4617.1 1179.45,-4593.06 1169.23,-1032.12 1185.5,-1013.1 1191.23,-1006.4 1198.66,-1001.85 1206.83,-998.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1207.52,-1000.83 1212.6,-997 1206.24,-996.83 1207.52,-1000.83"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Swap/Summary/index.tsx -->
<g id="edge211" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Swap/Summary/index.tsx</title>
<g id="a_edge211"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M474.61,-2446.19C482.84,-2443.78 490.57,-2439.73 496,-2433.1 515.38,-2409.46 486.79,-2183.37 504,-2158.1 515.83,-2140.72 536.89,-2130.85 556.03,-2125.27"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="564.16,-2125.41 569.47,-2121.92 563.14,-2121.33 564.16,-2125.41"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="563.65,-2123.37 560.74,-2124.1 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="558.41" cy="-2124.68" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="524.86" y="-2278.01" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge222" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2449.91C482.97,-2452.32 490.65,-2456.4 496,-2463.1 517.39,-2489.9 485.1,-4903.49 504,-4932.1 551.07,-5003.37 631.44,-4938.19 680.5,-5008.1 708.38,-5047.83 662.99,-5188.36 693.5,-5226.1 743.66,-5288.15 807.92,-5219.92 866.5,-5274.1 874.14,-5281.16 865.98,-5290.13 874.5,-5296.1 925.83,-5332.05 970.49,-5339.7 1015.5,-5296.1 1048,-5264.62 1000.89,-4924.95 1028.5,-4889.1 1069.25,-4836.18 1132.32,-4899.46 1172.5,-4846.1 1193.59,-4818.1 1162.48,-3610.54 1185.5,-3584.1 1196.92,-3570.98 1214.91,-3566.32 1232.07,-3565.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.41,-3567.46 1238.35,-3565.18 1232.28,-3563.26 1232.41,-3567.46"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts -->
<g id="edge219" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2446.29C482.96,-2443.88 490.65,-2439.8 496,-2433.1 513.88,-2410.71 485.26,-391.77 504,-370.1 509.3,-363.97 516.04,-359.68 523.47,-356.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="524.27,-358.7 529.26,-354.77 522.91,-354.73 524.27,-358.7"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Swap/SwapActionButton/useOnSubmit.ts -->
<g id="edge213" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Swap/SwapActionButton/useOnSubmit.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.67,-2456.97C481.86,-2458.78 489.19,-2460.83 496,-2463.1 523.74,-2472.36 554.26,-2486.45 574.51,-2496.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="573.63,-2498.3 579.94,-2499.08 575.49,-2494.54 573.63,-2498.3"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useConditionalHandler.ts -->
<g id="edge216" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useConditionalHandler.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2446.29C482.96,-2443.88 490.65,-2439.8 496,-2433.1 514.13,-2410.4 485.11,-363.18 504,-341.1 510.46,-333.55 519.09,-328.73 528.49,-325.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="529.19,-327.75 534.43,-324.16 528.09,-323.7 529.19,-327.75"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx -->
<g id="node81" class="node">
<title>src/components/Swap/Toolbar/index.tsx</title>
<g id="a_node81"><a xlink:href="src/components/Swap/Toolbar/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M298,-2337.1C298,-2337.1 252,-2337.1 252,-2337.1 249,-2337.1 246,-2334.1 246,-2331.1 246,-2331.1 246,-2325.1 246,-2325.1 246,-2322.1 249,-2319.1 252,-2319.1 252,-2319.1 298,-2319.1 298,-2319.1 301,-2319.1 304,-2322.1 304,-2325.1 304,-2325.1 304,-2331.1 304,-2331.1 304,-2334.1 301,-2337.1 298,-2337.1"/>
<text text-anchor="start" x="254" y="-2325.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Swap/Toolbar/index.tsx -->
<g id="edge212" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/components/Swap/Toolbar/index.tsx</title>
<g id="a_edge212"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M385.2,-2445.16C377.28,-2442.78 369.73,-2439 364,-2433.1 343.48,-2411.96 368.57,-2391.75 351,-2368.1 342.51,-2356.67 329.76,-2348.18 317.18,-2342.03"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="310.65,-2336.9 304.3,-2336.44 308.97,-2340.76 310.65,-2336.9"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="309.81,-2338.83 312.56,-2340.02 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="314.76" cy="-2340.98" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="333.05" y="-2384.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/hooks/swap/useSwapCallback.tsx -->
<g id="node82" class="node">
<title>src/hooks/swap/useSwapCallback.tsx</title>
<g id="a_node82"><a xlink:href="src/hooks/swap/useSwapCallback.tsx" xlink:title="useSwapCallback.tsx">
<path fill="#bbfeff" stroke="black" stroke-width="2" d="M648,-399.1C648,-399.1 549,-399.1 549,-399.1 546,-399.1 543,-396.1 543,-393.1 543,-393.1 543,-387.1 543,-387.1 543,-384.1 546,-381.1 549,-381.1 549,-381.1 648,-381.1 648,-381.1 651,-381.1 654,-384.1 654,-387.1 654,-387.1 654,-393.1 654,-393.1 654,-396.1 651,-399.1 648,-399.1"/>
<text text-anchor="start" x="551" y="-387.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSwapCallback.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/swap/useSwapCallback.tsx -->
<g id="edge215" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/swap/useSwapCallback.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2446.29C482.96,-2443.88 490.65,-2439.8 496,-2433.1 513.58,-2411.09 485.69,-426.5 504,-405.1 512.27,-395.44 524.07,-390.25 536.53,-387.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="537.11,-389.74 542.68,-386.66 536.41,-385.59 537.11,-389.74"/>
</g>
<!-- src/hooks/useIsValidBlock.ts -->
<g id="node83" class="node">
<title>src/hooks/useIsValidBlock.ts</title>
<g id="a_node83"><a xlink:href="src/hooks/useIsValidBlock.ts" xlink:title="useIsValidBlock.ts">
<path fill="#ddfeff" stroke="black" d="M1649,-1067.1C1649,-1067.1 1565,-1067.1 1565,-1067.1 1562,-1067.1 1559,-1064.1 1559,-1061.1 1559,-1061.1 1559,-1055.1 1559,-1055.1 1559,-1052.1 1562,-1049.1 1565,-1049.1 1565,-1049.1 1649,-1049.1 1649,-1049.1 1652,-1049.1 1655,-1052.1 1655,-1055.1 1655,-1055.1 1655,-1061.1 1655,-1061.1 1655,-1064.1 1652,-1067.1 1649,-1067.1"/>
<text text-anchor="start" x="1567" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useIsValidBlock.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useIsValidBlock.ts -->
<g id="edge217" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useIsValidBlock.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2449.91C482.97,-2452.32 490.65,-2456.4 496,-2463.1 507.39,-2477.37 498.22,-5074.78 504,-5092.1 606.02,-5397.9 722.26,-5492.41 1028.5,-5593.1 1175.06,-5641.29 1270.25,-5678.83 1374.5,-5565.1 1393.74,-5544.1 1384.71,-5337.44 1387.5,-5309.1 1433.14,-4845.53 1501.98,-4736.4 1539.5,-4272.1 1554.29,-4089.12 1549,-3629.65 1552.5,-3446.1 1571.45,-2452.3 1601.82,-1226.01 1605.61,-1073.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1607.72,-1073.45 1605.77,-1067.4 1603.52,-1073.35 1607.72,-1073.45"/>
</g>
<!-- src/hooks/useSyncFlags.ts -->
<g id="node84" class="node">
<title>src/hooks/useSyncFlags.ts</title>
<g id="a_node84"><a xlink:href="src/hooks/useSyncFlags.ts" xlink:title="useSyncFlags.ts">
<path fill="#ddfeff" stroke="black" d="M1139,-1067.1C1139,-1067.1 1062,-1067.1 1062,-1067.1 1059,-1067.1 1056,-1064.1 1056,-1061.1 1056,-1061.1 1056,-1055.1 1056,-1055.1 1056,-1052.1 1059,-1049.1 1062,-1049.1 1062,-1049.1 1139,-1049.1 1139,-1049.1 1142,-1049.1 1145,-1052.1 1145,-1055.1 1145,-1055.1 1145,-1061.1 1145,-1061.1 1145,-1064.1 1142,-1067.1 1139,-1067.1"/>
<text text-anchor="start" x="1064" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncFlags.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge218" class="edge">
<title>src/components/Swap/SwapActionButton/SwapButton.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M474.74,-2449.91C482.97,-2452.32 490.65,-2456.4 496,-2463.1 515.94,-2488.08 485.2,-4738.26 504,-4764.1 639.5,-4950.33 852.34,-5009.64 1015.5,-4847.1 1032.37,-4830.29 1026.14,-1441.8 1028.5,-1418.1 1042,-1282.51 1082.51,-1122.18 1095.47,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.53,-1073.52 1097.04,-1067.18 1093.47,-1072.44 1097.53,-1073.52"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge307" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.21,-2335.33C320.92,-2341.22 340.76,-2351.36 351,-2368.1 373.06,-2404.17 335.69,-3097.69 364,-3129.1 382.71,-3149.86 846.15,-3171.25 866.5,-3152.1 877.12,-3142.11 872.15,-3035.49 874.5,-3021.1 890.04,-2925.72 925.89,-2814.86 939.31,-2775.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="941.32,-2775.79 941.26,-2769.43 937.34,-2774.44 941.32,-2775.79"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge320" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.01,-2341.16 340.86,-2351.3 351,-2368.1 386.56,-2427.01 328.17,-4786.36 364,-4845.1 439.17,-4968.34 572.65,-5014.06 680.5,-4918.1 717.61,-4885.08 657.85,-4841.69 693.5,-4807.1 721.19,-4780.23 839.69,-4819.85 866.5,-4792.1 872.45,-4785.94 873.85,-4646.64 874.5,-4638.1 895.31,-4365.59 933.83,-4034.18 942.66,-3959.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="944.76,-3959.68 943.38,-3953.47 940.59,-3959.19 944.76,-3959.68"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge313" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.21,-2335.34C320.91,-2341.22 340.75,-2351.36 351,-2368.1 372.38,-2403.03 338.08,-3073.39 364,-3105.1 408.73,-3159.82 612,-3153.5 680.5,-3136.1 771.67,-3112.94 817.3,-3115.27 866.5,-3035.1 883.36,-3007.63 856.22,-2771.65 874.5,-2745.1 881.74,-2734.58 893.56,-2727.87 905.45,-2723.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="906.22,-2725.54 911.26,-2721.68 904.91,-2721.55 906.22,-2725.54"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Expando.tsx -->
<g id="edge314" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Expando.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.06,-2335.43C320.71,-2341.34 340.54,-2351.49 351,-2368.1 369.01,-2396.71 355.29,-2639.43 364,-2672.1 398.82,-2802.71 388.5,-2871.88 504,-2942.1 520.76,-2952.29 666.21,-2955.53 680.5,-2942.1 697.61,-2926.01 680.76,-2750.83 693.5,-2731.1 703.16,-2716.14 719.83,-2706.06 735.59,-2699.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.54,-2701.33 741.34,-2697.16 734.99,-2697.42 736.54,-2701.33"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge315" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.23,-2335.33C320.94,-2341.2 340.78,-2351.34 351,-2368.1 363.96,-2389.35 346.27,-3246.63 364,-3264.1 464.19,-3362.84 580.8,-3363.33 680.5,-3264.1 707.46,-3237.26 669.09,-554.28 693.5,-525.1 705.18,-511.15 725.21,-507.32 742.49,-507.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.7,-509.12 748.71,-507.05 742.72,-504.92 742.7,-509.12"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts -->
<g id="edge316" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.01,-2341.16 340.86,-2351.3 351,-2368.1 369.21,-2398.28 342.79,-4877.94 364,-4906.1 540.49,-5140.44 854.69,-5045.46 1015.5,-4800.1 1031.77,-4775.27 1009.77,-548.13 1028.5,-525.1 1031.87,-520.96 1036.07,-517.77 1040.74,-515.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1041.77,-517.18 1046.41,-512.83 1040.07,-513.35 1041.77,-517.18"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx -->
<g id="edge317" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.01,-2341.16 340.86,-2351.3 351,-2368.1 370.5,-2400.42 338.79,-5058 364,-5086.1 383.71,-5108.08 471.08,-5085.27 496,-5101.1 501.73,-5104.74 498.08,-5110.79 504,-5114.1 574.32,-5153.4 806.87,-5168.26 866.5,-5114.1 880.22,-5101.64 861.46,-5044.27 874.5,-5031.1 896.67,-5008.71 994.4,-5039.5 1015.5,-5016.1 1036.02,-4993.35 1016,-632.08 1028.5,-604.1 1038.62,-581.44 1061.14,-563.42 1078.12,-552.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.25,-554.12 1083.2,-549.13 1077,-550.57 1079.25,-554.12"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge321" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.29,-2335.29C321.02,-2341.15 340.87,-2351.29 351,-2368.1 373.3,-2405.09 343.74,-5439.95 364,-5478.1 397.31,-5540.81 461.4,-5506.09 496,-5568.1 515.08,-5602.29 484.73,-5710.02 504,-5744.1 553.79,-5832.14 605.26,-5820.67 693.5,-5870.1 770.87,-5913.44 787.9,-5934.98 874.5,-5954.1 935.69,-5967.61 970.1,-5997.29 1015.5,-5954.1 1036.46,-5934.16 1011.01,-5717.14 1028.5,-5694.1 1069.3,-5640.38 1111.37,-5674.63 1172.5,-5646.1 1178.65,-5643.23 1179.54,-5641.34 1185.5,-5638.1 1267.24,-5593.66 1324.57,-5626.6 1374.5,-5548.1 1403.78,-5502.07 1364.86,-3633.74 1387.5,-3584.1 1398.33,-3560.36 1422.33,-3541.73 1440.28,-3530.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.12 1439.42,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge323" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.02,-2341.15 340.86,-2351.29 351,-2368.1 370.89,-2401.07 345.66,-5106.25 364,-5140.1 397.46,-5201.88 458.38,-5167.76 496,-5227.1 509.46,-5248.34 492.05,-5260.98 504,-5283.1 557.34,-5381.88 596.15,-5394.2 693.5,-5450.1 819.74,-5522.59 910.89,-5611.34 1015.5,-5510.1 1047.21,-5479.41 1003.85,-5149.71 1028.5,-5113.1 1067.62,-5055.01 1134.06,-5107.65 1172.5,-5049.1 1193.53,-5017.08 1167.72,-3704.03 1185.5,-3670.1 1199.11,-3644.14 1228.07,-3626.19 1250.18,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.08,-3617.53 1255.64,-3613.1 1249.32,-3613.72 1251.08,-3617.53"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/Summary/Estimate.tsx -->
<g id="edge308" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/Summary/Estimate.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.27,-2330.14C320.35,-2329.65 339.51,-2325.98 351,-2313.1 374.01,-2287.31 339.83,-2182.81 364,-2158.1 384.63,-2137.01 474.25,-2164.03 496,-2144.1 509.69,-2131.56 490.64,-2115.99 504,-2103.1 562.17,-2046.97 798.25,-2029.79 866.5,-2073.1 873.55,-2077.58 867.89,-2085 874.5,-2090.1 882.52,-2096.29 892.59,-2099.85 902.56,-2101.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.47,-2103.94 908.74,-2102.87 903.17,-2099.8 902.47,-2103.94"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/state/routing/utils.ts -->
<g id="edge322" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/state/routing/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.02,-2341.15 340.86,-2351.29 351,-2368.1 371.5,-2402.09 341.15,-5193.64 364,-5226.1 399.93,-5277.15 459.03,-5223.8 496,-5274.1 507.59,-5289.88 489.85,-5436.58 504,-5450.1 562.24,-5505.75 792.59,-5482.13 866.5,-5450.1 955.36,-5411.59 976.71,-5379.84 1015.5,-5291.1 1031.74,-5253.95 1019.66,-5148.67 1028.5,-5109.1 1067.26,-4935.68 1139.01,-4910.62 1172.5,-4736.1 1178.81,-4703.23 1163.38,-3556.23 1185.5,-3531.1 1200.38,-3514.19 1226.23,-3511.69 1246.99,-3513"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.82,-3515.1 1252.97,-3513.49 1247.16,-3510.91 1246.82,-3515.1"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/AllowanceButton.tsx -->
<g id="edge309" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/AllowanceButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M275,-2337.18C275,-2379.07 275,-2420.95 275,-2462.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="272.9,-2463.02 275,-2469.02 277.1,-2463.02 272.9,-2463.02"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts -->
<g id="edge318" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.02,-2341.15 340.86,-2351.29 351,-2368.1 371.7,-2402.43 349.51,-5216.73 364,-5254.1 395.62,-5335.67 459.98,-5320.38 496,-5400.1 508.9,-5428.64 486.18,-5444.35 504,-5470.1 556.65,-5546.19 784.56,-5638.38 874.5,-5660.1 935.42,-5674.81 970.71,-5703.93 1015.5,-5660.1 1039.25,-5636.86 1006.41,-5086.92 1028.5,-5062.1 1071.46,-5013.83 1129.99,-5090.76 1172.5,-5042.1 1209.04,-5000.27 1149.4,-1085.31 1185.5,-1043.1 1192.38,-1035.06 1201.71,-1030.11 1211.82,-1027.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1212.53,-1029.2 1217.86,-1025.73 1211.53,-1025.12 1212.53,-1029.2"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/ApproveButton.tsx -->
<g id="edge310" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/ApproveButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.09,-2335.79C320.53,-2341.81 340.13,-2351.94 351,-2368.1 366.59,-2391.27 345.51,-2472.17 364,-2493.1 366.78,-2496.25 370.08,-2498.81 373.7,-2500.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="372.88,-2502.82 379.19,-2503.57 374.73,-2499.05 372.88,-2502.82"/>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge319" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.28,-2335.29C321.01,-2341.15 340.86,-2351.3 351,-2368.1 370.6,-2400.59 341.28,-5069.71 364,-5100.1 431.8,-5190.77 769.91,-5243.16 866.5,-5184.1 990.47,-5108.3 981.18,-5034.29 1015.5,-4893.1 1038.3,-4799.3 1018.94,-1514.15 1028.5,-1418.1 1042,-1282.51 1082.51,-1122.18 1095.47,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.53,-1073.52 1097.04,-1067.18 1093.47,-1072.44 1097.53,-1073.52"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx -->
<g id="node91" class="node">
<title>src/components/Swap/Toolbar/Caption.tsx</title>
<g id="a_node91"><a xlink:href="src/components/Swap/Toolbar/Caption.tsx" xlink:title="Caption.tsx">
<path fill="#bbfeff" stroke="black" d="M458,-2337.1C458,-2337.1 402,-2337.1 402,-2337.1 399,-2337.1 396,-2334.1 396,-2331.1 396,-2331.1 396,-2325.1 396,-2325.1 396,-2322.1 399,-2319.1 402,-2319.1 402,-2319.1 458,-2319.1 458,-2319.1 461,-2319.1 464,-2322.1 464,-2325.1 464,-2325.1 464,-2331.1 464,-2331.1 464,-2334.1 461,-2337.1 458,-2337.1"/>
<text text-anchor="start" x="404" y="-2325.9" font-family="Helvetica,sans-Serif" font-size="9.00">Caption.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/Toolbar/Caption.tsx -->
<g id="edge311" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/Toolbar/Caption.tsx</title>
<g id="a_edge311"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M304.06,-2328.1C325.8,-2328.1 356.4,-2328.1 381.87,-2328.1"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="389.79,-2330.2 395.79,-2328.1 389.79,-2326 389.79,-2330.2"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="389.79,-2328.1 386.79,-2328.1 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="384.39" cy="-2328.1" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="325.37" y="-2320.9" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx -->
<g id="node101" class="node">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx</title>
<g id="a_node101"><a xlink:href="src/components/Swap/Toolbar/ToolbarTradeSummary.tsx" xlink:title="ToolbarTradeSummary.tsx">
<path fill="#bbfeff" stroke="black" d="M490,-2292.1C490,-2292.1 370,-2292.1 370,-2292.1 367,-2292.1 364,-2289.1 364,-2286.1 364,-2286.1 364,-2280.1 364,-2280.1 364,-2277.1 367,-2274.1 370,-2274.1 370,-2274.1 490,-2274.1 490,-2274.1 493,-2274.1 496,-2277.1 496,-2280.1 496,-2280.1 496,-2286.1 496,-2286.1 496,-2289.1 493,-2292.1 490,-2292.1"/>
<text text-anchor="start" x="372" y="-2280.9" font-family="Helvetica,sans-Serif" font-size="9.00">ToolbarTradeSummary.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/Toolbar/ToolbarTradeSummary.tsx -->
<g id="edge312" class="edge">
<title>src/components/Swap/Toolbar/index.tsx&#45;&gt;src/components/Swap/Toolbar/ToolbarTradeSummary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.05,-2323.66C318.26,-2321.11 335.7,-2317.54 351,-2313.1 368.47,-2308.03 387.53,-2300.74 402.44,-2294.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="403.41,-2296.48 408.14,-2292.24 401.8,-2292.6 403.41,-2296.48"/>
</g>
<!-- src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge477" class="edge">
<title>src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.24,-389.85C664.34,-392.43 673.81,-397.09 680.5,-405.1 694.32,-421.65 687.57,-3489.37 693.5,-3510.1 733.76,-3650.73 825.33,-3649.73 866.5,-3790.1 881.14,-3840.01 860.6,-4207.98 874.5,-4258.1 907.97,-4378.79 982.04,-4381.4 1015.5,-4502.1 1021.22,-4522.74 1013.23,-5258.08 1028.5,-5273.1 1074.13,-5317.97 1119.78,-5309.39 1172.5,-5273.1 1185.83,-5263.93 1178.86,-5253.86 1185.5,-5239.1 1260.1,-5073.21 1330.37,-5052.56 1374.5,-4876.1 1391.91,-4806.46 1357.6,-3649.36 1387.5,-3584.1 1398.37,-3560.38 1422.36,-3541.75 1440.3,-3530.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.64,-3532.06 1445.66,-3527.13 1439.44,-3528.48 1441.64,-3532.06"/>
</g>
<!-- src/hooks/swap/useSendSwapTransaction.tsx -->
<g id="node154" class="node">
<title>src/hooks/swap/useSendSwapTransaction.tsx</title>
<g id="a_node154"><a xlink:href="src/hooks/swap/useSendSwapTransaction.tsx" xlink:title="useSendSwapTransaction.tsx">
<path fill="#bbfeff" stroke="black" d="M844.5,-489.1C844.5,-489.1 707.5,-489.1 707.5,-489.1 704.5,-489.1 701.5,-486.1 701.5,-483.1 701.5,-483.1 701.5,-477.1 701.5,-477.1 701.5,-474.1 704.5,-471.1 707.5,-471.1 707.5,-471.1 844.5,-471.1 844.5,-471.1 847.5,-471.1 850.5,-474.1 850.5,-477.1 850.5,-477.1 850.5,-483.1 850.5,-483.1 850.5,-486.1 847.5,-489.1 844.5,-489.1"/>
<text text-anchor="start" x="709.5" y="-477.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSendSwapTransaction.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/swap/useSendSwapTransaction.tsx -->
<g id="edge473" class="edge">
<title>src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/swap/useSendSwapTransaction.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.3,-391.27C664.04,-393.81 673.34,-398.11 680.5,-405.1 700.64,-424.77 673.11,-447.68 693.5,-467.1 694.39,-467.95 695.32,-468.76 696.28,-469.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="695.17,-471.32 701.29,-473.05 697.58,-467.88 695.17,-471.32"/>
</g>
<!-- src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/usePermit.ts -->
<g id="edge475" class="edge">
<title>src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/usePermit.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.24,-393.32C786.26,-401.09 1119.89,-420.73 1237.32,-427.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1237.3,-429.75 1243.42,-428.01 1237.55,-425.56 1237.3,-429.75"/>
</g>
<!-- src/hooks/useENS.ts -->
<g id="node157" class="node">
<title>src/hooks/useENS.ts</title>
<g id="a_node157"><a xlink:href="src/hooks/useENS.ts" xlink:title="useENS.ts">
<path fill="#ddfeff" stroke="black" d="M1125.5,-333.1C1125.5,-333.1 1075.5,-333.1 1075.5,-333.1 1072.5,-333.1 1069.5,-330.1 1069.5,-327.1 1069.5,-327.1 1069.5,-321.1 1069.5,-321.1 1069.5,-318.1 1072.5,-315.1 1075.5,-315.1 1075.5,-315.1 1125.5,-315.1 1125.5,-315.1 1128.5,-315.1 1131.5,-318.1 1131.5,-321.1 1131.5,-321.1 1131.5,-327.1 1131.5,-327.1 1131.5,-330.1 1128.5,-333.1 1125.5,-333.1"/>
<text text-anchor="start" x="1077.5" y="-321.9" font-family="Helvetica,sans-Serif" font-size="9.00">useENS.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/useENS.ts -->
<g id="edge474" class="edge">
<title>src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/useENS.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.1,-386.92C663.32,-384.85 672.48,-381.73 680.5,-377.1 688.43,-372.52 685.46,-365.49 693.5,-361.1 764.55,-322.35 793.91,-348.6 874.5,-341.1 941,-334.92 1018.71,-329.43 1063.21,-326.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1063.42,-328.55 1069.27,-326.05 1063.14,-324.35 1063.42,-328.55"/>
</g>
<!-- src/hooks/useSwapCallArguments.tsx -->
<g id="node158" class="node">
<title>src/hooks/useSwapCallArguments.tsx</title>
<g id="a_node158"><a xlink:href="src/hooks/useSwapCallArguments.tsx" xlink:title="useSwapCallArguments.tsx">
<path fill="#bbfeff" stroke="black" d="M1009.5,-365.1C1009.5,-365.1 881.5,-365.1 881.5,-365.1 878.5,-365.1 875.5,-362.1 875.5,-359.1 875.5,-359.1 875.5,-353.1 875.5,-353.1 875.5,-350.1 878.5,-347.1 881.5,-347.1 881.5,-347.1 1009.5,-347.1 1009.5,-347.1 1012.5,-347.1 1015.5,-350.1 1015.5,-353.1 1015.5,-353.1 1015.5,-359.1 1015.5,-359.1 1015.5,-362.1 1012.5,-365.1 1009.5,-365.1"/>
<text text-anchor="start" x="883.5" y="-353.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSwapCallArguments.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/useSwapCallArguments.tsx -->
<g id="edge476" class="edge">
<title>src/hooks/swap/useSwapCallback.tsx&#45;&gt;src/hooks/useSwapCallArguments.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.17,-384.71C712.15,-379 804.15,-369.93 869.02,-363.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="869.45,-365.61 875.21,-362.93 869.03,-361.43 869.45,-365.61"/>
</g>
<!-- src/hooks/useIsValidBlock.ts&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge556" class="edge">
<title>src/hooks/useIsValidBlock.ts&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1655.08,-1058.1C1659.42,-1058.1 1663.84,-1058.1 1668.27,-1058.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1668.3,-1060.2 1674.3,-1058.1 1668.3,-1056 1668.3,-1060.2"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwitchChainButton.tsx -->
<g id="node85" class="node">
<title>src/components/Swap/SwapActionButton/SwitchChainButton.tsx</title>
<g id="a_node85"><a xlink:href="src/components/Swap/SwapActionButton/SwitchChainButton.tsx" xlink:title="SwitchChainButton.tsx">
<path fill="#bbfeff" stroke="black" d="M484,-2397.1C484,-2397.1 376,-2397.1 376,-2397.1 373,-2397.1 370,-2394.1 370,-2391.1 370,-2391.1 370,-2385.1 370,-2385.1 370,-2382.1 373,-2379.1 376,-2379.1 376,-2379.1 484,-2379.1 484,-2379.1 487,-2379.1 490,-2382.1 490,-2385.1 490,-2385.1 490,-2391.1 490,-2391.1 490,-2394.1 487,-2397.1 484,-2397.1"/>
<text text-anchor="start" x="378" y="-2385.9" font-family="Helvetica,sans-Serif" font-size="9.00">SwitchChainButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge223" class="edge">
<title>src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.8,-2397.21C492.08,-2398.9 494.17,-2400.85 496,-2403.1 508.8,-2418.83 490.12,-2753.32 504,-2768.1 530.95,-2796.8 643.11,-2770.78 680.5,-2783.1 686.94,-2785.22 687.17,-2788.67 693.5,-2791.1 703.04,-2794.77 713.57,-2797.55 723.79,-2799.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="723.48,-2801.74 729.77,-2800.83 724.28,-2797.62 723.48,-2801.74"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge227" class="edge">
<title>src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M489.85,-2397.17C492.12,-2398.88 494.19,-2400.84 496,-2403.1 512.95,-2424.32 484.76,-4338.94 504,-4358.1 532.62,-4386.61 837.23,-4357.94 866.5,-4330.1 921.7,-4277.6 939.9,-4024.01 943.69,-3959.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="945.79,-3959.32 944.03,-3953.21 941.59,-3959.08 945.79,-3959.32"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx -->
<g id="edge224" class="edge">
<title>src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M376.8,-2378.94C368.43,-2374.77 361.29,-2368.75 357.5,-2360.1 352.89,-2349.57 352.89,-1542.64 357.5,-1532.1 364.58,-1515.93 380.63,-1504.87 395.84,-1497.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="396.76,-1499.55 401.38,-1495.18 395.05,-1495.71 396.76,-1499.55"/>
</g>
<!-- src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts -->
<g id="edge226" class="edge">
<title>src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.25,-2379.04C486.42,-2375.9 491.96,-2371.71 496,-2366.1 512.2,-2343.61 485.86,-391.07 504,-370.1 509.3,-363.97 516.04,-359.68 523.47,-356.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="524.27,-358.7 529.27,-354.77 522.91,-354.73 524.27,-358.7"/>
</g>
<!-- src/hooks/useSwitchChain.ts -->
<g id="node86" class="node">
<title>src/hooks/useSwitchChain.ts</title>
<g id="a_node86"><a xlink:href="src/hooks/useSwitchChain.ts" xlink:title="useSwitchChain.ts">
<path fill="#ddfeff" stroke="black" d="M820,-1067.1C820,-1067.1 732,-1067.1 732,-1067.1 729,-1067.1 726,-1064.1 726,-1061.1 726,-1061.1 726,-1055.1 726,-1055.1 726,-1052.1 729,-1049.1 732,-1049.1 732,-1049.1 820,-1049.1 820,-1049.1 823,-1049.1 826,-1052.1 826,-1055.1 826,-1055.1 826,-1061.1 826,-1061.1 826,-1064.1 823,-1067.1 820,-1067.1"/>
<text text-anchor="start" x="734" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSwitchChain.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/hooks/useSwitchChain.ts -->
<g id="edge225" class="edge">
<title>src/components/Swap/SwapActionButton/SwitchChainButton.tsx&#45;&gt;src/hooks/useSwitchChain.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M480.23,-2379.02C486.4,-2375.89 491.95,-2371.7 496,-2366.1 510.66,-2345.85 492.12,-1488.1 504,-1466.1 548.84,-1383.07 623.53,-1423.32 680.5,-1348.1 748.15,-1258.78 768.53,-1119 773.56,-1073.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="775.66,-1073.32 774.2,-1067.13 771.48,-1072.88 775.66,-1073.32"/>
</g>
<!-- src/hooks/useSwitchChain.ts&#45;&gt;src/hooks/web3/useConnectors.tsx -->
<g id="edge593" class="edge">
<title>src/hooks/useSwitchChain.ts&#45;&gt;src/hooks/web3/useConnectors.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.13,-1059.87C840.54,-1058.06 855.39,-1053.61 866.5,-1044.1 875.36,-1036.51 865.75,-1026.81 874.5,-1019.1 878.86,-1015.26 883.98,-1012.39 889.43,-1010.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="890.43,-1012.14 895.45,-1008.24 889.1,-1008.16 890.43,-1012.14"/>
</g>
<!-- src/hooks/useSwitchChain.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge595" class="edge">
<title>src/hooks/useSwitchChain.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.13,-1053.61C841.25,-1054.95 856.51,-1059.6 866.5,-1071.1 887.64,-1095.45 853.48,-3368.64 874.5,-3393.1 915.83,-3441.21 974.03,-3367.11 1015.5,-3415.1 1040.95,-3444.55 1019.25,-4778.3 1028.5,-4816.1 1062.04,-4953.18 1136.43,-4962.66 1172.5,-5099.1 1180.49,-5129.32 1162.89,-5358.52 1185.5,-5380.1 1338.51,-5526.2 1508.78,-5526.5 1661.5,-5380.1 1720.82,-5323.23 1727.38,-3983.9 1727.95,-3823.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.05,-3823.37 1727.97,-3817.37 1725.85,-3823.36 1730.05,-3823.37"/>
</g>
<!-- src/hooks/useSwitchChain.ts&#45;&gt;src/constants/chainInfo.ts -->
<g id="edge594" class="edge">
<title>src/hooks/useSwitchChain.ts&#45;&gt;src/constants/chainInfo.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.13,-1053.61C841.25,-1054.95 856.51,-1059.6 866.5,-1071.1 887.45,-1095.23 854.68,-3347.03 874.5,-3372.1 914.47,-3422.68 975.33,-3355.69 1015.5,-3406.1 1035.03,-3430.61 1024.36,-4503.04 1028.5,-4534.1 1062.22,-4787.13 1131.03,-4838.23 1172.5,-5090.1 1175.72,-5109.67 1170.98,-5254.6 1185.5,-5268.1 1300.73,-5375.22 1427.78,-5378.88 1539.5,-5268.1 1569.78,-5238.08 1526.59,-3766.97 1552.5,-3733.1 1555.99,-3728.54 1560.74,-3725.29 1565.99,-3722.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1566.92,-3724.88 1571.83,-3720.85 1565.48,-3720.94 1566.92,-3724.88"/>
</g>
<!-- src/hooks/useSwitchChain.ts&#45;&gt;src/constants/eip1193.ts -->
<g id="edge596" class="edge">
<title>src/hooks/useSwitchChain.ts&#45;&gt;src/constants/eip1193.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.13,-1053.61C841.25,-1054.95 856.51,-1059.6 866.5,-1071.1 886.94,-1094.64 858.47,-3289.36 874.5,-3316.1 911.1,-3377.16 978.58,-3331.23 1015.5,-3392.1 1028.73,-3413.9 1010.34,-4292.2 1028.5,-4310.1 1074.07,-4355.03 1126.74,-4354.84 1172.5,-4310.1 1195.43,-4287.69 1164.43,-3757.27 1185.5,-3733.1 1198.95,-3717.67 1221.44,-3713.7 1240.99,-3713.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1241.18,-3715.8 1247.22,-3713.82 1241.27,-3711.6 1241.18,-3715.8"/>
</g>
<!-- src/hooks/web3/useJsonRpcUrlsMap.tsx -->
<g id="node181" class="node">
<title>src/hooks/web3/useJsonRpcUrlsMap.tsx</title>
<g id="a_node181"><a xlink:href="src/hooks/web3/useJsonRpcUrlsMap.tsx" xlink:title="useJsonRpcUrlsMap.tsx">
<path fill="#bbfeff" stroke="black" d="M1000,-985.1C1000,-985.1 891,-985.1 891,-985.1 888,-985.1 885,-982.1 885,-979.1 885,-979.1 885,-973.1 885,-973.1 885,-970.1 888,-967.1 891,-967.1 891,-967.1 1000,-967.1 1000,-967.1 1003,-967.1 1006,-970.1 1006,-973.1 1006,-973.1 1006,-979.1 1006,-979.1 1006,-982.1 1003,-985.1 1000,-985.1"/>
<text text-anchor="start" x="893" y="-973.9" font-family="Helvetica,sans-Serif" font-size="9.00">useJsonRpcUrlsMap.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/useSwitchChain.ts&#45;&gt;src/hooks/web3/useJsonRpcUrlsMap.tsx -->
<g id="edge597" class="edge">
<title>src/hooks/useSwitchChain.ts&#45;&gt;src/hooks/web3/useJsonRpcUrlsMap.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.17,-1061.02C840.92,-1059.35 855.96,-1054.69 866.5,-1044.1 883.3,-1027.21 858.18,-1008.45 874.5,-991.1 876.08,-989.42 877.81,-987.9 879.64,-986.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="880.82,-988.27 884.73,-983.25 878.55,-984.74 880.82,-988.27"/>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx -->
<g id="node87" class="node">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx</title>
<g id="a_node87"><a xlink:href="src/components/Swap/SwapActionButton/WrapButton.tsx" xlink:title="WrapButton.tsx">
<path fill="#bbfeff" stroke="black" d="M467.5,-2487.1C467.5,-2487.1 392.5,-2487.1 392.5,-2487.1 389.5,-2487.1 386.5,-2484.1 386.5,-2481.1 386.5,-2481.1 386.5,-2475.1 386.5,-2475.1 386.5,-2472.1 389.5,-2469.1 392.5,-2469.1 392.5,-2469.1 467.5,-2469.1 467.5,-2469.1 470.5,-2469.1 473.5,-2472.1 473.5,-2475.1 473.5,-2475.1 473.5,-2481.1 473.5,-2481.1 473.5,-2484.1 470.5,-2487.1 467.5,-2487.1"/>
<text text-anchor="start" x="394.5" y="-2475.9" font-family="Helvetica,sans-Serif" font-size="9.00">WrapButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/components/ActionButton.tsx -->
<g id="edge228" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/components/ActionButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.62,-2479.71C482.23,-2482.08 490.36,-2486.19 496,-2493.1 507.14,-2506.75 491.39,-2797.8 504,-2810.1 519.32,-2825.04 649.67,-2816.73 723.86,-2810.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="724.18,-2812.75 729.98,-2810.16 723.83,-2808.56 724.18,-2812.75"/>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge233" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.73,-2479.63C482.34,-2482 490.43,-2486.13 496,-2493.1 514.11,-2515.77 483.44,-4561.62 504,-4582.1 635.91,-4713.51 785.08,-4539.55 866.5,-4372.1 938.54,-4223.93 944.44,-4017.52 944.61,-3959.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="946.71,-3959.4 944.61,-3953.4 942.51,-3959.4 946.71,-3959.4"/>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx -->
<g id="edge230" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.73,-2479.63C482.34,-2482 490.44,-2486.13 496,-2493.1 514.34,-2516.07 486.58,-4585.43 504,-4609.1 573.1,-4703.02 932.92,-4808.42 1015.5,-4726.1 1035.77,-4705.89 1016.82,-630.24 1028.5,-604.1 1038.62,-581.44 1061.14,-563.42 1078.13,-552.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.25,-554.12 1083.2,-549.14 1077.01,-550.57 1079.25,-554.12"/>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge234" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.74,-2479.62C482.34,-2482 490.44,-2486.13 496,-2493.1 506.75,-2506.57 496.12,-4958.78 504,-4974.1 548.21,-5060.04 633.12,-5016.87 680.5,-5101.1 698.75,-5133.54 673.59,-5236.65 693.5,-5268.1 740.88,-5342.95 814.89,-5295.1 866.5,-5367.1 877.32,-5382.19 860.17,-5396.3 874.5,-5408.1 886.59,-5418.06 1004.28,-5419.03 1015.5,-5408.1 1035.05,-5389.06 1010.94,-4937.98 1028.5,-4917.1 1070.52,-4867.14 1130.89,-4938.41 1172.5,-4888.1 1195.59,-4860.19 1161.72,-3611.43 1185.5,-3584.1 1196.92,-3570.98 1214.91,-3566.32 1232.07,-3565.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.41,-3567.46 1238.34,-3565.18 1232.28,-3563.26 1232.41,-3567.46"/>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts -->
<g id="edge232" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/hooks/useTokenColorExtraction.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.73,-2476.58C482.34,-2474.2 490.44,-2470.07 496,-2463.1 514.14,-2440.39 484.99,-392.09 504,-370.1 509.3,-363.97 516.04,-359.68 523.47,-356.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="524.26,-358.7 529.26,-354.77 522.91,-354.73 524.26,-358.7"/>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/components/Swap/SwapActionButton/useOnSubmit.ts -->
<g id="edge229" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/components/Swap/SwapActionButton/useOnSubmit.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.88,-2485.83C496.43,-2489.89 524.2,-2494.89 547.71,-2499.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.62,-2501.25 553.9,-2500.24 548.37,-2497.11 547.62,-2501.25"/>
</g>
<!-- src/hooks/useNativeCurrency.ts -->
<g id="node88" class="node">
<title>src/hooks/useNativeCurrency.ts</title>
<g id="a_node88"><a xlink:href="src/hooks/useNativeCurrency.ts" xlink:title="useNativeCurrency.ts">
<path fill="#ddfeff" stroke="black" d="M1150.5,-1037.1C1150.5,-1037.1 1050.5,-1037.1 1050.5,-1037.1 1047.5,-1037.1 1044.5,-1034.1 1044.5,-1031.1 1044.5,-1031.1 1044.5,-1025.1 1044.5,-1025.1 1044.5,-1022.1 1047.5,-1019.1 1050.5,-1019.1 1050.5,-1019.1 1150.5,-1019.1 1150.5,-1019.1 1153.5,-1019.1 1156.5,-1022.1 1156.5,-1025.1 1156.5,-1025.1 1156.5,-1031.1 1156.5,-1031.1 1156.5,-1034.1 1153.5,-1037.1 1150.5,-1037.1"/>
<text text-anchor="start" x="1052.5" y="-1025.9" font-family="Helvetica,sans-Serif" font-size="9.00">useNativeCurrency.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/hooks/useNativeCurrency.ts -->
<g id="edge231" class="edge">
<title>src/components/Swap/SwapActionButton/WrapButton.tsx&#45;&gt;src/hooks/useNativeCurrency.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M473.73,-2479.62C482.34,-2482 490.44,-2486.13 496,-2493.1 515.44,-2517.45 487.31,-4709.8 504,-4736.1 628.65,-4932.51 850.73,-5011.31 1015.5,-4847.1 1034.21,-4828.45 1011.83,-1063.59 1028.5,-1043.1 1031.4,-1039.54 1034.91,-1036.69 1038.8,-1034.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1039.89,-1036.22 1044.32,-1031.67 1038.01,-1032.46 1039.89,-1036.22"/>
</g>
<!-- src/hooks/useNativeCurrency.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge557" class="edge">
<title>src/hooks/useNativeCurrency.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1156.68,-1031.67C1162.77,-1034.25 1168.28,-1037.92 1172.5,-1043.1 1198.77,-1075.36 1156.02,-4008.75 1185.5,-4038.1 1222.98,-4075.42 1619.23,-4069.88 1661.5,-4038.1 1696.88,-4011.5 1719.42,-3869.96 1725.99,-3823.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1728.08,-3823.42 1726.82,-3817.19 1723.92,-3822.85 1728.08,-3823.42"/>
</g>
<!-- src/hooks/useNativeCurrency.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge558" class="edge">
<title>src/hooks/useNativeCurrency.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1156.66,-1031.68C1162.76,-1034.26 1168.28,-1037.93 1172.5,-1043.1 1188.19,-1062.31 1181.78,-2804.57 1185.5,-2829.1 1229,-3116.02 1323.81,-3168.36 1374.5,-3454.1 1378.89,-3478.87 1371.37,-3660.8 1387.5,-3680.1 1397.35,-3691.88 1413.41,-3696.72 1428.15,-3698.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.2,-3700.58 1434.37,-3699.04 1428.58,-3696.4 1428.2,-3700.58"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx -->
<g id="node89" class="node">
<title>src/components/Swap/SwapActionButton/index.tsx</title>
<g id="a_node89"><a xlink:href="src/components/Swap/SwapActionButton/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M298,-2517.1C298,-2517.1 252,-2517.1 252,-2517.1 249,-2517.1 246,-2514.1 246,-2511.1 246,-2511.1 246,-2505.1 246,-2505.1 246,-2502.1 249,-2499.1 252,-2499.1 252,-2499.1 298,-2499.1 298,-2499.1 301,-2499.1 304,-2502.1 304,-2505.1 304,-2505.1 304,-2511.1 304,-2511.1 304,-2514.1 301,-2517.1 298,-2517.1"/>
<text text-anchor="start" x="254" y="-2505.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge239" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2504.92C320.45,-2504.79 339.82,-2507.88 351,-2521.1 364.48,-2537.04 359.16,-5506.79 364,-5527.1 396.26,-5662.44 406.7,-5707.65 504,-5807.1 570.6,-5875.17 606.17,-5869.12 693.5,-5907.1 863.82,-5981.18 913.77,-6006.1 1099.5,-6006.1 1099.5,-6006.1 1099.5,-6006.1 1464.5,-6006.1 1603.53,-6006.1 1612.83,-5893.34 1661.5,-5763.1 1733.43,-5570.62 1728.79,-3994.81 1728.07,-3823.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.17,-3823.11 1728.04,-3817.12 1725.97,-3823.13 1730.17,-3823.11"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge240" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.13,-2504.96C320.37,-2504.85 339.74,-2507.95 351,-2521.1 379.29,-2554.15 333.09,-3273.48 364,-3304.1 379.53,-3319.48 663.42,-3322.11 680.5,-3305.1 707.87,-3277.86 668.72,-554.71 693.5,-525.1 705.18,-511.15 725.21,-507.32 742.49,-507.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.7,-509.12 748.71,-507.05 742.72,-504.92 742.7,-509.12"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts -->
<g id="edge241" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2504.92C320.44,-2504.79 339.82,-2507.88 351,-2521.1 374.23,-2548.57 338.59,-5085.64 364,-5111.1 371.79,-5118.91 653.66,-5119.56 680.5,-5112.1 855.73,-5063.42 937.73,-5041.5 1015.5,-4877.1 1028.42,-4849.78 1009.43,-548.55 1028.5,-525.1 1031.87,-520.96 1036.07,-517.77 1040.74,-515.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1041.77,-517.18 1046.41,-512.83 1040.07,-513.35 1041.77,-517.18"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx -->
<g id="edge242" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2504.92C320.44,-2504.79 339.82,-2507.88 351,-2521.1 374.88,-2549.34 339.3,-5156.57 364,-5184.1 383.72,-5206.07 474.31,-5179.07 496,-5199.1 509.64,-5211.7 489.67,-5228.3 504,-5240.1 628.35,-5342.54 706.91,-5262.16 866.5,-5240.1 934.65,-5230.68 973.89,-5252.9 1015.5,-5198.1 1034.79,-5172.69 1015.49,-633.23 1028.5,-604.1 1038.62,-581.44 1061.14,-563.42 1078.12,-552.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.25,-554.12 1083.2,-549.13 1077,-550.57 1079.25,-554.12"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge245" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2504.92C320.45,-2504.79 339.82,-2507.88 351,-2521.1 376.89,-2551.72 350.36,-5370.4 364,-5408.1 395.36,-5494.79 455.55,-5485.26 496,-5568.1 503.19,-5582.83 492.09,-5592.84 504,-5604.1 561.76,-5658.72 624.5,-5576.68 680.5,-5633.1 706.8,-5659.6 666.09,-5690.75 693.5,-5716.1 708.31,-5729.8 854.34,-5729.32 874.5,-5730.1 905.81,-5731.31 993.11,-5752.02 1015.5,-5730.1 1039.45,-5706.66 1005.8,-5151.75 1028.5,-5127.1 1050.3,-5103.43 1150.85,-5135.9 1172.5,-5112.1 1199.45,-5082.47 1166.91,-3705.58 1185.5,-3670.1 1199.1,-3644.14 1228.07,-3626.18 1250.18,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.08,-3617.53 1255.64,-3613.1 1249.31,-3613.72 1251.08,-3617.53"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts -->
<g id="edge243" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2504.92C320.45,-2504.79 339.82,-2507.88 351,-2521.1 376.2,-2550.9 344.58,-5297.25 364,-5331.1 397.91,-5390.21 460.32,-5351.04 496,-5409.1 510.34,-5432.44 488.05,-5509.84 504,-5532.1 553.45,-5601.1 617.91,-5547.75 680.5,-5605.1 689.73,-5613.56 683.66,-5622.35 693.5,-5630.1 750.24,-5674.82 963.83,-5725.6 1015.5,-5675.1 1037.99,-5653.12 1010.21,-5134.69 1028.5,-5109.1 1068.16,-5053.62 1133.39,-5111.97 1172.5,-5056.1 1204.46,-5010.44 1149.28,-1085.46 1185.5,-1043.1 1192.38,-1035.06 1201.71,-1030.11 1211.82,-1027.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1212.53,-1029.2 1217.86,-1025.73 1211.53,-1025.12 1212.53,-1029.2"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/ConnectWalletButton.tsx -->
<g id="edge235" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/ConnectWalletButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.05,-2509.56C319.84,-2508.83 338.79,-2505.12 351,-2493.1 370.45,-2473.96 344.84,-2452.52 364,-2433.1 364.85,-2432.24 365.75,-2431.42 366.68,-2430.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="367.94,-2432.32 371.58,-2427.11 365.49,-2428.91 367.94,-2432.32"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/SwapButton.tsx -->
<g id="edge236" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/SwapButton.tsx</title>
<g id="a_edge236"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M304.31,-2508.56C319.61,-2507.41 337.99,-2503.62 351,-2493.1 362.3,-2483.97 352.83,-2472.4 364,-2463.1 366.59,-2460.94 369.43,-2459.08 372.44,-2457.48"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="380.67,-2456.42 385.45,-2452.23 379.1,-2452.53 380.67,-2456.42"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="379.89,-2454.48 377.1,-2455.6 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="374.88" cy="-2456.5" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="381.56" y="-2485.33" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge244" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.19,-2504.92C320.44,-2504.79 339.82,-2507.88 351,-2521.1 375.01,-2549.49 348.79,-5164.17 364,-5198.1 458.18,-5408.2 641.78,-5374.26 866.5,-5324.1 937.91,-5308.16 976.17,-5315.8 1015.5,-5254.1 1029.82,-5231.64 1025.87,-1444.61 1028.5,-1418.1 1041.98,-1282.51 1082.5,-1122.18 1095.46,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.53,-1073.52 1097.04,-1067.18 1093.47,-1072.44 1097.53,-1073.52"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/SwitchChainButton.tsx -->
<g id="edge237" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/SwitchChainButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.36,-2509.87C320.27,-2509.25 339.22,-2505.54 351,-2493.1 378.8,-2463.76 336.64,-2432.84 364,-2403.1 364.66,-2402.38 365.35,-2401.69 366.06,-2401.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="367.66,-2402.46 371.1,-2397.11 365.08,-2399.14 367.66,-2402.46"/>
</g>
<!-- src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/WrapButton.tsx -->
<g id="edge238" class="edge">
<title>src/components/Swap/SwapActionButton/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/WrapButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M304.06,-2502.6C325.39,-2498.42 355.24,-2492.56 380.42,-2487.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="380.89,-2489.67 386.38,-2486.46 380.09,-2485.55 380.89,-2489.67"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge387" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.57,-1633.43C645.35,-1633.4 667.39,-1636.73 680.5,-1651.1 701.85,-1674.51 675.29,-1767.17 693.5,-1793.1 742.28,-1862.59 820.61,-1802.68 866.5,-1874.1 879.37,-1894.13 861.18,-2711.37 874.5,-2731.1 883.06,-2743.79 898.31,-2750.94 912.39,-2754.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.99,-2757.02 918.33,-2756.49 913.05,-2752.96 911.99,-2757.02"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge399" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.59,-1633.07C645.61,-1632.83 667.93,-1636.07 680.5,-1651.1 700.63,-1675.16 672.79,-3886.53 693.5,-3910.1 747.3,-3971.33 854.78,-3961.72 910,-3951.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.63,-3953.77 916.15,-3950.6 909.86,-3949.64 910.63,-3953.77"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge401" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.59,-1633.07C645.62,-1632.83 667.93,-1636.07 680.5,-1651.1 704.24,-1679.5 673.19,-4285.16 693.5,-4316.1 739.59,-4386.31 819.8,-4322.3 866.5,-4392.1 877.5,-4408.54 860.36,-4734.27 874.5,-4748.1 919.31,-4791.91 969.49,-4790.65 1015.5,-4748.1 1029.08,-4735.54 1025.92,-4600.42 1028.5,-4582.1 1046.79,-4452.05 1083.79,-4297.52 1095.71,-4249.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.81,-4249.5 1097.22,-4243.17 1093.74,-4248.49 1097.81,-4249.5"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge386" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.55,-1633.1C645.57,-1632.87 667.88,-1636.12 680.5,-1651.1 699.33,-1673.45 678.25,-2678.17 693.5,-2703.1 703.62,-2719.65 722.45,-2730.17 739.46,-2736.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="738.78,-2738.65 745.14,-2738.71 740.21,-2734.7 738.78,-2738.65"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge385" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.75,-1633.62C645.38,-1633.72 667.17,-1637.13 680.5,-1651.1 709.92,-1681.94 668.64,-1711.48 693.5,-1746.1 743.58,-1815.85 820.94,-1759.32 866.5,-1832.1 879.31,-1852.56 859.24,-2682.4 874.5,-2701.1 881.99,-2710.28 893.62,-2714.71 905.26,-2716.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.1,-2718.74 911.33,-2717.44 905.65,-2714.58 905.1,-2718.74"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/Rule.tsx -->
<g id="edge388" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/Rule.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.71,-1634.97C644.66,-1635.72 665.73,-1639.34 680.5,-1651.1 691.87,-1660.15 684.35,-1669.81 693.5,-1681.1 752.88,-1754.41 822.29,-1720.76 866.5,-1804.1 875.67,-1821.38 872.99,-2136.6 874.5,-2156.1 890.31,-2361.01 931.14,-2607.97 941.88,-2670.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="939.85,-2671.51 942.93,-2677.07 943.99,-2670.8 939.85,-2671.51"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/Input.tsx -->
<g id="edge394" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.56,-1633.09C645.57,-1632.87 667.88,-1636.11 680.5,-1651.1 700.36,-1674.69 673.63,-2737.52 693.5,-2761.1 704.81,-2774.52 723.86,-2778.56 740.69,-2779.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.76,-2781.21 746.77,-2779.16 740.79,-2777.01 740.76,-2781.21"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge400" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.59,-1633.07C645.62,-1632.83 667.93,-1636.07 680.5,-1651.1 704.61,-1679.95 672.72,-4326.77 693.5,-4358.1 739.73,-4427.79 819.61,-4362.85 866.5,-4432.1 876.97,-4447.56 861.14,-4755.06 874.5,-4768.1 919.34,-4811.88 956.22,-4788.43 1015.5,-4768.1 1099.09,-4739.44 1133.13,-4725.21 1172.5,-4646.1 1196.66,-4597.55 1160.23,-3718.08 1185.5,-3670.1 1199.16,-3644.17 1228.12,-3626.21 1250.21,-3615.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.1,-3617.54 1255.67,-3613.12 1249.34,-3613.73 1251.1,-3617.54"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useConditionalHandler.ts -->
<g id="edge395" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useConditionalHandler.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M585.89,-1626.86C562.83,-1608.99 514.85,-1567.14 500,-1518.1 495.29,-1502.53 495.29,-362.67 500,-347.1 504.06,-333.7 515.21,-326.63 528.62,-323.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="529.06,-325.29 534.5,-322 528.19,-321.18 529.06,-325.29"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useNativeCurrency.ts -->
<g id="edge397" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useNativeCurrency.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.59,-1633.07C645.62,-1632.83 667.93,-1636.07 680.5,-1651.1 703.99,-1679.2 671.26,-4259 693.5,-4288.1 741.95,-4351.5 817.57,-4273.07 866.5,-4336.1 880.13,-4353.66 858.63,-4720.54 874.5,-4736.1 896.88,-4758.03 993.31,-4758.22 1015.5,-4736.1 1051.83,-4699.9 996.13,-1082.89 1028.5,-1043.1 1031.4,-1039.54 1034.91,-1036.69 1038.8,-1034.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1039.89,-1036.22 1044.32,-1031.67 1038.01,-1032.46 1039.89,-1036.22"/>
</g>
<!-- src/components/TokenSelect/CommonBases.tsx -->
<g id="node112" class="node">
<title>src/components/TokenSelect/CommonBases.tsx</title>
<g id="a_node112"><a xlink:href="src/components/TokenSelect/CommonBases.tsx" xlink:title="CommonBases.tsx">
<path fill="#bbfeff" stroke="black" d="M819.5,-1675.1C819.5,-1675.1 732.5,-1675.1 732.5,-1675.1 729.5,-1675.1 726.5,-1672.1 726.5,-1669.1 726.5,-1669.1 726.5,-1663.1 726.5,-1663.1 726.5,-1660.1 729.5,-1657.1 732.5,-1657.1 732.5,-1657.1 819.5,-1657.1 819.5,-1657.1 822.5,-1657.1 825.5,-1660.1 825.5,-1663.1 825.5,-1663.1 825.5,-1669.1 825.5,-1669.1 825.5,-1672.1 822.5,-1675.1 819.5,-1675.1"/>
<text text-anchor="start" x="734.5" y="-1663.9" font-family="Helvetica,sans-Serif" font-size="9.00">CommonBases.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/CommonBases.tsx -->
<g id="edge389" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/CommonBases.tsx</title>
<g id="a_edge389"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M627.7,-1640.92C650.51,-1644.82 683.5,-1650.46 712.47,-1655.41"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="720.05,-1658.84 726.31,-1657.78 720.75,-1654.7 720.05,-1658.84"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="720.4,-1656.77 717.44,-1656.26 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="715.08" cy="-1655.86" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="652.33" y="-1642.12" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx -->
<g id="node114" class="node">
<title>src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx</title>
<g id="a_node114"><a xlink:href="src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx" xlink:title="NoTokensAvailableOnNetwork.tsx">
<path fill="#bbfeff" stroke="black" d="M852.5,-1645.1C852.5,-1645.1 699.5,-1645.1 699.5,-1645.1 696.5,-1645.1 693.5,-1642.1 693.5,-1639.1 693.5,-1639.1 693.5,-1633.1 693.5,-1633.1 693.5,-1630.1 696.5,-1627.1 699.5,-1627.1 699.5,-1627.1 852.5,-1627.1 852.5,-1627.1 855.5,-1627.1 858.5,-1630.1 858.5,-1633.1 858.5,-1633.1 858.5,-1639.1 858.5,-1639.1 858.5,-1642.1 855.5,-1645.1 852.5,-1645.1"/>
<text text-anchor="start" x="701.5" y="-1633.9" font-family="Helvetica,sans-Serif" font-size="9.00">NoTokensAvailableOnNetwork.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx -->
<g id="edge390" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.7,-1636.1C644.08,-1636.1 665.71,-1636.1 687.34,-1636.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="687.43,-1638.2 693.43,-1636.1 687.43,-1634 687.43,-1638.2"/>
</g>
<!-- src/components/TokenSelect/TokenButton.tsx -->
<g id="node116" class="node">
<title>src/components/TokenSelect/TokenButton.tsx</title>
<g id="a_node116"><a xlink:href="src/components/TokenSelect/TokenButton.tsx" xlink:title="TokenButton.tsx">
<path fill="#bbfeff" stroke="black" d="M814.5,-1585.1C814.5,-1585.1 737.5,-1585.1 737.5,-1585.1 734.5,-1585.1 731.5,-1582.1 731.5,-1579.1 731.5,-1579.1 731.5,-1573.1 731.5,-1573.1 731.5,-1570.1 734.5,-1567.1 737.5,-1567.1 737.5,-1567.1 814.5,-1567.1 814.5,-1567.1 817.5,-1567.1 820.5,-1570.1 820.5,-1573.1 820.5,-1573.1 820.5,-1579.1 820.5,-1579.1 820.5,-1582.1 817.5,-1585.1 814.5,-1585.1"/>
<text text-anchor="start" x="739.5" y="-1573.9" font-family="Helvetica,sans-Serif" font-size="9.00">TokenButton.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/TokenButton.tsx -->
<g id="edge391" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/TokenButton.tsx</title>
<g id="a_edge391"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M615.26,-1626.95C633.52,-1616.74 664.76,-1600.44 693.5,-1591.1 701.21,-1588.59 709.48,-1586.46 717.69,-1584.67"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="725.85,-1585.18 731.33,-1581.95 725.03,-1581.06 725.85,-1585.18"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="725.44,-1583.12 722.5,-1583.71 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="720.15" cy="-1584.18" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="646.54" y="-1592.29" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx -->
<g id="node117" class="node">
<title>src/components/TokenSelect/TokenOptions.tsx</title>
<g id="a_node117"><a xlink:href="src/components/TokenSelect/TokenOptions.tsx" xlink:title="TokenOptions.tsx">
<path fill="#bbfeff" stroke="black" d="M816.5,-1555.1C816.5,-1555.1 735.5,-1555.1 735.5,-1555.1 732.5,-1555.1 729.5,-1552.1 729.5,-1549.1 729.5,-1549.1 729.5,-1543.1 729.5,-1543.1 729.5,-1540.1 732.5,-1537.1 735.5,-1537.1 735.5,-1537.1 816.5,-1537.1 816.5,-1537.1 819.5,-1537.1 822.5,-1540.1 822.5,-1543.1 822.5,-1543.1 822.5,-1549.1 822.5,-1549.1 822.5,-1552.1 819.5,-1555.1 816.5,-1555.1"/>
<text text-anchor="start" x="737.5" y="-1543.9" font-family="Helvetica,sans-Serif" font-size="9.00">TokenOptions.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/TokenOptions.tsx -->
<g id="edge392" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/TokenOptions.tsx</title>
<g id="a_edge392"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M607.83,-1627C623.11,-1610.9 657.41,-1577.55 693.5,-1561.1 700.45,-1557.93 708.03,-1555.43 715.68,-1553.46"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="723.97,-1553.79 729.38,-1550.45 723.07,-1549.68 723.97,-1553.79"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="723.52,-1551.73 720.59,-1552.38 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="718.25" cy="-1552.89" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="637.39" y="-1572.4" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/hooks/useCurrencyBalance.ts -->
<g id="node118" class="node">
<title>src/hooks/useCurrencyBalance.ts</title>
<g id="a_node118"><a xlink:href="src/hooks/useCurrencyBalance.ts" xlink:title="useCurrencyBalance.ts">
<path fill="#ddfeff" stroke="black" d="M1517.5,-863.1C1517.5,-863.1 1409.5,-863.1 1409.5,-863.1 1406.5,-863.1 1403.5,-860.1 1403.5,-857.1 1403.5,-857.1 1403.5,-851.1 1403.5,-851.1 1403.5,-848.1 1406.5,-845.1 1409.5,-845.1 1409.5,-845.1 1517.5,-845.1 1517.5,-845.1 1520.5,-845.1 1523.5,-848.1 1523.5,-851.1 1523.5,-851.1 1523.5,-857.1 1523.5,-857.1 1523.5,-860.1 1520.5,-863.1 1517.5,-863.1"/>
<text text-anchor="start" x="1411.5" y="-851.9" font-family="Helvetica,sans-Serif" font-size="9.00">useCurrencyBalance.ts</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useCurrencyBalance.ts -->
<g id="edge396" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useCurrencyBalance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.59,-1633.07C645.62,-1632.83 667.93,-1636.07 680.5,-1651.1 692.74,-1665.74 690.26,-4380.29 693.5,-4399.1 731.78,-4621.36 844.58,-5226.57 1028.5,-5357.1 1054.6,-5375.62 1148.59,-5378.37 1172.5,-5357.1 1209.61,-5324.08 1149.73,-5280.56 1185.5,-5246.1 1215.84,-5216.87 1345.86,-5262.01 1374.5,-5231.1 1395.02,-5208.95 1370.39,-907.98 1387.5,-883.1 1392.71,-875.53 1400.19,-869.94 1408.44,-865.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1409.66,-867.56 1414.26,-863.17 1407.92,-863.73 1409.66,-867.56"/>
</g>
<!-- src/components/TokenSelect/TokenOptionsSkeleton.tsx -->
<g id="node120" class="node">
<title>src/components/TokenSelect/TokenOptionsSkeleton.tsx</title>
<g id="a_node120"><a xlink:href="src/components/TokenSelect/TokenOptionsSkeleton.tsx" xlink:title="TokenOptionsSkeleton.tsx">
<path fill="#bbfeff" stroke="black" d="M836,-1615.1C836,-1615.1 716,-1615.1 716,-1615.1 713,-1615.1 710,-1612.1 710,-1609.1 710,-1609.1 710,-1603.1 710,-1603.1 710,-1600.1 713,-1597.1 716,-1597.1 716,-1597.1 836,-1597.1 836,-1597.1 839,-1597.1 842,-1600.1 842,-1603.1 842,-1603.1 842,-1609.1 842,-1609.1 842,-1612.1 839,-1615.1 836,-1615.1"/>
<text text-anchor="start" x="718" y="-1603.9" font-family="Helvetica,sans-Serif" font-size="9.00">TokenOptionsSkeleton.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/TokenOptionsSkeleton.tsx -->
<g id="edge393" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/components/TokenSelect/TokenOptionsSkeleton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.7,-1631.28C651.4,-1627.23 686.07,-1621.3 715.83,-1616.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="716.53,-1618.23 722.1,-1615.14 715.83,-1614.09 716.53,-1618.23"/>
</g>
<!-- src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useTokenList/index.tsx -->
<g id="edge398" class="edge">
<title>src/components/TokenSelect/index.tsx&#45;&gt;src/hooks/useTokenList/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.59,-1633.07C645.62,-1632.83 667.93,-1636.07 680.5,-1651.1 703.91,-1679.1 668.38,-4252.62 693.5,-4279.1 720,-4307.04 839.81,-4261.34 866.5,-4289.1 883.33,-4306.61 857.17,-4709.09 874.5,-4726.1 885.68,-4737.08 1004.4,-4737.16 1015.5,-4726.1 1035.17,-4706.5 1010.68,-748.4 1028.5,-727.1 1037.35,-716.51 1051.73,-712.63 1065.24,-711.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.46,-713.73 1071.36,-711.38 1065.28,-709.54 1065.46,-713.73"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge259" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.49,-2337.22C471.54,-2343.56 487.61,-2353.52 496,-2368.1 504.76,-2383.32 491.96,-2671.32 504,-2684.1 530.99,-2712.75 645.42,-2681.25 680.5,-2699.1 688.36,-2703.1 685.66,-2710.05 693.5,-2714.1 762.12,-2749.59 799.45,-2692.71 866.5,-2731.1 871.75,-2734.1 869.5,-2738.7 874.5,-2742.1 885.65,-2749.68 899.77,-2754.06 912.4,-2756.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.18,-2758.7 918.46,-2757.71 912.94,-2754.57 912.18,-2758.7"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge260" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M464.01,-2320.74C476.15,-2316.29 488.71,-2309.22 496,-2298.1 506.7,-2281.79 491.5,-1962.08 504,-1947.1 555.9,-1884.89 787.74,-1889.08 866.5,-1908.1 888.37,-1913.38 911,-1925.9 926.21,-1935.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="925.28,-1937.45 931.46,-1938.94 927.57,-1933.92 925.28,-1937.45"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge264" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.6,-2337.16C471.7,-2343.47 487.76,-2353.43 496,-2368.1 509.25,-2391.69 484.83,-4297.01 504,-4316.1 518.27,-4330.31 850.87,-4328.8 866.5,-4316.1 923.34,-4269.94 940.25,-4024.28 943.74,-3959.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="945.86,-3959.45 944.07,-3953.35 941.66,-3959.23 945.86,-3959.45"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge266" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.61,-2337.16C471.7,-2343.47 487.77,-2353.43 496,-2368.1 511.18,-2395.16 491.51,-4573.7 504,-4602.1 546.99,-4699.84 635.02,-4668.49 680.5,-4765.1 702.97,-4812.82 668.97,-4955.4 693.5,-5002.1 740.79,-5092.14 778.26,-5109.22 874.5,-5142.1 904.15,-5152.23 993.07,-5163.98 1015.5,-5142.1 1025.8,-5132.05 1027.03,-4638.42 1028.5,-4624.1 1043.67,-4476.71 1083.54,-4301.4 1095.84,-4249.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.91,-4249.7 1097.26,-4243.38 1093.83,-4248.73 1097.91,-4249.7"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/css/loading.ts -->
<g id="edge261" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/css/loading.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.6,-2337.16C471.7,-2343.47 487.76,-2353.43 496,-2368.1 509.31,-2391.8 493.16,-4300.18 504,-4325.1 594.13,-4532.26 674.39,-4568.26 874.5,-4673.1 884.9,-4678.55 897.17,-4682.02 908.5,-4684.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="908.4,-4686.35 914.68,-4685.33 909.14,-4682.21 908.4,-4686.35"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/hooks/usePriceImpact.ts -->
<g id="edge262" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/hooks/usePriceImpact.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.61,-2337.16C471.7,-2343.47 487.76,-2353.43 496,-2368.1 510.13,-2393.28 492.8,-4420.49 504,-4447.1 612.33,-4704.51 817.68,-5009.24 1015.5,-4812.1 1034.19,-4793.48 1011.85,-1033.56 1028.5,-1013.1 1033.03,-1007.53 1039.07,-1003.69 1045.72,-1001.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1046.39,-1003.09 1051.43,-999.2 1045.07,-999.1 1046.39,-1003.09"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge263" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M464.12,-2320.81C476.28,-2316.36 488.81,-2309.29 496,-2298.1 510.92,-2274.88 486.06,-332.07 504,-311.1 512.62,-301.03 525.09,-295.81 538.13,-293.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.53,-295.46 544.14,-292.47 537.9,-291.31 538.53,-295.46"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge265" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M457.61,-2337.15C471.71,-2343.46 487.77,-2353.42 496,-2368.1 513.23,-2398.82 495.07,-4870.03 504,-4904.1 589.84,-5231.46 702.49,-5365.3 1028.5,-5456.1 1090.15,-5473.27 1123.01,-5496.68 1172.5,-5456.1 1195.28,-5437.42 1167.64,-5414.53 1185.5,-5391.1 1242.49,-5316.33 1324.85,-5375.94 1374.5,-5296.1 1399.61,-5255.72 1367.75,-3627.36 1387.5,-3584.1 1398.34,-3560.37 1422.34,-3541.73 1440.29,-3530.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.13 1439.43,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Swap/Price.tsx -->
<g id="edge257" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Swap/Price.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M464.29,-2320.57C476.31,-2316.1 488.71,-2309.07 496,-2298.1 510.15,-2276.8 485.89,-2086.16 504,-2068.1 532.63,-2039.56 814.25,-2048.6 911.6,-2052.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.66,-2054.73 917.74,-2052.88 911.83,-2050.53 911.66,-2054.73"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx -->
<g id="node92" class="node">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx</title>
<g id="a_node92"><a xlink:href="src/components/Swap/Toolbar/GasEstimateTooltip.tsx" xlink:title="GasEstimateTooltip.tsx">
<path fill="#bbfeff" stroke="black" d="M651.5,-2337.1C651.5,-2337.1 545.5,-2337.1 545.5,-2337.1 542.5,-2337.1 539.5,-2334.1 539.5,-2331.1 539.5,-2331.1 539.5,-2325.1 539.5,-2325.1 539.5,-2322.1 542.5,-2319.1 545.5,-2319.1 545.5,-2319.1 651.5,-2319.1 651.5,-2319.1 654.5,-2319.1 657.5,-2322.1 657.5,-2325.1 657.5,-2325.1 657.5,-2331.1 657.5,-2331.1 657.5,-2334.1 654.5,-2337.1 651.5,-2337.1"/>
<text text-anchor="start" x="547.5" y="-2325.9" font-family="Helvetica,sans-Serif" font-size="9.00">GasEstimateTooltip.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Swap/Toolbar/GasEstimateTooltip.tsx -->
<g id="edge258" class="edge">
<title>src/components/Swap/Toolbar/Caption.tsx&#45;&gt;src/components/Swap/Toolbar/GasEstimateTooltip.tsx</title>
<g id="a_edge258"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M464.29,-2328.1C481.89,-2328.1 504.2,-2328.1 525.52,-2328.1"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="533.32,-2330.2 539.32,-2328.1 533.32,-2326 533.32,-2330.2"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="533.32,-2328.1 530.32,-2328.1 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="527.92" cy="-2328.1" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="477.42" y="-2320.9" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge271" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.28,-2337.12C652.62,-2343.1 670.41,-2352.78 680.5,-2368.1 695.56,-2390.96 674.47,-2594.42 693.5,-2614.1 720.32,-2641.84 839.43,-2601.6 866.5,-2629.1 884.16,-2647.04 858.38,-2722.76 874.5,-2742.1 883.63,-2753.05 898.44,-2757.83 912.09,-2759.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.06,-2761.86 918.26,-2760.45 912.53,-2757.69 912.06,-2761.86"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge272" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M613.48,-2318.98C632.6,-2305.61 666.16,-2278.71 680.5,-2246.1 692.32,-2219.22 673.64,-2003.74 693.5,-1982.1 747.91,-1922.84 852.74,-1930.91 908.14,-1940.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="908.05,-1942.46 914.32,-1941.44 908.78,-1938.33 908.05,-1942.46"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge275" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.43,-2337.23C653.6,-2343.2 670.92,-2352.82 680.5,-2368.1 704.7,-2406.7 661.16,-3976.02 693.5,-4008.1 748.08,-4062.25 794.1,-4034 866.5,-4008.1 894.3,-3998.15 919.31,-3973.56 933.15,-3957.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="934.74,-3959.29 937.07,-3953.38 931.56,-3956.54 934.74,-3959.29"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge277" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.44,-2337.22C653.62,-2343.19 670.93,-2352.81 680.5,-2368.1 712.09,-2418.59 669.47,-4457.61 693.5,-4512.1 735.75,-4607.93 822.19,-4577.21 866.5,-4672.1 874.13,-4688.43 861.45,-4821.68 874.5,-4834.1 919.89,-4877.31 970.06,-4877.26 1015.5,-4834.1 1035.83,-4814.79 1024.97,-4609.91 1028.5,-4582.1 1045.06,-4451.82 1083.21,-4297.44 1095.56,-4249.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.67,-4249.49 1097.13,-4243.16 1093.6,-4248.44 1097.67,-4249.49"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/BottomSheetModal.tsx -->
<g id="edge268" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/BottomSheetModal.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M542.92,-2337.16C523.85,-2343.67 505.82,-2354.86 500,-2374.1 497.11,-2383.63 497.11,-3081.57 500,-3091.1 504.47,-3105.87 517.57,-3112.96 532.82,-3115.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="532.74,-3118.01 538.99,-3116.85 533.39,-3113.86 532.74,-3118.01"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge269" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.1,-2337.24C652.39,-2343.26 670.2,-2352.92 680.5,-2368.1 700.78,-2397.99 668.41,-2504.12 693.5,-2530.1 747.26,-2585.78 813.5,-2493.7 866.5,-2550.1 889.51,-2574.59 852.69,-2675.54 874.5,-2701.1 882.12,-2710.04 893.66,-2714.42 905.18,-2716.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.96,-2718.48 911.19,-2717.22 905.53,-2714.32 904.96,-2718.48"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge270" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.14,-2337.21C652.45,-2343.22 670.25,-2352.88 680.5,-2368.1 702.41,-2400.62 670.16,-2512.59 693.5,-2544.1 742.58,-2610.36 817.66,-2544.67 866.5,-2611.1 882.33,-2632.63 855.91,-2711.9 874.5,-2731.1 896.4,-2753.72 992.2,-2723.92 1015.5,-2745.1 1037.63,-2765.21 1017.13,-2783.45 1028.5,-2811.1 1043.46,-2847.47 1071.52,-2884.53 1087.52,-2904.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.24,-2905.8 1091.69,-2909.08 1089.47,-2903.12 1086.24,-2905.8"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge274" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M579.08,-2319.01C553.87,-2305.84 511.7,-2278.73 500,-2240.1 496.13,-2227.32 496.13,-329.88 500,-317.1 505.01,-300.56 520.83,-293.66 538.37,-291.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.6,-293.51 544.37,-290.84 538.19,-289.33 538.6,-293.51"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge276" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.45,-2337.22C653.63,-2343.18 670.94,-2352.8 680.5,-2368.1 701.43,-2401.6 683.04,-5174.01 693.5,-5212.1 735.53,-5365.21 736.69,-5441.24 874.5,-5520.1 928.89,-5551.22 956.38,-5540.89 1015.5,-5520.1 1026.05,-5516.39 1166.97,-5403.82 1172.5,-5394.1 1192.93,-5358.21 1155.79,-5330.79 1185.5,-5302.1 1215.88,-5272.76 1346.13,-5313.39 1374.5,-5282.1 1390.34,-5264.63 1377.7,-3605.55 1387.5,-3584.1 1398.34,-3560.37 1422.34,-3541.73 1440.29,-3530.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.13 1439.43,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Swap/RoutingDiagram/index.tsx -->
<g id="edge267" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/components/Swap/RoutingDiagram/index.tsx</title>
<g id="a_edge267"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M613.38,-2318.94C632.37,-2305.51 665.78,-2278.53 680.5,-2246.1 713.28,-2173.87 656.77,-2138.4 693.5,-2068.1 704.68,-2046.7 726.15,-2029.76 744.24,-2018.4"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="752.24,-2016.14 756.35,-2011.29 750.11,-2012.52 752.24,-2016.14"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="751.17,-2014.33 748.59,-2015.85 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="746.52" cy="-2017.07" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="662.67" y="-2157.33" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/hooks/useIsMobileWidth.ts -->
<g id="edge273" class="edge">
<title>src/components/Swap/Toolbar/GasEstimateTooltip.tsx&#45;&gt;src/hooks/useIsMobileWidth.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M579.08,-2319.01C553.87,-2305.84 511.7,-2278.73 500,-2240.1 496.07,-2227.12 496.07,-300.08 500,-287.1 505.05,-270.41 521.12,-263.54 538.85,-261.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="539.13,-263.45 544.91,-260.8 538.74,-259.27 539.13,-263.45"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx -->
<g id="node93" class="node">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx</title>
<g id="a_node93"><a xlink:href="src/components/Swap/Toolbar/Toolbar.test.tsx" xlink:title="Toolbar.test.tsx">
<path fill="#bbfeff" stroke="black" d="M149,-2337.1C149,-2337.1 77,-2337.1 77,-2337.1 74,-2337.1 71,-2334.1 71,-2331.1 71,-2331.1 71,-2325.1 71,-2325.1 71,-2322.1 74,-2319.1 77,-2319.1 77,-2319.1 149,-2319.1 149,-2319.1 152,-2319.1 155,-2322.1 155,-2325.1 155,-2325.1 155,-2331.1 155,-2331.1 155,-2334.1 152,-2337.1 149,-2337.1"/>
<text text-anchor="start" x="79" y="-2325.9" font-family="Helvetica,sans-Serif" font-size="9.00">Toolbar.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge283" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.17,-2326.19C166.83,-2327.86 178.41,-2332.05 186,-2341.1 215.56,-2376.35 175.76,-5612.84 198,-5653.1 275.86,-5794.05 351.4,-5795.7 504,-5847.1 578.61,-5872.23 609.11,-5828.92 680.5,-5862.1 687.91,-5865.54 685.95,-5871.97 693.5,-5875.1 764.54,-5904.52 806.52,-5923.21 866.5,-5875.1 879.29,-5864.84 864.1,-5851.77 874.5,-5839.1 917.95,-5786.2 977.36,-5833.95 1015.5,-5777.1 1047.21,-5729.84 996.06,-5311.85 1028.5,-5265.1 1067.84,-5208.42 1133.65,-5264.12 1172.5,-5207.1 1196.54,-5171.82 1165.7,-3707.93 1185.5,-3670.1 1199.09,-3644.14 1228.06,-3626.18 1250.18,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.07,-3617.53 1255.64,-3613.1 1249.31,-3613.71 1251.07,-3617.53"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge284" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.16,-2326.19C166.83,-2327.86 178.41,-2332.05 186,-2341.1 215.12,-2375.82 165.9,-5572.11 198,-5604.1 222.09,-5628.1 318.87,-5615.22 351,-5604.1 527.03,-5543.2 568.2,-5493.71 680.5,-5345.1 811.72,-5171.46 823.65,-5105.48 866.5,-4892.1 869.75,-4875.94 864.09,-3717.89 874.5,-3705.1 883.07,-3694.57 897.08,-3690.29 910.32,-3688.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.51,-3690.95 916.33,-3688.38 910.18,-3686.76 910.51,-3690.95"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts -->
<g id="edge281" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.17,-2326.19C166.83,-2327.86 178.41,-2332.05 186,-2341.1 216.23,-2377.15 174.6,-5687.29 198,-5728.1 255.72,-5828.79 577.93,-5882.52 693.5,-5893.1 770.07,-5900.11 807.99,-5942.99 866.5,-5893.1 883.62,-5878.5 857.9,-5858.3 874.5,-5843.1 897.67,-5821.89 993.83,-5855.84 1015.5,-5833.1 1037.13,-5810.42 1006.86,-5291.77 1028.5,-5269.1 1050.65,-5245.9 1150.58,-5282.52 1172.5,-5259.1 1192.51,-5237.72 1166.47,-1065.35 1185.5,-1043.1 1192.38,-1035.06 1201.71,-1030.11 1211.82,-1027.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1212.53,-1029.2 1217.85,-1025.73 1211.53,-1025.12 1212.53,-1029.2"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/components/Swap/Toolbar/index.tsx -->
<g id="edge278" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/components/Swap/Toolbar/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.2,-2328.1C181.32,-2328.1 214.72,-2328.1 239.45,-2328.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="239.54,-2330.2 245.54,-2328.1 239.54,-2326 239.54,-2330.2"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge282" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.16,-2326.19C166.83,-2327.86 178.41,-2332.05 186,-2341.1 215.34,-2376.08 165.66,-5595.88 198,-5628.1 292.15,-5721.91 366.96,-5634.95 496,-5603.1 741.85,-5542.42 902.97,-5595.95 1015.5,-5369.1 1027.69,-5344.52 1025.79,-1445.4 1028.5,-1418.1 1041.97,-1282.51 1082.5,-1122.18 1095.46,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.53,-1073.52 1097.04,-1067.18 1093.47,-1072.44 1097.53,-1073.52"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/constants/tokens.ts -->
<g id="edge279" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.17,-2326.19C166.83,-2327.86 178.41,-2332.05 186,-2341.1 216.67,-2377.68 173.2,-5737.31 198,-5778.1 217.93,-5810.88 466.76,-5928.85 504,-5938.1 901.57,-6036.88 1182.66,-5997.06 1374.5,-5635.1 1394.52,-5597.33 1383.34,-4138.65 1387.5,-4096.1 1402.25,-3945.1 1445.42,-3765.9 1458.62,-3713.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1460.71,-3713.6 1460.14,-3707.27 1456.64,-3712.57 1460.71,-3713.6"/>
</g>
<!-- src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/hooks/swap/useSwapInfo.tsx -->
<g id="edge280" class="edge">
<title>src/components/Swap/Toolbar/Toolbar.test.tsx&#45;&gt;src/hooks/swap/useSwapInfo.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.16,-2326.19C166.83,-2327.86 178.41,-2332.05 186,-2341.1 215.21,-2375.93 165.8,-5582.02 198,-5614.1 245.35,-5661.28 451.56,-5623.04 496,-5573.1 841.46,-5184.87 824.44,-3782.07 866.5,-3264.1 867.26,-3254.72 868.47,-560.33 874.5,-553.1 879.55,-547.05 886.42,-543.2 893.9,-540.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="894.45,-542.87 899.72,-539.32 893.38,-538.81 894.45,-542.87"/>
</g>
<!-- src/constants/tokens.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge433" class="edge">
<title>src/constants/tokens.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1490.86,-3689.06C1530.78,-3677.08 1607.62,-3660.88 1661.5,-3692.1 1699.46,-3714.09 1717.61,-3766.83 1724.52,-3792.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1722.53,-3793.66 1726.04,-3798.96 1726.61,-3792.63 1722.53,-3793.66"/>
</g>
<!-- src/constants/tokens.ts&#45;&gt;src/constants/addresses.ts -->
<g id="edge432" class="edge">
<title>src/constants/tokens.ts&#45;&gt;src/constants/addresses.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1485.61,-3707.22C1503.29,-3714.69 1529.29,-3725.26 1552.5,-3733.1 1556.71,-3734.52 1561.14,-3735.92 1565.57,-3737.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1565.24,-3739.35 1571.59,-3739.03 1566.43,-3735.32 1565.24,-3739.35"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts -->
<g id="edge478" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/swap/useSwapApproval.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.06,-531.8C999.19,-530.25 1007.6,-528.64 1015.5,-527.1 1026.47,-524.96 1038.23,-522.61 1049.37,-520.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1050.03,-522.37 1055.49,-519.12 1049.19,-518.25 1050.03,-522.37"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx -->
<g id="edge479" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/swap/useWrapCallback.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.17,-540.1C1006.12,-540.1 1023.04,-540.1 1038.99,-540.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1039.29,-542.2 1045.29,-540.1 1039.29,-538 1039.29,-542.2"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/usePriceImpact.ts -->
<g id="edge485" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/usePriceImpact.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.22,-539.73C1000.5,-541.84 1009.32,-545.87 1015.5,-553.1 1046.56,-589.43 997.84,-946.43 1028.5,-983.1 1032.95,-988.43 1038.78,-992.16 1045.19,-994.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1044.85,-996.83 1051.21,-996.78 1046.2,-992.86 1044.85,-996.83"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge488" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.28,-539.69C1000.56,-541.8 1009.36,-545.84 1015.5,-553.1 1039.72,-581.74 1013.13,-1193.89 1028.5,-1228.1 1064.2,-1307.57 1137.36,-1281.38 1172.5,-1361.1 1186.48,-1392.81 1160.93,-3831.66 1185.5,-3856.1 1200.39,-3870.91 1359.3,-3870.59 1374.5,-3856.1 1396.4,-3835.22 1374.38,-3611.37 1387.5,-3584.1 1398.81,-3560.59 1422.73,-3541.92 1440.53,-3530.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.85,-3532.17 1445.84,-3527.22 1439.63,-3528.6 1441.85,-3532.17"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge489" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.26,-539.71C1000.53,-541.82 1009.34,-545.85 1015.5,-553.1 1035.04,-576.1 1020.5,-1067 1028.5,-1096.1 1063.09,-1221.98 1139.05,-1225.92 1172.5,-1352.1 1180.47,-1382.16 1165.01,-3567.71 1185.5,-3591.1 1200.34,-3608.05 1226.19,-3610.54 1246.96,-3609.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.14,-3611.32 1252.94,-3608.73 1246.79,-3607.13 1247.14,-3611.32"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useSlippage.ts -->
<g id="edge486" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useSlippage.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.21,-539.74C1000.49,-541.85 1009.31,-545.88 1015.5,-553.1 1044.44,-586.87 999.94,-919.02 1028.5,-953.1 1034.73,-960.54 1043.64,-964.86 1053.05,-967.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1052.65,-969.32 1058.96,-968.52 1053.53,-965.22 1052.65,-969.32"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts -->
<g id="edge484" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/usePermit2Allowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.31,-538.31C1000.04,-536.21 1008.61,-532.73 1015.5,-527.1 1027.38,-517.38 1015.77,-503.67 1028.5,-495.1 1055.05,-477.23 1149.59,-472.76 1172.5,-495.1 1193.11,-515.2 1166.55,-991.43 1185.5,-1013.1 1192.37,-1020.96 1201.6,-1025.85 1211.57,-1028.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1211.2,-1030.82 1217.53,-1030.23 1212.21,-1026.74 1211.2,-1030.82"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge487" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.24,-539.72C1000.52,-541.83 1009.33,-545.86 1015.5,-553.1 1050.82,-594.56 993.64,-1001.25 1028.5,-1043.1 1034.07,-1049.79 1041.8,-1053.96 1050.12,-1056.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1049.63,-1058.52 1055.96,-1057.98 1050.67,-1054.45 1049.63,-1058.52"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useCurrencyBalance.ts -->
<g id="edge482" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useCurrencyBalance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991,-539.42C1000.07,-537.32 1008.85,-533.55 1015.5,-527.1 1034.78,-508.41 1007.57,-484.92 1028.5,-468.1 1078.39,-428.01 1110.44,-452.45 1172.5,-468.1 1178.86,-469.7 1179.43,-472.61 1185.5,-475.1 1266.46,-508.25 1320.53,-461.25 1374.5,-530.1 1395.7,-557.15 1365.16,-812.99 1387.5,-839.1 1390.47,-842.57 1393.99,-845.38 1397.87,-847.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1397.05,-849.58 1403.35,-850.39 1398.93,-845.82 1397.05,-849.58"/>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/routing/types.ts -->
<g id="edge480" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.14,-539.1C1000.09,-536.99 1008.79,-533.31 1015.5,-527.1 1031.73,-512.1 1010.95,-492.53 1028.5,-479.1 1041.21,-469.38 1160.99,-467.99 1172.5,-479.1 1201.62,-507.2 1158.39,-813.06 1185.5,-843.1 1200.43,-859.64 1225.86,-862.28 1246.44,-861.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.83,-863.19 1252.66,-860.65 1246.51,-859.01 1246.83,-863.19"/>
</g>
<!-- src/hooks/routing/useRouterTrade.ts -->
<g id="node147" class="node">
<title>src/hooks/routing/useRouterTrade.ts</title>
<g id="a_node147"><a xlink:href="src/hooks/routing/useRouterTrade.ts" xlink:title="useRouterTrade.ts">
<path fill="#ddfeff" stroke="black" d="M1143.5,-865.1C1143.5,-865.1 1057.5,-865.1 1057.5,-865.1 1054.5,-865.1 1051.5,-862.1 1051.5,-859.1 1051.5,-859.1 1051.5,-853.1 1051.5,-853.1 1051.5,-850.1 1054.5,-847.1 1057.5,-847.1 1057.5,-847.1 1143.5,-847.1 1143.5,-847.1 1146.5,-847.1 1149.5,-850.1 1149.5,-853.1 1149.5,-853.1 1149.5,-859.1 1149.5,-859.1 1149.5,-862.1 1146.5,-865.1 1143.5,-865.1"/>
<text text-anchor="start" x="1059.5" y="-853.9" font-family="Helvetica,sans-Serif" font-size="9.00">useRouterTrade.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/routing/useRouterTrade.ts -->
<g id="edge481" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/routing/useRouterTrade.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.15,-539.8C1000.43,-541.91 1009.27,-545.92 1015.5,-553.1 1036.64,-577.46 1007.3,-818.79 1028.5,-843.1 1033.04,-848.31 1038.92,-851.87 1045.35,-854.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1045.03,-856.37 1051.38,-856.15 1046.28,-852.36 1045.03,-856.37"/>
</g>
<!-- src/hooks/useOnSupportedNetwork.ts -->
<g id="node159" class="node">
<title>src/hooks/useOnSupportedNetwork.ts</title>
<g id="a_node159"><a xlink:href="src/hooks/useOnSupportedNetwork.ts" xlink:title="useOnSupportedNetwork.ts">
<path fill="#ddfeff" stroke="black" d="M1165.5,-917.1C1165.5,-917.1 1035.5,-917.1 1035.5,-917.1 1032.5,-917.1 1029.5,-914.1 1029.5,-911.1 1029.5,-911.1 1029.5,-905.1 1029.5,-905.1 1029.5,-902.1 1032.5,-899.1 1035.5,-899.1 1035.5,-899.1 1165.5,-899.1 1165.5,-899.1 1168.5,-899.1 1171.5,-902.1 1171.5,-905.1 1171.5,-905.1 1171.5,-911.1 1171.5,-911.1 1171.5,-914.1 1168.5,-917.1 1165.5,-917.1"/>
<text text-anchor="start" x="1037.5" y="-905.9" font-family="Helvetica,sans-Serif" font-size="9.00">useOnSupportedNetwork.ts</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useOnSupportedNetwork.ts -->
<g id="edge483" class="edge">
<title>src/hooks/swap/useSwapInfo.tsx&#45;&gt;src/hooks/useOnSupportedNetwork.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.18,-539.77C1000.46,-541.88 1009.29,-545.9 1015.5,-553.1 1040.25,-581.82 1003.87,-865.28 1028.5,-894.1 1028.69,-894.33 1028.89,-894.55 1029.09,-894.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1027.78,-896.43 1033.6,-898.99 1030.65,-893.36 1027.78,-896.43"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx -->
<g id="node96" class="node">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx</title>
<g id="a_node96"><a xlink:href="src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx" xlink:title="ToolbarOrderRouting.test.tsx">
<path fill="#bbfeff" stroke="black" d="M180,-2307.1C180,-2307.1 46,-2307.1 46,-2307.1 43,-2307.1 40,-2304.1 40,-2301.1 40,-2301.1 40,-2295.1 40,-2295.1 40,-2292.1 43,-2289.1 46,-2289.1 46,-2289.1 180,-2289.1 180,-2289.1 183,-2289.1 186,-2292.1 186,-2295.1 186,-2295.1 186,-2301.1 186,-2301.1 186,-2304.1 183,-2307.1 180,-2307.1"/>
<text text-anchor="start" x="48" y="-2295.9" font-family="Helvetica,sans-Serif" font-size="9.00">ToolbarOrderRouting.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge286" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M179.74,-2307.11C182.04,-2308.84 184.14,-2310.83 186,-2313.1 197.45,-2327.12 196.3,-4901.08 198,-4919.1 235.97,-5321.88 102.54,-5505.38 364,-5814.1 404.34,-5861.74 457.08,-5813.29 496,-5862.1 513.87,-5884.51 482.66,-5906.96 504,-5926.1 533.98,-5953 828.16,-5941.44 866.5,-5929.1 1041.41,-5872.8 1028.49,-5761.56 1185.5,-5666.1 1261.91,-5619.65 1323.01,-5670.21 1374.5,-5597.1 1406.7,-5551.38 1364.3,-3634.98 1387.5,-3584.1 1398.33,-3560.36 1422.33,-3541.73 1440.28,-3530.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.12 1439.42,-3528.46 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge287" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M179.72,-2307.13C182.02,-2308.85 184.13,-2310.83 186,-2313.1 194.4,-2323.3 197.42,-3250.9 198,-3264.1 208.78,-3509.45 183.94,-5301.1 364,-5468.1 407.01,-5508 444.28,-5495.78 496,-5468.1 501.65,-5465.08 499.41,-5460.57 504,-5456.1 570.39,-5391.45 630.49,-5423.12 680.5,-5345.1 704.45,-5307.74 680.7,-5288.59 693.5,-5246.1 744.01,-5078.43 826.47,-5062.58 866.5,-4892.1 870.27,-4876.05 864.09,-3717.89 874.5,-3705.1 883.07,-3694.57 897.08,-3690.29 910.32,-3688.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.51,-3690.95 916.33,-3688.38 910.18,-3686.76 910.51,-3690.95"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx -->
<g id="node97" class="node">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx</title>
<g id="a_node97"><a xlink:href="src/components/Swap/Toolbar/ToolbarOrderRouting.tsx" xlink:title="ToolbarOrderRouting.tsx">
<path fill="#bbfeff" stroke="black" d="M331.5,-2307.1C331.5,-2307.1 218.5,-2307.1 218.5,-2307.1 215.5,-2307.1 212.5,-2304.1 212.5,-2301.1 212.5,-2301.1 212.5,-2295.1 212.5,-2295.1 212.5,-2292.1 215.5,-2289.1 218.5,-2289.1 218.5,-2289.1 331.5,-2289.1 331.5,-2289.1 334.5,-2289.1 337.5,-2292.1 337.5,-2295.1 337.5,-2295.1 337.5,-2301.1 337.5,-2301.1 337.5,-2304.1 334.5,-2307.1 331.5,-2307.1"/>
<text text-anchor="start" x="220.5" y="-2295.9" font-family="Helvetica,sans-Serif" font-size="9.00">ToolbarOrderRouting.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/components/Swap/Toolbar/ToolbarOrderRouting.tsx -->
<g id="edge285" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/components/Swap/Toolbar/ToolbarOrderRouting.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M186.04,-2298.1C192.77,-2298.1 199.58,-2298.1 206.27,-2298.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="206.38,-2300.2 212.38,-2298.1 206.38,-2296 206.38,-2300.2"/>
</g>
<!-- src/test/utils.ts -->
<g id="node98" class="node">
<title>src/test/utils.ts</title>
<g id="a_node98"><a xlink:href="src/test/utils.ts" xlink:title="utils.ts">
<path fill="#ddfeff" stroke="black" d="M966.5,-3729.1C966.5,-3729.1 924.5,-3729.1 924.5,-3729.1 921.5,-3729.1 918.5,-3726.1 918.5,-3723.1 918.5,-3723.1 918.5,-3717.1 918.5,-3717.1 918.5,-3714.1 921.5,-3711.1 924.5,-3711.1 924.5,-3711.1 966.5,-3711.1 966.5,-3711.1 969.5,-3711.1 972.5,-3714.1 972.5,-3717.1 972.5,-3717.1 972.5,-3723.1 972.5,-3723.1 972.5,-3726.1 969.5,-3729.1 966.5,-3729.1"/>
<text text-anchor="start" x="930" y="-3717.9" font-family="Helvetica,sans-Serif" font-size="9.00">utils.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/test/utils.ts -->
<g id="edge288" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.test.tsx&#45;&gt;src/test/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M179.74,-2307.11C182.03,-2308.84 184.14,-2310.83 186,-2313.1 195.01,-2324.11 196.92,-4346.92 198,-4361.1 217.23,-4612.63 173.02,-5319.28 364,-5484.1 582.42,-5672.61 792.48,-5351.97 866.5,-5073.1 882.88,-5011.4 863.78,-3987.03 874.5,-3924.1 887.05,-3850.43 922.58,-3767.64 937.63,-3734.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="939.58,-3735.5 940.19,-3729.17 935.77,-3733.74 939.58,-3735.5"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge293" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.77,-2302.86C342.8,-2305.38 347.34,-2308.71 351,-2313.1 379.18,-2346.9 336.17,-3071.01 364,-3105.1 404.3,-3154.47 440.65,-3129.17 504,-3136.1 581.98,-3144.63 604.47,-3155.41 680.5,-3136.1 771.67,-3112.94 807.73,-3108.55 866.5,-3035.1 883.37,-3014.02 927.94,-2830 940.91,-2775.34"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="942.99,-2775.66 942.33,-2769.34 938.91,-2774.7 942.99,-2775.66"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge294" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.77,-2302.87C342.8,-2305.38 347.34,-2308.72 351,-2313.1 378.09,-2345.57 339.67,-3039.52 364,-3074.1 405.03,-3132.43 614.58,-3154.3 680.5,-3127.1 788.28,-3082.63 821.29,-3049.57 866.5,-2942.1 876.84,-2917.52 860.26,-2004.65 874.5,-1982.1 882.13,-1970.02 895.41,-1962.11 908.37,-1957"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="909.36,-1958.87 914.28,-1954.84 907.92,-1954.93 909.36,-1958.87"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge297" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.82,-2302.82C342.84,-2305.35 347.37,-2308.69 351,-2313.1 373.37,-2340.24 357.75,-4810.49 364,-4845.1 396.06,-5022.63 388.53,-5087.49 504,-5226.1 566.62,-5301.27 599.13,-5312.3 693.5,-5338.1 767.67,-5358.38 789.94,-5345.23 866.5,-5338.1 900.05,-5334.98 993.6,-5335.7 1015.5,-5310.1 1030.86,-5292.15 1026.86,-4908.67 1028.5,-4885.1 1046.27,-4630.2 1087.56,-4321.1 1097.38,-4249.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.49,-4249.49 1098.23,-4243.26 1095.33,-4248.91 1099.49,-4249.49"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/BottomSheetModal.tsx -->
<g id="edge290" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/BottomSheetModal.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.76,-2302.87C342.79,-2305.38 347.34,-2308.72 351,-2313.1 376.75,-2343.94 341.68,-3002.7 364,-3036.1 400.39,-3090.57 477.21,-3107.03 532.82,-3111.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="532.68,-3113.58 538.81,-3111.93 532.98,-3109.4 532.68,-3113.58"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge291" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.75,-2302.88C342.79,-2305.39 347.34,-2308.72 351,-2313.1 373.79,-2340.33 341.21,-2924.87 364,-2952.1 399.84,-2994.92 828.53,-3000.04 866.5,-2959.1 882.68,-2941.66 860.91,-2764.64 874.5,-2745.1 881.79,-2734.61 893.63,-2727.91 905.51,-2723.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="906.28,-2725.58 911.32,-2721.71 904.96,-2721.6 906.28,-2725.58"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge292" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.75,-2302.88C342.79,-2305.39 347.34,-2308.72 351,-2313.1 374.42,-2341.1 340.87,-2941.86 364,-2970.1 411.52,-3028.12 618.95,-3034.94 693.5,-3043.1 729.07,-3046.99 983.92,-3059.92 1015.5,-3043.1 1059.91,-3019.44 1085.02,-2960.71 1094.75,-2933.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1096.75,-2933.65 1096.7,-2927.29 1092.78,-2932.29 1096.75,-2933.65"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge296" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.82,-2302.82C342.84,-2305.34 347.37,-2308.69 351,-2313.1 363.8,-2328.65 359.61,-5193.45 364,-5213.1 365.01,-5217.6 501.35,-5510.32 504,-5514.1 572.24,-5611.53 608.22,-5620.18 693.5,-5703.1 769.46,-5776.96 807.73,-5778.95 866.5,-5867.1 872.04,-5875.41 866.28,-5882.43 874.5,-5888.1 926.1,-5923.66 970.01,-5931.2 1015.5,-5888.1 1034.97,-5869.66 1011.43,-5667.79 1028.5,-5647.1 1070.48,-5596.22 1126.75,-5658.63 1172.5,-5611.1 1192.02,-5590.81 1166.82,-5570.17 1185.5,-5549.1 1244.34,-5482.75 1322.57,-5556.99 1374.5,-5485.1 1405.42,-5442.29 1365.58,-3632.14 1387.5,-3584.1 1398.33,-3560.36 1422.33,-3541.73 1440.28,-3530.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3532.05 1445.64,-3527.12 1439.43,-3528.47 1441.62,-3532.05"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Swap/RoutingDiagram/index.tsx -->
<g id="edge289" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/components/Swap/RoutingDiagram/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.77,-2292.86C342.73,-2290.42 347.26,-2287.24 351,-2283.1 371.2,-2260.74 342.95,-2169.67 364,-2148.1 405.27,-2105.8 454.84,-2174.51 496,-2132.1 509.68,-2118.01 490.07,-2057.94 504,-2044.1 531.92,-2016.35 645.12,-2046.35 680.5,-2029.1 688.13,-2025.38 686.01,-2019.1 693.5,-2015.1 707.77,-2007.49 725.3,-2004.06 740.44,-2002.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.95,-2004.67 746.77,-2002.1 740.62,-2000.49 740.95,-2004.67"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/hooks/useIsMobileWidth.ts -->
<g id="edge295" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/hooks/useIsMobileWidth.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.79,-2293.36C342.82,-2290.84 347.36,-2287.5 351,-2283.1 371.52,-2258.36 346.62,-1153.13 364,-1126.1 399.06,-1071.58 460.97,-1118.64 496,-1064.1 507.76,-1045.8 489.81,-297.58 504,-281.1 512.75,-270.95 525.4,-265.74 538.59,-263.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="539.05,-265.41 544.68,-262.45 538.43,-261.26 539.05,-265.41"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/theme/type.tsx -->
<g id="edge298" class="edge">
<title>src/components/Swap/Toolbar/ToolbarOrderRouting.tsx&#45;&gt;src/theme/type.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M337.82,-2302.82C342.84,-2305.34 347.37,-2308.69 351,-2313.1 375.02,-2342.26 354.49,-4996.54 364,-5033.1 440.31,-5326.4 483.28,-5411.8 693.5,-5630.1 798.3,-5738.93 905.24,-5842.4 1015.5,-5739.1 1031.67,-5723.95 1020.35,-5560.7 1028.5,-5540.1 1065.57,-5446.45 1134.09,-5458.22 1172.5,-5365.1 1183.7,-5337.95 1266.28,-4381.91 1277.69,-4249.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.79,-4249.46 1278.21,-4243.3 1275.6,-4249.1 1279.79,-4249.46"/>
</g>
<!-- src/theme/type.tsx&#45;&gt;src/theme/animations.ts -->
<g id="edge705" class="edge">
<title>src/theme/type.tsx&#45;&gt;src/theme/animations.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1307,-4232.52C1336.07,-4230.76 1383.63,-4227.88 1418.51,-4225.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1419.01,-4227.84 1424.87,-4225.38 1418.75,-4223.65 1419.01,-4227.84"/>
</g>
<!-- src/theme/type.tsx&#45;&gt;src/theme/theme.ts -->
<g id="edge706" class="edge">
<title>src/theme/type.tsx&#45;&gt;src/theme/theme.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1307.05,-4226.83C1325.94,-4221.37 1352.02,-4213.41 1374.5,-4205.1 1396.1,-4197.11 1420.05,-4186.66 1437.51,-4178.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1438.58,-4180.56 1443.17,-4176.16 1436.84,-4176.74 1438.58,-4180.56"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx -->
<g id="node100" class="node">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx</title>
<g id="a_node100"><a xlink:href="src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx" xlink:title="ToolbarTradeSummary.test.tsx">
<path fill="#bbfeff" stroke="black" d="M345,-2277.1C345,-2277.1 205,-2277.1 205,-2277.1 202,-2277.1 199,-2274.1 199,-2271.1 199,-2271.1 199,-2265.1 199,-2265.1 199,-2262.1 202,-2259.1 205,-2259.1 205,-2259.1 345,-2259.1 345,-2259.1 348,-2259.1 351,-2262.1 351,-2265.1 351,-2265.1 351,-2271.1 351,-2271.1 351,-2274.1 348,-2277.1 345,-2277.1"/>
<text text-anchor="start" x="207" y="-2265.9" font-family="Helvetica,sans-Serif" font-size="9.00">ToolbarTradeSummary.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge300" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M344.78,-2277.14C347.05,-2278.87 349.14,-2280.85 351,-2283.1 373.29,-2310.14 339.16,-4781.39 364,-4806.1 463.72,-4905.31 576.88,-4901.23 680.5,-4806.1 705.47,-4783.17 680.24,-4685.3 693.5,-4654.1 739.19,-4546.55 824.85,-4565.29 866.5,-4456.1 873.93,-4436.61 861.3,-3721.25 874.5,-3705.1 883.09,-3694.59 897.1,-3690.31 910.34,-3688.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.53,-3690.96 916.35,-3688.4 910.2,-3686.78 910.53,-3690.96"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx&#45;&gt;src/components/Swap/Toolbar/ToolbarTradeSummary.tsx -->
<g id="edge299" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.test.tsx&#45;&gt;src/components/Swap/Toolbar/ToolbarTradeSummary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M351.16,-2275.47C353.27,-2275.68 355.39,-2275.88 357.5,-2276.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="357.64,-2278.21 363.82,-2276.71 358.05,-2274.03 357.64,-2278.21"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge302" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M460.08,-2274.03C473.43,-2268.27 488.04,-2259.34 496,-2246.1 503.79,-2233.14 493.44,-1984.91 504,-1974.1 532.16,-1945.28 837.86,-1935.76 866.5,-1964.1 881.64,-1979.09 862.57,-2713.45 874.5,-2731.1 883.07,-2743.78 898.31,-2750.93 912.39,-2754.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912,-2757.02 918.33,-2756.49 913.05,-2752.95 912,-2757.02"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/components/Tooltip.tsx -->
<g id="edge303" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/components/Tooltip.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M460.11,-2274.05C473.47,-2268.29 488.07,-2259.36 496,-2246.1 514.82,-2214.62 482.67,-1945.94 504,-1916.1 551.71,-1849.36 792.95,-1809.75 866.5,-1846.1 903.56,-1864.41 927.86,-1909.71 938.43,-1933.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="936.62,-1934.4 940.94,-1939.06 940.48,-1932.72 936.62,-1934.4"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge304" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M468.56,-2292.13C479.24,-2296.62 489.68,-2303.27 496,-2313.1 510.73,-2336.01 484.7,-4254.88 504,-4274.1 561.08,-4330.95 803.33,-4324.08 866.5,-4274.1 917.29,-4233.92 938.39,-4019.05 943.32,-3959.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="945.43,-3959.41 943.82,-3953.26 941.24,-3959.07 945.43,-3959.41"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge305" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M468.56,-2292.13C479.25,-2296.61 489.69,-2303.27 496,-2313.1 504.88,-2326.93 492.86,-4668.01 504,-4680.1 530.68,-4709.04 653.23,-4666.71 680.5,-4695.1 703.07,-4718.6 670.95,-4964.58 693.5,-4988.1 720.21,-5015.96 839.27,-4975.76 866.5,-5003.1 881.76,-5018.43 858.59,-5085.45 874.5,-5100.1 920.6,-5142.55 970.59,-5143.8 1015.5,-5100.1 1034.46,-5081.65 1025.76,-4650.41 1028.5,-4624.1 1043.84,-4476.73 1083.59,-4301.4 1095.85,-4249.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.93,-4249.7 1097.27,-4243.38 1093.84,-4248.74 1097.93,-4249.7"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge301" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M460.1,-2274.04C473.45,-2268.28 488.06,-2259.35 496,-2246.1 504.63,-2231.7 492.42,-1956.25 504,-1944.1 531.82,-1914.93 837.85,-1901.75 866.5,-1930.1 881.72,-1945.17 860.95,-2684.51 874.5,-2701.1 882,-2710.28 893.63,-2714.7 905.27,-2716.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.11,-2718.73 911.33,-2717.43 905.66,-2714.57 905.11,-2718.73"/>
</g>
<!-- src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/theme/type.tsx -->
<g id="edge306" class="edge">
<title>src/components/Swap/Toolbar/ToolbarTradeSummary.tsx&#45;&gt;src/theme/type.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M468.56,-2292.13C479.25,-2296.61 489.69,-2303.27 496,-2313.1 505.14,-2327.34 499.53,-4733.78 504,-4750.1 544.9,-4899.29 630.2,-4903.81 680.5,-5050.1 694.93,-5092.07 674.1,-5109.19 693.5,-5149.1 743.79,-5252.55 768.61,-5289.16 874.5,-5334.1 996.42,-5385.85 1074.44,-5424.13 1172.5,-5335.1 1214.75,-5296.74 1270.38,-4380.04 1278.1,-4249.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1280.21,-4249.38 1278.47,-4243.27 1276.02,-4249.13 1280.21,-4249.38"/>
</g>
<!-- src/components/Swap/index.tsx -->
<g id="node102" class="node">
<title>src/components/Swap/index.tsx</title>
<g id="a_node102"><a xlink:href="src/components/Swap/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M136,-2598.1C136,-2598.1 90,-2598.1 90,-2598.1 87,-2598.1 84,-2595.1 84,-2592.1 84,-2592.1 84,-2586.1 84,-2586.1 84,-2583.1 87,-2580.1 90,-2580.1 90,-2580.1 136,-2580.1 136,-2580.1 139,-2580.1 142,-2583.1 142,-2586.1 142,-2586.1 142,-2592.1 142,-2592.1 142,-2595.1 139,-2598.1 136,-2598.1"/>
<text text-anchor="start" x="92" y="-2586.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge324" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M117.96,-2579.99C130.74,-2550.07 170.91,-2451.85 186,-2366.1 189.21,-2347.87 184.68,-2045.95 198,-2033.1 209.92,-2021.61 484.21,-2021.48 496,-2033.1 506.94,-2043.88 496.42,-2572.74 504,-2586.1 504.38,-2586.77 692.83,-2702.72 693.5,-2703.1 712.67,-2714.06 734.87,-2725.7 751.25,-2734.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="750.71,-2736.19 757,-2737.05 752.62,-2732.45 750.71,-2736.19"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/BrandedFooter.tsx -->
<g id="edge335" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/BrandedFooter.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M117.94,-2579.98C130.67,-2550.05 170.7,-2451.81 186,-2366.1 188.85,-2350.12 186.29,-2085.34 198,-2074.1 209.94,-2062.64 484.24,-2062.45 496,-2074.1 504.8,-2082.82 499.83,-2954.44 504,-2966.1 519.64,-3009.8 559.29,-3049.23 581.61,-3068.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="580.45,-3070.68 586.36,-3073.02 583.2,-3067.5 580.45,-3070.68"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/ConnectWallet/index.tsx -->
<g id="edge336" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/ConnectWallet/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M117.96,-2579.99C130.72,-2550.06 170.86,-2451.84 186,-2366.1 189.1,-2348.53 185.15,-2057.48 198,-2045.1 209.92,-2033.61 484.24,-2033.45 496,-2045.1 512.66,-2061.6 488.71,-2871.33 504,-2889.1 518.19,-2905.59 542.69,-2909.04 563.05,-2908.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="563.32,-2910.62 569.22,-2908.25 563.13,-2906.42 563.32,-2910.62"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Popover.tsx -->
<g id="edge326" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Popover.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M117.95,-2579.98C130.69,-2550.06 170.77,-2451.82 186,-2366.1 188.96,-2349.46 185.82,-2073.81 198,-2062.1 221.87,-2039.15 472.48,-2038.79 496,-2062.1 513.36,-2079.31 486.64,-2924.89 504,-2942.1 543.34,-2981.09 933.52,-2938.06 1060.09,-2922.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1060.56,-2925 1066.27,-2922.2 1060.06,-2920.83 1060.56,-2925"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Header.tsx -->
<g id="edge325" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Header.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.08,-2586.33C157.45,-2586.48 175.45,-2589.73 186,-2602.1 206.78,-2626.45 177.89,-3153.2 198,-3178.1 207.17,-3189.45 222.06,-3194.44 236.25,-3196.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="236.07,-3198.5 242.26,-3197.08 236.53,-3194.33 236.07,-3198.5"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Input.tsx -->
<g id="edge327" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Input.tsx</title>
<g id="a_edge327"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M134.21,-2580.06C176.23,-2562.62 275.4,-2528.65 351,-2559.1 378.05,-2570 400.98,-2595.26 414.84,-2613.46"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="417.87,-2621.27 423.09,-2624.91 421.28,-2618.81 417.87,-2621.27"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="419.58,-2620.04 417.83,-2617.61 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="416.42" cy="-2615.66" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="253.6" y="-2539.71" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge344" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.16,-2586.26C157.55,-2586.39 175.55,-2589.64 186,-2602.1 213.89,-2635.35 174.62,-5690.53 198,-5727.1 327.1,-5929.07 457.53,-5897.91 693.5,-5940.1 840.76,-5966.43 939.29,-5970.83 1015.5,-5842.1 1033.9,-5811.02 1021.04,-5715.44 1028.5,-5680.1 1068.59,-5490.31 1139.26,-5459.21 1172.5,-5268.1 1180.11,-5224.37 1164.92,-3709.43 1185.5,-3670.1 1199,-3644.3 1227.7,-3626.4 1249.76,-3615.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1250.65,-3617.72 1255.21,-3613.29 1248.88,-3613.91 1250.65,-3617.72"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Output.tsx -->
<g id="edge328" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Output.tsx</title>
<g id="a_edge328"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M142.24,-2591.75C166.15,-2593.99 200.87,-2597.25 228.67,-2599.85"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="236.31,-2602.68 242.48,-2601.15 236.71,-2598.5 236.31,-2602.68"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="236.51,-2600.59 233.52,-2600.31 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="231.13" cy="-2600.08" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="167.69" y="-2589.23" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/ReverseButton.tsx -->
<g id="edge329" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/ReverseButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.14,-2589.24C156.24,-2590.48 173.04,-2593.84 186,-2602.1 193.8,-2607.07 190.24,-2614.07 198,-2619.1 204.47,-2623.3 211.86,-2626.37 219.43,-2628.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="218.9,-2630.64 225.24,-2630.16 219.99,-2626.58 218.9,-2630.64"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Settings/index.tsx -->
<g id="edge330" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Settings/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M117.84,-2579.97C130.27,-2549.98 169.49,-2451.58 186,-2366.1 189.65,-2347.18 185.26,-2207.55 198,-2193.1 208.2,-2181.54 224.5,-2177.32 239.39,-2176.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="239.78,-2178.28 245.67,-2175.88 239.57,-2174.08 239.78,-2178.28"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Status/index.ts -->
<g id="edge331" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Status/index.ts</title>
<g id="a_edge331"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M117.89,-2579.97C130.43,-2550.01 169.99,-2451.68 186,-2366.1 194.52,-2320.59 177.27,-2199.5 198,-2158.1 208.09,-2137.94 227.69,-2121.69 244.45,-2110.6"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="252.51,-2108.09 256.52,-2103.16 250.31,-2104.52 252.51,-2108.09"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="251.41,-2106.31 248.86,-2107.88 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="246.82" cy="-2109.14" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="212.78" y="-2334.52" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge342" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.16,-2586.26C157.55,-2586.39 175.55,-2589.64 186,-2602.1 200.29,-2619.13 189.76,-5782.46 198,-5803.1 253.49,-5942.09 279.34,-6048.1 429,-6048.1 429,-6048.1 429,-6048.1 777,-6048.1 1036.13,-6048.1 1004.62,-5817.65 1185.5,-5632.1 1266.04,-5549.47 1328.41,-5559.88 1374.5,-5454.1 1385.6,-5428.63 1386.98,-3481.87 1387.5,-3454.1 1406.46,-2433.04 1455.86,-1173.12 1461.89,-1021.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1463.99,-1021.34 1462.13,-1015.26 1459.8,-1021.17 1463.99,-1021.34"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Toolbar/index.tsx -->
<g id="edge333" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/Toolbar/index.tsx</title>
<g id="a_edge333"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M115.14,-2579.92C119.65,-2547.21 138.95,-2434.78 198,-2368.1 207.46,-2357.41 220.48,-2349.13 233.07,-2342.94"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="241.23,-2341.6 245.86,-2337.23 239.52,-2337.76 241.23,-2341.6"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="240.38,-2339.68 237.64,-2340.9 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="235.45" cy="-2341.88" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="126.5" y="-2438.84" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge343" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.16,-2586.26C157.55,-2586.39 175.55,-2589.64 186,-2602.1 213.76,-2635.19 167.4,-5681.62 198,-5712.1 246.18,-5760.09 283.64,-5721.44 351,-5712.1 665.61,-5668.48 866.9,-5729.82 1015.5,-5449.1 1028.6,-5424.36 1025.73,-1445.96 1028.5,-1418.1 1041.96,-1282.51 1082.5,-1122.18 1095.46,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.53,-1073.52 1097.04,-1067.18 1093.47,-1072.44 1097.53,-1073.52"/>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/index.tsx -->
<g id="edge332" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/SwapActionButton/index.tsx</title>
<g id="a_edge332"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M122.28,-2579.86C136.27,-2564.87 166.21,-2535.49 198,-2521.1 208.55,-2516.33 220.64,-2513.3 232.03,-2511.37"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="240.26,-2512.37 245.92,-2509.48 239.69,-2508.21 240.26,-2512.37"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="239.98,-2510.29 237,-2510.7 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="234.62" cy="-2511.02" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="151.99" y="-2525.88" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSwapInfo.tsx -->
<g id="edge337" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSwapInfo.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.16,-2586.26C157.55,-2586.39 175.55,-2589.64 186,-2602.1 213.61,-2635.01 167.56,-5664.78 198,-5695.1 246.18,-5743.09 285.7,-5714.07 351,-5695.1 1029.57,-5497.99 810.55,-4895.5 866.5,-4191.1 867.5,-4178.51 866.41,-562.81 874.5,-553.1 879.54,-547.05 886.42,-543.2 893.9,-540.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="894.44,-542.87 899.71,-539.31 893.37,-538.81 894.44,-542.87"/>
</g>
<!-- src/components/Swap/useValidate.tsx -->
<g id="node103" class="node">
<title>src/components/Swap/useValidate.tsx</title>
<g id="a_node103"><a xlink:href="src/components/Swap/useValidate.tsx" xlink:title="useValidate.tsx">
<path fill="#bbfeff" stroke="black" d="M311,-2583.1C311,-2583.1 239,-2583.1 239,-2583.1 236,-2583.1 233,-2580.1 233,-2577.1 233,-2577.1 233,-2571.1 233,-2571.1 233,-2568.1 236,-2565.1 239,-2565.1 239,-2565.1 311,-2565.1 311,-2565.1 314,-2565.1 317,-2568.1 317,-2571.1 317,-2571.1 317,-2577.1 317,-2577.1 317,-2580.1 314,-2583.1 311,-2583.1"/>
<text text-anchor="start" x="241" y="-2571.9" font-family="Helvetica,sans-Serif" font-size="9.00">useValidate.tsx</text>
</a>
</g>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/components/Swap/useValidate.tsx -->
<g id="edge334" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/components/Swap/useValidate.tsx</title>
<g id="a_edge334"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M142.24,-2586.45C163.43,-2584.47 193.12,-2581.68 218.95,-2579.26"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="227.05,-2580.61 232.83,-2577.96 226.66,-2576.43 227.05,-2580.61"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="226.85,-2578.52 223.87,-2578.8 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="221.48" cy="-2579.02" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="163.15" y="-2575" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/hooks/swap/useSyncController.ts -->
<g id="node104" class="node">
<title>src/hooks/swap/useSyncController.ts</title>
<g id="a_node104"><a xlink:href="src/hooks/swap/useSyncController.ts" xlink:title="useSyncController.ts">
<path fill="#ddfeff" stroke="black" d="M647,-459.1C647,-459.1 550,-459.1 550,-459.1 547,-459.1 544,-456.1 544,-453.1 544,-453.1 544,-447.1 544,-447.1 544,-444.1 547,-441.1 550,-441.1 550,-441.1 647,-441.1 647,-441.1 650,-441.1 653,-444.1 653,-447.1 653,-447.1 653,-453.1 653,-453.1 653,-456.1 650,-459.1 647,-459.1"/>
<text text-anchor="start" x="552" y="-447.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncController.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncController.ts -->
<g id="edge338" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.16,-2586.26C157.55,-2586.4 175.55,-2589.65 186,-2602.1 212.43,-2633.59 168.87,-5533.09 198,-5562.1 246.18,-5610.09 299.82,-5606.88 351,-5562.1 367.37,-5547.78 356.91,-5485.66 364,-5465.1 401.78,-5355.49 465.51,-5351.96 496,-5240.1 500.36,-5224.1 493.23,-477.71 504,-465.1 512.52,-455.13 524.81,-449.91 537.69,-447.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.04,-449.53 543.64,-446.52 537.38,-445.38 538.04,-449.53"/>
</g>
<!-- src/hooks/swap/useSyncConvenienceFee.ts -->
<g id="node105" class="node">
<title>src/hooks/swap/useSyncConvenienceFee.ts</title>
<g id="a_node105"><a xlink:href="src/hooks/swap/useSyncConvenienceFee.ts" xlink:title="useSyncConvenienceFee.ts">
<path fill="#ddfeff" stroke="black" d="M662,-429.1C662,-429.1 535,-429.1 535,-429.1 532,-429.1 529,-426.1 529,-423.1 529,-423.1 529,-417.1 529,-417.1 529,-414.1 532,-411.1 535,-411.1 535,-411.1 662,-411.1 662,-411.1 665,-411.1 668,-414.1 668,-417.1 668,-417.1 668,-423.1 668,-423.1 668,-426.1 665,-429.1 662,-429.1"/>
<text text-anchor="start" x="537" y="-417.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncConvenienceFee.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncConvenienceFee.ts -->
<g id="edge339" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncConvenienceFee.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.1,-2586.31C157.46,-2586.47 175.46,-2589.72 186,-2602.1 209.84,-2630.11 171.76,-3238.33 198,-3264.1 246.52,-3311.75 297.68,-3306.31 351,-3264.1 571.18,-3089.79 463.06,-2927.99 496,-2649.1 497.8,-2633.83 494.01,-446.78 504,-435.1 509.19,-429.03 515.79,-424.72 523.06,-421.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="523.81,-423.69 528.74,-419.69 522.39,-419.74 523.81,-423.69"/>
</g>
<!-- src/hooks/swap/useSyncSwapEventHandlers.ts -->
<g id="node106" class="node">
<title>src/hooks/swap/useSyncSwapEventHandlers.ts</title>
<g id="a_node106"><a xlink:href="src/hooks/swap/useSyncSwapEventHandlers.ts" xlink:title="useSyncSwapEventHandlers.ts">
<path fill="#ddfeff" stroke="black" d="M671,-489.1C671,-489.1 526,-489.1 526,-489.1 523,-489.1 520,-486.1 520,-483.1 520,-483.1 520,-477.1 520,-477.1 520,-474.1 523,-471.1 526,-471.1 526,-471.1 671,-471.1 671,-471.1 674,-471.1 677,-474.1 677,-477.1 677,-477.1 677,-483.1 677,-483.1 677,-486.1 674,-489.1 671,-489.1"/>
<text text-anchor="start" x="528" y="-477.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncSwapEventHandlers.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncSwapEventHandlers.ts -->
<g id="edge340" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncSwapEventHandlers.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.16,-2586.26C157.55,-2586.39 175.55,-2589.64 186,-2602.1 213.3,-2634.64 167.91,-5630.13 198,-5660.1 246.18,-5708.09 290.28,-5690.71 351,-5660.1 399.38,-5635.71 478.99,-5515.54 496,-5464.1 501.42,-5447.72 492.8,-508.22 504,-495.1 507.01,-491.58 510.49,-488.65 514.3,-486.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="515.47,-487.98 519.69,-483.22 513.42,-484.31 515.47,-487.98"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts -->
<g id="node107" class="node">
<title>src/hooks/swap/useSyncTokenDefaults.ts</title>
<g id="a_node107"><a xlink:href="src/hooks/swap/useSyncTokenDefaults.ts" xlink:title="useSyncTokenDefaults.ts">
<path fill="#ddfeff" stroke="black" d="M834,-549.1C834,-549.1 718,-549.1 718,-549.1 715,-549.1 712,-546.1 712,-543.1 712,-543.1 712,-537.1 712,-537.1 712,-534.1 715,-531.1 718,-531.1 718,-531.1 834,-531.1 834,-531.1 837,-531.1 840,-534.1 840,-537.1 840,-537.1 840,-543.1 840,-543.1 840,-546.1 837,-549.1 834,-549.1"/>
<text text-anchor="start" x="720" y="-537.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncTokenDefaults.ts</text>
</a>
</g>
</g>
<!-- src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts -->
<g id="edge341" class="edge">
<title>src/components/Swap/index.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts</title>
<g id="a_edge341"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M142.16,-2586.26C157.55,-2586.39 175.55,-2589.64 186,-2602.1 213.46,-2634.83 167.73,-5647.95 198,-5678.1 246.18,-5726.09 286.88,-5700.74 351,-5678.1 429.08,-5650.53 457.19,-5634.25 496,-5561.1 725.64,-5128.31 658.66,-3853.55 680.5,-3364.1 692.43,-3096.81 666.94,-1222.34 693.5,-956.1 708.65,-804.19 752.76,-625.32 768.95,-562.93"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="773.02,-555.71 772.51,-549.38 768.95,-554.65 773.02,-555.71"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="770.98,-555.18 770.22,-558.08 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="769.61" cy="-560.4" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="656.65" y="-1561.04" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/Swap/useValidate.tsx&#45;&gt;src/errors.ts -->
<g id="edge345" class="edge">
<title>src/components/Swap/useValidate.tsx&#45;&gt;src/errors.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M317.31,-2572.83C329.98,-2574.66 342.75,-2579.21 351,-2589.1 364.6,-2605.4 360.5,-3332.17 364,-3353.1 397.19,-3551.33 399.05,-3611.69 504,-3783.1 566.28,-3884.81 583.34,-3927.39 693.5,-3973.1 764.52,-4002.57 811.72,-4027.06 866.5,-3973.1 887.36,-3952.55 855.76,-3468.6 874.5,-3446.1 883.51,-3435.28 898.31,-3431.31 911.98,-3430.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.27,-3432.32 918.16,-3429.93 912.06,-3428.13 912.27,-3432.32"/>
</g>
<!-- src/components/Swap/useValidate.tsx&#45;&gt;src/hooks/swap/useSyncConvenienceFee.ts -->
<g id="edge346" class="edge">
<title>src/components/Swap/useValidate.tsx&#45;&gt;src/hooks/swap/useSyncConvenienceFee.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M317.11,-2568.14C330.09,-2564.11 343.1,-2557.37 351,-2546.1 372.83,-2514.96 339.28,-1206 364,-1177.1 402.66,-1131.9 457.3,-1200.27 496,-1155.1 509.01,-1139.91 490.94,-450.25 504,-435.1 509.22,-429.05 515.83,-424.75 523.11,-421.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="523.85,-423.73 528.79,-419.73 522.44,-419.78 523.85,-423.73"/>
</g>
<!-- src/components/Swap/useValidate.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts -->
<g id="edge347" class="edge">
<title>src/components/Swap/useValidate.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts</title>
<g id="a_edge347"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M317.3,-2572.83C329.98,-2574.67 342.75,-2579.21 351,-2589.1 376.82,-2620.02 335.26,-3285.87 364,-3314.1 464.35,-3412.67 580.76,-3413.29 680.5,-3314.1 692.11,-3302.55 691.87,-972.4 693.5,-956.1 708.66,-804.19 752.77,-625.32 768.95,-562.93"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="773.02,-555.71 772.51,-549.38 768.95,-554.65 773.02,-555.71"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="770.98,-555.18 770.22,-558.08 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="769.61" cy="-560.4" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="716.51" y="-1558.98" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/hooks/swap/useSyncController.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge490" class="edge">
<title>src/hooks/swap/useSyncController.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M653.41,-449.65C663.83,-452.17 673.62,-456.87 680.5,-465.1 709.8,-500.18 664.39,-3720.86 693.5,-3756.1 743.4,-3816.52 816.23,-3729.99 866.5,-3790.1 884.18,-3811.24 858.91,-4263.38 874.5,-4286.1 912.74,-4341.84 975.95,-4288.28 1015.5,-4343.1 1042.21,-4380.12 995.22,-4516.86 1028.5,-4548.1 1051.83,-4570 1149.71,-4570.56 1172.5,-4548.1 1189.87,-4530.98 1174.12,-3691.67 1185.5,-3670.1 1199.18,-3644.18 1228.13,-3626.22 1250.22,-3615.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.11,-3617.55 1255.67,-3613.12 1249.35,-3613.74 1251.11,-3617.55"/>
</g>
<!-- src/hooks/swap/useSyncController.ts&#45;&gt;src/state/swap/settings.ts -->
<g id="edge491" class="edge">
<title>src/hooks/swap/useSyncController.ts&#45;&gt;src/state/swap/settings.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M653.41,-449.65C663.83,-452.17 673.62,-456.87 680.5,-465.1 709.99,-500.41 667.62,-3739.07 693.5,-3777.1 740.08,-3845.53 819.48,-3777.97 866.5,-3846.1 881.4,-3867.68 866.3,-4293.19 874.5,-4318.1 908.27,-4420.72 981.74,-4413.48 1015.5,-4516.1 1028.97,-4557.06 1002.86,-5257.43 1028.5,-5292.1 1074.71,-5354.59 1319.33,-5397.84 1374.5,-5343.1 1390.99,-5326.73 1377.85,-3691.24 1387.5,-3670.1 1398.34,-3646.37 1422.34,-3627.74 1440.29,-3616.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.62,-3618.05 1445.64,-3613.13 1439.43,-3614.47 1441.62,-3618.05"/>
</g>
<!-- src/hooks/swap/useSyncConvenienceFee.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge492" class="edge">
<title>src/hooks/swap/useSyncConvenienceFee.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M668.1,-425.13C672.78,-427.67 677.02,-430.93 680.5,-435.1 707.88,-467.88 680.57,-3469.4 693.5,-3510.1 734.08,-3637.84 825.17,-3629.61 866.5,-3757.1 870.79,-3770.34 865.62,-4247.38 874.5,-4258.1 915.32,-4307.36 973.6,-4238.75 1015.5,-4287.1 1046.99,-4323.44 993.49,-4470.14 1028.5,-4503.1 1075.09,-4546.98 1126.89,-4548 1172.5,-4503.1 1188.99,-4486.87 1174.69,-3690.56 1185.5,-3670.1 1199.19,-3644.19 1228.14,-3626.22 1250.23,-3615.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.12,-3617.55 1255.68,-3613.12 1249.35,-3613.74 1251.12,-3617.55"/>
</g>
<!-- src/hooks/swap/useSyncSwapEventHandlers.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge493" class="edge">
<title>src/hooks/swap/useSyncSwapEventHandlers.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M674.42,-489.24C676.63,-490.96 678.67,-492.91 680.5,-495.1 709.78,-530.16 665.29,-3748.17 693.5,-3784.1 742.42,-3846.42 817.22,-3765.07 866.5,-3827.1 884.3,-3849.51 855.2,-4320.97 874.5,-4342.1 895.75,-4365.37 993.75,-4334.31 1015.5,-4357.1 1049.16,-4392.37 993.02,-4542.66 1028.5,-4576.1 1051.79,-4598.05 1149.71,-4598.57 1172.5,-4576.1 1190.42,-4558.43 1173.76,-3692.36 1185.5,-3670.1 1199.17,-3644.18 1228.13,-3626.22 1250.22,-3615.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.11,-3617.55 1255.67,-3613.12 1249.34,-3613.74 1251.11,-3617.55"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge500" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M779.75,-549.36C792.79,-593.86 848.6,-790.48 866.5,-956.1 868.28,-972.55 864.24,-3326.12 874.5,-3339.1 914.47,-3389.68 975.28,-3322.73 1015.5,-3373.1 1049.09,-3415.17 997.31,-4298.22 1028.5,-4342.1 1160.13,-4527.27 1376.1,-4486.94 1539.5,-4329.1 1694.34,-4179.52 1722.52,-3893.26 1727.15,-3823.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1729.27,-3823.37 1727.55,-3817.25 1725.08,-3823.11 1729.27,-3823.37"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/state/swap/index.ts -->
<g id="edge503" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M779.75,-549.36C792.79,-593.86 848.6,-790.48 866.5,-956.1 868.24,-972.2 864.25,-3275.57 874.5,-3288.1 915.01,-3337.62 974.74,-3267.79 1015.5,-3317.1 1032.4,-3337.55 1009.61,-4253.47 1028.5,-4272.1 1074.06,-4317.05 1126.76,-4316.86 1172.5,-4272.1 1196.41,-4248.7 1169.79,-3699.63 1185.5,-3670.1 1199.26,-3644.23 1228.21,-3626.26 1250.27,-3615.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.16,-3617.58 1255.71,-3613.14 1249.39,-3613.77 1251.16,-3617.58"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge501" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M779.75,-549.36C792.79,-593.86 848.6,-790.48 866.5,-956.1 868.25,-972.33 865.39,-3292.56 874.5,-3306.1 912.31,-3362.33 977.39,-3308.07 1015.5,-3364.1 1030,-3385.42 1010.14,-4274 1028.5,-4292.1 1053.34,-4316.59 1347.23,-4313.22 1374.5,-4287.1 1389.86,-4272.39 1384.8,-4117.2 1387.5,-4096.1 1406.73,-3945.61 1446.83,-3766.06 1458.95,-3713.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1461.05,-3713.61 1460.35,-3707.29 1456.95,-3712.67 1461.05,-3713.61"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/hooks/useCurrency.ts -->
<g id="edge502" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/hooks/useCurrency.ts</title>
<g id="a_edge502"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M782.96,-549.35C806.93,-586.55 896.59,-725.74 930.97,-779.1"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="933.6,-787.05 938.61,-790.96 937.13,-784.78 933.6,-787.05"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="935.36,-785.91 933.74,-783.39 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="932.44" cy="-781.37" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="836.24" y="-662.88" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/hooks/useTokenList/index.tsx -->
<g id="edge499" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/hooks/useTokenList/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M840.19,-548.14C894.37,-558.37 970.61,-581.31 1015.5,-632.1 1031.28,-649.95 1013.01,-666 1028.5,-684.1 1037.93,-695.12 1052.11,-702.19 1065.32,-706.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1064.94,-708.76 1071.3,-708.56 1066.21,-704.75 1064.94,-708.76"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/hooks/useOnSupportedNetwork.ts -->
<g id="edge498" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.ts&#45;&gt;src/hooks/useOnSupportedNetwork.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M777.81,-549.14C781.6,-586.47 800.62,-730.66 874.5,-815.1 915.82,-862.33 984.89,-886.06 1035.62,-897.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1035.4,-899.76 1041.72,-899.01 1036.32,-895.66 1035.4,-899.76"/>
</g>
<!-- src/components/Toggle.tsx -->
<g id="node108" class="node">
<title>src/components/Toggle.tsx</title>
<g id="a_node108"><a xlink:href="src/components/Toggle.tsx" xlink:title="Toggle.tsx">
<path fill="#bbfeff" stroke="black" d="M138,-3235.1C138,-3235.1 88,-3235.1 88,-3235.1 85,-3235.1 82,-3232.1 82,-3229.1 82,-3229.1 82,-3223.1 82,-3223.1 82,-3220.1 85,-3217.1 88,-3217.1 88,-3217.1 138,-3217.1 138,-3217.1 141,-3217.1 144,-3220.1 144,-3223.1 144,-3223.1 144,-3229.1 144,-3229.1 144,-3232.1 141,-3235.1 138,-3235.1"/>
<text text-anchor="start" x="90" y="-3223.9" font-family="Helvetica,sans-Serif" font-size="9.00">Toggle.tsx</text>
</a>
</g>
</g>
<!-- src/components/Toggle.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge348" class="edge">
<title>src/components/Toggle.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M114.11,-3235.54C116.2,-3406.22 146.81,-5834.51 198,-5884.1 331.2,-6013.16 921.24,-5875.82 1015.5,-5716.1 1036.24,-5680.96 1002.23,-4278.33 1028.5,-4247.1 1037.38,-4236.54 1051.76,-4232.66 1065.27,-4231.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.48,-4233.76 1071.39,-4231.4 1065.3,-4229.56 1065.48,-4233.76"/>
</g>
<!-- src/hooks/useCurrency.ts&#45;&gt;src/hooks/useNativeCurrency.ts -->
<g id="edge529" class="edge">
<title>src/hooks/useCurrency.ts&#45;&gt;src/hooks/useNativeCurrency.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M951.35,-809.35C963.64,-833.11 996.38,-898.48 1015.5,-956.1 1023.68,-980.76 1009.98,-994.88 1028.5,-1013.1 1031.52,-1016.07 1034.96,-1018.52 1038.68,-1020.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1037.97,-1022.52 1044.29,-1023.18 1039.76,-1018.72 1037.97,-1022.52"/>
</g>
<!-- src/hooks/useCurrency.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge526" class="edge">
<title>src/hooks/useCurrency.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M952.02,-809.16C965.87,-832.48 1002,-896.91 1015.5,-956.1 1020.49,-977.99 1014.28,-1342.72 1028.5,-1360.1 1070.13,-1411 1131.56,-1342.64 1172.5,-1394.1 1193.91,-1421.01 1161.12,-3845.85 1185.5,-3870.1 1245.05,-3929.34 1302.84,-3913.93 1374.5,-3870.1 1432.15,-3834.84 1453.56,-3748.56 1460.07,-3713.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1462.14,-3713.72 1461.12,-3707.45 1458.01,-3712.99 1462.14,-3713.72"/>
</g>
<!-- src/hooks/useCurrency.ts&#45;&gt;src/hooks/useTokenList/index.tsx -->
<g id="edge525" class="edge">
<title>src/hooks/useCurrency.ts&#45;&gt;src/hooks/useTokenList/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M953.76,-790.97C966.86,-775.16 996.13,-742.91 1028.5,-727.1 1039.82,-721.58 1053.19,-718.38 1065.26,-716.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.77,-718.6 1071.43,-715.7 1065.2,-714.44 1065.77,-718.6"/>
</g>
<!-- src/index.tsx -->
<g id="node139" class="node">
<title>src/index.tsx</title>
<g id="a_node139"><a xlink:href="src/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M453,-1203.1C453,-1203.1 407,-1203.1 407,-1203.1 404,-1203.1 401,-1200.1 401,-1197.1 401,-1197.1 401,-1191.1 401,-1191.1 401,-1188.1 404,-1185.1 407,-1185.1 407,-1185.1 453,-1185.1 453,-1185.1 456,-1185.1 459,-1188.1 459,-1191.1 459,-1191.1 459,-1197.1 459,-1197.1 459,-1200.1 456,-1203.1 453,-1203.1"/>
<text text-anchor="start" x="409" y="-1191.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/useCurrency.ts&#45;&gt;src/index.tsx -->
<g id="edge524" class="edge">
<title>src/hooks/useCurrency.ts&#45;&gt;src/index.tsx</title>
<g id="a_edge524"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M939.03,-809.18C925.27,-832.54 889.26,-897.06 874.5,-956.1 871.34,-968.74 875.53,-1063.71 866.5,-1073.1 810.34,-1131.49 562.14,-1055.67 504,-1112.1 485.33,-1130.22 512.3,-1149.82 496,-1170.1 489.97,-1177.6 481.37,-1182.75 472.39,-1186.3"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="464.31,-1186.63 459.22,-1190.42 465.57,-1190.63 464.31,-1186.63"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="464.94,-1188.63 467.8,-1187.73 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="470.1" cy="-1187.02" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="669.09" y="-1086.59" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/hooks/multicall.ts -->
<g id="node145" class="node">
<title>src/hooks/multicall.ts</title>
<g id="a_node145"><a xlink:href="src/hooks/multicall.ts" xlink:title="multicall.ts">
<path fill="#ddfeff" stroke="black" d="M1634,-803.1C1634,-803.1 1580,-803.1 1580,-803.1 1577,-803.1 1574,-800.1 1574,-797.1 1574,-797.1 1574,-791.1 1574,-791.1 1574,-788.1 1577,-785.1 1580,-785.1 1580,-785.1 1634,-785.1 1634,-785.1 1637,-785.1 1640,-788.1 1640,-791.1 1640,-791.1 1640,-797.1 1640,-797.1 1640,-800.1 1637,-803.1 1634,-803.1"/>
<text text-anchor="start" x="1582" y="-791.9" font-family="Helvetica,sans-Serif" font-size="9.00">multicall.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useCurrency.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge527" class="edge">
<title>src/hooks/useCurrency.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M947.21,-790.74C950.19,-758.56 964.72,-651.85 1028.5,-604.1 1054.27,-584.81 1149.54,-610.67 1172.5,-588.1 1204.78,-556.38 1151.52,-516.99 1185.5,-487.1 1201.27,-473.23 1354.13,-482.01 1374.5,-487.1 1455.13,-507.26 1486.74,-510.89 1539.5,-575.1 1552.93,-591.45 1590.04,-732.18 1602.14,-779.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1600.14,-779.69 1603.67,-784.97 1604.21,-778.64 1600.14,-779.69"/>
</g>
<!-- src/hooks/useCurrency.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge528" class="edge">
<title>src/hooks/useCurrency.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M946.84,-790.91C948.61,-757.26 959.69,-640.14 1028.5,-589.1 1054.28,-569.98 1150.01,-601 1172.5,-578.1 1207.28,-542.69 1149.39,-389.16 1185.5,-355.1 1199.81,-341.6 1524.07,-351.89 1539.5,-364.1 1573.5,-391.02 1596.81,-528.43 1603.8,-574.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1601.76,-575.33 1604.71,-580.95 1605.91,-574.71 1601.76,-575.33"/>
</g>
<!-- src/hooks/useCurrencyLogoURIs.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge535" class="edge">
<title>src/hooks/useCurrencyLogoURIs.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1163.6,-945.28C1166.94,-947.4 1169.95,-949.97 1172.5,-953.1 1198.94,-985.57 1155.83,-3938.55 1185.5,-3968.1 1260.46,-4042.74 1573.51,-4026.81 1661.5,-3968.1 1711.26,-3934.9 1723.84,-3856.74 1726.98,-3823.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1729.1,-3823.27 1727.51,-3817.12 1724.92,-3822.92 1729.1,-3823.27"/>
</g>
<!-- src/hooks/useCurrencyLogoURIs.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge534" class="edge">
<title>src/hooks/useCurrencyLogoURIs.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1163.6,-945.28C1166.93,-947.4 1169.95,-949.98 1172.5,-953.1 1193.87,-979.31 1162.48,-3363.32 1185.5,-3388.1 1214.17,-3418.97 1345.19,-3372.83 1374.5,-3403.1 1395.93,-3425.24 1367.86,-3656.36 1387.5,-3680.1 1397.28,-3691.93 1413.34,-3696.77 1428.09,-3698.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.15,-3700.63 1434.31,-3699.09 1428.53,-3696.45 1428.15,-3700.63"/>
</g>
<!-- src/hooks/useHttpLocations.ts -->
<g id="node169" class="node">
<title>src/hooks/useHttpLocations.ts</title>
<g id="a_node169"><a xlink:href="src/hooks/useHttpLocations.ts" xlink:title="useHttpLocations.ts">
<path fill="#ddfeff" stroke="black" d="M1327,-599.1C1327,-599.1 1233,-599.1 1233,-599.1 1230,-599.1 1227,-596.1 1227,-593.1 1227,-593.1 1227,-587.1 1227,-587.1 1227,-584.1 1230,-581.1 1233,-581.1 1233,-581.1 1327,-581.1 1327,-581.1 1330,-581.1 1333,-584.1 1333,-587.1 1333,-587.1 1333,-593.1 1333,-593.1 1333,-596.1 1330,-599.1 1327,-599.1"/>
<text text-anchor="start" x="1235" y="-587.9" font-family="Helvetica,sans-Serif" font-size="9.00">useHttpLocations.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useCurrencyLogoURIs.ts&#45;&gt;src/hooks/useHttpLocations.ts -->
<g id="edge536" class="edge">
<title>src/hooks/useCurrencyLogoURIs.ts&#45;&gt;src/hooks/useHttpLocations.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1163.79,-930.62C1167.03,-928.56 1169.98,-926.08 1172.5,-923.1 1195.4,-896.01 1161.81,-630.5 1185.5,-604.1 1194.53,-594.04 1207.43,-589 1220.78,-586.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1221.26,-588.85 1226.93,-585.98 1220.7,-584.69 1221.26,-588.85"/>
</g>
<!-- src/components/TokenSelect/CommonBases.test.tsx -->
<g id="node111" class="node">
<title>src/components/TokenSelect/CommonBases.test.tsx</title>
<g id="a_node111"><a xlink:href="src/components/TokenSelect/CommonBases.test.tsx" xlink:title="CommonBases.test.tsx">
<path fill="#bbfeff" stroke="black" d="M652,-1675.1C652,-1675.1 545,-1675.1 545,-1675.1 542,-1675.1 539,-1672.1 539,-1669.1 539,-1669.1 539,-1663.1 539,-1663.1 539,-1660.1 542,-1657.1 545,-1657.1 545,-1657.1 652,-1657.1 652,-1657.1 655,-1657.1 658,-1660.1 658,-1663.1 658,-1663.1 658,-1669.1 658,-1669.1 658,-1672.1 655,-1675.1 652,-1675.1"/>
<text text-anchor="start" x="547" y="-1663.9" font-family="Helvetica,sans-Serif" font-size="9.00">CommonBases.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge354" class="edge">
<title>src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.05,-1675.35C613.94,-1718.98 664.03,-1908.76 680.5,-2068.1 683.11,-2093.36 675.48,-3878.21 693.5,-3896.1 748.06,-3950.28 811.01,-3949.32 866.5,-3896.1 881.83,-3881.4 860.8,-3721.34 874.5,-3705.1 883.26,-3694.72 897.29,-3690.47 910.5,-3689.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.68,-3691.1 916.49,-3688.52 910.34,-3686.91 910.68,-3691.1"/>
</g>
<!-- src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/constants/tokens.ts -->
<g id="edge353" class="edge">
<title>src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.06,-1675.35C613.98,-1718.97 664.2,-1908.75 680.5,-2068.1 695.01,-2209.92 668.57,-4493.74 693.5,-4634.1 770.17,-5065.84 669.64,-5310.12 1028.5,-5562.1 1155.99,-5651.62 1279.63,-5629.66 1374.5,-5506.1 1386.43,-5490.57 1385.59,-4115.59 1387.5,-4096.1 1402.3,-3945.11 1445.43,-3765.9 1458.62,-3713.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1460.72,-3713.6 1460.15,-3707.27 1456.64,-3712.57 1460.72,-3713.6"/>
</g>
<!-- src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/components/TokenSelect/CommonBases.tsx -->
<g id="edge351" class="edge">
<title>src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/components/TokenSelect/CommonBases.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M658.43,-1666.1C678.46,-1666.1 700.75,-1666.1 720.43,-1666.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="720.45,-1668.2 726.45,-1666.1 720.45,-1664 720.45,-1668.2"/>
</g>
<!-- src/constants/routing.ts -->
<g id="node113" class="node">
<title>src/constants/routing.ts</title>
<g id="a_node113"><a xlink:href="src/constants/routing.ts" xlink:title="routing.ts">
<path fill="#ddfeff" stroke="black" d="M1304.5,-3757.1C1304.5,-3757.1 1255.5,-3757.1 1255.5,-3757.1 1252.5,-3757.1 1249.5,-3754.1 1249.5,-3751.1 1249.5,-3751.1 1249.5,-3745.1 1249.5,-3745.1 1249.5,-3742.1 1252.5,-3739.1 1255.5,-3739.1 1255.5,-3739.1 1304.5,-3739.1 1304.5,-3739.1 1307.5,-3739.1 1310.5,-3742.1 1310.5,-3745.1 1310.5,-3745.1 1310.5,-3751.1 1310.5,-3751.1 1310.5,-3754.1 1307.5,-3757.1 1304.5,-3757.1"/>
<text text-anchor="start" x="1257.5" y="-3745.9" font-family="Helvetica,sans-Serif" font-size="9.00">routing.ts</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/constants/routing.ts -->
<g id="edge352" class="edge">
<title>src/components/TokenSelect/CommonBases.test.tsx&#45;&gt;src/constants/routing.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.06,-1675.35C613.97,-1718.97 664.16,-1908.75 680.5,-2068.1 687.11,-2132.51 679.21,-4335.95 693.5,-4399.1 758.6,-4686.82 761.88,-4845.85 1028.5,-4972.1 1086.34,-4999.49 1127,-5017.11 1172.5,-4972.1 1196.38,-4948.48 1163.58,-3788.54 1185.5,-3763.1 1199.41,-3746.96 1223.2,-3743.32 1243.3,-3743.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1243.33,-3745.76 1249.4,-3743.88 1243.48,-3741.56 1243.33,-3745.76"/>
</g>
<!-- src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge355" class="edge">
<title>src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.64,-1661.59C840.9,-1662.88 856.39,-1667.5 866.5,-1679.1 885.7,-1701.13 858.17,-2706.86 874.5,-2731.1 883.05,-2743.8 898.3,-2750.94 912.38,-2754.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.98,-2757.03 918.32,-2756.5 913.04,-2752.96 911.98,-2757.03"/>
</g>
<!-- src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge358" class="edge">
<title>src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.58,-1675.21C794.99,-1712.48 848.92,-1857.32 866.5,-1982.1 868.5,-1996.31 865.41,-4037 874.5,-4048.1 915.02,-4097.61 971.55,-4030.61 1015.5,-4077.1 1042.66,-4105.83 1010.48,-4129.91 1028.5,-4165.1 1040.64,-4188.81 1064.1,-4209.1 1080.73,-4221.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.55,-4223.17 1085.65,-4224.98 1082.02,-4219.76 1079.55,-4223.17"/>
</g>
<!-- src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/components/TokenImg.tsx -->
<g id="edge356" class="edge">
<title>src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/components/TokenImg.tsx</title>
<g id="a_edge356"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M825.9,-1662.6C847.03,-1661.08 871.75,-1659.31 893.15,-1657.78"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="901.16,-1659.31 907,-1656.79 900.86,-1655.12 901.16,-1659.31"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="901.01,-1657.22 898.02,-1657.43 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="895.63" cy="-1657.6" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="841.93" y="-1652.49" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/constants/routing.ts -->
<g id="edge357" class="edge">
<title>src/components/TokenSelect/CommonBases.tsx&#45;&gt;src/constants/routing.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.58,-1675.21C794.99,-1712.48 848.93,-1857.32 866.5,-1982.1 870.54,-2010.76 862.73,-4039.66 874.5,-4066.1 908.92,-4143.42 980.42,-4117.08 1015.5,-4194.1 1029.67,-4225.2 1004.08,-4785.19 1028.5,-4809.1 1074.23,-4853.87 1126.96,-4854.07 1172.5,-4809.1 1193.17,-4788.68 1166.51,-3785.1 1185.5,-3763.1 1199.42,-3746.97 1223.21,-3743.33 1243.31,-3743.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1243.34,-3745.77 1249.41,-3743.89 1243.49,-3741.57 1243.34,-3745.77"/>
</g>
<!-- src/constants/routing.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge430" class="edge">
<title>src/constants/routing.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1310.58,-3748.95C1359.98,-3749.33 1461.55,-3745.61 1539.5,-3713.1 1546.23,-3710.29 1545.6,-3705.45 1552.5,-3703.1 1598.36,-3687.5 1619.06,-3679.74 1661.5,-3703.1 1696.55,-3722.39 1715.72,-3768.83 1723.62,-3792.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1721.67,-3793.77 1725.47,-3798.86 1725.68,-3792.51 1721.67,-3793.77"/>
</g>
<!-- src/constants/routing.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge431" class="edge">
<title>src/constants/routing.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1310.72,-3748.86C1330.12,-3748.08 1355.31,-3744.57 1374.5,-3733.1 1382.67,-3728.22 1379.53,-3721.29 1387.5,-3716.1 1399.57,-3708.25 1414.73,-3703.82 1428.26,-3701.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.77,-3703.36 1434.34,-3700.3 1428.08,-3699.22 1428.77,-3703.36"/>
</g>
<!-- src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge360" class="edge">
<title>src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M858.63,-1643.9C861.51,-1645.95 864.15,-1648.34 866.5,-1651.1 887,-1675.24 854.21,-3906.79 874.5,-3931.1 883.15,-3941.47 897.17,-3945.36 910.4,-3946.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.3,-3948.5 916.4,-3946.7 910.51,-3944.31 910.3,-3948.5"/>
</g>
<!-- src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge361" class="edge">
<title>src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M858.63,-1643.9C861.51,-1645.95 864.15,-1648.34 866.5,-1651.1 887.92,-1676.33 852.33,-4009.53 874.5,-4034.1 895.61,-4057.5 993.16,-4026.88 1015.5,-4049.1 1033.89,-4067.39 1017.09,-4141.81 1028.5,-4165.1 1040.22,-4189.02 1063.77,-4209.26 1080.53,-4221.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.39,-4223.28 1085.49,-4225.06 1081.83,-4219.87 1079.39,-4223.28"/>
</g>
<!-- src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge359" class="edge">
<title>src/components/TokenSelect/NoTokensAvailableOnNetwork.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M858.62,-1643.91C861.5,-1645.96 864.15,-1648.34 866.5,-1651.1 885.43,-1673.29 856.08,-2678.49 874.5,-2701.1 881.99,-2710.29 893.61,-2714.71 905.25,-2716.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.1,-2718.75 911.32,-2717.45 905.64,-2714.58 905.1,-2718.75"/>
</g>
<!-- src/components/TokenSelect/TokenBase.tsx -->
<g id="node115" class="node">
<title>src/components/TokenSelect/TokenBase.tsx</title>
<g id="a_node115"><a xlink:href="src/components/TokenSelect/TokenBase.tsx" xlink:title="TokenBase.tsx">
<path fill="#bbfeff" stroke="black" d="M464,-1645.1C464,-1645.1 396,-1645.1 396,-1645.1 393,-1645.1 390,-1642.1 390,-1639.1 390,-1639.1 390,-1633.1 390,-1633.1 390,-1630.1 393,-1627.1 396,-1627.1 396,-1627.1 464,-1627.1 464,-1627.1 467,-1627.1 470,-1630.1 470,-1633.1 470,-1633.1 470,-1639.1 470,-1639.1 470,-1642.1 467,-1645.1 464,-1645.1"/>
<text text-anchor="start" x="398" y="-1633.9" font-family="Helvetica,sans-Serif" font-size="9.00">TokenBase.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge362" class="edge">
<title>src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M470.04,-1637.42C479.75,-1639.63 489.29,-1643.74 496,-1651.1 513.83,-1670.65 484.94,-1691.74 504,-1710.1 586.25,-1789.34 935.41,-1678.68 1015.5,-1760.1 1090.4,-1836.25 1098.61,-2657.77 1099.42,-2780.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.32,-2780.97 1099.46,-2786.95 1101.52,-2780.94 1097.32,-2780.97"/>
</g>
<!-- src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge363" class="edge">
<title>src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M470.33,-1637.17C480.04,-1639.38 489.51,-1643.55 496,-1651.1 511.25,-1668.85 490.38,-1737.07 504,-1756.1 557.33,-1830.57 608.15,-1803.85 693.5,-1837.1 769.47,-1866.69 819.08,-1831.78 866.5,-1898.1 879.96,-1916.92 861.55,-2711.92 874.5,-2731.1 883.07,-2743.79 898.31,-2750.93 912.39,-2754.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.99,-2757.02 918.33,-2756.49 913.05,-2752.95 911.99,-2757.02"/>
</g>
<!-- src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge365" class="edge">
<title>src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M470.02,-1636.71C479.97,-1638.87 489.64,-1643.14 496,-1651.1 506.29,-1663.99 499.36,-4010.27 504,-4026.1 545.09,-4166.18 635.93,-4164.09 680.5,-4303.1 697.08,-4354.81 668.31,-4499 693.5,-4547.1 738.63,-4633.25 821.68,-4594.79 866.5,-4681.1 875.37,-4698.18 860.58,-4840.81 874.5,-4854.1 919.82,-4897.38 970.16,-4897.36 1015.5,-4854.1 1026.61,-4843.5 1026.58,-4593.33 1028.5,-4578.1 1044.7,-4449.53 1082.93,-4297.37 1095.45,-4249.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.55,-4249.65 1097.04,-4243.32 1093.49,-4248.59 1097.55,-4249.65"/>
</g>
<!-- src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/components/TokenImg.tsx -->
<g id="edge364" class="edge">
<title>src/components/TokenSelect/TokenBase.tsx&#45;&gt;src/components/TokenImg.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M470.13,-1638.16C479.6,-1640.4 489.01,-1644.34 496,-1651.1 505.92,-1660.69 493.06,-1672.69 504,-1681.1 631.76,-1779.26 707.62,-1707.82 866.5,-1681.1 884.46,-1678.08 903.82,-1671.4 918.76,-1665.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="919.7,-1667.33 924.46,-1663.12 918.11,-1663.44 919.7,-1667.33"/>
</g>
<!-- src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge366" class="edge">
<title>src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M820.57,-1573.31C875.83,-1572.45 969.47,-1580.5 1015.5,-1639.1 1089.44,-1733.24 1098.49,-2650.41 1099.41,-2780.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.31,-2780.97 1099.45,-2786.96 1101.51,-2780.94 1097.31,-2780.97"/>
</g>
<!-- src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge367" class="edge">
<title>src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M820.62,-1572.33C837.48,-1573.37 855.36,-1578.03 866.5,-1591.1 887.04,-1615.2 856.82,-2704.83 874.5,-2731.1 883.05,-2743.8 898.29,-2750.95 912.37,-2754.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.98,-2757.03 918.32,-2756.5 913.03,-2752.96 911.98,-2757.03"/>
</g>
<!-- src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/icons/index.tsx -->
<g id="edge369" class="edge">
<title>src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/icons/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M820.64,-1572.31C837.51,-1573.35 855.38,-1578.01 866.5,-1591.1 887.54,-1615.87 853.68,-3906.15 874.5,-3931.1 883.15,-3941.47 897.17,-3945.36 910.4,-3946.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.3,-3948.5 916.4,-3946.7 910.51,-3944.31 910.3,-3948.5"/>
</g>
<!-- src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge370" class="edge">
<title>src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M820.64,-1572.31C837.51,-1573.35 855.38,-1578.01 866.5,-1591.1 888.09,-1616.52 852.16,-3967.34 874.5,-3992.1 895.61,-4015.5 993.49,-3984.56 1015.5,-4007.1 1040.11,-4032.31 1013.47,-4133.24 1028.5,-4165.1 1039.8,-4189.05 1063.21,-4209.16 1080.07,-4221.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.96,-4223.17 1085.07,-4224.92 1081.38,-4219.74 1078.96,-4223.17"/>
</g>
<!-- src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/components/TokenImg.tsx -->
<g id="edge368" class="edge">
<title>src/components/TokenSelect/TokenButton.tsx&#45;&gt;src/components/TokenImg.tsx</title>
<g id="a_edge368"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M820.82,-1576.73C836.18,-1578.63 852.97,-1582.73 866.5,-1591.1 871.64,-1594.28 870.25,-1597.8 874.5,-1602.1 887.63,-1615.36 904.34,-1627.91 918.15,-1637.35"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="923.66,-1643.53 929.82,-1645.09 925.98,-1640.02 923.66,-1643.53"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="924.82,-1641.77 922.32,-1640.12 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="920.32" cy="-1638.79" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="903.75" y="-1599.53" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/Button.tsx -->
<g id="edge371" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/Button.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M819.85,-1537.04C873.9,-1528.4 965.76,-1523.48 1015.5,-1576.1 1102.44,-1668.09 1100.3,-2647.37 1099.6,-2781.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.5,-2781.05 1099.56,-2787.06 1101.7,-2781.07 1097.5,-2781.05"/>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge373" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.95,-1542.5C839.11,-1543.82 855.87,-1548.63 866.5,-1561.1 887.58,-1585.84 856.35,-2704.14 874.5,-2731.1 883.05,-2743.8 898.29,-2750.95 912.37,-2754.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.98,-2757.03 918.32,-2756.5 913.03,-2752.97 911.98,-2757.03"/>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge378" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.51,-1542.44C838.81,-1543.7 855.79,-1548.49 866.5,-1561.1 888.27,-1586.73 851.63,-3957.45 874.5,-3982.1 895.88,-4005.14 993.3,-3970.85 1015.5,-3993.1 1042.57,-4020.24 1012.26,-4130.38 1028.5,-4165.1 1039.72,-4189.09 1063.15,-4209.19 1080.03,-4221.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.92,-4223.19 1085.04,-4224.93 1081.34,-4219.76 1078.92,-4223.19"/>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge372" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.95,-1542.5C839.11,-1543.82 855.87,-1548.63 866.5,-1561.1 887.04,-1585.2 854.51,-2676.54 874.5,-2701.1 881.98,-2710.29 893.61,-2714.72 905.25,-2716.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.09,-2718.75 911.31,-2717.45 905.64,-2714.58 905.09,-2718.75"/>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/hooks/useScrollbar.ts -->
<g id="edge377" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/hooks/useScrollbar.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M772.04,-1536.93C759.45,-1497.43 710.25,-1337.63 693.5,-1202.1 690.16,-1175.05 698.07,-241.94 680.5,-221.1 672.1,-211.14 659.43,-206.37 646.58,-204.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="646.49,-202.23 640.27,-203.58 645.97,-206.4 646.49,-202.23"/>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/TokenImg.tsx -->
<g id="edge374" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/components/TokenImg.tsx</title>
<g id="a_edge374"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M822.72,-1546.1C837.75,-1548 853.83,-1552.27 866.5,-1561.1 872.38,-1565.2 870.32,-1569.28 874.5,-1575.1 889.99,-1596.7 910.39,-1619.18 925.17,-1634.61"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="929.52,-1642.08 935.21,-1644.91 932.52,-1639.14 929.52,-1642.08"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="931.02,-1640.61 928.93,-1638.46 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="927.25" cy="-1636.74" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="861.16" y="-1582.62" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/hooks/useCurrencyBalance.ts -->
<g id="edge375" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/hooks/useCurrencyBalance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.51,-1542.44C838.81,-1543.7 855.79,-1548.49 866.5,-1561.1 877.42,-1573.96 869.43,-3975.01 874.5,-3991.1 907.51,-4095.88 981.97,-4089.49 1015.5,-4194.1 1023.82,-4220.05 1009.1,-5155.96 1028.5,-5175.1 1074.05,-5220.05 1126.79,-5219.9 1172.5,-5175.1 1198.25,-5149.86 1173.82,-4560.22 1185.5,-4526.1 1231.08,-4392.98 1330,-4405.59 1374.5,-4272.1 1389.39,-4227.45 1360.81,-921.87 1387.5,-883.1 1392.71,-875.53 1400.2,-869.94 1408.45,-865.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1409.66,-867.56 1414.26,-863.17 1407.93,-863.73 1409.66,-867.56"/>
</g>
<!-- src/hooks/useNativeEvent.ts -->
<g id="node119" class="node">
<title>src/hooks/useNativeEvent.ts</title>
<g id="a_node119"><a xlink:href="src/hooks/useNativeEvent.ts" xlink:title="useNativeEvent.ts">
<path fill="#ddfeff" stroke="black" d="M641.5,-185.1C641.5,-185.1 555.5,-185.1 555.5,-185.1 552.5,-185.1 549.5,-182.1 549.5,-179.1 549.5,-179.1 549.5,-173.1 549.5,-173.1 549.5,-170.1 552.5,-167.1 555.5,-167.1 555.5,-167.1 641.5,-167.1 641.5,-167.1 644.5,-167.1 647.5,-170.1 647.5,-173.1 647.5,-173.1 647.5,-179.1 647.5,-179.1 647.5,-182.1 644.5,-185.1 641.5,-185.1"/>
<text text-anchor="start" x="557.5" y="-173.9" font-family="Helvetica,sans-Serif" font-size="9.00">useNativeEvent.ts</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/hooks/useNativeEvent.ts -->
<g id="edge376" class="edge">
<title>src/components/TokenSelect/TokenOptions.tsx&#45;&gt;src/hooks/useNativeEvent.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M772.04,-1536.93C759.44,-1497.43 710.22,-1337.63 693.5,-1202.1 690.06,-1174.23 698.6,-212.58 680.5,-191.1 673.72,-183.06 664.15,-178.4 653.95,-175.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="654.19,-173.74 647.89,-174.57 653.33,-177.86 654.19,-173.74"/>
</g>
<!-- src/hooks/useCurrencyBalance.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge530" class="edge">
<title>src/hooks/useCurrencyBalance.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1411.07,-863.16C1398.22,-868.32 1386.55,-876.42 1381,-889.1 1373.24,-906.82 1373.24,-3656.38 1381,-3674.1 1388.69,-3691.66 1409.44,-3697.64 1428.2,-3699.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.35,-3701.35 1434.47,-3699.62 1428.61,-3697.16 1428.35,-3701.35"/>
</g>
<!-- src/hooks/useCurrencyBalance.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge531" class="edge">
<title>src/hooks/useCurrencyBalance.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1522.13,-845.03C1528.1,-843.37 1533.99,-841.41 1539.5,-839.1 1558.57,-831.12 1577.87,-817.29 1590.72,-807.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1592.15,-808.6 1595.49,-803.19 1589.5,-805.34 1592.15,-808.6"/>
</g>
<!-- src/hooks/useCurrencyBalance.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge532" class="edge">
<title>src/hooks/useCurrencyBalance.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1523.58,-849.34C1529.48,-846.89 1534.96,-843.57 1539.5,-839.1 1558.95,-819.96 1545.89,-805.57 1552.5,-779.1 1568.76,-713.96 1591.65,-637.23 1601.36,-605.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1603.38,-605.84 1603.12,-599.48 1599.36,-604.61 1603.38,-605.84"/>
</g>
<!-- src/components/TokenSelect/TokenOptionsSkeleton.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge380" class="edge">
<title>src/components/TokenSelect/TokenOptionsSkeleton.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M842.38,-1606.08C851.65,-1608.95 860.16,-1613.67 866.5,-1621.1 886.5,-1644.56 857.28,-2705.52 874.5,-2731.1 883.05,-2743.8 898.29,-2750.94 912.38,-2754.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.98,-2757.03 918.32,-2756.5 913.03,-2752.96 911.98,-2757.03"/>
</g>
<!-- src/components/TokenSelect/TokenOptionsSkeleton.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge381" class="edge">
<title>src/components/TokenSelect/TokenOptionsSkeleton.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M842.4,-1606.06C851.67,-1608.94 860.18,-1613.66 866.5,-1621.1 887.94,-1646.35 853.53,-3980.46 874.5,-4006.1 915.01,-4055.62 972.65,-3987.59 1015.5,-4035.1 1034.94,-4056.66 1015.88,-4138.95 1028.5,-4165.1 1040.08,-4189.09 1063.66,-4209.32 1080.46,-4221.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.33,-4223.32 1085.44,-4225.09 1081.76,-4219.9 1079.33,-4223.32"/>
</g>
<!-- src/components/TokenSelect/TokenOptionsSkeleton.tsx&#45;&gt;src/components/Column.tsx -->
<g id="edge379" class="edge">
<title>src/components/TokenSelect/TokenOptionsSkeleton.tsx&#45;&gt;src/components/Column.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M842.37,-1606.08C851.64,-1608.96 860.16,-1613.67 866.5,-1621.1 885.97,-1643.93 855.55,-2677.84 874.5,-2701.1 881.99,-2710.29 893.61,-2714.72 905.25,-2716.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="905.09,-2718.75 911.32,-2717.45 905.64,-2714.58 905.09,-2718.75"/>
</g>
<!-- src/components/TokenSelect/index.test.tsx -->
<g id="node121" class="node">
<title>src/components/TokenSelect/index.test.tsx</title>
<g id="a_node121"><a xlink:href="src/components/TokenSelect/index.test.tsx" xlink:title="index.test.tsx">
<path fill="#bbfeff" stroke="black" d="M463,-1675.1C463,-1675.1 397,-1675.1 397,-1675.1 394,-1675.1 391,-1672.1 391,-1669.1 391,-1669.1 391,-1663.1 391,-1663.1 391,-1660.1 394,-1657.1 397,-1657.1 397,-1657.1 463,-1657.1 463,-1657.1 466,-1657.1 469,-1660.1 469,-1663.1 469,-1663.1 469,-1669.1 469,-1669.1 469,-1672.1 466,-1675.1 463,-1675.1"/>
<text text-anchor="start" x="399" y="-1663.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/TokenSelect/index.test.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge383" class="edge">
<title>src/components/TokenSelect/index.test.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M432.99,-1675.23C442.45,-1719.11 482.93,-1912.89 496,-2074.1 500.7,-2132.08 493.15,-4110.96 504,-4168.1 544.31,-4380.38 635.73,-4409.71 680.5,-4621.1 693.54,-4682.69 667.43,-4846.8 693.5,-4904.1 739.58,-5005.39 771.22,-5035.68 874.5,-5077.1 932.66,-5100.43 969.57,-5119.73 1015.5,-5077.1 1043.92,-5050.72 1002.16,-4931.55 1028.5,-4903.1 1072.48,-4855.59 1130.06,-4929.99 1172.5,-4881.1 1194.55,-4855.7 1169.86,-3699.89 1185.5,-3670.1 1199.12,-3644.15 1228.09,-3626.19 1250.19,-3615.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.09,-3617.53 1255.65,-3613.11 1249.32,-3613.72 1251.09,-3617.53"/>
</g>
<!-- src/components/TokenSelect/index.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge384" class="edge">
<title>src/components/TokenSelect/index.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M432.99,-1675.23C442.45,-1719.11 482.91,-1912.89 496,-2074.1 497.12,-2087.87 494.21,-4054.35 504,-4064.1 518.27,-4078.31 852.1,-4078.18 866.5,-4064.1 880.76,-4050.15 861.79,-3720.47 874.5,-3705.1 883.15,-3694.64 897.17,-3690.37 910.4,-3688.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.59,-3691.01 916.4,-3688.44 910.25,-3686.83 910.59,-3691.01"/>
</g>
<!-- src/components/TokenSelect/index.test.tsx&#45;&gt;src/components/TokenSelect/index.tsx -->
<g id="edge382" class="edge">
<title>src/components/TokenSelect/index.test.tsx&#45;&gt;src/components/TokenSelect/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M469.2,-1657.92C480.4,-1655.62 492.67,-1653.17 504,-1651.1 523.44,-1647.55 545.25,-1644.02 562.91,-1641.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="563.6,-1643.3 569.21,-1640.31 562.96,-1639.15 563.6,-1643.3"/>
</g>
<!-- src/hooks/useTokenList/index.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx -->
<g id="edge617" class="edge">
<title>src/hooks/useTokenList/index.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1071.36,-711.38C1056.26,-711.6 1038.71,-714.89 1028.5,-727.1 1010.65,-748.45 1035.21,-4714.46 1015.5,-4734.1 971.12,-4778.34 920.73,-4776.41 874.5,-4734.1 859.69,-4720.55 874.29,-4662.61 866.5,-4644.1 820.64,-4535.16 739.3,-4551.07 693.5,-4442.1 667.91,-4381.23 693.66,-4358.81 680.5,-4294.1 629.83,-4045.02 544.16,-4001.09 504,-3750.1 499.12,-3719.6 511.12,-1553.04 496,-1526.1 488.86,-1513.37 475.83,-1504.2 463.31,-1497.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="463.93,-1495.84 457.61,-1495.16 462.12,-1499.63 463.93,-1495.84"/>
</g>
<!-- src/hooks/useTokenList/index.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge618" class="edge">
<title>src/hooks/useTokenList/index.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.63,-711.38C1144.73,-711.6 1162.28,-714.9 1172.5,-727.1 1200.1,-760.07 1155.03,-3792.76 1185.5,-3823.1 1329.73,-3966.73 1616.87,-3857.26 1703.01,-3819.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1703.99,-3821.45 1708.63,-3817.1 1702.29,-3817.61 1703.99,-3821.45"/>
</g>
<!-- src/hooks/useTokenList/fetchTokenList.ts -->
<g id="node184" class="node">
<title>src/hooks/useTokenList/fetchTokenList.ts</title>
<g id="a_node184"><a xlink:href="src/hooks/useTokenList/fetchTokenList.ts" xlink:title="fetchTokenList.ts">
<path fill="#ddfeff" stroke="black" d="M1320,-663.1C1320,-663.1 1240,-663.1 1240,-663.1 1237,-663.1 1234,-660.1 1234,-657.1 1234,-657.1 1234,-651.1 1234,-651.1 1234,-648.1 1237,-645.1 1240,-645.1 1240,-645.1 1320,-645.1 1320,-645.1 1323,-645.1 1326,-648.1 1326,-651.1 1326,-651.1 1326,-657.1 1326,-657.1 1326,-660.1 1323,-663.1 1320,-663.1"/>
<text text-anchor="start" x="1242" y="-651.9" font-family="Helvetica,sans-Serif" font-size="9.00">fetchTokenList.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/index.tsx&#45;&gt;src/hooks/useTokenList/fetchTokenList.ts -->
<g id="edge614" class="edge">
<title>src/hooks/useTokenList/index.tsx&#45;&gt;src/hooks/useTokenList/fetchTokenList.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.67,-705.56C1143.37,-700.6 1159.62,-693.46 1172.5,-684.1 1179.64,-678.92 1177.79,-673.39 1185.5,-669.1 1198.2,-662.03 1213.27,-658.06 1227.56,-655.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1227.97,-657.95 1233.63,-655.06 1227.41,-653.79 1227.97,-657.95"/>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts -->
<g id="node187" class="node">
<title>src/hooks/useTokenList/useQueryTokens.ts</title>
<g id="a_node187"><a xlink:href="src/hooks/useTokenList/useQueryTokens.ts" xlink:title="useQueryTokens.ts">
<path fill="#ddfeff" stroke="black" d="M1324.5,-693.1C1324.5,-693.1 1235.5,-693.1 1235.5,-693.1 1232.5,-693.1 1229.5,-690.1 1229.5,-687.1 1229.5,-687.1 1229.5,-681.1 1229.5,-681.1 1229.5,-678.1 1232.5,-675.1 1235.5,-675.1 1235.5,-675.1 1324.5,-675.1 1324.5,-675.1 1327.5,-675.1 1330.5,-678.1 1330.5,-681.1 1330.5,-681.1 1330.5,-687.1 1330.5,-687.1 1330.5,-690.1 1327.5,-693.1 1324.5,-693.1"/>
<text text-anchor="start" x="1237.5" y="-681.9" font-family="Helvetica,sans-Serif" font-size="9.00">useQueryTokens.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/index.tsx&#45;&gt;src/hooks/useTokenList/useQueryTokens.ts -->
<g id="edge615" class="edge">
<title>src/hooks/useTokenList/index.tsx&#45;&gt;src/hooks/useTokenList/useQueryTokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.86,-708.91C1146.13,-705.96 1166.95,-702.24 1185.5,-699.1 1197.76,-697.02 1210.93,-694.86 1223.41,-692.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1223.89,-694.9 1229.48,-691.88 1223.22,-690.76 1223.89,-694.9"/>
</g>
<!-- src/hooks/useTokenList/utils.ts -->
<g id="node188" class="node">
<title>src/hooks/useTokenList/utils.ts</title>
<g id="a_node188"><a xlink:href="src/hooks/useTokenList/utils.ts" xlink:title="utils.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-723.1C1301,-723.1 1259,-723.1 1259,-723.1 1256,-723.1 1253,-720.1 1253,-717.1 1253,-717.1 1253,-711.1 1253,-711.1 1253,-708.1 1256,-705.1 1259,-705.1 1259,-705.1 1301,-705.1 1301,-705.1 1304,-705.1 1307,-708.1 1307,-711.1 1307,-711.1 1307,-717.1 1307,-717.1 1307,-720.1 1304,-723.1 1301,-723.1"/>
<text text-anchor="start" x="1264.5" y="-711.9" font-family="Helvetica,sans-Serif" font-size="9.00">utils.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/index.tsx&#45;&gt;src/hooks/useTokenList/utils.ts -->
<g id="edge616" class="edge">
<title>src/hooks/useTokenList/index.tsx&#45;&gt;src/hooks/useTokenList/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1129.63,-714.1C1161.47,-714.1 1213.25,-714.1 1246.72,-714.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.74,-716.2 1252.74,-714.1 1246.74,-712 1246.74,-716.2"/>
</g>
<!-- src/state/lists/wrappedTokenInfo.ts -->
<g id="node189" class="node">
<title>src/state/lists/wrappedTokenInfo.ts</title>
<g id="a_node189"><a xlink:href="src/state/lists/wrappedTokenInfo.ts" xlink:title="wrappedTokenInfo.ts">
<path fill="#ddfeff" stroke="black" d="M994.5,-3613.1C994.5,-3613.1 896.5,-3613.1 896.5,-3613.1 893.5,-3613.1 890.5,-3610.1 890.5,-3607.1 890.5,-3607.1 890.5,-3601.1 890.5,-3601.1 890.5,-3598.1 893.5,-3595.1 896.5,-3595.1 896.5,-3595.1 994.5,-3595.1 994.5,-3595.1 997.5,-3595.1 1000.5,-3598.1 1000.5,-3601.1 1000.5,-3601.1 1000.5,-3607.1 1000.5,-3607.1 1000.5,-3610.1 997.5,-3613.1 994.5,-3613.1"/>
<text text-anchor="start" x="898.5" y="-3601.9" font-family="Helvetica,sans-Serif" font-size="9.00">wrappedTokenInfo.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/index.tsx&#45;&gt;src/state/lists/wrappedTokenInfo.ts -->
<g id="edge619" class="edge">
<title>src/hooks/useTokenList/index.tsx&#45;&gt;src/state/lists/wrappedTokenInfo.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1071.37,-711.38C1056.27,-711.6 1038.72,-714.9 1028.5,-727.1 1002.96,-757.6 1040.96,-3560.54 1015.5,-3591.1 1012.89,-3594.24 1009.78,-3596.77 1006.35,-3598.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1005.15,-3597.07 1000.72,-3601.63 1007.03,-3600.83 1005.15,-3597.07"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge420" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.19,-3235.54C279.45,-3396.83 324.13,-5570.91 364,-5621.1 433.46,-5708.55 762.13,-5668.84 866.5,-5629.1 939.9,-5601.16 976.79,-5602.44 1015.5,-5534.1 1028.43,-5511.28 1027.02,-5088.29 1028.5,-5062.1 1047.1,-4733.55 1088.92,-4333.17 1097.82,-4249.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.94,-4249.68 1098.49,-4243.49 1095.76,-4249.24 1099.94,-4249.68"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/components/Dialog.tsx -->
<g id="edge408" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/components/Dialog.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.65,-3228.34C323.17,-3227.58 340.68,-3223.59 351,-3211.1 381.87,-3173.73 330.96,-1501.57 364,-1466.1 374.64,-1454.68 488.41,-1455.71 504,-1455.1 523.6,-1454.33 666.56,-1441.31 680.5,-1455.1 705.14,-1479.49 675.44,-2673.51 693.5,-2703.1 703.61,-2719.66 722.43,-2730.19 739.44,-2736.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="738.77,-2738.66 745.13,-2738.72 740.2,-2734.71 738.77,-2738.66"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx -->
<g id="edge409" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.65,-3228.34C323.16,-3227.58 340.68,-3223.59 351,-3211.1 380.81,-3175.02 341.01,-1566.87 364,-1526.1 371.17,-1513.39 384.2,-1504.21 396.72,-1497.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="397.9,-1499.64 402.42,-1495.17 396.1,-1495.85 397.9,-1499.64"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/components/WidgetWrapper.tsx -->
<g id="edge407" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/components/WidgetWrapper.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.65,-3228.34C323.17,-3227.58 340.68,-3223.59 351,-3211.1 382.05,-3173.51 334.34,-1494.79 364,-1456.1 366.48,-1452.87 369.48,-1450.18 372.82,-1447.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="374.16,-1449.61 378.33,-1444.81 372.07,-1445.96 374.16,-1449.61"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge411" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.18,-3235.26C279.48,-3398.54 326.45,-5689.96 364,-5746.1 399.83,-5799.67 438.41,-5777.18 496,-5806.1 585.59,-5851.1 596.41,-5890.09 693.5,-5915.1 767.96,-5934.28 797.38,-5948.78 866.5,-5915.1 971.52,-5863.93 955.98,-5799.69 1028.5,-5708.1 1037.16,-5697.16 1175.18,-5521.49 1185.5,-5512.1 1259.82,-5444.5 1326.47,-5476.34 1374.5,-5388.1 1387.34,-5364.51 1387,-3480.96 1387.5,-3454.1 1406.57,-2433.04 1455.87,-1173.12 1461.89,-1021.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1463.99,-1021.34 1462.13,-1015.26 1459.8,-1021.17 1463.99,-1021.34"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge413" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M275.98,-3235.57C275.76,-3393.04 274.55,-5461.97 364,-5548.1 402.65,-5585.31 672.26,-5521.38 680.5,-5518.1 847.63,-5451.66 930.97,-5449.85 1015.5,-5291.1 1028.14,-5267.36 1025.84,-1444.86 1028.5,-1418.1 1041.97,-1282.51 1082.5,-1122.18 1095.46,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.53,-1073.52 1097.04,-1067.18 1093.47,-1072.44 1097.53,-1073.52"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/hooks/useTokenList/index.tsx -->
<g id="edge415" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/hooks/useTokenList/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276,-3235.25C275.99,-3387.3 277.57,-5385 364,-5468.1 406.29,-5508.76 438.76,-5480.97 496,-5468.1 745.25,-5412.07 878.56,-5437.77 1015.5,-5222.1 1032.23,-5195.75 1008.48,-751.05 1028.5,-727.1 1037.35,-716.51 1051.73,-712.63 1065.24,-711.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.46,-713.73 1071.36,-711.38 1065.27,-709.54 1065.46,-713.73"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/constants/locales.ts -->
<g id="edge410" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/constants/locales.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.17,-3235.18C279.29,-3396.99 323.76,-5667.68 364,-5721.1 401.12,-5770.38 456.24,-5716.92 496,-5764.1 511.92,-5782.99 488.73,-5799.68 504,-5819.1 556.27,-5885.56 609.96,-5843.49 680.5,-5890.1 687.32,-5894.61 686.08,-5899.68 693.5,-5903.1 758.56,-5933.04 963.56,-5966.42 1015.5,-5917.1 1035.75,-5897.87 1023.39,-5693.56 1028.5,-5666.1 1066.15,-5463.81 1139.17,-5429.15 1172.5,-5226.1 1175.72,-5206.46 1172.52,-3808.19 1185.5,-3793.1 1199.69,-3776.61 1224.18,-3773.16 1244.55,-3773.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1244.63,-3775.78 1250.72,-3773.95 1244.82,-3771.58 1244.63,-3775.78"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge412" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.51,-3235.23C281.97,-3333.63 329.96,-4207.88 351,-4916.1 351.71,-4940.09 349.22,-5761.19 364,-5780.1 401.37,-5827.92 455.22,-5770.15 496,-5815.1 510.83,-5831.44 489.77,-5847.24 504,-5864.1 532.72,-5898.12 649.59,-5921.78 693.5,-5929.1 769.34,-5941.75 793.31,-5952.66 866.5,-5929.1 1228.4,-5812.62 1350.23,-5730.82 1539.5,-5401.1 1710.69,-5102.89 1632,-4979.69 1661.5,-4637.1 1679.94,-4422.98 1670.86,-3884.98 1674.5,-3670.1 1693.01,-2578.65 1724,-1230.82 1727.65,-1073.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1729.75,-1073.15 1727.79,-1067.1 1725.55,-1073.05 1729.75,-1073.15"/>
</g>
<!-- src/hooks/useSyncWidgetEventHandlers.ts -->
<g id="node128" class="node">
<title>src/hooks/useSyncWidgetEventHandlers.ts</title>
<g id="a_node128"><a xlink:href="src/hooks/useSyncWidgetEventHandlers.ts" xlink:title="useSyncWidgetEventHandlers.ts">
<path fill="#ddfeff" stroke="black" d="M674.5,-95.1C674.5,-95.1 522.5,-95.1 522.5,-95.1 519.5,-95.1 516.5,-92.1 516.5,-89.1 516.5,-89.1 516.5,-83.1 516.5,-83.1 516.5,-80.1 519.5,-77.1 522.5,-77.1 522.5,-77.1 674.5,-77.1 674.5,-77.1 677.5,-77.1 680.5,-80.1 680.5,-83.1 680.5,-83.1 680.5,-89.1 680.5,-89.1 680.5,-92.1 677.5,-95.1 674.5,-95.1"/>
<text text-anchor="start" x="524.5" y="-83.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncWidgetEventHandlers.ts</text>
</a>
</g>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/hooks/useSyncWidgetEventHandlers.ts -->
<g id="edge414" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/hooks/useSyncWidgetEventHandlers.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.66,-3228.35C323.17,-3227.59 340.69,-3223.6 351,-3211.1 369.47,-3188.71 349.75,-1146.39 364,-1121.1 397.8,-1061.14 462.13,-1100.02 496,-1040.1 508.84,-1017.39 486.99,-120.88 504,-101.1 506.1,-98.66 508.43,-96.5 510.93,-94.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="512.46,-96.11 516.31,-91.05 510.15,-92.6 512.46,-96.11"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/hooks/web3/index.tsx -->
<g id="edge416" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/hooks/web3/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M278.58,-3235.38C286.34,-3261.32 312.25,-3334.59 364,-3363.1 383.94,-3374.08 668.98,-3375.56 680.5,-3364.1 703.59,-3341.13 672.29,-1043.82 693.5,-1019.1 704.88,-1005.83 723.93,-1002.26 740.75,-1002.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.79,-1004.25 746.83,-1002.26 740.86,-1000.05 740.79,-1004.25"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/i18n.tsx -->
<g id="edge417" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/i18n.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.02,-3235.45C276.33,-3395.13 282.14,-5548.5 364,-5649.1 410.17,-5705.84 963.14,-5795.19 1015.5,-5744.1 1036.42,-5723.69 1017.26,-5245.08 1028.5,-5218.1 1039.3,-5192.18 1063.73,-5170.12 1080.91,-5156.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1082.42,-5158.48 1085.98,-5153.21 1079.91,-5155.11 1082.42,-5158.48"/>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/state/index.tsx -->
<g id="edge418" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/state/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276,-3235.17C276.04,-3386 278.25,-5367.67 364,-5450.1 406.3,-5490.76 450.24,-5486.81 496,-5450.1 508.79,-5439.84 495.44,-5428.08 504,-5414.1 557.14,-5327.27 635.55,-5359.44 680.5,-5268.1 698.76,-5230.99 665.02,-4926.09 693.5,-4896.1 720.07,-4868.12 840.33,-4909.46 866.5,-4881.1 878.72,-4867.86 863.04,-3598 874.5,-3584.1 883.12,-3573.65 897.13,-3569.58 910.36,-3568.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.51,-3570.43 916.37,-3567.95 910.25,-3566.23 910.51,-3570.43"/>
</g>
<!-- src/state/multicall.tsx -->
<g id="node132" class="node">
<title>src/state/multicall.tsx</title>
<g id="a_node132"><a xlink:href="src/state/multicall.tsx" xlink:title="multicall.tsx">
<path fill="#bbfeff" stroke="black" d="M1130,-3639.1C1130,-3639.1 1071,-3639.1 1071,-3639.1 1068,-3639.1 1065,-3636.1 1065,-3633.1 1065,-3633.1 1065,-3627.1 1065,-3627.1 1065,-3624.1 1068,-3621.1 1071,-3621.1 1071,-3621.1 1130,-3621.1 1130,-3621.1 1133,-3621.1 1136,-3624.1 1136,-3627.1 1136,-3627.1 1136,-3633.1 1136,-3633.1 1136,-3636.1 1133,-3639.1 1130,-3639.1"/>
<text text-anchor="start" x="1073" y="-3627.9" font-family="Helvetica,sans-Serif" font-size="9.00">multicall.tsx</text>
</a>
</g>
</g>
<!-- src/components/Widget.tsx&#45;&gt;src/state/multicall.tsx -->
<g id="edge419" class="edge">
<title>src/components/Widget.tsx&#45;&gt;src/state/multicall.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.2,-3235.41C279.71,-3394.46 327.56,-5538.37 364,-5590.1 402.6,-5644.89 438.19,-5633.43 504,-5646.1 664.08,-5676.93 727.28,-5674.92 866.5,-5590.1 947.83,-5540.55 979.4,-5524.23 1015.5,-5436.1 1031.42,-5397.23 1023.36,-3965.79 1028.5,-3924.1 1041.96,-3815.05 1080.85,-3687.84 1094.61,-3645.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1096.67,-3645.46 1096.52,-3639.11 1092.68,-3644.17 1096.67,-3645.46"/>
</g>
<!-- src/hooks/useIsWindowVisible.ts -->
<g id="node168" class="node">
<title>src/hooks/useIsWindowVisible.ts</title>
<g id="a_node168"><a xlink:href="src/hooks/useIsWindowVisible.ts" xlink:title="useIsWindowVisible.ts">
<path fill="#ddfeff" stroke="black" d="M1906.5,-1067.1C1906.5,-1067.1 1802.5,-1067.1 1802.5,-1067.1 1799.5,-1067.1 1796.5,-1064.1 1796.5,-1061.1 1796.5,-1061.1 1796.5,-1055.1 1796.5,-1055.1 1796.5,-1052.1 1799.5,-1049.1 1802.5,-1049.1 1802.5,-1049.1 1906.5,-1049.1 1906.5,-1049.1 1909.5,-1049.1 1912.5,-1052.1 1912.5,-1055.1 1912.5,-1055.1 1912.5,-1061.1 1912.5,-1061.1 1912.5,-1064.1 1909.5,-1067.1 1906.5,-1067.1"/>
<text text-anchor="start" x="1804.5" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useIsWindowVisible.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useBlockNumber.tsx&#45;&gt;src/hooks/useIsWindowVisible.ts -->
<g id="edge521" class="edge">
<title>src/hooks/useBlockNumber.tsx&#45;&gt;src/hooks/useIsWindowVisible.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1783.81,-1058.1C1785.89,-1058.1 1787.98,-1058.1 1790.08,-1058.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1790.36,-1060.2 1796.36,-1058.1 1790.36,-1056 1790.36,-1060.2"/>
</g>
<!-- src/hooks/useSyncWidgetEventHandlers.ts&#45;&gt;src/components/Error/ErrorBoundary.tsx -->
<g id="edge598" class="edge">
<title>src/hooks/useSyncWidgetEventHandlers.ts&#45;&gt;src/components/Error/ErrorBoundary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M516.3,-91.04C511.71,-93.68 507.53,-96.98 504,-101.1 491.6,-115.57 508.12,-1458.4 496,-1473.1 492.91,-1476.85 489.07,-1479.71 484.82,-1481.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="483.92,-1479.98 479.24,-1484.28 485.58,-1483.84 483.92,-1479.98"/>
</g>
<!-- src/hooks/useSyncWidgetEventHandlers.ts&#45;&gt;src/state/wallet.ts -->
<g id="edge600" class="edge">
<title>src/hooks/useSyncWidgetEventHandlers.ts&#45;&gt;src/state/wallet.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M674.39,-95.27C676.61,-96.98 678.66,-98.91 680.5,-101.1 697.91,-121.74 681.27,-1049.02 693.5,-1073.1 737.05,-1158.86 823.38,-1117.13 866.5,-1203.1 873.62,-1217.3 864.33,-3477.91 874.5,-3490.1 883.56,-3500.96 898.52,-3504.71 912.28,-3505.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.44,-3507.64 918.5,-3505.72 912.56,-3503.44 912.44,-3507.64"/>
</g>
<!-- src/hooks/useSyncWidgetEventHandlers.ts&#45;&gt;src/hooks/useSwitchChain.ts -->
<g id="edge599" class="edge">
<title>src/hooks/useSyncWidgetEventHandlers.ts&#45;&gt;src/hooks/useSwitchChain.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M674.39,-95.27C676.61,-96.98 678.66,-98.91 680.5,-101.1 714.28,-141.15 659.46,-1004.27 693.5,-1044.1 700.28,-1052.04 709.79,-1056.59 719.93,-1059.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="719.65,-1061.14 725.95,-1060.27 720.48,-1057.02 719.65,-1061.14"/>
</g>
<!-- src/hooks/web3/index.tsx&#45;&gt;src/hooks/web3/useConnectors.tsx -->
<g id="edge636" class="edge">
<title>src/hooks/web3/index.tsx&#45;&gt;src/hooks/web3/useConnectors.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.04,-1006.1C827.89,-1006.1 860.89,-1006.1 889.04,-1006.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="889.34,-1008.2 895.34,-1006.1 889.34,-1004 889.34,-1008.2"/>
</g>
<!-- src/hooks/web3/index.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx -->
<g id="edge638" class="edge">
<title>src/hooks/web3/index.tsx&#45;&gt;src/components/Error/ErrorBoundary.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M747,-1002.41C728.97,-1001.74 706.54,-1004.43 693.5,-1019.1 670,-1045.53 704.95,-1311.55 680.5,-1337.1 653.28,-1365.54 531.57,-1324.01 504,-1352.1 485.12,-1371.33 513.76,-1452.84 496,-1473.1 492.92,-1476.61 489.19,-1479.34 485.08,-1481.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="483.97,-1479.63 479.28,-1483.92 485.62,-1483.49 483.97,-1479.63"/>
</g>
<!-- src/hooks/web3/index.tsx&#45;&gt;src/errors.ts -->
<g id="edge640" class="edge">
<title>src/hooks/web3/index.tsx&#45;&gt;src/errors.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.32,-1001.55C825.58,-1000.08 851.78,-1002.15 866.5,-1019.1 877.28,-1031.51 866.67,-3371.65 874.5,-3386.1 882.94,-3401.68 899.2,-3412.85 913.92,-3420.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="913.37,-3422.34 919.69,-3423.04 915.18,-3418.55 913.37,-3422.34"/>
</g>
<!-- src/hooks/web3/index.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge639" class="edge">
<title>src/hooks/web3/index.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.32,-1001.55C825.58,-1000.08 851.78,-1002.15 866.5,-1019.1 887.93,-1043.78 852.86,-3347.61 874.5,-3372.1 916.33,-3419.45 973.48,-3342.92 1015.5,-3390.1 1036.64,-3413.83 1020.83,-4503.26 1028.5,-4534.1 1062.2,-4669.51 1137.89,-4677.92 1172.5,-4813.1 1179.74,-4841.36 1164.62,-5317.73 1185.5,-5338.1 1223.36,-5375.03 1623.3,-5374.68 1661.5,-5338.1 1719.27,-5282.78 1727.19,-3979.21 1727.93,-3823.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.04,-3823.13 1727.96,-3817.12 1725.84,-3823.11 1730.04,-3823.13"/>
</g>
<!-- src/hooks/web3/index.tsx&#45;&gt;src/hooks/web3/useJsonRpcUrlsMap.tsx -->
<g id="edge637" class="edge">
<title>src/hooks/web3/index.tsx&#45;&gt;src/hooks/web3/useJsonRpcUrlsMap.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M805.04,-1001.08C827.55,-997.05 859.89,-991.26 887.76,-986.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="888.46,-988.27 894,-985.15 887.72,-984.14 888.46,-988.27"/>
</g>
<!-- src/i18n.tsx&#45;&gt;src/constants/locales.ts -->
<g id="edge643" class="edge">
<title>src/i18n.tsx&#45;&gt;src/constants/locales.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1127.68,-5144.84C1143.29,-5143.74 1162.05,-5139.4 1172.5,-5126.1 1195.38,-5096.99 1161.34,-3821.16 1185.5,-3793.1 1199.69,-3776.61 1224.19,-3773.16 1244.55,-3773.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1244.63,-3775.78 1250.72,-3773.95 1244.82,-3771.59 1244.63,-3775.78"/>
</g>
<!-- src/state/index.tsx&#45;&gt;src/state/multicall.tsx -->
<g id="edge667" class="edge">
<title>src/state/index.tsx&#45;&gt;src/state/multicall.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M974.56,-3573.83C987.3,-3576.02 1002.41,-3579.31 1015.5,-3584.1 1039.07,-3592.72 1064.05,-3607.17 1080.58,-3617.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1079.66,-3619.48 1085.85,-3620.93 1081.92,-3615.94 1079.66,-3619.48"/>
</g>
<!-- src/state/routing/slice.ts -->
<g id="node151" class="node">
<title>src/state/routing/slice.ts</title>
<g id="a_node151"><a xlink:href="src/state/routing/slice.ts" xlink:title="slice.ts">
<path fill="#ddfeff" stroke="black" d="M1121.5,-3490.1C1121.5,-3490.1 1079.5,-3490.1 1079.5,-3490.1 1076.5,-3490.1 1073.5,-3487.1 1073.5,-3484.1 1073.5,-3484.1 1073.5,-3478.1 1073.5,-3478.1 1073.5,-3475.1 1076.5,-3472.1 1079.5,-3472.1 1079.5,-3472.1 1121.5,-3472.1 1121.5,-3472.1 1124.5,-3472.1 1127.5,-3475.1 1127.5,-3478.1 1127.5,-3478.1 1127.5,-3484.1 1127.5,-3484.1 1127.5,-3487.1 1124.5,-3490.1 1121.5,-3490.1"/>
<text text-anchor="start" x="1085" y="-3478.9" font-family="Helvetica,sans-Serif" font-size="9.00">slice.ts</text>
</a>
</g>
</g>
<!-- src/state/index.tsx&#45;&gt;src/state/routing/slice.ts -->
<g id="edge668" class="edge">
<title>src/state/index.tsx&#45;&gt;src/state/routing/slice.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M960.39,-3560.93C974.83,-3551.1 997.74,-3534.69 1015.5,-3518.1 1021.95,-3512.08 1021.11,-3507.92 1028.5,-3503.1 1040.11,-3495.52 1054.47,-3490.43 1067.24,-3487.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1068.04,-3489.04 1073.36,-3485.56 1067.03,-3484.96 1068.04,-3489.04"/>
</g>
<!-- src/state/multicall.tsx&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge669" class="edge">
<title>src/state/multicall.tsx&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1104.2,-3639.15C1114.76,-3674.92 1153.63,-3810.13 1172.5,-3924.1 1175.09,-3939.73 1173.8,-4055.42 1185.5,-4066.1 1216.52,-4094.41 1334.3,-4078.27 1374.5,-4066.1 1528.32,-4019.53 1594.43,-3992.16 1661.5,-3846.1 1676.96,-3812.44 1723.68,-1292.98 1727.72,-1073.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1729.82,-1073.3 1727.83,-1067.27 1725.62,-1073.23 1729.82,-1073.3"/>
</g>
<!-- src/state/multicall.tsx&#45;&gt;src/hooks/useContract.ts -->
<g id="edge670" class="edge">
<title>src/state/multicall.tsx&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1103.59,-3639.35C1115.29,-3690.84 1172.45,-3940.04 1185.5,-3950.1 1218.76,-3975.75 1342.02,-3976.73 1374.5,-3950.1 1397.28,-3931.42 1367.24,-3906.49 1387.5,-3885.1 1435.47,-3834.48 1496.63,-3901.11 1539.5,-3846.1 1552.59,-3829.3 1549.53,-800.19 1552.5,-779.1 1561.87,-712.62 1588.47,-636.61 1600.26,-605.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1602.26,-605.7 1602.41,-599.35 1598.33,-604.22 1602.26,-605.7"/>
</g>
<!-- src/components/WidgetWrapper.test.tsx -->
<g id="node133" class="node">
<title>src/components/WidgetWrapper.test.tsx</title>
<g id="a_node133"><a xlink:href="src/components/WidgetWrapper.test.tsx" xlink:title="WidgetWrapper.test.tsx">
<path fill="#bbfeff" stroke="black" d="M330.5,-1471.1C330.5,-1471.1 219.5,-1471.1 219.5,-1471.1 216.5,-1471.1 213.5,-1468.1 213.5,-1465.1 213.5,-1465.1 213.5,-1459.1 213.5,-1459.1 213.5,-1456.1 216.5,-1453.1 219.5,-1453.1 219.5,-1453.1 330.5,-1453.1 330.5,-1453.1 333.5,-1453.1 336.5,-1456.1 336.5,-1459.1 336.5,-1459.1 336.5,-1465.1 336.5,-1465.1 336.5,-1468.1 333.5,-1471.1 330.5,-1471.1"/>
<text text-anchor="start" x="221.5" y="-1459.9" font-family="Helvetica,sans-Serif" font-size="9.00">WidgetWrapper.test.tsx</text>
</a>
</g>
</g>
<!-- src/components/WidgetWrapper.test.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx -->
<g id="edge422" class="edge">
<title>src/components/WidgetWrapper.test.tsx&#45;&gt;src/hooks/useWidgetWidth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276.07,-1453.08C276.84,-1411.52 284.82,-1235.9 364,-1126.1 404.95,-1069.31 462.3,-1101.48 496,-1040.1 505.75,-1022.35 490.78,-326.44 504,-311.1 512.66,-301.06 525.14,-295.85 538.18,-293.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.58,-295.5 544.19,-292.51 537.94,-291.35 538.58,-295.5"/>
</g>
<!-- src/components/WidgetWrapper.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge423" class="edge">
<title>src/components/WidgetWrapper.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M277.5,-1471.41C286.47,-1527.62 333.25,-1827.46 351,-2074.1 370.08,-2339.26 344.47,-2406.98 364,-2672.1 400.57,-3168.44 285.41,-3335.99 504,-3783.1 583.89,-3946.52 735.97,-4099.79 866.5,-3973.1 887.88,-3952.35 855.43,-3727.99 874.5,-3705.1 883.19,-3694.67 897.22,-3690.41 910.44,-3688.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="910.62,-3691.05 916.44,-3688.47 910.29,-3686.86 910.62,-3691.05"/>
</g>
<!-- src/components/WidgetWrapper.test.tsx&#45;&gt;src/components/WidgetWrapper.tsx -->
<g id="edge421" class="edge">
<title>src/components/WidgetWrapper.test.tsx&#45;&gt;src/components/WidgetWrapper.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M333.41,-1453.1C346.09,-1451.11 359.51,-1449 372.17,-1447.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="372.71,-1449.06 378.31,-1446.05 372.06,-1444.91 372.71,-1449.06"/>
</g>
<!-- src/constants/chainInfo.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge427" class="edge">
<title>src/constants/chainInfo.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1642.06,-3724.5C1648.81,-3726.62 1655.61,-3729.42 1661.5,-3733.1 1686.55,-3748.78 1707.62,-3776.66 1718.98,-3793.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1717.41,-3795.09 1722.45,-3798.96 1720.93,-3792.79 1717.41,-3795.09"/>
</g>
<!-- src/constants/chains.test.ts -->
<g id="node135" class="node">
<title>src/constants/chains.test.ts</title>
<g id="a_node135"><a xlink:href="src/constants/chains.test.ts" xlink:title="chains.test.ts">
<path fill="#ddfeff" stroke="black" d="M1639.5,-3817.1C1639.5,-3817.1 1574.5,-3817.1 1574.5,-3817.1 1571.5,-3817.1 1568.5,-3814.1 1568.5,-3811.1 1568.5,-3811.1 1568.5,-3805.1 1568.5,-3805.1 1568.5,-3802.1 1571.5,-3799.1 1574.5,-3799.1 1574.5,-3799.1 1639.5,-3799.1 1639.5,-3799.1 1642.5,-3799.1 1645.5,-3802.1 1645.5,-3805.1 1645.5,-3805.1 1645.5,-3811.1 1645.5,-3811.1 1645.5,-3814.1 1642.5,-3817.1 1639.5,-3817.1"/>
<text text-anchor="start" x="1576.5" y="-3805.9" font-family="Helvetica,sans-Serif" font-size="9.00">chains.test.ts</text>
</a>
</g>
</g>
<!-- src/constants/chains.test.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge428" class="edge">
<title>src/constants/chains.test.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1645.64,-3808.1C1661.16,-3808.1 1679,-3808.1 1694.11,-3808.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1694.4,-3810.2 1700.4,-3808.1 1694.4,-3806 1694.4,-3810.2"/>
</g>
<!-- src/constants/jsonRpcEndpoints.ts -->
<g id="node137" class="node">
<title>src/constants/jsonRpcEndpoints.ts</title>
<g id="a_node137"><a xlink:href="src/constants/jsonRpcEndpoints.ts" xlink:title="jsonRpcEndpoints.ts">
<path fill="#ddfeff" stroke="black" d="M1655.5,-3787.1C1655.5,-3787.1 1558.5,-3787.1 1558.5,-3787.1 1555.5,-3787.1 1552.5,-3784.1 1552.5,-3781.1 1552.5,-3781.1 1552.5,-3775.1 1552.5,-3775.1 1552.5,-3772.1 1555.5,-3769.1 1558.5,-3769.1 1558.5,-3769.1 1655.5,-3769.1 1655.5,-3769.1 1658.5,-3769.1 1661.5,-3772.1 1661.5,-3775.1 1661.5,-3775.1 1661.5,-3781.1 1661.5,-3781.1 1661.5,-3784.1 1658.5,-3787.1 1655.5,-3787.1"/>
<text text-anchor="start" x="1560.5" y="-3775.9" font-family="Helvetica,sans-Serif" font-size="9.00">jsonRpcEndpoints.ts</text>
</a>
</g>
</g>
<!-- src/constants/jsonRpcEndpoints.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge429" class="edge">
<title>src/constants/jsonRpcEndpoints.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1644,-3787.1C1659.97,-3791.09 1678.65,-3795.76 1694.34,-3799.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1694.09,-3801.79 1700.42,-3801.2 1695.1,-3797.71 1694.09,-3801.79"/>
</g>
<!-- src/cosmos/EventFeed.tsx -->
<g id="node138" class="node">
<title>src/cosmos/EventFeed.tsx</title>
<g id="a_node138"><a xlink:href="src/cosmos/EventFeed.tsx" xlink:title="EventFeed.tsx">
<path fill="#bbfeff" stroke="black" d="M309,-981.1C309,-981.1 241,-981.1 241,-981.1 238,-981.1 235,-978.1 235,-975.1 235,-975.1 235,-969.1 235,-969.1 235,-966.1 238,-963.1 241,-963.1 241,-963.1 309,-963.1 309,-963.1 312,-963.1 315,-966.1 315,-969.1 315,-969.1 315,-975.1 315,-975.1 315,-978.1 312,-981.1 309,-981.1"/>
<text text-anchor="start" x="243" y="-969.9" font-family="Helvetica,sans-Serif" font-size="9.00">EventFeed.tsx</text>
</a>
</g>
</g>
<!-- src/cosmos/EventFeed.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge435" class="edge">
<title>src/cosmos/EventFeed.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M315.26,-978.57C371.64,-986.86 471.45,-997.44 496,-973.1 514.48,-954.77 485.52,-54.43 504,-36.1 559.7,19.13 612.87,3.65 680.5,-36.1 826.98,-122.19 823.52,-205.72 866.5,-370.1 870.65,-385.96 865.37,-2717.48 874.5,-2731.1 883.03,-2743.82 898.27,-2750.96 912.35,-2754.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.96,-2757.05 918.3,-2756.51 913.01,-2752.98 911.96,-2757.05"/>
</g>
<!-- src/cosmos/EventFeed.tsx&#45;&gt;src/theme/type.tsx -->
<g id="edge436" class="edge">
<title>src/cosmos/EventFeed.tsx&#45;&gt;src/theme/type.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M315.1,-976.71C326.95,-978.95 339.79,-982.25 351,-987.1 427.63,-1020.24 425.31,-1068.21 504,-1096.1 522.52,-1102.67 666.44,-1093.38 680.5,-1107.1 704.44,-1130.47 672.74,-1230.86 693.5,-1257.1 743.74,-1320.58 818.94,-1248.59 866.5,-1314.1 876.47,-1327.84 862.95,-3745.66 874.5,-3758.1 895.88,-3781.14 993.93,-3746.25 1015.5,-3769.1 1040.1,-3795.16 1002.9,-4389.01 1028.5,-4414.1 1051.35,-4436.5 1148.88,-4435.69 1172.5,-4414.1 1196.38,-4392.27 1165.9,-4294.84 1185.5,-4269.1 1199.94,-4250.15 1225.82,-4241.46 1246.7,-4237.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.17,-4239.53 1252.72,-4236.43 1246.45,-4235.39 1247.17,-4239.53"/>
</g>
<!-- src/cosmos/EventFeed.tsx&#45;&gt;src/index.tsx -->
<g id="edge434" class="edge">
<title>src/cosmos/EventFeed.tsx&#45;&gt;src/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M315.23,-971.06C328.36,-972.78 341.95,-977.21 351,-987.1 368.96,-1006.73 354.32,-1081.32 364,-1106.1 375.53,-1135.6 399.62,-1164.01 415.01,-1180.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="413.81,-1182 419.49,-1184.86 416.83,-1179.08 413.81,-1182"/>
</g>
<!-- src/index.tsx&#45;&gt;src/theme/index.tsx -->
<g id="edge666" class="edge">
<title>src/index.tsx&#45;&gt;src/theme/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.3,-1189.76C472.13,-1186.41 486.52,-1180.51 496,-1170.1 505.29,-1159.9 493.06,-1148.51 504,-1140.1 535.1,-1116.21 651.66,-1113.51 680.5,-1140.1 706.73,-1164.28 671,-1272.42 693.5,-1300.1 744.07,-1362.3 818.39,-1286.98 866.5,-1351.1 886.66,-1377.97 853.49,-3743.88 874.5,-3770.1 914.68,-3820.25 974.51,-3752.61 1015.5,-3802.1 1041.24,-3833.18 1012.13,-4128.21 1028.5,-4165.1 1039.24,-4189.3 1062.77,-4209.37 1079.8,-4221.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.73,-4223.32 1084.86,-4225.01 1081.13,-4219.87 1078.73,-4223.32"/>
</g>
<!-- src/index.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge650" class="edge">
<title>src/index.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.37,-1193.27C521.44,-1191.76 665,-1189.94 680.5,-1205.1 711.55,-1235.46 672.53,-1362.07 693.5,-1400.1 739.43,-1483.4 823.22,-1441.4 866.5,-1526.1 881.37,-1555.2 855.18,-3852.74 874.5,-3879.1 913.39,-3932.15 976.42,-3871.19 1015.5,-3924.1 1036.19,-3952.12 1017.6,-5145.02 1028.5,-5178.1 1062.67,-5281.79 1127.82,-5277.49 1172.5,-5377.1 1183.49,-5401.6 1166.54,-5417.09 1185.5,-5436.1 1334.98,-5585.93 1545.38,-5599.05 1661.5,-5422.1 1707.84,-5351.49 1725.86,-3984.35 1727.82,-3823.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1729.92,-3823.17 1727.89,-3817.15 1725.72,-3823.12 1729.92,-3823.17"/>
</g>
<!-- src/index.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge663" class="edge">
<title>src/index.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M455.24,-1185C474.5,-1177.86 499,-1168.97 504,-1168.1 542.65,-1161.42 651.8,-1141.37 680.5,-1168.1 710.33,-1195.89 665.99,-1321.01 693.5,-1351.1 746.06,-1408.59 815.92,-1319.87 866.5,-1379.1 888.4,-1404.74 852.62,-3781.44 874.5,-3807.1 915.7,-3855.41 973.83,-3782.19 1015.5,-3830.1 1036.58,-3854.34 1005.53,-4385.65 1028.5,-4408.1 1074.26,-4452.84 1126.85,-4452.96 1172.5,-4408.1 1201.75,-4379.36 1166.31,-3706.34 1185.5,-3670.1 1199.21,-3644.2 1228.16,-3626.23 1250.24,-3615.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.13,-3617.56 1255.69,-3613.13 1249.36,-3613.75 1251.13,-3617.56"/>
</g>
<!-- src/index.tsx&#45;&gt;src/state/swap/settings.ts -->
<g id="edge664" class="edge">
<title>src/index.tsx&#45;&gt;src/state/swap/settings.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.25,-1189.77C517.76,-1181.51 649.35,-1166.78 680.5,-1196.1 711.16,-1224.95 664.6,-1354.48 693.5,-1385.1 746.7,-1441.47 815.17,-1349.02 866.5,-1407.1 877.68,-1419.75 865.87,-3822.6 874.5,-3837.1 911.03,-3898.45 978.75,-3852.88 1015.5,-3914.1 1033.3,-3943.75 1003.92,-5134.77 1028.5,-5159.1 1073.99,-5204.12 1121.72,-5198.05 1172.5,-5159.1 1447.43,-4948.21 1326.19,-4749.22 1374.5,-4406.1 1380.2,-4365.6 1370.33,-3707.21 1387.5,-3670.1 1398.46,-3646.42 1422.44,-3627.78 1440.35,-3616.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.68,-3618.08 1445.69,-3613.15 1439.48,-3614.5 1441.68,-3618.08"/>
</g>
<!-- src/index.tsx&#45;&gt;src/components/Swap/Skeleton.tsx -->
<g id="edge648" class="edge">
<title>src/index.tsx&#45;&gt;src/components/Swap/Skeleton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M415.54,-1203.23C374.52,-1231.88 250.66,-1324.8 198,-1436.1 138.78,-1561.28 118.1,-2017.97 114.57,-2107.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="112.46,-2107.91 114.33,-2113.99 116.66,-2108.07 112.46,-2107.91"/>
</g>
<!-- src/index.tsx&#45;&gt;src/state/transactions.ts -->
<g id="edge665" class="edge">
<title>src/index.tsx&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.06,-1188.68C471.53,-1185.11 485.7,-1179.33 496,-1170.1 501.92,-1164.8 497.24,-1158.28 504,-1154.1 537.36,-1133.48 651.76,-1127.41 680.5,-1154.1 709.08,-1180.63 667.79,-1299.78 693.5,-1329.1 745.28,-1388.15 816.84,-1304.25 866.5,-1365.1 887.79,-1391.2 852.91,-3764.25 874.5,-3790.1 915.35,-3839.01 974.18,-3767.59 1015.5,-3816.1 1036.11,-3840.3 1005.77,-4365.88 1028.5,-4388.1 1074.27,-4432.84 1126.88,-4432.99 1172.5,-4388.1 1204.34,-4356.77 1156.07,-3617.71 1185.5,-3584.1 1196.96,-3571.01 1214.96,-3566.36 1232.11,-3565.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.45,-3567.5 1238.38,-3565.21 1232.32,-3563.3 1232.45,-3567.5"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge656" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.23,-1187.93C517.69,-1175.89 649.19,-1152.89 680.5,-1182.1 710.96,-1210.52 665.07,-1338.66 693.5,-1369.1 746.48,-1425.84 815.42,-1334.65 866.5,-1393.1 888.7,-1418.51 852.52,-3796.51 874.5,-3822.1 915.83,-3870.21 973.73,-3796.37 1015.5,-3844.1 1037.38,-3869.11 1004.75,-4418.86 1028.5,-4442.1 1074.24,-4486.86 1109.53,-4453.55 1172.5,-4442.1 1266.87,-4424.93 1319.35,-4444.58 1374.5,-4366.1 1389.07,-4345.37 1386.93,-3479.43 1387.5,-3454.1 1410.42,-2433.12 1456.35,-1173.13 1461.94,-1021.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1464.04,-1021.34 1462.16,-1015.26 1459.84,-1021.18 1464.04,-1021.34"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts -->
<g id="edge657" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/useSyncFlags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.01,-1190.26C472.1,-1187.02 486.79,-1181.06 496,-1170.1 508.78,-1154.88 488.74,-1138.84 504,-1126.1 534.11,-1100.97 651.43,-1099.77 680.5,-1126.1 702.18,-1145.74 676.49,-1233.3 693.5,-1257.1 742.66,-1325.86 820.68,-1265.07 866.5,-1336.1 875.62,-1350.24 862.59,-3746.23 874.5,-3758.1 896.69,-3780.22 993.28,-3780.2 1015.5,-3758.1 1027.02,-3746.64 1026.88,-1434.27 1028.5,-1418.1 1042.12,-1282.52 1082.55,-1122.18 1095.48,-1073.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.54,-1073.52 1097.05,-1067.18 1093.48,-1072.45 1097.54,-1073.52"/>
</g>
<!-- src/index.tsx&#45;&gt;src/components/Swap/index.tsx -->
<g id="edge647" class="edge">
<title>src/index.tsx&#45;&gt;src/components/Swap/index.tsx</title>
<g id="a_edge647"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M426.36,-1203.15C418.55,-1228.69 393.38,-1302.54 351,-1349.1 296.97,-1408.47 237.31,-1375.11 198,-1445.1 185.47,-1467.41 190.14,-2340.85 186,-2366.1 173.53,-2442.11 140.12,-2527.67 123.57,-2567.08"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="118.47,-2573.66 118.04,-2580 122.33,-2575.31 118.47,-2573.66"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="120.4,-2574.48 121.58,-2571.73 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="122.52" cy="-2569.52" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="164.41" y="-1883.83" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/swap/useSyncController.ts -->
<g id="edge653" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/swap/useSyncController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.29,-1193.69C472.61,-1191.89 487.43,-1187.24 496,-1176.1 508.05,-1160.45 491.1,-480.06 504,-465.1 512.56,-455.17 524.87,-449.97 537.76,-447.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.11,-449.59 543.71,-446.58 537.45,-445.44 538.11,-449.59"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/swap/useSyncConvenienceFee.ts -->
<g id="edge654" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/swap/useSyncConvenienceFee.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.29,-1193.69C472.61,-1191.89 487.43,-1187.24 496,-1176.1 508.55,-1159.79 490.56,-450.69 504,-435.1 509.22,-429.05 515.82,-424.75 523.1,-421.76"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="523.85,-423.73 528.79,-419.73 522.43,-419.77 523.85,-423.73"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts -->
<g id="edge655" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts</title>
<g id="a_edge655"><a xlink:title="no&#45;circular">
<path fill="none" stroke="orange" stroke-width="2" d="M459.29,-1193.38C472.44,-1191.48 487.11,-1186.83 496,-1176.1 509.79,-1159.44 488.51,-1094.2 504,-1079.1 532.13,-1051.68 651.93,-1096.06 680.5,-1069.1 698.88,-1051.75 689.62,-981.08 693.5,-956.1 716.97,-804.91 756.07,-624.92 769.94,-562.63"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="773.69,-555.44 772.96,-549.13 769.6,-554.53 773.69,-555.44"/>
<polyline fill="none" stroke="orange" stroke-width="2" points="771.65,-554.98 770.99,-557.91 "/>
<ellipse fill="none" stroke="orange" stroke-width="2" cx="770.47" cy="-560.25" rx="2.4" ry="2.4"/>
</a>
</g>
<text text-anchor="middle" x="680.43" y="-879.69" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;circular</text>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/useTokenList/index.tsx -->
<g id="edge659" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/useTokenList/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.14,-1198.08C522.88,-1207.24 673.35,-1229.64 680.5,-1238.1 698.87,-1259.85 689.79,-3259.87 693.5,-3288.1 735.05,-3604.14 622.26,-3787.21 874.5,-3982.1 924.09,-4020.42 971.1,-4026.32 1015.5,-3982.1 1047.53,-3950.2 999.48,-761.77 1028.5,-727.1 1037.36,-716.52 1051.73,-712.63 1065.24,-711.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1065.46,-713.74 1071.36,-711.38 1065.28,-709.54 1065.46,-713.74"/>
</g>
<!-- src/index.tsx&#45;&gt;src/components/Widget.tsx -->
<g id="edge649" class="edge">
<title>src/index.tsx&#45;&gt;src/components/Widget.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.34,-1203.29C413.53,-1233.44 376.51,-1332.35 364,-1418.1 360.41,-1442.74 366.86,-3191.9 351,-3211.1 342.05,-3221.93 327.69,-3226.37 313.92,-3227.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="313.48,-3225.78 307.66,-3228.34 313.8,-3229.97 313.48,-3225.78"/>
</g>
<!-- src/index.tsx&#45;&gt;src/constants/locales.ts -->
<g id="edge651" class="edge">
<title>src/index.tsx&#45;&gt;src/constants/locales.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M441.53,-1203.26C455.01,-1214.43 479.57,-1232.95 504,-1242.1 541.07,-1255.99 654.39,-1236.35 680.5,-1266.1 704.15,-1293.04 683.97,-3812.54 693.5,-3847.1 733.72,-3992.88 817.66,-3996.98 866.5,-4140.1 875.76,-4167.23 865.95,-4176.74 874.5,-4204.1 914.87,-4333.32 980.96,-4343.2 1015.5,-4474.1 1020.82,-4494.26 1013.51,-4834.62 1028.5,-4849.1 1074.53,-4893.56 1126.97,-4894.08 1172.5,-4849.1 1193.37,-4828.49 1166.33,-3815.31 1185.5,-3793.1 1199.71,-3776.63 1224.21,-3773.18 1244.56,-3773.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1244.65,-3775.79 1250.73,-3773.96 1244.83,-3771.6 1244.65,-3775.79"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/useSyncWidgetEventHandlers.ts -->
<g id="edge658" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/useSyncWidgetEventHandlers.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M443.2,-1184.96C458.88,-1172.37 485.34,-1148.06 496,-1120.1 501.04,-1106.88 494.78,-111.84 504,-101.1 506.1,-98.66 508.42,-96.5 510.93,-94.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="512.46,-96.11 516.31,-91.05 510.14,-92.6 512.46,-96.11"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/routing/types.ts -->
<g id="edge652" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M448.84,-1203.17C463.35,-1210.17 484.53,-1219.57 504,-1225.1 542.17,-1235.94 654.57,-1222.07 680.5,-1252.1 702.13,-1277.15 686.1,-3602.84 693.5,-3635.1 712.81,-3719.24 955.47,-4290.06 1028.5,-4336.1 1082.64,-4370.23 1127.16,-4381.27 1172.5,-4336.1 1206.61,-4302.12 1153.81,-905.36 1185.5,-869.1 1200.32,-852.14 1226.18,-849.64 1246.95,-850.97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.78,-853.06 1252.93,-851.46 1247.13,-848.88 1246.78,-853.06"/>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/web3/useJsonRpcUrlsMap.tsx -->
<g id="edge661" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/web3/useJsonRpcUrlsMap.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M459.11,-1187.16C511.68,-1176.06 624.57,-1161.45 680.5,-1224.1 699.37,-1245.24 673.4,-3244.13 693.5,-3264.1 748.04,-3318.3 812.04,-3318.37 866.5,-3264.1 888.86,-3241.82 854.61,-1015.62 874.5,-991.1 876.04,-989.2 877.75,-987.51 879.61,-986"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.07,-987.54 884.83,-982.41 878.69,-984.08 881.07,-987.54"/>
</g>
<!-- src/hooks/useTokenList/validateTokenList.ts -->
<g id="node185" class="node">
<title>src/hooks/useTokenList/validateTokenList.ts</title>
<g id="a_node185"><a xlink:href="src/hooks/useTokenList/validateTokenList.ts" xlink:title="validateTokenList.ts">
<path fill="#ddfeff" stroke="black" d="M1509.5,-663.1C1509.5,-663.1 1417.5,-663.1 1417.5,-663.1 1414.5,-663.1 1411.5,-660.1 1411.5,-657.1 1411.5,-657.1 1411.5,-651.1 1411.5,-651.1 1411.5,-648.1 1414.5,-645.1 1417.5,-645.1 1417.5,-645.1 1509.5,-645.1 1509.5,-645.1 1512.5,-645.1 1515.5,-648.1 1515.5,-651.1 1515.5,-651.1 1515.5,-657.1 1515.5,-657.1 1515.5,-660.1 1512.5,-663.1 1509.5,-663.1"/>
<text text-anchor="start" x="1419.5" y="-651.9" font-family="Helvetica,sans-Serif" font-size="9.00">validateTokenList.ts</text>
</a>
</g>
</g>
<!-- src/index.tsx&#45;&gt;src/hooks/useTokenList/validateTokenList.ts -->
<g id="edge660" class="edge">
<title>src/index.tsx&#45;&gt;src/hooks/useTokenList/validateTokenList.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M438.34,-1203.48C450.31,-1218.03 475.6,-1245.64 504,-1258.1 540.12,-1273.95 654.07,-1247.81 680.5,-1277.1 705.81,-1305.15 678.86,-3962.28 693.5,-3997.1 735.4,-4096.76 822.57,-4069.32 866.5,-4168.1 882.32,-4203.67 863.04,-4305.9 874.5,-4343.1 909.68,-4457.33 981.66,-4457.47 1015.5,-4572.1 1024.73,-4603.39 1005.18,-5136.29 1028.5,-5159.1 1074.25,-5203.85 1122.47,-5199.02 1172.5,-5159.1 1488.55,-4906.94 1328.6,-4673.8 1374.5,-4272.1 1377.34,-4247.24 1371.6,-688.42 1387.5,-669.1 1392.25,-663.33 1398.53,-659.38 1405.44,-656.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1406.33,-658.63 1411.38,-654.77 1405.02,-654.64 1406.33,-658.63"/>
</g>
<!-- src/polyfills.ts -->
<g id="node193" class="node">
<title>src/polyfills.ts</title>
<g id="a_node193"><a xlink:href="src/polyfills.ts" xlink:title="polyfills.ts">
<path fill="#ddfeff" stroke="black" d="M623.5,-1301.1C623.5,-1301.1 573.5,-1301.1 573.5,-1301.1 570.5,-1301.1 567.5,-1298.1 567.5,-1295.1 567.5,-1295.1 567.5,-1289.1 567.5,-1289.1 567.5,-1286.1 570.5,-1283.1 573.5,-1283.1 573.5,-1283.1 623.5,-1283.1 623.5,-1283.1 626.5,-1283.1 629.5,-1286.1 629.5,-1289.1 629.5,-1289.1 629.5,-1295.1 629.5,-1295.1 629.5,-1298.1 626.5,-1301.1 623.5,-1301.1"/>
<text text-anchor="start" x="575.5" y="-1289.9" font-family="Helvetica,sans-Serif" font-size="9.00">polyfills.ts</text>
</a>
</g>
</g>
<!-- src/index.tsx&#45;&gt;src/polyfills.ts -->
<g id="edge662" class="edge">
<title>src/index.tsx&#45;&gt;src/polyfills.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M436.5,-1203.29C447.19,-1220.28 472.51,-1256.46 504,-1274.1 521.36,-1283.83 543.07,-1288.39 561.2,-1290.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="561.02,-1292.58 567.2,-1291.11 561.45,-1288.4 561.02,-1292.58"/>
</g>
<!-- src/cosmos/Swap.fixture.tsx -->
<g id="node140" class="node">
<title>src/cosmos/Swap.fixture.tsx</title>
<g id="a_node140"><a xlink:href="src/cosmos/Swap.fixture.tsx" xlink:title="Swap.fixture.tsx">
<path fill="#bbfeff" stroke="black" d="M152.5,-981.1C152.5,-981.1 73.5,-981.1 73.5,-981.1 70.5,-981.1 67.5,-978.1 67.5,-975.1 67.5,-975.1 67.5,-969.1 67.5,-969.1 67.5,-966.1 70.5,-963.1 73.5,-963.1 73.5,-963.1 152.5,-963.1 152.5,-963.1 155.5,-963.1 158.5,-966.1 158.5,-969.1 158.5,-969.1 158.5,-975.1 158.5,-975.1 158.5,-978.1 155.5,-981.1 152.5,-981.1"/>
<text text-anchor="start" x="75.5" y="-969.9" font-family="Helvetica,sans-Serif" font-size="9.00">Swap.fixture.tsx</text>
</a>
</g>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/components/Row.tsx -->
<g id="edge442" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/components/Row.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.83,-972.3C169.19,-974.58 179.16,-979 186,-987.1 209.1,-1014.45 174.48,-1282.11 198,-1309.1 341.06,-1473.26 540.09,-1227.67 680.5,-1394.1 702.83,-1420.57 668.95,-3862.68 693.5,-3887.1 700.31,-3893.88 859.68,-3893.87 866.5,-3887.1 888.46,-3865.3 854.63,-2796.83 874.5,-2773.1 883.52,-2762.34 898.31,-2758.56 911.99,-2757.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="912.24,-2759.79 918.17,-2757.49 912.1,-2755.6 912.24,-2759.79"/>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge443" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.86,-972.28C169.22,-974.56 179.18,-978.99 186,-987.1 212.88,-1019.11 170.75,-1331.4 198,-1363.1 269.47,-1446.24 613.24,-1379.52 680.5,-1466.1 703.97,-1496.31 682.38,-4183.5 693.5,-4220.1 733.97,-4353.26 820.79,-4349.65 866.5,-4481.1 873.46,-4501.11 860.65,-4560.07 874.5,-4576.1 916.57,-4624.81 975.13,-4558.97 1015.5,-4609.1 1045.71,-4646.62 1011.19,-5431.15 1028.5,-5476.1 1086.61,-5627.05 1117.25,-5740.1 1279,-5740.1 1279,-5740.1 1279,-5740.1 1464.5,-5740.1 1508.58,-5740.1 1631.63,-5749.51 1661.5,-5717.1 1729.53,-5643.3 1728.36,-4001.27 1728.03,-3823.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.13,-3823.52 1728.02,-3817.52 1725.93,-3823.53 1730.13,-3823.52"/>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/constants/tokens.ts -->
<g id="edge437" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.85,-972.28C169.21,-974.57 179.18,-978.99 186,-987.1 211.41,-1017.3 171.55,-1312.8 198,-1342.1 270.52,-1422.43 609.16,-1326.72 680.5,-1408.1 706.02,-1437.21 669.59,-4164.66 693.5,-4195.1 742.45,-4257.4 816.89,-4176.33 866.5,-4238.1 887.87,-4264.71 854.88,-4517.18 874.5,-4545.1 913.17,-4600.14 977.11,-4544.86 1015.5,-4600.1 1041.63,-4637.7 1001.51,-5387.12 1028.5,-5424.1 1074.36,-5486.93 1319.24,-5531.84 1374.5,-5477.1 1388.13,-5463.6 1385.63,-4115.19 1387.5,-4096.1 1402.32,-3945.11 1445.44,-3765.9 1458.62,-3713.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1460.72,-3713.6 1460.15,-3707.27 1456.64,-3712.57 1460.72,-3713.6"/>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/cosmos/EventFeed.tsx -->
<g id="edge438" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/cosmos/EventFeed.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.57,-972.1C180.46,-972.1 206.79,-972.1 228.77,-972.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="228.84,-974.2 234.84,-972.1 228.84,-970 228.84,-974.2"/>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/index.tsx -->
<g id="edge441" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.58,-974.4C168.46,-976.71 178.27,-980.62 186,-987.1 197,-996.33 189.32,-1005.66 198,-1017.1 257.43,-1095.47 360.05,-1157.01 405.81,-1181.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="405.09,-1183.98 411.36,-1184.99 407.09,-1180.29 405.09,-1183.98"/>
</g>
<!-- src/cosmos/useOption.ts -->
<g id="node141" class="node">
<title>src/cosmos/useOption.ts</title>
<g id="a_node141"><a xlink:href="src/cosmos/useOption.ts" xlink:title="useOption.ts">
<path fill="#ddfeff" stroke="black" d="M461,-967.1C461,-967.1 399,-967.1 399,-967.1 396,-967.1 393,-964.1 393,-961.1 393,-961.1 393,-955.1 393,-955.1 393,-952.1 396,-949.1 399,-949.1 399,-949.1 461,-949.1 461,-949.1 464,-949.1 467,-952.1 467,-955.1 467,-955.1 467,-961.1 467,-961.1 467,-964.1 464,-967.1 461,-967.1"/>
<text text-anchor="start" x="401" y="-955.9" font-family="Helvetica,sans-Serif" font-size="9.00">useOption.ts</text>
</a>
</g>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/cosmos/useOption.ts -->
<g id="edge439" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/cosmos/useOption.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.51,-964.07C178.06,-960.56 196.88,-957.2 198,-957.1 263.76,-951.28 340.46,-953.36 386.84,-955.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="386.81,-957.68 392.9,-955.88 387.01,-953.49 386.81,-957.68"/>
</g>
<!-- src/cosmos/useProvider.ts -->
<g id="node142" class="node">
<title>src/cosmos/useProvider.ts</title>
<g id="a_node142"><a xlink:href="src/cosmos/useProvider.ts" xlink:title="useProvider.ts">
<path fill="#ddfeff" stroke="black" d="M309,-1011.1C309,-1011.1 241,-1011.1 241,-1011.1 238,-1011.1 235,-1008.1 235,-1005.1 235,-1005.1 235,-999.1 235,-999.1 235,-996.1 238,-993.1 241,-993.1 241,-993.1 309,-993.1 309,-993.1 312,-993.1 315,-996.1 315,-999.1 315,-999.1 315,-1005.1 315,-1005.1 315,-1008.1 312,-1011.1 309,-1011.1"/>
<text text-anchor="start" x="243" y="-999.9" font-family="Helvetica,sans-Serif" font-size="9.00">useProvider.ts</text>
</a>
</g>
</g>
<!-- src/cosmos/Swap.fixture.tsx&#45;&gt;src/cosmos/useProvider.ts -->
<g id="edge440" class="edge">
<title>src/cosmos/Swap.fixture.tsx&#45;&gt;src/cosmos/useProvider.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M158.57,-980.46C180.46,-984.56 206.79,-989.5 228.77,-993.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="228.56,-995.72 234.84,-994.76 229.33,-991.59 228.56,-995.72"/>
</g>
<!-- src/cosmos/useProvider.ts&#45;&gt;src/constants/jsonRpcEndpoints.ts -->
<g id="edge446" class="edge">
<title>src/cosmos/useProvider.ts&#45;&gt;src/constants/jsonRpcEndpoints.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M277.16,-1011.22C283.4,-1058.94 314.64,-1279.48 364,-1323.1 470.51,-1417.23 587.25,-1261.82 680.5,-1369.1 705.99,-1398.43 671.78,-4134.87 693.5,-4167.1 739.95,-4236.02 819.32,-4169.68 866.5,-4238.1 885.87,-4266.19 854.88,-4517.18 874.5,-4545.1 913.17,-4600.14 977.11,-4544.86 1015.5,-4600.1 1041.63,-4637.7 1001.51,-5387.12 1028.5,-5424.1 1165.57,-5611.9 1449.61,-5526.52 1539.5,-5312.1 1555.81,-5273.19 1526.86,-3826.62 1552.5,-3793.1 1552.94,-3792.53 1553.4,-3791.97 1553.88,-3791.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1555.58,-3792.73 1558.64,-3787.16 1552.78,-3789.6 1555.58,-3792.73"/>
</g>
<!-- src/cosmos/useProvider.ts&#45;&gt;src/cosmos/useOption.ts -->
<g id="edge445" class="edge">
<title>src/cosmos/useProvider.ts&#45;&gt;src/cosmos/useOption.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M315.21,-995.48C326.82,-993.19 339.5,-990.37 351,-987.1 368.18,-982.22 386.95,-975.3 401.77,-969.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="402.66,-971.34 407.45,-967.16 401.1,-967.44 402.66,-971.34"/>
</g>
<!-- src/cosmos/SwapSkeleton.fixture.tsx -->
<g id="node143" class="node">
<title>src/cosmos/SwapSkeleton.fixture.tsx</title>
<g id="a_node143"><a xlink:href="src/cosmos/SwapSkeleton.fixture.tsx" xlink:title="SwapSkeleton.fixture.tsx">
<path fill="#bbfeff" stroke="black" d="M172,-1011.1C172,-1011.1 54,-1011.1 54,-1011.1 51,-1011.1 48,-1008.1 48,-1005.1 48,-1005.1 48,-999.1 48,-999.1 48,-996.1 51,-993.1 54,-993.1 54,-993.1 172,-993.1 172,-993.1 175,-993.1 178,-996.1 178,-999.1 178,-999.1 178,-1005.1 178,-1005.1 178,-1008.1 175,-1011.1 172,-1011.1"/>
<text text-anchor="start" x="56" y="-999.9" font-family="Helvetica,sans-Serif" font-size="9.00">SwapSkeleton.fixture.tsx</text>
</a>
</g>
</g>
<!-- src/cosmos/SwapSkeleton.fixture.tsx&#45;&gt;src/index.tsx -->
<g id="edge444" class="edge">
<title>src/cosmos/SwapSkeleton.fixture.tsx&#45;&gt;src/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M118.53,-1011.31C129.35,-1032.37 158.75,-1084.48 198,-1113.1 259.25,-1157.77 347.29,-1179.51 395.05,-1188.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="394.67,-1190.66 400.96,-1189.69 395.44,-1186.53 394.67,-1190.66"/>
</g>
<!-- src/ethereum.d.ts -->
<g id="node144" class="node">
<title>src/ethereum.d.ts</title>
<g id="a_node144"><a xlink:href="src/ethereum.d.ts" xlink:title="ethereum.d.ts">
<path fill="#ccffcc" stroke="black" d="M147.5,-719.1C147.5,-719.1 78.5,-719.1 78.5,-719.1 75.5,-719.1 72.5,-716.1 72.5,-713.1 72.5,-713.1 72.5,-707.1 72.5,-707.1 72.5,-704.1 75.5,-701.1 78.5,-701.1 78.5,-701.1 147.5,-701.1 147.5,-701.1 150.5,-701.1 153.5,-704.1 153.5,-707.1 153.5,-707.1 153.5,-713.1 153.5,-713.1 153.5,-716.1 150.5,-719.1 147.5,-719.1"/>
<text text-anchor="start" x="80.5" y="-707.9" font-family="Helvetica,sans-Serif" font-size="9.00">ethereum.d.ts</text>
</a>
</g>
</g>
<!-- src/hooks/multicall.ts&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge448" class="edge">
<title>src/hooks/multicall.ts&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1612.13,-803.19C1629.84,-842.14 1699.41,-995.21 1721.34,-1043.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1719.49,-1044.46 1723.89,-1049.05 1723.32,-1042.72 1719.49,-1044.46"/>
</g>
<!-- src/hooks/multicall.ts&#45;&gt;src/state/multicall.tsx -->
<g id="edge449" class="edge">
<title>src/hooks/multicall.ts&#45;&gt;src/state/multicall.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1601.8,-803.33C1590.98,-827.68 1562.32,-895.88 1552.5,-956.1 1545.95,-996.24 1559.69,-3848.8 1539.5,-3884.1 1458.43,-4025.8 1312.94,-4084.14 1185.5,-3982.1 1164.88,-3965.59 1178.49,-3949.83 1172.5,-3924.1 1147.59,-3817.08 1115.96,-3688.58 1105.24,-3645.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1107.24,-3644.55 1103.76,-3639.23 1103.17,-3645.56 1107.24,-3644.55"/>
</g>
<!-- src/hooks/routing/useRouterTrade.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge455" class="edge">
<title>src/hooks/routing/useRouterTrade.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.55,-856.11C1158.3,-858.35 1166.53,-862.34 1172.5,-869.1 1189.22,-888.04 1183.66,-1070.9 1185.5,-1096.1 1259.43,-2108.94 1105.36,-2396.55 1387.5,-3372.1 1402.44,-3423.76 1436.11,-3478.6 1452.78,-3503.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1451.18,-3505.24 1456.25,-3509.06 1454.67,-3502.91 1451.18,-3505.24"/>
</g>
<!-- src/hooks/routing/useRouterTrade.ts&#45;&gt;src/hooks/routing/types.ts -->
<g id="edge450" class="edge">
<title>src/hooks/routing/useRouterTrade.ts&#45;&gt;src/hooks/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.53,-856.1C1180.33,-856.1 1219.48,-856.1 1246.62,-856.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.91,-858.2 1252.91,-856.1 1246.91,-854 1246.91,-858.2"/>
</g>
<!-- src/hooks/useStablecoinAmountFromFiatValue.ts -->
<g id="node148" class="node">
<title>src/hooks/useStablecoinAmountFromFiatValue.ts</title>
<g id="a_node148"><a xlink:href="src/hooks/useStablecoinAmountFromFiatValue.ts" xlink:title="useStablecoinAmountFromFiatValue.ts">
<path fill="#ddfeff" stroke="black" d="M1368.5,-1067.1C1368.5,-1067.1 1191.5,-1067.1 1191.5,-1067.1 1188.5,-1067.1 1185.5,-1064.1 1185.5,-1061.1 1185.5,-1061.1 1185.5,-1055.1 1185.5,-1055.1 1185.5,-1052.1 1188.5,-1049.1 1191.5,-1049.1 1191.5,-1049.1 1368.5,-1049.1 1368.5,-1049.1 1371.5,-1049.1 1374.5,-1052.1 1374.5,-1055.1 1374.5,-1055.1 1374.5,-1061.1 1374.5,-1061.1 1374.5,-1064.1 1371.5,-1067.1 1368.5,-1067.1"/>
<text text-anchor="start" x="1193.5" y="-1055.9" font-family="Helvetica,sans-Serif" font-size="9.00">useStablecoinAmountFromFiatValue.ts</text>
</a>
</g>
</g>
<!-- src/hooks/routing/useRouterTrade.ts&#45;&gt;src/hooks/useStablecoinAmountFromFiatValue.ts -->
<g id="edge451" class="edge">
<title>src/hooks/routing/useRouterTrade.ts&#45;&gt;src/hooks/useStablecoinAmountFromFiatValue.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.83,-856.29C1158.44,-858.54 1166.55,-862.48 1172.5,-869.1 1198.42,-897.94 1159.26,-1014.55 1185.5,-1043.1 1186.13,-1043.78 1186.77,-1044.44 1187.43,-1045.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1186.08,-1046.68 1192.01,-1048.96 1188.79,-1043.48 1186.08,-1046.68"/>
</g>
<!-- src/hooks/useTimeout.ts -->
<g id="node149" class="node">
<title>src/hooks/useTimeout.ts</title>
<g id="a_node149"><a xlink:href="src/hooks/useTimeout.ts" xlink:title="useTimeout.ts">
<path fill="#ddfeff" stroke="black" d="M1314,-569.1C1314,-569.1 1246,-569.1 1246,-569.1 1243,-569.1 1240,-566.1 1240,-563.1 1240,-563.1 1240,-557.1 1240,-557.1 1240,-554.1 1243,-551.1 1246,-551.1 1246,-551.1 1314,-551.1 1314,-551.1 1317,-551.1 1320,-554.1 1320,-557.1 1320,-557.1 1320,-563.1 1320,-563.1 1320,-566.1 1317,-569.1 1314,-569.1"/>
<text text-anchor="start" x="1248" y="-557.9" font-family="Helvetica,sans-Serif" font-size="9.00">useTimeout.ts</text>
</a>
</g>
</g>
<!-- src/hooks/routing/useRouterTrade.ts&#45;&gt;src/hooks/useTimeout.ts -->
<g id="edge452" class="edge">
<title>src/hooks/routing/useRouterTrade.ts&#45;&gt;src/hooks/useTimeout.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.6,-856.13C1158.34,-853.89 1166.56,-849.89 1172.5,-843.1 1192.14,-820.67 1165.62,-597.31 1185.5,-575.1 1197.41,-561.79 1216.06,-557.08 1233.57,-556.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1234.04,-558.15 1239.96,-555.84 1233.89,-553.95 1234.04,-558.15"/>
</g>
<!-- src/state/routing/args.ts -->
<g id="node150" class="node">
<title>src/state/routing/args.ts</title>
<g id="a_node150"><a xlink:href="src/state/routing/args.ts" xlink:title="args.ts">
<path fill="#ddfeff" stroke="black" d="M1301,-3483.1C1301,-3483.1 1259,-3483.1 1259,-3483.1 1256,-3483.1 1253,-3480.1 1253,-3477.1 1253,-3477.1 1253,-3471.1 1253,-3471.1 1253,-3468.1 1256,-3465.1 1259,-3465.1 1259,-3465.1 1301,-3465.1 1301,-3465.1 1304,-3465.1 1307,-3468.1 1307,-3471.1 1307,-3471.1 1307,-3477.1 1307,-3477.1 1307,-3480.1 1304,-3483.1 1301,-3483.1"/>
<text text-anchor="start" x="1264.5" y="-3471.9" font-family="Helvetica,sans-Serif" font-size="9.00">args.ts</text>
</a>
</g>
</g>
<!-- src/hooks/routing/useRouterTrade.ts&#45;&gt;src/state/routing/args.ts -->
<g id="edge453" class="edge">
<title>src/hooks/routing/useRouterTrade.ts&#45;&gt;src/state/routing/args.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.83,-855.88C1158.55,-858.13 1166.71,-862.19 1172.5,-869.1 1194.97,-895.92 1171.36,-3356.1 1185.5,-3388.1 1200.19,-3421.34 1234.71,-3447.42 1257.45,-3461.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1256.46,-3463.65 1262.67,-3465.01 1258.67,-3460.08 1256.46,-3463.65"/>
</g>
<!-- src/hooks/routing/useRouterTrade.ts&#45;&gt;src/state/routing/slice.ts -->
<g id="edge454" class="edge">
<title>src/hooks/routing/useRouterTrade.ts&#45;&gt;src/state/routing/slice.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1051.5,-854.95C1038.77,-857.51 1027.17,-863.28 1022,-875.1 1015.36,-890.26 1019.21,-3241.79 1022,-3258.1 1035.98,-3339.95 1076.89,-3431.69 1093.43,-3466.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1091.57,-3467.55 1096.05,-3472.05 1095.35,-3465.74 1091.57,-3467.55"/>
</g>
<!-- src/hooks/useStablecoinAmountFromFiatValue.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge586" class="edge">
<title>src/hooks/useStablecoinAmountFromFiatValue.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1337.16,-1067.22C1351.65,-1072.39 1365.65,-1080.47 1374.5,-1093.1 1396.6,-1124.66 1382.01,-2441.96 1387.5,-2480.1 1451.05,-2921.82 1560.18,-3011.48 1661.5,-3446.1 1692.6,-3579.51 1718.25,-3743.33 1725.76,-3793.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1723.7,-3793.46 1726.67,-3799.08 1727.85,-3792.83 1723.7,-3793.46"/>
</g>
<!-- src/hooks/useStablecoinAmountFromFiatValue.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge587" class="edge">
<title>src/hooks/useStablecoinAmountFromFiatValue.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1281.37,-1067.43C1288.07,-1236.06 1383.46,-3634.44 1387.5,-3642.1 1397.99,-3661.99 1419.05,-3676.74 1436.19,-3686.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1435.54,-3688.12 1441.83,-3689.06 1437.49,-3684.41 1435.54,-3688.12"/>
</g>
<!-- src/state/routing/args.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge671" class="edge">
<title>src/state/routing/args.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1307.34,-3478.47C1326.16,-3481.76 1352.01,-3486.63 1374.5,-3492.1 1393.25,-3496.66 1413.96,-3502.73 1430.57,-3507.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1430.14,-3509.92 1436.5,-3509.7 1431.39,-3505.91 1430.14,-3509.92"/>
</g>
<!-- src/state/routing/args.ts&#45;&gt;src/hooks/routing/types.ts -->
<g id="edge672" class="edge">
<title>src/state/routing/args.ts&#45;&gt;src/hooks/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1252.71,-3466.35C1227.54,-3457.48 1192.15,-3440.15 1179,-3410.1 1171.94,-3393.97 1171.94,-891.23 1179,-875.1 1189.56,-850.99 1221.48,-848.36 1246.64,-850.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.69,-852.57 1252.87,-851.08 1247.11,-848.39 1246.69,-852.57"/>
</g>
<!-- src/state/routing/args.ts&#45;&gt;src/hooks/useIsWindowVisible.ts -->
<g id="edge673" class="edge">
<title>src/state/routing/args.ts&#45;&gt;src/hooks/useIsWindowVisible.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1307.12,-3474.68C1328.71,-3476.66 1358.33,-3483.17 1374.5,-3503.1 1394.05,-3527.19 1364.63,-3621.14 1387.5,-3642.1 1398.72,-3652.39 1650.34,-3653.46 1661.5,-3643.1 1862.65,-3456.33 1854.78,-1277.63 1853.6,-1073.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1855.7,-1073.23 1853.56,-1067.24 1851.5,-1073.25 1855.7,-1073.23"/>
</g>
<!-- src/state/routing/slice.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge675" class="edge">
<title>src/state/routing/slice.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1127.6,-3483.73C1144.17,-3485.36 1166.09,-3487.46 1185.5,-3489.1 1269.43,-3496.21 1290.89,-3492.9 1374.5,-3503.1 1393.13,-3505.37 1413.84,-3508.85 1430.48,-3511.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1430.13,-3513.96 1436.41,-3512.99 1430.89,-3509.83 1430.13,-3513.96"/>
</g>
<!-- src/state/routing/slice.ts&#45;&gt;src/state/routing/args.ts -->
<g id="edge674" class="edge">
<title>src/state/routing/slice.ts&#45;&gt;src/state/routing/args.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1127.69,-3480.07C1159.37,-3478.82 1212.7,-3476.72 1246.85,-3475.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1247.08,-3477.46 1252.99,-3475.13 1246.91,-3473.26 1247.08,-3477.46"/>
</g>
<!-- src/hooks/swap/index.test.tsx -->
<g id="node152" class="node">
<title>src/hooks/swap/index.test.tsx</title>
<g id="a_node152"><a xlink:href="src/hooks/swap/index.test.tsx" xlink:title="index.test.tsx">
<path fill="#bbfeff" stroke="black" d="M631.5,-519.1C631.5,-519.1 565.5,-519.1 565.5,-519.1 562.5,-519.1 559.5,-516.1 559.5,-513.1 559.5,-513.1 559.5,-507.1 559.5,-507.1 559.5,-504.1 562.5,-501.1 565.5,-501.1 565.5,-501.1 631.5,-501.1 631.5,-501.1 634.5,-501.1 637.5,-504.1 637.5,-507.1 637.5,-507.1 637.5,-513.1 637.5,-513.1 637.5,-516.1 634.5,-519.1 631.5,-519.1"/>
<text text-anchor="start" x="567.5" y="-507.9" font-family="Helvetica,sans-Serif" font-size="9.00">index.test.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/swap/index.test.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge457" class="edge">
<title>src/hooks/swap/index.test.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.81,-507.33C653.45,-508.4 670.23,-512.81 680.5,-525.1 710.2,-560.66 662.81,-3826.39 693.5,-3861.1 744.85,-3919.16 814.88,-3825.29 866.5,-3883.1 877.53,-3895.45 865.4,-4465.27 874.5,-4479.1 912.23,-4536.44 977.71,-4484.8 1015.5,-4542.1 1041.14,-4580.97 1002.03,-5341.8 1028.5,-5380.1 1067.63,-5436.73 1131.51,-5381.81 1172.5,-5437.1 1193.48,-5465.4 1160.23,-5570.56 1185.5,-5595.1 1215.67,-5624.4 1343.4,-5576.79 1374.5,-5605.1 1403.74,-5631.72 1357.57,-5667.27 1387.5,-5693.1 1399.02,-5703.05 1650.55,-5703.67 1661.5,-5693.1 1732.81,-5624.26 1728.72,-3999.28 1728.06,-3823.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.16,-3823.42 1728.04,-3817.42 1725.96,-3823.43 1730.16,-3823.42"/>
</g>
<!-- src/hooks/swap/index.test.tsx&#45;&gt;src/hooks/swap/index.ts -->
<g id="edge456" class="edge">
<title>src/hooks/swap/index.test.tsx&#45;&gt;src/hooks/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.58,-510.1C669.02,-510.1 713.13,-510.1 742.82,-510.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.93,-512.2 748.93,-510.1 742.93,-508 742.93,-512.2"/>
</g>
<!-- src/hooks/swap/index.test.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge459" class="edge">
<title>src/hooks/swap/index.test.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.81,-507.33C653.45,-508.4 670.23,-512.81 680.5,-525.1 709.89,-560.29 662.93,-3791.93 693.5,-3826.1 745.11,-3883.79 814.56,-3788.72 866.5,-3846.1 885.52,-3867.11 855.39,-4335.18 874.5,-4356.1 895.75,-4379.36 993.79,-4348.27 1015.5,-4371.1 1051.24,-4408.68 990.82,-4568.47 1028.5,-4604.1 1040.12,-4615.09 1161.11,-4615.34 1172.5,-4604.1 1190.97,-4585.88 1173.4,-3693.06 1185.5,-3670.1 1199.16,-3644.17 1228.12,-3626.21 1250.21,-3615.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.11,-3617.55 1255.67,-3613.12 1249.34,-3613.74 1251.11,-3617.55"/>
</g>
<!-- src/hooks/swap/index.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge460" class="edge">
<title>src/hooks/swap/index.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.72,-507.4C653.34,-508.49 670.14,-512.89 680.5,-525.1 704.83,-553.79 674.6,-1169.58 693.5,-1202.1 738.47,-1279.47 822.15,-1227.38 866.5,-1305.1 882.59,-1333.29 859.32,-3613.41 874.5,-3642.1 883.21,-3658.57 900.4,-3670.49 915.56,-3678.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="914.73,-3680.25 921.04,-3681.03 916.59,-3676.49 914.73,-3680.25"/>
</g>
<!-- src/hooks/swap/index.test.tsx&#45;&gt;src/constants/tokens.ts -->
<g id="edge458" class="edge">
<title>src/hooks/swap/index.test.tsx&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M637.81,-507.33C653.45,-508.4 670.23,-512.81 680.5,-525.1 710.01,-560.44 664.18,-3804.6 693.5,-3840.1 743.4,-3900.52 816.28,-3813.95 866.5,-3874.1 885.98,-3897.43 860.91,-4393.92 874.5,-4421.1 909.92,-4491.95 980.02,-4459.28 1015.5,-4530.1 1035.36,-4569.74 1000.07,-5294.08 1028.5,-5328.1 1127.5,-5446.58 1264.77,-5467.71 1374.5,-5359.1 1386.97,-5346.76 1385.78,-4113.56 1387.5,-4096.1 1402.39,-3945.12 1445.46,-3765.91 1458.63,-3713.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1460.72,-3713.6 1460.15,-3707.27 1456.65,-3712.58 1460.72,-3713.6"/>
</g>
<!-- src/hooks/swap/useSendSwapTransaction.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge465" class="edge">
<title>src/hooks/swap/useSendSwapTransaction.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M850.67,-483.25C856.68,-486.08 862.12,-489.94 866.5,-495.1 879.03,-509.86 862.75,-3267.71 874.5,-3283.1 913.95,-3334.79 975.78,-3270.63 1015.5,-3322.1 1031.76,-3343.17 1009.55,-4261.41 1028.5,-4280.1 1055.79,-4307.02 1350.41,-4296.69 1374.5,-4272.1 1401.25,-4244.79 1371.42,-3618.79 1387.5,-3584.1 1398.47,-3560.43 1422.45,-3541.79 1440.36,-3530.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.69,-3532.08 1445.7,-3527.15 1439.49,-3528.51 1441.69,-3532.08"/>
</g>
<!-- src/hooks/swap/useSendSwapTransaction.tsx&#45;&gt;src/constants/eip1193.ts -->
<g id="edge464" class="edge">
<title>src/hooks/swap/useSendSwapTransaction.tsx&#45;&gt;src/constants/eip1193.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M850.67,-483.25C856.68,-486.08 862.12,-489.94 866.5,-495.1 878.94,-509.76 862.38,-3249.17 874.5,-3264.1 914.89,-3313.84 974.85,-3244.57 1015.5,-3294.1 1032.74,-3315.1 1009.16,-4253.02 1028.5,-4272.1 1039.89,-4283.34 1161.05,-4283.28 1172.5,-4272.1 1193.93,-4251.18 1165.8,-3755.66 1185.5,-3733.1 1198.97,-3717.68 1221.46,-3713.71 1241,-3713.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1241.19,-3715.81 1247.23,-3713.83 1241.27,-3711.61 1241.19,-3715.81"/>
</g>
<!-- src/hooks/useApproval.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge517" class="edge">
<title>src/hooks/useApproval.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1321.62,-461.86C1384.96,-465.24 1503.74,-474.34 1539.5,-496.1 1570.27,-514.83 1590.67,-553.77 1600.06,-575.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1598.24,-576.28 1602.51,-580.98 1602.1,-574.64 1598.24,-576.28"/>
</g>
<!-- src/hooks/useApproval.ts&#45;&gt;src/hooks/useTokenAllowance.ts -->
<g id="edge518" class="edge">
<title>src/hooks/useApproval.ts&#45;&gt;src/hooks/useTokenAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1321.64,-463.67C1340.8,-467.6 1362.11,-475.65 1374.5,-492.1 1409.3,-538.31 1357.01,-702.94 1387.5,-752.1 1396.25,-766.21 1411.56,-775.99 1426.07,-782.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1425.45,-784.55 1431.79,-784.97 1427.09,-780.69 1425.45,-784.55"/>
</g>
<!-- src/hooks/usePermit.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge562" class="edge">
<title>src/hooks/usePermit.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1316.55,-425.62C1336.71,-425.25 1360.6,-428.86 1374.5,-445.1 1403.37,-478.84 1367.52,-3602.45 1387.5,-3642.1 1397.55,-3662.05 1418.43,-3676.72 1435.62,-3686.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1434.99,-3688.07 1441.28,-3688.98 1436.93,-3684.35 1434.99,-3688.07"/>
</g>
<!-- src/hooks/usePermit.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge563" class="edge">
<title>src/hooks/usePermit.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1316.76,-429.11C1335.3,-430.18 1357.55,-434.07 1374.5,-445.1 1383.39,-450.88 1378.74,-459.13 1387.5,-465.1 1444.49,-503.91 1492.8,-445.38 1539.5,-496.1 1556.02,-514.05 1547.72,-581.18 1552.5,-605.1 1565.66,-670.94 1590.22,-747.29 1600.86,-779.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1598.89,-779.77 1602.8,-784.79 1602.87,-778.43 1598.89,-779.77"/>
</g>
<!-- src/hooks/usePermit.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge560" class="edge">
<title>src/hooks/usePermit.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1316.63,-426.18C1378.87,-420.07 1504.12,-411.29 1539.5,-435.1 1587.58,-467.46 1601.06,-542.43 1604.71,-574.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1602.65,-575.26 1605.35,-581.01 1606.82,-574.83 1602.65,-575.26"/>
</g>
<!-- src/hooks/useIsArgentWallet.ts -->
<g id="node167" class="node">
<title>src/hooks/useIsArgentWallet.ts</title>
<g id="a_node167"><a xlink:href="src/hooks/useIsArgentWallet.ts" xlink:title="useIsArgentWallet.ts">
<path fill="#ddfeff" stroke="black" d="M1512,-459.1C1512,-459.1 1415,-459.1 1415,-459.1 1412,-459.1 1409,-456.1 1409,-453.1 1409,-453.1 1409,-447.1 1409,-447.1 1409,-444.1 1412,-441.1 1415,-441.1 1415,-441.1 1512,-441.1 1512,-441.1 1515,-441.1 1518,-444.1 1518,-447.1 1518,-447.1 1518,-453.1 1518,-453.1 1518,-456.1 1515,-459.1 1512,-459.1"/>
<text text-anchor="start" x="1417" y="-447.9" font-family="Helvetica,sans-Serif" font-size="9.00">useIsArgentWallet.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit.ts&#45;&gt;src/hooks/useIsArgentWallet.ts -->
<g id="edge561" class="edge">
<title>src/hooks/usePermit.ts&#45;&gt;src/hooks/useIsArgentWallet.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1316.86,-434.05C1341.36,-436.75 1374.4,-440.39 1402.83,-443.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1402.62,-445.62 1408.82,-444.19 1403.08,-441.44 1402.62,-445.62"/>
</g>
<!-- src/hooks/useENSAddress.ts -->
<g id="node172" class="node">
<title>src/hooks/useENSAddress.ts</title>
<g id="a_node172"><a xlink:href="src/hooks/useENSAddress.ts" xlink:title="useENSAddress.ts">
<path fill="#ddfeff" stroke="black" d="M1506.5,-329.1C1506.5,-329.1 1420.5,-329.1 1420.5,-329.1 1417.5,-329.1 1414.5,-326.1 1414.5,-323.1 1414.5,-323.1 1414.5,-317.1 1414.5,-317.1 1414.5,-314.1 1417.5,-311.1 1420.5,-311.1 1420.5,-311.1 1506.5,-311.1 1506.5,-311.1 1509.5,-311.1 1512.5,-314.1 1512.5,-317.1 1512.5,-317.1 1512.5,-323.1 1512.5,-323.1 1512.5,-326.1 1509.5,-329.1 1506.5,-329.1"/>
<text text-anchor="start" x="1422.5" y="-317.9" font-family="Helvetica,sans-Serif" font-size="9.00">useENSAddress.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useENS.ts&#45;&gt;src/hooks/useENSAddress.ts -->
<g id="edge539" class="edge">
<title>src/hooks/useENS.ts&#45;&gt;src/hooks/useENSAddress.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1131.66,-323.77C1192.56,-323.09 1330.98,-321.56 1408.08,-320.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1408.46,-322.8 1414.43,-320.63 1408.41,-318.6 1408.46,-322.8"/>
</g>
<!-- src/hooks/useENSName.ts -->
<g id="node173" class="node">
<title>src/hooks/useENSName.ts</title>
<g id="a_node173"><a xlink:href="src/hooks/useENSName.ts" xlink:title="useENSName.ts">
<path fill="#ddfeff" stroke="black" d="M1318.5,-307.1C1318.5,-307.1 1241.5,-307.1 1241.5,-307.1 1238.5,-307.1 1235.5,-304.1 1235.5,-301.1 1235.5,-301.1 1235.5,-295.1 1235.5,-295.1 1235.5,-292.1 1238.5,-289.1 1241.5,-289.1 1241.5,-289.1 1318.5,-289.1 1318.5,-289.1 1321.5,-289.1 1324.5,-292.1 1324.5,-295.1 1324.5,-295.1 1324.5,-301.1 1324.5,-301.1 1324.5,-304.1 1321.5,-307.1 1318.5,-307.1"/>
<text text-anchor="start" x="1243.5" y="-295.9" font-family="Helvetica,sans-Serif" font-size="9.00">useENSName.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useENS.ts&#45;&gt;src/hooks/useENSName.ts -->
<g id="edge540" class="edge">
<title>src/hooks/useENS.ts&#45;&gt;src/hooks/useENSName.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1131.61,-319.69C1158.32,-315.78 1197.84,-309.99 1229.24,-305.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1229.78,-307.43 1235.41,-304.49 1229.17,-303.28 1229.78,-307.43"/>
</g>
<!-- src/hooks/useSwapCallArguments.tsx&#45;&gt;src/state/routing/types.ts -->
<g id="edge592" class="edge">
<title>src/hooks/useSwapCallArguments.tsx&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1010.59,-365.29C1012.37,-366.72 1014.01,-368.32 1015.5,-370.1 1040.5,-400.11 1018.53,-1035.33 1028.5,-1073.1 1062.72,-1202.7 1139.15,-1208.27 1172.5,-1338.1 1181.17,-1371.84 1160.81,-3821.53 1185.5,-3846.1 1200.39,-3860.91 1359.29,-3860.58 1374.5,-3846.1 1395.61,-3826.01 1374.84,-3610.35 1387.5,-3584.1 1398.83,-3560.6 1422.75,-3541.93 1440.54,-3530.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.86,-3532.18 1445.85,-3527.22 1439.64,-3528.61 1441.86,-3532.18"/>
</g>
<!-- src/hooks/useSwapCallArguments.tsx&#45;&gt;src/constants/addresses.ts -->
<g id="edge591" class="edge">
<title>src/hooks/useSwapCallArguments.tsx&#45;&gt;src/constants/addresses.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1010.6,-365.29C1012.37,-366.72 1014.02,-368.31 1015.5,-370.1 1045.28,-405.96 1012.05,-1165.48 1028.5,-1209.1 1063.32,-1301.43 1138.16,-1285.59 1172.5,-1378.1 1184.47,-1410.35 1161.11,-3830.84 1185.5,-3855.1 1245.05,-3914.34 1292.88,-3874.95 1374.5,-3855.1 1461.03,-3834.06 1469.64,-3795.73 1552.5,-3763.1 1556.3,-3761.6 1560.3,-3760.19 1564.34,-3758.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1565.17,-3760.82 1570.27,-3757.03 1563.91,-3756.81 1565.17,-3760.82"/>
</g>
<!-- src/hooks/useSwapCallArguments.tsx&#45;&gt;src/hooks/usePermit.ts -->
<g id="edge590" class="edge">
<title>src/hooks/useSwapCallArguments.tsx&#45;&gt;src/hooks/usePermit.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1015.72,-358.47C1079.89,-360.96 1166.37,-365.19 1172.5,-370.1 1188.74,-383.12 1169.91,-401.31 1185.5,-415.1 1199.32,-427.33 1218.99,-431.72 1236.72,-432.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1237.08,-434.91 1243.16,-433.04 1237.24,-430.71 1237.08,-434.91"/>
</g>
<!-- src/hooks/useSwapCallArguments.tsx&#45;&gt;src/hooks/useENS.ts -->
<g id="edge589" class="edge">
<title>src/hooks/useSwapCallArguments.tsx&#45;&gt;src/hooks/useENS.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M989.93,-347.02C1013.03,-342.19 1041.1,-336.31 1063.05,-331.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1063.63,-333.75 1069.07,-330.46 1062.77,-329.64 1063.63,-333.75"/>
</g>
<!-- src/hooks/useArgentWalletContract.ts -->
<g id="node166" class="node">
<title>src/hooks/useArgentWalletContract.ts</title>
<g id="a_node166"><a xlink:href="src/hooks/useArgentWalletContract.ts" xlink:title="useArgentWalletContract.ts">
<path fill="#ddfeff" stroke="black" d="M1344,-409.1C1344,-409.1 1216,-409.1 1216,-409.1 1213,-409.1 1210,-406.1 1210,-403.1 1210,-403.1 1210,-397.1 1210,-397.1 1210,-394.1 1213,-391.1 1216,-391.1 1216,-391.1 1344,-391.1 1344,-391.1 1347,-391.1 1350,-394.1 1350,-397.1 1350,-397.1 1350,-403.1 1350,-403.1 1350,-406.1 1347,-409.1 1344,-409.1"/>
<text text-anchor="start" x="1218" y="-397.9" font-family="Helvetica,sans-Serif" font-size="9.00">useArgentWalletContract.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useSwapCallArguments.tsx&#45;&gt;src/hooks/useArgentWalletContract.ts -->
<g id="edge588" class="edge">
<title>src/hooks/useSwapCallArguments.tsx&#45;&gt;src/hooks/useArgentWalletContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1015.54,-349.77C1072.22,-345.93 1147.14,-344.4 1172.5,-360.1 1183.15,-366.69 1175.35,-377.77 1185.5,-385.1 1191.01,-389.08 1197.18,-392.16 1203.65,-394.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1203.32,-396.64 1209.67,-396.53 1204.63,-392.65 1203.32,-396.64"/>
</g>
<!-- src/hooks/useOnSupportedNetwork.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge559" class="edge">
<title>src/hooks/useOnSupportedNetwork.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1166.34,-917.18C1168.6,-918.89 1170.67,-920.85 1172.5,-923.1 1198.72,-955.29 1156.08,-3882.81 1185.5,-3912.1 1260.46,-3986.73 1568.72,-3962.9 1661.5,-3912.1 1696.36,-3893.02 1715.61,-3847.01 1723.57,-3823.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1725.61,-3823.61 1725.44,-3817.26 1721.61,-3822.33 1725.61,-3823.61"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.test.tsx -->
<g id="node160" class="node">
<title>src/hooks/swap/useSyncTokenDefaults.test.tsx</title>
<g id="a_node160"><a xlink:href="src/hooks/swap/useSyncTokenDefaults.test.tsx" xlink:title="useSyncTokenDefaults.test.tsx">
<path fill="#bbfeff" stroke="black" d="M669.5,-549.1C669.5,-549.1 527.5,-549.1 527.5,-549.1 524.5,-549.1 521.5,-546.1 521.5,-543.1 521.5,-543.1 521.5,-537.1 521.5,-537.1 521.5,-534.1 524.5,-531.1 527.5,-531.1 527.5,-531.1 669.5,-531.1 669.5,-531.1 672.5,-531.1 675.5,-534.1 675.5,-537.1 675.5,-537.1 675.5,-543.1 675.5,-543.1 675.5,-546.1 672.5,-549.1 669.5,-549.1"/>
<text text-anchor="start" x="529.5" y="-537.9" font-family="Helvetica,sans-Serif" font-size="9.00">useSyncTokenDefaults.test.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge495" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.68,-548.39C677.41,-549.8 679.02,-551.37 680.5,-553.1 696.03,-571.26 684.35,-3972.03 693.5,-3994.1 735.28,-4094.83 823.85,-4067.74 866.5,-4168.1 874.69,-4187.38 862.5,-4527.93 874.5,-4545.1 913.04,-4600.23 977.11,-4544.86 1015.5,-4600.1 1041.63,-4637.7 1012.09,-5381.36 1028.5,-5424.1 1066.54,-5523.21 1101.16,-5539.64 1185.5,-5604.1 1264.78,-5664.7 1290.25,-5679.76 1387.5,-5702.1 1446.84,-5715.74 1617.7,-5744.39 1661.5,-5702.1 1733.14,-5632.93 1728.75,-4000.19 1728.07,-3823.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1730.17,-3823.46 1728.04,-3817.47 1725.97,-3823.48 1730.17,-3823.46"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/state/swap/index.ts -->
<g id="edge497" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/state/swap/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.68,-548.39C677.41,-549.8 679.02,-551.37 680.5,-553.1 710.18,-587.79 668.47,-3801.92 693.5,-3840.1 739.55,-3910.33 819.97,-3846.19 866.5,-3916.1 880.48,-3937.1 857.47,-4351.49 874.5,-4370.1 895.78,-4393.34 993.79,-4362.27 1015.5,-4385.1 1051.24,-4422.68 990.82,-4582.47 1028.5,-4618.1 1051.75,-4640.09 1149.72,-4640.57 1172.5,-4618.1 1191.25,-4599.61 1173.22,-3693.4 1185.5,-3670.1 1199.16,-3644.17 1228.12,-3626.21 1250.21,-3615.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.11,-3617.55 1255.67,-3613.12 1249.34,-3613.73 1251.11,-3617.55"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/constants/tokens.ts -->
<g id="edge496" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.68,-548.39C677.41,-549.8 679.02,-551.37 680.5,-553.1 695.53,-570.67 685.8,-3860.3 693.5,-3882.1 734.47,-3998.07 824.67,-3982.44 866.5,-4098.1 874.55,-4120.36 859.68,-4505.64 874.5,-4524.1 914.86,-4574.37 975.22,-4507.77 1015.5,-4558.1 1044.04,-4593.76 1004.72,-5341.11 1028.5,-5380.1 1069.7,-5447.65 1318.29,-5519.78 1374.5,-5464.1 1388,-5450.73 1385.64,-4115.01 1387.5,-4096.1 1402.33,-3945.11 1445.44,-3765.9 1458.62,-3713.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1460.72,-3713.6 1460.15,-3707.27 1456.64,-3712.57 1460.72,-3713.6"/>
</g>
<!-- src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts -->
<g id="edge494" class="edge">
<title>src/hooks/swap/useSyncTokenDefaults.test.tsx&#45;&gt;src/hooks/swap/useSyncTokenDefaults.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.71,-540.1C685.67,-540.1 695.83,-540.1 705.67,-540.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="705.75,-542.2 711.75,-540.1 705.75,-538 705.75,-542.2"/>
</g>
<!-- src/hooks/useContract.ts&#45;&gt;src/constants/addresses.ts -->
<g id="edge522" class="edge">
<title>src/hooks/useContract.ts&#45;&gt;src/constants/addresses.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1603.06,-599.2C1591.41,-626.62 1557.3,-711.11 1546,-785.1 1542.91,-805.3 1537.81,-3708.39 1546,-3727.1 1549.5,-3735.1 1556.54,-3740.18 1564.62,-3743.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1564,-3745.37 1570.35,-3745.29 1565.33,-3741.39 1564,-3745.37"/>
</g>
<!-- src/hooks/useContract.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge523" class="edge">
<title>src/hooks/useContract.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1602.41,-599.35C1592.1,-626.44 1562.51,-708.19 1552.5,-779.1 1546.94,-818.47 1557.4,-3606.59 1539.5,-3642.1 1529.44,-3662.05 1508.56,-3676.72 1491.38,-3686.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1490.07,-3684.35 1485.72,-3688.98 1492.01,-3688.07 1490.07,-3684.35"/>
</g>
<!-- src/hooks/transactions/updater.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge514" class="edge">
<title>src/hooks/transactions/updater.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1641.18,-1007.35C1648.97,-1009.3 1656.46,-1012.85 1661.5,-1019.1 1708,-1076.82 1726.38,-3575.24 1727.9,-3792.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1725.8,-3793.03 1727.94,-3799.02 1730,-3793 1725.8,-3793.03"/>
</g>
<!-- src/hooks/transactions/updater.tsx&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge515" class="edge">
<title>src/hooks/transactions/updater.tsx&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1641.01,-1012.52C1647.9,-1014.3 1655.03,-1016.48 1661.5,-1019.1 1678.65,-1026.04 1696.67,-1036.86 1709.62,-1045.34"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1708.69,-1047.24 1714.84,-1048.82 1711.01,-1043.74 1708.69,-1047.24"/>
</g>
<!-- src/hooks/transactions/updater.test.tsx -->
<g id="node163" class="node">
<title>src/hooks/transactions/updater.test.tsx</title>
<g id="a_node163"><a xlink:href="src/hooks/transactions/updater.test.tsx" xlink:title="updater.test.tsx">
<path fill="#bbfeff" stroke="black" d="M1502,-985.1C1502,-985.1 1425,-985.1 1425,-985.1 1422,-985.1 1419,-982.1 1419,-979.1 1419,-979.1 1419,-973.1 1419,-973.1 1419,-970.1 1422,-967.1 1425,-967.1 1425,-967.1 1502,-967.1 1502,-967.1 1505,-967.1 1508,-970.1 1508,-973.1 1508,-973.1 1508,-979.1 1508,-979.1 1508,-982.1 1505,-985.1 1502,-985.1"/>
<text text-anchor="start" x="1427" y="-973.9" font-family="Helvetica,sans-Serif" font-size="9.00">updater.test.tsx</text>
</a>
</g>
</g>
<!-- src/hooks/transactions/updater.test.tsx&#45;&gt;src/test/index.tsx -->
<g id="edge513" class="edge">
<title>src/hooks/transactions/updater.test.tsx&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1418.76,-975.14C1406.88,-977.18 1395.18,-981.77 1387.5,-991.1 1358.54,-1026.28 1395.58,-4231.7 1374.5,-4272.1 1297.59,-4419.46 1147.11,-4530.56 1028.5,-4414.1 1000.39,-4386.5 1040.5,-3735.55 1015.5,-3705.1 1007.14,-3694.92 993.65,-3690.65 980.8,-3689.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="980.73,-3687 974.57,-3688.56 980.37,-3691.18 980.73,-3687"/>
</g>
<!-- src/hooks/transactions/updater.test.tsx&#45;&gt;src/hooks/useBlockNumber.tsx -->
<g id="edge512" class="edge">
<title>src/hooks/transactions/updater.test.tsx&#45;&gt;src/hooks/useBlockNumber.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1508.25,-972.34C1557.9,-968.8 1635.4,-965.69 1661.5,-978.1 1690.18,-991.73 1710.83,-1024.37 1720.95,-1043.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1719.15,-1044.56 1723.76,-1048.94 1722.89,-1042.65 1719.15,-1044.56"/>
</g>
<!-- src/hooks/transactions/updater.test.tsx&#45;&gt;src/hooks/transactions/updater.tsx -->
<g id="edge511" class="edge">
<title>src/hooks/transactions/updater.test.tsx&#45;&gt;src/hooks/transactions/updater.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1508.16,-984.65C1518.45,-986.71 1529.37,-988.95 1539.5,-991.1 1548.34,-992.98 1557.83,-995.08 1566.78,-997.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1566.57,-999.19 1572.89,-998.46 1567.5,-995.1 1566.57,-999.19"/>
</g>
<!-- src/hooks/useAllCurrencyCombinations.ts -->
<g id="node164" class="node">
<title>src/hooks/useAllCurrencyCombinations.ts</title>
<g id="a_node164"><a xlink:href="src/hooks/useAllCurrencyCombinations.ts" xlink:title="useAllCurrencyCombinations.ts">
<path fill="#ddfeff" stroke="black" d="M671,-1061.1C671,-1061.1 526,-1061.1 526,-1061.1 523,-1061.1 520,-1058.1 520,-1055.1 520,-1055.1 520,-1049.1 520,-1049.1 520,-1046.1 523,-1043.1 526,-1043.1 526,-1043.1 671,-1043.1 671,-1043.1 674,-1043.1 677,-1046.1 677,-1049.1 677,-1049.1 677,-1055.1 677,-1055.1 677,-1058.1 674,-1061.1 671,-1061.1"/>
<text text-anchor="start" x="528" y="-1049.9" font-family="Helvetica,sans-Serif" font-size="9.00">useAllCurrencyCombinations.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useAllCurrencyCombinations.ts&#45;&gt;src/constants/routing.ts -->
<g id="edge516" class="edge">
<title>src/hooks/useAllCurrencyCombinations.ts&#45;&gt;src/constants/routing.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M676.64,-1061.2C678,-1062.4 679.3,-1063.69 680.5,-1065.1 705.82,-1094.67 675.83,-3833.41 693.5,-3868.1 736.79,-3953.09 822.53,-3910.46 866.5,-3995.1 876.46,-4014.28 860.67,-4367.49 874.5,-4384.1 915.43,-4433.27 974.3,-4364.15 1015.5,-4413.1 1045.28,-4448.48 995.29,-4796.92 1028.5,-4829.1 1074.46,-4873.64 1126.97,-4874.08 1172.5,-4829.1 1193.57,-4808.29 1166.15,-3785.52 1185.5,-3763.1 1199.42,-3746.97 1223.21,-3743.33 1243.3,-3743.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1243.34,-3745.76 1249.41,-3743.88 1243.49,-3741.57 1243.34,-3745.76"/>
</g>
<!-- src/hooks/useTokenAllowance.ts&#45;&gt;src/state/transactions.ts -->
<g id="edge610" class="edge">
<title>src/hooks/useTokenAllowance.ts&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1406.46,-796.34C1399.15,-799 1392.48,-803.05 1387.5,-809.1 1363.24,-838.55 1399.47,-3527.25 1374.5,-3556.1 1363.12,-3569.25 1345.13,-3573.92 1327.96,-3574.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1327.62,-3572.77 1321.69,-3575.05 1327.75,-3576.97 1327.62,-3572.77"/>
</g>
<!-- src/hooks/useTokenAllowance.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge608" class="edge">
<title>src/hooks/useTokenAllowance.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1520.83,-794.1C1536.61,-794.1 1553.39,-794.1 1567.85,-794.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1567.89,-796.2 1573.89,-794.1 1567.89,-792 1567.89,-796.2"/>
</g>
<!-- src/hooks/useTokenAllowance.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge609" class="edge">
<title>src/hooks/useTokenAllowance.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1520.85,-787.19C1527.67,-784.52 1534.12,-780.93 1539.5,-776.1 1590.91,-729.95 1602.59,-641.25 1605.23,-605.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1607.33,-605.64 1605.63,-599.52 1603.14,-605.37 1607.33,-605.64"/>
</g>
<!-- src/hooks/useArgentWalletContract.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge519" class="edge">
<title>src/hooks/useArgentWalletContract.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1350.25,-396.19C1416.49,-393.87 1510.47,-394.77 1539.5,-416.1 1591.78,-454.52 1602.96,-539.59 1605.35,-574.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1603.27,-575.03 1605.72,-580.9 1607.46,-574.78 1603.27,-575.03"/>
</g>
<!-- src/hooks/useArgentWalletContract.ts&#45;&gt;src/hooks/useIsArgentWallet.ts -->
<g id="edge520" class="edge">
<title>src/hooks/useArgentWalletContract.ts&#45;&gt;src/hooks/useIsArgentWallet.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1348.54,-409.12C1357.34,-410.83 1366.18,-412.81 1374.5,-415.1 1396.43,-421.14 1420.36,-430.88 1437.72,-438.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.01,-440.53 1443.35,-441.06 1438.73,-436.7 1437.01,-440.53"/>
</g>
<!-- src/hooks/useIsArgentWallet.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge555" class="edge">
<title>src/hooks/useIsArgentWallet.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1518.3,-454.37C1526.39,-457.27 1533.88,-461.63 1539.5,-468.1 1559.55,-491.19 1546.87,-575.04 1552.5,-605.1 1564.86,-671.09 1589.85,-747.36 1600.74,-779.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1598.77,-779.82 1602.72,-784.8 1602.74,-778.45 1598.77,-779.82"/>
</g>
<!-- src/hooks/useIsArgentWallet.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge554" class="edge">
<title>src/hooks/useIsArgentWallet.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1518.24,-457.14C1525.86,-459.75 1533.23,-463.3 1539.5,-468.1 1575.69,-495.82 1594.69,-549.1 1602.15,-575.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1600.19,-575.86 1603.81,-581.08 1604.24,-574.74 1600.19,-575.86"/>
</g>
<!-- src/hooks/useENSContentHash.ts -->
<g id="node174" class="node">
<title>src/hooks/useENSContentHash.ts</title>
<g id="a_node174"><a xlink:href="src/hooks/useENSContentHash.ts" xlink:title="useENSContentHash.ts">
<path fill="#ddfeff" stroke="black" d="M1518,-599.1C1518,-599.1 1409,-599.1 1409,-599.1 1406,-599.1 1403,-596.1 1403,-593.1 1403,-593.1 1403,-587.1 1403,-587.1 1403,-584.1 1406,-581.1 1409,-581.1 1409,-581.1 1518,-581.1 1518,-581.1 1521,-581.1 1524,-584.1 1524,-587.1 1524,-587.1 1524,-593.1 1524,-593.1 1524,-596.1 1521,-599.1 1518,-599.1"/>
<text text-anchor="start" x="1411" y="-587.9" font-family="Helvetica,sans-Serif" font-size="9.00">useENSContentHash.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useHttpLocations.ts&#45;&gt;src/hooks/useENSContentHash.ts -->
<g id="edge553" class="edge">
<title>src/hooks/useHttpLocations.ts&#45;&gt;src/hooks/useENSContentHash.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1333.01,-590.1C1352.84,-590.1 1375.71,-590.1 1396.66,-590.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1396.8,-592.2 1402.8,-590.1 1396.8,-588 1396.8,-592.2"/>
</g>
<!-- src/hooks/useCurrentBlockTimestamp.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge538" class="edge">
<title>src/hooks/useCurrentBlockTimestamp.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1520.72,-889.09C1527.34,-886.75 1533.77,-883.81 1539.5,-880.1 1567.36,-862.08 1588.32,-828.25 1598.71,-808.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1600.69,-809.58 1601.6,-803.29 1596.96,-807.64 1600.69,-809.58"/>
</g>
<!-- src/hooks/useCurrentBlockTimestamp.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge537" class="edge">
<title>src/hooks/useCurrentBlockTimestamp.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1510.29,-888.99C1521.35,-884.7 1532.11,-878.38 1539.5,-869.1 1552.09,-853.29 1548.29,-798.87 1552.5,-779.1 1566.47,-713.43 1590.6,-636.99 1600.99,-605.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1603,-605.79 1602.88,-599.43 1599.01,-604.47 1603,-605.79"/>
</g>
<!-- src/hooks/useDebounce.ts -->
<g id="node171" class="node">
<title>src/hooks/useDebounce.ts</title>
<g id="a_node171"><a xlink:href="src/hooks/useDebounce.ts" xlink:title="useDebounce.ts">
<path fill="#ddfeff" stroke="black" d="M1645.5,-329.1C1645.5,-329.1 1568.5,-329.1 1568.5,-329.1 1565.5,-329.1 1562.5,-326.1 1562.5,-323.1 1562.5,-323.1 1562.5,-317.1 1562.5,-317.1 1562.5,-314.1 1565.5,-311.1 1568.5,-311.1 1568.5,-311.1 1645.5,-311.1 1645.5,-311.1 1648.5,-311.1 1651.5,-314.1 1651.5,-317.1 1651.5,-317.1 1651.5,-323.1 1651.5,-323.1 1651.5,-326.1 1648.5,-329.1 1645.5,-329.1"/>
<text text-anchor="start" x="1570.5" y="-317.9" font-family="Helvetica,sans-Serif" font-size="9.00">useDebounce.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useENSAddress.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge543" class="edge">
<title>src/hooks/useENSAddress.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1475.66,-329.21C1492.93,-344.06 1525.6,-375.36 1539.5,-410.1 1555.64,-450.42 1545.1,-562.31 1552.5,-605.1 1563.94,-671.26 1589.43,-747.44 1600.59,-779.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1598.63,-779.87 1602.62,-784.82 1602.59,-778.47 1598.63,-779.87"/>
</g>
<!-- src/hooks/useENSAddress.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge541" class="edge">
<title>src/hooks/useENSAddress.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1512.8,-323.73C1522.66,-326.51 1532.22,-330.99 1539.5,-338.1 1574.18,-372.01 1597.41,-525.84 1604.05,-574.97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1601.97,-575.26 1604.84,-580.93 1606.13,-574.71 1601.97,-575.26"/>
</g>
<!-- src/hooks/useENSAddress.ts&#45;&gt;src/hooks/useDebounce.ts -->
<g id="edge542" class="edge">
<title>src/hooks/useENSAddress.ts&#45;&gt;src/hooks/useDebounce.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1512.8,-320.1C1526.69,-320.1 1541.86,-320.1 1555.85,-320.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1556.19,-322.2 1562.19,-320.1 1556.19,-318 1556.19,-322.2"/>
</g>
<!-- src/hooks/useENSName.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge549" class="edge">
<title>src/hooks/useENSName.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1324.51,-296.12C1394.2,-293.41 1524.58,-290.42 1539.5,-305.1 1551.39,-316.8 1549.85,-588.63 1552.5,-605.1 1563.17,-671.39 1589.07,-747.5 1600.46,-779.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1598.52,-779.91 1602.54,-784.84 1602.47,-778.48 1598.52,-779.91"/>
</g>
<!-- src/hooks/useENSName.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge546" class="edge">
<title>src/hooks/useENSName.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1324.52,-291.01C1389.44,-281.47 1507.48,-268.48 1539.5,-294.1 1545.17,-298.64 1590.41,-514.96 1602.85,-574.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1600.86,-575.63 1604.13,-581.07 1604.97,-574.77 1600.86,-575.63"/>
</g>
<!-- src/hooks/useENSName.ts&#45;&gt;src/hooks/useDebounce.ts -->
<g id="edge547" class="edge">
<title>src/hooks/useENSName.ts&#45;&gt;src/hooks/useDebounce.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1313.13,-289.07C1362.7,-276.64 1460.39,-258.14 1539.5,-280.1 1558.36,-285.33 1577.22,-297.51 1590.02,-307.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1589.07,-308.98 1595.11,-310.96 1591.63,-305.65 1589.07,-308.98"/>
</g>
<!-- src/hooks/useENSName.ts&#45;&gt;src/hooks/useENSAddress.ts -->
<g id="edge548" class="edge">
<title>src/hooks/useENSName.ts&#45;&gt;src/hooks/useENSAddress.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1324.94,-303.43C1349.9,-306.45 1381.37,-310.27 1407.9,-313.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1407.98,-315.61 1414.19,-314.24 1408.48,-311.44 1407.98,-315.61"/>
</g>
<!-- src/hooks/useENSContentHash.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge545" class="edge">
<title>src/hooks/useENSContentHash.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1524.14,-595.04C1529.73,-597.27 1534.98,-600.22 1539.5,-604.1 1593.17,-650.17 1603.54,-742.16 1605.53,-778.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1603.44,-778.91 1605.82,-784.81 1607.64,-778.72 1603.44,-778.91"/>
</g>
<!-- src/hooks/useENSContentHash.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge544" class="edge">
<title>src/hooks/useENSContentHash.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1524.1,-590.1C1535.82,-590.1 1547.97,-590.1 1559.2,-590.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1559.34,-592.2 1565.34,-590.1 1559.34,-588 1559.34,-592.2"/>
</g>
<!-- src/hooks/useGasPrice.ts -->
<g id="node175" class="node">
<title>src/hooks/useGasPrice.ts</title>
<g id="a_node175"><a xlink:href="src/hooks/useGasPrice.ts" xlink:title="useGasPrice.ts">
<path fill="#ddfeff" stroke="black" d="M1315,-379.1C1315,-379.1 1245,-379.1 1245,-379.1 1242,-379.1 1239,-376.1 1239,-373.1 1239,-373.1 1239,-367.1 1239,-367.1 1239,-364.1 1242,-361.1 1245,-361.1 1245,-361.1 1315,-361.1 1315,-361.1 1318,-361.1 1321,-364.1 1321,-367.1 1321,-367.1 1321,-373.1 1321,-373.1 1321,-376.1 1318,-379.1 1315,-379.1"/>
<text text-anchor="start" x="1247" y="-367.9" font-family="Helvetica,sans-Serif" font-size="9.00">useGasPrice.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useGasPrice.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge552" class="edge">
<title>src/hooks/useGasPrice.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1321.05,-374.34C1386.63,-382.18 1512.38,-401.32 1539.5,-435.1 1563.22,-464.65 1545.86,-567.8 1552.5,-605.1 1564.26,-671.2 1589.57,-747.41 1600.64,-779.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1598.68,-779.85 1602.65,-784.82 1602.64,-778.46 1598.68,-779.85"/>
</g>
<!-- src/hooks/useGasPrice.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge550" class="edge">
<title>src/hooks/useGasPrice.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1321.02,-368.33C1385.03,-366.34 1506.56,-366.23 1539.5,-392.1 1597.75,-437.86 1605.38,-536.67 1606.09,-574.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1603.99,-575.12 1606.15,-581.1 1608.19,-575.08 1603.99,-575.12"/>
</g>
<!-- src/hooks/useGasPrice.ts&#45;&gt;src/hooks/useENSAddress.ts -->
<g id="edge551" class="edge">
<title>src/hooks/useGasPrice.ts&#45;&gt;src/hooks/useENSAddress.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1313.87,-361.05C1344.74,-352.54 1390.95,-339.81 1423.63,-330.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1424.34,-332.79 1429.57,-329.17 1423.23,-328.74 1424.34,-332.79"/>
</g>
<!-- src/hooks/useLast.ts -->
<g id="node177" class="node">
<title>src/hooks/useLast.ts</title>
<g id="a_node177"><a xlink:href="src/hooks/useLast.ts" xlink:title="no&#45;orphans">
<path fill="#ccffcc" stroke="orange" d="M623.5,-65.1C623.5,-65.1 573.5,-65.1 573.5,-65.1 570.5,-65.1 567.5,-62.1 567.5,-59.1 567.5,-59.1 567.5,-53.1 567.5,-53.1 567.5,-50.1 570.5,-47.1 573.5,-47.1 573.5,-47.1 623.5,-47.1 623.5,-47.1 626.5,-47.1 629.5,-50.1 629.5,-53.1 629.5,-53.1 629.5,-59.1 629.5,-59.1 629.5,-62.1 626.5,-65.1 623.5,-65.1"/>
<text text-anchor="start" x="575.5" y="-53.9" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">useLast.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts -->
<g id="node178" class="node">
<title>src/hooks/usePermit2Allowance.test.ts</title>
<g id="a_node178"><a xlink:href="src/hooks/usePermit2Allowance.test.ts" xlink:title="usePermit2Allowance.test.ts">
<path fill="#ddfeff" stroke="black" d="M1166.5,-831.1C1166.5,-831.1 1034.5,-831.1 1034.5,-831.1 1031.5,-831.1 1028.5,-828.1 1028.5,-825.1 1028.5,-825.1 1028.5,-819.1 1028.5,-819.1 1028.5,-816.1 1031.5,-813.1 1034.5,-813.1 1034.5,-813.1 1166.5,-813.1 1166.5,-813.1 1169.5,-813.1 1172.5,-816.1 1172.5,-819.1 1172.5,-819.1 1172.5,-825.1 1172.5,-825.1 1172.5,-828.1 1169.5,-831.1 1166.5,-831.1"/>
<text text-anchor="start" x="1036.5" y="-819.9" font-family="Helvetica,sans-Serif" font-size="9.00">usePermit2Allowance.test.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge565" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1167.48,-831.15C1169.29,-832.62 1170.98,-834.26 1172.5,-836.1 1199.58,-868.9 1155.36,-3868.09 1185.5,-3898.1 1204.24,-3916.76 1637.89,-3910.01 1661.5,-3898.1 1692.76,-3882.33 1712.96,-3844.16 1722.18,-3822.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1724.21,-3823.54 1724.59,-3817.2 1720.34,-3821.92 1724.21,-3823.54"/>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/test/index.tsx -->
<g id="edge570" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1033.52,-831.15C1031.71,-832.62 1030.02,-834.26 1028.5,-836.1 1003.68,-866.15 1033.63,-3607.6 1015.5,-3642.1 1006.85,-3658.55 989.73,-3670.52 974.71,-3678.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="973.71,-3676.53 969.29,-3681.1 975.59,-3680.29 973.71,-3676.53"/>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/transactions/index.tsx -->
<g id="edge567" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/transactions/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1172.51,-823.44C1250.97,-825.27 1367.31,-829.14 1374.5,-836.1 1399.33,-860.14 1364.49,-965.31 1387.5,-991.1 1397.56,-1002.37 1413.48,-1006.59 1428.08,-1007.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.12,-1009.9 1434.23,-1008.14 1428.36,-1005.71 1428.12,-1009.9"/>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/usePermit2Allowance.ts -->
<g id="edge564" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/usePermit2Allowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1167.32,-831.29C1169.18,-832.71 1170.92,-834.31 1172.5,-836.1 1198.65,-865.63 1158.83,-984.04 1185.5,-1013.1 1192.56,-1020.8 1201.88,-1025.6 1211.89,-1028.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1211.53,-1030.54 1217.86,-1029.94 1212.54,-1026.46 1211.53,-1030.54"/>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge566" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1167.47,-831.15C1169.29,-832.62 1170.98,-834.26 1172.5,-836.1 1194.95,-863.27 1161.51,-3348.27 1185.5,-3374.1 1214.17,-3404.98 1345.23,-3358.8 1374.5,-3389.1 1396.99,-3412.38 1366.9,-3655.14 1387.5,-3680.1 1397.27,-3691.94 1413.33,-3696.78 1428.08,-3698.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.14,-3700.64 1434.3,-3699.09 1428.52,-3696.46 1428.14,-3700.64"/>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/useTokenAllowance.ts -->
<g id="edge569" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/useTokenAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1115.77,-813C1132.77,-801.26 1160.37,-779.1 1172.5,-752.1 1183.94,-726.63 1165.25,-520.33 1185.5,-501.1 1200.73,-486.64 1359.27,-486.64 1374.5,-501.1 1394.75,-520.33 1372.76,-728.38 1387.5,-752.1 1396.26,-766.2 1411.57,-775.98 1426.08,-782.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1425.46,-784.54 1431.8,-784.96 1427.1,-780.68 1425.46,-784.54"/>
</g>
<!-- src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/usePermitAllowance.ts -->
<g id="edge568" class="edge">
<title>src/hooks/usePermit2Allowance.test.ts&#45;&gt;src/hooks/usePermitAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1115.72,-812.98C1132.67,-801.22 1160.23,-779.04 1172.5,-752.1 1182.06,-731.13 1168.7,-560.88 1185.5,-545.1 1246.73,-487.6 1313.66,-487.18 1374.5,-545.1 1395.77,-565.35 1368.33,-786.85 1387.5,-809.1 1390.73,-812.85 1394.61,-815.82 1398.88,-818.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1398.16,-820.15 1404.48,-820.82 1399.95,-816.36 1398.16,-820.15"/>
</g>
<!-- src/hooks/usePermitAllowance.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge582" class="edge">
<title>src/hooks/usePermitAllowance.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1510.55,-815.08C1520.12,-813.15 1530.15,-811.09 1539.5,-809.1 1548.71,-807.14 1558.62,-804.95 1567.9,-802.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1568.51,-804.88 1573.9,-801.51 1567.59,-800.78 1568.51,-804.88"/>
</g>
<!-- src/hooks/usePermitAllowance.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge583" class="edge">
<title>src/hooks/usePermitAllowance.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1522.86,-819.11C1528.96,-816.72 1534.68,-813.47 1539.5,-809.1 1547.39,-801.95 1588.7,-653.2 1601.92,-605.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1603.97,-605.5 1603.53,-599.16 1599.92,-604.39 1603.97,-605.5"/>
</g>
<!-- src/hooks/usePermitAllowance.test.ts -->
<g id="node180" class="node">
<title>src/hooks/usePermitAllowance.test.ts</title>
<g id="a_node180"><a xlink:href="src/hooks/usePermitAllowance.test.ts" xlink:title="usePermitAllowance.test.ts">
<path fill="#ddfeff" stroke="black" d="M1343,-977.1C1343,-977.1 1217,-977.1 1217,-977.1 1214,-977.1 1211,-974.1 1211,-971.1 1211,-971.1 1211,-965.1 1211,-965.1 1211,-962.1 1214,-959.1 1217,-959.1 1217,-959.1 1343,-959.1 1343,-959.1 1346,-959.1 1349,-962.1 1349,-965.1 1349,-965.1 1349,-971.1 1349,-971.1 1349,-974.1 1346,-977.1 1343,-977.1"/>
<text text-anchor="start" x="1219" y="-965.9" font-family="Helvetica,sans-Serif" font-size="9.00">usePermitAllowance.test.ts</text>
</a>
</g>
</g>
<!-- src/hooks/usePermitAllowance.test.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge577" class="edge">
<title>src/hooks/usePermitAllowance.test.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1349.43,-967.97C1358.98,-970.89 1367.79,-975.64 1374.5,-983.1 1392.73,-1003.37 1373.21,-1204.89 1387.5,-1228.1 1428.32,-1294.38 1496.72,-1250.07 1539.5,-1315.1 1684.79,-1535.94 1724.26,-3594.02 1727.74,-3792.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1725.64,-3793.02 1727.85,-3798.98 1729.84,-3792.94 1725.64,-3793.02"/>
</g>
<!-- src/hooks/usePermitAllowance.test.ts&#45;&gt;src/test/index.tsx -->
<g id="edge581" class="edge">
<title>src/hooks/usePermitAllowance.test.ts&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1210.71,-967.54C1201.03,-970.48 1192.13,-975.36 1185.5,-983.1 1154.83,-1018.95 1205.93,-4346.8 1172.5,-4380.1 1161.16,-4391.39 1039.92,-4391.31 1028.5,-4380.1 1001.72,-4353.84 1039.32,-3734.08 1015.5,-3705.1 1007.14,-3694.93 993.64,-3690.65 980.8,-3689.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="980.73,-3687 974.57,-3688.56 980.36,-3691.18 980.73,-3687"/>
</g>
<!-- src/hooks/usePermitAllowance.test.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge578" class="edge">
<title>src/hooks/usePermitAllowance.test.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1349.28,-967.55C1358.97,-970.49 1367.87,-975.36 1374.5,-983.1 1398.53,-1011.15 1370.87,-3609.13 1387.5,-3642.1 1397.56,-3662.04 1418.44,-3676.72 1435.62,-3686.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1434.99,-3688.07 1441.28,-3688.98 1436.93,-3684.34 1434.99,-3688.07"/>
</g>
<!-- src/hooks/usePermitAllowance.test.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge579" class="edge">
<title>src/hooks/usePermitAllowance.test.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1349.44,-964.91C1358.43,-962.33 1367.08,-958.55 1374.5,-953.1 1384.92,-945.46 1376.83,-934.39 1387.5,-927.1 1443.51,-888.82 1482.62,-950.08 1539.5,-913.1 1577,-888.72 1595.37,-835.48 1602.42,-809.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1604.52,-809.57 1603.98,-803.24 1600.45,-808.53 1604.52,-809.57"/>
</g>
<!-- src/hooks/usePermitAllowance.test.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge580" class="edge">
<title>src/hooks/usePermitAllowance.test.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1349.29,-968.1C1358.85,-965.2 1367.71,-960.49 1374.5,-953.1 1400.74,-924.55 1360.41,-806.84 1387.5,-779.1 1411.21,-754.82 1512.52,-784.7 1539.5,-764.1 1591.07,-724.73 1602.65,-640.2 1605.25,-605.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1607.36,-605.35 1605.66,-599.22 1603.17,-605.07 1607.36,-605.35"/>
</g>
<!-- src/hooks/usePermitAllowance.test.ts&#45;&gt;src/hooks/usePermitAllowance.ts -->
<g id="edge576" class="edge">
<title>src/hooks/usePermitAllowance.test.ts&#45;&gt;src/hooks/usePermitAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1349.04,-967.87C1358.64,-965 1367.57,-960.35 1374.5,-953.1 1409.73,-916.23 1352.98,-876.64 1387.5,-839.1 1390.79,-835.53 1394.66,-832.67 1398.9,-830.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1399.88,-832.25 1404.43,-827.81 1398.1,-828.44 1399.88,-832.25"/>
</g>
<!-- src/hooks/web3/useJsonRpcUrlsMap.tsx&#45;&gt;src/constants/chains.ts -->
<g id="edge641" class="edge">
<title>src/hooks/web3/useJsonRpcUrlsMap.tsx&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.16,-983.15C1009.66,-985.28 1012.83,-987.9 1015.5,-991.1 1044.45,-1025.87 998.25,-1364.46 1028.5,-1398.1 1071.7,-1446.15 1129.95,-1369.47 1172.5,-1418.1 1196.61,-1445.65 1160.26,-4027.58 1185.5,-4054.1 1221.96,-4092.41 1621.23,-4086.39 1661.5,-4052.1 1697.18,-4021.72 1719.59,-3872.36 1726.06,-3823.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1728.17,-3823.58 1726.86,-3817.36 1724.01,-3823.04 1728.17,-3823.58"/>
</g>
<!-- src/hooks/web3/useJsonRpcUrlsMap.tsx&#45;&gt;src/constants/jsonRpcEndpoints.ts -->
<g id="edge642" class="edge">
<title>src/hooks/web3/useJsonRpcUrlsMap.tsx&#45;&gt;src/constants/jsonRpcEndpoints.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.15,-983.16C1009.65,-985.28 1012.83,-987.9 1015.5,-991.1 1043.27,-1024.4 1000.26,-1348.2 1028.5,-1381.1 1070.91,-1430.51 1130.78,-1358.1 1172.5,-1408.1 1194.61,-1434.6 1161.03,-3868.76 1185.5,-3893.1 1297.28,-4004.29 1426.42,-3979.97 1539.5,-3870.1 1564.39,-3845.91 1529.29,-3818.91 1552.5,-3793.1 1553.14,-3792.38 1553.82,-3791.7 1554.53,-3791.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1556.07,-3792.51 1559.54,-3787.18 1553.5,-3789.18 1556.07,-3792.51"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts -->
<g id="node182" class="node">
<title>src/hooks/useTokenAllowance.test.ts</title>
<g id="a_node182"><a xlink:href="src/hooks/useTokenAllowance.test.ts" xlink:title="useTokenAllowance.test.ts">
<path fill="#ddfeff" stroke="black" d="M1341,-947.1C1341,-947.1 1219,-947.1 1219,-947.1 1216,-947.1 1213,-944.1 1213,-941.1 1213,-941.1 1213,-935.1 1213,-935.1 1213,-932.1 1216,-929.1 1219,-929.1 1219,-929.1 1341,-929.1 1341,-929.1 1344,-929.1 1347,-932.1 1347,-935.1 1347,-935.1 1347,-941.1 1347,-941.1 1347,-944.1 1344,-947.1 1341,-947.1"/>
<text text-anchor="start" x="1221" y="-935.9" font-family="Helvetica,sans-Serif" font-size="9.00">useTokenAllowance.test.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/constants/chains.ts -->
<g id="edge602" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/constants/chains.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1347.44,-938.09C1357.59,-940.91 1367.12,-945.6 1374.5,-953.1 1403.14,-982.24 1370.3,-1007.04 1387.5,-1044.1 1464.62,-1210.3 1594.04,-1181.75 1661.5,-1352.1 1709.35,-1472.93 1726.36,-3589.92 1727.89,-3792.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1725.79,-3792.73 1727.93,-3798.71 1729.99,-3792.69 1725.79,-3792.73"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/test/index.tsx -->
<g id="edge607" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1212.6,-937C1202.19,-939.87 1192.55,-944.86 1185.5,-953.1 1154.81,-988.97 1205.95,-4318.78 1172.5,-4352.1 1149.83,-4374.68 1051.35,-4374.5 1028.5,-4352.1 1002.82,-4326.94 1038.34,-3732.86 1015.5,-3705.1 1007.13,-3694.93 993.64,-3690.65 980.79,-3689.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="980.73,-3687 974.56,-3688.57 980.36,-3691.19 980.73,-3687"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/state/transactions.ts -->
<g id="edge606" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/state/transactions.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1212.92,-935.08C1198.14,-938.24 1185.07,-945.24 1179,-959.1 1171.78,-975.58 1171.78,-3533.62 1179,-3550.1 1187.62,-3569.78 1210.41,-3575.39 1232.16,-3575.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1232.27,-3577.9 1238.26,-3575.79 1232.26,-3573.7 1232.27,-3577.9"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge603" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1347.4,-937.01C1357.81,-939.87 1367.44,-944.86 1374.5,-953.1 1398.8,-981.47 1370.68,-3608.75 1387.5,-3642.1 1397.56,-3662.05 1418.44,-3676.72 1435.62,-3686.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1434.99,-3688.07 1441.28,-3688.98 1436.93,-3684.34 1434.99,-3688.07"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/hooks/multicall.ts -->
<g id="edge604" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/hooks/multicall.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1304.56,-929.04C1324.03,-921.08 1352.01,-908.55 1374.5,-894.1 1380.87,-890.01 1380.52,-886.03 1387.5,-883.1 1450.06,-856.87 1478.97,-899.74 1539.5,-869.1 1566.14,-855.61 1586.95,-826.51 1597.77,-808.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1599.8,-809.48 1601.05,-803.25 1596.18,-807.34 1599.8,-809.48"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/hooks/useContract.ts -->
<g id="edge605" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/hooks/useContract.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1321.1,-929.07C1340.37,-922.61 1361.94,-911.81 1374.5,-894.1 1390.78,-871.14 1367.62,-788.03 1387.5,-768.1 1411.49,-744.06 1512.32,-772.47 1539.5,-752.1 1587.65,-716.02 1601.1,-638.9 1604.72,-605.76"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1606.85,-605.57 1605.35,-599.39 1602.67,-605.15 1606.85,-605.57"/>
</g>
<!-- src/hooks/useTokenAllowance.test.ts&#45;&gt;src/hooks/useTokenAllowance.ts -->
<g id="edge601" class="edge">
<title>src/hooks/useTokenAllowance.test.ts&#45;&gt;src/hooks/useTokenAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1320.27,-928.97C1339.56,-922.45 1361.41,-911.64 1374.5,-894.1 1397.36,-863.48 1361.1,-836.73 1387.5,-809.1 1391.34,-805.08 1395.93,-801.98 1400.92,-799.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1401.74,-801.52 1406.48,-797.28 1400.13,-797.65 1401.74,-801.52"/>
</g>
<!-- src/hooks/useTokenList/fetchTokenList.test.ts -->
<g id="node183" class="node">
<title>src/hooks/useTokenList/fetchTokenList.test.ts</title>
<g id="a_node183"><a xlink:href="src/hooks/useTokenList/fetchTokenList.test.ts" xlink:title="fetchTokenList.test.ts">
<path fill="#ddfeff" stroke="black" d="M1151,-678.1C1151,-678.1 1050,-678.1 1050,-678.1 1047,-678.1 1044,-675.1 1044,-672.1 1044,-672.1 1044,-666.1 1044,-666.1 1044,-663.1 1047,-660.1 1050,-660.1 1050,-660.1 1151,-660.1 1151,-660.1 1154,-660.1 1157,-663.1 1157,-666.1 1157,-666.1 1157,-672.1 1157,-672.1 1157,-675.1 1154,-678.1 1151,-678.1"/>
<text text-anchor="start" x="1052" y="-666.9" font-family="Helvetica,sans-Serif" font-size="9.00">fetchTokenList.test.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/fetchTokenList.test.ts&#45;&gt;src/test/index.tsx -->
<g id="edge612" class="edge">
<title>src/hooks/useTokenList/fetchTokenList.test.ts&#45;&gt;src/test/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1056.34,-678.24C1045.46,-682.69 1035.03,-689.3 1028.5,-699.1 1005.84,-733.12 1034.51,-3605.91 1015.5,-3642.1 1006.86,-3658.55 989.74,-3670.52 974.71,-3678.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="973.72,-3676.53 969.29,-3681.1 975.6,-3680.29 973.72,-3676.53"/>
</g>
<!-- src/hooks/useTokenList/fetchTokenList.test.ts&#45;&gt;src/hooks/useTokenList/fetchTokenList.ts -->
<g id="edge611" class="edge">
<title>src/hooks/useTokenList/fetchTokenList.test.ts&#45;&gt;src/hooks/useTokenList/fetchTokenList.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1157.18,-664.4C1179.76,-662.49 1205.67,-660.3 1227.78,-658.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1228.11,-660.51 1233.91,-657.91 1227.76,-656.32 1228.11,-660.51"/>
</g>
<!-- src/hooks/useTokenList/fetchTokenList.ts&#45;&gt;src/hooks/useTokenList/validateTokenList.ts -->
<g id="edge613" class="edge">
<title>src/hooks/useTokenList/fetchTokenList.ts&#45;&gt;src/hooks/useTokenList/validateTokenList.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1326.33,-654.1C1350.24,-654.1 1379.83,-654.1 1405.3,-654.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1405.34,-656.2 1411.34,-654.1 1405.34,-652 1405.34,-656.2"/>
</g>
<!-- src/hooks/useTokenList/filtering.ts -->
<g id="node186" class="node">
<title>src/hooks/useTokenList/filtering.ts</title>
<g id="a_node186"><a xlink:href="src/hooks/useTokenList/filtering.ts" xlink:title="filtering.ts">
<path fill="#ddfeff" stroke="black" d="M1489,-693.1C1489,-693.1 1438,-693.1 1438,-693.1 1435,-693.1 1432,-690.1 1432,-687.1 1432,-687.1 1432,-681.1 1432,-681.1 1432,-678.1 1435,-675.1 1438,-675.1 1438,-675.1 1489,-675.1 1489,-675.1 1492,-675.1 1495,-678.1 1495,-681.1 1495,-681.1 1495,-687.1 1495,-687.1 1495,-690.1 1492,-693.1 1489,-693.1"/>
<text text-anchor="start" x="1440" y="-681.9" font-family="Helvetica,sans-Serif" font-size="9.00">filtering.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge622" class="edge">
<title>src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1330.93,-680.11C1347.2,-681.59 1363.81,-686.61 1374.5,-699.1 1401.08,-730.15 1369.1,-3605.6 1387.5,-3642.1 1397.56,-3662.05 1418.44,-3676.72 1435.62,-3686.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1434.99,-3688.07 1441.28,-3688.98 1436.93,-3684.35 1434.99,-3688.07"/>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useCurrencyBalance.ts -->
<g id="edge623" class="edge">
<title>src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useCurrencyBalance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1330.82,-680.7C1346.88,-682.28 1363.38,-687.22 1374.5,-699.1 1395.85,-721.92 1366.59,-815.88 1387.5,-839.1 1390.49,-842.43 1394,-845.13 1397.83,-847.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1396.92,-849.23 1403.23,-850.02 1398.8,-845.47 1396.92,-849.23"/>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useDebounce.ts -->
<g id="edge624" class="edge">
<title>src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useDebounce.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1330.58,-687.78C1346.82,-686.27 1363.49,-681.31 1374.5,-669.1 1409.37,-630.42 1359.36,-478.92 1387.5,-435.1 1425.75,-375.54 1505.57,-344.97 1557.42,-330.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1558.03,-332.78 1563.28,-329.2 1556.94,-328.72 1558.03,-332.78"/>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useTokenList/filtering.ts -->
<g id="edge620" class="edge">
<title>src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useTokenList/filtering.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1330.6,-684.1C1360.65,-684.1 1398.34,-684.1 1425.73,-684.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1425.76,-686.2 1431.76,-684.1 1425.76,-682 1425.76,-686.2"/>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/state/lists/wrappedTokenInfo.ts -->
<g id="edge625" class="edge">
<title>src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/state/lists/wrappedTokenInfo.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1229.06,-680.11C1212.79,-681.59 1196.19,-686.61 1185.5,-699.1 1153.24,-736.81 1207.65,-4237.07 1172.5,-4272.1 1127.16,-4317.27 1074.24,-4316.86 1028.5,-4272.1 1004.59,-4248.7 1028.98,-3700.72 1015.5,-3670.1 1005.48,-3647.34 983.5,-3628.58 967.03,-3616.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="967.81,-3614.95 961.68,-3613.3 965.44,-3618.42 967.81,-3614.95"/>
</g>
<!-- src/hooks/useTokenList/sorting.ts -->
<g id="node190" class="node">
<title>src/hooks/useTokenList/sorting.ts</title>
<g id="a_node190"><a xlink:href="src/hooks/useTokenList/sorting.ts" xlink:title="sorting.ts">
<path fill="#ddfeff" stroke="black" d="M1487,-723.1C1487,-723.1 1440,-723.1 1440,-723.1 1437,-723.1 1434,-720.1 1434,-717.1 1434,-717.1 1434,-711.1 1434,-711.1 1434,-708.1 1437,-705.1 1440,-705.1 1440,-705.1 1487,-705.1 1487,-705.1 1490,-705.1 1493,-708.1 1493,-711.1 1493,-711.1 1493,-717.1 1493,-717.1 1493,-720.1 1490,-723.1 1487,-723.1"/>
<text text-anchor="start" x="1442" y="-711.9" font-family="Helvetica,sans-Serif" font-size="9.00">sorting.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useTokenList/sorting.ts -->
<g id="edge621" class="edge">
<title>src/hooks/useTokenList/useQueryTokens.ts&#45;&gt;src/hooks/useTokenList/sorting.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1330.51,-691.95C1344.72,-694.23 1360.23,-696.74 1374.5,-699.1 1392.05,-702 1411.55,-705.32 1427.72,-708.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1427.71,-710.22 1433.98,-709.17 1428.42,-706.08 1427.71,-710.22"/>
</g>
<!-- src/hooks/useTokenList/utils.ts&#45;&gt;src/state/lists/wrappedTokenInfo.ts -->
<g id="edge626" class="edge">
<title>src/hooks/useTokenList/utils.ts&#45;&gt;src/state/lists/wrappedTokenInfo.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1252.93,-709.46C1231.39,-707.29 1201.78,-708.47 1185.5,-727.1 1152.63,-764.72 1207.89,-4288.84 1172.5,-4324.1 1149.83,-4346.69 1051.35,-4346.5 1028.5,-4324.1 1002.55,-4298.66 1030.11,-3703.37 1015.5,-3670.1 1005.5,-3647.33 983.52,-3628.58 967.04,-3616.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="967.82,-3614.95 961.68,-3613.29 965.45,-3618.42 967.82,-3614.95"/>
</g>
<!-- src/hooks/useTokenList/validateTokenList.test.ts -->
<g id="node191" class="node">
<title>src/hooks/useTokenList/validateTokenList.test.ts</title>
<g id="a_node191"><a xlink:href="src/hooks/useTokenList/validateTokenList.test.ts" xlink:title="validateTokenList.test.ts">
<path fill="#ddfeff" stroke="black" d="M1336.5,-633.1C1336.5,-633.1 1223.5,-633.1 1223.5,-633.1 1220.5,-633.1 1217.5,-630.1 1217.5,-627.1 1217.5,-627.1 1217.5,-621.1 1217.5,-621.1 1217.5,-618.1 1220.5,-615.1 1223.5,-615.1 1223.5,-615.1 1336.5,-615.1 1336.5,-615.1 1339.5,-615.1 1342.5,-618.1 1342.5,-621.1 1342.5,-621.1 1342.5,-627.1 1342.5,-627.1 1342.5,-630.1 1339.5,-633.1 1336.5,-633.1"/>
<text text-anchor="start" x="1225.5" y="-621.9" font-family="Helvetica,sans-Serif" font-size="9.00">validateTokenList.test.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useTokenList/validateTokenList.test.ts&#45;&gt;src/hooks/useTokenList/validateTokenList.ts -->
<g id="edge627" class="edge">
<title>src/hooks/useTokenList/validateTokenList.test.ts&#45;&gt;src/hooks/useTokenList/validateTokenList.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1337.88,-633.13C1349.97,-635.08 1362.66,-637.14 1374.5,-639.1 1384.47,-640.75 1395.07,-642.53 1405.33,-644.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1405.06,-646.36 1411.33,-645.29 1405.76,-642.22 1405.06,-646.36"/>
</g>
<!-- src/hooks/useUniversalRouter.ts -->
<g id="node192" class="node">
<title>src/hooks/useUniversalRouter.ts</title>
<g id="a_node192"><a xlink:href="src/hooks/useUniversalRouter.ts" xlink:title="useUniversalRouter.ts">
<path fill="#ddfeff" stroke="black" d="M1331,-817.1C1331,-817.1 1229,-817.1 1229,-817.1 1226,-817.1 1223,-814.1 1223,-811.1 1223,-811.1 1223,-805.1 1223,-805.1 1223,-802.1 1226,-799.1 1229,-799.1 1229,-799.1 1331,-799.1 1331,-799.1 1334,-799.1 1337,-802.1 1337,-805.1 1337,-805.1 1337,-811.1 1337,-811.1 1337,-814.1 1334,-817.1 1331,-817.1"/>
<text text-anchor="start" x="1231" y="-805.9" font-family="Helvetica,sans-Serif" font-size="9.00">useUniversalRouter.ts</text>
</a>
</g>
</g>
<!-- src/hooks/useUniversalRouter.ts&#45;&gt;src/state/routing/types.ts -->
<g id="edge634" class="edge">
<title>src/hooks/useUniversalRouter.ts&#45;&gt;src/state/routing/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1337.19,-813.19C1351.51,-817.29 1365.4,-824.29 1374.5,-836.1 1385.36,-850.21 1455.8,-3285.69 1462.06,-3502.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1459.97,-3503.03 1462.24,-3508.97 1464.16,-3502.91 1459.97,-3503.03"/>
</g>
<!-- src/hooks/useUniversalRouter.ts&#45;&gt;src/hooks/usePermitAllowance.ts -->
<g id="edge633" class="edge">
<title>src/hooks/useUniversalRouter.ts&#45;&gt;src/hooks/usePermitAllowance.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1337.43,-813.08C1356.67,-814.77 1378.32,-816.68 1398.14,-818.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1398.06,-820.53 1404.22,-818.96 1398.43,-816.34 1398.06,-820.53"/>
</g>
<!-- src/state/routing/utils.test.ts -->
<g id="node194" class="node">
<title>src/state/routing/utils.test.ts</title>
<g id="a_node194"><a xlink:href="src/state/routing/utils.test.ts" xlink:title="utils.test.ts">
<path fill="#ddfeff" stroke="black" d="M1128,-3527.1C1128,-3527.1 1073,-3527.1 1073,-3527.1 1070,-3527.1 1067,-3524.1 1067,-3521.1 1067,-3521.1 1067,-3515.1 1067,-3515.1 1067,-3512.1 1070,-3509.1 1073,-3509.1 1073,-3509.1 1128,-3509.1 1128,-3509.1 1131,-3509.1 1134,-3512.1 1134,-3515.1 1134,-3515.1 1134,-3521.1 1134,-3521.1 1134,-3524.1 1131,-3527.1 1128,-3527.1"/>
<text text-anchor="start" x="1075" y="-3515.9" font-family="Helvetica,sans-Serif" font-size="9.00">utils.test.ts</text>
</a>
</g>
</g>
<!-- src/state/routing/utils.test.ts&#45;&gt;src/state/routing/utils.ts -->
<g id="edge677" class="edge">
<title>src/state/routing/utils.test.ts&#45;&gt;src/state/routing/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1134.06,-3518.1C1166.15,-3518.1 1214.88,-3518.1 1246.84,-3518.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1246.99,-3520.2 1252.99,-3518.1 1246.99,-3516 1246.99,-3520.2"/>
</g>
<!-- src/state/routing/utils.test.ts&#45;&gt;src/constants/tokens.ts -->
<g id="edge678" class="edge">
<title>src/state/routing/utils.test.ts&#45;&gt;src/constants/tokens.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1134.19,-3515.67C1148.07,-3516.52 1163.17,-3520.28 1172.5,-3531.1 1201.17,-3564.37 1153.94,-3895.56 1185.5,-3926.1 1245.87,-3984.51 1308.05,-3977.48 1374.5,-3926.1 1392.66,-3912.06 1380.13,-3897.85 1387.5,-3876.1 1408.58,-3813.87 1441.33,-3742.62 1455.53,-3712.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1457.44,-3713.5 1458.12,-3707.18 1453.64,-3711.7 1457.44,-3713.5"/>
</g>
<!-- src/state/routing/utils.test.ts&#45;&gt;src/test/utils.ts -->
<g id="edge679" class="edge">
<title>src/state/routing/utils.test.ts&#45;&gt;src/test/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1066.65,-3515.88C1052.91,-3516.8 1037.97,-3520.57 1028.5,-3531.1 1002.58,-3559.94 1040.94,-3675.84 1015.5,-3705.1 1006.43,-3715.53 991.97,-3719.68 978.62,-3721.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="978.42,-3718.97 972.59,-3721.52 978.73,-3723.16 978.42,-3718.97"/>
</g>
<!-- src/theme/dynamic.tsx&#45;&gt;src/theme/theme.ts -->
<g id="edge697" class="edge">
<title>src/theme/dynamic.tsx&#45;&gt;src/theme/theme.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1316.43,-4185.61C1348.92,-4181.49 1396.72,-4175.44 1428.7,-4171.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1429.18,-4173.44 1434.87,-4170.6 1428.66,-4169.27 1429.18,-4173.44"/>
</g>
<!-- src/theme/external.ts&#45;&gt;src/theme/theme.ts -->
<g id="edge698" class="edge">
<title>src/theme/external.ts&#45;&gt;src/theme/theme.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1312.72,-4134.5C1330.87,-4137.19 1354.05,-4140.91 1374.5,-4145.1 1392.64,-4148.82 1412.67,-4153.76 1429.04,-4158.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.56,-4160.06 1434.9,-4159.55 1429.62,-4156 1428.56,-4160.06"/>
</g>
<!-- src/widgets.d.ts -->
<g id="node200" class="node">
<title>src/widgets.d.ts</title>
<g id="a_node200"><a xlink:href="src/widgets.d.ts" xlink:title="widgets.d.ts">
<path fill="#ccffcc" stroke="black" d="M143,-261.1C143,-261.1 83,-261.1 83,-261.1 80,-261.1 77,-258.1 77,-255.1 77,-255.1 77,-249.1 77,-249.1 77,-246.1 80,-243.1 83,-243.1 83,-243.1 143,-243.1 143,-243.1 146,-243.1 149,-246.1 149,-249.1 149,-249.1 149,-255.1 149,-255.1 149,-258.1 146,-261.1 143,-261.1"/>
<text text-anchor="start" x="85" y="-249.9" font-family="Helvetica,sans-Serif" font-size="9.00">widgets.d.ts</text>
</a>
</g>
</g>
</g>
</svg>