utopia-ui/dependency-graph.svg

831 lines
68 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="690pt" height="996pt"
viewBox="0.00 0.00 690.00 996.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 992)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-992 686,-992 686,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M16,-8C16,-8 662,-8 662,-8 668,-8 674,-14 674,-20 674,-20 674,-968 674,-968 674,-974 668,-980 662,-980 662,-980 16,-980 16,-980 10,-980 4,-974 4,-968 4,-968 4,-20 4,-20 4,-14 10,-8 16,-8"/>
<text text-anchor="middle" x="339" y="-968.8" 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,-16C119,-16 652.5,-16 652.5,-16 658.5,-16 664.5,-22 664.5,-28 664.5,-28 664.5,-792 664.5,-792 664.5,-798 658.5,-804 652.5,-804 652.5,-804 119,-804 119,-804 113,-804 107,-798 107,-792 107,-792 107,-28 107,-28 107,-22 113,-16 119,-16"/>
<text text-anchor="middle" x="385.75" y="-792.8" 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,-666C127,-666 513.5,-666 513.5,-666 519.5,-666 525.5,-672 525.5,-678 525.5,-678 525.5,-766 525.5,-766 525.5,-772 519.5,-778 513.5,-778 513.5,-778 127,-778 127,-778 121,-778 115,-772 115,-766 115,-766 115,-678 115,-678 115,-672 121,-666 127,-666"/>
<text text-anchor="middle" x="320.25" y="-766.8" 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="M127,-546C127,-546 277.5,-546 277.5,-546 283.5,-546 289.5,-552 289.5,-558 289.5,-558 289.5,-646 289.5,-646 289.5,-652 283.5,-658 277.5,-658 277.5,-658 127,-658 127,-658 121,-658 115,-652 115,-646 115,-646 115,-558 115,-558 115,-552 121,-546 127,-546"/>
<text text-anchor="middle" x="202.25" y="-646.8" 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,-456C127,-456 266,-456 266,-456 272,-456 278,-462 278,-468 278,-468 278,-526 278,-526 278,-532 272,-538 266,-538 266,-538 127,-538 127,-538 121,-538 115,-532 115,-526 115,-526 115,-468 115,-468 115,-462 121,-456 127,-456"/>
<text text-anchor="middle" x="196.5" y="-526.8" 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="M314,-464C314,-464 402,-464 402,-464 408,-464 414,-470 414,-476 414,-476 414,-534 414,-534 414,-540 408,-546 402,-546 402,-546 314,-546 314,-546 308,-546 302,-540 302,-534 302,-534 302,-476 302,-476 302,-470 308,-464 314,-464"/>
<text text-anchor="middle" x="358" y="-534.8" 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,-158C127,-158 644.5,-158 644.5,-158 650.5,-158 656.5,-164 656.5,-170 656.5,-170 656.5,-436 656.5,-436 656.5,-442 650.5,-448 644.5,-448 644.5,-448 127,-448 127,-448 121,-448 115,-442 115,-436 115,-436 115,-170 115,-170 115,-164 121,-158 127,-158"/>
<text text-anchor="middle" x="385.75" y="-436.8" 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="M309.5,-284C309.5,-284 517,-284 517,-284 523,-284 529,-290 529,-296 529,-296 529,-384 529,-384 529,-390 523,-396 517,-396 517,-396 309.5,-396 309.5,-396 303.5,-396 297.5,-390 297.5,-384 297.5,-384 297.5,-296 297.5,-296 297.5,-290 303.5,-284 309.5,-284"/>
<text text-anchor="middle" x="413.25" y="-384.8" 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/hooks</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M566.5,-176C566.5,-176 636.5,-176 636.5,-176 642.5,-176 648.5,-182 648.5,-188 648.5,-188 648.5,-276 648.5,-276 648.5,-282 642.5,-288 636.5,-288 636.5,-288 566.5,-288 566.5,-288 560.5,-288 554.5,-282 554.5,-276 554.5,-276 554.5,-188 554.5,-188 554.5,-182 560.5,-176 566.5,-176"/>
<text text-anchor="middle" x="601.5" y="-276.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_src/Components/Profile</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-98C127,-98 269.5,-98 269.5,-98 275.5,-98 281.5,-104 281.5,-110 281.5,-110 281.5,-138 281.5,-138 281.5,-144 275.5,-150 269.5,-150 269.5,-150 127,-150 127,-150 121,-150 115,-144 115,-138 115,-138 115,-110 115,-110 115,-104 121,-98 127,-98"/>
<text text-anchor="middle" x="198.25" y="-138.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Profile</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_src/Components/Templates</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-24C127,-24 390.5,-24 390.5,-24 396.5,-24 402.5,-30 402.5,-36 402.5,-36 402.5,-78 402.5,-78 402.5,-84 396.5,-90 390.5,-90 390.5,-90 127,-90 127,-90 121,-90 115,-84 115,-78 115,-78 115,-36 115,-36 115,-30 121,-24 127,-24"/>
<text text-anchor="middle" x="258.75" y="-78.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Templates</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_src/Components/Typography</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M441,-516C441,-516 507,-516 507,-516 513,-516 519,-522 519,-528 519,-528 519,-586 519,-586 519,-592 513,-598 507,-598 507,-598 441,-598 441,-598 435,-598 429,-592 429,-586 429,-586 429,-528 429,-528 429,-522 435,-516 441,-516"/>
<text text-anchor="middle" x="474" y="-586.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Typography</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_src/SampleData</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M24,-711C24,-711 79,-711 79,-711 85,-711 91,-717 91,-723 91,-723 91,-751 91,-751 91,-757 85,-763 79,-763 79,-763 24,-763 24,-763 18,-763 12,-757 12,-751 12,-751 12,-723 12,-723 12,-717 18,-711 24,-711"/>
<text text-anchor="middle" x="51.5" y="-751.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">SampleData</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_src/Utils</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M549,-812C549,-812 654,-812 654,-812 660,-812 666,-818 666,-824 666,-824 666,-942 666,-942 666,-948 660,-954 654,-954 654,-954 549,-954 549,-954 543,-954 537,-948 537,-942 537,-942 537,-824 537,-824 537,-818 543,-812 549,-812"/>
<text text-anchor="middle" x="601.5" y="-942.8" 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="M268.5,-692C268.5,-692 207.5,-692 207.5,-692 204.5,-692 201.5,-689 201.5,-686 201.5,-686 201.5,-680 201.5,-680 201.5,-677 204.5,-674 207.5,-674 207.5,-674 268.5,-674 268.5,-674 271.5,-674 274.5,-677 274.5,-680 274.5,-680 274.5,-686 274.5,-686 274.5,-689 271.5,-692 268.5,-692"/>
<text text-anchor="start" x="209.5" y="-680.8" 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="M384.5,-692C384.5,-692 331.5,-692 331.5,-692 328.5,-692 325.5,-689 325.5,-686 325.5,-686 325.5,-680 325.5,-680 325.5,-677 328.5,-674 331.5,-674 331.5,-674 384.5,-674 384.5,-674 387.5,-674 390.5,-677 390.5,-680 390.5,-680 390.5,-686 390.5,-686 390.5,-689 387.5,-692 384.5,-692"/>
<text text-anchor="start" x="333.5" y="-680.8" 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="M274.72,-683C288.72,-683 304.81,-683 319.02,-683"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="319.4,-685.1 325.4,-683 319.4,-680.9 319.4,-685.1"/>
</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="M511.5,-692C511.5,-692 436.5,-692 436.5,-692 433.5,-692 430.5,-689 430.5,-686 430.5,-686 430.5,-680 430.5,-680 430.5,-677 433.5,-674 436.5,-674 436.5,-674 511.5,-674 511.5,-674 514.5,-674 517.5,-677 517.5,-680 517.5,-680 517.5,-686 517.5,-686 517.5,-689 514.5,-692 511.5,-692"/>
<text text-anchor="start" x="438.5" y="-680.8" 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="M390.76,-683C401.09,-683 412.82,-683 424.12,-683"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="424.34,-685.1 430.34,-683 424.34,-680.9 424.34,-685.1"/>
</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="M266.5,-722C266.5,-722 209.5,-722 209.5,-722 206.5,-722 203.5,-719 203.5,-716 203.5,-716 203.5,-710 203.5,-710 203.5,-707 206.5,-704 209.5,-704 209.5,-704 266.5,-704 266.5,-704 269.5,-704 272.5,-707 272.5,-710 272.5,-710 272.5,-716 272.5,-716 272.5,-719 269.5,-722 266.5,-722"/>
<text text-anchor="start" x="211.5" y="-710.8" 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="M265.5,-752C265.5,-752 210.5,-752 210.5,-752 207.5,-752 204.5,-749 204.5,-746 204.5,-746 204.5,-740 204.5,-740 204.5,-737 207.5,-734 210.5,-734 210.5,-734 265.5,-734 265.5,-734 268.5,-734 271.5,-737 271.5,-740 271.5,-740 271.5,-746 271.5,-746 271.5,-749 268.5,-752 265.5,-752"/>
<text text-anchor="start" x="212.5" y="-740.8" 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="M408,-752C408,-752 308,-752 308,-752 305,-752 302,-749 302,-746 302,-746 302,-740 302,-740 302,-737 305,-734 308,-734 308,-734 408,-734 408,-734 411,-734 414,-737 414,-740 414,-740 414,-746 414,-746 414,-749 411,-752 408,-752"/>
<text text-anchor="start" x="310" y="-740.8" 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="M271.56,-743C279.06,-743 287.28,-743 295.56,-743"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="295.9,-745.1 301.9,-743 295.9,-740.9 295.9,-745.1"/>
</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,-707C175,-707 129,-707 129,-707 126,-707 123,-704 123,-701 123,-701 123,-695 123,-695 123,-692 126,-689 129,-689 129,-689 175,-689 175,-689 178,-689 181,-692 181,-695 181,-695 181,-701 181,-701 181,-704 178,-707 175,-707"/>
<text text-anchor="start" x="131" y="-695.8" 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.44,-692.92C185.92,-692.12 190.64,-691.28 195.35,-690.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="195.76,-692.5 201.29,-689.38 195.02,-688.36 195.76,-692.5"/>
</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.44,-703.08C186.5,-703.98 191.86,-704.94 197.17,-705.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="197.09,-708.01 203.36,-706.99 197.83,-703.87 197.09,-708.01"/>
</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,-707.08C177.75,-708.27 179.71,-709.58 181.5,-711 188.94,-716.93 186.81,-722.41 194.5,-728 196.08,-729.15 197.76,-730.22 199.5,-731.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.58,-733.1 204.88,-733.96 200.49,-729.36 198.58,-733.1"/>
</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="M271.5,-572C271.5,-572 204.5,-572 204.5,-572 201.5,-572 198.5,-569 198.5,-566 198.5,-566 198.5,-560 198.5,-560 198.5,-557 201.5,-554 204.5,-554 204.5,-554 271.5,-554 271.5,-554 274.5,-554 277.5,-557 277.5,-560 277.5,-560 277.5,-566 277.5,-566 277.5,-569 274.5,-572 271.5,-572"/>
<text text-anchor="start" x="206.5" y="-560.8" font-family="Helvetica,sans-Serif" font-size="9.00">LoginPage.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Input/InputText.tsx -->
<g id="node9" class="node">
<title>src/Components/Input/InputText.tsx</title>
<g id="a_node9"><a xlink:href="src/Components/Input/InputText.tsx" xlink:title="InputText.tsx">
<path fill="#bbfeff" stroke="black" d="M390,-520C390,-520 326,-520 326,-520 323,-520 320,-517 320,-514 320,-514 320,-508 320,-508 320,-505 323,-502 326,-502 326,-502 390,-502 390,-502 393,-502 396,-505 396,-508 396,-508 396,-514 396,-514 396,-517 393,-520 390,-520"/>
<text text-anchor="start" x="328" y="-508.8" font-family="Helvetica,sans-Serif" font-size="9.00">InputText.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/InputText.tsx -->
<g id="edge7" class="edge">
<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/InputText.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M260.15,-553.83C269.19,-549.89 279.87,-545.24 289.5,-541 303.24,-534.95 318.53,-528.16 331.08,-522.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="332.01,-524.46 336.64,-520.1 330.3,-520.62 332.01,-524.46"/>
</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="M505,-572C505,-572 443,-572 443,-572 440,-572 437,-569 437,-566 437,-566 437,-560 437,-560 437,-557 440,-554 443,-554 443,-554 505,-554 505,-554 508,-554 511,-557 511,-560 511,-560 511,-566 511,-566 511,-569 508,-572 505,-572"/>
<text text-anchor="start" x="445" y="-560.8" 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="M277.64,-563C319.83,-563 387.18,-563 430.74,-563"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="430.99,-565.1 436.99,-563 430.99,-560.9 430.99,-565.1"/>
</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="M275.5,-602C275.5,-602 200.5,-602 200.5,-602 197.5,-602 194.5,-599 194.5,-596 194.5,-596 194.5,-590 194.5,-590 194.5,-587 197.5,-584 200.5,-584 200.5,-584 275.5,-584 275.5,-584 278.5,-584 281.5,-587 281.5,-590 281.5,-590 281.5,-596 281.5,-596 281.5,-599 278.5,-602 275.5,-602"/>
<text text-anchor="start" x="202.5" y="-590.8" 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/InputText.tsx -->
<g id="edge9" class="edge">
<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/InputText.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M277.1,-583.92C281.42,-582.25 285.65,-580.29 289.5,-578 312.98,-564.08 334.28,-540.2 346.43,-525.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="348.13,-526.26 350.19,-520.24 344.83,-523.66 348.13,-526.26"/>
</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="M281.65,-587.53C323.99,-582.1 388.52,-573.83 430.73,-568.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="431.1,-570.49 436.79,-567.64 430.57,-566.32 431.1,-570.49"/>
</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="M175,-587C175,-587 129,-587 129,-587 126,-587 123,-584 123,-581 123,-581 123,-575 123,-575 123,-572 126,-569 129,-569 129,-569 175,-569 175,-569 178,-569 181,-572 181,-575 181,-575 181,-581 181,-581 181,-584 178,-587 175,-587"/>
<text text-anchor="start" x="131" y="-575.8" 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="M181.44,-572.92C184.91,-572.3 188.53,-571.66 192.17,-571"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="192.77,-573.03 198.31,-569.91 192.04,-568.9 192.77,-573.03"/>
</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="M181.44,-583.08C183.66,-583.48 185.95,-583.88 188.26,-584.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="188.14,-586.41 194.42,-585.4 188.88,-582.27 188.14,-586.41"/>
</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="M267.5,-632C267.5,-632 208.5,-632 208.5,-632 205.5,-632 202.5,-629 202.5,-626 202.5,-626 202.5,-620 202.5,-620 202.5,-617 205.5,-614 208.5,-614 208.5,-614 267.5,-614 267.5,-614 270.5,-614 273.5,-617 273.5,-620 273.5,-620 273.5,-626 273.5,-626 273.5,-629 270.5,-632 267.5,-632"/>
<text text-anchor="start" x="210.5" y="-620.8" 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="M163.71,-587.06C171.77,-593.55 183.32,-602.14 194.5,-608 196.84,-609.23 199.3,-610.39 201.81,-611.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="201.37,-613.58 207.72,-613.92 202.97,-609.69 201.37,-613.58"/>
</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="M261.5,-482C261.5,-482 214.5,-482 214.5,-482 211.5,-482 208.5,-479 208.5,-476 208.5,-476 208.5,-470 208.5,-470 208.5,-467 211.5,-464 214.5,-464 214.5,-464 261.5,-464 261.5,-464 264.5,-464 267.5,-467 267.5,-470 267.5,-470 267.5,-476 267.5,-476 267.5,-479 264.5,-482 261.5,-482"/>
<text text-anchor="start" x="216.5" y="-470.8" 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="M264,-512C264,-512 212,-512 212,-512 209,-512 206,-509 206,-506 206,-506 206,-500 206,-500 206,-497 209,-494 212,-494 212,-494 264,-494 264,-494 267,-494 270,-497 270,-500 270,-500 270,-506 270,-506 270,-509 267,-512 264,-512"/>
<text text-anchor="start" x="214" y="-500.8" 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,-497C175,-497 129,-497 129,-497 126,-497 123,-494 123,-491 123,-491 123,-485 123,-485 123,-482 126,-479 129,-479 129,-479 175,-479 175,-479 178,-479 181,-482 181,-485 181,-485 181,-491 181,-491 181,-494 178,-497 175,-497"/>
<text text-anchor="start" x="131" y="-485.8" 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.44,-482.92C188.07,-481.74 195.21,-480.46 202.08,-479.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.77,-481.25 208.3,-478.12 202.03,-477.11 202.77,-481.25"/>
</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="M181.44,-493.08C187.36,-494.14 193.69,-495.27 199.88,-496.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.72,-498.48 206,-497.46 200.46,-494.34 199.72,-498.48"/>
</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="M400,-490C400,-490 316,-490 316,-490 313,-490 310,-487 310,-484 310,-484 310,-478 310,-478 310,-475 313,-472 316,-472 316,-472 400,-472 400,-472 403,-472 406,-475 406,-478 406,-478 406,-484 406,-484 406,-487 403,-490 400,-490"/>
<text text-anchor="start" x="318" y="-478.8" font-family="Helvetica,sans-Serif" font-size="9.00">TextAreaInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx -->
<g id="node18" class="node">
<title>src/Components/Map/Layer.tsx</title>
<g id="a_node18"><a xlink:href="src/Components/Map/Layer.tsx" xlink:title="Layer.tsx">
<path fill="#bbfeff" stroke="black" d="M260.5,-316C260.5,-316 215.5,-316 215.5,-316 212.5,-316 209.5,-313 209.5,-310 209.5,-310 209.5,-304 209.5,-304 209.5,-301 212.5,-298 215.5,-298 215.5,-298 260.5,-298 260.5,-298 263.5,-298 266.5,-301 266.5,-304 266.5,-304 266.5,-310 266.5,-310 266.5,-313 263.5,-316 260.5,-316"/>
<text text-anchor="start" x="217.5" y="-304.8" font-family="Helvetica,sans-Serif" font-size="9.00">Layer.tsx</text>
</a>
</g>
</g>
<!-- src/Utils/MarkerIconFactory.ts -->
<g id="node19" class="node">
<title>src/Utils/MarkerIconFactory.ts</title>
<g id="a_node19"><a xlink:href="src/Utils/MarkerIconFactory.ts" xlink:title="MarkerIconFactory.ts">
<path fill="#ddfeff" stroke="black" d="M650.5,-928C650.5,-928 552.5,-928 552.5,-928 549.5,-928 546.5,-925 546.5,-922 546.5,-922 546.5,-916 546.5,-916 546.5,-913 549.5,-910 552.5,-910 552.5,-910 650.5,-910 650.5,-910 653.5,-910 656.5,-913 656.5,-916 656.5,-916 656.5,-922 656.5,-922 656.5,-925 653.5,-928 650.5,-928"/>
<text text-anchor="start" x="554.5" y="-916.8" 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="edge16" 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="M243.37,-316.29C253.8,-339 279.97,-399.39 289.5,-453 291.56,-464.57 289.71,-867.2 297.5,-876 360.47,-947.17 483.35,-939.88 551.69,-929.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="552.14,-931.08 557.72,-928.04 551.46,-926.94 552.14,-931.08"/>
</g>
<!-- src/Components/Map/hooks/useItems.tsx -->
<g id="node20" class="node">
<title>src/Components/Map/hooks/useItems.tsx</title>
<g id="a_node20"><a xlink:href="src/Components/Map/hooks/useItems.tsx" xlink:title="useItems.tsx">
<path fill="#bbfeff" stroke="black" d="M632.5,-262C632.5,-262 570.5,-262 570.5,-262 567.5,-262 564.5,-259 564.5,-256 564.5,-256 564.5,-250 564.5,-250 564.5,-247 567.5,-244 570.5,-244 570.5,-244 632.5,-244 632.5,-244 635.5,-244 638.5,-247 638.5,-250 638.5,-250 638.5,-256 638.5,-256 638.5,-259 635.5,-262 632.5,-262"/>
<text text-anchor="start" x="572.5" y="-250.8" 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="edge17" 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="M266.69,-302.25C274.54,-300.02 282.78,-296.75 289.5,-292 294.44,-288.51 292.26,-284.01 297.5,-281 379.89,-233.71 496.04,-239.04 557.87,-246.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="557.83,-248.51 564.04,-247.16 558.34,-244.34 557.83,-248.51"/>
</g>
<!-- src/Components/Map/hooks/useLayers.tsx -->
<g id="node21" class="node">
<title>src/Components/Map/hooks/useLayers.tsx</title>
<g id="a_node21"><a xlink:href="src/Components/Map/hooks/useLayers.tsx" xlink:title="useLayers.tsx">
<path fill="#bbfeff" stroke="black" d="M634.5,-232C634.5,-232 568.5,-232 568.5,-232 565.5,-232 562.5,-229 562.5,-226 562.5,-226 562.5,-220 562.5,-220 562.5,-217 565.5,-214 568.5,-214 568.5,-214 634.5,-214 634.5,-214 637.5,-214 640.5,-217 640.5,-220 640.5,-220 640.5,-226 640.5,-226 640.5,-229 637.5,-232 634.5,-232"/>
<text text-anchor="start" x="570.5" y="-220.8" font-family="Helvetica,sans-Serif" font-size="9.00">useLayers.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge18" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M266.72,-304.47C275.15,-302.35 283.7,-298.59 289.5,-292 304.08,-275.44 281.17,-257.84 297.5,-243 334.32,-209.56 481.48,-214.55 556.32,-219.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="556.32,-221.59 562.45,-219.9 556.61,-217.4 556.32,-221.59"/>
</g>
<!-- src/Components/Map/hooks/useTags.tsx -->
<g id="node22" class="node">
<title>src/Components/Map/hooks/useTags.tsx</title>
<g id="a_node22"><a xlink:href="src/Components/Map/hooks/useTags.tsx" xlink:title="useTags.tsx">
<path fill="#bbfeff" stroke="black" d="M629.5,-202C629.5,-202 573.5,-202 573.5,-202 570.5,-202 567.5,-199 567.5,-196 567.5,-196 567.5,-190 567.5,-190 567.5,-187 570.5,-184 573.5,-184 573.5,-184 629.5,-184 629.5,-184 632.5,-184 635.5,-187 635.5,-190 635.5,-190 635.5,-196 635.5,-196 635.5,-199 632.5,-202 629.5,-202"/>
<text text-anchor="start" x="575.5" y="-190.8" font-family="Helvetica,sans-Serif" font-size="9.00">useTags.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge19" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M266.69,-304.73C275.22,-302.64 283.84,-298.83 289.5,-292 300.62,-278.59 284.98,-226.12 297.5,-214 306.84,-204.97 481.43,-197.39 561.26,-194.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="561.39,-196.49 567.3,-194.16 561.23,-192.29 561.39,-196.49"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx -->
<g id="node23" class="node">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx</title>
<g id="a_node23"><a xlink:href="src/Components/Map/Subcomponents/ItemFormPopup.tsx" xlink:title="ItemFormPopup.tsx">
<path fill="#bbfeff" stroke="black" d="M404.5,-340C404.5,-340 311.5,-340 311.5,-340 308.5,-340 305.5,-337 305.5,-334 305.5,-334 305.5,-328 305.5,-328 305.5,-325 308.5,-322 311.5,-322 311.5,-322 404.5,-322 404.5,-322 407.5,-322 410.5,-325 410.5,-328 410.5,-328 410.5,-334 410.5,-334 410.5,-337 407.5,-340 404.5,-340"/>
<text text-anchor="start" x="313.5" y="-328.8" 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="edge20" 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="M266.67,-312.63C278.48,-315.03 292.66,-317.91 306.24,-320.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="306.13,-322.8 312.43,-321.93 306.97,-318.68 306.13,-322.8"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx -->
<g id="node24" class="node">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx</title>
<g id="a_node24"><a xlink:href="src/Components/Map/Subcomponents/ItemViewPopup.tsx" xlink:title="ItemViewPopup.tsx">
<path fill="#bbfeff" stroke="black" d="M404,-370C404,-370 312,-370 312,-370 309,-370 306,-367 306,-364 306,-364 306,-358 306,-358 306,-355 309,-352 312,-352 312,-352 404,-352 404,-352 407,-352 410,-355 410,-358 410,-358 410,-364 410,-364 410,-367 407,-370 404,-370"/>
<text text-anchor="start" x="314" y="-358.8" 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="edge21" 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="M250.4,-316.33C261.72,-325.16 279.87,-338.18 297.5,-346 300.89,-347.5 304.45,-348.87 308.08,-350.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="307.48,-352.13 313.83,-351.98 308.77,-348.14 307.48,-352.13"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge26" 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="M405.08,-321.98C408.28,-320.31 411.31,-318.33 414,-316 424.98,-306.48 415.47,-294.84 427,-286 463.37,-258.13 484.06,-279.94 529,-271 539.6,-268.89 550.99,-266.22 561.48,-263.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="562.26,-265.55 567.55,-262.03 561.22,-261.48 562.26,-265.55"/>
</g>
<!-- src/types.ts -->
<g id="node28" class="node">
<title>src/types.ts</title>
<g id="a_node28"><a xlink:href="src/types.ts" xlink:title="types.ts">
<path fill="#ddfeff" stroke="black" d="M495,-830C495,-830 453,-830 453,-830 450,-830 447,-827 447,-824 447,-824 447,-818 447,-818 447,-815 450,-812 453,-812 453,-812 495,-812 495,-812 498,-812 501,-815 501,-818 501,-818 501,-824 501,-824 501,-827 498,-830 495,-830"/>
<text text-anchor="start" x="455.5" y="-818.8" 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="edge25" 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="M408.09,-340.32C410.29,-341.94 412.29,-343.82 414,-346 445,-385.4 400.4,-754.51 427,-797 430.51,-802.61 435.8,-806.98 441.55,-810.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="440.64,-812.25 446.93,-813.18 442.6,-808.53 440.64,-812.25"/>
</g>
<!-- src/Components/Map/Subcomponents/HeaderView.tsx -->
<g id="node27" class="node">
<title>src/Components/Map/Subcomponents/HeaderView.tsx</title>
<g id="a_node27"><a xlink:href="src/Components/Map/Subcomponents/HeaderView.tsx" xlink:title="HeaderView.tsx">
<path fill="#bbfeff" stroke="black" d="M511,-310C511,-310 437,-310 437,-310 434,-310 431,-307 431,-304 431,-304 431,-298 431,-298 431,-295 434,-292 437,-292 437,-292 511,-292 511,-292 514,-292 517,-295 517,-298 517,-298 517,-304 517,-304 517,-307 514,-310 511,-310"/>
<text text-anchor="start" x="439" y="-298.8" 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/HeaderView.tsx -->
<g id="edge27" class="edge">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/HeaderView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.08,-351.98C408.28,-350.31 411.31,-348.33 414,-346 424.98,-336.48 416.25,-325.78 427,-316 428.01,-315.08 429.08,-314.22 430.19,-313.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="431.36,-315.15 435.32,-310.18 429.13,-311.6 431.36,-315.15"/>
</g>
<!-- src/Components/Map/Subcomponents/StartEndView.tsx -->
<g id="node29" class="node">
<title>src/Components/Map/Subcomponents/StartEndView.tsx</title>
<g id="a_node29"><a xlink:href="src/Components/Map/Subcomponents/StartEndView.tsx" xlink:title="StartEndView.tsx">
<path fill="#bbfeff" stroke="black" d="M515,-340C515,-340 433,-340 433,-340 430,-340 427,-337 427,-334 427,-334 427,-328 427,-328 427,-325 430,-322 433,-322 433,-322 515,-322 515,-322 518,-322 521,-325 521,-328 521,-328 521,-334 521,-334 521,-337 518,-340 515,-340"/>
<text text-anchor="start" x="435" y="-328.8" font-family="Helvetica,sans-Serif" font-size="9.00">StartEndView.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/StartEndView.tsx -->
<g id="edge28" class="edge">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/StartEndView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M393.2,-352C405.6,-348.74 419.72,-345.02 432.61,-341.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="433.16,-343.66 438.43,-340.1 432.09,-339.59 433.16,-343.66"/>
</g>
<!-- src/Components/Map/Subcomponents/TextView.tsx -->
<g id="node30" class="node">
<title>src/Components/Map/Subcomponents/TextView.tsx</title>
<g id="a_node30"><a xlink:href="src/Components/Map/Subcomponents/TextView.tsx" xlink:title="TextView.tsx">
<path fill="#bbfeff" stroke="black" d="M503.5,-370C503.5,-370 444.5,-370 444.5,-370 441.5,-370 438.5,-367 438.5,-364 438.5,-364 438.5,-358 438.5,-358 438.5,-355 441.5,-352 444.5,-352 444.5,-352 503.5,-352 503.5,-352 506.5,-352 509.5,-355 509.5,-358 509.5,-358 509.5,-364 509.5,-364 509.5,-367 506.5,-370 503.5,-370"/>
<text text-anchor="start" x="446.5" y="-358.8" 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/TextView.tsx -->
<g id="edge29" class="edge">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/TextView.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.33,-361C417.57,-361 424.93,-361 431.95,-361"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="432.27,-363.1 438.27,-361 432.27,-358.9 432.27,-363.1"/>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx -->
<g id="node25" class="node">
<title>src/Components/Map/Subcomponents/AddButton.tsx</title>
<g id="a_node25"><a xlink:href="src/Components/Map/Subcomponents/AddButton.tsx" xlink:title="AddButton.tsx">
<path fill="#bbfeff" stroke="black" d="M393,-310C393,-310 323,-310 323,-310 320,-310 317,-307 317,-304 317,-304 317,-298 317,-298 317,-295 320,-292 323,-292 323,-292 393,-292 393,-292 396,-292 399,-295 399,-298 399,-298 399,-304 399,-304 399,-307 396,-310 393,-310"/>
<text text-anchor="start" x="325" y="-298.8" font-family="Helvetica,sans-Serif" font-size="9.00">AddButton.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge23" 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="M399.05,-294.31C404.25,-292.65 409.37,-290.58 414,-288 421.14,-284.02 419.7,-278.67 427,-275 467.94,-254.42 493.49,-288.95 529,-260 537.06,-253.43 529.23,-244.91 537,-238 542.49,-233.12 549.27,-229.75 556.34,-227.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="557.13,-229.39 562.32,-225.73 555.98,-225.35 557.13,-229.39"/>
</g>
<!-- src/Utils/DynamicHeroIcon.tsx -->
<g id="node26" class="node">
<title>src/Utils/DynamicHeroIcon.tsx</title>
<g id="a_node26"><a xlink:href="src/Utils/DynamicHeroIcon.tsx" xlink:title="DynamicHeroIcon.tsx">
<path fill="#bbfeff" stroke="black" d="M652,-898C652,-898 551,-898 551,-898 548,-898 545,-895 545,-892 545,-892 545,-886 545,-886 545,-883 548,-880 551,-880 551,-880 652,-880 652,-880 655,-880 658,-883 658,-886 658,-886 658,-892 658,-892 658,-895 655,-898 652,-898"/>
<text text-anchor="start" x="553" y="-886.8" 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="edge22" 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="M399.08,-305.36C404.86,-307.7 410.15,-311.1 414,-316 445.94,-356.63 393.04,-742.03 427,-781 457.19,-815.65 497.5,-764.54 529,-798 552.28,-822.73 514.56,-848.51 537,-874 537.87,-874.99 538.79,-875.92 539.76,-876.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.89,-878.77 544.95,-880.71 541.43,-875.42 538.89,-878.77"/>
</g>
<!-- src/Components/Map/Subcomponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge24" class="edge">
<title>src/Components/Map/Subcomponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M503.45,-291.96C511.73,-289.21 520.77,-286.09 529,-283 544.22,-277.28 560.98,-270.28 574.46,-264.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="575.34,-266.39 580.01,-262.08 573.67,-262.54 575.34,-266.39"/>
</g>
<!-- src/Components/Map/Subcomponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge32" class="edge">
<title>src/Components/Map/Subcomponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M509.54,-358.07C517.01,-355.79 524.11,-352.06 529,-346 548.29,-322.09 517.25,-231.53 537,-208 543.09,-200.74 551.99,-196.62 561.2,-194.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="561.81,-196.39 567.27,-193.15 560.98,-192.27 561.81,-196.39"/>
</g>
<!-- src/Utils/HeighlightTags.ts -->
<g id="node31" class="node">
<title>src/Utils/HeighlightTags.ts</title>
<g id="a_node31"><a xlink:href="src/Utils/HeighlightTags.ts" xlink:title="HeighlightTags.ts">
<path fill="#ddfeff" stroke="black" d="M642.5,-838C642.5,-838 560.5,-838 560.5,-838 557.5,-838 554.5,-835 554.5,-832 554.5,-832 554.5,-826 554.5,-826 554.5,-823 557.5,-820 560.5,-820 560.5,-820 642.5,-820 642.5,-820 645.5,-820 648.5,-823 648.5,-826 648.5,-826 648.5,-832 648.5,-832 648.5,-835 645.5,-838 642.5,-838"/>
<text text-anchor="start" x="562.5" y="-826.8" font-family="Helvetica,sans-Serif" font-size="9.00">HeighlightTags.ts</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/TextView.tsx&#45;&gt;src/Utils/HeighlightTags.ts -->
<g id="edge30" class="edge">
<title>src/Components/Map/Subcomponents/TextView.tsx&#45;&gt;src/Utils/HeighlightTags.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M478.67,-370.13C488.01,-393.56 513.03,-457.86 529,-513 562.04,-627.06 589.21,-767.9 597.72,-813.78"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="595.69,-814.33 598.84,-819.85 599.82,-813.57 595.69,-814.33"/>
</g>
<!-- src/Utils/ReplaceURLs.ts -->
<g id="node32" class="node">
<title>src/Utils/ReplaceURLs.ts</title>
<g id="a_node32"><a xlink:href="src/Utils/ReplaceURLs.ts" xlink:title="ReplaceURLs.ts">
<path fill="#ddfeff" stroke="black" d="M638.5,-868C638.5,-868 564.5,-868 564.5,-868 561.5,-868 558.5,-865 558.5,-862 558.5,-862 558.5,-856 558.5,-856 558.5,-853 561.5,-850 564.5,-850 564.5,-850 638.5,-850 638.5,-850 641.5,-850 644.5,-853 644.5,-856 644.5,-856 644.5,-862 644.5,-862 644.5,-865 641.5,-868 638.5,-868"/>
<text text-anchor="start" x="566.5" y="-856.8" font-family="Helvetica,sans-Serif" font-size="9.00">ReplaceURLs.ts</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/TextView.tsx&#45;&gt;src/Utils/ReplaceURLs.ts -->
<g id="edge31" class="edge">
<title>src/Components/Map/Subcomponents/TextView.tsx&#45;&gt;src/Utils/ReplaceURLs.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M479.49,-370.31C490.49,-393.66 518.62,-456.82 529,-513 532.34,-531.09 525.41,-829.71 537,-844 541.01,-848.95 546.33,-852.45 552.18,-854.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="551.83,-856.99 558.18,-857 553.22,-853.03 551.83,-856.99"/>
</g>
<!-- src/Components/Map/Tags.tsx -->
<g id="node33" class="node">
<title>src/Components/Map/Tags.tsx</title>
<g id="a_node33"><a xlink:href="src/Components/Map/Tags.tsx" xlink:title="Tags.tsx">
<path fill="#bbfeff" stroke="black" d="M259,-208C259,-208 217,-208 217,-208 214,-208 211,-205 211,-202 211,-202 211,-196 211,-196 211,-193 214,-190 217,-190 217,-190 259,-190 259,-190 262,-190 265,-193 265,-196 265,-196 265,-202 265,-202 265,-205 262,-208 259,-208"/>
<text text-anchor="start" x="219.5" y="-196.8" 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="edge33" 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="M257.74,-189.98C268.98,-185.07 283.73,-179.5 297.5,-177 398.73,-158.59 426.73,-165.7 529,-177 539.57,-178.17 550.86,-180.28 561.27,-182.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="560.97,-184.68 567.29,-183.97 561.91,-180.59 560.97,-184.68"/>
</g>
<!-- src/Components/Map/UtopiaMap.css -->
<g id="node34" class="node">
<title>src/Components/Map/UtopiaMap.css</title>
<g id="a_node34"><a xlink:href="src/Components/Map/UtopiaMap.css" xlink:title="UtopiaMap.css">
<path fill="#ffffcc" stroke="black" d="M393,-422C393,-422 323,-422 323,-422 320,-422 317,-419 317,-416 317,-416 317,-410 317,-410 317,-407 320,-404 323,-404 323,-404 393,-404 393,-404 396,-404 399,-407 399,-410 399,-410 399,-416 399,-416 399,-419 396,-422 393,-422"/>
<text text-anchor="start" x="325" y="-410.8" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.css</text>
</a>
</g>
</g>
<!-- src/Components/Map/UtopiaMap.tsx -->
<g id="node35" class="node">
<title>src/Components/Map/UtopiaMap.tsx</title>
<g id="a_node35"><a xlink:href="src/Components/Map/UtopiaMap.tsx" xlink:title="UtopiaMap.tsx">
<path fill="#bbfeff" stroke="black" d="M272.5,-286C272.5,-286 203.5,-286 203.5,-286 200.5,-286 197.5,-283 197.5,-280 197.5,-280 197.5,-274 197.5,-274 197.5,-271 200.5,-268 203.5,-268 203.5,-268 272.5,-268 272.5,-268 275.5,-268 278.5,-271 278.5,-274 278.5,-274 278.5,-280 278.5,-280 278.5,-283 275.5,-286 272.5,-286"/>
<text text-anchor="start" x="205.5" y="-274.8" 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/useItems.tsx -->
<g id="edge35" 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="M252.22,-267.9C263.63,-260.63 280.86,-251.02 297.5,-247 388.3,-225.08 498.88,-236.45 558.14,-245.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="558.16,-247.6 564.41,-246.45 558.8,-243.45 558.16,-247.6"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge36" 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="M247.46,-267.67C257.99,-256.75 277.1,-239.13 297.5,-231 383.98,-196.52 495.65,-205.88 556.38,-214.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="556.21,-217.05 562.46,-215.88 556.85,-212.9 556.21,-217.05"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge37" 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="M246.41,-267.75C262.15,-248.11 297.5,-204 297.5,-204 342.52,-181.35 489.69,-186.43 561.03,-190.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="561.17,-192.54 567.28,-190.79 561.41,-188.35 561.17,-192.54"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/AddButton.tsx -->
<g id="edge38" 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="M278.62,-285.06C288.92,-287.15 300.1,-289.43 310.71,-291.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="310.58,-293.7 316.88,-292.84 311.42,-289.59 310.58,-293.7"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/types.ts -->
<g id="edge34" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M278.62,-283.18C282.83,-285.34 286.62,-288.21 289.5,-292 305.93,-313.64 280.38,-759.9 297.5,-781 331.67,-823.13 400.2,-826.52 440.77,-824.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="440.93,-826.42 446.79,-823.95 440.67,-822.23 440.93,-826.42"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/UtopiaMap.css -->
<g id="edge39" 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="M278.9,-283.59C282.96,-285.7 286.63,-288.44 289.5,-292 304.46,-310.57 282.01,-380.87 297.5,-399 301.2,-403.32 305.95,-406.45 311.17,-408.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="310.61,-410.73 316.97,-410.79 312.04,-406.78 310.61,-410.73"/>
</g>
<!-- src/Components/Map/index.tsx -->
<g id="node36" class="node">
<title>src/Components/Map/index.tsx</title>
<g id="a_node36"><a xlink:href="src/Components/Map/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-301C175,-301 129,-301 129,-301 126,-301 123,-298 123,-295 123,-295 123,-289 123,-289 123,-286 126,-283 129,-283 129,-283 175,-283 175,-283 178,-283 181,-286 181,-289 181,-289 181,-295 181,-295 181,-298 178,-301 175,-301"/>
<text text-anchor="start" x="131" y="-289.8" 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/Layer.tsx -->
<g id="edge40" 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.44,-297.08C188.5,-298.34 196.14,-299.7 203.43,-301"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.17,-303.09 209.44,-302.08 203.91,-298.96 203.17,-303.09"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Tags.tsx -->
<g id="edge41" 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="M161.36,-282.74C176.2,-266.31 207.22,-231.97 224.57,-212.76"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="226.21,-214.08 228.67,-208.22 223.09,-211.26 226.21,-214.08"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/UtopiaMap.tsx -->
<g id="edge42" 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.44,-286.92C184.65,-286.35 187.98,-285.75 191.35,-285.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="191.88,-287.19 197.41,-284.07 191.14,-283.06 191.88,-287.19"/>
</g>
<!-- src/Components/Profile/Settings.tsx -->
<g id="node37" class="node">
<title>src/Components/Profile/Settings.tsx</title>
<g id="a_node37"><a xlink:href="src/Components/Profile/Settings.tsx" xlink:title="Settings.tsx">
<path fill="#bbfeff" stroke="black" d="M267.5,-124C267.5,-124 208.5,-124 208.5,-124 205.5,-124 202.5,-121 202.5,-118 202.5,-118 202.5,-112 202.5,-112 202.5,-109 205.5,-106 208.5,-106 208.5,-106 267.5,-106 267.5,-106 270.5,-106 273.5,-109 273.5,-112 273.5,-112 273.5,-118 273.5,-118 273.5,-121 270.5,-124 267.5,-124"/>
<text text-anchor="start" x="210.5" y="-112.8" 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/InputText.tsx -->
<g id="edge43" class="edge">
<title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/InputText.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M257.16,-124C268.69,-130.79 282.67,-141.28 289.5,-155 297.95,-171.96 285.68,-481.19 297.5,-496 301.72,-501.29 307.52,-504.88 313.84,-507.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="313.41,-509.35 319.77,-509.18 314.69,-505.35 313.41,-509.35"/>
</g>
<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge44" 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="M257.15,-124.01C268.66,-130.8 282.64,-141.3 289.5,-155 304.22,-184.42 279.87,-423.22 297.5,-451 302.49,-458.86 310.21,-464.74 318.47,-469.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="317.92,-471.18 324.24,-471.9 319.75,-467.4 317.92,-471.18"/>
</g>
<!-- src/Components/Templates/TitleCard.tsx -->
<g id="node38" class="node">
<title>src/Components/Templates/TitleCard.tsx</title>
<g id="a_node38"><a xlink:href="src/Components/Templates/TitleCard.tsx" xlink:title="TitleCard.tsx">
<path fill="#bbfeff" stroke="black" d="M388.5,-64C388.5,-64 327.5,-64 327.5,-64 324.5,-64 321.5,-61 321.5,-58 321.5,-58 321.5,-52 321.5,-52 321.5,-49 324.5,-46 327.5,-46 327.5,-46 388.5,-46 388.5,-46 391.5,-46 394.5,-49 394.5,-52 394.5,-52 394.5,-58 394.5,-58 394.5,-61 391.5,-64 388.5,-64"/>
<text text-anchor="start" x="329.5" y="-52.8" 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="edge45" 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="M261.35,-105.84C270.21,-102.06 280.42,-97.52 289.5,-93 305.62,-84.98 323.34,-74.95 336.58,-67.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="337.85,-68.9 341.96,-64.05 335.72,-65.28 337.85,-68.9"/>
</g>
<!-- src/Components/Typography/Subtitle.tsx -->
<g id="node41" class="node">
<title>src/Components/Typography/Subtitle.tsx</title>
<g id="a_node41"><a xlink:href="src/Components/Typography/Subtitle.tsx" xlink:title="Subtitle.tsx">
<path fill="#bbfeff" stroke="black" d="M502,-542C502,-542 446,-542 446,-542 443,-542 440,-539 440,-536 440,-536 440,-530 440,-530 440,-527 443,-524 446,-524 446,-524 502,-524 502,-524 505,-524 508,-527 508,-530 508,-530 508,-536 508,-536 508,-539 505,-542 502,-542"/>
<text text-anchor="start" x="448" y="-530.8" 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="edge48" 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="M361.75,-64.38C370.65,-95.15 399.02,-195.89 414,-281 423.15,-332.96 415.48,-347.51 427,-399 436.96,-443.48 456.6,-493.77 466.69,-518.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="464.79,-519.06 469.04,-523.78 468.66,-517.44 464.79,-519.06"/>
</g>
<!-- src/Components/Profile/index.tsx -->
<g id="node39" class="node">
<title>src/Components/Profile/index.tsx</title>
<g id="a_node39"><a xlink:href="src/Components/Profile/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-124C175,-124 129,-124 129,-124 126,-124 123,-121 123,-118 123,-118 123,-112 123,-112 123,-109 126,-106 129,-106 129,-106 175,-106 175,-106 178,-106 181,-109 181,-112 181,-112 181,-118 181,-118 181,-121 178,-124 175,-124"/>
<text text-anchor="start" x="131" y="-112.8" 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="edge46" 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="M181.44,-115C186.19,-115 191.2,-115 196.19,-115"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="196.48,-117.1 202.48,-115 196.48,-112.9 196.48,-117.1"/>
</g>
<!-- src/Components/Templates/CardPage.tsx -->
<g id="node40" class="node">
<title>src/Components/Templates/CardPage.tsx</title>
<g id="a_node40"><a xlink:href="src/Components/Templates/CardPage.tsx" xlink:title="CardPage.tsx">
<path fill="#bbfeff" stroke="black" d="M270,-50C270,-50 206,-50 206,-50 203,-50 200,-47 200,-44 200,-44 200,-38 200,-38 200,-35 203,-32 206,-32 206,-32 270,-32 270,-32 273,-32 276,-35 276,-38 276,-38 276,-44 276,-44 276,-47 273,-50 270,-50"/>
<text text-anchor="start" x="208" y="-38.8" 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="edge47" 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="M276.01,-45.39C288.44,-46.87 302.39,-48.52 315.17,-50.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.12,-52.15 321.33,-50.77 315.62,-47.98 315.12,-52.15"/>
</g>
<!-- src/Components/Templates/index.tsx -->
<g id="node42" class="node">
<title>src/Components/Templates/index.tsx</title>
<g id="a_node42"><a xlink:href="src/Components/Templates/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-64C175,-64 129,-64 129,-64 126,-64 123,-61 123,-58 123,-58 123,-52 123,-52 123,-49 126,-46 129,-46 129,-46 175,-46 175,-46 178,-46 181,-49 181,-52 181,-52 181,-58 181,-58 181,-61 178,-64 175,-64"/>
<text text-anchor="start" x="131" y="-52.8" 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="edge50" 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="M181.13,-55.77C185.6,-55.87 190.18,-55.95 194.5,-56 236.72,-56.51 247.28,-56.31 289.5,-56 297.72,-55.94 306.5,-55.84 314.92,-55.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.3,-57.81 321.27,-55.63 315.24,-53.61 315.3,-57.81"/>
</g>
<!-- src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/CardPage.tsx -->
<g id="edge49" 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="M181.44,-50.26C185.4,-49.6 189.55,-48.91 193.71,-48.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="194.23,-50.26 199.8,-47.2 193.54,-46.11 194.23,-50.26"/>
</g>
<!-- src/SampleData/data.js -->
<g id="node43" class="node">
<title>src/SampleData/data.js</title>
<g id="a_node43"><a xlink:href="src/SampleData/data.js" xlink:title="data.js">
<path fill="#ccffcc" stroke="black" d="M72,-737C72,-737 30,-737 30,-737 27,-737 24,-734 24,-731 24,-731 24,-725 24,-725 24,-722 27,-719 30,-719 30,-719 72,-719 72,-719 75,-719 78,-722 78,-725 78,-725 78,-731 78,-731 78,-734 75,-737 72,-737"/>
<text text-anchor="start" x="35.5" y="-725.8" font-family="Helvetica,sans-Serif" font-size="9.00">data.js</text>
</a>
</g>
</g>
<!-- src/index.css -->
<g id="node44" class="node">
<title>src/index.css</title>
<g id="a_node44"><a xlink:href="src/index.css" xlink:title="index.css">
<path fill="#ffffcc" stroke="black" d="M175.5,-830C175.5,-830 128.5,-830 128.5,-830 125.5,-830 122.5,-827 122.5,-824 122.5,-824 122.5,-818 122.5,-818 122.5,-815 125.5,-812 128.5,-812 128.5,-812 175.5,-812 175.5,-812 178.5,-812 181.5,-815 181.5,-818 181.5,-818 181.5,-824 181.5,-824 181.5,-827 178.5,-830 175.5,-830"/>
<text text-anchor="start" x="130.5" y="-818.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.css</text>
</a>
</g>
</g>
<!-- src/index.tsx -->
<g id="node45" class="node">
<title>src/index.tsx</title>
<g id="a_node45"><a xlink:href="src/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M74,-497C74,-497 28,-497 28,-497 25,-497 22,-494 22,-491 22,-491 22,-485 22,-485 22,-482 25,-479 28,-479 28,-479 74,-479 74,-479 77,-479 80,-482 80,-485 80,-485 80,-491 80,-491 80,-494 77,-497 74,-497"/>
<text text-anchor="start" x="30" y="-485.8" 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="edge51" 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="M53.07,-497.03C56.64,-524.04 70.02,-605.73 107,-661 113.34,-670.48 122.79,-678.87 131.31,-685.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="130.36,-687.16 136.46,-688.96 132.81,-683.75 130.36,-687.16"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Auth/index.tsx -->
<g id="edge52" 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="M61.16,-497.2C71.93,-507.93 90.44,-526.09 107,-541 115.97,-549.07 126.28,-557.78 134.67,-564.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="133.64,-566.59 139.61,-568.78 136.31,-563.34 133.64,-566.59"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Gaming/index.tsx -->
<g id="edge53" 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="M80.1,-488C91.5,-488 104.76,-488 116.71,-488"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="116.83,-490.1 122.83,-488 116.83,-485.9 116.83,-490.1"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Map/index.tsx -->
<g id="edge54" 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="M56.64,-478.81C72.39,-447.63 123.88,-345.69 143.4,-307.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="145.42,-307.7 146.25,-301.4 141.67,-305.81 145.42,-307.7"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Profile/index.tsx -->
<g id="edge55" 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="M52.71,-478.71C56.47,-431.02 75.14,-213.55 107,-155 112.91,-144.14 122.93,-134.68 131.91,-127.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="133.21,-129.34 136.76,-124.07 130.7,-125.98 133.21,-129.34"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Templates/index.tsx -->
<g id="edge56" 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="M52.44,-478.83C55.09,-426.46 69.99,-165.05 107,-95 112.78,-84.06 122.78,-74.6 131.8,-67.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="133.1,-69.28 136.67,-64.02 130.6,-65.91 133.1,-69.28"/>
</g>
<!-- src/index.tsx&#45;&gt;src/index.css -->
<g id="edge57" 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="M53.64,-497.19C62.41,-546.18 103.4,-774.55 107,-781 113.03,-791.8 123.05,-801.25 132.01,-808.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="130.79,-809.96 136.85,-811.88 133.31,-806.6 130.79,-809.96"/>
</g>
</g>
</svg>