utopia-ui/dependency-graph.svg
2023-09-14 12:10:56 +02:00

1163 lines
100 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="874pt" height="1246pt"
viewBox="0.00 0.00 873.50 1246.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 1242)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-1242 869.5,-1242 869.5,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M16,-8C16,-8 845.5,-8 845.5,-8 851.5,-8 857.5,-14 857.5,-20 857.5,-20 857.5,-1218 857.5,-1218 857.5,-1224 851.5,-1230 845.5,-1230 845.5,-1230 16,-1230 16,-1230 10,-1230 4,-1224 4,-1218 4,-1218 4,-20 4,-20 4,-14 10,-8 16,-8"/>
<text text-anchor="middle" x="430.75" y="-1218.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,-196C119,-196 837,-196 837,-196 843,-196 849,-202 849,-208 849,-208 849,-1138 849,-1138 849,-1144 843,-1150 837,-1150 837,-1150 119,-1150 119,-1150 113,-1150 107,-1144 107,-1138 107,-1138 107,-208 107,-208 107,-202 113,-196 119,-196"/>
<text text-anchor="middle" x="478" y="-1138.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,-952C127,-952 524.5,-952 524.5,-952 530.5,-952 536.5,-958 536.5,-964 536.5,-964 536.5,-1052 536.5,-1052 536.5,-1058 530.5,-1064 524.5,-1064 524.5,-1064 127,-1064 127,-1064 121,-1064 115,-1058 115,-1052 115,-1052 115,-964 115,-964 115,-958 121,-952 127,-952"/>
<text text-anchor="middle" x="325.75" y="-1052.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="M460,-832C460,-832 686,-832 686,-832 692,-832 698,-838 698,-844 698,-844 698,-932 698,-932 698,-938 692,-944 686,-944 686,-944 460,-944 460,-944 454,-944 448,-938 448,-932 448,-932 448,-844 448,-844 448,-838 454,-832 460,-832"/>
<text text-anchor="middle" x="573" y="-932.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,-862C127,-862 265.5,-862 265.5,-862 271.5,-862 277.5,-868 277.5,-874 277.5,-874 277.5,-932 277.5,-932 277.5,-938 271.5,-944 265.5,-944 265.5,-944 127,-944 127,-944 121,-944 115,-938 115,-932 115,-932 115,-874 115,-874 115,-868 121,-862 127,-862"/>
<text text-anchor="middle" x="196.25" y="-932.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="M621.5,-952C621.5,-952 829,-952 829,-952 835,-952 841,-958 841,-964 841,-964 841,-1022 841,-1022 841,-1028 835,-1034 829,-1034 829,-1034 621.5,-1034 621.5,-1034 615.5,-1034 609.5,-1028 609.5,-1022 609.5,-1022 609.5,-964 609.5,-964 609.5,-958 615.5,-952 621.5,-952"/>
<text text-anchor="middle" x="725.25" y="-1022.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,-204C127,-204 828,-204 828,-204 834,-204 840,-210 840,-216 840,-216 840,-736 840,-736 840,-742 834,-748 828,-748 828,-748 127,-748 127,-748 121,-748 115,-742 115,-736 115,-736 115,-216 115,-216 115,-210 121,-204 127,-204"/>
<text text-anchor="middle" x="477.5" y="-736.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="M301,-292C301,-292 552.5,-292 552.5,-292 558.5,-292 564.5,-298 564.5,-304 564.5,-304 564.5,-516 564.5,-516 564.5,-522 558.5,-528 552.5,-528 552.5,-528 301,-528 301,-528 295,-528 289,-522 289,-516 289,-516 289,-304 289,-304 289,-298 295,-292 301,-292"/>
<text text-anchor="middle" x="426.75" y="-516.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/Subcomponents/ItemPopupComponents</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M425.5,-300C425.5,-300 544.5,-300 544.5,-300 550.5,-300 556.5,-306 556.5,-312 556.5,-312 556.5,-490 556.5,-490 556.5,-496 550.5,-502 544.5,-502 544.5,-502 425.5,-502 425.5,-502 419.5,-502 413.5,-496 413.5,-490 413.5,-490 413.5,-312 413.5,-312 413.5,-306 419.5,-300 425.5,-300"/>
<text text-anchor="middle" x="485" y="-490.8" 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="M584.5,-488C584.5,-488 820,-488 820,-488 826,-488 832,-494 832,-500 832,-500 832,-678 832,-678 832,-684 826,-690 820,-690 820,-690 584.5,-690 584.5,-690 578.5,-690 572.5,-684 572.5,-678 572.5,-678 572.5,-500 572.5,-500 572.5,-494 578.5,-488 584.5,-488"/>
<text text-anchor="middle" x="702.25" y="-678.8" 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="M212.5,-1072C212.5,-1072 381,-1072 381,-1072 387,-1072 393,-1078 393,-1084 393,-1084 393,-1112 393,-1112 393,-1118 387,-1124 381,-1124 381,-1124 212.5,-1124 212.5,-1124 206.5,-1124 200.5,-1118 200.5,-1112 200.5,-1112 200.5,-1084 200.5,-1084 200.5,-1078 206.5,-1072 212.5,-1072"/>
<text text-anchor="middle" x="296.75" y="-1112.8" 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="M324.5,-758C324.5,-758 679,-758 679,-758 685,-758 691,-764 691,-770 691,-770 691,-812 691,-812 691,-818 685,-824 679,-824 679,-824 324.5,-824 324.5,-824 318.5,-824 312.5,-818 312.5,-812 312.5,-812 312.5,-770 312.5,-770 312.5,-764 318.5,-758 324.5,-758"/>
<text text-anchor="middle" x="501.75" y="-812.8" 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="M752,-802C752,-802 818,-802 818,-802 824,-802 830,-808 830,-814 830,-814 830,-872 830,-872 830,-878 824,-884 818,-884 818,-884 752,-884 752,-884 746,-884 740,-878 740,-872 740,-872 740,-814 740,-814 740,-808 746,-802 752,-802"/>
<text text-anchor="middle" x="785" y="-872.8" 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,-1076C24,-1076 79,-1076 79,-1076 85,-1076 91,-1082 91,-1088 91,-1088 91,-1116 91,-1116 91,-1122 85,-1128 79,-1128 79,-1128 24,-1128 24,-1128 18,-1128 12,-1122 12,-1116 12,-1116 12,-1088 12,-1088 12,-1082 18,-1076 24,-1076"/>
<text text-anchor="middle" x="51.5" y="-1116.8" 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="M732.5,-16C732.5,-16 837.5,-16 837.5,-16 843.5,-16 849.5,-22 849.5,-28 849.5,-28 849.5,-176 849.5,-176 849.5,-182 843.5,-188 837.5,-188 837.5,-188 732.5,-188 732.5,-188 726.5,-188 720.5,-182 720.5,-176 720.5,-176 720.5,-28 720.5,-28 720.5,-22 726.5,-16 732.5,-16"/>
<text text-anchor="middle" x="785" y="-176.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,-978C268,-978 207,-978 207,-978 204,-978 201,-975 201,-972 201,-972 201,-966 201,-966 201,-963 204,-960 207,-960 207,-960 268,-960 268,-960 271,-960 274,-963 274,-966 274,-966 274,-972 274,-972 274,-975 271,-978 268,-978"/>
<text text-anchor="start" x="209" y="-966.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="M376,-978C376,-978 323,-978 323,-978 320,-978 317,-975 317,-972 317,-972 317,-966 317,-966 317,-963 320,-960 323,-960 323,-960 376,-960 376,-960 379,-960 382,-963 382,-966 382,-966 382,-972 382,-972 382,-975 379,-978 376,-978"/>
<text text-anchor="start" x="325" y="-966.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.21,-969C285.86,-969 298.83,-969 310.63,-969"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="310.68,-971.1 316.68,-969 310.68,-966.9 310.68,-971.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="M522.5,-978C522.5,-978 447.5,-978 447.5,-978 444.5,-978 441.5,-975 441.5,-972 441.5,-972 441.5,-966 441.5,-966 441.5,-963 444.5,-960 447.5,-960 447.5,-960 522.5,-960 522.5,-960 525.5,-960 528.5,-963 528.5,-966 528.5,-966 528.5,-972 528.5,-972 528.5,-975 525.5,-978 522.5,-978"/>
<text text-anchor="start" x="449.5" y="-966.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="edge3" 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="M382.14,-969C397.93,-969 417.39,-969 435.06,-969"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="435.48,-971.1 441.48,-969 435.48,-966.9 435.48,-971.1"/>
</g>
<!-- src/Components/Auth/index.tsx -->
<g id="node5" class="node">
<title>src/Components/Auth/index.tsx</title>
<g id="a_node5"><a xlink:href="src/Components/Auth/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M508,-873C508,-873 462,-873 462,-873 459,-873 456,-870 456,-867 456,-867 456,-861 456,-861 456,-858 459,-855 462,-855 462,-855 508,-855 508,-855 511,-855 514,-858 514,-861 514,-861 514,-867 514,-867 514,-870 511,-873 508,-873"/>
<text text-anchor="start" x="464" y="-861.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/Auth/index.tsx -->
<g id="edge2" class="edge">
<title>src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M362.35,-959.68C386.26,-940.88 440.32,-898.35 467.6,-876.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="468.95,-878.51 472.37,-873.15 466.36,-875.21 468.95,-878.51"/>
</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,-1008C266,-1008 209,-1008 209,-1008 206,-1008 203,-1005 203,-1002 203,-1002 203,-996 203,-996 203,-993 206,-990 209,-990 209,-990 266,-990 266,-990 269,-990 272,-993 272,-996 272,-996 272,-1002 272,-1002 272,-1005 269,-1008 266,-1008"/>
<text text-anchor="start" x="211" y="-996.8" font-family="Helvetica,sans-Serif" font-size="9.00">Content.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/LoginPage.tsx -->
<g id="node9" class="node">
<title>src/Components/Auth/LoginPage.tsx</title>
<g id="a_node9"><a xlink:href="src/Components/Auth/LoginPage.tsx" xlink:title="LoginPage.tsx">
<path fill="#bbfeff" stroke="black" d="M680,-858C680,-858 613,-858 613,-858 610,-858 607,-855 607,-852 607,-852 607,-846 607,-846 607,-843 610,-840 613,-840 613,-840 680,-840 680,-840 683,-840 686,-843 686,-846 686,-846 686,-852 686,-852 686,-855 683,-858 680,-858"/>
<text text-anchor="start" x="615" y="-846.8" font-family="Helvetica,sans-Serif" font-size="9.00">LoginPage.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/LoginPage.tsx -->
<g id="edge12" 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="M514.15,-861.35C538.09,-859.1 572.92,-855.83 600.69,-853.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="601.09,-855.29 606.86,-852.63 600.69,-851.1 601.09,-855.29"/>
</g>
<!-- src/Components/Auth/SignupPage.tsx -->
<g id="node12" class="node">
<title>src/Components/Auth/SignupPage.tsx</title>
<g id="a_node12"><a xlink:href="src/Components/Auth/SignupPage.tsx" xlink:title="SignupPage.tsx">
<path fill="#bbfeff" stroke="black" d="M684,-888C684,-888 609,-888 609,-888 606,-888 603,-885 603,-882 603,-882 603,-876 603,-876 603,-873 606,-870 609,-870 609,-870 684,-870 684,-870 687,-870 690,-873 690,-876 690,-876 690,-882 690,-882 690,-885 687,-888 684,-888"/>
<text text-anchor="start" x="611" y="-876.8" font-family="Helvetica,sans-Serif" font-size="9.00">SignupPage.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/SignupPage.tsx -->
<g id="edge13" 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="M514.15,-866.65C537.01,-868.8 569.79,-871.88 596.89,-874.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="596.76,-876.53 602.93,-875 597.15,-872.34 596.76,-876.53"/>
</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="M676,-918C676,-918 617,-918 617,-918 614,-918 611,-915 611,-912 611,-912 611,-906 611,-906 611,-903 614,-900 617,-900 617,-900 676,-900 676,-900 679,-900 682,-903 682,-906 682,-906 682,-912 682,-912 682,-915 679,-918 676,-918"/>
<text text-anchor="start" x="619" y="-906.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="edge14" 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.6,-873.13C526.84,-879.56 550.89,-888.06 572.5,-894 582.82,-896.84 594.1,-899.41 604.64,-901.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="604.45,-903.69 610.74,-902.83 605.28,-899.58 604.45,-903.69"/>
</g>
<!-- src/Components/AppShell/SideBar.tsx -->
<g id="node6" class="node">
<title>src/Components/AppShell/SideBar.tsx</title>
<g id="a_node6"><a xlink:href="src/Components/AppShell/SideBar.tsx" xlink:title="SideBar.tsx">
<path fill="#bbfeff" stroke="black" d="M265,-1038C265,-1038 210,-1038 210,-1038 207,-1038 204,-1035 204,-1032 204,-1032 204,-1026 204,-1026 204,-1023 207,-1020 210,-1020 210,-1020 265,-1020 265,-1020 268,-1020 271,-1023 271,-1026 271,-1026 271,-1032 271,-1032 271,-1035 268,-1038 265,-1038"/>
<text text-anchor="start" x="212" y="-1026.8" font-family="Helvetica,sans-Serif" font-size="9.00">SideBar.tsx</text>
</a>
</g>
</g>
<!-- src/Components/AppShell/SidebarSubmenu.tsx -->
<g id="node7" class="node">
<title>src/Components/AppShell/SidebarSubmenu.tsx</title>
<g id="a_node7"><a xlink:href="src/Components/AppShell/SidebarSubmenu.tsx" xlink:title="SidebarSubmenu.tsx">
<path fill="#bbfeff" stroke="black" d="M399.5,-1038C399.5,-1038 299.5,-1038 299.5,-1038 296.5,-1038 293.5,-1035 293.5,-1032 293.5,-1032 293.5,-1026 293.5,-1026 293.5,-1023 296.5,-1020 299.5,-1020 299.5,-1020 399.5,-1020 399.5,-1020 402.5,-1020 405.5,-1023 405.5,-1026 405.5,-1026 405.5,-1032 405.5,-1032 405.5,-1035 402.5,-1038 399.5,-1038"/>
<text text-anchor="start" x="301.5" y="-1026.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="edge4" 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.21,-1029C276.32,-1029 281.75,-1029 287.26,-1029"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="287.26,-1031.1 293.26,-1029 287.26,-1026.9 287.26,-1031.1"/>
</g>
<!-- src/Components/AppShell/index.tsx -->
<g id="node8" class="node">
<title>src/Components/AppShell/index.tsx</title>
<g id="a_node8"><a xlink:href="src/Components/AppShell/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-993C175,-993 129,-993 129,-993 126,-993 123,-990 123,-987 123,-987 123,-981 123,-981 123,-978 126,-975 129,-975 129,-975 175,-975 175,-975 178,-975 181,-978 181,-981 181,-981 181,-987 181,-987 181,-990 178,-993 175,-993"/>
<text text-anchor="start" x="131" y="-981.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="edge5" 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.27,-978.92C185.56,-978.15 190.07,-977.34 194.58,-976.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="195.18,-978.56 200.71,-975.43 194.43,-974.42 195.18,-978.56"/>
</g>
<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx -->
<g id="edge6" 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.27,-989.08C186.23,-989.97 191.48,-990.91 196.69,-991.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="196.49,-993.95 202.77,-992.94 197.24,-989.81 196.49,-993.95"/>
</g>
<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx -->
<g id="edge7" 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,-993.08C177.75,-994.27 179.71,-995.58 181.5,-997 188.94,-1002.93 186.82,-1008.39 194.5,-1014 195.97,-1015.07 197.52,-1016.07 199.12,-1017"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.46,-1019.03 204.76,-1019.93 200.4,-1015.3 198.46,-1019.03"/>
</g>
<!-- src/Components/Input/TextInput.tsx -->
<g id="node10" class="node">
<title>src/Components/Input/TextInput.tsx</title>
<g id="a_node10"><a xlink:href="src/Components/Input/TextInput.tsx" xlink:title="TextInput.tsx">
<path fill="#bbfeff" stroke="black" d="M817,-1008C817,-1008 753,-1008 753,-1008 750,-1008 747,-1005 747,-1002 747,-1002 747,-996 747,-996 747,-993 750,-990 753,-990 753,-990 817,-990 817,-990 820,-990 823,-993 823,-996 823,-996 823,-1002 823,-1002 823,-1005 820,-1008 817,-1008"/>
<text text-anchor="start" x="755" y="-996.8" 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="edge8" 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="M686.2,-849.88C696.15,-852.04 705.89,-856.24 712.5,-864 729.83,-884.35 703.23,-963.61 720.5,-984 725.75,-990.2 733.04,-994.1 740.82,-996.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.5,-998.6 746.84,-998.07 741.56,-994.53 740.5,-998.6"/>
</g>
<!-- src/Components/Typography/ErrorText.tsx -->
<g id="node11" class="node">
<title>src/Components/Typography/ErrorText.tsx</title>
<g id="a_node11"><a xlink:href="src/Components/Typography/ErrorText.tsx" xlink:title="ErrorText.tsx">
<path fill="#bbfeff" stroke="black" d="M816,-858C816,-858 754,-858 754,-858 751,-858 748,-855 748,-852 748,-852 748,-846 748,-846 748,-843 751,-840 754,-840 754,-840 816,-840 816,-840 819,-840 822,-843 822,-846 822,-846 822,-852 822,-852 822,-855 819,-858 816,-858"/>
<text text-anchor="start" x="756" y="-846.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="edge9" 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="M686.25,-849C703.52,-849 723.91,-849 741.58,-849"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="741.96,-851.1 747.96,-849 741.96,-846.9 741.96,-851.1"/>
</g>
<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge10" 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="M690.14,-880.97C698.64,-883.34 706.72,-887.36 712.5,-894 725.68,-909.14 707.36,-968.82 720.5,-984 725.82,-990.14 733.14,-994.02 740.93,-996.42"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.61,-998.51 746.95,-997.98 741.66,-994.44 740.61,-998.51"/>
</g>
<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
<g id="edge11" 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="M688.45,-870C705.24,-866.31 724.66,-862.04 741.6,-858.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.3,-860.31 747.71,-856.98 741.4,-856.21 742.3,-860.31"/>
</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,-888C261,-888 214,-888 214,-888 211,-888 208,-885 208,-882 208,-882 208,-876 208,-876 208,-873 211,-870 214,-870 214,-870 261,-870 261,-870 264,-870 267,-873 267,-876 267,-876 267,-882 267,-882 267,-885 264,-888 261,-888"/>
<text text-anchor="start" x="216" y="-876.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="M263.5,-918C263.5,-918 211.5,-918 211.5,-918 208.5,-918 205.5,-915 205.5,-912 205.5,-912 205.5,-906 205.5,-906 205.5,-903 208.5,-900 211.5,-900 211.5,-900 263.5,-900 263.5,-900 266.5,-900 269.5,-903 269.5,-906 269.5,-906 269.5,-912 269.5,-912 269.5,-915 266.5,-918 263.5,-918"/>
<text text-anchor="start" x="213.5" y="-906.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,-918C175,-918 129,-918 129,-918 126,-918 123,-915 123,-912 123,-912 123,-906 123,-906 123,-903 126,-900 129,-900 129,-900 175,-900 175,-900 178,-900 181,-903 181,-906 181,-906 181,-912 181,-912 181,-915 178,-918 175,-918"/>
<text text-anchor="start" x="131" y="-906.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="edge15" 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="M178.01,-899.94C183.45,-897.98 189.16,-895.92 194.5,-894 198.04,-892.73 201.75,-891.4 205.43,-890.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="206.23,-892.02 211.18,-888.03 204.82,-888.07 206.23,-892.02"/>
</g>
<!-- src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Quests.tsx -->
<g id="edge16" 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.27,-909C187.09,-909 193.3,-909 199.38,-909"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.39,-911.1 205.39,-909 199.39,-906.9 199.39,-911.1"/>
</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="M827,-978C827,-978 743,-978 743,-978 740,-978 737,-975 737,-972 737,-972 737,-966 737,-966 737,-963 740,-960 743,-960 743,-960 827,-960 827,-960 830,-960 833,-963 833,-966 833,-966 833,-972 833,-972 833,-975 830,-978 827,-978"/>
<text text-anchor="start" x="745" y="-966.8" 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="M674.5,-604C674.5,-604 618.5,-604 618.5,-604 615.5,-604 612.5,-601 612.5,-598 612.5,-598 612.5,-592 612.5,-592 612.5,-589 615.5,-586 618.5,-586 618.5,-586 674.5,-586 674.5,-586 677.5,-586 680.5,-589 680.5,-592 680.5,-592 680.5,-598 680.5,-598 680.5,-601 677.5,-604 674.5,-604"/>
<text text-anchor="start" x="620.5" y="-592.8" 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="edge17" 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.42,-959.68C758.38,-945.66 731.43,-917.51 720.5,-887 715.31,-872.51 722.26,-621.91 712.5,-610 706.12,-602.21 696.57,-597.98 686.75,-595.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="686.9,-593.69 680.62,-594.68 686.15,-597.82 686.9,-593.69"/>
</g>
<!-- src/Utils/HashTagRegex.tsx -->
<g id="node37" class="node">
<title>src/Utils/HashTagRegex.tsx</title>
<g id="a_node37"><a xlink:href="src/Utils/HashTagRegex.tsx" xlink:title="HashTagRegex.tsx">
<path fill="#bbfeff" stroke="black" d="M828,-132C828,-132 742,-132 742,-132 739,-132 736,-129 736,-126 736,-126 736,-120 736,-120 736,-117 739,-114 742,-114 742,-114 828,-114 828,-114 831,-114 834,-117 834,-120 834,-120 834,-126 834,-126 834,-129 831,-132 828,-132"/>
<text text-anchor="start" x="744" y="-120.8" font-family="Helvetica,sans-Serif" font-size="9.00">HashTagRegex.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/hooks/useTags.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
<g id="edge65" class="edge">
<title>src/Components/Map/hooks/useTags.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M680.67,-595.36C692.53,-593.67 704.84,-589.45 712.5,-580 727.96,-560.92 705.09,-157.12 720.5,-138 723.22,-134.62 726.55,-131.92 730.24,-129.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="731.43,-131.52 735.89,-126.99 729.58,-127.75 731.43,-131.52"/>
</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="M669.5,-978C669.5,-978 623.5,-978 623.5,-978 620.5,-978 617.5,-975 617.5,-972 617.5,-972 617.5,-966 617.5,-966 617.5,-963 620.5,-960 623.5,-960 623.5,-960 669.5,-960 669.5,-960 672.5,-960 675.5,-963 675.5,-966 675.5,-966 675.5,-972 675.5,-972 675.5,-975 672.5,-978 669.5,-978"/>
<text text-anchor="start" x="625.5" y="-966.8" 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="edge19" 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="M675.78,-975.22C694.63,-979.36 719.75,-984.88 741.04,-989.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.63,-991.62 746.94,-990.85 741.53,-987.52 740.63,-991.62"/>
</g>
<!-- src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge18" 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="M675.78,-969C691.64,-969 711.94,-969 730.66,-969"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="730.94,-971.1 736.94,-969 730.94,-966.9 730.94,-971.1"/>
</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="M270,-230C270,-230 205,-230 205,-230 202,-230 199,-227 199,-224 199,-224 199,-218 199,-218 199,-215 202,-212 205,-212 205,-212 270,-212 270,-212 273,-212 276,-215 276,-218 276,-218 276,-224 276,-224 276,-227 273,-230 270,-230"/>
<text text-anchor="start" x="207" y="-218.8" 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="M268.5,-260C268.5,-260 206.5,-260 206.5,-260 203.5,-260 200.5,-257 200.5,-254 200.5,-254 200.5,-248 200.5,-248 200.5,-245 203.5,-242 206.5,-242 206.5,-242 268.5,-242 268.5,-242 271.5,-242 274.5,-245 274.5,-248 274.5,-248 274.5,-254 274.5,-254 274.5,-257 271.5,-260 268.5,-260"/>
<text text-anchor="start" x="208.5" y="-248.8" 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="M260,-351C260,-351 215,-351 215,-351 212,-351 209,-348 209,-345 209,-345 209,-339 209,-339 209,-336 212,-333 215,-333 215,-333 260,-333 260,-333 263,-333 266,-336 266,-339 266,-339 266,-345 266,-345 266,-348 263,-351 260,-351"/>
<text text-anchor="start" x="217" y="-339.8" font-family="Helvetica,sans-Serif" font-size="9.00">Layer.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge24" 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="M237.95,-351.07C236.64,-381.36 236.73,-480.01 289,-531 333.68,-574.59 523.47,-589.06 606.42,-593.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.35,-595.46 612.45,-593.67 606.56,-591.27 606.35,-595.46"/>
</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="M834,-162C834,-162 736,-162 736,-162 733,-162 730,-159 730,-156 730,-156 730,-150 730,-150 730,-147 733,-144 736,-144 736,-144 834,-144 834,-144 837,-144 840,-147 840,-150 840,-150 840,-156 840,-156 840,-159 837,-162 834,-162"/>
<text text-anchor="start" x="738" y="-150.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="edge20" 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="M240.84,-351.14C248.37,-381.1 272.04,-479.22 280.5,-562 282.1,-577.61 280.42,-1113.86 289,-1127 322.26,-1177.96 354.04,-1171.04 413.5,-1184 429.89,-1187.57 552.57,-1195.8 564.5,-1184 578.31,-1170.35 566.31,-503.4 572.5,-485 605.83,-385.92 657.81,-385.09 712.5,-296 739.93,-251.33 765.8,-194.74 777.49,-168.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="779.54,-168.67 780.02,-162.33 775.69,-166.99 779.54,-168.67"/>
</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="M675.5,-514C675.5,-514 617.5,-514 617.5,-514 614.5,-514 611.5,-511 611.5,-508 611.5,-508 611.5,-502 611.5,-502 611.5,-499 614.5,-496 617.5,-496 617.5,-496 675.5,-496 675.5,-496 678.5,-496 681.5,-499 681.5,-502 681.5,-502 681.5,-508 681.5,-508 681.5,-511 678.5,-514 675.5,-514"/>
<text text-anchor="start" x="619.5" y="-502.8" 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="edge21" 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="M243.92,-332.72C251.91,-320.05 268.21,-297.91 289,-289 318.22,-276.48 559.18,-293.16 564.5,-297 629.27,-343.72 642.25,-450.01 644.85,-489.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="642.76,-490.01 645.2,-495.88 646.96,-489.77 642.76,-490.01"/>
</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="M677.5,-574C677.5,-574 615.5,-574 615.5,-574 612.5,-574 609.5,-571 609.5,-568 609.5,-568 609.5,-562 609.5,-562 609.5,-559 612.5,-556 615.5,-556 615.5,-556 677.5,-556 677.5,-556 680.5,-556 683.5,-559 683.5,-562 683.5,-562 683.5,-568 683.5,-568 683.5,-571 680.5,-574 677.5,-574"/>
<text text-anchor="start" x="617.5" y="-562.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="edge22" 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="M241.24,-332.97C246.94,-315.98 261.85,-279.66 289,-265 396.74,-206.82 476.71,-179.64 564.5,-265 587.21,-287.08 552.14,-525.73 572.5,-550 580.08,-559.03 591.51,-563.53 603.09,-565.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="602.91,-567.68 609.14,-566.45 603.5,-563.52 602.91,-567.68"/>
</g>
<!-- src/Components/Map/hooks/useLeafletRefs.tsx -->
<g id="node26" class="node">
<title>src/Components/Map/hooks/useLeafletRefs.tsx</title>
<g id="a_node26"><a xlink:href="src/Components/Map/hooks/useLeafletRefs.tsx" xlink:title="useLeafletRefs.tsx">
<path fill="#bbfeff" stroke="black" d="M689.5,-634C689.5,-634 603.5,-634 603.5,-634 600.5,-634 597.5,-631 597.5,-628 597.5,-628 597.5,-622 597.5,-622 597.5,-619 600.5,-616 603.5,-616 603.5,-616 689.5,-616 689.5,-616 692.5,-616 695.5,-619 695.5,-622 695.5,-622 695.5,-628 695.5,-628 695.5,-631 692.5,-634 689.5,-634"/>
<text text-anchor="start" x="605.5" y="-622.8" font-family="Helvetica,sans-Serif" font-size="9.00">useLeafletRefs.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx -->
<g id="edge23" class="edge">
<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M243.92,-332.72C251.91,-320.05 268.21,-297.91 289,-289 319.03,-276.13 560.29,-292.69 564.5,-297 576.65,-309.45 561.34,-596.66 572.5,-610 577.43,-615.89 584,-619.86 591.18,-622.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="590.99,-624.61 597.34,-624.37 592.22,-620.59 590.99,-624.61"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx -->
<g id="node27" class="node">
<title>src/Components/Map/Subcomponents/ItemFormPopup.tsx</title>
<g id="a_node27"><a xlink:href="src/Components/Map/Subcomponents/ItemFormPopup.tsx" xlink:title="ItemFormPopup.tsx">
<path fill="#bbfeff" stroke="black" d="M396,-502C396,-502 303,-502 303,-502 300,-502 297,-499 297,-496 297,-496 297,-490 297,-490 297,-487 300,-484 303,-484 303,-484 396,-484 396,-484 399,-484 402,-487 402,-490 402,-490 402,-496 402,-496 402,-499 399,-502 396,-502"/>
<text text-anchor="start" x="305" y="-490.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="edge25" 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="M239.08,-351.21C241.12,-375.75 250.19,-443.19 289,-478 290.03,-478.92 291.11,-479.79 292.23,-480.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="291.19,-482.44 297.39,-483.87 293.44,-478.89 291.19,-482.44"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx -->
<g id="node28" class="node">
<title>src/Components/Map/Subcomponents/ItemViewPopup.tsx</title>
<g id="a_node28"><a xlink:href="src/Components/Map/Subcomponents/ItemViewPopup.tsx" xlink:title="ItemViewPopup.tsx">
<path fill="#bbfeff" stroke="black" d="M395.5,-351C395.5,-351 303.5,-351 303.5,-351 300.5,-351 297.5,-348 297.5,-345 297.5,-345 297.5,-339 297.5,-339 297.5,-336 300.5,-333 303.5,-333 303.5,-333 395.5,-333 395.5,-333 398.5,-333 401.5,-336 401.5,-339 401.5,-339 401.5,-345 401.5,-345 401.5,-348 398.5,-351 395.5,-351"/>
<text text-anchor="start" x="305.5" y="-339.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="edge26" 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="M266.26,-342C273.91,-342 282.51,-342 291.18,-342"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="291.18,-344.1 297.18,-342 291.18,-339.9 291.18,-344.1"/>
</g>
<!-- src/Components/Map/hooks/useLayers.tsx -->
<g id="node33" class="node">
<title>src/Components/Map/hooks/useLayers.tsx</title>
<g id="a_node33"><a xlink:href="src/Components/Map/hooks/useLayers.tsx" xlink:title="useLayers.tsx">
<path fill="#bbfeff" stroke="black" d="M818,-664C818,-664 752,-664 752,-664 749,-664 746,-661 746,-658 746,-658 746,-652 746,-652 746,-649 749,-646 752,-646 752,-646 818,-646 818,-646 821,-646 824,-649 824,-652 824,-652 824,-658 824,-658 824,-661 821,-664 818,-664"/>
<text text-anchor="start" x="754" y="-652.8" 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="edge63" 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="M683.64,-569.46C693.44,-571.68 703.75,-575.01 712.5,-580 739.18,-595.21 762.07,-623.48 774.36,-640.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="772.95,-642.28 778.11,-645.99 776.39,-639.87 772.95,-642.28"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge38" 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="M401.79,-502.3C403.12,-503.42 404.37,-504.64 405.5,-506 427.04,-531.79 394.11,-629.56 413.5,-657 457.65,-719.49 499.61,-699.73 572.5,-723 633.3,-742.42 671.85,-705.79 712.5,-755 728.72,-774.63 704.36,-964.31 720.5,-984 725.65,-990.28 732.9,-994.22 740.67,-996.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.35,-998.72 746.68,-998.2 741.4,-994.66 740.35,-998.72"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge37" 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="M401.75,-502.33C403.1,-503.44 404.36,-504.66 405.5,-506 421.53,-524.83 399.57,-596.57 413.5,-617 457.62,-681.71 500.38,-662.44 572.5,-693 633.62,-718.89 673.09,-691.59 712.5,-745 731.27,-770.43 709.44,-857.39 720.5,-887 730.78,-914.51 753.74,-940.26 769.05,-955.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="767.76,-956.99 773.53,-959.64 770.67,-953.96 767.76,-956.99"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
<g id="edge41" 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="M401.04,-502.2C402.63,-503.34 404.13,-504.6 405.5,-506 417.28,-518.01 401.47,-531.24 413.5,-543 462.38,-590.76 504.13,-539.99 564.5,-572 568.94,-574.36 568.07,-577.62 572.5,-580 582.78,-585.54 594.89,-589.04 606.26,-591.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.21,-593.37 612.49,-592.34 606.94,-589.23 606.21,-593.37"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge39" 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="M397.78,-502.1C400.46,-503.25 403.06,-504.54 405.5,-506 410.1,-508.74 408.62,-512.81 413.5,-515 446.59,-529.86 547.79,-518.89 605,-511.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.41,-513.12 611.07,-510.22 604.84,-508.96 605.41,-513.12"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge40" 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="M399.59,-502.08C401.67,-503.24 403.65,-504.54 405.5,-506 411.73,-510.93 407.15,-517.22 413.5,-522 442.79,-544.04 544.52,-556.28 603.09,-561.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="603.15,-563.77 609.31,-562.21 603.53,-559.58 603.15,-563.77"/>
</g>
<!-- src/types.ts -->
<g id="node36" class="node">
<title>src/types.ts</title>
<g id="a_node36"><a xlink:href="src/types.ts" xlink:title="types.ts">
<path fill="#ddfeff" stroke="black" d="M506,-1176C506,-1176 464,-1176 464,-1176 461,-1176 458,-1173 458,-1170 458,-1170 458,-1164 458,-1164 458,-1161 461,-1158 464,-1158 464,-1158 506,-1158 506,-1158 509,-1158 512,-1161 512,-1164 512,-1164 512,-1170 512,-1170 512,-1173 509,-1176 506,-1176"/>
<text text-anchor="start" x="466.5" y="-1164.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="edge34" 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="M401.86,-502.25C403.17,-503.38 404.39,-504.62 405.5,-506 415.26,-518.15 408.68,-1052.18 413.5,-1067 424.84,-1101.9 452.98,-1135.24 470.08,-1153.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="468.91,-1155.03 474.59,-1157.88 471.93,-1152.11 468.91,-1155.03"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
<g id="edge35" 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="M399.08,-483.99C401.47,-482.3 403.65,-480.32 405.5,-478 418.07,-462.28 402.66,-313.96 413.5,-297 484.02,-186.62 645.07,-144.98 729.72,-130.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="730.12,-132.39 735.68,-129.31 729.41,-128.25 730.12,-132.39"/>
</g>
<!-- src/Utils/RandomColor.ts -->
<g id="node38" class="node">
<title>src/Utils/RandomColor.ts</title>
<g id="a_node38"><a xlink:href="src/Utils/RandomColor.ts" xlink:title="RandomColor.ts">
<path fill="#ddfeff" stroke="black" d="M822.5,-72C822.5,-72 747.5,-72 747.5,-72 744.5,-72 741.5,-69 741.5,-66 741.5,-66 741.5,-60 741.5,-60 741.5,-57 744.5,-54 747.5,-54 747.5,-54 822.5,-54 822.5,-54 825.5,-54 828.5,-57 828.5,-60 828.5,-60 828.5,-66 828.5,-66 828.5,-69 825.5,-72 822.5,-72"/>
<text text-anchor="start" x="749.5" y="-60.8" 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="edge36" 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="M399.6,-483.69C401.79,-482.06 403.79,-480.18 405.5,-478 426.09,-451.77 393.55,-204.72 413.5,-178 489.09,-76.75 652.88,-62.14 734.99,-61.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="735.24,-63.66 741.24,-61.54 735.23,-59.46 735.24,-63.66"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx -->
<g id="node39" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx</title>
<g id="a_node39"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx" xlink:title="HeaderView.tsx">
<path fill="#bbfeff" stroke="black" d="M522,-356C522,-356 448,-356 448,-356 445,-356 442,-353 442,-350 442,-350 442,-344 442,-344 442,-341 445,-338 448,-338 448,-338 522,-338 522,-338 525,-338 528,-341 528,-344 528,-344 528,-350 528,-350 528,-353 525,-356 522,-356"/>
<text text-anchor="start" x="450" y="-344.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/ItemPopupComponents/HeaderView.tsx -->
<g id="edge51" 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="M401.73,-343.92C412.9,-344.34 424.68,-344.78 435.73,-345.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="435.71,-347.29 441.78,-345.42 435.87,-343.1 435.71,-347.29"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
<g id="node44" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
<g id="a_node44"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx" xlink:title="TextView.tsx">
<path fill="#bbfeff" stroke="black" d="M514.5,-326C514.5,-326 455.5,-326 455.5,-326 452.5,-326 449.5,-323 449.5,-320 449.5,-320 449.5,-314 449.5,-314 449.5,-311 452.5,-308 455.5,-308 455.5,-308 514.5,-308 514.5,-308 517.5,-308 520.5,-311 520.5,-314 520.5,-314 520.5,-320 520.5,-320 520.5,-323 517.5,-326 514.5,-326"/>
<text text-anchor="start" x="457.5" y="-314.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/ItemPopupComponents/TextView.tsx -->
<g id="edge52" 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="M398.7,-332.97C413.34,-330.23 429.27,-327.25 443.36,-324.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="443.76,-326.67 449.27,-323.5 442.99,-322.54 443.76,-326.67"/>
</g>
<!-- src/Components/Map/Permissions.tsx -->
<g id="node29" class="node">
<title>src/Components/Map/Permissions.tsx</title>
<g id="a_node29"><a xlink:href="src/Components/Map/Permissions.tsx" xlink:title="Permissions.tsx">
<path fill="#bbfeff" stroke="black" d="M274.5,-586C274.5,-586 200.5,-586 200.5,-586 197.5,-586 194.5,-583 194.5,-580 194.5,-580 194.5,-574 194.5,-574 194.5,-571 197.5,-568 200.5,-568 200.5,-568 274.5,-568 274.5,-568 277.5,-568 280.5,-571 280.5,-574 280.5,-574 280.5,-580 280.5,-580 280.5,-583 277.5,-586 274.5,-586"/>
<text text-anchor="start" x="202.5" y="-574.8" font-family="Helvetica,sans-Serif" font-size="9.00">Permissions.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Auth/index.tsx -->
<g id="edge27" class="edge">
<title>src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M274.59,-586.21C276.84,-587.84 278.85,-589.75 280.5,-592 295.93,-613.08 271.97,-807.18 289,-827 328.35,-872.81 405.21,-873.24 449.79,-868.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="450.1,-871.03 455.85,-868.32 449.67,-866.85 450.1,-871.03"/>
</g>
<!-- src/Components/Map/hooks/usePermissions.tsx -->
<g id="node30" class="node">
<title>src/Components/Map/hooks/usePermissions.tsx</title>
<g id="a_node30"><a xlink:href="src/Components/Map/hooks/usePermissions.tsx" xlink:title="usePermissions.tsx">
<path fill="#bbfeff" stroke="black" d="M691,-664C691,-664 602,-664 602,-664 599,-664 596,-661 596,-658 596,-658 596,-652 596,-652 596,-649 599,-646 602,-646 602,-646 691,-646 691,-646 694,-646 697,-649 697,-652 697,-652 697,-658 697,-658 697,-661 694,-664 691,-664"/>
<text text-anchor="start" x="604" y="-652.8" font-family="Helvetica,sans-Serif" font-size="9.00">usePermissions.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
<g id="edge28" class="edge">
<title>src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M280.72,-582.34C343.39,-590.81 464.4,-609.25 564.5,-637 568.16,-638.01 568.85,-638.95 572.5,-640 578.19,-641.64 584.17,-643.17 590.17,-644.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.84,-646.66 596.16,-645.96 590.78,-642.57 589.84,-646.66"/>
</g>
<!-- src/Components/Map/hooks/usePermissions.tsx&#45;&gt;src/Components/Auth/index.tsx -->
<g id="edge64" class="edge">
<title>src/Components/Map/hooks/usePermissions.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.14,-664.18C619.99,-680.67 587.21,-717.13 572.5,-755 560.84,-785.01 583.22,-800.8 564.5,-827 553.97,-841.74 536.01,-850.79 519.93,-856.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="519.19,-854.29 514.11,-858.11 520.46,-858.29 519.19,-854.29"/>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx -->
<g id="node31" class="node">
<title>src/Components/Map/Subcomponents/AddButton.tsx</title>
<g id="a_node31"><a xlink:href="src/Components/Map/Subcomponents/AddButton.tsx" xlink:title="AddButton.tsx">
<path fill="#bbfeff" stroke="black" d="M384.5,-472C384.5,-472 314.5,-472 314.5,-472 311.5,-472 308.5,-469 308.5,-466 308.5,-466 308.5,-460 308.5,-460 308.5,-457 311.5,-454 314.5,-454 314.5,-454 384.5,-454 384.5,-454 387.5,-454 390.5,-457 390.5,-460 390.5,-460 390.5,-466 390.5,-466 390.5,-469 387.5,-472 384.5,-472"/>
<text text-anchor="start" x="316.5" y="-460.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/usePermissions.tsx -->
<g id="edge31" class="edge">
<title>src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.57,-468.05C396.21,-470.32 401.45,-473.52 405.5,-478 420,-494.05 399.92,-509.17 413.5,-526 458.84,-582.2 519.67,-529.39 564.5,-586 579.56,-605.02 555.83,-622.37 572.5,-640 577.27,-645.04 583.23,-648.62 589.69,-651.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.39,-653.26 595.75,-653.17 590.72,-649.27 589.39,-653.26"/>
</g>
<!-- src/Utils/DynamicHeroIcon.tsx -->
<g id="node32" class="node">
<title>src/Utils/DynamicHeroIcon.tsx</title>
<g id="a_node32"><a xlink:href="src/Utils/DynamicHeroIcon.tsx" xlink:title="DynamicHeroIcon.tsx">
<path fill="#bbfeff" stroke="black" d="M835.5,-42C835.5,-42 734.5,-42 734.5,-42 731.5,-42 728.5,-39 728.5,-36 728.5,-36 728.5,-30 728.5,-30 728.5,-27 731.5,-24 734.5,-24 734.5,-24 835.5,-24 835.5,-24 838.5,-24 841.5,-27 841.5,-30 841.5,-30 841.5,-36 841.5,-36 841.5,-39 838.5,-42 835.5,-42"/>
<text text-anchor="start" x="736.5" y="-30.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="edge29" 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="M390.57,-458.63C396.35,-456.29 401.64,-452.9 405.5,-448 424.07,-424.42 396.56,-202.77 413.5,-178 483.19,-76.11 636.14,-45.82 722.14,-36.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="722.45,-38.89 728.21,-36.2 722.03,-34.71 722.45,-38.89"/>
</g>
<!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge30" 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="M390.57,-467.71C396.28,-470.01 401.54,-473.31 405.5,-478 417.31,-491.99 404.22,-544.22 413.5,-560 457.05,-634.08 490.47,-644.39 572.5,-670 631.73,-688.49 704.66,-676.13 747.57,-665.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="748.12,-667.55 753.42,-664.04 747.09,-663.48 748.12,-667.55"/>
</g>
<!-- src/Components/Map/Subcomponents/FilterControl.tsx -->
<g id="node34" class="node">
<title>src/Components/Map/Subcomponents/FilterControl.tsx</title>
<g id="a_node34"><a xlink:href="src/Components/Map/Subcomponents/FilterControl.tsx" xlink:title="FilterControl.tsx">
<path fill="#bbfeff" stroke="black" d="M387,-442C387,-442 312,-442 312,-442 309,-442 306,-439 306,-436 306,-436 306,-430 306,-430 306,-427 309,-424 312,-424 312,-424 387,-424 387,-424 390,-424 393,-427 393,-430 393,-430 393,-436 393,-436 393,-439 390,-442 387,-442"/>
<text text-anchor="start" x="314" y="-430.8" 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="edge32" 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="M393.13,-439.04C397.81,-441.23 402.1,-444.14 405.5,-448 422.41,-467.2 394.19,-488.22 413.5,-505 441.07,-528.97 546.04,-518.97 604.89,-511.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.47,-513.15 611.14,-510.26 604.91,-508.99 605.47,-513.15"/>
</g>
<!-- src/Components/Map/hooks/useWindowDimension.tsx -->
<g id="node35" class="node">
<title>src/Components/Map/hooks/useWindowDimension.tsx</title>
<g id="a_node35"><a xlink:href="src/Components/Map/hooks/useWindowDimension.tsx" xlink:title="useWindowDimension.tsx">
<path fill="#bbfeff" stroke="black" d="M706.5,-544C706.5,-544 586.5,-544 586.5,-544 583.5,-544 580.5,-541 580.5,-538 580.5,-538 580.5,-532 580.5,-532 580.5,-529 583.5,-526 586.5,-526 586.5,-526 706.5,-526 706.5,-526 709.5,-526 712.5,-529 712.5,-532 712.5,-532 712.5,-538 712.5,-538 712.5,-541 709.5,-544 706.5,-544"/>
<text text-anchor="start" x="588.5" y="-532.8" 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="edge33" 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="M393.22,-438.96C397.88,-441.17 402.14,-444.1 405.5,-448 425.35,-471.06 391.6,-494.87 413.5,-516 416.42,-518.82 507.31,-525.6 574.44,-530.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="574.32,-532.35 580.45,-530.66 574.61,-528.16 574.32,-532.35"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge42" 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="M528.23,-345.27C541.75,-347 555.52,-351.6 564.5,-362 578.16,-377.82 558.95,-534.08 572.5,-550 580.14,-558.98 591.59,-563.46 603.17,-565.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="602.98,-567.61 609.22,-566.38 603.58,-563.46 602.98,-567.61"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
<g id="edge43" class="edge">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M528.31,-345.2C541.84,-346.93 555.59,-351.54 564.5,-362 584.53,-385.53 552.63,-616.33 572.5,-640 577.18,-645.57 583.33,-649.42 590.07,-652.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.5,-654.06 595.86,-653.95 590.82,-650.07 589.5,-654.06"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx -->
<g id="node40" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx</title>
<g id="a_node40"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx" xlink:title="PopupStartEndInput.tsx">
<path fill="#bbfeff" stroke="black" d="M542.5,-416C542.5,-416 427.5,-416 427.5,-416 424.5,-416 421.5,-413 421.5,-410 421.5,-410 421.5,-404 421.5,-404 421.5,-401 424.5,-398 427.5,-398 427.5,-398 542.5,-398 542.5,-398 545.5,-398 548.5,-401 548.5,-404 548.5,-404 548.5,-410 548.5,-410 548.5,-413 545.5,-416 542.5,-416"/>
<text text-anchor="start" x="429.5" y="-404.8" 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="edge44" 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="M548.77,-410.52C554.78,-413.19 560.22,-416.9 564.5,-422 583.26,-444.34 554.92,-923.72 572.5,-947 581.57,-959.02 596.99,-964.7 611.33,-967.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="611.14,-969.4 617.39,-968.24 611.78,-965.25 611.14,-969.4"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx -->
<g id="node41" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx</title>
<g id="a_node41"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx" xlink:title="PopupTextAreaInput.tsx">
<path fill="#bbfeff" stroke="black" d="M541.5,-446C541.5,-446 428.5,-446 428.5,-446 425.5,-446 422.5,-443 422.5,-440 422.5,-440 422.5,-434 422.5,-434 422.5,-431 425.5,-428 428.5,-428 428.5,-428 541.5,-428 541.5,-428 544.5,-428 547.5,-431 547.5,-434 547.5,-434 547.5,-440 547.5,-440 547.5,-443 544.5,-446 541.5,-446"/>
<text text-anchor="start" x="430.5" y="-434.8" 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="edge45" 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="M547.63,-440.03C554.09,-442.73 559.95,-446.58 564.5,-452 582.2,-473.05 555.92,-925.06 572.5,-947 581.58,-959.01 597,-964.69 611.34,-967.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="611.14,-969.39 617.39,-968.24 611.79,-965.24 611.14,-969.39"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx -->
<g id="node42" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx</title>
<g id="a_node42"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx" xlink:title="PopupTextInput.tsx">
<path fill="#ccffcc" stroke="black" d="M531,-386C531,-386 439,-386 439,-386 436,-386 433,-383 433,-380 433,-380 433,-374 433,-374 433,-371 436,-368 439,-368 439,-368 531,-368 531,-368 534,-368 537,-371 537,-374 537,-374 537,-380 537,-380 537,-383 534,-386 531,-386"/>
<text text-anchor="start" x="441" y="-374.8" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextInput.tsx</text>
</a>
</g>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx -->
<g id="node43" class="node">
<title>src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx</title>
<g id="a_node43"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx" xlink:title="StartEndView.tsx">
<path fill="#bbfeff" stroke="black" d="M526,-476C526,-476 444,-476 444,-476 441,-476 438,-473 438,-470 438,-470 438,-464 438,-464 438,-461 441,-458 444,-458 444,-458 526,-458 526,-458 529,-458 532,-461 532,-464 532,-464 532,-470 532,-470 532,-473 529,-476 526,-476"/>
<text text-anchor="start" x="446" y="-464.8" 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="edge50" 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="M520.57,-314.53C536.35,-315.39 553.86,-319.55 564.5,-332 582.41,-352.96 554.73,-558.92 572.5,-580 580.74,-589.78 593.5,-594.24 606.06,-596.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.99,-598.14 612.18,-596.72 606.45,-593.97 605.99,-598.14"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge49" 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="M520.53,-316.8C535.38,-318.33 552.12,-322.38 564.5,-332 616.78,-372.65 636.78,-455.14 643.06,-489.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="641.04,-490.11 644.13,-495.67 645.17,-489.4 641.04,-490.11"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
<g id="edge46" 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="M520.89,-313.38C581.23,-306.77 699.88,-292.14 712.5,-278 733.25,-254.75 700.47,-161.87 720.5,-138 723.24,-134.73 726.54,-132.11 730.19,-129.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="731.29,-131.79 735.75,-127.26 729.44,-128.02 731.29,-131.79"/>
</g>
<!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/RandomColor.ts -->
<g id="edge47" 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="M494.33,-307.79C509.45,-291.19 542.63,-255.34 572.5,-227 632.17,-170.4 668.25,-175.32 712.5,-106 719.46,-95.09 711.14,-86.94 720.5,-78 724.8,-73.89 730.01,-70.84 735.57,-68.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.27,-70.56 741.23,-66.58 734.87,-66.6 736.27,-70.56"/>
</g>
<!-- src/Utils/ReplaceURLs.ts -->
<g id="node45" class="node">
<title>src/Utils/ReplaceURLs.ts</title>
<g id="a_node45"><a xlink:href="src/Utils/ReplaceURLs.ts" xlink:title="ReplaceURLs.ts">
<path fill="#ddfeff" stroke="black" d="M822,-102C822,-102 748,-102 748,-102 745,-102 742,-99 742,-96 742,-96 742,-90 742,-90 742,-87 745,-84 748,-84 748,-84 822,-84 822,-84 825,-84 828,-87 828,-90 828,-90 828,-96 828,-96 828,-99 825,-102 822,-102"/>
<text text-anchor="start" x="750" y="-90.8" 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="edge48" 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="M505.8,-307.95C523.25,-300.06 549.42,-288.43 572.5,-279 634.09,-253.83 672.86,-279.43 712.5,-226 728.16,-204.89 703.5,-128.05 720.5,-108 724.62,-103.14 730,-99.69 735.88,-97.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.92,-99.13 741.9,-95.17 735.54,-95.16 736.92,-99.13"/>
</g>
<!-- src/Components/Map/Tags.tsx -->
<g id="node46" class="node">
<title>src/Components/Map/Tags.tsx</title>
<g id="a_node46"><a xlink:href="src/Components/Map/Tags.tsx" xlink:title="Tags.tsx">
<path fill="#bbfeff" stroke="black" d="M258.5,-616C258.5,-616 216.5,-616 216.5,-616 213.5,-616 210.5,-613 210.5,-610 210.5,-610 210.5,-604 210.5,-604 210.5,-601 213.5,-598 216.5,-598 216.5,-598 258.5,-598 258.5,-598 261.5,-598 264.5,-601 264.5,-604 264.5,-604 264.5,-610 264.5,-610 264.5,-613 261.5,-616 258.5,-616"/>
<text text-anchor="start" x="219" y="-604.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="edge53" 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="M264.71,-606.58C320.08,-605.64 453.05,-603.12 564.5,-599 578.04,-598.5 592.85,-597.81 606.06,-597.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.52,-599.22 612.4,-596.82 606.3,-595.03 606.52,-599.22"/>
</g>
<!-- src/Components/Map/UtopiaMap.css -->
<g id="node47" class="node">
<title>src/Components/Map/UtopiaMap.css</title>
<g id="a_node47"><a xlink:href="src/Components/Map/UtopiaMap.css" xlink:title="UtopiaMap.css">
<path fill="#ffffcc" stroke="black" d="M384.5,-666C384.5,-666 314.5,-666 314.5,-666 311.5,-666 308.5,-663 308.5,-660 308.5,-660 308.5,-654 308.5,-654 308.5,-651 311.5,-648 314.5,-648 314.5,-648 384.5,-648 384.5,-648 387.5,-648 390.5,-651 390.5,-654 390.5,-654 390.5,-660 390.5,-660 390.5,-663 387.5,-666 384.5,-666"/>
<text text-anchor="start" x="316.5" y="-654.8" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.css</text>
</a>
</g>
</g>
<!-- src/Components/Map/UtopiaMap.tsx -->
<g id="node48" class="node">
<title>src/Components/Map/UtopiaMap.tsx</title>
<g id="a_node48"><a xlink:href="src/Components/Map/UtopiaMap.tsx" xlink:title="UtopiaMap.tsx">
<path fill="#bbfeff" stroke="black" d="M272,-656C272,-656 203,-656 203,-656 200,-656 197,-653 197,-650 197,-650 197,-644 197,-644 197,-641 200,-638 203,-638 203,-638 272,-638 272,-638 275,-638 278,-641 278,-644 278,-644 278,-650 278,-650 278,-653 275,-656 272,-656"/>
<text text-anchor="start" x="205" y="-644.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/useTags.tsx -->
<g id="edge59" 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="M278.27,-641.92C356.18,-631.96 528.12,-610 605.9,-600.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.55,-602.09 612.23,-599.25 606.02,-597.93 606.55,-602.09"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
<g id="edge54" 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="M252.42,-656.08C262.21,-661.9 275.85,-668.92 289,-672 339.42,-683.8 357.09,-690.37 405.5,-672 493.8,-638.49 501.02,-600.94 564.5,-531 568.56,-526.52 567.42,-523.27 572.5,-520 582.14,-513.79 593.85,-510.08 605.04,-507.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.64,-509.92 611.19,-506.82 604.92,-505.78 605.64,-509.92"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
<g id="edge55" 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="M247.56,-656.18C256.97,-665 272.59,-677.75 289,-683 318.19,-692.34 542.81,-690.65 564.5,-669 578.55,-654.97 559.27,-594.81 572.5,-580 580.35,-571.21 591.86,-566.77 603.43,-564.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="603.83,-566.77 609.47,-563.83 603.23,-562.62 603.83,-566.77"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx -->
<g id="edge57" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M244.33,-656.18C252.58,-668.2 268.92,-688.74 289,-697 317.31,-708.64 541.4,-717.08 564.5,-697 583.81,-680.22 554.99,-658.65 572.5,-640 577.62,-634.55 584.15,-630.79 591.19,-628.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.1,-630.16 597.21,-626.38 590.86,-626.15 592.1,-630.16"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
<g id="edge58" class="edge">
<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M278.17,-642.7C281.83,-642.42 285.48,-642.17 289,-642 395.28,-636.75 519.48,-644.4 589.68,-650"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.73,-652.12 595.88,-650.51 590.07,-647.93 589.73,-652.12"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/AddButton.tsx -->
<g id="edge60" 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="M262.69,-637.82C269.59,-634 276.36,-628.82 280.5,-622 297.16,-594.61 268.56,-502.69 289,-478 292.64,-473.6 297.37,-470.39 302.56,-468.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="303.49,-469.95 308.36,-465.85 302,-466.02 303.49,-469.95"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
<g id="edge56" 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="M243.14,-656.34C250.61,-670.2 266.75,-695.65 289,-706 296.04,-709.27 546.99,-708.7 564.5,-707 631.22,-700.53 647.59,-694.74 712.5,-678 725.74,-674.59 740.13,-670.11 752.5,-666.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="753.38,-667.94 758.4,-664.04 752.04,-663.95 753.38,-667.94"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/FilterControl.tsx -->
<g id="edge61" 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="M262.73,-637.85C269.64,-634.02 276.39,-628.84 280.5,-622 290.47,-605.41 276.73,-462.97 289,-448 292.09,-444.23 295.97,-441.33 300.26,-439.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="301.24,-440.98 305.89,-436.64 299.55,-437.13 301.24,-440.98"/>
</g>
<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/UtopiaMap.css -->
<g id="edge62" 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.21,-650.61C286.06,-651.32 294.36,-652.08 302.39,-652.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="302.31,-654.91 308.48,-653.36 302.69,-650.73 302.31,-654.91"/>
</g>
<!-- src/Components/Map/index.tsx -->
<g id="node49" class="node">
<title>src/Components/Map/index.tsx</title>
<g id="a_node49"><a xlink:href="src/Components/Map/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M175,-329C175,-329 129,-329 129,-329 126,-329 123,-326 123,-323 123,-323 123,-317 123,-317 123,-314 126,-311 129,-311 129,-311 175,-311 175,-311 178,-311 181,-314 181,-317 181,-317 181,-323 181,-323 181,-326 178,-329 175,-329"/>
<text text-anchor="start" x="131" y="-317.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/ItemForm.tsx -->
<g id="edge66" 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.56,-310.92C179.03,-309.76 180.36,-308.46 181.5,-307 201.22,-281.7 173.72,-260.44 194.5,-236 195.1,-235.3 195.73,-234.63 196.39,-233.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="197.74,-235.6 201.15,-230.23 195.14,-232.31 197.74,-235.6"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemView.tsx -->
<g id="edge67" 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.05,-310.91C178.68,-309.75 180.19,-308.45 181.5,-307 193.49,-293.77 182.36,-282.09 194.5,-269 196.49,-266.86 198.77,-264.96 201.22,-263.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.4,-265.02 206.46,-260.13 200.24,-261.42 202.4,-265.02"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Layer.tsx -->
<g id="edge68" 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.27,-327.45C188.22,-329.28 195.73,-331.26 202.9,-333.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.49,-335.21 208.83,-334.71 203.56,-331.15 202.49,-335.21"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Permissions.tsx -->
<g id="edge69" class="edge">
<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Permissions.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.97,-329.15C168.4,-367.4 216.28,-514.76 231.69,-562.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="229.71,-562.91 233.56,-567.96 233.71,-561.61 229.71,-562.91"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx -->
<g id="edge70" 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="M174.44,-310.87C176.86,-309.64 179.26,-308.35 181.5,-307 187.75,-303.24 187.89,-300.08 194.5,-297 229.97,-280.45 253,-305.86 280.5,-278 293.57,-264.76 274.57,-248.75 289,-237 309.08,-220.66 386.73,-219.17 405.5,-237 418,-248.88 402.31,-378.88 413.5,-392 414.35,-393 415.25,-393.94 416.2,-394.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="415.25,-396.76 421.26,-398.84 417.86,-393.47 415.25,-396.76"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx -->
<g id="edge71" 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="M181.11,-314.93C240.03,-305.02 373.67,-286.49 405.5,-316 422.82,-332.06 397.95,-404.21 413.5,-422 414.7,-423.37 415.98,-424.63 417.35,-425.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="416.18,-427.54 422.27,-429.38 418.65,-424.15 416.18,-427.54"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx -->
<g id="edge72" 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="M181.22,-318.46C243.73,-315.34 389.63,-309.8 405.5,-325 425.92,-344.56 395.02,-430.59 413.5,-452 418.35,-457.62 424.75,-461.45 431.71,-464"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="431.31,-466.08 437.67,-465.86 432.56,-462.07 431.31,-466.08"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
<g id="edge73" 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="M176.52,-310.84C178.3,-309.69 179.99,-308.41 181.5,-307 190.37,-298.72 184.73,-290.19 194.5,-283 225.87,-259.9 252.95,-293.55 280.5,-266 294.28,-252.22 273.95,-235.37 289,-223 329.01,-190.13 358.6,-201.06 405.5,-223 440.68,-239.46 465.63,-280.29 477.03,-302.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="475.19,-303.34 479.76,-307.76 478.94,-301.46 475.19,-303.34"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Tags.tsx -->
<g id="edge74" 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="M153.17,-329.18C154.16,-371.85 160.31,-550.54 194.5,-592 197.21,-595.29 200.71,-597.86 204.51,-599.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.93,-601.9 210.27,-602.42 205.63,-598.07 203.93,-601.9"/>
</g>
<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/UtopiaMap.tsx -->
<g id="edge75" 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="M153.21,-329.12C154.38,-374.08 161.39,-572.04 194.5,-622 197.87,-627.09 202.67,-631.3 207.83,-634.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="206.84,-636.57 213.06,-637.87 209.01,-632.97 206.84,-636.57"/>
</g>
<!-- src/Components/Profile/Settings.tsx -->
<g id="node50" class="node">
<title>src/Components/Profile/Settings.tsx</title>
<g id="a_node50"><a xlink:href="src/Components/Profile/Settings.tsx" xlink:title="Settings.tsx">
<path fill="#bbfeff" stroke="black" d="M379,-1098C379,-1098 320,-1098 320,-1098 317,-1098 314,-1095 314,-1092 314,-1092 314,-1086 314,-1086 314,-1083 317,-1080 320,-1080 320,-1080 379,-1080 379,-1080 382,-1080 385,-1083 385,-1086 385,-1086 385,-1092 385,-1092 385,-1095 382,-1098 379,-1098"/>
<text text-anchor="start" x="322" y="-1086.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/Auth/index.tsx -->
<g id="edge76" class="edge">
<title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.02,-1081.89C392.93,-1078.64 400.48,-1073.9 405.5,-1067 420.96,-1045.75 403.75,-973.41 413.5,-949 425.33,-919.38 451.56,-892.36 468.47,-877.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="469.88,-878.63 472.98,-873.08 467.1,-875.49 469.88,-878.63"/>
</g>
<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
<g id="edge78" 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="M385.36,-1090.32C428.04,-1091.23 502.32,-1090.5 564.5,-1078 637.73,-1063.28 719.37,-1028.77 759.3,-1010.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="760.29,-1012.47 764.88,-1008.06 758.55,-1008.65 760.29,-1012.47"/>
</g>
<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
<g id="edge77" 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="M385.11,-1092.3C428.18,-1095.26 503.49,-1096.66 564.5,-1078 641.91,-1054.32 645.54,-1014.56 720.5,-984 724.24,-982.48 728.16,-981.09 732.15,-979.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.88,-981.8 738.03,-978.06 731.68,-977.77 732.88,-981.8"/>
</g>
<!-- src/Components/Templates/TitleCard.tsx -->
<g id="node51" class="node">
<title>src/Components/Templates/TitleCard.tsx</title>
<g id="a_node51"><a xlink:href="src/Components/Templates/TitleCard.tsx" xlink:title="TitleCard.tsx">
<path fill="#bbfeff" stroke="black" d="M677,-798C677,-798 616,-798 616,-798 613,-798 610,-795 610,-792 610,-792 610,-786 610,-786 610,-783 613,-780 616,-780 616,-780 677,-780 677,-780 680,-780 683,-783 683,-786 683,-786 683,-792 683,-792 683,-795 680,-798 677,-798"/>
<text text-anchor="start" x="618" y="-786.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="edge79" 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="M385.21,-1085.58C445.61,-1079.6 563.74,-1067.81 564.5,-1067 582.55,-1047.66 558.63,-851.54 572.5,-829 580.58,-815.86 594.62,-806.72 608.24,-800.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="609.34,-802.35 614.03,-798.06 607.69,-798.49 609.34,-802.35"/>
</g>
<!-- src/Components/Typography/Subtitle.tsx -->
<g id="node54" class="node">
<title>src/Components/Typography/Subtitle.tsx</title>
<g id="a_node54"><a xlink:href="src/Components/Typography/Subtitle.tsx" xlink:title="Subtitle.tsx">
<path fill="#bbfeff" stroke="black" d="M813,-828C813,-828 757,-828 757,-828 754,-828 751,-825 751,-822 751,-822 751,-816 751,-816 751,-813 754,-810 757,-810 757,-810 813,-810 813,-810 816,-810 819,-813 819,-816 819,-816 819,-822 819,-822 819,-825 816,-828 813,-828"/>
<text text-anchor="start" x="759" y="-816.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="edge82" 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="M683.01,-796.8C701.91,-800.96 725.2,-806.08 744.64,-810.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="744.24,-812.41 750.55,-811.65 745.14,-808.31 744.24,-812.41"/>
</g>
<!-- src/Components/Profile/index.tsx -->
<g id="node52" class="node">
<title>src/Components/Profile/index.tsx</title>
<g id="a_node52"><a xlink:href="src/Components/Profile/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M260.5,-1098C260.5,-1098 214.5,-1098 214.5,-1098 211.5,-1098 208.5,-1095 208.5,-1092 208.5,-1092 208.5,-1086 208.5,-1086 208.5,-1083 211.5,-1080 214.5,-1080 214.5,-1080 260.5,-1080 260.5,-1080 263.5,-1080 266.5,-1083 266.5,-1086 266.5,-1086 266.5,-1092 266.5,-1092 266.5,-1095 263.5,-1098 260.5,-1098"/>
<text text-anchor="start" x="216.5" y="-1086.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="edge80" 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="M266.54,-1089C279.02,-1089 293.95,-1089 307.63,-1089"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="307.82,-1091.1 313.82,-1089 307.82,-1086.9 307.82,-1091.1"/>
</g>
<!-- src/Components/Templates/CardPage.tsx -->
<g id="node53" class="node">
<title>src/Components/Templates/CardPage.tsx</title>
<g id="a_node53"><a xlink:href="src/Components/Templates/CardPage.tsx" xlink:title="CardPage.tsx">
<path fill="#bbfeff" stroke="black" d="M517,-784C517,-784 453,-784 453,-784 450,-784 447,-781 447,-778 447,-778 447,-772 447,-772 447,-769 450,-766 453,-766 453,-766 517,-766 517,-766 520,-766 523,-769 523,-772 523,-772 523,-778 523,-778 523,-781 520,-784 517,-784"/>
<text text-anchor="start" x="455" y="-772.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="edge81" 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="M523.4,-778.28C547.5,-780.4 578.88,-783.15 603.8,-785.34"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="603.82,-787.45 609.98,-785.88 604.19,-783.27 603.82,-787.45"/>
</g>
<!-- src/Components/Templates/index.tsx -->
<g id="node55" class="node">
<title>src/Components/Templates/index.tsx</title>
<g id="a_node55"><a xlink:href="src/Components/Templates/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M372.5,-784C372.5,-784 326.5,-784 326.5,-784 323.5,-784 320.5,-781 320.5,-778 320.5,-778 320.5,-772 320.5,-772 320.5,-769 323.5,-766 326.5,-766 326.5,-766 372.5,-766 372.5,-766 375.5,-766 378.5,-769 378.5,-772 378.5,-772 378.5,-778 378.5,-778 378.5,-781 375.5,-784 372.5,-784"/>
<text text-anchor="start" x="328.5" y="-772.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="edge84" 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="M378.79,-783.22C389.55,-785.96 402,-788.65 413.5,-790 479.73,-797.78 557.33,-795.08 603.9,-792.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="604.12,-794.29 609.98,-791.81 603.85,-790.1 604.12,-794.29"/>
</g>
<!-- src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/CardPage.tsx -->
<g id="edge83" 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="M378.81,-775C396.71,-775 420.19,-775 440.43,-775"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="440.6,-777.1 446.6,-775 440.6,-772.9 440.6,-777.1"/>
</g>
<!-- src/SampleData/data.js -->
<g id="node56" class="node">
<title>src/SampleData/data.js</title>
<g id="a_node56"><a xlink:href="src/SampleData/data.js" xlink:title="data.js">
<path fill="#ccffcc" stroke="black" d="M72,-1102C72,-1102 30,-1102 30,-1102 27,-1102 24,-1099 24,-1096 24,-1096 24,-1090 24,-1090 24,-1087 27,-1084 30,-1084 30,-1084 72,-1084 72,-1084 75,-1084 78,-1087 78,-1090 78,-1090 78,-1096 78,-1096 78,-1099 75,-1102 72,-1102"/>
<text text-anchor="start" x="35.5" y="-1090.8" font-family="Helvetica,sans-Serif" font-size="9.00">data.js</text>
</a>
</g>
</g>
<!-- src/index.css -->
<g id="node57" class="node">
<title>src/index.css</title>
<g id="a_node57"><a xlink:href="src/index.css" xlink:title="index.css">
<path fill="#ffffcc" stroke="black" d="M175.5,-1204C175.5,-1204 128.5,-1204 128.5,-1204 125.5,-1204 122.5,-1201 122.5,-1198 122.5,-1198 122.5,-1192 122.5,-1192 122.5,-1189 125.5,-1186 128.5,-1186 128.5,-1186 175.5,-1186 175.5,-1186 178.5,-1186 181.5,-1189 181.5,-1192 181.5,-1192 181.5,-1198 181.5,-1198 181.5,-1201 178.5,-1204 175.5,-1204"/>
<text text-anchor="start" x="130.5" y="-1192.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.css</text>
</a>
</g>
</g>
<!-- src/index.tsx -->
<g id="node58" class="node">
<title>src/index.tsx</title>
<g id="a_node58"><a xlink:href="src/index.tsx" xlink:title="index.tsx">
<path fill="#bbfeff" stroke="black" d="M74,-955C74,-955 28,-955 28,-955 25,-955 22,-952 22,-949 22,-949 22,-943 22,-943 22,-940 25,-937 28,-937 28,-937 74,-937 74,-937 77,-937 80,-940 80,-943 80,-943 80,-949 80,-949 80,-952 77,-955 74,-955"/>
<text text-anchor="start" x="30" y="-943.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
</a>
</g>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Auth/index.tsx -->
<g id="edge86" 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="M51.93,-936.87C51.39,-854.52 49.33,-241.63 107,-188 209.55,-92.62 344.2,-163.07 405.5,-289 418.58,-315.88 397.85,-801.53 413.5,-827 421.61,-840.19 436.12,-848.92 449.87,-854.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="449.35,-856.62 455.7,-856.8 450.85,-852.69 449.35,-856.62"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx -->
<g id="edge85" 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="M75.46,-955.01C89.29,-960.31 106.92,-967.08 121.66,-972.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="121.01,-974.74 127.36,-974.93 122.51,-970.82 121.01,-974.74"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Gaming/index.tsx -->
<g id="edge87" 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="M76.22,-936.95C89.64,-931.93 106.46,-925.65 120.74,-920.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="121.8,-922.15 126.69,-918.09 120.33,-918.22 121.8,-922.15"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Input/index.tsx -->
<g id="edge88" 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="M53.43,-955.1C57.57,-978.8 71.62,-1043.26 107,-1082 204.49,-1188.76 270.13,-1172.32 413.5,-1191 480.05,-1199.67 509.51,-1229.47 564.5,-1191 634.38,-1142.11 644.18,-1026.24 645.4,-984.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="647.5,-984.39 645.53,-978.34 643.3,-984.3 647.5,-984.39"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Map/index.tsx -->
<g id="edge89" 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.48,-936.66C64.55,-866.63 134.59,-423.77 148.57,-335.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="150.65,-335.64 149.52,-329.39 146.5,-334.99 150.65,-335.64"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Profile/index.tsx -->
<g id="edge90" 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="M53.22,-955.06C56.8,-977.91 69.52,-1038.14 107,-1067 134.04,-1087.83 173.73,-1091.82 202.04,-1091.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.3,-1093.64 208.25,-1091.41 202.21,-1089.44 202.3,-1093.64"/>
</g>
<!-- src/index.tsx&#45;&gt;src/Components/Templates/index.tsx -->
<g id="edge91" 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="M51.94,-936.77C51.52,-854.82 50.34,-253.63 107,-201 121.12,-187.88 266.76,-187.47 280.5,-201 302.27,-222.44 271.71,-725.8 289,-751 294.95,-759.68 304.61,-765.22 314.44,-768.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="313.86,-770.77 320.21,-770.61 315.14,-766.78 313.86,-770.77"/>
</g>
<!-- src/index.tsx&#45;&gt;src/index.css -->
<g id="edge92" 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="M55.3,-955.12C62.69,-975.81 80.69,-1028.04 91,-1073 101.45,-1118.58 78.05,-1140.27 107,-1177 109.61,-1180.31 112.93,-1183.02 116.57,-1185.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="115.8,-1187.19 122.09,-1188.12 117.75,-1183.48 115.8,-1187.19"/>
</g>
</g>
</svg>