utopia-ui/dependency-graph.svg
2023-09-03 11:13:51 +02:00

1072 lines
98 KiB
XML

<?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="869pt" height="1359pt"
viewBox="0.00 0.00 868.50 1358.71" 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 1354.71)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-1354.71 864.5,-1354.71 864.5,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M16,-16.71C16,-16.71 840.5,-16.71 840.5,-16.71 846.5,-16.71 852.5,-22.71 852.5,-28.71 852.5,-28.71 852.5,-1330.71 852.5,-1330.71 852.5,-1336.71 846.5,-1342.71 840.5,-1342.71 840.5,-1342.71 16,-1342.71 16,-1342.71 10,-1342.71 4,-1336.71 4,-1330.71 4,-1330.71 4,-28.71 4,-28.71 4,-22.71 10,-16.71 16,-16.71"/>
<text text-anchor="middle" x="428.25" y="-1331.51" 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="M119,-26.71C119,-26.71 832,-26.71 832,-26.71 838,-26.71 844,-32.71 844,-38.71 844,-38.71 844,-1124.71 844,-1124.71 844,-1130.71 838,-1136.71 832,-1136.71 832,-1136.71 119,-1136.71 119,-1136.71 113,-1136.71 107,-1130.71 107,-1124.71 107,-1124.71 107,-38.71 107,-38.71 107,-32.71 113,-26.71 119,-26.71"/>
<text text-anchor="middle" x="475.5" y="-1125.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Components</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_src/Components/AppShell</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-998.71C127,-998.71 519.5,-998.71 519.5,-998.71 525.5,-998.71 531.5,-1004.71 531.5,-1010.71 531.5,-1010.71 531.5,-1098.71 531.5,-1098.71 531.5,-1104.71 525.5,-1110.71 519.5,-1110.71 519.5,-1110.71 127,-1110.71 127,-1110.71 121,-1110.71 115,-1104.71 115,-1098.71 115,-1098.71 115,-1010.71 115,-1010.71 115,-1004.71 121,-998.71 127,-998.71"/>
<text text-anchor="middle" x="323.25" y="-1099.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">AppShell</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_src/Components/Auth</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M455,-34.71C455,-34.71 681,-34.71 681,-34.71 687,-34.71 693,-40.71 693,-46.71 693,-46.71 693,-134.71 693,-134.71 693,-140.71 687,-146.71 681,-146.71 681,-146.71 455,-146.71 455,-146.71 449,-146.71 443,-140.71 443,-134.71 443,-134.71 443,-46.71 443,-46.71 443,-40.71 449,-34.71 455,-34.71"/>
<text text-anchor="middle" x="568" y="-135.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Auth</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_src/Components/Gaming</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-908.71C127,-908.71 263,-908.71 263,-908.71 269,-908.71 275,-914.71 275,-920.71 275,-920.71 275,-978.71 275,-978.71 275,-984.71 269,-990.71 263,-990.71 263,-990.71 127,-990.71 127,-990.71 121,-990.71 115,-984.71 115,-978.71 115,-978.71 115,-920.71 115,-920.71 115,-914.71 121,-908.71 127,-908.71"/>
<text text-anchor="middle" x="195" y="-979.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Gaming</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_src/Components/Input</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M616.5,-288.71C616.5,-288.71 824,-288.71 824,-288.71 830,-288.71 836,-294.71 836,-300.71 836,-300.71 836,-358.71 836,-358.71 836,-364.71 830,-370.71 824,-370.71 824,-370.71 616.5,-370.71 616.5,-370.71 610.5,-370.71 604.5,-364.71 604.5,-358.71 604.5,-358.71 604.5,-300.71 604.5,-300.71 604.5,-294.71 610.5,-288.71 616.5,-288.71"/>
<text text-anchor="middle" x="720.25" y="-359.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Input</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_src/Components/Map</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-378.71C127,-378.71 823,-378.71 823,-378.71 829,-378.71 835,-384.71 835,-390.71 835,-390.71 835,-888.71 835,-888.71 835,-894.71 829,-900.71 823,-900.71 823,-900.71 127,-900.71 127,-900.71 121,-900.71 115,-894.71 115,-888.71 115,-888.71 115,-390.71 115,-390.71 115,-384.71 121,-378.71 127,-378.71"/>
<text text-anchor="middle" x="475" y="-889.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Map</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_src/Components/Map/Subcomponents</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M296,-556.71C296,-556.71 547.5,-556.71 547.5,-556.71 553.5,-556.71 559.5,-562.71 559.5,-568.71 559.5,-568.71 559.5,-780.71 559.5,-780.71 559.5,-786.71 553.5,-792.71 547.5,-792.71 547.5,-792.71 296,-792.71 296,-792.71 290,-792.71 284,-786.71 284,-780.71 284,-780.71 284,-568.71 284,-568.71 284,-562.71 290,-556.71 296,-556.71"/>
<text text-anchor="middle" x="421.75" y="-781.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Subcomponents</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_src/Components/Map/Subcomponents/ItemPopupComponents</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M420.5,-564.71C420.5,-564.71 539.5,-564.71 539.5,-564.71 545.5,-564.71 551.5,-570.71 551.5,-576.71 551.5,-576.71 551.5,-754.71 551.5,-754.71 551.5,-760.71 545.5,-766.71 539.5,-766.71 539.5,-766.71 420.5,-766.71 420.5,-766.71 414.5,-766.71 408.5,-760.71 408.5,-754.71 408.5,-754.71 408.5,-576.71 408.5,-576.71 408.5,-570.71 414.5,-564.71 420.5,-564.71"/>
<text text-anchor="middle" x="480" y="-755.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ItemPopupComponents</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_src/Components/Map/hooks</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M579.5,-462.71C579.5,-462.71 815,-462.71 815,-462.71 821,-462.71 827,-468.71 827,-474.71 827,-474.71 827,-562.71 827,-562.71 827,-568.71 821,-574.71 815,-574.71 815,-574.71 579.5,-574.71 579.5,-574.71 573.5,-574.71 567.5,-568.71 567.5,-562.71 567.5,-562.71 567.5,-474.71 567.5,-474.71 567.5,-468.71 573.5,-462.71 579.5,-462.71"/>
<text text-anchor="middle" x="697.25" y="-563.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_src/Components/Profile</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M319.5,-154.71C319.5,-154.71 511.5,-154.71 511.5,-154.71 517.5,-154.71 523.5,-160.71 523.5,-166.71 523.5,-166.71 523.5,-194.71 523.5,-194.71 523.5,-200.71 517.5,-206.71 511.5,-206.71 511.5,-206.71 319.5,-206.71 319.5,-206.71 313.5,-206.71 307.5,-200.71 307.5,-194.71 307.5,-194.71 307.5,-166.71 307.5,-166.71 307.5,-160.71 313.5,-154.71 319.5,-154.71"/>
<text text-anchor="middle" x="415.5" y="-195.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Profile</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_src/Components/Templates</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M319.5,-214.71C319.5,-214.71 674,-214.71 674,-214.71 680,-214.71 686,-220.71 686,-226.71 686,-226.71 686,-268.71 686,-268.71 686,-274.71 680,-280.71 674,-280.71 674,-280.71 319.5,-280.71 319.5,-280.71 313.5,-280.71 307.5,-274.71 307.5,-268.71 307.5,-268.71 307.5,-226.71 307.5,-226.71 307.5,-220.71 313.5,-214.71 319.5,-214.71"/>
<text text-anchor="middle" x="496.75" y="-269.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Templates</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_src/Components/Typography</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M747,-64.71C747,-64.71 813,-64.71 813,-64.71 819,-64.71 825,-70.71 825,-76.71 825,-76.71 825,-134.71 825,-134.71 825,-140.71 819,-146.71 813,-146.71 813,-146.71 747,-146.71 747,-146.71 741,-146.71 735,-140.71 735,-134.71 735,-134.71 735,-76.71 735,-76.71 735,-70.71 741,-64.71 747,-64.71"/>
<text text-anchor="middle" x="780" y="-135.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Typography</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_src/SampleData</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M24,-965.71C24,-965.71 79,-965.71 79,-965.71 85,-965.71 91,-971.71 91,-977.71 91,-977.71 91,-1005.71 91,-1005.71 91,-1011.71 85,-1017.71 79,-1017.71 79,-1017.71 24,-1017.71 24,-1017.71 18,-1017.71 12,-1011.71 12,-1005.71 12,-1005.71 12,-977.71 12,-977.71 12,-971.71 18,-965.71 24,-965.71"/>
<text text-anchor="middle" x="51.5" y="-1006.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">SampleData</text>
</g>
<g id="clust15" class="cluster">
<title>cluster_src/Utils</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M727.5,-1144.71C727.5,-1144.71 832.5,-1144.71 832.5,-1144.71 838.5,-1144.71 844.5,-1150.71 844.5,-1156.71 844.5,-1156.71 844.5,-1304.71 844.5,-1304.71 844.5,-1310.71 838.5,-1316.71 832.5,-1316.71 832.5,-1316.71 727.5,-1316.71 727.5,-1316.71 721.5,-1316.71 715.5,-1310.71 715.5,-1304.71 715.5,-1304.71 715.5,-1156.71 715.5,-1156.71 715.5,-1150.71 721.5,-1144.71 727.5,-1144.71"/>
<text text-anchor="middle" x="780" y="-1305.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Utils</text>
</g>
<!-- src/Components/AppShell/AppShell.tsx -->
<g id="node1" class="node">
<title>src/Components/AppShell/AppShell.tsx</title>
<g id="a_node1"><a xlink:href="src/Components/AppShell/AppShell.tsx" xlink:title="AppShell.tsx">
<path fill="#bbfeff" stroke="black" d="M265.5,-1024.71C265.5,-1024.71 204.5,-1024.71 204.5,-1024.71 201.5,-1024.71 198.5,-1021.71 198.5,-1018.71 198.5,-1018.71 198.5,-1012.71 198.5,-1012.71 198.5,-1009.71 201.5,-1006.71 204.5,-1006.71 204.5,-1006.71 265.5,-1006.71 265.5,-1006.71 268.5,-1006.71 271.5,-1009.71 271.5,-1012.71 271.5,-1012.71 271.5,-1018.71 271.5,-1018.71 271.5,-1021.71 268.5,-1024.71 265.5,-1024.71"/>
<text text-anchor="start" x="206.5" y="-1013.51" font-family="Helvetica,sans-Serif" font-size="9.00">AppShell.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/NavBar.tsx -->
<g id="node2" class="node">
<title>src/Components/AppShell/NavBar.tsx</title>
<g id="a_node2"><a xlink:href="src/Components/AppShell/NavBar.tsx" xlink:title="NavBar.tsx">
<path fill="#bbfeff" stroke="black" d="M371,-1024.71C371,-1024.71 318,-1024.71 318,-1024.71 315,-1024.71 312,-1021.71 312,-1018.71 312,-1018.71 312,-1012.71 312,-1012.71 312,-1009.71 315,-1006.71 318,-1006.71 318,-1006.71 371,-1006.71 371,-1006.71 374,-1006.71 377,-1009.71 377,-1012.71 377,-1012.71 377,-1018.71 377,-1018.71 377,-1021.71 374,-1024.71 371,-1024.71"/>
<text text-anchor="start" x="320" y="-1013.51" font-family="Helvetica,sans-Serif" font-size="9.00">NavBar.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/AppShell.tsx&#45;&gt;src/Components/AppShell/NavBar.tsx -->
<g id="edge1" class="edge">
<title>src/Components/AppShell/AppShell.tsx&#45;&gt;src/Components/AppShell/NavBar.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M271.8,-1015.71C282.72,-1015.71 294.76,-1015.71 305.81,-1015.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="305.83,-1017.81 311.83,-1015.71 305.83,-1013.61 305.83,-1017.81"/>
</g>
<!-- src/Components/AppShell/DialogModal.tsx -->
<g id="node4" class="node">
<title>src/Components/AppShell/DialogModal.tsx</title>
<g id="a_node4"><a xlink:href="src/Components/AppShell/DialogModal.tsx" xlink:title="DialogModal.tsx">
<path fill="#bbfeff" stroke="black" d="M517.5,-1024.71C517.5,-1024.71 442.5,-1024.71 442.5,-1024.71 439.5,-1024.71 436.5,-1021.71 436.5,-1018.71 436.5,-1018.71 436.5,-1012.71 436.5,-1012.71 436.5,-1009.71 439.5,-1006.71 442.5,-1006.71 442.5,-1006.71 517.5,-1006.71 517.5,-1006.71 520.5,-1006.71 523.5,-1009.71 523.5,-1012.71 523.5,-1012.71 523.5,-1018.71 523.5,-1018.71 523.5,-1021.71 520.5,-1024.71 517.5,-1024.71"/>
<text text-anchor="start" x="444.5" y="-1013.51" font-family="Helvetica,sans-Serif" font-size="9.00">DialogModal.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/AppShell/DialogModal.tsx -->
<g id="edge2" class="edge">
<title>src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/AppShell/DialogModal.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M377.14,-1015.71C392.93,-1015.71 412.39,-1015.71 430.06,-1015.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="430.48,-1017.81 436.48,-1015.71 430.48,-1013.61 430.48,-1017.81"/>
</g>
<!-- src/Components/AppShell/Content.tsx -->
<g id="node3" class="node">
<title>src/Components/AppShell/Content.tsx</title>
<g id="a_node3"><a xlink:href="src/Components/AppShell/Content.tsx" xlink:title="Content.tsx">
<path fill="#bbfeff" stroke="black" d="M263.5,-1054.71C263.5,-1054.71 206.5,-1054.71 206.5,-1054.71 203.5,-1054.71 200.5,-1051.71 200.5,-1048.71 200.5,-1048.71 200.5,-1042.71 200.5,-1042.71 200.5,-1039.71 203.5,-1036.71 206.5,-1036.71 206.5,-1036.71 263.5,-1036.71 263.5,-1036.71 266.5,-1036.71 269.5,-1039.71 269.5,-1042.71 269.5,-1042.71 269.5,-1048.71 269.5,-1048.71 269.5,-1051.71 266.5,-1054.71 263.5,-1054.71"/>
<text text-anchor="start" x="208.5" y="-1043.51" font-family="Helvetica,sans-Serif" font-size="9.00">Content.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/SideBar.tsx -->
<g id="node5" class="node">
<title>src/Components/AppShell/SideBar.tsx</title>
<g id="a_node5"><a xlink:href="src/Components/AppShell/SideBar.tsx" xlink:title="SideBar.tsx">
<path fill="#bbfeff" stroke="black" d="M262.5,-1084.71C262.5,-1084.71 207.5,-1084.71 207.5,-1084.71 204.5,-1084.71 201.5,-1081.71 201.5,-1078.71 201.5,-1078.71 201.5,-1072.71 201.5,-1072.71 201.5,-1069.71 204.5,-1066.71 207.5,-1066.71 207.5,-1066.71 262.5,-1066.71 262.5,-1066.71 265.5,-1066.71 268.5,-1069.71 268.5,-1072.71 268.5,-1072.71 268.5,-1078.71 268.5,-1078.71 268.5,-1081.71 265.5,-1084.71 262.5,-1084.71"/>
<text text-anchor="start" x="209.5" y="-1073.51" font-family="Helvetica,sans-Serif" font-size="9.00">SideBar.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/SidebarSubmenu.tsx -->
<g id="node6" class="node">
<title>src/Components/AppShell/SidebarSubmenu.tsx</title>
<g id="a_node6"><a xlink:href="src/Components/AppShell/SidebarSubmenu.tsx" xlink:title="SidebarSubmenu.tsx">
<path fill="#bbfeff" stroke="black" d="M394.5,-1084.71C394.5,-1084.71 294.5,-1084.71 294.5,-1084.71 291.5,-1084.71 288.5,-1081.71 288.5,-1078.71 288.5,-1078.71 288.5,-1072.71 288.5,-1072.71 288.5,-1069.71 291.5,-1066.71 294.5,-1066.71 294.5,-1066.71 394.5,-1066.71 394.5,-1066.71 397.5,-1066.71 400.5,-1069.71 400.5,-1072.71 400.5,-1072.71 400.5,-1078.71 400.5,-1078.71 400.5,-1081.71 397.5,-1084.71 394.5,-1084.71"/>
<text text-anchor="start" x="296.5" y="-1073.51" font-family="Helvetica,sans-Serif" font-size="9.00">SidebarSubmenu.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/SideBar.tsx&#45;&gt;src/Components/AppShell/SidebarSubmenu.tsx -->
<g id="edge3" class="edge">
<title>src/Components/AppShell/SideBar.tsx&#45;&gt;src/Components/AppShell/SidebarSubmenu.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M268.55,-1075.71C272.98,-1075.71 277.64,-1075.71 282.38,-1075.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="282.41,-1077.81 288.41,-1075.71 282.41,-1073.61 282.41,-1077.81"/>
</g>
<!-- src/Components/AppShell/index.tsx -->
<g id="node7" class="node">
<title>src/Components/AppShell/index.tsx</title>
<g id="a_node7"><a xlink:href="src/Components/AppShell/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-1039.71C175,-1039.71 129,-1039.71 129,-1039.71 126,-1039.71 123,-1036.71 123,-1033.71 123,-1033.71 123,-1027.71 123,-1027.71 123,-1024.71 126,-1021.71 129,-1021.71 129,-1021.71 175,-1021.71 175,-1021.71 178,-1021.71 181,-1024.71 181,-1027.71 181,-1027.71 181,-1033.71 181,-1033.71 181,-1036.71 178,-1039.71 175,-1039.71"/>
<text text-anchor="start" x="131" y="-1028.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/AppShell.tsx -->
<g id="edge4" class="edge">
<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/AppShell.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-1025.47C184.84,-1024.82 188.48,-1024.14 192.13,-1023.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="192.76,-1025.49 198.28,-1022.33 192,-1021.36 192.76,-1025.49"/>
</g>
<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx -->
<g id="edge5" class="edge">
<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-1035.96C185.53,-1036.74 189.93,-1037.55 194.31,-1038.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="193.98,-1040.44 200.26,-1039.47 194.74,-1036.31 193.98,-1040.44"/>
</g>
<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx -->
<g id="edge6" class="edge">
<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M175.71,-1039.79C177.75,-1040.98 179.71,-1042.29 181.5,-1043.71 188.94,-1049.64 186.87,-1055.03 194.5,-1060.71 195.93,-1061.78 197.45,-1062.78 199.03,-1063.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.27,-1065.7 204.55,-1066.66 200.24,-1061.99 198.27,-1065.7"/>
</g>
<!-- src/Components/Auth/LoginPage.tsx -->
<g id="node8" class="node">
<title>src/Components/Auth/LoginPage.tsx</title>
<g id="a_node8"><a xlink:href="src/Components/Auth/LoginPage.tsx" xlink:title="LoginPage.tsx">
<path fill="#bbfeff" stroke="black" d="M675,-90.71C675,-90.71 608,-90.71 608,-90.71 605,-90.71 602,-87.71 602,-84.71 602,-84.71 602,-78.71 602,-78.71 602,-75.71 605,-72.71 608,-72.71 608,-72.71 675,-72.71 675,-72.71 678,-72.71 681,-75.71 681,-78.71 681,-78.71 681,-84.71 681,-84.71 681,-87.71 678,-90.71 675,-90.71"/>
<text text-anchor="start" x="610" y="-79.51" font-family="Helvetica,sans-Serif" font-size="9.00">LoginPage.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Input/TextInput.tsx -->
<g id="node9" class="node">
<title>src/Components/Input/TextInput.tsx</title>
<g id="a_node9"><a xlink:href="src/Components/Input/TextInput.tsx" xlink:title="TextInput.tsx">
<path fill="#bbfeff" stroke="black" d="M812,-314.71C812,-314.71 748,-314.71 748,-314.71 745,-314.71 742,-311.71 742,-308.71 742,-308.71 742,-302.71 742,-302.71 742,-299.71 745,-296.71 748,-296.71 748,-296.71 812,-296.71 812,-296.71 815,-296.71 818,-299.71 818,-302.71 818,-302.71 818,-308.71 818,-308.71 818,-311.71 815,-314.71 812,-314.71"/>
<text text-anchor="start" x="750" y="-303.51" font-family="Helvetica,sans-Serif" font-size="9.00">TextInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge7" class="edge">
<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M681.13,-83.03C690.96,-85.22 700.65,-89.32 707.5,-96.71 723.68,-114.2 709.19,-126.74 715.5,-149.71 730.27,-203.45 758.24,-263.64 771.57,-290.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.8,-292.04 774.33,-296.49 773.56,-290.18 769.8,-292.04"/>
</g>
<!-- src/Components/Typography/ErrorText.tsx -->
<g id="node10" class="node">
<title>src/Components/Typography/ErrorText.tsx</title>
<g id="a_node10"><a xlink:href="src/Components/Typography/ErrorText.tsx" xlink:title="ErrorText.tsx">
<path fill="#bbfeff" stroke="black" d="M811,-90.71C811,-90.71 749,-90.71 749,-90.71 746,-90.71 743,-87.71 743,-84.71 743,-84.71 743,-78.71 743,-78.71 743,-75.71 746,-72.71 749,-72.71 749,-72.71 811,-72.71 811,-72.71 814,-72.71 817,-75.71 817,-78.71 817,-78.71 817,-84.71 817,-84.71 817,-87.71 814,-90.71 811,-90.71"/>
<text text-anchor="start" x="751" y="-79.51" font-family="Helvetica,sans-Serif" font-size="9.00">ErrorText.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
<g id="edge8" class="edge">
<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M681.25,-81.71C698.52,-81.71 718.91,-81.71 736.58,-81.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.96,-83.81 742.96,-81.71 736.96,-79.61 736.96,-83.81"/>
</g>
<!-- src/Components/Auth/SignupPage.tsx -->
<g id="node11" class="node">
<title>src/Components/Auth/SignupPage.tsx</title>
<g id="a_node11"><a xlink:href="src/Components/Auth/SignupPage.tsx" xlink:title="SignupPage.tsx">
<path fill="#bbfeff" stroke="black" d="M679,-60.71C679,-60.71 604,-60.71 604,-60.71 601,-60.71 598,-57.71 598,-54.71 598,-54.71 598,-48.71 598,-48.71 598,-45.71 601,-42.71 604,-42.71 604,-42.71 679,-42.71 679,-42.71 682,-42.71 685,-45.71 685,-48.71 685,-48.71 685,-54.71 685,-54.71 685,-57.71 682,-60.71 679,-60.71"/>
<text text-anchor="start" x="606" y="-49.51" font-family="Helvetica,sans-Serif" font-size="9.00">SignupPage.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge9" class="edge">
<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M685.11,-53.72C693.61,-56.09 701.7,-60.1 707.5,-66.71 719.72,-80.64 711.07,-131.72 715.5,-149.71 728.82,-203.83 757.5,-263.83 771.29,-290.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.54,-292.16 774.15,-296.54 773.28,-290.24 769.54,-292.16"/>
</g>
<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
<g id="edge10" class="edge">
<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M683.45,-60.72C700.24,-64.4 719.66,-68.67 736.6,-72.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.4,-74.5 742.71,-73.74 737.3,-70.4 736.4,-74.5"/>
</g>
<!-- src/Components/Auth/index.tsx -->
<g id="node12" class="node">
<title>src/Components/Auth/index.tsx</title>
<g id="a_node12"><a xlink:href="src/Components/Auth/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M503,-105.71C503,-105.71 457,-105.71 457,-105.71 454,-105.71 451,-102.71 451,-99.71 451,-99.71 451,-93.71 451,-93.71 451,-90.71 454,-87.71 457,-87.71 457,-87.71 503,-87.71 503,-87.71 506,-87.71 509,-90.71 509,-93.71 509,-93.71 509,-99.71 509,-99.71 509,-102.71 506,-105.71 503,-105.71"/>
<text text-anchor="start" x="459" y="-94.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/LoginPage.tsx -->
<g id="edge11" class="edge">
<title>src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/LoginPage.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M509.15,-94.07C533.09,-91.82 567.92,-88.54 595.69,-85.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="596.09,-88 601.86,-85.35 595.69,-83.82 596.09,-88"/>
</g>
<!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/SignupPage.tsx -->
<g id="edge12" class="edge">
<title>src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/SignupPage.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M504.6,-87.59C521.84,-81.15 545.89,-72.65 567.5,-66.71 575.25,-64.58 583.55,-62.6 591.66,-60.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.39,-62.82 597.81,-59.51 591.51,-58.71 592.39,-62.82"/>
</g>
<!-- src/Components/Auth/useAuth.tsx -->
<g id="node13" class="node">
<title>src/Components/Auth/useAuth.tsx</title>
<g id="a_node13"><a xlink:href="src/Components/Auth/useAuth.tsx" xlink:title="useAuth.tsx">
<path fill="#bbfeff" stroke="black" d="M671,-120.71C671,-120.71 612,-120.71 612,-120.71 609,-120.71 606,-117.71 606,-114.71 606,-114.71 606,-108.71 606,-108.71 606,-105.71 609,-102.71 612,-102.71 612,-102.71 671,-102.71 671,-102.71 674,-102.71 677,-105.71 677,-108.71 677,-108.71 677,-114.71 677,-114.71 677,-117.71 674,-120.71 671,-120.71"/>
<text text-anchor="start" x="614" y="-109.51" font-family="Helvetica,sans-Serif" font-size="9.00">useAuth.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/useAuth.tsx -->
<g id="edge13" class="edge">
<title>src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/useAuth.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M509.15,-99.36C534.26,-101.72 571.33,-105.21 599.69,-107.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="599.8,-110 605.97,-108.47 600.19,-105.81 599.8,-110"/>
</g>
<!-- src/Components/Gaming/Modal.tsx -->
<g id="node14" class="node">
<title>src/Components/Gaming/Modal.tsx</title>
<g id="a_node14"><a xlink:href="src/Components/Gaming/Modal.tsx" xlink:title="Modal.tsx">
<path fill="#bbfeff" stroke="black" d="M258.5,-934.71C258.5,-934.71 211.5,-934.71 211.5,-934.71 208.5,-934.71 205.5,-931.71 205.5,-928.71 205.5,-928.71 205.5,-922.71 205.5,-922.71 205.5,-919.71 208.5,-916.71 211.5,-916.71 211.5,-916.71 258.5,-916.71 258.5,-916.71 261.5,-916.71 264.5,-919.71 264.5,-922.71 264.5,-922.71 264.5,-928.71 264.5,-928.71 264.5,-931.71 261.5,-934.71 258.5,-934.71"/>
<text text-anchor="start" x="213.5" y="-923.51" font-family="Helvetica,sans-Serif" font-size="9.00">Modal.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Gaming/Quests.tsx -->
<g id="node15" class="node">
<title>src/Components/Gaming/Quests.tsx</title>
<g id="a_node15"><a xlink:href="src/Components/Gaming/Quests.tsx" xlink:title="Quests.tsx">
<path fill="#bbfeff" stroke="black" d="M261,-964.71C261,-964.71 209,-964.71 209,-964.71 206,-964.71 203,-961.71 203,-958.71 203,-958.71 203,-952.71 203,-952.71 203,-949.71 206,-946.71 209,-946.71 209,-946.71 261,-946.71 261,-946.71 264,-946.71 267,-949.71 267,-952.71 267,-952.71 267,-958.71 267,-958.71 267,-961.71 264,-964.71 261,-964.71"/>
<text text-anchor="start" x="211" y="-953.51" font-family="Helvetica,sans-Serif" font-size="9.00">Quests.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Gaming/index.tsx -->
<g id="node16" class="node">
<title>src/Components/Gaming/index.tsx</title>
<g id="a_node16"><a xlink:href="src/Components/Gaming/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-934.71C175,-934.71 129,-934.71 129,-934.71 126,-934.71 123,-931.71 123,-928.71 123,-928.71 123,-922.71 123,-922.71 123,-919.71 126,-916.71 129,-916.71 129,-916.71 175,-916.71 175,-916.71 178,-916.71 181,-919.71 181,-922.71 181,-922.71 181,-928.71 181,-928.71 181,-931.71 178,-934.71 175,-934.71"/>
<text text-anchor="start" x="131" y="-923.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Modal.tsx -->
<g id="edge14" class="edge">
<title>src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Modal.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-925.71C187.03,-925.71 193.07,-925.71 198.97,-925.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.28,-927.81 205.27,-925.71 199.27,-923.61 199.28,-927.81"/>
</g>
<!-- src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Quests.tsx -->
<g id="edge15" class="edge">
<title>src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Quests.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.3,-934.72C185.56,-937.77 194.89,-941.23 203.56,-944.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.08,-946.5 209.43,-946.62 204.54,-942.56 203.08,-946.5"/>
</g>
<!-- src/Components/Input/TextAreaInput.tsx -->
<g id="node17" class="node">
<title>src/Components/Input/TextAreaInput.tsx</title>
<g id="a_node17"><a xlink:href="src/Components/Input/TextAreaInput.tsx" xlink:title="TextAreaInput.tsx">
<path fill="#bbfeff" stroke="black" d="M822,-344.71C822,-344.71 738,-344.71 738,-344.71 735,-344.71 732,-341.71 732,-338.71 732,-338.71 732,-332.71 732,-332.71 732,-329.71 735,-326.71 738,-326.71 738,-326.71 822,-326.71 822,-326.71 825,-326.71 828,-329.71 828,-332.71 828,-332.71 828,-338.71 828,-338.71 828,-341.71 825,-344.71 822,-344.71"/>
<text text-anchor="start" x="740" y="-333.51" font-family="Helvetica,sans-Serif" font-size="9.00">TextAreaInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/hooks/useTags.tsx -->
<g id="node18" class="node">
<title>src/Components/Map/hooks/useTags.tsx</title>
<g id="a_node18"><a xlink:href="src/Components/Map/hooks/useTags.tsx" xlink:title="useTags.tsx">
<path fill="#bbfeff" stroke="black" d="M808,-518.71C808,-518.71 752,-518.71 752,-518.71 749,-518.71 746,-515.71 746,-512.71 746,-512.71 746,-506.71 746,-506.71 746,-503.71 749,-500.71 752,-500.71 752,-500.71 808,-500.71 808,-500.71 811,-500.71 814,-503.71 814,-506.71 814,-506.71 814,-512.71 814,-512.71 814,-515.71 811,-518.71 808,-518.71"/>
<text text-anchor="start" x="754" y="-507.51" font-family="Helvetica,sans-Serif" font-size="9.00">useTags.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Input/TextAreaInput.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge16" class="edge">
<title>src/Components/Input/TextAreaInput.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M773.05,-345.02C758.4,-365.28 724.72,-415.47 712.83,-463.71 709.96,-475.37 709.36,-479.23 712.83,-490.71 716.36,-502.38 727.48,-507.81 739.68,-510.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.49,-512.2 745.73,-510.99 740.1,-508.04 739.49,-512.2"/>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M773,-344.98C757.9,-365.65 722.6,-417.64 710.17,-467.71 708.13,-475.91 707.72,-478.63 710.17,-486.71 714.05,-499.53 726.48,-505.71 739.8,-508.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.68,-510.64 745.96,-509.6 740.41,-506.5 739.68,-510.64"/>
</g>
<!-- src/Components/Input/index.tsx -->
<g id="node19" class="node">
<title>src/Components/Input/index.tsx</title>
<g id="a_node19"><a xlink:href="src/Components/Input/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M664.5,-344.71C664.5,-344.71 618.5,-344.71 618.5,-344.71 615.5,-344.71 612.5,-341.71 612.5,-338.71 612.5,-338.71 612.5,-332.71 612.5,-332.71 612.5,-329.71 615.5,-326.71 618.5,-326.71 618.5,-326.71 664.5,-326.71 664.5,-326.71 667.5,-326.71 670.5,-329.71 670.5,-332.71 670.5,-332.71 670.5,-338.71 670.5,-338.71 670.5,-341.71 667.5,-344.71 664.5,-344.71"/>
<text text-anchor="start" x="620.5" y="-333.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge18" class="edge">
<title>src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M670.78,-329.5C689.63,-325.36 714.75,-319.84 736.04,-315.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.53,-317.2 741.94,-313.86 735.63,-313.1 736.53,-317.2"/>
</g>
<!-- src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge17" class="edge">
<title>src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M670.78,-335.71C686.64,-335.71 706.94,-335.71 725.66,-335.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.94,-337.81 731.94,-335.71 725.94,-333.61 725.94,-337.81"/>
</g>
<!-- src/Components/Map/ItemForm.tsx -->
<g id="node20" class="node">
<title>src/Components/Map/ItemForm.tsx</title>
<g id="a_node20"><a xlink:href="src/Components/Map/ItemForm.tsx" xlink:title="ItemForm.tsx">
<path fill="#bbfeff" stroke="black" d="M267.5,-492.71C267.5,-492.71 202.5,-492.71 202.5,-492.71 199.5,-492.71 196.5,-489.71 196.5,-486.71 196.5,-486.71 196.5,-480.71 196.5,-480.71 196.5,-477.71 199.5,-474.71 202.5,-474.71 202.5,-474.71 267.5,-474.71 267.5,-474.71 270.5,-474.71 273.5,-477.71 273.5,-480.71 273.5,-480.71 273.5,-486.71 273.5,-486.71 273.5,-489.71 270.5,-492.71 267.5,-492.71"/>
<text text-anchor="start" x="204.5" y="-481.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemForm.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/ItemView.tsx -->
<g id="node21" class="node">
<title>src/Components/Map/ItemView.tsx</title>
<g id="a_node21"><a xlink:href="src/Components/Map/ItemView.tsx" xlink:title="ItemView.tsx">
<path fill="#bbfeff" stroke="black" d="M266,-522.71C266,-522.71 204,-522.71 204,-522.71 201,-522.71 198,-519.71 198,-516.71 198,-516.71 198,-510.71 198,-510.71 198,-507.71 201,-504.71 204,-504.71 204,-504.71 266,-504.71 266,-504.71 269,-504.71 272,-507.71 272,-510.71 272,-510.71 272,-516.71 272,-516.71 272,-519.71 269,-522.71 266,-522.71"/>
<text text-anchor="start" x="206" y="-511.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemView.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx -->
<g id="node22" class="node">
<title>src/Components/Map/Layer.tsx</title>
<g id="a_node22"><a xlink:href="src/Components/Map/Layer.tsx" xlink:title="Layer.tsx">
<path fill="#bbfeff" stroke="black" d="M257.5,-612.71C257.5,-612.71 212.5,-612.71 212.5,-612.71 209.5,-612.71 206.5,-609.71 206.5,-606.71 206.5,-606.71 206.5,-600.71 206.5,-600.71 206.5,-597.71 209.5,-594.71 212.5,-594.71 212.5,-594.71 257.5,-594.71 257.5,-594.71 260.5,-594.71 263.5,-597.71 263.5,-600.71 263.5,-600.71 263.5,-606.71 263.5,-606.71 263.5,-609.71 260.5,-612.71 257.5,-612.71"/>
<text text-anchor="start" x="214.5" y="-601.51" font-family="Helvetica,sans-Serif" font-size="9.00">Layer.tsx</text>
</a>
</g>
</g>
<!-- src/Utils/MarkerIconFactory.ts -->
<g id="node23" class="node">
<title>src/Utils/MarkerIconFactory.ts</title>
<g id="a_node23"><a xlink:href="src/Utils/MarkerIconFactory.ts" xlink:title="MarkerIconFactory.ts">
<path fill="#ddfeff" stroke="black" d="M829,-1290.71C829,-1290.71 731,-1290.71 731,-1290.71 728,-1290.71 725,-1287.71 725,-1284.71 725,-1284.71 725,-1278.71 725,-1278.71 725,-1275.71 728,-1272.71 731,-1272.71 731,-1272.71 829,-1272.71 829,-1272.71 832,-1272.71 835,-1275.71 835,-1278.71 835,-1278.71 835,-1284.71 835,-1284.71 835,-1287.71 832,-1290.71 829,-1290.71"/>
<text text-anchor="start" x="733" y="-1279.51" font-family="Helvetica,sans-Serif" font-size="9.00">MarkerIconFactory.ts</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Utils/MarkerIconFactory.ts -->
<g id="edge19" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Utils/MarkerIconFactory.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M237.53,-613.07C243.54,-650.08 265.57,-789.81 275.5,-905.71 277.47,-928.76 274.11,-1092.8 284,-1113.71 359.19,-1272.69 604.18,-1287.25 718.82,-1284.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.9,-1287.04 724.85,-1284.8 718.8,-1282.84 718.9,-1287.04"/>
</g>
<!-- src/Components/Map/hooks/useFilter.tsx -->
<g id="node24" class="node">
<title>src/Components/Map/hooks/useFilter.tsx</title>
<g id="a_node24"><a xlink:href="src/Components/Map/hooks/useFilter.tsx" xlink:title="useFilter.tsx">
<path fill="#bbfeff" stroke="black" d="M670.5,-518.71C670.5,-518.71 612.5,-518.71 612.5,-518.71 609.5,-518.71 606.5,-515.71 606.5,-512.71 606.5,-512.71 606.5,-506.71 606.5,-506.71 606.5,-503.71 609.5,-500.71 612.5,-500.71 612.5,-500.71 670.5,-500.71 670.5,-500.71 673.5,-500.71 676.5,-503.71 676.5,-506.71 676.5,-506.71 676.5,-512.71 676.5,-512.71 676.5,-515.71 673.5,-518.71 670.5,-518.71"/>
<text text-anchor="start" x="614.5" y="-507.51" font-family="Helvetica,sans-Serif" font-size="9.00">useFilter.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge20" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M263.68,-597.19C268.12,-595.1 272.3,-592.34 275.5,-588.71 286.09,-576.71 273.01,-565.36 284,-553.71 323.71,-511.64 351.4,-524.99 408.5,-515.71 475.11,-504.89 553.86,-505.66 600.36,-507.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.34,-509.59 606.42,-507.74 600.51,-505.39 600.34,-509.59"/>
</g>
<!-- src/Components/Map/hooks/useItems.tsx -->
<g id="node25" class="node">
<title>src/Components/Map/hooks/useItems.tsx</title>
<g id="a_node25"><a xlink:href="src/Components/Map/hooks/useItems.tsx" xlink:title="useItems.tsx">
<path fill="#bbfeff" stroke="black" d="M672.5,-488.71C672.5,-488.71 610.5,-488.71 610.5,-488.71 607.5,-488.71 604.5,-485.71 604.5,-482.71 604.5,-482.71 604.5,-476.71 604.5,-476.71 604.5,-473.71 607.5,-470.71 610.5,-470.71 610.5,-470.71 672.5,-470.71 672.5,-470.71 675.5,-470.71 678.5,-473.71 678.5,-476.71 678.5,-476.71 678.5,-482.71 678.5,-482.71 678.5,-485.71 675.5,-488.71 672.5,-488.71"/>
<text text-anchor="start" x="612.5" y="-477.51" font-family="Helvetica,sans-Serif" font-size="9.00">useItems.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge21" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M263.67,-597.7C268.22,-595.56 272.44,-592.65 275.5,-588.71 285.79,-575.47 272.03,-525.47 284,-513.71 327.49,-470.99 513.52,-473.77 598.21,-477.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.29,-479.52 604.38,-477.68 598.48,-475.32 598.29,-479.52"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx -->
<g id="node26" class="node">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx</title>
<g id="a_node26"><a xlink:href="src/Components/Map/Subcomponents/ItemFormPopup.tsx" xlink:title="ItemFormPopup.tsx">
<path fill="#bbfeff" stroke="black" d="M391,-582.71C391,-582.71 298,-582.71 298,-582.71 295,-582.71 292,-579.71 292,-576.71 292,-576.71 292,-570.71 292,-570.71 292,-567.71 295,-564.71 298,-564.71 298,-564.71 391,-564.71 391,-564.71 394,-564.71 397,-567.71 397,-570.71 397,-570.71 397,-576.71 397,-576.71 397,-579.71 394,-582.71 391,-582.71"/>
<text text-anchor="start" x="300" y="-571.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemFormPopup.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemFormPopup.tsx -->
<g id="edge22" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemFormPopup.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M263.59,-594.8C270.25,-592.73 277.36,-590.59 284,-588.71 289.27,-587.23 294.82,-585.73 300.33,-584.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="301,-586.29 306.28,-582.76 299.94,-582.23 301,-586.29"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx -->
<g id="node27" class="node">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx</title>
<g id="a_node27"><a xlink:href="src/Components/Map/Subcomponents/ItemViewPopup.tsx" xlink:title="ItemViewPopup.tsx">
<path fill="#bbfeff" stroke="black" d="M390.5,-680.71C390.5,-680.71 298.5,-680.71 298.5,-680.71 295.5,-680.71 292.5,-677.71 292.5,-674.71 292.5,-674.71 292.5,-668.71 292.5,-668.71 292.5,-665.71 295.5,-662.71 298.5,-662.71 298.5,-662.71 390.5,-662.71 390.5,-662.71 393.5,-662.71 396.5,-665.71 396.5,-668.71 396.5,-668.71 396.5,-674.71 396.5,-674.71 396.5,-677.71 393.5,-680.71 390.5,-680.71"/>
<text text-anchor="start" x="300.5" y="-669.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemViewPopup.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemViewPopup.tsx -->
<g id="edge23" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemViewPopup.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M243.67,-612.75C252.53,-622.7 267.94,-638.63 284,-648.71 291.17,-653.22 299.37,-657.09 307.34,-660.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="307.02,-662.42 313.38,-662.62 308.53,-658.5 307.02,-662.42"/>
</g>
<!-- src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge56" class="edge">
<title>src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M678.72,-487.68C697.54,-491.81 720.55,-496.87 739.78,-501.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.58,-503.2 745.89,-502.44 740.48,-499.1 739.58,-503.2"/>
</g>
<!-- src/Components/Map/hooks/useLayers.tsx -->
<g id="node30" class="node">
<title>src/Components/Map/hooks/useLayers.tsx</title>
<g id="a_node30"><a xlink:href="src/Components/Map/hooks/useLayers.tsx" xlink:title="useLayers.tsx">
<path fill="#bbfeff" stroke="black" d="M813,-488.71C813,-488.71 747,-488.71 747,-488.71 744,-488.71 741,-485.71 741,-482.71 741,-482.71 741,-476.71 741,-476.71 741,-473.71 744,-470.71 747,-470.71 747,-470.71 813,-470.71 813,-470.71 816,-470.71 819,-473.71 819,-476.71 819,-476.71 819,-482.71 819,-482.71 819,-485.71 816,-488.71 813,-488.71"/>
<text text-anchor="start" x="749" y="-477.51" font-family="Helvetica,sans-Serif" font-size="9.00">useLayers.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge55" class="edge">
<title>src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M678.72,-479.71C695.89,-479.71 716.56,-479.71 734.67,-479.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="734.7,-481.81 740.7,-479.71 734.7,-477.61 734.7,-481.81"/>
</g>
<!-- src/Utils/HashTagRegex.tsx -->
<g id="node34" class="node">
<title>src/Utils/HashTagRegex.tsx</title>
<g id="a_node34"><a xlink:href="src/Utils/HashTagRegex.tsx" xlink:title="HashTagRegex.tsx">
<path fill="#bbfeff" stroke="black" d="M823,-1200.71C823,-1200.71 737,-1200.71 737,-1200.71 734,-1200.71 731,-1197.71 731,-1194.71 731,-1194.71 731,-1188.71 731,-1188.71 731,-1185.71 734,-1182.71 737,-1182.71 737,-1182.71 823,-1182.71 823,-1182.71 826,-1182.71 829,-1185.71 829,-1188.71 829,-1188.71 829,-1194.71 829,-1194.71 829,-1197.71 826,-1200.71 823,-1200.71"/>
<text text-anchor="start" x="739" y="-1189.51" font-family="Helvetica,sans-Serif" font-size="9.00">HashTagRegex.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
<g id="edge54" class="edge">
<title>src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M678.76,-479.82C689.64,-481.78 700.53,-486.05 707.5,-494.71 731.26,-524.23 691.81,-1147.14 715.5,-1176.71 718.21,-1180.1 721.53,-1182.81 725.22,-1184.97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="724.55,-1186.98 730.86,-1187.75 726.41,-1183.21 724.55,-1186.98"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge32" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M346.39,-564.71C350.63,-523.66 370.21,-354.83 408.5,-321.71 456.29,-280.38 648.62,-293.03 735.73,-301.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="735.65,-303.27 741.82,-301.75 736.05,-299.09 735.65,-303.27"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge31" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M348.89,-564.66C356.99,-543.79 379,-491.29 408.5,-454.71 466.52,-382.78 480.69,-352.42 567.5,-320.71 625.95,-299.37 645.61,-314.29 707.5,-320.71 717.22,-321.72 727.56,-323.48 737.27,-325.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.92,-327.52 743.22,-326.7 737.78,-323.41 736.92,-327.52"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge35" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M396.73,-564.36C398.08,-563.26 399.35,-562.05 400.5,-560.71 413.92,-545.19 393.55,-482.77 408.5,-468.71 420.6,-457.33 694.33,-454.59 707.5,-464.71 718.44,-473.12 705.6,-485.1 715.5,-494.71 722.1,-501.13 730.9,-504.98 739.84,-507.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.41,-509.31 745.72,-508.53 740.3,-505.2 739.41,-509.31"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge33" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M395.33,-564.61C397.16,-563.45 398.9,-562.16 400.5,-560.71 408.54,-553.46 400.07,-544.5 408.5,-537.71 412.2,-534.73 534.87,-521.1 600.3,-514.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.71,-516.09 606.45,-513.36 600.26,-511.91 600.71,-516.09"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge34" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M396.09,-564.55C397.66,-563.41 399.14,-562.13 400.5,-560.71 413.64,-546.99 394.92,-532 408.5,-518.71 458.71,-469.58 546.19,-468.87 598.18,-473.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.16,-475.79 604.34,-474.3 598.58,-471.62 598.16,-475.79"/>
</g>
<!-- src/types.ts -->
<g id="node33" class="node">
<title>src/types.ts</title>
<g id="a_node33"><a xlink:href="src/types.ts" xlink:title="types.ts">
<path fill="#ddfeff" stroke="black" d="M501,-1162.71C501,-1162.71 459,-1162.71 459,-1162.71 456,-1162.71 453,-1159.71 453,-1156.71 453,-1156.71 453,-1150.71 453,-1150.71 453,-1147.71 456,-1144.71 459,-1144.71 459,-1144.71 501,-1144.71 501,-1144.71 504,-1144.71 507,-1147.71 507,-1150.71 507,-1150.71 507,-1156.71 507,-1156.71 507,-1159.71 504,-1162.71 501,-1162.71"/>
<text text-anchor="start" x="461.5" y="-1151.51" font-family="Helvetica,sans-Serif" font-size="9.00">types.ts</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/types.ts -->
<g id="edge28" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.63,-583C396.82,-584.63 398.8,-586.52 400.5,-588.71 418.92,-612.47 390.82,-1105.4 408.5,-1129.71 417.35,-1141.88 432.72,-1147.95 446.86,-1150.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="446.54,-1153.02 452.82,-1152.05 447.3,-1148.89 446.54,-1153.02"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
<g id="edge29" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.63,-583.01C396.82,-584.63 398.8,-586.52 400.5,-588.71 418.38,-611.76 388.9,-1092.11 408.5,-1113.71 431.19,-1138.72 526.4,-1124.02 559.5,-1130.71 630.35,-1145.03 645.63,-1158.18 715.5,-1176.71 721.25,-1178.24 727.31,-1179.77 733.31,-1181.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.96,-1183.31 739.28,-1182.69 733.95,-1179.23 732.96,-1183.31"/>
</g>
<!-- src/Utils/RandomColor.ts -->
<g id="node35" class="node">
<title>src/Utils/RandomColor.ts</title>
<g id="a_node35"><a xlink:href="src/Utils/RandomColor.ts" xlink:title="RandomColor.ts">
<path fill="#ddfeff" stroke="black" d="M817.5,-1230.71C817.5,-1230.71 742.5,-1230.71 742.5,-1230.71 739.5,-1230.71 736.5,-1227.71 736.5,-1224.71 736.5,-1224.71 736.5,-1218.71 736.5,-1218.71 736.5,-1215.71 739.5,-1212.71 742.5,-1212.71 742.5,-1212.71 817.5,-1212.71 817.5,-1212.71 820.5,-1212.71 823.5,-1215.71 823.5,-1218.71 823.5,-1218.71 823.5,-1224.71 823.5,-1224.71 823.5,-1227.71 820.5,-1230.71 817.5,-1230.71"/>
<text text-anchor="start" x="744.5" y="-1219.51" font-family="Helvetica,sans-Serif" font-size="9.00">RandomColor.ts</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/RandomColor.ts -->
<g id="edge30" class="edge">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/RandomColor.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.63,-583C396.82,-584.63 398.8,-586.52 400.5,-588.71 410.72,-601.91 397.01,-1177.6 408.5,-1189.71 420.07,-1201.91 542.74,-1198.32 559.5,-1199.71 618.19,-1204.6 685.57,-1211.55 730.02,-1216.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="729.95,-1218.43 736.14,-1216.99 730.4,-1214.26 729.95,-1218.43"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx -->
<g id="node36" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx</title>
<g id="a_node36"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx" xlink:title="HeaderView.tsx">
<path fill="#bbfeff" stroke="black" d="M517,-680.71C517,-680.71 443,-680.71 443,-680.71 440,-680.71 437,-677.71 437,-674.71 437,-674.71 437,-668.71 437,-668.71 437,-665.71 440,-662.71 443,-662.71 443,-662.71 517,-662.71 517,-662.71 520,-662.71 523,-665.71 523,-668.71 523,-668.71 523,-674.71 523,-674.71 523,-677.71 520,-680.71 517,-680.71"/>
<text text-anchor="start" x="445" y="-669.51" font-family="Helvetica,sans-Serif" font-size="9.00">HeaderView.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx -->
<g id="edge44" class="edge">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M396.73,-671.71C407.9,-671.71 419.68,-671.71 430.73,-671.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="430.78,-673.81 436.78,-671.71 430.78,-669.61 430.78,-673.81"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
<g id="node41" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
<g id="a_node41"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx" xlink:title="TextView.tsx">
<path fill="#bbfeff" stroke="black" d="M509.5,-710.71C509.5,-710.71 450.5,-710.71 450.5,-710.71 447.5,-710.71 444.5,-707.71 444.5,-704.71 444.5,-704.71 444.5,-698.71 444.5,-698.71 444.5,-695.71 447.5,-692.71 450.5,-692.71 450.5,-692.71 509.5,-692.71 509.5,-692.71 512.5,-692.71 515.5,-695.71 515.5,-698.71 515.5,-698.71 515.5,-704.71 515.5,-704.71 515.5,-707.71 512.5,-710.71 509.5,-710.71"/>
<text text-anchor="start" x="452.5" y="-699.51" font-family="Helvetica,sans-Serif" font-size="9.00">TextView.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
<g id="edge45" class="edge">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.98,-680.74C389.53,-682.06 395.16,-683.42 400.5,-684.71 404.06,-685.58 404.93,-685.89 408.5,-686.71 418.09,-688.93 428.45,-691.2 438.19,-693.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="437.86,-695.36 444.16,-694.56 438.73,-691.26 437.86,-695.36"/>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx -->
<g id="node28" class="node">
<title>src/Components/Map/Subcomponents/AddButton.tsx</title>
<g id="a_node28"><a xlink:href="src/Components/Map/Subcomponents/AddButton.tsx" xlink:title="AddButton.tsx">
<path fill="#bbfeff" stroke="black" d="M379.5,-642.71C379.5,-642.71 309.5,-642.71 309.5,-642.71 306.5,-642.71 303.5,-639.71 303.5,-636.71 303.5,-636.71 303.5,-630.71 303.5,-630.71 303.5,-627.71 306.5,-624.71 309.5,-624.71 309.5,-624.71 379.5,-624.71 379.5,-624.71 382.5,-624.71 385.5,-627.71 385.5,-630.71 385.5,-630.71 385.5,-636.71 385.5,-636.71 385.5,-639.71 382.5,-642.71 379.5,-642.71"/>
<text text-anchor="start" x="311.5" y="-631.51" font-family="Helvetica,sans-Serif" font-size="9.00">AddButton.tsx</text>
</a>
</g>
</g>
<!-- src/Utils/DynamicHeroIcon.tsx -->
<g id="node29" class="node">
<title>src/Utils/DynamicHeroIcon.tsx</title>
<g id="a_node29"><a xlink:href="src/Utils/DynamicHeroIcon.tsx" xlink:title="DynamicHeroIcon.tsx">
<path fill="#bbfeff" stroke="black" d="M830.5,-1260.71C830.5,-1260.71 729.5,-1260.71 729.5,-1260.71 726.5,-1260.71 723.5,-1257.71 723.5,-1254.71 723.5,-1254.71 723.5,-1248.71 723.5,-1248.71 723.5,-1245.71 726.5,-1242.71 729.5,-1242.71 729.5,-1242.71 830.5,-1242.71 830.5,-1242.71 833.5,-1242.71 836.5,-1245.71 836.5,-1248.71 836.5,-1248.71 836.5,-1254.71 836.5,-1254.71 836.5,-1257.71 833.5,-1260.71 830.5,-1260.71"/>
<text text-anchor="start" x="731.5" y="-1249.51" font-family="Helvetica,sans-Serif" font-size="9.00">DynamicHeroIcon.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Utils/DynamicHeroIcon.tsx -->
<g id="edge24" class="edge">
<title>src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Utils/DynamicHeroIcon.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.7,-642.85C390.32,-646.15 396.38,-650.63 400.5,-656.71 417.37,-681.66 388.6,-1176.11 408.5,-1198.71 448.04,-1243.64 622.51,-1251.35 717.25,-1252.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="717.36,-1254.25 723.38,-1252.19 717.39,-1250.05 717.36,-1254.25"/>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge25" class="edge">
<title>src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.67,-628.75C391.3,-626.47 396.51,-623.25 400.5,-618.71 417.41,-599.52 393.09,-582.14 408.5,-561.71 452.72,-503.1 511.81,-550.54 559.5,-494.71 568.46,-484.22 556.56,-473.12 567.5,-464.71 622.42,-422.52 710.86,-450.45 753.88,-468.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="753.3,-470.25 759.64,-470.65 754.93,-466.38 753.3,-470.25"/>
</g>
<!-- src/Components/Map/Subcomponents/FilterControl.tsx -->
<g id="node31" class="node">
<title>src/Components/Map/Subcomponents/FilterControl.tsx</title>
<g id="a_node31"><a xlink:href="src/Components/Map/Subcomponents/FilterControl.tsx" xlink:title="FilterControl.tsx">
<path fill="#bbfeff" stroke="black" d="M382,-612.71C382,-612.71 307,-612.71 307,-612.71 304,-612.71 301,-609.71 301,-606.71 301,-606.71 301,-600.71 301,-600.71 301,-597.71 304,-594.71 307,-594.71 307,-594.71 382,-594.71 382,-594.71 385,-594.71 388,-597.71 388,-600.71 388,-600.71 388,-606.71 388,-606.71 388,-609.71 385,-612.71 382,-612.71"/>
<text text-anchor="start" x="309" y="-601.51" font-family="Helvetica,sans-Serif" font-size="9.00">FilterControl.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge26" class="edge">
<title>src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388.23,-597.39C392.83,-595.24 397.07,-592.42 400.5,-588.71 413.4,-574.76 394.48,-559.54 408.5,-546.71 433.38,-523.96 528.56,-545.12 559.5,-531.71 563.83,-529.84 563.27,-526.81 567.5,-524.71 577.57,-519.71 589.22,-516.38 600.21,-514.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.72,-516.2 606.23,-513.03 599.95,-512.07 600.72,-516.2"/>
</g>
<!-- src/Components/Map/hooks/useWindowDimension.tsx -->
<g id="node32" class="node">
<title>src/Components/Map/hooks/useWindowDimension.tsx</title>
<g id="a_node32"><a xlink:href="src/Components/Map/hooks/useWindowDimension.tsx" xlink:title="useWindowDimension.tsx">
<path fill="#bbfeff" stroke="black" d="M701.5,-548.71C701.5,-548.71 581.5,-548.71 581.5,-548.71 578.5,-548.71 575.5,-545.71 575.5,-542.71 575.5,-542.71 575.5,-536.71 575.5,-536.71 575.5,-533.71 578.5,-530.71 581.5,-530.71 581.5,-530.71 701.5,-530.71 701.5,-530.71 704.5,-530.71 707.5,-533.71 707.5,-536.71 707.5,-536.71 707.5,-542.71 707.5,-542.71 707.5,-545.71 704.5,-548.71 701.5,-548.71"/>
<text text-anchor="start" x="583.5" y="-537.51" font-family="Helvetica,sans-Serif" font-size="9.00">useWindowDimension.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useWindowDimension.tsx -->
<g id="edge27" class="edge">
<title>src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useWindowDimension.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388.15,-596.93C392.71,-594.86 396.96,-592.18 400.5,-588.71 409.45,-579.96 398.84,-569.67 408.5,-561.71 411.64,-559.13 502.2,-551.13 569.23,-545.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="569.42,-547.61 575.23,-545.02 569.08,-543.43 569.42,-547.61"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge36" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M523.19,-673.41C536.71,-671.67 550.49,-667.08 559.5,-656.71 583.15,-629.51 544.04,-522.08 567.5,-494.71 575.17,-485.76 586.63,-481.29 598.21,-479.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.61,-481.29 604.26,-478.36 598.02,-477.13 598.61,-481.29"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx -->
<g id="node37" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx</title>
<g id="a_node37"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx" xlink:title="PopupStartEndInput.tsx">
<path fill="#bbfeff" stroke="black" d="M537.5,-590.71C537.5,-590.71 422.5,-590.71 422.5,-590.71 419.5,-590.71 416.5,-587.71 416.5,-584.71 416.5,-584.71 416.5,-578.71 416.5,-578.71 416.5,-575.71 419.5,-572.71 422.5,-572.71 422.5,-572.71 537.5,-572.71 537.5,-572.71 540.5,-572.71 543.5,-575.71 543.5,-578.71 543.5,-578.71 543.5,-584.71 543.5,-584.71 543.5,-587.71 540.5,-590.71 537.5,-590.71"/>
<text text-anchor="start" x="424.5" y="-579.51" font-family="Helvetica,sans-Serif" font-size="9.00">PopupStartEndInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx&#45;&gt;src/Components/Input/index.tsx -->
<g id="edge37" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx&#45;&gt;src/Components/Input/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M486.87,-572.67C510.9,-535.6 601.95,-395.16 631.31,-349.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="633.08,-351.02 634.58,-344.84 629.55,-348.74 633.08,-351.02"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx -->
<g id="node38" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx</title>
<g id="a_node38"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx" xlink:title="PopupTextAreaInput.tsx">
<path fill="#bbfeff" stroke="black" d="M536.5,-620.71C536.5,-620.71 423.5,-620.71 423.5,-620.71 420.5,-620.71 417.5,-617.71 417.5,-614.71 417.5,-614.71 417.5,-608.71 417.5,-608.71 417.5,-605.71 420.5,-602.71 423.5,-602.71 423.5,-602.71 536.5,-602.71 536.5,-602.71 539.5,-602.71 542.5,-605.71 542.5,-608.71 542.5,-608.71 542.5,-614.71 542.5,-614.71 542.5,-617.71 539.5,-620.71 536.5,-620.71"/>
<text text-anchor="start" x="425.5" y="-609.51" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextAreaInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx&#45;&gt;src/Components/Input/index.tsx -->
<g id="edge38" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx&#45;&gt;src/Components/Input/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M542.8,-608.34C549.14,-605.68 554.92,-601.93 559.5,-596.71 569.56,-585.25 563.06,-474.3 567.5,-459.71 580.76,-416.12 612.17,-371.71 629.15,-349.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="630.89,-350.95 632.94,-344.93 627.58,-348.36 630.89,-350.95"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx -->
<g id="node39" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx</title>
<g id="a_node39"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx" xlink:title="PopupTextInput.tsx">
<path fill="#ccffcc" stroke="black" d="M526,-650.71C526,-650.71 434,-650.71 434,-650.71 431,-650.71 428,-647.71 428,-644.71 428,-644.71 428,-638.71 428,-638.71 428,-635.71 431,-632.71 434,-632.71 434,-632.71 526,-632.71 526,-632.71 529,-632.71 532,-635.71 532,-638.71 532,-638.71 532,-644.71 532,-644.71 532,-647.71 529,-650.71 526,-650.71"/>
<text text-anchor="start" x="436" y="-639.51" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx -->
<g id="node40" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx</title>
<g id="a_node40"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx" xlink:title="StartEndView.tsx">
<path fill="#bbfeff" stroke="black" d="M521,-740.71C521,-740.71 439,-740.71 439,-740.71 436,-740.71 433,-737.71 433,-734.71 433,-734.71 433,-728.71 433,-728.71 433,-725.71 436,-722.71 439,-722.71 439,-722.71 521,-722.71 521,-722.71 524,-722.71 527,-725.71 527,-728.71 527,-728.71 527,-734.71 527,-734.71 527,-737.71 524,-740.71 521,-740.71"/>
<text text-anchor="start" x="441" y="-729.51" font-family="Helvetica,sans-Serif" font-size="9.00">StartEndView.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge43" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.74,-698.79C529.81,-696.67 545.9,-693.01 559.5,-686.71 650.11,-644.75 735.67,-557.29 766.71,-523.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="768.4,-524.74 770.89,-518.89 765.3,-521.91 768.4,-524.74"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge42" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.88,-704.09C531.54,-703.15 548.85,-698.97 559.5,-686.71 583.15,-659.51 544.04,-552.08 567.5,-524.71 575.61,-515.26 587.94,-510.79 600.17,-508.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.44,-510.98 606.14,-508.17 599.93,-506.82 600.44,-510.98"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
<g id="edge39" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.65,-699.95C531.06,-701.06 548.23,-705.22 559.5,-716.71 574.33,-731.85 560.39,-743.75 567.5,-763.71 609.83,-882.59 672.4,-889.51 707.5,-1010.71 712.64,-1028.45 703.7,-1162.51 715.5,-1176.71 718.22,-1179.99 721.52,-1182.63 725.16,-1184.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="724.4,-1186.71 730.71,-1187.49 726.26,-1182.95 724.4,-1186.71"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/RandomColor.ts -->
<g id="edge40" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/RandomColor.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.9,-699.33C531.56,-700.26 548.87,-704.45 559.5,-716.71 572.17,-731.34 562.86,-871.92 567.5,-890.71 568.08,-893.07 713.62,-1205.19 715.5,-1206.71 719.89,-1210.28 724.98,-1213.03 730.34,-1215.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="729.88,-1217.2 736.23,-1217.19 731.25,-1213.23 729.88,-1217.2"/>
</g>
<!-- src/Utils/ReplaceURLs.ts -->
<g id="node42" class="node">
<title>src/Utils/ReplaceURLs.ts</title>
<g id="a_node42"><a xlink:href="src/Utils/ReplaceURLs.ts" xlink:title="ReplaceURLs.ts">
<path fill="#ddfeff" stroke="black" d="M817,-1170.71C817,-1170.71 743,-1170.71 743,-1170.71 740,-1170.71 737,-1167.71 737,-1164.71 737,-1164.71 737,-1158.71 737,-1158.71 737,-1155.71 740,-1152.71 743,-1152.71 743,-1152.71 817,-1152.71 817,-1152.71 820,-1152.71 823,-1155.71 823,-1158.71 823,-1158.71 823,-1164.71 823,-1164.71 823,-1167.71 820,-1170.71 817,-1170.71"/>
<text text-anchor="start" x="745" y="-1159.51" font-family="Helvetica,sans-Serif" font-size="9.00">ReplaceURLs.ts</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/ReplaceURLs.ts -->
<g id="edge41" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/ReplaceURLs.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.84,-706.24C567.2,-714.94 662.06,-739.14 707.5,-802.71 748.24,-859.72 771.84,-1084.87 777.61,-1146.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="775.55,-1146.77 778.19,-1152.55 779.73,-1146.38 775.55,-1146.77"/>
</g>
<!-- src/Components/Map/Tags.tsx -->
<g id="node43" class="node">
<title>src/Components/Map/Tags.tsx</title>
<g id="a_node43"><a xlink:href="src/Components/Map/Tags.tsx" xlink:title="Tags.tsx">
<path fill="#bbfeff" stroke="black" d="M256,-552.71C256,-552.71 214,-552.71 214,-552.71 211,-552.71 208,-549.71 208,-546.71 208,-546.71 208,-540.71 208,-540.71 208,-537.71 211,-534.71 214,-534.71 214,-534.71 256,-534.71 256,-534.71 259,-534.71 262,-537.71 262,-540.71 262,-540.71 262,-546.71 262,-546.71 262,-549.71 259,-552.71 256,-552.71"/>
<text text-anchor="start" x="216.5" y="-541.51" font-family="Helvetica,sans-Serif" font-size="9.00">Tags.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Tags.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge46" class="edge">
<title>src/Components/Map/Tags.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M262.18,-538.53C267.34,-536.32 272.17,-533.19 275.5,-528.71 291.07,-507.81 264.91,-429.47 284,-411.71 301.23,-395.69 690.08,-395.9 707.5,-411.71 721.22,-424.17 703.32,-480.75 715.5,-494.71 721.73,-501.86 730.67,-505.93 739.89,-508.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.66,-510.28 745.96,-509.41 740.49,-506.16 739.66,-510.28"/>
</g>
<!-- src/Components/Map/UtopiaMap.css -->
<g id="node44" class="node">
<title>src/Components/Map/UtopiaMap.css</title>
<g id="a_node44"><a xlink:href="src/Components/Map/UtopiaMap.css" xlink:title="UtopiaMap.css">
<path fill="#ffffcc" stroke="black" d="M379.5,-818.71C379.5,-818.71 309.5,-818.71 309.5,-818.71 306.5,-818.71 303.5,-815.71 303.5,-812.71 303.5,-812.71 303.5,-806.71 303.5,-806.71 303.5,-803.71 306.5,-800.71 309.5,-800.71 309.5,-800.71 379.5,-800.71 379.5,-800.71 382.5,-800.71 385.5,-803.71 385.5,-806.71 385.5,-806.71 385.5,-812.71 385.5,-812.71 385.5,-815.71 382.5,-818.71 379.5,-818.71"/>
<text text-anchor="start" x="311.5" y="-807.51" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.css</text>
</a>
</g>
</g>
<!-- src/Components/Map/UtopiaMap.tsx -->
<g id="node45" class="node">
<title>src/Components/Map/UtopiaMap.tsx</title>
<g id="a_node45"><a xlink:href="src/Components/Map/UtopiaMap.tsx" xlink:title="UtopiaMap.tsx">
<path fill="#bbfeff" stroke="black" d="M269.5,-582.71C269.5,-582.71 200.5,-582.71 200.5,-582.71 197.5,-582.71 194.5,-579.71 194.5,-576.71 194.5,-576.71 194.5,-570.71 194.5,-570.71 194.5,-567.71 197.5,-564.71 200.5,-564.71 200.5,-564.71 269.5,-564.71 269.5,-564.71 272.5,-564.71 275.5,-567.71 275.5,-570.71 275.5,-570.71 275.5,-576.71 275.5,-576.71 275.5,-579.71 272.5,-582.71 269.5,-582.71"/>
<text text-anchor="start" x="202.5" y="-571.51" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge50" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.55,-564.49C271.81,-562.87 273.85,-560.96 275.5,-558.71 293.59,-534.16 261.77,-442.6 284,-421.71 306.31,-400.75 529.07,-418.36 559.5,-421.71 626.49,-429.09 660.37,-406.54 707.5,-454.71 720.18,-467.67 702.9,-481.67 715.5,-494.71 721.96,-501.4 730.79,-505.34 739.83,-507.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.46,-509.68 745.77,-508.87 740.33,-505.57 739.46,-509.68"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge47" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.07,-564.65C271.5,-563 273.7,-561.03 275.5,-558.71 286.04,-545.1 271.18,-493.2 284,-481.71 329.6,-440.87 506.06,-451.85 559.5,-481.71 565.42,-485.02 561.94,-490.82 567.5,-494.71 576.98,-501.35 588.74,-505.18 600.04,-507.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="599.99,-509.48 606.25,-508.4 600.69,-505.34 599.99,-509.48"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge48" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.53,-564.47C271.8,-562.85 273.84,-560.95 275.5,-558.71 291.32,-537.44 264.6,-457.78 284,-439.71 306.4,-418.85 534.97,-421.4 559.5,-439.71 569.53,-447.2 558.17,-458.37 567.5,-466.71 575.92,-474.24 587.15,-478.14 598.26,-480.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.18,-482.11 604.41,-480.84 598.75,-477.95 598.18,-482.11"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/AddButton.tsx -->
<g id="edge51" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/AddButton.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M268.29,-582.87C270.96,-584.51 273.42,-586.44 275.5,-588.71 284.86,-598.93 274.06,-609.06 284,-618.71 287.93,-622.53 292.68,-625.42 297.76,-627.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.03,-629.57 303.38,-629.69 298.5,-625.63 297.03,-629.57"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge49" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.56,-564.5C271.82,-562.88 273.85,-560.96 275.5,-558.71 285.43,-545.16 272.01,-419.49 284,-407.71 317.57,-374.72 664.71,-377.1 707.5,-396.71 738.18,-410.78 760.69,-445.24 771.61,-465.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.82,-466.15 774.5,-470.46 773.52,-464.17 769.82,-466.15"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/FilterControl.tsx -->
<g id="edge52" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/FilterControl.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M264.09,-582.78C270.61,-584.81 277.53,-586.89 284,-588.71 289.27,-590.2 294.82,-591.7 300.33,-593.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="299.94,-595.2 306.28,-594.67 301,-591.14 299.94,-595.2"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/UtopiaMap.css -->
<g id="edge53" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/UtopiaMap.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.6,-582.9C271.85,-584.53 273.87,-586.45 275.5,-588.71 288.96,-607.39 269.34,-777.97 284,-795.71 287.62,-800.1 292.34,-803.26 297.53,-805.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="296.96,-807.55 303.32,-807.64 298.4,-803.61 296.96,-807.55"/>
</g>
<!-- src/Components/Map/index.tsx -->
<g id="node46" class="node">
<title>src/Components/Map/index.tsx</title>
<g id="a_node46"><a xlink:href="src/Components/Map/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-597.71C175,-597.71 129,-597.71 129,-597.71 126,-597.71 123,-594.71 123,-591.71 123,-591.71 123,-585.71 123,-585.71 123,-582.71 126,-579.71 129,-579.71 129,-579.71 175,-579.71 175,-579.71 178,-579.71 181,-582.71 181,-585.71 181,-585.71 181,-591.71 181,-591.71 181,-594.71 178,-597.71 175,-597.71"/>
<text text-anchor="start" x="131" y="-586.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemForm.tsx -->
<g id="edge57" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemForm.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.58,-579.65C179.04,-578.49 180.37,-577.18 181.5,-575.71 202.64,-548.19 172.47,-525.54 194.5,-498.71 195.08,-498.01 195.7,-497.33 196.35,-496.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="197.71,-498.29 201.07,-492.89 195.08,-495.02 197.71,-498.29"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemView.tsx -->
<g id="edge58" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.15,-579.71C178.75,-578.53 180.23,-577.2 181.5,-575.71 195.57,-559.23 179.9,-544.74 194.5,-528.71 195.15,-528 195.83,-527.32 196.55,-526.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.13,-528.12 201.69,-522.86 195.62,-524.75 198.13,-528.12"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Layer.tsx -->
<g id="edge59" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Layer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-593.96C187.42,-595.09 193.92,-596.29 200.19,-597.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="200.09,-599.57 206.37,-598.6 200.85,-595.44 200.09,-599.57"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx -->
<g id="edge60" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M154.67,-597.8C161.97,-634.47 194.75,-772.18 284,-824.71 306.31,-837.85 381.88,-842.7 400.5,-824.71 418.74,-807.11 392.21,-616.13 408.5,-596.71 409.34,-595.71 410.24,-594.76 411.18,-593.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="412.84,-595.22 416.2,-589.83 410.21,-591.95 412.84,-595.22"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx -->
<g id="edge61" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M152.8,-598.06C152.62,-626.79 155.46,-715.31 194.5,-772.71 221.57,-812.52 238,-819.53 284,-833.71 333.48,-848.97 363.19,-869.61 400.5,-833.71 417.09,-817.76 393.67,-644.32 408.5,-626.71 409.71,-625.28 411.02,-623.96 412.41,-622.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="413.87,-624.28 417.45,-619.03 411.38,-620.9 413.87,-624.28"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx -->
<g id="edge62" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M153.37,-597.86C155.14,-637.34 163.97,-792.78 194.5,-828.71 254.45,-899.27 319.71,-904.94 400.5,-859.71 444.49,-835.09 466.81,-774.63 475.1,-746.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.13,-747.08 476.75,-740.73 473.09,-745.93 477.13,-747.08"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
<g id="edge63" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M153.65,-597.9C156.42,-634.87 168.34,-772.36 194.5,-805.71 221.5,-840.14 241.25,-837.39 284,-846.71 334.59,-857.75 362.78,-882.18 400.5,-846.71 421.59,-826.89 389.6,-738.64 408.5,-716.71 415.94,-708.08 427.02,-703.69 438.2,-701.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="438.78,-703.65 444.4,-700.69 438.16,-699.5 438.78,-703.65"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Tags.tsx -->
<g id="edge64" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Tags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M175.71,-579.63C177.75,-578.44 179.71,-577.14 181.5,-575.71 188.94,-569.79 186.87,-564.4 194.5,-558.71 196.87,-556.94 199.48,-555.36 202.19,-553.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.32,-555.74 207.85,-551.28 201.53,-551.94 203.32,-555.74"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/UtopiaMap.tsx -->
<g id="edge65" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/UtopiaMap.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-583.47C183.56,-583.06 185.84,-582.63 188.15,-582.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="188.78,-584.22 194.29,-581.07 188.01,-580.1 188.78,-584.22"/>
</g>
<!-- src/Components/Profile/Settings.tsx -->
<g id="node47" class="node">
<title>src/Components/Profile/Settings.tsx</title>
<g id="a_node47"><a xlink:href="src/Components/Profile/Settings.tsx" xlink:title="Settings.tsx">
<path fill="#bbfeff" stroke="black" d="M509.5,-180.71C509.5,-180.71 450.5,-180.71 450.5,-180.71 447.5,-180.71 444.5,-177.71 444.5,-174.71 444.5,-174.71 444.5,-168.71 444.5,-168.71 444.5,-165.71 447.5,-162.71 450.5,-162.71 450.5,-162.71 509.5,-162.71 509.5,-162.71 512.5,-162.71 515.5,-165.71 515.5,-168.71 515.5,-168.71 515.5,-174.71 515.5,-174.71 515.5,-177.71 512.5,-180.71 509.5,-180.71"/>
<text text-anchor="start" x="452.5" y="-169.51" font-family="Helvetica,sans-Serif" font-size="9.00">Settings.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge67" class="edge">
<title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.74,-166.89C562.86,-162.16 647.97,-160.21 707.5,-196.71 743.43,-218.75 764.92,-266.4 773.97,-290.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="771.99,-291.46 776,-296.4 775.95,-290.04 771.99,-291.46"/>
</g>
<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge66" class="edge">
<title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.67,-176.7C577.53,-185.76 701.09,-204.62 707.5,-211.71 723.78,-229.74 699.74,-302.23 715.5,-320.71 718.48,-324.21 722.11,-326.98 726.11,-329.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.44,-331.16 731.77,-331.77 727.21,-327.35 725.44,-331.16"/>
</g>
<!-- src/Components/Templates/TitleCard.tsx -->
<g id="node48" class="node">
<title>src/Components/Templates/TitleCard.tsx</title>
<g id="a_node48"><a xlink:href="src/Components/Templates/TitleCard.tsx" xlink:title="TitleCard.tsx">
<path fill="#bbfeff" stroke="black" d="M672,-240.71C672,-240.71 611,-240.71 611,-240.71 608,-240.71 605,-237.71 605,-234.71 605,-234.71 605,-228.71 605,-228.71 605,-225.71 608,-222.71 611,-222.71 611,-222.71 672,-222.71 672,-222.71 675,-222.71 678,-225.71 678,-228.71 678,-228.71 678,-234.71 678,-234.71 678,-237.71 675,-240.71 672,-240.71"/>
<text text-anchor="start" x="613" y="-229.51" font-family="Helvetica,sans-Serif" font-size="9.00">TitleCard.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx -->
<g id="edge68" class="edge">
<title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M504.47,-180.74C521.86,-187.41 546.13,-196.69 567.5,-204.71 581.43,-209.95 596.89,-215.68 609.98,-220.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="609.45,-222.55 615.81,-222.65 610.91,-218.61 609.45,-222.55"/>
</g>
<!-- src/Components/Typography/Subtitle.tsx -->
<g id="node51" class="node">
<title>src/Components/Typography/Subtitle.tsx</title>
<g id="a_node51"><a xlink:href="src/Components/Typography/Subtitle.tsx" xlink:title="Subtitle.tsx">
<path fill="#bbfeff" stroke="black" d="M808,-120.71C808,-120.71 752,-120.71 752,-120.71 749,-120.71 746,-117.71 746,-114.71 746,-114.71 746,-108.71 746,-108.71 746,-105.71 749,-102.71 752,-102.71 752,-102.71 808,-102.71 808,-102.71 811,-102.71 814,-105.71 814,-108.71 814,-108.71 814,-114.71 814,-114.71 814,-117.71 811,-120.71 808,-120.71"/>
<text text-anchor="start" x="754" y="-109.51" font-family="Helvetica,sans-Serif" font-size="9.00">Subtitle.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Templates/TitleCard.tsx&#45;&gt;src/Components/Typography/Subtitle.tsx -->
<g id="edge71" class="edge">
<title>src/Components/Templates/TitleCard.tsx&#45;&gt;src/Components/Typography/Subtitle.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M652.76,-222.69C676.67,-201.67 736.19,-149.35 764.11,-124.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="765.5,-126.38 768.62,-120.84 762.73,-123.22 765.5,-126.38"/>
</g>
<!-- src/Components/Profile/index.tsx -->
<g id="node49" class="node">
<title>src/Components/Profile/index.tsx</title>
<g id="a_node49"><a xlink:href="src/Components/Profile/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M367.5,-180.71C367.5,-180.71 321.5,-180.71 321.5,-180.71 318.5,-180.71 315.5,-177.71 315.5,-174.71 315.5,-174.71 315.5,-168.71 315.5,-168.71 315.5,-165.71 318.5,-162.71 321.5,-162.71 321.5,-162.71 367.5,-162.71 367.5,-162.71 370.5,-162.71 373.5,-165.71 373.5,-168.71 373.5,-168.71 373.5,-174.71 373.5,-174.71 373.5,-177.71 370.5,-180.71 367.5,-180.71"/>
<text text-anchor="start" x="323.5" y="-169.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Profile/index.tsx&#45;&gt;src/Components/Profile/Settings.tsx -->
<g id="edge69" class="edge">
<title>src/Components/Profile/index.tsx&#45;&gt;src/Components/Profile/Settings.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M373.81,-171.71C392.48,-171.71 417.24,-171.71 438.04,-171.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="438.08,-173.81 444.08,-171.71 438.08,-169.61 438.08,-173.81"/>
</g>
<!-- src/Components/Templates/CardPage.tsx -->
<g id="node50" class="node">
<title>src/Components/Templates/CardPage.tsx</title>
<g id="a_node50"><a xlink:href="src/Components/Templates/CardPage.tsx" xlink:title="CardPage.tsx">
<path fill="#bbfeff" stroke="black" d="M512,-240.71C512,-240.71 448,-240.71 448,-240.71 445,-240.71 442,-237.71 442,-234.71 442,-234.71 442,-228.71 442,-228.71 442,-225.71 445,-222.71 448,-222.71 448,-222.71 512,-222.71 512,-222.71 515,-222.71 518,-225.71 518,-228.71 518,-228.71 518,-234.71 518,-234.71 518,-237.71 515,-240.71 512,-240.71"/>
<text text-anchor="start" x="450" y="-229.51" font-family="Helvetica,sans-Serif" font-size="9.00">CardPage.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Templates/CardPage.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx -->
<g id="edge70" class="edge">
<title>src/Components/Templates/CardPage.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M518.4,-231.71C542.5,-231.71 573.88,-231.71 598.8,-231.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.98,-233.81 604.98,-231.71 598.98,-229.61 598.98,-233.81"/>
</g>
<!-- src/Components/Templates/index.tsx -->
<g id="node52" class="node">
<title>src/Components/Templates/index.tsx</title>
<g id="a_node52"><a xlink:href="src/Components/Templates/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M367.5,-254.71C367.5,-254.71 321.5,-254.71 321.5,-254.71 318.5,-254.71 315.5,-251.71 315.5,-248.71 315.5,-248.71 315.5,-242.71 315.5,-242.71 315.5,-239.71 318.5,-236.71 321.5,-236.71 321.5,-236.71 367.5,-236.71 367.5,-236.71 370.5,-236.71 373.5,-239.71 373.5,-242.71 373.5,-242.71 373.5,-248.71 373.5,-248.71 373.5,-251.71 370.5,-254.71 367.5,-254.71"/>
<text text-anchor="start" x="323.5" y="-243.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx -->
<g id="edge73" class="edge">
<title>src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M373.72,-246.26C384.59,-246.44 397.12,-246.62 408.5,-246.71 475.61,-247.25 492.67,-252.85 559.5,-246.71 572.35,-245.53 586.21,-243.32 598.76,-240.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="599.32,-242.98 604.81,-239.78 598.52,-238.86 599.32,-242.98"/>
</g>
<!-- src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/CardPage.tsx -->
<g id="edge72" class="edge">
<title>src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/CardPage.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M373.81,-242.75C391.71,-240.87 415.19,-238.41 435.43,-236.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="435.85,-238.35 441.6,-235.64 435.42,-234.17 435.85,-238.35"/>
</g>
<!-- src/SampleData/data.js -->
<g id="node53" class="node">
<title>src/SampleData/data.js</title>
<g id="a_node53"><a xlink:href="src/SampleData/data.js" xlink:title="data.js">
<path fill="#ccffcc" stroke="black" d="M72,-991.71C72,-991.71 30,-991.71 30,-991.71 27,-991.71 24,-988.71 24,-985.71 24,-985.71 24,-979.71 24,-979.71 24,-976.71 27,-973.71 30,-973.71 30,-973.71 72,-973.71 72,-973.71 75,-973.71 78,-976.71 78,-979.71 78,-979.71 78,-985.71 78,-985.71 78,-988.71 75,-991.71 72,-991.71"/>
<text text-anchor="start" x="35.5" y="-980.51" font-family="Helvetica,sans-Serif" font-size="9.00">data.js</text>
</a>
</g>
</g>
<!-- src/index.css -->
<g id="node54" class="node">
<title>src/index.css</title>
<g id="a_node54"><a xlink:href="src/index.css" xlink:title="index.css">
<path fill="#ffffcc" stroke="black" d="M175.5,-1162.71C175.5,-1162.71 128.5,-1162.71 128.5,-1162.71 125.5,-1162.71 122.5,-1159.71 122.5,-1156.71 122.5,-1156.71 122.5,-1150.71 122.5,-1150.71 122.5,-1147.71 125.5,-1144.71 128.5,-1144.71 128.5,-1144.71 175.5,-1144.71 175.5,-1144.71 178.5,-1144.71 181.5,-1147.71 181.5,-1150.71 181.5,-1150.71 181.5,-1156.71 181.5,-1156.71 181.5,-1159.71 178.5,-1162.71 175.5,-1162.71"/>
<text text-anchor="start" x="130.5" y="-1151.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.css</text>
</a>
</g>
</g>
<!-- src/index.tsx -->
<g id="node55" class="node">
<title>src/index.tsx</title>
<g id="a_node55"><a xlink:href="src/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M74,-456.71C74,-456.71 28,-456.71 28,-456.71 25,-456.71 22,-453.71 22,-450.71 22,-450.71 22,-444.71 22,-444.71 22,-441.71 25,-438.71 28,-438.71 28,-438.71 74,-438.71 74,-438.71 77,-438.71 80,-441.71 80,-444.71 80,-444.71 80,-450.71 80,-450.71 80,-453.71 77,-456.71 74,-456.71"/>
<text text-anchor="start" x="30" y="-445.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx -->
<g id="edge74" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M52,-456.93C52.1,-520.59 54.93,-895.15 107,-993.71 112.17,-1003.51 121.13,-1011.76 129.62,-1017.97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="128.68,-1019.88 134.8,-1021.57 131.07,-1016.43 128.68,-1019.88"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Auth/index.tsx -->
<g id="edge75" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M52.29,-438.54C53.69,-408.7 61.66,-312.8 107,-252.71 191.11,-141.24 369.87,-108.78 444.82,-99.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="445.16,-101.95 450.89,-99.18 444.69,-97.77 445.16,-101.95"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Gaming/index.tsx -->
<g id="edge76" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/Gaming/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51.96,-456.99C51.84,-515.03 53.74,-828.09 107,-903.71 109.77,-907.64 113.44,-910.91 117.49,-913.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="116.55,-915.49 122.78,-916.74 118.69,-911.88 116.55,-915.49"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Input/index.tsx -->
<g id="edge77" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/Input/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51.65,-438.51C49.84,-376.79 47.7,-25.71 234,-25.71 234,-25.71 234,-25.71 345.5,-25.71 440.65,-25.71 492.1,35.44 559.5,-31.71 579.35,-51.49 554.27,-259.02 567.5,-283.71 577.27,-301.95 596.59,-315.27 612.89,-323.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="611.99,-325.76 618.29,-326.6 613.89,-322.01 611.99,-325.76"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Map/index.tsx -->
<g id="edge78" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/Map/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M53.26,-457.01C56.96,-480.52 69.92,-542.79 107,-575.71 109.89,-578.28 113.27,-580.34 116.85,-582"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="116.24,-584.02 122.59,-584.28 117.79,-580.11 116.24,-584.02"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Profile/index.tsx -->
<g id="edge79" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/Profile/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M54.01,-438.4C59.27,-415.91 75.26,-357.75 107,-320.71 166.18,-251.67 265.43,-203.87 314.39,-183.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.38,-185.07 320.11,-180.82 313.76,-181.2 315.38,-185.07"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Templates/index.tsx -->
<g id="edge80" class="edge">
<title>src/index.tsx&#45;&gt;src/Components/Templates/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M57.4,-438.31C66.25,-423.53 85.06,-394.59 107,-375.71 172.73,-319.15 267.04,-276.43 314.24,-257.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.26,-258.95 320.03,-254.74 313.69,-255.05 315.26,-258.95"/>
</g>
<!-- src/index.tsx&#45;&gt;src/index.css -->
<g id="edge81" class="edge">
<title>src/index.tsx&#45;&gt;src/index.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M52.66,-456.9C58.39,-535.9 99.37,-1098.23 107,-1113.71 112.39,-1124.65 122.17,-1134.01 131.15,-1140.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="129.94,-1142.64 136.02,-1144.5 132.43,-1139.26 129.94,-1142.64"/>
</g>
</g>
</svg>