depgraph.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.49.1 (20210923.0004)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="1238pt" height="6104pt"
 viewBox="0.00 0.00 1238.00 6104.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 6100)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-6100 1234,-6100 1234,4 -4,4"/>
<g id="clust4" class="cluster">
<title>cluster_libs</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M132,-1626C132,-1626 1210,-1626 1210,-1626 1216,-1626 1222,-1632 1222,-1638 1222,-1638 1222,-6076 1222,-6076 1222,-6082 1216,-6088 1210,-6088 1210,-6088 132,-6088 132,-6088 126,-6088 120,-6082 120,-6076 120,-6076 120,-1638 120,-1638 120,-1632 126,-1626 132,-1626"/>
<text text-anchor="middle" x="671" y="-6076.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">libs</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_libs/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M140,-1646C140,-1646 1202,-1646 1202,-1646 1208,-1646 1214,-1652 1214,-1658 1214,-1658 1214,-6050 1214,-6050 1214,-6056 1208,-6062 1202,-6062 1202,-6062 140,-6062 140,-6062 134,-6062 128,-6056 128,-6050 128,-6050 128,-1658 128,-1658 128,-1652 134,-1646 140,-1646"/>
<text text-anchor="middle" x="671" y="-6050.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_libs/components/src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M148,-1666C148,-1666 1194,-1666 1194,-1666 1200,-1666 1206,-1672 1206,-1678 1206,-1678 1206,-6024 1206,-6024 1206,-6030 1200,-6036 1194,-6036 1194,-6036 148,-6036 148,-6036 142,-6036 136,-6030 136,-6024 136,-6024 136,-1678 136,-1678 136,-1672 142,-1666 148,-1666"/>
<text text-anchor="middle" x="671" y="-6024.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_libs/components/src/base&#45;ui</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M465,-2910C465,-2910 1181,-2910 1181,-2910 1187,-2910 1193,-2916 1193,-2922 1193,-2922 1193,-4294 1193,-4294 1193,-4300 1187,-4306 1181,-4306 1181,-4306 465,-4306 465,-4306 459,-4306 453,-4300 453,-4294 453,-4294 453,-2922 453,-2922 453,-2916 459,-2910 465,-2910"/>
<text text-anchor="middle" x="823" y="-4294.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">base&#45;ui</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/atoms</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M479.5,-3334C479.5,-3334 920.5,-3334 920.5,-3334 926.5,-3334 932.5,-3340 932.5,-3346 932.5,-3346 932.5,-3660 932.5,-3660 932.5,-3666 926.5,-3672 920.5,-3672 920.5,-3672 479.5,-3672 479.5,-3672 473.5,-3672 467.5,-3666 467.5,-3660 467.5,-3660 467.5,-3346 467.5,-3346 467.5,-3340 473.5,-3334 479.5,-3334"/>
<text text-anchor="middle" x="700" y="-3660.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">atoms</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/css&#45;components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M653.5,-3794C653.5,-3794 718.5,-3794 718.5,-3794 724.5,-3794 730.5,-3800 730.5,-3806 730.5,-3806 730.5,-3910 730.5,-3910 730.5,-3916 724.5,-3922 718.5,-3922 718.5,-3922 653.5,-3922 653.5,-3922 647.5,-3922 641.5,-3916 641.5,-3910 641.5,-3910 641.5,-3806 641.5,-3806 641.5,-3800 647.5,-3794 653.5,-3794"/>
<text text-anchor="middle" x="686" y="-3910.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">css&#45;components</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/layout</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M473,-3006C473,-3006 725,-3006 725,-3006 731,-3006 737,-3012 737,-3018 737,-3018 737,-3314 737,-3314 737,-3320 731,-3326 725,-3326 725,-3326 473,-3326 473,-3326 467,-3326 461,-3320 461,-3314 461,-3314 461,-3018 461,-3018 461,-3012 467,-3006 473,-3006"/>
<text text-anchor="middle" x="599" y="-3314.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">layout</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/layout/grid&#45;presets</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M481,-3014C481,-3014 543,-3014 543,-3014 549,-3014 555,-3020 555,-3026 555,-3026 555,-3100 555,-3100 555,-3106 549,-3112 543,-3112 543,-3112 481,-3112 481,-3112 475,-3112 469,-3106 469,-3100 469,-3100 469,-3026 469,-3026 469,-3020 475,-3014 481,-3014"/>
<text text-anchor="middle" x="512" y="-3100.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">grid&#45;presets</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M514.2,-3222C514.2,-3222 717,-3222 717,-3222 723,-3222 729,-3228 729,-3234 729,-3234 729,-3262 729,-3262 729,-3268 723,-3274 717,-3274 717,-3274 514.2,-3274 514.2,-3274 508.2,-3274 502.2,-3268 502.2,-3262 502.2,-3262 502.2,-3234 502.2,-3234 502.2,-3228 508.2,-3222 514.2,-3222"/>
<text text-anchor="middle" x="615.6" y="-3262.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">grid&#45;component</text>
</g>
<g id="clust15" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/surfaces</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M489,-3930C489,-3930 714,-3930 714,-3930 720,-3930 726,-3936 726,-3942 726,-3942 726,-3986 726,-3986 726,-3992 720,-3998 714,-3998 714,-3998 489,-3998 489,-3998 483,-3998 477,-3992 477,-3986 477,-3986 477,-3942 477,-3942 477,-3936 483,-3930 489,-3930"/>
<text text-anchor="middle" x="601.5" y="-3986.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">surfaces</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/gfx</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M488.5,-2930C488.5,-2930 535.5,-2930 535.5,-2930 541.5,-2930 547.5,-2936 547.5,-2942 547.5,-2942 547.5,-2986 547.5,-2986 547.5,-2992 541.5,-2998 535.5,-2998 535.5,-2998 488.5,-2998 488.5,-2998 482.5,-2998 476.5,-2992 476.5,-2986 476.5,-2986 476.5,-2942 476.5,-2942 476.5,-2936 482.5,-2930 488.5,-2930"/>
<text text-anchor="middle" x="512" y="-2986.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">gfx</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/routing</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M662.5,-3680C662.5,-3680 1173,-3680 1173,-3680 1179,-3680 1185,-3686 1185,-3692 1185,-3692 1185,-3750 1185,-3750 1185,-3756 1179,-3762 1173,-3762 1173,-3762 662.5,-3762 662.5,-3762 656.5,-3762 650.5,-3756 650.5,-3750 650.5,-3750 650.5,-3692 650.5,-3692 650.5,-3686 656.5,-3680 662.5,-3680"/>
<text text-anchor="middle" x="917.75" y="-3750.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">routing</text>
</g>
<g id="clust16" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/theme</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M650,-4006C650,-4006 950,-4006 950,-4006 956,-4006 962,-4012 962,-4018 962,-4018 962,-4268 962,-4268 962,-4274 956,-4280 950,-4280 950,-4280 650,-4280 650,-4280 644,-4280 638,-4274 638,-4268 638,-4268 638,-4018 638,-4018 638,-4012 644,-4006 650,-4006"/>
<text text-anchor="middle" x="800" y="-4268.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">theme</text>
</g>
<g id="clust17" class="cluster">
<title>cluster_libs/components/src/base&#45;ui/theme/fonts</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-4070C869.5,-4070 915.5,-4070 915.5,-4070 921.5,-4070 927.5,-4076 927.5,-4082 927.5,-4082 927.5,-4156 927.5,-4156 927.5,-4162 921.5,-4168 915.5,-4168 915.5,-4168 869.5,-4168 869.5,-4168 863.5,-4168 857.5,-4162 857.5,-4156 857.5,-4156 857.5,-4082 857.5,-4082 857.5,-4076 863.5,-4070 869.5,-4070"/>
<text text-anchor="middle" x="892.5" y="-4156.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">fonts</text>
</g>
<g id="clust18" class="cluster">
<title>cluster_libs/components/src/design</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M156,-4422C156,-4422 555.5,-4422 555.5,-4422 561.5,-4422 567.5,-4428 567.5,-4434 567.5,-4434 567.5,-4870 567.5,-4870 567.5,-4876 561.5,-4882 555.5,-4882 555.5,-4882 156,-4882 156,-4882 150,-4882 144,-4876 144,-4870 144,-4870 144,-4434 144,-4434 144,-4428 150,-4422 156,-4422"/>
<text text-anchor="middle" x="355.75" y="-4870.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">design</text>
</g>
<g id="clust19" class="cluster">
<title>cluster_libs/components/src/design/atoms</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M476.5,-4430C476.5,-4430 547.5,-4430 547.5,-4430 553.5,-4430 559.5,-4436 559.5,-4442 559.5,-4442 559.5,-4486 559.5,-4486 559.5,-4492 553.5,-4498 547.5,-4498 547.5,-4498 476.5,-4498 476.5,-4498 470.5,-4498 464.5,-4492 464.5,-4486 464.5,-4486 464.5,-4442 464.5,-4442 464.5,-4436 470.5,-4430 476.5,-4430"/>
<text text-anchor="middle" x="512" y="-4486.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">atoms</text>
</g>
<g id="clust20" class="cluster">
<title>cluster_libs/components/src/design/data</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M177.5,-4518C177.5,-4518 237.5,-4518 237.5,-4518 243.5,-4518 249.5,-4524 249.5,-4530 249.5,-4530 249.5,-4604 249.5,-4604 249.5,-4610 243.5,-4616 237.5,-4616 237.5,-4616 177.5,-4616 177.5,-4616 171.5,-4616 165.5,-4610 165.5,-4604 165.5,-4604 165.5,-4530 165.5,-4530 165.5,-4524 171.5,-4518 177.5,-4518"/>
<text text-anchor="middle" x="207.5" y="-4604.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">data</text>
</g>
<g id="clust23" class="cluster">
<title>cluster_libs/components/src/design/organisms</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M164,-4442C164,-4442 251,-4442 251,-4442 257,-4442 263,-4448 263,-4454 263,-4454 263,-4498 263,-4498 263,-4504 257,-4510 251,-4510 251,-4510 164,-4510 164,-4510 158,-4510 152,-4504 152,-4498 152,-4498 152,-4454 152,-4454 152,-4448 158,-4442 164,-4442"/>
<text text-anchor="middle" x="207.5" y="-4498.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">organisms</text>
</g>
<g id="clust21" class="cluster">
<title>cluster_libs/components/src/design/molecules</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M314.5,-4430C314.5,-4430 393.5,-4430 393.5,-4430 399.5,-4430 405.5,-4436 405.5,-4442 405.5,-4442 405.5,-4678 405.5,-4678 405.5,-4684 399.5,-4690 393.5,-4690 393.5,-4690 314.5,-4690 314.5,-4690 308.5,-4690 302.5,-4684 302.5,-4678 302.5,-4678 302.5,-4442 302.5,-4442 302.5,-4436 308.5,-4430 314.5,-4430"/>
<text text-anchor="middle" x="354" y="-4678.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">molecules</text>
</g>
<g id="clust22" class="cluster">
<title>cluster_libs/components/src/design/molecules/community&#45;links</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M322.5,-4494C322.5,-4494 385.5,-4494 385.5,-4494 391.5,-4494 397.5,-4500 397.5,-4506 397.5,-4506 397.5,-4580 397.5,-4580 397.5,-4586 391.5,-4592 385.5,-4592 385.5,-4592 322.5,-4592 322.5,-4592 316.5,-4592 310.5,-4586 310.5,-4580 310.5,-4580 310.5,-4506 310.5,-4506 310.5,-4500 316.5,-4494 322.5,-4494"/>
<text text-anchor="middle" x="354" y="-4580.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">community&#45;links</text>
</g>
<g id="clust24" class="cluster">
<title>cluster_libs/components/src/design/views</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M167,-4698C167,-4698 392,-4698 392,-4698 398,-4698 404,-4704 404,-4710 404,-4710 404,-4844 404,-4844 404,-4850 398,-4856 392,-4856 392,-4856 167,-4856 167,-4856 161,-4856 155,-4850 155,-4844 155,-4844 155,-4710 155,-4710 155,-4704 161,-4698 167,-4698"/>
<text text-anchor="middle" x="279.5" y="-4844.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">views</text>
</g>
<g id="clust25" class="cluster">
<title>cluster_libs/components/src/design/views/markdown</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M209.7,-4778C209.7,-4778 384,-4778 384,-4778 390,-4778 396,-4784 396,-4790 396,-4790 396,-4818 396,-4818 396,-4824 390,-4830 384,-4830 384,-4830 209.7,-4830 209.7,-4830 203.7,-4830 197.7,-4824 197.7,-4818 197.7,-4818 197.7,-4790 197.7,-4790 197.7,-4784 203.7,-4778 209.7,-4778"/>
<text text-anchor="middle" x="296.85" y="-4818.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">markdown</text>
</g>
<g id="clust41" class="cluster">
<title>cluster_libs/components/src/tools</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M295,-5652C295,-5652 1186,-5652 1186,-5652 1192,-5652 1198,-5658 1198,-5664 1198,-5664 1198,-5998 1198,-5998 1198,-6004 1192,-6010 1186,-6010 1186,-6010 295,-6010 295,-6010 289,-6010 283,-6004 283,-5998 283,-5998 283,-5664 283,-5664 283,-5658 289,-5652 295,-5652"/>
<text text-anchor="middle" x="740.5" y="-5998.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">tools</text>
</g>
<g id="clust42" class="cluster">
<title>cluster_libs/components/src/tools/constants</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M331,-5672C331,-5672 377,-5672 377,-5672 383,-5672 389,-5678 389,-5684 389,-5684 389,-5728 389,-5728 389,-5734 383,-5740 377,-5740 377,-5740 331,-5740 331,-5740 325,-5740 319,-5734 319,-5728 319,-5728 319,-5684 319,-5684 319,-5678 325,-5672 331,-5672"/>
<text text-anchor="middle" x="354" y="-5728.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">constants</text>
</g>
<g id="clust43" class="cluster">
<title>cluster_libs/components/src/tools/popper&#45;js</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M628.5,-5660C628.5,-5660 742.5,-5660 742.5,-5660 748.5,-5660 754.5,-5666 754.5,-5672 754.5,-5672 754.5,-5746 754.5,-5746 754.5,-5752 748.5,-5758 742.5,-5758 742.5,-5758 628.5,-5758 628.5,-5758 622.5,-5758 616.5,-5752 616.5,-5746 616.5,-5746 616.5,-5672 616.5,-5672 616.5,-5666 622.5,-5660 628.5,-5660"/>
<text text-anchor="middle" x="685.5" y="-5746.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">popper&#45;js</text>
</g>
<g id="clust44" class="cluster">
<title>cluster_libs/components/src/tools/string</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1036.5,-5916C1036.5,-5916 1082.5,-5916 1082.5,-5916 1088.5,-5916 1094.5,-5922 1094.5,-5928 1094.5,-5928 1094.5,-5972 1094.5,-5972 1094.5,-5978 1088.5,-5984 1082.5,-5984 1082.5,-5984 1036.5,-5984 1036.5,-5984 1030.5,-5984 1024.5,-5978 1024.5,-5972 1024.5,-5972 1024.5,-5928 1024.5,-5928 1024.5,-5922 1030.5,-5916 1036.5,-5916"/>
<text text-anchor="middle" x="1059.5" y="-5972.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">string</text>
</g>
<g id="clust45" class="cluster">
<title>cluster_libs/components/src/tools/tracking</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M303,-5766C303,-5766 1178,-5766 1178,-5766 1184,-5766 1190,-5772 1190,-5778 1190,-5778 1190,-5896 1190,-5896 1190,-5902 1184,-5908 1178,-5908 1178,-5908 303,-5908 303,-5908 297,-5908 291,-5902 291,-5896 291,-5896 291,-5778 291,-5778 291,-5772 297,-5766 303,-5766"/>
<text text-anchor="middle" x="740.5" y="-5896.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">tracking</text>
</g>
<g id="clust47" class="cluster">
<title>cluster_libs/components/src/tools/tracking/component&#45;label</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M514.2,-5800C514.2,-5800 738,-5800 738,-5800 744,-5800 750,-5806 750,-5812 750,-5812 750,-5870 750,-5870 750,-5876 744,-5882 738,-5882 738,-5882 514.2,-5882 514.2,-5882 508.2,-5882 502.2,-5876 502.2,-5870 502.2,-5870 502.2,-5812 502.2,-5812 502.2,-5806 508.2,-5800 514.2,-5800"/>
<text text-anchor="middle" x="626.1" y="-5870.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">component&#45;label</text>
</g>
<g id="clust46" class="cluster">
<title>cluster_libs/components/src/tools/tracking/component&#45;id</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1061.7,-5819C1061.7,-5819 1170,-5819 1170,-5819 1176,-5819 1182,-5825 1182,-5831 1182,-5831 1182,-5859 1182,-5859 1182,-5865 1176,-5871 1170,-5871 1170,-5871 1061.7,-5871 1061.7,-5871 1055.7,-5871 1049.7,-5865 1049.7,-5859 1049.7,-5859 1049.7,-5831 1049.7,-5831 1049.7,-5825 1055.7,-5819 1061.7,-5819"/>
<text text-anchor="middle" x="1115.85" y="-5859.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">component&#45;id</text>
</g>
<g id="clust26" class="cluster">
<title>cluster_libs/components/src/docs</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M457,-4890C457,-4890 733,-4890 733,-4890 739,-4890 745,-4896 745,-4902 745,-4902 745,-5580 745,-5580 745,-5586 739,-5592 733,-5592 733,-5592 457,-5592 457,-5592 451,-5592 445,-5586 445,-5580 445,-5580 445,-4902 445,-4902 445,-4896 451,-4890 457,-4890"/>
<text text-anchor="middle" x="595" y="-5580.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">docs</text>
</g>
<g id="clust29" class="cluster">
<title>cluster_libs/components/src/docs/theme</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M465,-5498C465,-5498 718.5,-5498 718.5,-5498 724.5,-5498 730.5,-5504 730.5,-5510 730.5,-5510 730.5,-5554 730.5,-5554 730.5,-5560 724.5,-5566 718.5,-5566 718.5,-5566 465,-5566 465,-5566 459,-5566 453,-5560 453,-5554 453,-5554 453,-5510 453,-5510 453,-5504 459,-5498 465,-5498"/>
<text text-anchor="middle" x="591.75" y="-5554.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">theme</text>
</g>
<g id="clust30" class="cluster">
<title>cluster_libs/components/src/docs/ui</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M477,-5362C477,-5362 725,-5362 725,-5362 731,-5362 737,-5368 737,-5374 737,-5374 737,-5478 737,-5478 737,-5484 731,-5490 725,-5490 725,-5490 477,-5490 477,-5490 471,-5490 465,-5484 465,-5478 465,-5478 465,-5374 465,-5374 465,-5368 471,-5362 477,-5362"/>
<text text-anchor="middle" x="601" y="-5478.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ui</text>
</g>
<g id="clust27" class="cluster">
<title>cluster_libs/components/src/docs/markdown</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M475.5,-4910C475.5,-4910 548.5,-4910 548.5,-4910 554.5,-4910 560.5,-4916 560.5,-4922 560.5,-4922 560.5,-5342 560.5,-5342 560.5,-5348 554.5,-5354 548.5,-5354 548.5,-5354 475.5,-5354 475.5,-5354 469.5,-5354 463.5,-5348 463.5,-5342 463.5,-5342 463.5,-4922 463.5,-4922 463.5,-4916 469.5,-4910 475.5,-4910"/>
<text text-anchor="middle" x="512" y="-5342.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">markdown</text>
</g>
<g id="clust28" class="cluster">
<title>cluster_libs/components/src/docs/markdown/elements</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M483.5,-4930C483.5,-4930 540.5,-4930 540.5,-4930 546.5,-4930 552.5,-4936 552.5,-4942 552.5,-4942 552.5,-5316 552.5,-5316 552.5,-5322 546.5,-5328 540.5,-5328 540.5,-5328 483.5,-5328 483.5,-5328 477.5,-5328 471.5,-5322 471.5,-5316 471.5,-5316 471.5,-4942 471.5,-4942 471.5,-4936 477.5,-4930 483.5,-4930"/>
<text text-anchor="middle" x="512" y="-5316.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">elements</text>
</g>
<g id="clust31" class="cluster">
<title>cluster_libs/components/src/mfe</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M193.7,-1686C193.7,-1686 589.5,-1686 589.5,-1686 595.5,-1686 601.5,-1692 601.5,-1698 601.5,-1698 601.5,-2890 601.5,-2890 601.5,-2896 595.5,-2902 589.5,-2902 589.5,-2902 193.7,-2902 193.7,-2902 187.7,-2902 181.7,-2896 181.7,-2890 181.7,-2890 181.7,-1698 181.7,-1698 181.7,-1692 187.7,-1686 193.7,-1686"/>
<text text-anchor="middle" x="391.6" y="-2890.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">mfe</text>
</g>
<g id="clust32" class="cluster">
<title>cluster_libs/components/src/mfe/views</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M201.7,-1706C201.7,-1706 581.5,-1706 581.5,-1706 587.5,-1706 593.5,-1712 593.5,-1718 593.5,-1718 593.5,-2864 593.5,-2864 593.5,-2870 587.5,-2876 581.5,-2876 581.5,-2876 201.7,-2876 201.7,-2876 195.7,-2876 189.7,-2870 189.7,-2864 189.7,-2864 189.7,-1718 189.7,-1718 189.7,-1712 195.7,-1706 201.7,-1706"/>
<text text-anchor="middle" x="391.6" y="-2864.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">views</text>
</g>
<g id="clust38" class="cluster">
<title>cluster_libs/components/src/mfe/views/support</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M209.7,-1726C209.7,-1726 573.5,-1726 573.5,-1726 579.5,-1726 585.5,-1732 585.5,-1738 585.5,-1738 585.5,-1992 585.5,-1992 585.5,-1998 579.5,-2004 573.5,-2004 573.5,-2004 209.7,-2004 209.7,-2004 203.7,-2004 197.7,-1998 197.7,-1992 197.7,-1992 197.7,-1738 197.7,-1738 197.7,-1732 203.7,-1726 209.7,-1726"/>
<text text-anchor="middle" x="391.6" y="-1992.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">support</text>
</g>
<g id="clust39" class="cluster">
<title>cluster_libs/components/src/mfe/views/support/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M309.5,-1734C309.5,-1734 565.5,-1734 565.5,-1734 571.5,-1734 577.5,-1740 577.5,-1746 577.5,-1746 577.5,-1966 577.5,-1966 577.5,-1972 571.5,-1978 565.5,-1978 565.5,-1978 309.5,-1978 309.5,-1978 303.5,-1978 297.5,-1972 297.5,-1966 297.5,-1966 297.5,-1746 297.5,-1746 297.5,-1740 303.5,-1734 309.5,-1734"/>
<text text-anchor="middle" x="437.5" y="-1966.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust40" class="cluster">
<title>cluster_libs/components/src/mfe/views/support/components/support&#45;channels</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M356.2,-1754C356.2,-1754 557.5,-1754 557.5,-1754 563.5,-1754 569.5,-1760 569.5,-1766 569.5,-1766 569.5,-1794 569.5,-1794 569.5,-1800 563.5,-1806 557.5,-1806 557.5,-1806 356.2,-1806 356.2,-1806 350.2,-1806 344.2,-1800 344.2,-1794 344.2,-1794 344.2,-1766 344.2,-1766 344.2,-1760 350.2,-1754 356.2,-1754"/>
<text text-anchor="middle" x="456.85" y="-1794.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">support&#45;channels</text>
</g>
<g id="clust33" class="cluster">
<title>cluster_libs/components/src/mfe/views/enterprise&#45;offering</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M209.7,-2012C209.7,-2012 558,-2012 558,-2012 564,-2012 570,-2018 570,-2024 570,-2024 570,-2398 570,-2398 570,-2404 564,-2410 558,-2410 558,-2410 209.7,-2410 209.7,-2410 203.7,-2410 197.7,-2404 197.7,-2398 197.7,-2398 197.7,-2024 197.7,-2024 197.7,-2018 203.7,-2012 209.7,-2012"/>
<text text-anchor="middle" x="383.85" y="-2398.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">enterprise&#45;offering</text>
</g>
<g id="clust34" class="cluster">
<title>cluster_libs/components/src/mfe/views/enterprise&#45;offering/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M307,-2020C307,-2020 550,-2020 550,-2020 556,-2020 562,-2026 562,-2032 562,-2032 562,-2372 562,-2372 562,-2378 556,-2384 550,-2384 550,-2384 307,-2384 307,-2384 301,-2384 295,-2378 295,-2372 295,-2372 295,-2032 295,-2032 295,-2026 301,-2020 307,-2020"/>
<text text-anchor="middle" x="428.5" y="-2372.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust35" class="cluster">
<title>cluster_libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M356.2,-2070C356.2,-2070 542,-2070 542,-2070 548,-2070 554,-2076 554,-2082 554,-2082 554,-2110 554,-2110 554,-2116 548,-2122 542,-2122 542,-2122 356.2,-2122 356.2,-2122 350.2,-2122 344.2,-2116 344.2,-2110 344.2,-2110 344.2,-2082 344.2,-2082 344.2,-2076 350.2,-2070 356.2,-2070"/>
<text text-anchor="middle" x="449.1" y="-2110.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">sales&#45;cta</text>
</g>
<g id="clust36" class="cluster">
<title>cluster_libs/components/src/mfe/views/hybrid&#45;homepage</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M209.7,-2418C209.7,-2418 415,-2418 415,-2418 421,-2418 427,-2424 427,-2430 427,-2430 427,-2838 427,-2838 427,-2844 421,-2850 415,-2850 415,-2850 209.7,-2850 209.7,-2850 203.7,-2850 197.7,-2844 197.7,-2838 197.7,-2838 197.7,-2430 197.7,-2430 197.7,-2424 203.7,-2418 209.7,-2418"/>
<text text-anchor="middle" x="312.35" y="-2838.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hybrid&#45;homepage</text>
</g>
<g id="clust37" class="cluster">
<title>cluster_libs/components/src/mfe/views/hybrid&#45;homepage/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M301,-2426C301,-2426 407,-2426 407,-2426 413,-2426 419,-2432 419,-2438 419,-2438 419,-2812 419,-2812 419,-2818 413,-2824 407,-2824 407,-2824 301,-2824 301,-2824 295,-2824 289,-2818 289,-2812 289,-2812 289,-2438 289,-2438 289,-2432 295,-2426 301,-2426"/>
<text text-anchor="middle" x="354" y="-2812.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust1" class="cluster">
<title>cluster_apps</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M22,-2582C22,-2582 100,-2582 100,-2582 106,-2582 112,-2588 112,-2594 112,-2594 112,-2760 112,-2760 112,-2766 106,-2772 100,-2772 100,-2772 22,-2772 22,-2772 16,-2772 10,-2766 10,-2760 10,-2760 10,-2594 10,-2594 10,-2588 16,-2582 22,-2582"/>
<text text-anchor="middle" x="61" y="-2760.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">apps</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_apps/home</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M30,-2602C30,-2602 92,-2602 92,-2602 98,-2602 104,-2608 104,-2614 104,-2614 104,-2734 104,-2734 104,-2740 98,-2746 92,-2746 92,-2746 30,-2746 30,-2746 24,-2746 18,-2740 18,-2734 18,-2734 18,-2614 18,-2614 18,-2608 24,-2602 30,-2602"/>
<text text-anchor="middle" x="61" y="-2734.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">home</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_apps/home/src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M38,-2622C38,-2622 84,-2622 84,-2622 90,-2622 96,-2628 96,-2634 96,-2634 96,-2708 96,-2708 96,-2714 90,-2720 84,-2720 84,-2720 38,-2720 38,-2720 32,-2720 26,-2714 26,-2708 26,-2708 26,-2634 26,-2634 26,-2628 32,-2622 38,-2622"/>
<text text-anchor="middle" x="61" y="-2708.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust48" class="cluster">
<title>cluster_node_modules</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M782.5,-8C782.5,-8 1002.5,-8 1002.5,-8 1008.5,-8 1014.5,-14 1014.5,-20 1014.5,-20 1014.5,-1606 1014.5,-1606 1014.5,-1612 1008.5,-1618 1002.5,-1618 1002.5,-1618 782.5,-1618 782.5,-1618 776.5,-1618 770.5,-1612 770.5,-1606 770.5,-1606 770.5,-20 770.5,-20 770.5,-14 776.5,-8 782.5,-8"/>
<text text-anchor="middle" x="892.5" y="-1606.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">node_modules</text>
</g>
<g id="clust49" class="cluster">
<title>cluster_node_modules/@popperjs</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M853.5,-1406C853.5,-1406 931.5,-1406 931.5,-1406 937.5,-1406 943.5,-1412 943.5,-1418 943.5,-1418 943.5,-1554 943.5,-1554 943.5,-1560 937.5,-1566 931.5,-1566 931.5,-1566 853.5,-1566 853.5,-1566 847.5,-1566 841.5,-1560 841.5,-1554 841.5,-1554 841.5,-1418 841.5,-1418 841.5,-1412 847.5,-1406 853.5,-1406"/>
<text text-anchor="middle" x="892.5" y="-1554.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">@popperjs</text>
</g>
<g id="clust50" class="cluster">
<title>cluster_node_modules/@popperjs/core</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M861.5,-1426C861.5,-1426 923.5,-1426 923.5,-1426 929.5,-1426 935.5,-1432 935.5,-1438 935.5,-1438 935.5,-1528 935.5,-1528 935.5,-1534 929.5,-1540 923.5,-1540 923.5,-1540 861.5,-1540 861.5,-1540 855.5,-1540 849.5,-1534 849.5,-1528 849.5,-1528 849.5,-1438 849.5,-1438 849.5,-1432 855.5,-1426 861.5,-1426"/>
<text text-anchor="middle" x="892.5" y="-1528.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">core</text>
</g>
<g id="clust51" class="cluster">
<title>cluster_node_modules/@popperjs/core/dist</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-1446C869.5,-1446 915.5,-1446 915.5,-1446 921.5,-1446 927.5,-1452 927.5,-1458 927.5,-1458 927.5,-1502 927.5,-1502 927.5,-1508 921.5,-1514 915.5,-1514 915.5,-1514 869.5,-1514 869.5,-1514 863.5,-1514 857.5,-1508 857.5,-1502 857.5,-1502 857.5,-1458 857.5,-1458 857.5,-1452 863.5,-1446 869.5,-1446"/>
<text text-anchor="middle" x="892.5" y="-1502.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">dist</text>
</g>
<g id="clust52" class="cluster">
<title>cluster_node_modules/@teambit</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M861.5,-1284C861.5,-1284 923.5,-1284 923.5,-1284 929.5,-1284 935.5,-1290 935.5,-1296 935.5,-1296 935.5,-1386 935.5,-1386 935.5,-1392 929.5,-1398 923.5,-1398 923.5,-1398 861.5,-1398 861.5,-1398 855.5,-1398 849.5,-1392 849.5,-1386 849.5,-1386 849.5,-1296 849.5,-1296 849.5,-1290 855.5,-1284 861.5,-1284"/>
<text text-anchor="middle" x="892.5" y="-1386.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">@teambit</text>
</g>
<g id="clust53" class="cluster">
<title>cluster_node_modules/@teambit/legacy&#45;bit&#45;id</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-1304C869.5,-1304 915.5,-1304 915.5,-1304 921.5,-1304 927.5,-1310 927.5,-1316 927.5,-1316 927.5,-1360 927.5,-1360 927.5,-1366 921.5,-1372 915.5,-1372 915.5,-1372 869.5,-1372 869.5,-1372 863.5,-1372 857.5,-1366 857.5,-1360 857.5,-1360 857.5,-1316 857.5,-1316 857.5,-1310 863.5,-1304 869.5,-1304"/>
<text text-anchor="middle" x="892.5" y="-1360.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">legacy&#45;bit&#45;id</text>
</g>
<g id="clust56" class="cluster">
<title>cluster_node_modules/@watheia</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M790.5,-506C790.5,-506 994.5,-506 994.5,-506 1000.5,-506 1006.5,-512 1006.5,-518 1006.5,-518 1006.5,-608 1006.5,-608 1006.5,-614 1000.5,-620 994.5,-620 994.5,-620 790.5,-620 790.5,-620 784.5,-620 778.5,-614 778.5,-608 778.5,-608 778.5,-518 778.5,-518 778.5,-512 784.5,-506 790.5,-506"/>
<text text-anchor="middle" x="892.5" y="-608.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">@watheia</text>
</g>
<g id="clust57" class="cluster">
<title>cluster_node_modules/@watheia/design.molecules.community&#45;links.twitter&#45;link</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M798.5,-526C798.5,-526 986.5,-526 986.5,-526 992.5,-526 998.5,-532 998.5,-538 998.5,-538 998.5,-582 998.5,-582 998.5,-588 992.5,-594 986.5,-594 986.5,-594 798.5,-594 798.5,-594 792.5,-594 786.5,-588 786.5,-582 786.5,-582 786.5,-538 786.5,-538 786.5,-532 792.5,-526 798.5,-526"/>
<text text-anchor="middle" x="892.5" y="-582.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">design.molecules.community&#45;links.twitter&#45;link</text>
</g>
<g id="clust58" class="cluster">
<title>cluster_node_modules/clsx</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-714C869.5,-714 915.5,-714 915.5,-714 921.5,-714 927.5,-720 927.5,-726 927.5,-726 927.5,-770 927.5,-770 927.5,-776 921.5,-782 915.5,-782 915.5,-782 869.5,-782 869.5,-782 863.5,-782 857.5,-776 857.5,-770 857.5,-770 857.5,-726 857.5,-726 857.5,-720 863.5,-714 869.5,-714"/>
<text text-anchor="middle" x="892.5" y="-770.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">clsx</text>
</g>
<g id="clust59" class="cluster">
<title>cluster_node_modules/formik</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-866C869.5,-866 915.5,-866 915.5,-866 921.5,-866 927.5,-872 927.5,-878 927.5,-878 927.5,-922 927.5,-922 927.5,-928 921.5,-934 915.5,-934 915.5,-934 869.5,-934 869.5,-934 863.5,-934 857.5,-928 857.5,-922 857.5,-922 857.5,-878 857.5,-878 857.5,-872 863.5,-866 869.5,-866"/>
<text text-anchor="middle" x="892.5" y="-922.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">formik</text>
</g>
<g id="clust61" class="cluster">
<title>cluster_node_modules/react&#45;slick</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-226C869.5,-226 915.5,-226 915.5,-226 921.5,-226 927.5,-232 927.5,-238 927.5,-238 927.5,-282 927.5,-282 927.5,-288 921.5,-294 915.5,-294 915.5,-294 869.5,-294 869.5,-294 863.5,-294 857.5,-288 857.5,-282 857.5,-282 857.5,-238 857.5,-238 857.5,-232 863.5,-226 869.5,-226"/>
<text text-anchor="middle" x="892.5" y="-282.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">react&#45;slick</text>
</g>
<g id="clust69" class="cluster">
<title>cluster_node_modules/yup</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-790C869.5,-790 915.5,-790 915.5,-790 921.5,-790 927.5,-796 927.5,-802 927.5,-802 927.5,-846 927.5,-846 927.5,-852 921.5,-858 915.5,-858 915.5,-858 869.5,-858 869.5,-858 863.5,-858 857.5,-852 857.5,-846 857.5,-846 857.5,-802 857.5,-802 857.5,-796 863.5,-790 869.5,-790"/>
<text text-anchor="middle" x="892.5" y="-846.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">yup</text>
</g>
<g id="clust68" class="cluster">
<title>cluster_node_modules/typewriter&#45;effect</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M860.5,-404C860.5,-404 924.5,-404 924.5,-404 930.5,-404 936.5,-410 936.5,-416 936.5,-416 936.5,-460 936.5,-460 936.5,-466 930.5,-472 924.5,-472 924.5,-472 860.5,-472 860.5,-472 854.5,-472 848.5,-466 848.5,-460 848.5,-460 848.5,-416 848.5,-416 848.5,-410 854.5,-404 860.5,-404"/>
<text text-anchor="middle" x="892.5" y="-460.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">typewriter&#45;effect</text>
</g>
<g id="clust62" class="cluster">
<title>cluster_node_modules/react&#45;syntax&#45;highlighter</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M845.5,-942C845.5,-942 940.5,-942 940.5,-942 946.5,-942 952.5,-948 952.5,-954 952.5,-954 952.5,-1238 952.5,-1238 952.5,-1244 946.5,-1250 940.5,-1250 940.5,-1250 845.5,-1250 845.5,-1250 839.5,-1250 833.5,-1244 833.5,-1238 833.5,-1238 833.5,-954 833.5,-954 833.5,-948 839.5,-942 845.5,-942"/>
<text text-anchor="middle" x="893" y="-1238.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">react&#45;syntax&#45;highlighter</text>
</g>
<g id="clust63" class="cluster">
<title>cluster_node_modules/react&#45;syntax&#45;highlighter/dist</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M853.5,-962C853.5,-962 931.5,-962 931.5,-962 937.5,-962 943.5,-968 943.5,-974 943.5,-974 943.5,-1212 943.5,-1212 943.5,-1218 937.5,-1224 931.5,-1224 931.5,-1224 853.5,-1224 853.5,-1224 847.5,-1224 841.5,-1218 841.5,-1212 841.5,-1212 841.5,-974 841.5,-974 841.5,-968 847.5,-962 853.5,-962"/>
<text text-anchor="middle" x="892.5" y="-1212.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">dist</text>
</g>
<g id="clust64" class="cluster">
<title>cluster_node_modules/react&#45;syntax&#45;highlighter/dist/esm</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M861.5,-982C861.5,-982 923.5,-982 923.5,-982 929.5,-982 935.5,-988 935.5,-994 935.5,-994 935.5,-1160 935.5,-1160 935.5,-1166 929.5,-1172 923.5,-1172 923.5,-1172 861.5,-1172 861.5,-1172 855.5,-1172 849.5,-1166 849.5,-1160 849.5,-1160 849.5,-994 849.5,-994 849.5,-988 855.5,-982 861.5,-982"/>
<text text-anchor="middle" x="892.5" y="-1160.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">esm</text>
</g>
<g id="clust65" class="cluster">
<title>cluster_node_modules/react&#45;syntax&#45;highlighter/dist/esm/languages</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-1078C869.5,-1078 915.5,-1078 915.5,-1078 921.5,-1078 927.5,-1084 927.5,-1090 927.5,-1090 927.5,-1134 927.5,-1134 927.5,-1140 921.5,-1146 915.5,-1146 915.5,-1146 869.5,-1146 869.5,-1146 863.5,-1146 857.5,-1140 857.5,-1134 857.5,-1134 857.5,-1090 857.5,-1090 857.5,-1084 863.5,-1078 869.5,-1078"/>
<text text-anchor="middle" x="892.5" y="-1134.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">languages</text>
</g>
<g id="clust66" class="cluster">
<title>cluster_node_modules/react&#45;syntax&#45;highlighter/dist/esm/styles</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-990C869.5,-990 915.5,-990 915.5,-990 921.5,-990 927.5,-996 927.5,-1002 927.5,-1002 927.5,-1046 927.5,-1046 927.5,-1052 921.5,-1058 915.5,-1058 915.5,-1058 869.5,-1058 869.5,-1058 863.5,-1058 857.5,-1052 857.5,-1046 857.5,-1046 857.5,-1002 857.5,-1002 857.5,-996 863.5,-990 869.5,-990"/>
<text text-anchor="middle" x="892.5" y="-1046.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">styles</text>
</g>
<g id="clust54" class="cluster">
<title>cluster_node_modules/@testing&#45;library</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M861.5,-28C861.5,-28 923.5,-28 923.5,-28 929.5,-28 935.5,-34 935.5,-40 935.5,-40 935.5,-130 935.5,-130 935.5,-136 929.5,-142 923.5,-142 923.5,-142 861.5,-142 861.5,-142 855.5,-142 849.5,-136 849.5,-130 849.5,-130 849.5,-40 849.5,-40 849.5,-34 855.5,-28 861.5,-28"/>
<text text-anchor="middle" x="892.5" y="-130.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">@testing&#45;library</text>
</g>
<g id="clust55" class="cluster">
<title>cluster_node_modules/@testing&#45;library/react</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M869.5,-48C869.5,-48 915.5,-48 915.5,-48 921.5,-48 927.5,-54 927.5,-60 927.5,-60 927.5,-104 927.5,-104 927.5,-110 921.5,-116 915.5,-116 915.5,-116 869.5,-116 869.5,-116 863.5,-116 857.5,-110 857.5,-104 857.5,-104 857.5,-60 857.5,-60 857.5,-54 863.5,-48 869.5,-48"/>
<text text-anchor="middle" x="892.5" y="-104.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">react</text>
</g>
<g id="clust67" class="cluster">
<title>cluster_node_modules/resize&#45;observer&#45;polyfill</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M847.5,-150C847.5,-150 937.5,-150 937.5,-150 943.5,-150 949.5,-156 949.5,-162 949.5,-162 949.5,-206 949.5,-206 949.5,-212 943.5,-218 937.5,-218 937.5,-218 847.5,-218 847.5,-218 841.5,-218 835.5,-212 835.5,-206 835.5,-206 835.5,-162 835.5,-162 835.5,-156 841.5,-150 847.5,-150"/>
<text text-anchor="middle" x="892.5" y="-206.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">resize&#45;observer&#45;polyfill</text>
</g>
<g id="clust60" class="cluster">
<title>cluster_node_modules/react&#45;markdown</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M860.5,-302C860.5,-302 924.5,-302 924.5,-302 930.5,-302 936.5,-308 936.5,-314 936.5,-314 936.5,-358 936.5,-358 936.5,-364 930.5,-370 924.5,-370 924.5,-370 860.5,-370 860.5,-370 854.5,-370 848.5,-364 848.5,-358 848.5,-358 848.5,-314 848.5,-314 848.5,-308 854.5,-302 860.5,-302"/>
<text text-anchor="middle" x="892.5" y="-358.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">react&#45;markdown</text>
</g>
<!-- apps -->
<!-- apps/home -->
<!-- apps/home/src -->
<!-- apps/home/src/images -->
<g id="node4" class="node">
<title>apps/home/src/images</title>
<g id="a_node4"><a xlink:href="https://github.com/watheia/design-system/blob/main/apps/home/src/images" xlink:title="no&#45;orphans">
<polygon fill="#ccffcc" stroke="orange" points="88,-2678 36,-2678 34,-2676 34,-2660 86,-2660 88,-2662 88,-2678"/>
<polyline fill="none" stroke="orange" points="86,-2676 34,-2676 "/>
<polyline fill="none" stroke="orange" points="86,-2676 86,-2660 "/>
<polyline fill="none" stroke="orange" points="86,-2676 88,-2678 "/>
<text text-anchor="middle" x="61" y="-2666.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">images</text>
</a>
</g>
</g>
<!-- apps/home/src/pages -->
<g id="node5" class="node">
<title>apps/home/src/pages</title>
<g id="a_node5"><a xlink:href="https://github.com/watheia/design-system/blob/main/apps/home/src/pages" xlink:title="no&#45;orphans">
<polygon fill="#ffffcc" stroke="orange" points="88,-2648 36,-2648 34,-2646 34,-2630 86,-2630 88,-2632 88,-2648"/>
<polyline fill="none" stroke="orange" points="86,-2646 34,-2646 "/>
<polyline fill="none" stroke="orange" points="86,-2646 86,-2630 "/>
<polyline fill="none" stroke="orange" points="86,-2646 88,-2648 "/>
<text text-anchor="middle" x="61" y="-2636.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">pages</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/not&#45;found&#45;page -->
<g id="node6" class="node">
<title>libs/components/src/design/views/not&#45;found&#45;page</title>
<g id="a_node6"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/views/not-found-page" xlink:title="not&#45;found&#45;page">
<polygon fill="#ffffcc" stroke="black" points="247.5,-4740 169.5,-4740 167.5,-4738 167.5,-4722 245.5,-4722 247.5,-4724 247.5,-4740"/>
<polyline fill="none" stroke="black" points="245.5,-4738 167.5,-4738 "/>
<polyline fill="none" stroke="black" points="245.5,-4738 245.5,-4722 "/>
<polyline fill="none" stroke="black" points="245.5,-4738 247.5,-4740 "/>
<text text-anchor="middle" x="207.5" y="-4728.8" font-family="Helvetica,sans-Serif" font-size="9.00">not&#45;found&#45;page</text>
</a>
</g>
</g>
<!-- apps/home/src/pages&#45;&gt;libs/components/src/design/views/not&#45;found&#45;page -->
<g id="edge1" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/design/views/not&#45;found&#45;page</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M33.88,-2642C26.26,-2642 20,-2642 20,-2642 20,-2642 20,-4728 20,-4728 20,-4728 161.28,-4728 161.28,-4728"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="161.28,-4730.1 167.28,-4728 161.28,-4725.9 161.28,-4730.1"/>
</g>
<!-- node_modules/react -->
<g id="node7" class="node">
<title>node_modules/react</title>
<g id="a_node7"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react" xlink:title="react">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-706 867.5,-706 865.5,-704 865.5,-688 917.5,-688 919.5,-690 919.5,-706"/>
<polyline fill="none" stroke="black" points="917.5,-704 865.5,-704 "/>
<polyline fill="none" stroke="black" points="917.5,-704 917.5,-688 "/>
<polyline fill="none" stroke="black" points="917.5,-704 919.5,-706 "/>
<text text-anchor="middle" x="892.5" y="-694.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">react</text>
</a>
</g>
</g>
<!-- apps/home/src/pages&#45;&gt;node_modules/react -->
<g id="edge2" class="edge">
<title>apps/home/src/pages&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M68,-2629.89C68,-2486.26 68,-692.62 68,-692.62 68,-692.62 859.07,-692.62 859.07,-692.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.07,-694.72 865.07,-692.62 859.07,-690.52 859.07,-694.72"/>
</g>
<!-- libs/components/src/design/views/server&#45;error&#45;page -->
<g id="node8" class="node">
<title>libs/components/src/design/views/server&#45;error&#45;page</title>
<g id="a_node8"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/views/server-error-page" xlink:title="server&#45;error&#45;page">
<polygon fill="#ffffcc" stroke="black" points="252,-4770 165,-4770 163,-4768 163,-4752 250,-4752 252,-4754 252,-4770"/>
<polyline fill="none" stroke="black" points="250,-4768 163,-4768 "/>
<polyline fill="none" stroke="black" points="250,-4768 250,-4752 "/>
<polyline fill="none" stroke="black" points="250,-4768 252,-4770 "/>
<text text-anchor="middle" x="207.5" y="-4758.8" font-family="Helvetica,sans-Serif" font-size="9.00">server&#45;error&#45;page</text>
</a>
</g>
</g>
<!-- apps/home/src/pages&#45;&gt;libs/components/src/design/views/server&#45;error&#45;page -->
<g id="edge3" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/design/views/server&#45;error&#45;page</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M33.52,-2636C25.1,-2636 18,-2636 18,-2636 18,-2636 18,-4758 18,-4758 18,-4758 156.59,-4758 156.59,-4758"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="156.59,-4760.1 162.59,-4758 156.59,-4755.9 156.59,-4760.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering -->
<!-- apps/home/src/pages&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering -->
<g id="edge4" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M86,-2629.99C86,-2573.83 86,-2274.36 86,-2274.36 86,-2274.36 199.39,-2274.36 199.39,-2274.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.39,-2276.46 205.39,-2274.36 199.39,-2272.26 199.39,-2276.46"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;highlighter -->
<g id="node10" class="node">
<title>libs/components/src/tools/tracking/component&#45;highlighter</title>
<g id="a_node10"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/tracking/component-highlighter" xlink:title="component&#45;highlighter">
<polygon fill="#ccccff" stroke="black" points="409,-5808 301,-5808 299,-5806 299,-5790 407,-5790 409,-5792 409,-5808"/>
<polyline fill="none" stroke="black" points="407,-5806 299,-5806 "/>
<polyline fill="none" stroke="black" points="407,-5806 407,-5790 "/>
<polyline fill="none" stroke="black" points="407,-5806 409,-5808 "/>
<text text-anchor="middle" x="354" y="-5796.8" font-family="Helvetica,sans-Serif" font-size="9.00">component&#45;highlighter</text>
</a>
</g>
</g>
<!-- apps/home/src/pages&#45;&gt;libs/components/src/tools/tracking/component&#45;highlighter -->
<g id="edge5" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/tools/tracking/component&#45;highlighter</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M55,-2629.8C55,-2605.77 55,-2543 55,-2543 55,-2543 13,-2543 13,-2543 13,-2543 13,-5802 13,-5802 13,-5802 292.83,-5802 292.83,-5802"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="292.83,-5804.1 298.83,-5802 292.83,-5799.9 292.83,-5804.1"/>
</g>
<!-- node_modules/@testing&#45;library/react/dist -->
<g id="node11" class="node">
<title>node_modules/@testing&#45;library/react/dist</title>
<g id="a_node11"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/@testing-library/react/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-90 867.5,-90 865.5,-88 865.5,-72 917.5,-72 919.5,-74 919.5,-90"/>
<polyline fill="none" stroke="black" points="917.5,-88 865.5,-88 "/>
<polyline fill="none" stroke="black" points="917.5,-88 917.5,-72 "/>
<polyline fill="none" stroke="black" points="917.5,-88 919.5,-90 "/>
<text text-anchor="middle" x="892.5" y="-78.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- apps/home/src/pages&#45;&gt;node_modules/@testing&#45;library/react/dist -->
<g id="edge6" class="edge">
<title>apps/home/src/pages&#45;&gt;node_modules/@testing&#45;library/react/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M66,-2629.74C66,-2462.3 66,-81 66,-81 66,-81 859.47,-81 859.47,-81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.47,-83.1 865.47,-81 859.47,-78.9 859.47,-83.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage -->
<!-- apps/home/src/pages&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage -->
<g id="edge7" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M88.21,-2638.1C88.21,-2638.1 199.87,-2638.1 199.87,-2638.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.87,-2640.2 205.87,-2638.1 199.87,-2636 199.87,-2640.2"/>
</g>
<!-- libs/components/src/design/views/markdown -->
<!-- apps/home/src/pages&#45;&gt;libs/components/src/design/views/markdown -->
<g id="edge8" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/design/views/markdown</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M53,-2629.91C53,-2611.94 53,-2573.6 53,-2573.6 53,-2573.6 16,-2573.6 16,-2573.6 16,-2573.6 16,-4788.6 16,-4788.6 16,-4788.6 199.35,-4788.6 199.35,-4788.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.35,-4790.7 205.35,-4788.6 199.35,-4786.5 199.35,-4790.7"/>
</g>
<!-- libs/components/src/mfe/views/support -->
<!-- apps/home/src/pages&#45;&gt;libs/components/src/mfe/views/support -->
<g id="edge9" class="edge">
<title>apps/home/src/pages&#45;&gt;libs/components/src/mfe/views/support</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M83,-2629.98C83,-2544.69 83,-1883 83,-1883 83,-1883 199.34,-1883 199.34,-1883"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.34,-1885.1 205.34,-1883 199.34,-1880.9 199.34,-1885.1"/>
</g>
<!-- libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;node_modules/react -->
<g id="edge153" class="edge">
<title>libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M167.21,-4734C108.4,-4734 6,-4734 6,-4734 6,-4734 6,-689.85 6,-689.85 6,-689.85 859.48,-689.85 859.48,-689.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.48,-691.95 865.48,-689.85 859.48,-687.75 859.48,-691.95"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/icon -->
<g id="node28" class="node">
<title>libs/components/src/base&#45;ui/atoms/icon</title>
<g id="a_node28"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/icon" xlink:title="icon">
<polygon fill="#ccccff" stroke="black" points="539,-3630 487,-3630 485,-3628 485,-3612 537,-3612 539,-3614 539,-3630"/>
<polyline fill="none" stroke="black" points="537,-3628 485,-3628 "/>
<polyline fill="none" stroke="black" points="537,-3628 537,-3612 "/>
<polyline fill="none" stroke="black" points="537,-3628 539,-3630 "/>
<text text-anchor="middle" x="512" y="-3618.8" font-family="Helvetica,sans-Serif" font-size="9.00">icon</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge149" class="edge">
<title>libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M247.69,-4731C264.85,-4731 281,-4731 281,-4731 281,-4731 281,-3619.71 281,-3619.71 281,-3619.71 478.59,-3619.71 478.59,-3619.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.59,-3621.81 484.59,-3619.71 478.59,-3617.61 478.59,-3621.81"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image -->
<g id="node30" class="node">
<title>libs/components/src/base&#45;ui/atoms/image</title>
<g id="a_node30"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/image" xlink:title="image">
<polygon fill="#ccccff" stroke="black" points="539,-3600 487,-3600 485,-3598 485,-3582 537,-3582 539,-3584 539,-3600"/>
<polyline fill="none" stroke="black" points="537,-3598 485,-3598 "/>
<polyline fill="none" stroke="black" points="537,-3598 537,-3582 "/>
<polyline fill="none" stroke="black" points="537,-3598 539,-3600 "/>
<text text-anchor="middle" x="512" y="-3588.8" font-family="Helvetica,sans-Serif" font-size="9.00">image</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge150" class="edge">
<title>libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M247.85,-4728C264.07,-4728 279,-4728 279,-4728 279,-4728 279,-3592.8 279,-3592.8 279,-3592.8 478.82,-3592.8 478.82,-3592.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.82,-3594.9 484.82,-3592.8 478.82,-3590.7 478.82,-3594.9"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/link -->
<g id="node34" class="node">
<title>libs/components/src/base&#45;ui/atoms/link</title>
<g id="a_node34"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/link" xlink:title="link">
<polygon fill="#ccccff" stroke="black" points="539,-3570 487,-3570 485,-3568 485,-3552 537,-3552 539,-3554 539,-3570"/>
<polyline fill="none" stroke="black" points="537,-3568 485,-3568 "/>
<polyline fill="none" stroke="black" points="537,-3568 537,-3552 "/>
<polyline fill="none" stroke="black" points="537,-3568 539,-3570 "/>
<text text-anchor="middle" x="512" y="-3558.8" font-family="Helvetica,sans-Serif" font-size="9.00">link</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge151" class="edge">
<title>libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M247.74,-4725C262.65,-4725 276,-4725 276,-4725 276,-4725 276,-3563.45 276,-3563.45 276,-3563.45 478.93,-3563.45 478.93,-3563.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.93,-3565.55 484.93,-3563.45 478.93,-3561.35 478.93,-3565.55"/>
</g>
<!-- libs/components/src/design/views/error&#45;page -->
<g id="node98" class="node">
<title>libs/components/src/design/views/error&#45;page</title>
<g id="a_node98"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/views/error-page" xlink:title="error&#45;page">
<polygon fill="#ffffcc" stroke="black" points="384,-4755 326,-4755 324,-4753 324,-4737 382,-4737 384,-4739 384,-4755"/>
<polyline fill="none" stroke="black" points="382,-4753 324,-4753 "/>
<polyline fill="none" stroke="black" points="382,-4753 382,-4737 "/>
<polyline fill="none" stroke="black" points="382,-4753 384,-4755 "/>
<text text-anchor="middle" x="354" y="-4743.8" font-family="Helvetica,sans-Serif" font-size="9.00">error&#45;page</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/design/views/error&#45;page -->
<g id="edge152" class="edge">
<title>libs/components/src/design/views/not&#45;found&#45;page&#45;&gt;libs/components/src/design/views/error&#45;page</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M247.53,-4734C290.91,-4734 354,-4734 354,-4734 354,-4734 354,-4734.28 354,-4734.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.9,-4730.78 354,-4736.78 356.1,-4730.78 351.9,-4730.78"/>
</g>
<!-- libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;node_modules/react -->
<g id="edge158" class="edge">
<title>libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M162.91,-4764C102.47,-4764 2,-4764 2,-4764 2,-4764 2,-688.92 2,-688.92 2,-688.92 859.36,-688.92 859.36,-688.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.36,-691.02 865.36,-688.92 859.36,-686.82 859.36,-691.02"/>
</g>
<!-- libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge154" class="edge">
<title>libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M252.13,-4764C267.99,-4764 282,-4764 282,-4764 282,-4764 282,-3622.29 282,-3622.29 282,-3622.29 478.71,-3622.29 478.71,-3622.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.71,-3624.39 484.71,-3622.29 478.71,-3620.19 478.71,-3624.39"/>
</g>
<!-- libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge155" class="edge">
<title>libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M252.18,-4761C267.1,-4761 280,-4761 280,-4761 280,-4761 280,-3594 280,-3594 280,-3594 478.93,-3594 478.93,-3594"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.93,-3596.1 484.93,-3594 478.93,-3591.9 478.93,-3596.1"/>
</g>
<!-- libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge156" class="edge">
<title>libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M252.3,-4758C265.75,-4758 277,-4758 277,-4758 277,-4758 277,-3565.09 277,-3565.09 277,-3565.09 478.58,-3565.09 478.58,-3565.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.58,-3567.19 484.58,-3565.09 478.58,-3562.99 478.58,-3567.19"/>
</g>
<!-- libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/design/views/error&#45;page -->
<g id="edge157" class="edge">
<title>libs/components/src/design/views/server&#45;error&#45;page&#45;&gt;libs/components/src/design/views/error&#45;page</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M252.25,-4767C295.33,-4767 354,-4767 354,-4767 354,-4767 354,-4761.03 354,-4761.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="356.1,-4761.03 354,-4755.03 351.9,-4761.03 356.1,-4761.03"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;node_modules/react -->
<g id="edge233" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M207,-2275.91C207,-2294.57 207,-2443.9 207,-2443.9 207,-2443.9 952,-2443.9 952,-2443.9 952,-2443.9 952,-701.85 952,-701.85 952,-701.85 925.81,-701.85 925.81,-701.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.81,-699.75 919.81,-701.85 925.81,-703.95 925.81,-699.75"/>
</g>
<!-- node_modules/clsx/dist -->
<g id="node22" class="node">
<title>node_modules/clsx/dist</title>
<g id="a_node22"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/clsx/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-756 867.5,-756 865.5,-754 865.5,-738 917.5,-738 919.5,-740 919.5,-756"/>
<polyline fill="none" stroke="black" points="917.5,-754 865.5,-754 "/>
<polyline fill="none" stroke="black" points="917.5,-754 917.5,-738 "/>
<polyline fill="none" stroke="black" points="917.5,-754 919.5,-756 "/>
<text text-anchor="middle" x="892.5" y="-744.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;node_modules/clsx/dist -->
<g id="edge232" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M207,-2272.2C207,-2251.87 207,-2066 207,-2066 207,-2066 221,-2066 221,-2066 221,-2066 221,-747.56 221,-747.56 221,-747.56 859.34,-747.56 859.34,-747.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.34,-749.66 865.34,-747.56 859.34,-745.46 859.34,-749.66"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/align -->
<g id="node48" class="node">
<title>libs/components/src/base&#45;ui/layout/align</title>
<g id="a_node48"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/align" xlink:title="align">
<polygon fill="#ccccff" stroke="black" points="539,-3138 487,-3138 485,-3136 485,-3120 537,-3120 539,-3122 539,-3138"/>
<polyline fill="none" stroke="black" points="537,-3136 485,-3136 "/>
<polyline fill="none" stroke="black" points="537,-3136 537,-3120 "/>
<polyline fill="none" stroke="black" points="537,-3136 539,-3138 "/>
<text text-anchor="middle" x="512" y="-3126.8" font-family="Helvetica,sans-Serif" font-size="9.00">align</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge227" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M207,-2276.14C207,-2294.59 207,-2425.73 207,-2425.73 207,-2425.73 224,-2425.73 224,-2425.73 224,-2425.73 224,-3132 224,-3132 224,-3132 478.91,-3132 478.91,-3132"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.91,-3134.1 484.91,-3132 478.91,-3129.9 478.91,-3134.1"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="node55" class="node">
<title>libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<g id="a_node55"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/page-frame" xlink:title="page&#45;frame">
<polygon fill="#ccccff" stroke="black" points="544.5,-3168 481.5,-3168 479.5,-3166 479.5,-3150 542.5,-3150 544.5,-3152 544.5,-3168"/>
<polyline fill="none" stroke="black" points="542.5,-3166 479.5,-3166 "/>
<polyline fill="none" stroke="black" points="542.5,-3166 542.5,-3150 "/>
<polyline fill="none" stroke="black" points="542.5,-3166 544.5,-3168 "/>
<text text-anchor="middle" x="512" y="-3156.8" font-family="Helvetica,sans-Serif" font-size="9.00">page&#45;frame</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge228" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.4,-2274.6C213.54,-2274.6 223,-2274.6 223,-2274.6 223,-2274.6 223,-3162 223,-3162 223,-3162 473.41,-3162 473.41,-3162"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.41,-3164.1 479.41,-3162 473.41,-3159.9 473.41,-3164.1"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/spacing -->
<g id="node56" class="node">
<title>libs/components/src/base&#45;ui/layout/spacing</title>
<g id="a_node56"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/spacing" xlink:title="spacing">
<polygon fill="#ccccff" stroke="black" points="539,-3300 487,-3300 485,-3298 485,-3282 537,-3282 539,-3284 539,-3300"/>
<polyline fill="none" stroke="black" points="537,-3298 485,-3298 "/>
<polyline fill="none" stroke="black" points="537,-3298 537,-3282 "/>
<polyline fill="none" stroke="black" points="537,-3298 539,-3300 "/>
<text text-anchor="middle" x="512" y="-3288.8" font-family="Helvetica,sans-Serif" font-size="9.00">spacing</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/layout/spacing -->
<g id="edge229" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/layout/spacing</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M205.82,-2275.08C197.06,-2275.08 157,-2275.08 157,-2275.08 157,-2275.08 157,-3295.5 157,-3295.5 157,-3295.5 478.73,-3295.5 478.73,-3295.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.73,-3297.6 484.73,-3295.5 478.73,-3293.4 478.73,-3297.6"/>
</g>
<!-- libs/components/src/base&#45;ui/surfaces/background -->
<g id="node65" class="node">
<title>libs/components/src/base&#45;ui/surfaces/background</title>
<g id="a_node65"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/surfaces/background" xlink:title="background">
<polygon fill="#ccccff" stroke="black" points="718,-3972 655,-3972 653,-3970 653,-3954 716,-3954 718,-3956 718,-3972"/>
<polyline fill="none" stroke="black" points="716,-3970 653,-3970 "/>
<polyline fill="none" stroke="black" points="716,-3970 716,-3954 "/>
<polyline fill="none" stroke="black" points="716,-3970 718,-3972 "/>
<text text-anchor="middle" x="685.5" y="-3960.8" font-family="Helvetica,sans-Serif" font-size="9.00">background</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/surfaces/background -->
<g id="edge230" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/base&#45;ui/surfaces/background</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.45,-2274C233.29,-2274 468,-2274 468,-2274 468,-2274 468,-3960.88 468,-3960.88 468,-3960.88 646.94,-3960.88 646.94,-3960.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="646.94,-3962.98 652.94,-3960.88 646.94,-3958.78 646.94,-3962.98"/>
</g>
<!-- libs/components/src/design/molecules/enterprise&#45;logos -->
<g id="node89" class="node">
<title>libs/components/src/design/molecules/enterprise&#45;logos</title>
<g id="a_node89"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/molecules/enterprise-logos" xlink:title="enterprise&#45;logos">
<polygon fill="#ffffcc" stroke="black" points="396.5,-4486 313.5,-4486 311.5,-4484 311.5,-4468 394.5,-4468 396.5,-4470 396.5,-4486"/>
<polyline fill="none" stroke="black" points="394.5,-4484 311.5,-4484 "/>
<polyline fill="none" stroke="black" points="394.5,-4484 394.5,-4468 "/>
<polyline fill="none" stroke="black" points="394.5,-4484 396.5,-4486 "/>
<text text-anchor="middle" x="354" y="-4474.8" font-family="Helvetica,sans-Serif" font-size="9.00">enterprise&#45;logos</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/design/molecules/enterprise&#45;logos -->
<g id="edge231" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/design/molecules/enterprise&#45;logos</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M207,-2272.05C207,-2250.01 207,-2048.5 207,-2048.5 207,-2048.5 121,-2048.5 121,-2048.5 121,-2048.5 121,-4474.1 121,-4474.1 121,-4474.1 305.26,-4474.1 305.26,-4474.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="305.26,-4476.2 311.26,-4474.1 305.26,-4472 305.26,-4476.2"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards -->
<g id="node133" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards</title>
<g id="a_node133"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/advantage-cards" xlink:title="advantage&#45;cards">
<polygon fill="#ffffcc" stroke="black" points="397,-2358 313,-2358 311,-2356 311,-2340 395,-2340 397,-2342 397,-2358"/>
<polyline fill="none" stroke="black" points="395,-2356 311,-2356 "/>
<polyline fill="none" stroke="black" points="395,-2356 395,-2340 "/>
<polyline fill="none" stroke="black" points="395,-2356 397,-2358 "/>
<text text-anchor="middle" x="354" y="-2346.8" font-family="Helvetica,sans-Serif" font-size="9.00">advantage&#45;cards</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards -->
<g id="edge217" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-2275.97C208,-2287.16 208,-2342.25 208,-2342.25 208,-2342.25 304.98,-2342.25 304.98,-2342.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="304.98,-2344.35 310.98,-2342.25 304.98,-2340.15 304.98,-2344.35"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics -->
<g id="node134" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics</title>
<g id="a_node134"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/component-analytics" xlink:title="component&#45;analytics">
<polygon fill="#ffffcc" stroke="black" points="405,-2328 305,-2328 303,-2326 303,-2310 403,-2310 405,-2312 405,-2328"/>
<polyline fill="none" stroke="black" points="403,-2326 303,-2326 "/>
<polyline fill="none" stroke="black" points="403,-2326 403,-2310 "/>
<polyline fill="none" stroke="black" points="403,-2326 405,-2328 "/>
<text text-anchor="middle" x="354" y="-2316.8" font-family="Helvetica,sans-Serif" font-size="9.00">component&#45;analytics</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics -->
<g id="edge218" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2275.04C209,-2281.51 209,-2316 209,-2316 209,-2316 296.88,-2316 296.88,-2316"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="296.88,-2318.1 302.88,-2316 296.88,-2313.9 296.88,-2318.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system -->
<g id="node135" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system</title>
<g id="a_node135"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/eco-system" xlink:title="eco&#45;system">
<polygon fill="#ffffcc" stroke="black" points="386.5,-2148 323.5,-2148 321.5,-2146 321.5,-2130 384.5,-2130 386.5,-2132 386.5,-2148"/>
<polyline fill="none" stroke="black" points="384.5,-2146 321.5,-2146 "/>
<polyline fill="none" stroke="black" points="384.5,-2146 384.5,-2130 "/>
<polyline fill="none" stroke="black" points="384.5,-2146 386.5,-2148 "/>
<text text-anchor="middle" x="354" y="-2136.8" font-family="Helvetica,sans-Serif" font-size="9.00">eco&#45;system</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system -->
<g id="edge219" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M205.45,-2273.64C203.23,-2273.64 200,-2273.64 200,-2273.64 200,-2273.64 200,-2136 200,-2136 200,-2136 315.34,-2136 315.34,-2136"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.34,-2138.1 321.34,-2136 315.34,-2133.9 315.34,-2138.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets -->
<g id="node136" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets</title>
<g id="a_node136"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/enterprise-bullets" xlink:title="enterprise&#45;bullets">
<polygon fill="#ffffcc" stroke="black" points="398.5,-2238 311.5,-2238 309.5,-2236 309.5,-2220 396.5,-2220 398.5,-2222 398.5,-2238"/>
<polyline fill="none" stroke="black" points="396.5,-2236 309.5,-2236 "/>
<polyline fill="none" stroke="black" points="396.5,-2236 396.5,-2220 "/>
<polyline fill="none" stroke="black" points="396.5,-2236 398.5,-2238 "/>
<text text-anchor="middle" x="354" y="-2226.8" font-family="Helvetica,sans-Serif" font-size="9.00">enterprise&#45;bullets</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets -->
<g id="edge220" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M205.79,-2272.92C205.35,-2272.92 205,-2272.92 205,-2272.92 205,-2272.92 205,-2224.5 205,-2224.5 205,-2224.5 303.3,-2224.5 303.3,-2224.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="303.3,-2226.6 309.3,-2224.5 303.3,-2222.4 303.3,-2226.6"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support -->
<g id="node137" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support</title>
<g id="a_node137"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/experts-support" xlink:title="experts&#45;support">
<polygon fill="#ffffcc" stroke="black" points="394.5,-2298 315.5,-2298 313.5,-2296 313.5,-2280 392.5,-2280 394.5,-2282 394.5,-2298"/>
<polyline fill="none" stroke="black" points="392.5,-2296 313.5,-2296 "/>
<polyline fill="none" stroke="black" points="392.5,-2296 392.5,-2280 "/>
<polyline fill="none" stroke="black" points="392.5,-2296 394.5,-2298 "/>
<text text-anchor="middle" x="354" y="-2286.8" font-family="Helvetica,sans-Serif" font-size="9.00">experts&#45;support</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support -->
<g id="edge221" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.1,-2275.2C222.9,-2275.2 321,-2275.2 321,-2275.2 321,-2275.2 321,-2275.67 321,-2275.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="318.9,-2273.87 321,-2279.87 323.1,-2273.87 318.9,-2273.87"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero -->
<g id="node138" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero</title>
<g id="a_node138"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/hero" xlink:title="hero">
<polygon fill="#ffffcc" stroke="black" points="381,-2208 329,-2208 327,-2206 327,-2190 379,-2190 381,-2192 381,-2208"/>
<polyline fill="none" stroke="black" points="379,-2206 327,-2206 "/>
<polyline fill="none" stroke="black" points="379,-2206 379,-2190 "/>
<polyline fill="none" stroke="black" points="379,-2206 381,-2208 "/>
<text text-anchor="middle" x="354" y="-2196.8" font-family="Helvetica,sans-Serif" font-size="9.00">hero</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/hero -->
<g id="edge222" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/hero</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2273C209,-2264.43 209,-2203.5 209,-2203.5 209,-2203.5 320.73,-2203.5 320.73,-2203.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.73,-2205.6 326.73,-2203.5 320.73,-2201.4 320.73,-2205.6"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/integrations -->
<g id="node139" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/integrations</title>
<g id="a_node139"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/integrations" xlink:title="integrations">
<polygon fill="#ffffcc" stroke="black" points="386.5,-2062 323.5,-2062 321.5,-2060 321.5,-2044 384.5,-2044 386.5,-2046 386.5,-2062"/>
<polyline fill="none" stroke="black" points="384.5,-2060 321.5,-2060 "/>
<polyline fill="none" stroke="black" points="384.5,-2060 384.5,-2044 "/>
<polyline fill="none" stroke="black" points="384.5,-2060 386.5,-2062 "/>
<text text-anchor="middle" x="354" y="-2050.8" font-family="Helvetica,sans-Serif" font-size="9.00">integrations</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/integrations -->
<g id="edge223" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/integrations</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.11,-2272.8C213.45,-2272.8 225,-2272.8 225,-2272.8 225,-2272.8 225,-2053 225,-2053 225,-2053 315.45,-2053 315.45,-2053"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.45,-2055.1 321.45,-2053 315.45,-2050.9 315.45,-2055.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise -->
<g id="node140" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise</title>
<g id="a_node140"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/powering-enterprise" xlink:title="powering&#45;enterprise">
<polygon fill="#ffffcc" stroke="black" points="404,-2178 306,-2178 304,-2176 304,-2160 402,-2160 404,-2162 404,-2178"/>
<polyline fill="none" stroke="black" points="402,-2176 304,-2176 "/>
<polyline fill="none" stroke="black" points="402,-2176 402,-2160 "/>
<polyline fill="none" stroke="black" points="402,-2176 404,-2178 "/>
<text text-anchor="middle" x="354" y="-2166.8" font-family="Helvetica,sans-Serif" font-size="9.00">powering&#45;enterprise</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise -->
<g id="edge224" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.3,-2273.4C216.26,-2273.4 241,-2273.4 241,-2273.4 241,-2273.4 241,-2169 241,-2169 241,-2169 297.78,-2169 297.78,-2169"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.78,-2171.1 303.78,-2169 297.78,-2166.9 297.78,-2171.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability -->
<g id="node141" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability</title>
<g id="a_node141"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/reliability" xlink:title="reliability">
<polygon fill="#ffffcc" stroke="black" points="381,-2268 329,-2268 327,-2266 327,-2250 379,-2250 381,-2252 381,-2268"/>
<polyline fill="none" stroke="black" points="379,-2266 327,-2266 "/>
<polyline fill="none" stroke="black" points="379,-2266 379,-2250 "/>
<polyline fill="none" stroke="black" points="379,-2266 381,-2268 "/>
<text text-anchor="middle" x="354" y="-2256.8" font-family="Helvetica,sans-Serif" font-size="9.00">reliability</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/reliability -->
<g id="edge225" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/reliability</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2272.9C209,-2269.16 209,-2257.2 209,-2257.2 209,-2257.2 320.73,-2257.2 320.73,-2257.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.73,-2259.3 326.73,-2257.2 320.73,-2255.1 320.73,-2259.3"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta -->
<!-- libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta -->
<g id="edge226" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-2271.99C208,-2252.33 208,-2095.08 208,-2095.08 208,-2095.08 346.36,-2095.08 346.36,-2095.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="346.36,-2097.18 352.36,-2095.08 346.36,-2092.98 346.36,-2097.18"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;node_modules/react -->
<g id="edge557" class="edge">
<title>libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M409.05,-5801.6C597.19,-5801.6 1203,-5801.6 1203,-5801.6 1203,-5801.6 1203,-690.08 1203,-690.08 1203,-690.08 925.51,-690.08 925.51,-690.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.51,-687.98 919.51,-690.08 925.51,-692.18 925.51,-687.98"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;node_modules/clsx/dist -->
<g id="edge555" class="edge">
<title>libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M409.3,-5798.4C418.97,-5798.4 426,-5798.4 426,-5798.4 426,-5798.4 426,-757.62 426,-757.62 426,-757.62 896,-757.62 896,-757.62 896,-757.62 896,-757.49 896,-757.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="898.1,-762.32 896,-756.32 893.9,-762.32 898.1,-762.32"/>
</g>
<!-- libs/components/src/base&#45;ui/gfx/ref&#45;tooltip -->
<g id="node44" class="node">
<title>libs/components/src/base&#45;ui/gfx/ref&#45;tooltip</title>
<g id="a_node44"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/gfx/ref-tooltip" xlink:title="ref&#45;tooltip">
<polygon fill="#ccccff" stroke="black" points="539.5,-2956 486.5,-2956 484.5,-2954 484.5,-2938 537.5,-2938 539.5,-2940 539.5,-2956"/>
<polyline fill="none" stroke="black" points="537.5,-2954 484.5,-2954 "/>
<polyline fill="none" stroke="black" points="537.5,-2954 537.5,-2938 "/>
<polyline fill="none" stroke="black" points="537.5,-2954 539.5,-2956 "/>
<text text-anchor="middle" x="512" y="-2944.8" font-family="Helvetica,sans-Serif" font-size="9.00">ref&#45;tooltip</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;libs/components/src/base&#45;ui/gfx/ref&#45;tooltip -->
<g id="edge552" class="edge">
<title>libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;libs/components/src/base&#45;ui/gfx/ref&#45;tooltip</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M298.74,-5796C217.67,-5796 76,-5796 76,-5796 76,-5796 76,-2947 76,-2947 76,-2947 478.4,-2947 478.4,-2947"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.4,-2949.1 484.4,-2947 478.4,-2944.9 478.4,-2949.1"/>
</g>
<!-- node_modules/lodash.debounce -->
<g id="node94" class="node">
<title>node_modules/lodash.debounce</title>
<g id="a_node94"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/lodash.debounce" xlink:title="lodash.debounce">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="937,-498 850,-498 848,-496 848,-480 935,-480 937,-482 937,-498"/>
<polyline fill="none" stroke="black" points="935,-496 848,-496 "/>
<polyline fill="none" stroke="black" points="935,-496 935,-480 "/>
<polyline fill="none" stroke="black" points="935,-496 937,-498 "/>
<text text-anchor="middle" x="892.5" y="-486.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">lodash.debounce</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;node_modules/lodash.debounce -->
<g id="edge556" class="edge">
<title>libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;node_modules/lodash.debounce</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M409.13,-5795.2C411.56,-5795.2 413,-5795.2 413,-5795.2 413,-5795.2 413,-492 413,-492 413,-492 841.82,-492 841.82,-492"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="841.82,-494.1 847.82,-492 841.82,-489.9 841.82,-494.1"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label -->
<!-- libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;libs/components/src/tools/tracking/component&#45;label -->
<g id="edge553" class="edge">
<title>libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;libs/components/src/tools/tracking/component&#45;label</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M409.16,-5804.8C455.09,-5804.8 513,-5804.8 513,-5804.8 513,-5804.8 513,-5809.09 513,-5809.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="510.9,-5809.09 513,-5815.09 515.1,-5809.09 510.9,-5809.09"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border -->
<g id="node179" class="node">
<title>libs/components/src/tools/tracking/overlay&#45;border</title>
<g id="a_node179"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/tracking/overlay-border" xlink:title="overlay&#45;border">
<polygon fill="#ccccff" stroke="black" points="549.5,-5792 476.5,-5792 474.5,-5790 474.5,-5774 547.5,-5774 549.5,-5776 549.5,-5792"/>
<polyline fill="none" stroke="black" points="547.5,-5790 474.5,-5790 "/>
<polyline fill="none" stroke="black" points="547.5,-5790 547.5,-5774 "/>
<polyline fill="none" stroke="black" points="547.5,-5790 549.5,-5792 "/>
<text text-anchor="middle" x="512" y="-5780.8" font-family="Helvetica,sans-Serif" font-size="9.00">overlay&#45;border</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;libs/components/src/tools/tracking/overlay&#45;border -->
<g id="edge554" class="edge">
<title>libs/components/src/tools/tracking/component&#45;highlighter&#45;&gt;libs/components/src/tools/tracking/overlay&#45;border</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M393,-5789.69C393,-5786.59 393,-5783.9 393,-5783.9 393,-5783.9 468.35,-5783.9 468.35,-5783.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="468.35,-5786 474.35,-5783.9 468.35,-5781.8 468.35,-5786"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;node_modules/react -->
<g id="edge353" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M209.49,-2638.4C224.69,-2638.4 322,-2638.4 322,-2638.4 322,-2638.4 322,-2622 322,-2622 322,-2622 1009,-2622 1009,-2622 1009,-2622 1009,-697.69 1009,-697.69 1009,-697.69 925.52,-697.69 925.52,-697.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.52,-695.59 919.52,-697.69 925.52,-699.79 925.52,-695.59"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;node_modules/clsx/dist -->
<g id="edge352" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M207,-2636.8C207,-2635.31 207,-2633.6 207,-2633.6 207,-2633.6 309,-2633.6 309,-2633.6 309,-2633.6 309,-2626 309,-2626 309,-2626 1047,-2626 1047,-2626 1047,-2626 1047,-744.3 1047,-744.3 1047,-744.3 925.77,-744.3 925.77,-744.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.77,-742.2 919.77,-744.3 925.77,-746.4 925.77,-742.2"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge349" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M207,-2640.9C207,-2675.27 207,-3164 207,-3164 207,-3164 473.36,-3164 473.36,-3164"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.36,-3166.1 479.36,-3164 473.36,-3161.9 473.36,-3166.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/base&#45;ui/surfaces/background -->
<g id="edge350" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/base&#45;ui/surfaces/background</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M207,-2640.81C207,-2695.4 207,-3965.76 207,-3965.76 207,-3965.76 646.99,-3965.76 646.99,-3965.76"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="646.99,-3967.86 652.99,-3965.76 646.99,-3963.66 646.99,-3967.86"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/design/molecules/enterprise&#45;logos -->
<g id="edge351" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/design/molecules/enterprise&#45;logos</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.33,-2639.6C223.34,-2639.6 313,-2639.6 313,-2639.6 313,-2639.6 313,-2664.5 313,-2664.5 313,-2664.5 136,-2664.5 136,-2664.5 136,-2664.5 136,-4471.05 136,-4471.05 136,-4471.05 305.45,-4471.05 305.45,-4471.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="305.45,-4473.15 311.45,-4471.05 305.45,-4468.95 305.45,-4473.15"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together -->
<g id="node147" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together</title>
<g id="a_node147"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/build-together" xlink:title="build&#45;together">
<polygon fill="#ffffcc" stroke="black" points="391,-2558 319,-2558 317,-2556 317,-2540 389,-2540 391,-2542 391,-2558"/>
<polyline fill="none" stroke="black" points="389,-2556 317,-2556 "/>
<polyline fill="none" stroke="black" points="389,-2556 389,-2540 "/>
<polyline fill="none" stroke="black" points="389,-2556 391,-2558 "/>
<text text-anchor="middle" x="354" y="-2546.8" font-family="Helvetica,sans-Serif" font-size="9.00">build&#45;together</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together -->
<g id="edge337" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M205.44,-2639C203.54,-2639 201,-2639 201,-2639 201,-2639 201,-2549 201,-2549 201,-2549 310.96,-2549 310.96,-2549"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="310.96,-2551.1 316.96,-2549 310.96,-2546.9 310.96,-2551.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection -->
<g id="node148" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection</title>
<g id="a_node148"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/carouselSection" xlink:title="carouselSection">
<polygon fill="#ffffcc" stroke="black" points="395.5,-2498 314.5,-2498 312.5,-2496 312.5,-2480 393.5,-2480 395.5,-2482 395.5,-2498"/>
<polyline fill="none" stroke="black" points="393.5,-2496 312.5,-2496 "/>
<polyline fill="none" stroke="black" points="393.5,-2496 393.5,-2480 "/>
<polyline fill="none" stroke="black" points="393.5,-2496 395.5,-2498 "/>
<text text-anchor="middle" x="354" y="-2486.8" font-family="Helvetica,sans-Serif" font-size="9.00">carouselSection</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection -->
<g id="edge338" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208.85,-2637.8C213.41,-2637.8 228,-2637.8 228,-2637.8 228,-2637.8 228,-2490.8 228,-2490.8 228,-2490.8 306.39,-2490.8 306.39,-2490.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="306.39,-2492.9 312.39,-2490.8 306.39,-2488.7 306.39,-2492.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community -->
<g id="node149" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community</title>
<g id="a_node149"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/community" xlink:title="community">
<polygon fill="#ffffcc" stroke="black" points="385,-2468 325,-2468 323,-2466 323,-2450 383,-2450 385,-2452 385,-2468"/>
<polyline fill="none" stroke="black" points="383,-2466 323,-2466 "/>
<polyline fill="none" stroke="black" points="383,-2466 383,-2450 "/>
<polyline fill="none" stroke="black" points="383,-2466 385,-2468 "/>
<text text-anchor="middle" x="354" y="-2456.8" font-family="Helvetica,sans-Serif" font-size="9.00">community</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/community -->
<g id="edge339" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/community</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-2637.02C208,-2617.67 208,-2462.86 208,-2462.86 208,-2462.86 316.68,-2462.86 316.68,-2462.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="316.68,-2464.96 322.68,-2462.86 316.68,-2460.76 316.68,-2464.96"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages -->
<g id="node150" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages</title>
<g id="a_node150"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/component-advantages" xlink:title="component&#45;advantages">
<polygon fill="#ffffcc" stroke="black" points="411,-2618 299,-2618 297,-2616 297,-2600 409,-2600 411,-2602 411,-2618"/>
<polyline fill="none" stroke="black" points="409,-2616 297,-2616 "/>
<polyline fill="none" stroke="black" points="409,-2616 409,-2600 "/>
<polyline fill="none" stroke="black" points="409,-2616 411,-2618 "/>
<text text-anchor="middle" x="354" y="-2606.8" font-family="Helvetica,sans-Serif" font-size="9.00">component&#45;advantages</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages -->
<g id="edge340" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2637.84C209,-2632.67 209,-2612 209,-2612 209,-2612 290.69,-2612 290.69,-2612"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="290.69,-2614.1 296.69,-2612 290.69,-2609.9 290.69,-2614.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta -->
<g id="node151" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta</title>
<g id="a_node151"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/cta" xlink:title="cta">
<polygon fill="#ffffcc" stroke="black" points="381,-2768 329,-2768 327,-2766 327,-2750 379,-2750 381,-2752 381,-2768"/>
<polyline fill="none" stroke="black" points="379,-2766 327,-2766 "/>
<polyline fill="none" stroke="black" points="379,-2766 379,-2750 "/>
<polyline fill="none" stroke="black" points="379,-2766 381,-2768 "/>
<text text-anchor="middle" x="354" y="-2756.8" font-family="Helvetica,sans-Serif" font-size="9.00">cta</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/cta -->
<g id="edge341" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/cta</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-2641C208,-2656.34 208,-2754.5 208,-2754.5 208,-2754.5 320.88,-2754.5 320.88,-2754.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.88,-2756.6 326.88,-2754.5 320.88,-2752.4 320.88,-2756.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components -->
<g id="node152" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components</title>
<g id="a_node152"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/develop-components" xlink:title="develop&#45;components">
<polygon fill="#ffffcc" stroke="black" points="406,-2738 304,-2738 302,-2736 302,-2720 404,-2720 406,-2722 406,-2738"/>
<polyline fill="none" stroke="black" points="404,-2736 302,-2736 "/>
<polyline fill="none" stroke="black" points="404,-2736 404,-2720 "/>
<polyline fill="none" stroke="black" points="404,-2736 406,-2738 "/>
<text text-anchor="middle" x="354" y="-2726.8" font-family="Helvetica,sans-Serif" font-size="9.00">develop&#45;components</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components -->
<g id="edge342" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.05,-2640.2C217.12,-2640.2 254,-2640.2 254,-2640.2 254,-2640.2 254,-2726 254,-2726 254,-2726 295.95,-2726 295.95,-2726"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="295.95,-2728.1 301.95,-2726 295.95,-2723.9 295.95,-2728.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components -->
<g id="node153" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components</title>
<g id="a_node153"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/discover-components" xlink:title="discover&#45;components">
<polygon fill="#ffffcc" stroke="black" points="407,-2528 303,-2528 301,-2526 301,-2510 405,-2510 407,-2512 407,-2528"/>
<polyline fill="none" stroke="black" points="405,-2526 301,-2526 "/>
<polyline fill="none" stroke="black" points="405,-2526 405,-2510 "/>
<polyline fill="none" stroke="black" points="405,-2526 407,-2528 "/>
<text text-anchor="middle" x="354" y="-2516.8" font-family="Helvetica,sans-Serif" font-size="9.00">discover&#45;components</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components -->
<g id="edge343" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-2637.23C208,-2621.99 208,-2513.6 208,-2513.6 208,-2513.6 294.88,-2513.6 294.88,-2513.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="294.88,-2515.7 300.88,-2513.6 294.88,-2511.5 294.88,-2515.7"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section -->
<g id="node154" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section</title>
<g id="a_node154"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/enterprise-section" xlink:title="enterprise&#45;section">
<polygon fill="#ffffcc" stroke="black" points="400,-2798 310,-2798 308,-2796 308,-2780 398,-2780 400,-2782 400,-2798"/>
<polyline fill="none" stroke="black" points="398,-2796 308,-2796 "/>
<polyline fill="none" stroke="black" points="398,-2796 398,-2780 "/>
<polyline fill="none" stroke="black" points="398,-2796 400,-2798 "/>
<text text-anchor="middle" x="354" y="-2786.8" font-family="Helvetica,sans-Serif" font-size="9.00">enterprise&#45;section</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section -->
<g id="edge344" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M205.67,-2639.9C202.91,-2639.9 198,-2639.9 198,-2639.9 198,-2639.9 198,-2789 198,-2789 198,-2789 301.62,-2789 301.62,-2789"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="301.62,-2791.1 307.62,-2789 301.62,-2786.9 301.62,-2791.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero -->
<g id="node155" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero</title>
<g id="a_node155"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/hero" xlink:title="hero">
<polygon fill="#ffffcc" stroke="black" points="381,-2648 329,-2648 327,-2646 327,-2630 379,-2630 381,-2632 381,-2648"/>
<polyline fill="none" stroke="black" points="379,-2646 327,-2646 "/>
<polyline fill="none" stroke="black" points="379,-2646 379,-2630 "/>
<polyline fill="none" stroke="black" points="379,-2646 381,-2648 "/>
<text text-anchor="middle" x="354" y="-2636.8" font-family="Helvetica,sans-Serif" font-size="9.00">hero</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/hero -->
<g id="edge345" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/hero</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.57,-2639C209.57,-2639 321,-2639 321,-2639"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="321,-2641.1 327,-2639 321,-2636.9 321,-2641.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams -->
<g id="node156" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams</title>
<g id="a_node156"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/independent-teams" xlink:title="independent&#45;teams">
<polygon fill="#ffffcc" stroke="black" points="403,-2708 307,-2708 305,-2706 305,-2690 401,-2690 403,-2692 403,-2708"/>
<polyline fill="none" stroke="black" points="401,-2706 305,-2706 "/>
<polyline fill="none" stroke="black" points="401,-2706 401,-2690 "/>
<polyline fill="none" stroke="black" points="401,-2706 403,-2708 "/>
<text text-anchor="middle" x="354" y="-2696.8" font-family="Helvetica,sans-Serif" font-size="9.00">independent&#45;teams</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams -->
<g id="edge346" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2640.31C209,-2648.47 209,-2692 209,-2692 209,-2692 298.91,-2692 298.91,-2692"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="298.91,-2694.1 304.91,-2692 298.91,-2689.9 298.91,-2694.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components -->
<g id="node157" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components</title>
<g id="a_node157"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/reuse-components" xlink:title="reuse&#45;components">
<polygon fill="#ffffcc" stroke="black" points="401.5,-2588 308.5,-2588 306.5,-2586 306.5,-2570 399.5,-2570 401.5,-2572 401.5,-2588"/>
<polyline fill="none" stroke="black" points="399.5,-2586 306.5,-2586 "/>
<polyline fill="none" stroke="black" points="399.5,-2586 399.5,-2570 "/>
<polyline fill="none" stroke="black" points="399.5,-2586 401.5,-2588 "/>
<text text-anchor="middle" x="354" y="-2576.8" font-family="Helvetica,sans-Serif" font-size="9.00">reuse&#45;components</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components -->
<g id="edge347" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2637.99C209,-2630.26 209,-2580.8 209,-2580.8 209,-2580.8 300.12,-2580.8 300.12,-2580.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="300.12,-2582.9 306.12,-2580.8 300.12,-2578.7 300.12,-2582.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts -->
<g id="node158" class="node">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts</title>
<g id="a_node158"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/hybrid-homepage/components/talk-to-experts" xlink:title="talk&#45;to&#45;experts">
<polygon fill="#ffffcc" stroke="black" points="391,-2678 319,-2678 317,-2676 317,-2660 389,-2660 391,-2662 391,-2678"/>
<polyline fill="none" stroke="black" points="389,-2676 317,-2676 "/>
<polyline fill="none" stroke="black" points="389,-2676 389,-2660 "/>
<polyline fill="none" stroke="black" points="389,-2676 391,-2678 "/>
<text text-anchor="middle" x="354" y="-2666.8" font-family="Helvetica,sans-Serif" font-size="9.00">talk&#45;to&#45;experts</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts -->
<g id="edge348" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage&#45;&gt;libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-2640.29C209,-2646.03 209,-2669 209,-2669 209,-2669 310.66,-2669 310.66,-2669"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="310.66,-2671.1 316.66,-2669 310.66,-2666.9 310.66,-2671.1"/>
</g>
<!-- libs/components/src/design/views/markdown&#45;&gt;node_modules/react -->
<g id="edge127" class="edge">
<title>libs/components/src/design/views/markdown&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M208,-4786.07C208,-4783.17 208,-4778 208,-4778 208,-4778 1103,-4778 1103,-4778 1103,-4778 1103,-695.62 1103,-695.62 1103,-695.62 925.59,-695.62 925.59,-695.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.59,-693.52 919.59,-695.62 925.59,-697.72 925.59,-693.52"/>
</g>
<!-- libs/components/src/design/views/markdown/components -->
<g id="node100" class="node">
<title>libs/components/src/design/views/markdown/components</title>
<g id="a_node100"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/views/markdown/components" xlink:title="components">
<polygon fill="#ffffcc" stroke="black" points="388,-4804 322,-4804 320,-4802 320,-4786 386,-4786 388,-4788 388,-4804"/>
<polyline fill="none" stroke="black" points="386,-4802 320,-4802 "/>
<polyline fill="none" stroke="black" points="386,-4802 386,-4786 "/>
<polyline fill="none" stroke="black" points="386,-4802 388,-4804 "/>
<text text-anchor="middle" x="354" y="-4792.8" font-family="Helvetica,sans-Serif" font-size="9.00">components</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown&#45;&gt;libs/components/src/design/views/markdown/components -->
<g id="edge126" class="edge">
<title>libs/components/src/design/views/markdown&#45;&gt;libs/components/src/design/views/markdown/components</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.57,-4788C209.57,-4788 313.71,-4788 313.71,-4788"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="313.71,-4790.1 319.71,-4788 313.71,-4785.9 313.71,-4790.1"/>
</g>
<!-- node_modules/react&#45;markdown/src -->
<g id="node101" class="node">
<title>node_modules/react&#45;markdown/src</title>
<g id="a_node101"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react-markdown/src" xlink:title="src">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-344 867.5,-344 865.5,-342 865.5,-326 917.5,-326 919.5,-328 919.5,-344"/>
<polyline fill="none" stroke="black" points="917.5,-342 865.5,-342 "/>
<polyline fill="none" stroke="black" points="917.5,-342 917.5,-326 "/>
<polyline fill="none" stroke="black" points="917.5,-342 919.5,-344 "/>
<text text-anchor="middle" x="892.5" y="-332.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">src</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown&#45;&gt;node_modules/react&#45;markdown/src -->
<g id="edge128" class="edge">
<title>libs/components/src/design/views/markdown&#45;&gt;node_modules/react&#45;markdown/src</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M205.48,-4787.4C190.01,-4787.4 91,-4787.4 91,-4787.4 91,-4787.4 91,-335 91,-335 91,-335 859.37,-335 859.37,-335"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.37,-337.1 865.37,-335 859.37,-332.9 859.37,-337.1"/>
</g>
<!-- libs/components/src/docs/theme/theme&#45;compositions -->
<g id="node102" class="node">
<title>libs/components/src/docs/theme/theme&#45;compositions</title>
<g id="a_node102"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/theme/theme-compositions" xlink:title="theme&#45;compositions">
<polygon fill="#ffffcc" stroke="black" points="563,-5540 463,-5540 461,-5538 461,-5522 561,-5522 563,-5524 563,-5540"/>
<polyline fill="none" stroke="black" points="561,-5538 461,-5538 "/>
<polyline fill="none" stroke="black" points="561,-5538 561,-5522 "/>
<polyline fill="none" stroke="black" points="561,-5538 563,-5540 "/>
<text text-anchor="middle" x="512" y="-5528.8" font-family="Helvetica,sans-Serif" font-size="9.00">theme&#45;compositions</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown&#45;&gt;libs/components/src/docs/theme/theme&#45;compositions -->
<g id="edge129" class="edge">
<title>libs/components/src/design/views/markdown&#45;&gt;libs/components/src/docs/theme/theme&#45;compositions</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-4790.13C208,-4833.71 208,-5531 208,-5531 208,-5531 454.77,-5531 454.77,-5531"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="454.77,-5533.1 460.77,-5531 454.77,-5528.9 454.77,-5533.1"/>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;node_modules/react -->
<g id="edge481" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M205.85,-1882.1C189.76,-1882.1 61,-1882.1 61,-1882.1 61,-1882.1 61,-692.15 61,-692.15 61,-692.15 859.31,-692.15 859.31,-692.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.31,-694.25 865.31,-692.15 859.31,-690.05 859.31,-694.25"/>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;node_modules/clsx/dist -->
<g id="edge480" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M209.45,-1882.1C212.97,-1882.1 220,-1882.1 220,-1882.1 220,-1882.1 220,-747 220,-747 220,-747 859.3,-747 859.3,-747"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.3,-749.1 865.3,-747 859.3,-744.9 859.3,-749.1"/>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge478" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M207,-1884.93C207,-1893.55 207,-1928 207,-1928 207,-1928 187,-1928 187,-1928 187,-1928 187,-3166 187,-3166 187,-3166 473.35,-3166 473.35,-3166"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.35,-3168.1 479.35,-3166 473.35,-3163.9 473.35,-3168.1"/>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/base&#45;ui/surfaces/background -->
<g id="edge479" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/base&#45;ui/surfaces/background</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208,-1884.86C208,-1899.08 208,-1990.1 208,-1990.1 208,-1990.1 216,-1990.1 216,-1990.1 216,-1990.1 216,-3963.32 216,-3963.32 216,-3963.32 646.86,-3963.32 646.86,-3963.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="646.86,-3965.42 652.86,-3963.32 646.86,-3961.22 646.86,-3965.42"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise -->
<g id="node162" class="node">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise</title>
<g id="a_node162"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/support/components/global-enterprise" xlink:title="global&#45;enterprise">
<polygon fill="#ffffcc" stroke="black" points="397.5,-1952 312.5,-1952 310.5,-1950 310.5,-1934 395.5,-1934 397.5,-1936 397.5,-1952"/>
<polyline fill="none" stroke="black" points="395.5,-1950 310.5,-1950 "/>
<polyline fill="none" stroke="black" points="395.5,-1950 395.5,-1934 "/>
<polyline fill="none" stroke="black" points="395.5,-1950 397.5,-1952 "/>
<text text-anchor="middle" x="354" y="-1940.8" font-family="Helvetica,sans-Serif" font-size="9.00">global&#45;enterprise</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/global&#45;enterprise -->
<g id="edge472" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/global&#45;enterprise</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M205.67,-1883.9C204.42,-1883.9 203,-1883.9 203,-1883.9 203,-1883.9 203,-1937 203,-1937 203,-1937 304.32,-1937 304.32,-1937"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="304.32,-1939.1 310.32,-1937 304.32,-1934.9 304.32,-1939.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero -->
<g id="node163" class="node">
<title>libs/components/src/mfe/views/support/components/hero</title>
<g id="a_node163"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/support/components/hero" xlink:title="hero">
<polygon fill="#ffffcc" stroke="black" points="381,-1892 329,-1892 327,-1890 327,-1874 379,-1874 381,-1876 381,-1892"/>
<polyline fill="none" stroke="black" points="379,-1890 327,-1890 "/>
<polyline fill="none" stroke="black" points="379,-1890 379,-1874 "/>
<polyline fill="none" stroke="black" points="379,-1890 381,-1892 "/>
<text text-anchor="middle" x="354" y="-1880.8" font-family="Helvetica,sans-Serif" font-size="9.00">hero</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/hero -->
<g id="edge473" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/hero</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.15,-1883.9C209.15,-1883.9 320.92,-1883.9 320.92,-1883.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.92,-1886 326.92,-1883.9 320.92,-1881.8 320.92,-1886"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels -->
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;channels -->
<g id="edge474" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;channels</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.48,-1883C214.81,-1883 229,-1883 229,-1883 229,-1883 229,-1779.2 229,-1779.2 229,-1779.2 346.6,-1779.2 346.6,-1779.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="346.6,-1781.3 352.6,-1779.2 346.6,-1777.1 346.6,-1781.3"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta -->
<g id="node165" class="node">
<title>libs/components/src/mfe/views/support/components/support&#45;cta</title>
<g id="a_node165"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/support/components/support-cta" xlink:title="support&#45;cta">
<polygon fill="#ffffcc" stroke="black" points="385.5,-1862 324.5,-1862 322.5,-1860 322.5,-1844 383.5,-1844 385.5,-1846 385.5,-1862"/>
<polyline fill="none" stroke="black" points="383.5,-1860 322.5,-1860 "/>
<polyline fill="none" stroke="black" points="383.5,-1860 383.5,-1844 "/>
<polyline fill="none" stroke="black" points="383.5,-1860 385.5,-1862 "/>
<text text-anchor="middle" x="354" y="-1850.8" font-family="Helvetica,sans-Serif" font-size="9.00">support&#45;cta</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;cta -->
<g id="edge475" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;cta</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-1881.77C209,-1876.27 209,-1854.29 209,-1854.29 209,-1854.29 316.18,-1854.29 316.18,-1854.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="316.18,-1856.39 322.18,-1854.29 316.18,-1852.19 316.18,-1856.39"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers -->
<g id="node166" class="node">
<title>libs/components/src/mfe/views/support/components/support&#45;developers</title>
<g id="a_node166"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/support/components/support-developers" xlink:title="support&#45;developers">
<polygon fill="#ffffcc" stroke="black" points="402.5,-1922 307.5,-1922 305.5,-1920 305.5,-1904 400.5,-1904 402.5,-1906 402.5,-1922"/>
<polyline fill="none" stroke="black" points="400.5,-1920 305.5,-1920 "/>
<polyline fill="none" stroke="black" points="400.5,-1920 400.5,-1904 "/>
<polyline fill="none" stroke="black" points="400.5,-1920 402.5,-1922 "/>
<text text-anchor="middle" x="354" y="-1910.8" font-family="Helvetica,sans-Serif" font-size="9.00">support&#45;developers</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;developers -->
<g id="edge476" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;developers</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209,-1884.01C209,-1888.52 209,-1906.57 209,-1906.57 209,-1906.57 299.31,-1906.57 299.31,-1906.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="299.31,-1908.67 305.31,-1906.57 299.31,-1904.47 299.31,-1908.67"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages -->
<g id="node167" class="node">
<title>libs/components/src/mfe/views/support/components/support&#45;packages</title>
<g id="a_node167"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/support/components/support-packages" xlink:title="support&#45;packages">
<polygon fill="#ffffcc" stroke="black" points="400,-1832 310,-1832 308,-1830 308,-1814 398,-1814 400,-1816 400,-1832"/>
<polyline fill="none" stroke="black" points="398,-1830 308,-1830 "/>
<polyline fill="none" stroke="black" points="398,-1830 398,-1814 "/>
<polyline fill="none" stroke="black" points="398,-1830 400,-1832 "/>
<text text-anchor="middle" x="354" y="-1820.8" font-family="Helvetica,sans-Serif" font-size="9.00">support&#45;packages</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;packages -->
<g id="edge477" class="edge">
<title>libs/components/src/mfe/views/support&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;packages</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M207,-1881.18C207,-1871.71 207,-1828.4 207,-1828.4 207,-1828.4 301.89,-1828.4 301.89,-1828.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="301.89,-1830.5 307.89,-1828.4 301.89,-1826.3 301.89,-1830.5"/>
</g>
<!-- libs -->
<!-- libs/components -->
<!-- libs/components/src -->
<!-- libs/components/src/base&#45;ui -->
<!-- libs/components/src/base&#45;ui/atoms -->
<!-- libs/components/src/base&#45;ui/atoms/button -->
<g id="node20" class="node">
<title>libs/components/src/base&#45;ui/atoms/button</title>
<g id="a_node20"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/button" xlink:title="button">
<polygon fill="#ccccff" stroke="black" points="539,-3480 487,-3480 485,-3478 485,-3462 537,-3462 539,-3464 539,-3480"/>
<polyline fill="none" stroke="black" points="537,-3478 485,-3478 "/>
<polyline fill="none" stroke="black" points="537,-3478 537,-3462 "/>
<polyline fill="none" stroke="black" points="537,-3478 539,-3480 "/>
<text text-anchor="middle" x="512" y="-3468.8" font-family="Helvetica,sans-Serif" font-size="9.00">button</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;&gt;node_modules/react -->
<g id="edge12" class="edge">
<title>libs/components/src/base&#45;ui/atoms/button&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.25,-3478.2C635.4,-3478.2 953,-3478.2 953,-3478.2 953,-3478.2 953,-682.55 953,-682.55 953,-682.55 915,-682.55 915,-682.55 915,-682.55 915,-683.07 915,-683.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="912.9,-681.76 915,-687.76 917.1,-681.76 912.9,-681.76"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;base -->
<g id="node21" class="node">
<title>libs/components/src/base&#45;ui/atoms/button&#45;base</title>
<g id="a_node21"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/button-base" xlink:title="button&#45;base">
<polygon fill="#ccccff" stroke="black" points="718.5,-3420 654.5,-3420 652.5,-3418 652.5,-3402 716.5,-3402 718.5,-3404 718.5,-3420"/>
<polyline fill="none" stroke="black" points="716.5,-3418 652.5,-3418 "/>
<polyline fill="none" stroke="black" points="716.5,-3418 716.5,-3402 "/>
<polyline fill="none" stroke="black" points="716.5,-3418 718.5,-3420 "/>
<text text-anchor="middle" x="685.5" y="-3408.8" font-family="Helvetica,sans-Serif" font-size="9.00">button&#45;base</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;&gt;libs/components/src/base&#45;ui/atoms/button&#45;base -->
<g id="edge10" class="edge">
<title>libs/components/src/base&#45;ui/atoms/button&#45;&gt;libs/components/src/base&#45;ui/atoms/button&#45;base</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M539.08,-3472.8C585.66,-3472.8 676,-3472.8 676,-3472.8 676,-3472.8 676,-3426.12 676,-3426.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="678.1,-3426.12 676,-3420.12 673.9,-3426.12 678.1,-3426.12"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;&gt;node_modules/clsx/dist -->
<g id="edge11" class="edge">
<title>libs/components/src/base&#45;ui/atoms/button&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.38,-3476.4C603.69,-3476.4 759,-3476.4 759,-3476.4 759,-3476.4 759,-786.84 759,-786.84 759,-786.84 875,-786.84 875,-786.84 875,-786.84 875,-762.24 875,-762.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="877.1,-762.24 875,-756.24 872.9,-762.24 877.1,-762.24"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;base&#45;&gt;node_modules/react -->
<g id="edge15" class="edge">
<title>libs/components/src/base&#45;ui/atoms/button&#45;base&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M718.53,-3411C762.83,-3411 836,-3411 836,-3411 836,-3411 836,-684.73 836,-684.73 836,-684.73 876,-684.73 876,-684.73 876,-684.73 876,-685.04 876,-685.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="873.9,-681.82 876,-687.82 878.1,-681.82 873.9,-681.82"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;base&#45;&gt;node_modules/clsx/dist -->
<g id="edge14" class="edge">
<title>libs/components/src/base&#45;ui/atoms/button&#45;base&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M718.51,-3406.5C746.79,-3406.5 783,-3406.5 783,-3406.5 783,-3406.5 783,-811.78 783,-811.78 783,-811.78 888,-811.78 888,-811.78 888,-811.78 888,-762.01 888,-762.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="890.1,-762.01 888,-756.01 885.9,-762.01 890.1,-762.01"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/dots&#45;loader -->
<g id="node23" class="node">
<title>libs/components/src/base&#45;ui/atoms/dots&#45;loader</title>
<g id="a_node23"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/dots-loader" xlink:title="dots&#45;loader">
<polygon fill="#ccccff" stroke="black" points="924.5,-3360 862.5,-3360 860.5,-3358 860.5,-3342 922.5,-3342 924.5,-3344 924.5,-3360"/>
<polyline fill="none" stroke="black" points="922.5,-3358 860.5,-3358 "/>
<polyline fill="none" stroke="black" points="922.5,-3358 922.5,-3342 "/>
<polyline fill="none" stroke="black" points="922.5,-3358 924.5,-3360 "/>
<text text-anchor="middle" x="892.5" y="-3348.8" font-family="Helvetica,sans-Serif" font-size="9.00">dots&#45;loader</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/button&#45;base&#45;&gt;libs/components/src/base&#45;ui/atoms/dots&#45;loader -->
<g id="edge13" class="edge">
<title>libs/components/src/base&#45;ui/atoms/button&#45;base&#45;&gt;libs/components/src/base&#45;ui/atoms/dots&#45;loader</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M718.84,-3415.5C777.49,-3415.5 893,-3415.5 893,-3415.5 893,-3415.5 893,-3366.24 893,-3366.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.1,-3366.24 893,-3360.24 890.9,-3366.24 895.1,-3366.24"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/dots&#45;loader&#45;&gt;node_modules/react -->
<g id="edge17" class="edge">
<title>libs/components/src/base&#45;ui/atoms/dots&#45;loader&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M860.23,-3356.4C850.33,-3356.4 842,-3356.4 842,-3356.4 842,-3356.4 842,-718.96 842,-718.96 842,-718.96 875,-718.96 875,-718.96 875,-718.96 875,-712.19 875,-712.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="877.1,-712.19 875,-706.19 872.9,-712.19 877.1,-712.19"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/dots&#45;loader&#45;&gt;node_modules/clsx/dist -->
<g id="edge16" class="edge">
<title>libs/components/src/base&#45;ui/atoms/dots&#45;loader&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M860.31,-3352.8C850.86,-3352.8 843,-3352.8 843,-3352.8 843,-3352.8 843,-812.89 843,-812.89 843,-812.89 890,-812.89 890,-812.89 890,-812.89 890,-762.16 890,-762.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="892.1,-762.16 890,-756.16 887.9,-762.16 892.1,-762.16"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/error -->
<g id="node24" class="node">
<title>libs/components/src/base&#45;ui/atoms/error</title>
<g id="a_node24"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/error" xlink:title="error">
<polygon fill="#ccccff" stroke="black" points="539,-3450 487,-3450 485,-3448 485,-3432 537,-3432 539,-3434 539,-3450"/>
<polyline fill="none" stroke="black" points="537,-3448 485,-3448 "/>
<polyline fill="none" stroke="black" points="537,-3448 537,-3432 "/>
<polyline fill="none" stroke="black" points="537,-3448 539,-3450 "/>
<text text-anchor="middle" x="512" y="-3438.8" font-family="Helvetica,sans-Serif" font-size="9.00">error</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/error&#45;&gt;node_modules/react -->
<g id="edge19" class="edge">
<title>libs/components/src/base&#45;ui/atoms/error&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.15,-3445.5C617.26,-3445.5 837,-3445.5 837,-3445.5 837,-3445.5 837,-683.64 837,-683.64 837,-683.64 871,-683.64 871,-683.64 871,-683.64 871,-684.06 871,-684.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="868.9,-681.86 871,-687.86 873.1,-681.86 868.9,-681.86"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/error&#45;&gt;node_modules/clsx/dist -->
<g id="edge18" class="edge">
<title>libs/components/src/base&#45;ui/atoms/error&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.4,-3441C602.95,-3441 755,-3441 755,-3441 755,-3441 755,-785.22 755,-785.22 755,-785.22 874,-785.22 874,-785.22 874,-785.22 874,-762.25 874,-762.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="876.1,-762.25 874,-756.25 871.9,-762.25 876.1,-762.25"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/heading -->
<g id="node25" class="node">
<title>libs/components/src/base&#45;ui/atoms/heading</title>
<g id="a_node25"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/heading" xlink:title="heading">
<polygon fill="#ccccff" stroke="black" points="539,-3540 487,-3540 485,-3538 485,-3522 537,-3522 539,-3524 539,-3540"/>
<polyline fill="none" stroke="black" points="537,-3538 485,-3538 "/>
<polyline fill="none" stroke="black" points="537,-3538 537,-3522 "/>
<polyline fill="none" stroke="black" points="537,-3538 539,-3540 "/>
<text text-anchor="middle" x="512" y="-3528.8" font-family="Helvetica,sans-Serif" font-size="9.00">heading</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/heading&#45;&gt;node_modules/react -->
<g id="edge23" class="edge">
<title>libs/components/src/base&#45;ui/atoms/heading&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M484.72,-3538.36C403.36,-3538.36 168,-3538.36 168,-3538.36 168,-3538.36 168,-697.23 168,-697.23 168,-697.23 859.42,-697.23 859.42,-697.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.42,-699.33 865.42,-697.23 859.42,-695.13 859.42,-699.33"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/heading&#45;&gt;node_modules/clsx/dist -->
<g id="edge22" class="edge">
<title>libs/components/src/base&#45;ui/atoms/heading&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.29,-3534.46C605.07,-3534.46 767,-3534.46 767,-3534.46 767,-3534.46 767,-793.33 767,-793.33 767,-793.33 893,-793.33 893,-793.33 893,-793.33 893,-762.38 893,-762.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="895.1,-762.38 893,-756.38 890.9,-762.38 895.1,-762.38"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/fonts/clean -->
<g id="node26" class="node">
<title>libs/components/src/base&#45;ui/theme/fonts/clean</title>
<g id="a_node26"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/fonts/clean" xlink:title="clean">
<polygon fill="#ccccff" stroke="black" points="919.5,-4096 867.5,-4096 865.5,-4094 865.5,-4078 917.5,-4078 919.5,-4080 919.5,-4096"/>
<polyline fill="none" stroke="black" points="917.5,-4094 865.5,-4094 "/>
<polyline fill="none" stroke="black" points="917.5,-4094 917.5,-4078 "/>
<polyline fill="none" stroke="black" points="917.5,-4094 919.5,-4096 "/>
<text text-anchor="middle" x="892.5" y="-4084.8" font-family="Helvetica,sans-Serif" font-size="9.00">clean</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/heading&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean -->
<g id="edge20" class="edge">
<title>libs/components/src/base&#45;ui/atoms/heading&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M539.3,-3537.23C601.03,-3537.23 746,-3537.23 746,-3537.23 746,-3537.23 746,-4082 746,-4082 746,-4082 859.29,-4082 859.29,-4082"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="859.29,-4084.1 865.29,-4082 859.29,-4079.9 859.29,-4084.1"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/sizes -->
<g id="node27" class="node">
<title>libs/components/src/base&#45;ui/theme/sizes</title>
<g id="a_node27"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/sizes" xlink:title="sizes">
<polygon fill="#ccccff" stroke="black" points="712.5,-4208 660.5,-4208 658.5,-4206 658.5,-4190 710.5,-4190 712.5,-4192 712.5,-4208"/>
<polyline fill="none" stroke="black" points="710.5,-4206 658.5,-4206 "/>
<polyline fill="none" stroke="black" points="710.5,-4206 710.5,-4190 "/>
<polyline fill="none" stroke="black" points="710.5,-4206 712.5,-4208 "/>
<text text-anchor="middle" x="685.5" y="-4196.8" font-family="Helvetica,sans-Serif" font-size="9.00">sizes</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/heading&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge21" class="edge">
<title>libs/components/src/base&#45;ui/atoms/heading&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M539.28,-3538.62C542.12,-3538.62 544,-3538.62 544,-3538.62 544,-3538.62 544,-4192 544,-4192 544,-4192 652.22,-4192 652.22,-4192"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.22,-4194.1 658.22,-4192 652.22,-4189.9 652.22,-4194.1"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/fonts/clean&#45;&gt;node_modules/react -->
<g id="edge74" class="edge">
<title>libs/components/src/base&#45;ui/theme/fonts/clean&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M893,-4077.7C893,-4073.74 893,-4070 893,-4070 893,-4070 215,-4070 215,-4070 215,-4070 215,-697.69 215,-697.69 215,-697.69 859.1,-697.69 859.1,-697.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.1,-699.79 865.1,-697.69 859.1,-695.59 859.1,-699.79"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/fonts/clean&#45;&gt;node_modules/clsx/dist -->
<g id="edge73" class="edge">
<title>libs/components/src/base&#45;ui/theme/fonts/clean&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M919.55,-4087C937.96,-4087 959,-4087 959,-4087 959,-4087 959,-778.72 959,-778.72 959,-778.72 917,-778.72 917,-778.72 917,-778.72 917,-762.01 917,-762.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="919.1,-762.01 917,-756.01 914.9,-762.01 919.1,-762.01"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/icon&#45;&gt;node_modules/react -->
<g id="edge25" class="edge">
<title>libs/components/src/base&#45;ui/atoms/icon&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.02,-3622.29C598.6,-3622.29 736,-3622.29 736,-3622.29 736,-3622.29 736,-715.72 736,-715.72 736,-715.72 906,-715.72 906,-715.72 906,-715.72 906,-712.36 906,-712.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="908.1,-712.36 906,-706.36 903.9,-712.36 908.1,-712.36"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/icon&#45;base -->
<g id="node29" class="node">
<title>libs/components/src/base&#45;ui/atoms/icon&#45;base</title>
<g id="a_node29"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/icon-base" xlink:title="icon&#45;base">
<polygon fill="#ccccff" stroke="black" points="714.5,-3390 658.5,-3390 656.5,-3388 656.5,-3372 712.5,-3372 714.5,-3374 714.5,-3390"/>
<polyline fill="none" stroke="black" points="712.5,-3388 656.5,-3388 "/>
<polyline fill="none" stroke="black" points="712.5,-3388 712.5,-3372 "/>
<polyline fill="none" stroke="black" points="712.5,-3388 714.5,-3390 "/>
<text text-anchor="middle" x="685.5" y="-3378.8" font-family="Helvetica,sans-Serif" font-size="9.00">icon&#45;base</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/icon&#45;&gt;libs/components/src/base&#45;ui/atoms/icon&#45;base -->
<g id="edge24" class="edge">
<title>libs/components/src/base&#45;ui/atoms/icon&#45;&gt;libs/components/src/base&#45;ui/atoms/icon&#45;base</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M539.23,-3614.57C543.75,-3614.57 547,-3614.57 547,-3614.57 547,-3614.57 547,-3388 547,-3388 547,-3388 650.47,-3388 650.47,-3388"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="650.47,-3390.1 656.47,-3388 650.47,-3385.9 650.47,-3390.1"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/icon&#45;base&#45;&gt;node_modules/react -->
<g id="edge27" class="edge">
<title>libs/components/src/base&#45;ui/atoms/icon&#45;base&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M714.73,-3384C759.27,-3384 839,-3384 839,-3384 839,-3384 839,-720.04 839,-720.04 839,-720.04 909,-720.04 909,-720.04 909,-720.04 909,-712.11 909,-712.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="911.1,-712.11 909,-706.11 906.9,-712.11 911.1,-712.11"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/icon&#45;base&#45;&gt;node_modules/clsx/dist -->
<g id="edge26" class="edge">
<title>libs/components/src/base&#45;ui/atoms/icon&#45;base&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M714.57,-3378C742.02,-3378 779,-3378 779,-3378 779,-3378 779,-810.67 779,-810.67 779,-810.67 886,-810.67 886,-810.67 886,-810.67 886,-762.12 886,-762.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="888.1,-762.12 886,-756.12 883.9,-762.12 888.1,-762.12"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image&#45;&gt;node_modules/react -->
<g id="edge30" class="edge">
<title>libs/components/src/base&#45;ui/atoms/image&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.42,-3598.62C602.19,-3598.62 751,-3598.62 751,-3598.62 751,-3598.62 751,-716.8 751,-716.8 751,-716.8 907,-716.8 907,-716.8 907,-716.8 907,-712.44 907,-712.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="909.1,-712.44 907,-706.44 904.9,-712.44 909.1,-712.44"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image&#45;base -->
<g id="node31" class="node">
<title>libs/components/src/base&#45;ui/atoms/image&#45;base</title>
<g id="a_node31"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/image-base" xlink:title="image&#45;base">
<polygon fill="#ccccff" stroke="black" points="719,-3360 654,-3360 652,-3358 652,-3342 717,-3342 719,-3344 719,-3360"/>
<polyline fill="none" stroke="black" points="717,-3358 652,-3358 "/>
<polyline fill="none" stroke="black" points="717,-3358 717,-3342 "/>
<polyline fill="none" stroke="black" points="717,-3358 719,-3360 "/>
<text text-anchor="middle" x="685.5" y="-3348.8" font-family="Helvetica,sans-Serif" font-size="9.00">image&#45;base</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image&#45;&gt;libs/components/src/base&#45;ui/atoms/image&#45;base -->
<g id="edge28" class="edge">
<title>libs/components/src/base&#45;ui/atoms/image&#45;&gt;libs/components/src/base&#45;ui/atoms/image&#45;base</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M539.15,-3590.31C572.02,-3590.31 623,-3590.31 623,-3590.31 623,-3590.31 623,-3351 623,-3351 623,-3351 645.69,-3351 645.69,-3351"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="645.69,-3353.1 651.69,-3351 645.69,-3348.9 645.69,-3353.1"/>
</g>
<!-- libs/components/src/tools/constants/storage -->
<g id="node32" class="node">
<title>libs/components/src/tools/constants/storage</title>
<g id="a_node32"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/constants/storage" xlink:title="storage">
<polygon fill="#ccccff" stroke="black" points="381,-5714 329,-5714 327,-5712 327,-5696 379,-5696 381,-5698 381,-5714"/>
<polyline fill="none" stroke="black" points="379,-5712 327,-5712 "/>
<polyline fill="none" stroke="black" points="379,-5712 379,-5696 "/>
<polyline fill="none" stroke="black" points="379,-5712 381,-5714 "/>
<text text-anchor="middle" x="354" y="-5702.8" font-family="Helvetica,sans-Serif" font-size="9.00">storage</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image&#45;&gt;libs/components/src/tools/constants/storage -->
<g id="edge29" class="edge">
<title>libs/components/src/base&#45;ui/atoms/image&#45;&gt;libs/components/src/tools/constants/storage</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M512,-3581.76C512,-3578.67 512,-3576 512,-3576 512,-3576 430,-3576 430,-3576 430,-3576 430,-5706 430,-5706 430,-5706 387.01,-5706 387.01,-5706"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="387.01,-5703.9 381.01,-5706 387.01,-5708.1 387.01,-5703.9"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image&#45;base&#45;&gt;node_modules/react -->
<g id="edge32" class="edge">
<title>libs/components/src/base&#45;ui/atoms/image&#45;base&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M719.34,-3349.2C764.27,-3349.2 838,-3349.2 838,-3349.2 838,-3349.2 838,-717.88 838,-717.88 838,-717.88 873,-717.88 873,-717.88 873,-717.88 873,-712.46 873,-712.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="875.1,-712.46 873,-706.46 870.9,-712.46 875.1,-712.46"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/image&#45;base&#45;&gt;node_modules/clsx/dist -->
<g id="edge31" class="edge">
<title>libs/components/src/base&#45;ui/atoms/image&#45;base&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M719.08,-3345.6C744.48,-3345.6 775,-3345.6 775,-3345.6 775,-3345.6 775,-809.56 775,-809.56 775,-809.56 885,-809.56 885,-809.56 885,-809.56 885,-762.23 885,-762.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="887.1,-762.23 885,-756.23 882.9,-762.23 887.1,-762.23"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/input -->
<g id="node33" class="node">
<title>libs/components/src/base&#45;ui/atoms/input</title>
<g id="a_node33"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/input" xlink:title="input">
<polygon fill="#ccccff" stroke="black" points="539,-3420 487,-3420 485,-3418 485,-3402 537,-3402 539,-3404 539,-3420"/>
<polyline fill="none" stroke="black" points="537,-3418 485,-3418 "/>
<polyline fill="none" stroke="black" points="537,-3418 537,-3402 "/>
<polyline fill="none" stroke="black" points="537,-3418 539,-3420 "/>
<text text-anchor="middle" x="512" y="-3408.8" font-family="Helvetica,sans-Serif" font-size="9.00">input</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/input&#45;&gt;node_modules/react -->
<g id="edge34" class="edge">
<title>libs/components/src/base&#45;ui/atoms/input&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M503,-3401.7C503,-3397.74 503,-3394 503,-3394 503,-3394 835,-3394 835,-3394 835,-3394 835,-685.82 835,-685.82 835,-685.82 881,-685.82 881,-685.82 881,-685.82 881,-686.03 881,-686.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="878.9,-681.97 881,-687.97 883.1,-681.97 878.9,-681.97"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/input&#45;&gt;node_modules/clsx/dist -->
<g id="edge33" class="edge">
<title>libs/components/src/base&#45;ui/atoms/input&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M521,-3401.83C521,-3399.68 521,-3398 521,-3398 521,-3398 840,-3398 840,-3398 840,-3398 840,-721.12 840,-721.12 840,-721.12 913,-721.12 913,-721.12 913,-721.12 913,-731.95 913,-731.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="910.9,-731.95 913,-737.95 915.1,-731.95 910.9,-731.95"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/link&#45;&gt;node_modules/react -->
<g id="edge37" class="edge">
<title>libs/components/src/base&#45;ui/atoms/link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.21,-3562.29C575.71,-3562.29 636,-3562.29 636,-3562.29 636,-3562.29 636,-729.55 636,-729.55 636,-729.55 879,-729.55 879,-729.55 879,-729.55 879,-712.24 879,-712.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="881.1,-712.24 879,-706.24 876.9,-712.24 881.1,-712.24"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/link&#45;&gt;node_modules/clsx/dist -->
<g id="edge36" class="edge">
<title>libs/components/src/base&#45;ui/atoms/link&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.23,-3564.86C605.73,-3564.86 771,-3564.86 771,-3564.86 771,-3564.86 771,-794.95 771,-794.95 771,-794.95 910,-794.95 910,-794.95 910,-794.95 910,-762.25 910,-762.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="912.1,-762.25 910,-756.25 907.9,-762.25 912.1,-762.25"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/link -->
<g id="node35" class="node">
<title>libs/components/src/base&#45;ui/routing/link</title>
<g id="a_node35"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/routing/link" xlink:title="link">
<polygon fill="#ccccff" stroke="black" points="712.5,-3722 660.5,-3722 658.5,-3720 658.5,-3704 710.5,-3704 712.5,-3706 712.5,-3722"/>
<polyline fill="none" stroke="black" points="710.5,-3720 658.5,-3720 "/>
<polyline fill="none" stroke="black" points="710.5,-3720 710.5,-3704 "/>
<polyline fill="none" stroke="black" points="710.5,-3720 712.5,-3722 "/>
<text text-anchor="middle" x="685.5" y="-3710.8" font-family="Helvetica,sans-Serif" font-size="9.00">link</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/link&#45;&gt;libs/components/src/base&#45;ui/routing/link -->
<g id="edge35" class="edge">
<title>libs/components/src/base&#45;ui/atoms/link&#45;&gt;libs/components/src/base&#45;ui/routing/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M539.35,-3567.43C583.85,-3567.43 667,-3567.43 667,-3567.43 667,-3567.43 667,-3697.89 667,-3697.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="664.9,-3697.89 667,-3703.89 669.1,-3697.89 664.9,-3697.89"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/link&#45;&gt;node_modules/react -->
<g id="edge57" class="edge">
<title>libs/components/src/base&#45;ui/routing/link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M658.2,-3713C649.46,-3713 642,-3713 642,-3713 642,-3713 642,-732.37 642,-732.37 642,-732.37 911,-732.37 911,-732.37 911,-732.37 911,-712.29 911,-712.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="913.1,-712.29 911,-706.29 908.9,-712.29 913.1,-712.29"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/routing&#45;provider -->
<g id="node60" class="node">
<title>libs/components/src/base&#45;ui/routing/routing&#45;provider</title>
<g id="a_node60"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/routing/routing-provider" xlink:title="routing&#45;provider">
<polygon fill="#ccccff" stroke="black" points="933,-3722 854,-3722 852,-3720 852,-3704 931,-3704 933,-3706 933,-3722"/>
<polyline fill="none" stroke="black" points="931,-3720 852,-3720 "/>
<polyline fill="none" stroke="black" points="931,-3720 931,-3704 "/>
<polyline fill="none" stroke="black" points="931,-3720 933,-3722 "/>
<text text-anchor="middle" x="892.5" y="-3710.8" font-family="Helvetica,sans-Serif" font-size="9.00">routing&#45;provider</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/routing/link&#45;&gt;libs/components/src/base&#45;ui/routing/routing&#45;provider -->
<g id="edge56" class="edge">
<title>libs/components/src/base&#45;ui/routing/link&#45;&gt;libs/components/src/base&#45;ui/routing/routing&#45;provider</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.56,-3710C712.56,-3710 845.9,-3710 845.9,-3710"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="845.9,-3712.1 851.9,-3710 845.9,-3707.9 845.9,-3712.1"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="node36" class="node">
<title>libs/components/src/base&#45;ui/atoms/paragraph</title>
<g id="a_node36"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/paragraph" xlink:title="paragraph">
<polygon fill="#ccccff" stroke="black" points="541.5,-3510 484.5,-3510 482.5,-3508 482.5,-3492 539.5,-3492 541.5,-3494 541.5,-3510"/>
<polyline fill="none" stroke="black" points="539.5,-3508 482.5,-3508 "/>
<polyline fill="none" stroke="black" points="539.5,-3508 539.5,-3492 "/>
<polyline fill="none" stroke="black" points="539.5,-3508 541.5,-3510 "/>
<text text-anchor="middle" x="512" y="-3498.8" font-family="Helvetica,sans-Serif" font-size="9.00">paragraph</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;node_modules/react -->
<g id="edge41" class="edge">
<title>libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M541.6,-3503.57C658.93,-3503.57 1085,-3503.57 1085,-3503.57 1085,-3503.57 1085,-733.31 1085,-733.31 1085,-733.31 915,-733.31 915,-733.31 915,-733.31 915,-712.16 915,-712.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="917.1,-712.16 915,-706.16 912.9,-712.16 917.1,-712.16"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;node_modules/clsx/dist -->
<g id="edge40" class="edge">
<title>libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M541.78,-3502.29C608.27,-3502.29 763,-3502.29 763,-3502.29 763,-3502.29 763,-788.46 763,-788.46 763,-788.46 877,-788.46 877,-788.46 877,-788.46 877,-762.2 877,-762.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="879.1,-762.2 877,-756.2 874.9,-762.2 879.1,-762.2"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean -->
<g id="edge38" class="edge">
<title>libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M541.64,-3504.86C604.6,-3504.86 746,-3504.86 746,-3504.86 746,-3504.86 746,-4080 746,-4080 746,-4080 859.29,-4080 859.29,-4080"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="859.29,-4082.1 865.29,-4080 859.29,-4077.9 859.29,-4082.1"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge39" class="edge">
<title>libs/components/src/base&#45;ui/atoms/paragraph&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M541.72,-3508.71C543.74,-3508.71 545,-3508.71 545,-3508.71 545,-3508.71 545,-4191 545,-4191 545,-4191 652.41,-4191 652.41,-4191"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.41,-4193.1 658.41,-4191 652.41,-4188.9 652.41,-4193.1"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="node37" class="node">
<title>libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<g id="a_node37"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/styled-text" xlink:title="styled&#45;text">
<polygon fill="#ccccff" stroke="black" points="540.5,-3390 485.5,-3390 483.5,-3388 483.5,-3372 538.5,-3372 540.5,-3374 540.5,-3390"/>
<polyline fill="none" stroke="black" points="538.5,-3388 483.5,-3388 "/>
<polyline fill="none" stroke="black" points="538.5,-3388 538.5,-3372 "/>
<polyline fill="none" stroke="black" points="538.5,-3388 540.5,-3390 "/>
<text text-anchor="middle" x="512" y="-3378.8" font-family="Helvetica,sans-Serif" font-size="9.00">styled&#45;text</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/styled&#45;text&#45;&gt;node_modules/react -->
<g id="edge43" class="edge">
<title>libs/components/src/base&#45;ui/atoms/styled&#45;text&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M503,-3371.7C503,-3367.74 503,-3364 503,-3364 503,-3364 834,-3364 834,-3364 834,-3364 834,-686.91 834,-686.91 834,-686.91 886,-686.91 886,-686.91 886,-686.91 886,-687 886,-687"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="883.9,-681.84 886,-687.84 888.1,-681.84 883.9,-681.84"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/styled&#45;text&#45;&gt;node_modules/clsx/dist -->
<g id="edge42" class="edge">
<title>libs/components/src/base&#45;ui/atoms/styled&#45;text&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M522,-3371.83C522,-3369.68 522,-3368 522,-3368 522,-3368 841,-3368 841,-3368 841,-3368 841,-796.58 841,-796.58 841,-796.58 882,-796.58 882,-796.58 882,-796.58 882,-762.09 882,-762.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="884.1,-762.09 882,-756.09 879.9,-762.09 884.1,-762.09"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/text&#45;separator -->
<g id="node38" class="node">
<title>libs/components/src/base&#45;ui/atoms/text&#45;separator</title>
<g id="a_node38"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/atoms/text-separator" xlink:title="text&#45;separator">
<polygon fill="#ccccff" stroke="black" points="548.5,-3360 477.5,-3360 475.5,-3358 475.5,-3342 546.5,-3342 548.5,-3344 548.5,-3360"/>
<polyline fill="none" stroke="black" points="546.5,-3358 475.5,-3358 "/>
<polyline fill="none" stroke="black" points="546.5,-3358 546.5,-3342 "/>
<polyline fill="none" stroke="black" points="546.5,-3358 548.5,-3360 "/>
<text text-anchor="middle" x="512" y="-3348.8" font-family="Helvetica,sans-Serif" font-size="9.00">text&#45;separator</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/atoms/text&#45;separator&#45;&gt;node_modules/react -->
<g id="edge45" class="edge">
<title>libs/components/src/base&#45;ui/atoms/text&#45;separator&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M503,-3341.91C503,-3335.48 503,-3328 503,-3328 503,-3328 268,-3328 268,-3328 268,-3328 268,-699.08 268,-699.08 268,-699.08 859.26,-699.08 859.26,-699.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.26,-701.18 865.26,-699.08 859.26,-696.98 859.26,-701.18"/>
</g>
<!-- libs/components/src/base&#45;ui/atoms/text&#45;separator&#45;&gt;node_modules/clsx/dist -->
<g id="edge44" class="edge">
<title>libs/components/src/base&#45;ui/atoms/text&#45;separator&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M521,-3341.66C521,-3330.7 521,-3314 521,-3314 521,-3314 269,-3314 269,-3314 269,-3314 269,-749.25 269,-749.25 269,-749.25 859.31,-749.25 859.31,-749.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.31,-751.35 865.31,-749.25 859.31,-747.15 859.31,-751.35"/>
</g>
<!-- libs/components/src/base&#45;ui/css&#45;components -->
<!-- libs/components/src/base&#45;ui/css&#45;components/elevation -->
<g id="node40" class="node">
<title>libs/components/src/base&#45;ui/css&#45;components/elevation</title>
<g id="a_node40"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/css-components/elevation" xlink:title="elevation">
<polygon fill="#ccccff" stroke="black" points="712.5,-3850 660.5,-3850 658.5,-3848 658.5,-3832 710.5,-3832 712.5,-3834 712.5,-3850"/>
<polyline fill="none" stroke="black" points="710.5,-3848 658.5,-3848 "/>
<polyline fill="none" stroke="black" points="710.5,-3848 710.5,-3832 "/>
<polyline fill="none" stroke="black" points="710.5,-3848 712.5,-3850 "/>
<text text-anchor="middle" x="685.5" y="-3838.8" font-family="Helvetica,sans-Serif" font-size="9.00">elevation</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/css&#45;components/pill -->
<g id="node41" class="node">
<title>libs/components/src/base&#45;ui/css&#45;components/pill</title>
<g id="a_node41"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/css-components/pill" xlink:title="pill">
<polygon fill="#ccccff" stroke="black" points="712.5,-3880 660.5,-3880 658.5,-3878 658.5,-3862 710.5,-3862 712.5,-3864 712.5,-3880"/>
<polyline fill="none" stroke="black" points="710.5,-3878 658.5,-3878 "/>
<polyline fill="none" stroke="black" points="710.5,-3878 710.5,-3862 "/>
<polyline fill="none" stroke="black" points="710.5,-3878 712.5,-3880 "/>
<text text-anchor="middle" x="685.5" y="-3868.8" font-family="Helvetica,sans-Serif" font-size="9.00">pill</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/css&#45;components/roundness -->
<g id="node42" class="node">
<title>libs/components/src/base&#45;ui/css&#45;components/roundness</title>
<g id="a_node42"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/css-components/roundness" xlink:title="roundness">
<polygon fill="#ccccff" stroke="black" points="716.5,-3820 656.5,-3820 654.5,-3818 654.5,-3802 714.5,-3802 716.5,-3804 716.5,-3820"/>
<polyline fill="none" stroke="black" points="714.5,-3818 654.5,-3818 "/>
<polyline fill="none" stroke="black" points="714.5,-3818 714.5,-3802 "/>
<polyline fill="none" stroke="black" points="714.5,-3818 716.5,-3820 "/>
<text text-anchor="middle" x="685.5" y="-3808.8" font-family="Helvetica,sans-Serif" font-size="9.00">roundness</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/gfx -->
<!-- libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/react -->
<g id="edge48" class="edge">
<title>libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.66,-2945.2C589.44,-2945.2 689,-2945.2 689,-2945.2 689,-2945.2 689,-737.06 689,-737.06 689,-737.06 889,-737.06 889,-737.06 889,-737.06 889,-712.29 889,-712.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="891.1,-712.29 889,-706.29 886.9,-712.29 891.1,-712.29"/>
</g>
<!-- libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/clsx/dist -->
<g id="edge47" class="edge">
<title>libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.64,-2948.8C590.56,-2948.8 694,-2948.8 694,-2948.8 694,-2948.8 694,-780.35 694,-780.35 694,-780.35 869,-780.35 869,-780.35 869,-780.35 869,-762.11 869,-762.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="871.1,-762.11 869,-756.11 866.9,-762.11 871.1,-762.11"/>
</g>
<!-- node_modules/@popperjs/core/dist/cjs -->
<g id="node45" class="node">
<title>node_modules/@popperjs/core/dist/cjs</title>
<g id="a_node45"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/@popperjs/core/dist/cjs" xlink:title="cjs">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-1488 867.5,-1488 865.5,-1486 865.5,-1470 917.5,-1470 919.5,-1472 919.5,-1488"/>
<polyline fill="none" stroke="black" points="917.5,-1486 865.5,-1486 "/>
<polyline fill="none" stroke="black" points="917.5,-1486 917.5,-1470 "/>
<polyline fill="none" stroke="black" points="917.5,-1486 919.5,-1488 "/>
<text text-anchor="middle" x="892.5" y="-1476.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">cjs</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/@popperjs/core/dist/cjs -->
<g id="edge46" class="edge">
<title>libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/@popperjs/core/dist/cjs</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.51,-2952.4C595.2,-2952.4 716,-2952.4 716,-2952.4 716,-2952.4 716,-1476 716,-1476 716,-1476 859.31,-1476 859.31,-1476"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.31,-1478.1 865.31,-1476 859.31,-1473.9 859.31,-1478.1"/>
</g>
<!-- node_modules/react&#45;create&#45;ref -->
<g id="node46" class="node">
<title>node_modules/react&#45;create&#45;ref</title>
<g id="a_node46"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react-create-ref" xlink:title="react&#45;create&#45;ref">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="932,-676 855,-676 853,-674 853,-658 930,-658 932,-660 932,-676"/>
<polyline fill="none" stroke="black" points="930,-674 853,-674 "/>
<polyline fill="none" stroke="black" points="930,-674 930,-658 "/>
<polyline fill="none" stroke="black" points="930,-674 932,-676 "/>
<text text-anchor="middle" x="892.5" y="-664.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">react&#45;create&#45;ref</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/react&#45;create&#45;ref -->
<g id="edge49" class="edge">
<title>libs/components/src/base&#45;ui/gfx/ref&#45;tooltip&#45;&gt;node_modules/react&#45;create&#45;ref</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.68,-2941.6C582.77,-2941.6 661,-2941.6 661,-2941.6 661,-2941.6 661,-667 661,-667 661,-667 846.97,-667 846.97,-667"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="846.97,-669.1 852.97,-667 846.97,-664.9 846.97,-669.1"/>
</g>
<!-- libs/components/src/base&#45;ui/layout -->
<!-- libs/components/src/base&#45;ui/layout/col&#45;span -->
<g id="node49" class="node">
<title>libs/components/src/base&#45;ui/layout/col&#45;span</title>
<g id="a_node49"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/col-span" xlink:title="col&#45;span">
<polygon fill="#ccccff" stroke="black" points="539,-3198 487,-3198 485,-3196 485,-3180 537,-3180 539,-3182 539,-3198"/>
<polyline fill="none" stroke="black" points="537,-3196 485,-3196 "/>
<polyline fill="none" stroke="black" points="537,-3196 537,-3180 "/>
<polyline fill="none" stroke="black" points="537,-3196 539,-3198 "/>
<text text-anchor="middle" x="512" y="-3186.8" font-family="Helvetica,sans-Serif" font-size="9.00">col&#45;span</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/layout/grid&#45;component -->
<!-- libs/components/src/base&#45;ui/layout/grid&#45;component&#45;&gt;node_modules/react -->
<g id="edge52" class="edge">
<title>libs/components/src/base&#45;ui/layout/grid&#45;component&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M510.36,-3233.29C491.79,-3233.29 322,-3233.29 322,-3233.29 322,-3233.29 322,-3252.86 322,-3252.86 322,-3252.86 270,-3252.86 270,-3252.86 270,-3252.86 270,-699.54 270,-699.54 270,-699.54 859.35,-699.54 859.35,-699.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.35,-701.64 865.35,-699.54 859.35,-697.44 859.35,-701.64"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/grid&#45;component&#45;&gt;node_modules/clsx/dist -->
<g id="edge51" class="edge">
<title>libs/components/src/base&#45;ui/layout/grid&#45;component&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M513.38,-3230.71C518.05,-3230.71 533,-3230.71 533,-3230.71 533,-3230.71 533,-3217.04 533,-3217.04 533,-3217.04 705,-3217.04 705,-3217.04 705,-3217.04 705,-783.59 705,-783.59 705,-783.59 872,-783.59 872,-783.59 872,-783.59 872,-762.23 872,-762.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="874.1,-762.23 872,-756.23 869.9,-762.23 874.1,-762.23"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/grid&#45;component/grid&#45;template -->
<g id="node51" class="node">
<title>libs/components/src/base&#45;ui/layout/grid&#45;component/grid&#45;template</title>
<g id="a_node51"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/grid-component/grid-template" xlink:title="grid&#45;template">
<polygon fill="#ccccff" stroke="black" points="721,-3248 652,-3248 650,-3246 650,-3230 719,-3230 721,-3232 721,-3248"/>
<polyline fill="none" stroke="black" points="719,-3246 650,-3246 "/>
<polyline fill="none" stroke="black" points="719,-3246 719,-3230 "/>
<polyline fill="none" stroke="black" points="719,-3246 721,-3248 "/>
<text text-anchor="middle" x="685.5" y="-3236.8" font-family="Helvetica,sans-Serif" font-size="9.00">grid&#45;template</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/layout/grid&#45;component&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component/grid&#45;template -->
<g id="edge50" class="edge">
<title>libs/components/src/base&#45;ui/layout/grid&#45;component&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component/grid&#45;template</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M513.5,-3233.29C513.5,-3233.29 643.82,-3233.29 643.82,-3233.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="643.82,-3235.39 649.82,-3233.29 643.82,-3231.19 643.82,-3235.39"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/grid&#45;presets -->
<!-- libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid -->
<g id="node53" class="node">
<title>libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid</title>
<g id="a_node53"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/grid-presets/four-way-grid" xlink:title="four&#45;way&#45;grid">
<polygon fill="#ccccff" stroke="black" points="547,-3070 479,-3070 477,-3068 477,-3052 545,-3052 547,-3054 547,-3070"/>
<polyline fill="none" stroke="black" points="545,-3068 477,-3068 "/>
<polyline fill="none" stroke="black" points="545,-3068 545,-3052 "/>
<polyline fill="none" stroke="black" points="545,-3068 547,-3070 "/>
<text text-anchor="middle" x="512" y="-3058.8" font-family="Helvetica,sans-Serif" font-size="9.00">four&#45;way&#45;grid</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/layout/grid&#45;presets/z&#45;grid -->
<g id="node54" class="node">
<title>libs/components/src/base&#45;ui/layout/grid&#45;presets/z&#45;grid</title>
<g id="a_node54"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/layout/grid-presets/z-grid" xlink:title="z&#45;grid">
<polygon fill="#ccccff" stroke="black" points="539,-3040 487,-3040 485,-3038 485,-3022 537,-3022 539,-3024 539,-3040"/>
<polyline fill="none" stroke="black" points="537,-3038 485,-3038 "/>
<polyline fill="none" stroke="black" points="537,-3038 537,-3022 "/>
<polyline fill="none" stroke="black" points="537,-3038 539,-3040 "/>
<text text-anchor="middle" x="512" y="-3028.8" font-family="Helvetica,sans-Serif" font-size="9.00">z&#45;grid</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/layout/page&#45;frame&#45;&gt;node_modules/react -->
<g id="edge54" class="edge">
<title>libs/components/src/base&#45;ui/layout/page&#45;frame&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M544.87,-3164C590.37,-3164 667,-3164 667,-3164 667,-3164 667,-714.64 667,-714.64 667,-714.64 871,-714.64 871,-714.64 871,-714.64 871,-712.23 871,-712.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="873.1,-712.23 871,-706.23 868.9,-712.23 873.1,-712.23"/>
</g>
<!-- libs/components/src/base&#45;ui/layout/page&#45;frame&#45;&gt;node_modules/clsx/dist -->
<g id="edge53" class="edge">
<title>libs/components/src/base&#45;ui/layout/page&#45;frame&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M544.75,-3166C598.61,-3166 700,-3166 700,-3166 700,-3166 700,-781.97 700,-781.97 700,-781.97 871,-781.97 871,-781.97 871,-781.97 871,-762.19 871,-762.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="873.1,-762.19 871,-756.19 868.9,-762.19 873.1,-762.19"/>
</g>
<!-- libs/components/src/base&#45;ui/routing -->
<!-- libs/components/src/base&#45;ui/routing/compare&#45;url -->
<g id="node58" class="node">
<title>libs/components/src/base&#45;ui/routing/compare&#45;url</title>
<g id="a_node58"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/routing/compare-url" xlink:title="compare&#45;url">
<polygon fill="#ccccff" stroke="black" points="1177,-3706 1112,-3706 1110,-3704 1110,-3688 1175,-3688 1177,-3690 1177,-3706"/>
<polyline fill="none" stroke="black" points="1175,-3704 1110,-3704 "/>
<polyline fill="none" stroke="black" points="1175,-3704 1175,-3688 "/>
<polyline fill="none" stroke="black" points="1175,-3704 1177,-3706 "/>
<text text-anchor="middle" x="1143.5" y="-3694.8" font-family="Helvetica,sans-Serif" font-size="9.00">compare&#45;url</text>
</a>
</g>
</g>
<!-- node_modules/url&#45;parse -->
<g id="node59" class="node">
<title>node_modules/url&#45;parse</title>
<g id="a_node59"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/url-parse" xlink:title="url&#45;parse">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-396 867.5,-396 865.5,-394 865.5,-378 917.5,-378 919.5,-380 919.5,-396"/>
<polyline fill="none" stroke="black" points="917.5,-394 865.5,-394 "/>
<polyline fill="none" stroke="black" points="917.5,-394 917.5,-378 "/>
<polyline fill="none" stroke="black" points="917.5,-394 919.5,-396 "/>
<text text-anchor="middle" x="892.5" y="-384.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">url&#45;parse</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/routing/compare&#45;url&#45;&gt;node_modules/url&#45;parse -->
<g id="edge55" class="edge">
<title>libs/components/src/base&#45;ui/routing/compare&#45;url&#45;&gt;node_modules/url&#45;parse</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1144,-3687.8C1144,-3496.49 1144,-387 1144,-387 1144,-387 925.89,-387 925.89,-387"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.89,-384.9 919.89,-387 925.89,-389.1 925.89,-384.9"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;node_modules/react -->
<g id="edge67" class="edge">
<title>libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M933.39,-3711.33C994.36,-3711.33 1102,-3711.33 1102,-3711.33 1102,-3711.33 1102,-727.68 1102,-727.68 1102,-727.68 918,-727.68 918,-727.68 918,-727.68 918,-712.04 918,-712.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="920.1,-712.04 918,-706.04 915.9,-712.04 920.1,-712.04"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;link -->
<g id="node61" class="node">
<title>libs/components/src/base&#45;ui/routing/native&#45;link</title>
<g id="a_node61"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/routing/native-link" xlink:title="native&#45;link">
<polygon fill="#ccccff" stroke="black" points="1172.5,-3736 1116.5,-3736 1114.5,-3734 1114.5,-3718 1170.5,-3718 1172.5,-3720 1172.5,-3736"/>
<polyline fill="none" stroke="black" points="1170.5,-3734 1114.5,-3734 "/>
<polyline fill="none" stroke="black" points="1170.5,-3734 1170.5,-3718 "/>
<polyline fill="none" stroke="black" points="1170.5,-3734 1172.5,-3736 "/>
<text text-anchor="middle" x="1143.5" y="-3724.8" font-family="Helvetica,sans-Serif" font-size="9.00">native&#45;link</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;libs/components/src/base&#45;ui/routing/native&#45;link -->
<g id="edge64" class="edge">
<title>libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;libs/components/src/base&#45;ui/routing/native&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M933.19,-3714.67C1004.37,-3714.67 1144,-3714.67 1144,-3714.67 1144,-3714.67 1144,-3714.98 1144,-3714.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1141.9,-3711.78 1144,-3717.78 1146.1,-3711.78 1141.9,-3711.78"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link -->
<g id="node62" class="node">
<title>libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link</title>
<g id="a_node62"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/routing/native-nav-link" xlink:title="native&#45;nav&#45;link">
<polygon fill="#ccccff" stroke="black" points="1097,-3708 1024,-3708 1022,-3706 1022,-3690 1095,-3690 1097,-3692 1097,-3708"/>
<polyline fill="none" stroke="black" points="1095,-3706 1022,-3706 "/>
<polyline fill="none" stroke="black" points="1095,-3706 1095,-3690 "/>
<polyline fill="none" stroke="black" points="1095,-3706 1097,-3708 "/>
<text text-anchor="middle" x="1059.5" y="-3696.8" font-family="Helvetica,sans-Serif" font-size="9.00">native&#45;nav&#45;link</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link -->
<g id="edge65" class="edge">
<title>libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M929,-3703.69C929,-3700.59 929,-3697.9 929,-3697.9 929,-3697.9 1015.75,-3697.9 1015.75,-3697.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1015.75,-3700 1021.75,-3697.9 1015.75,-3695.8 1015.75,-3700"/>
</g>
<!-- libs/components/src/tools/is&#45;browser -->
<g id="node63" class="node">
<title>libs/components/src/tools/is&#45;browser</title>
<g id="a_node63"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/is-browser" xlink:title="is&#45;browser">
<polygon fill="#ccccff" stroke="black" points="384.5,-5934 325.5,-5934 323.5,-5932 323.5,-5916 382.5,-5916 384.5,-5918 384.5,-5934"/>
<polyline fill="none" stroke="black" points="382.5,-5932 323.5,-5932 "/>
<polyline fill="none" stroke="black" points="382.5,-5932 382.5,-5916 "/>
<polyline fill="none" stroke="black" points="382.5,-5932 384.5,-5934 "/>
<text text-anchor="middle" x="354" y="-5922.8" font-family="Helvetica,sans-Serif" font-size="9.00">is&#45;browser</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;libs/components/src/tools/is&#45;browser -->
<g id="edge66" class="edge">
<title>libs/components/src/base&#45;ui/routing/routing&#45;provider&#45;&gt;libs/components/src/tools/is&#45;browser</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M851.76,-3716C838.44,-3716 827,-3716 827,-3716 827,-3716 827,-5918.67 827,-5918.67 827,-5918.67 390.67,-5918.67 390.67,-5918.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="390.67,-5916.57 384.67,-5918.67 390.67,-5920.77 390.67,-5916.57"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;link&#45;&gt;node_modules/react -->
<g id="edge58" class="edge">
<title>libs/components/src/base&#45;ui/routing/native&#45;link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1114.3,-3731.33C957.16,-3731.33 219,-3731.33 219,-3731.33 219,-3731.33 219,-698.62 219,-698.62 219,-698.62 859.26,-698.62 859.26,-698.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.26,-700.72 865.26,-698.62 859.26,-696.52 859.26,-700.72"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;node_modules/react -->
<g id="edge63" class="edge">
<title>libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1091,-3689.94C1091,-3510.63 1091,-728.62 1091,-728.62 1091,-728.62 916,-728.62 916,-728.62 916,-728.62 916,-712.31 916,-712.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="918.1,-712.31 916,-706.31 913.9,-712.31 918.1,-712.31"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;node_modules/clsx/dist -->
<g id="edge62" class="edge">
<title>libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1029,-3689.82C1029,-3510.95 1029,-777.1 1029,-777.1 1029,-777.1 919,-777.1 919,-777.1 919,-777.1 919,-762.19 919,-762.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="921.1,-762.19 919,-756.19 916.9,-762.19 921.1,-762.19"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;libs/components/src/base&#45;ui/routing/compare&#45;url -->
<g id="edge59" class="edge">
<title>libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;libs/components/src/base&#45;ui/routing/compare&#45;url</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1097.08,-3698C1097.08,-3698 1103.93,-3698 1103.93,-3698"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1103.93,-3700.1 1109.93,-3698 1103.93,-3695.9 1103.93,-3700.1"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;libs/components/src/base&#45;ui/routing/native&#45;link -->
<g id="edge60" class="edge">
<title>libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;libs/components/src/base&#45;ui/routing/native&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1092,-3708.06C1092,-3716.13 1092,-3726.67 1092,-3726.67 1092,-3726.67 1108.44,-3726.67 1108.44,-3726.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1108.44,-3728.77 1114.44,-3726.67 1108.44,-3724.57 1108.44,-3728.77"/>
</g>
<!-- libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;libs/components/src/tools/is&#45;browser -->
<g id="edge61" class="edge">
<title>libs/components/src/base&#45;ui/routing/native&#45;nav&#45;link&#45;&gt;libs/components/src/tools/is&#45;browser</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1028,-3708.43C1028,-3865.06 1028,-5921.33 1028,-5921.33 1028,-5921.33 390.71,-5921.33 390.71,-5921.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="390.71,-5919.23 384.71,-5921.33 390.71,-5923.43 390.71,-5919.23"/>
</g>
<!-- libs/components/src/base&#45;ui/surfaces -->
<!-- libs/components/src/base&#45;ui/surfaces/card -->
<g id="node66" class="node">
<title>libs/components/src/base&#45;ui/surfaces/card</title>
<g id="a_node66"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/surfaces/card" xlink:title="card">
<polygon fill="#ccccff" stroke="black" points="539,-3956 487,-3956 485,-3954 485,-3938 537,-3938 539,-3940 539,-3956"/>
<polyline fill="none" stroke="black" points="537,-3954 485,-3954 "/>
<polyline fill="none" stroke="black" points="537,-3954 537,-3938 "/>
<polyline fill="none" stroke="black" points="537,-3954 539,-3956 "/>
<text text-anchor="middle" x="512" y="-3944.8" font-family="Helvetica,sans-Serif" font-size="9.00">card</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/surfaces/card&#45;&gt;node_modules/react -->
<g id="edge72" class="edge">
<title>libs/components/src/base&#45;ui/surfaces/card&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M484.87,-3950.86C412.09,-3950.86 218,-3950.86 218,-3950.86 218,-3950.86 218,-698.15 218,-698.15 218,-698.15 859.22,-698.15 859.22,-698.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.22,-700.25 865.22,-698.15 859.22,-696.05 859.22,-700.25"/>
</g>
<!-- libs/components/src/base&#45;ui/surfaces/card&#45;&gt;node_modules/clsx/dist -->
<g id="edge71" class="edge">
<title>libs/components/src/base&#45;ui/surfaces/card&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M484.84,-3948.29C421.06,-3948.29 267,-3948.29 267,-3948.29 267,-3948.29 267,-748.69 267,-748.69 267,-748.69 859.22,-748.69 859.22,-748.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.22,-750.79 865.22,-748.69 859.22,-746.59 859.22,-750.79"/>
</g>
<!-- libs/components/src/base&#45;ui/surfaces/card&#45;&gt;libs/components/src/base&#45;ui/css&#45;components/elevation -->
<g id="edge68" class="edge">
<title>libs/components/src/base&#45;ui/surfaces/card&#45;&gt;libs/components/src/base&#45;ui/css&#45;components/elevation</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M531,-3937.96C531,-3912.33 531,-3841 531,-3841 531,-3841 652.23,-3841 652.23,-3841"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.23,-3843.1 658.23,-3841 652.23,-3838.9 652.23,-3843.1"/>
</g>
<!-- libs/components/src/base&#45;ui/surfaces/card&#45;&gt;libs/components/src/base&#45;ui/css&#45;components/roundness -->
<g id="edge69" class="edge">
<title>libs/components/src/base&#45;ui/surfaces/card&#45;&gt;libs/components/src/base&#45;ui/css&#45;components/roundness</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M523,-3937.65C523,-3906.93 523,-3811 523,-3811 523,-3811 648.17,-3811 648.17,-3811"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="648.17,-3813.1 654.17,-3811 648.17,-3808.9 648.17,-3813.1"/>
</g>
<!-- libs/components/src/base&#45;ui/surfaces/card&#45;&gt;libs/components/src/base&#45;ui/surfaces/background -->
<g id="edge70" class="edge">
<title>libs/components/src/base&#45;ui/surfaces/card&#45;&gt;libs/components/src/base&#45;ui/surfaces/background</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M527,-3956.23C527,-3957.54 527,-3958.44 527,-3958.44 527,-3958.44 646.66,-3958.44 646.66,-3958.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="646.66,-3960.54 652.66,-3958.44 646.66,-3956.34 646.66,-3960.54"/>
</g>
<!-- libs/components/src/base&#45;ui/theme -->
<!-- libs/components/src/base&#45;ui/theme/accent&#45;color -->
<g id="node68" class="node">
<title>libs/components/src/base&#45;ui/theme/accent&#45;color</title>
<g id="a_node68"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/accent-color" xlink:title="accent&#45;color">
<polygon fill="#ccccff" stroke="black" points="719,-4254 654,-4254 652,-4252 652,-4236 717,-4236 719,-4238 719,-4254"/>
<polyline fill="none" stroke="black" points="717,-4252 652,-4252 "/>
<polyline fill="none" stroke="black" points="717,-4252 717,-4236 "/>
<polyline fill="none" stroke="black" points="717,-4252 719,-4254 "/>
<text text-anchor="middle" x="685.5" y="-4242.8" font-family="Helvetica,sans-Serif" font-size="9.00">accent&#45;color</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/brand&#45;definition -->
<g id="node69" class="node">
<title>libs/components/src/base&#45;ui/theme/brand&#45;definition</title>
<g id="a_node69"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/brand-definition" xlink:title="brand&#45;definition">
<polygon fill="#ccccff" stroke="black" points="933,-4062 854,-4062 852,-4060 852,-4044 931,-4044 933,-4046 933,-4062"/>
<polyline fill="none" stroke="black" points="931,-4060 852,-4060 "/>
<polyline fill="none" stroke="black" points="931,-4060 931,-4044 "/>
<polyline fill="none" stroke="black" points="931,-4060 933,-4062 "/>
<text text-anchor="middle" x="892.5" y="-4050.8" font-family="Helvetica,sans-Serif" font-size="9.00">brand&#45;definition</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/color&#45;definition -->
<g id="node70" class="node">
<title>libs/components/src/base&#45;ui/theme/color&#45;definition</title>
<g id="a_node70"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/color-definition" xlink:title="color&#45;definition">
<polygon fill="#ccccff" stroke="black" points="931,-4032 856,-4032 854,-4030 854,-4014 929,-4014 931,-4016 931,-4032"/>
<polyline fill="none" stroke="black" points="929,-4030 854,-4030 "/>
<polyline fill="none" stroke="black" points="929,-4030 929,-4014 "/>
<polyline fill="none" stroke="black" points="929,-4030 931,-4032 "/>
<text text-anchor="middle" x="892.5" y="-4020.8" font-family="Helvetica,sans-Serif" font-size="9.00">color&#45;definition</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/fonts -->
<!-- libs/components/src/base&#45;ui/theme/fonts/icon&#45;font -->
<g id="node72" class="node">
<title>libs/components/src/base&#45;ui/theme/fonts/icon&#45;font</title>
<g id="a_node72"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/fonts/icon-font" xlink:title="icon&#45;font">
<polygon fill="#ccccff" stroke="black" points="919.5,-4142 867.5,-4142 865.5,-4140 865.5,-4124 917.5,-4124 919.5,-4126 919.5,-4142"/>
<polyline fill="none" stroke="black" points="917.5,-4140 865.5,-4140 "/>
<polyline fill="none" stroke="black" points="917.5,-4140 917.5,-4124 "/>
<polyline fill="none" stroke="black" points="917.5,-4140 919.5,-4142 "/>
<text text-anchor="middle" x="892.5" y="-4130.8" font-family="Helvetica,sans-Serif" font-size="9.00">icon&#45;font</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/fonts/icon&#45;font&#45;&gt;node_modules/react -->
<g id="edge75" class="edge">
<title>libs/components/src/base&#45;ui/theme/fonts/icon&#45;font&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M865.31,-4127.6C733.24,-4127.6 165,-4127.6 165,-4127.6 165,-4127.6 165,-696.31 165,-696.31 165,-696.31 859.31,-696.31 859.31,-696.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.31,-698.41 865.31,-696.31 859.31,-694.21 859.31,-698.41"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/heading&#45;margin&#45;definition -->
<g id="node73" class="node">
<title>libs/components/src/base&#45;ui/theme/heading&#45;margin&#45;definition</title>
<g id="a_node73"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/heading-margin-definition" xlink:title="heading&#45;margin&#45;definition">
<polygon fill="#ccccff" stroke="black" points="954,-4194 833,-4194 831,-4192 831,-4176 952,-4176 954,-4178 954,-4194"/>
<polyline fill="none" stroke="black" points="952,-4192 831,-4192 "/>
<polyline fill="none" stroke="black" points="952,-4192 952,-4176 "/>
<polyline fill="none" stroke="black" points="952,-4192 954,-4194 "/>
<text text-anchor="middle" x="892.5" y="-4182.8" font-family="Helvetica,sans-Serif" font-size="9.00">heading&#45;margin&#45;definition</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/shadow&#45;definition -->
<g id="node74" class="node">
<title>libs/components/src/base&#45;ui/theme/shadow&#45;definition</title>
<g id="a_node74"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/shadow-definition" xlink:title="shadow&#45;definition">
<polygon fill="#ccccff" stroke="black" points="937.5,-4224 849.5,-4224 847.5,-4222 847.5,-4206 935.5,-4206 937.5,-4208 937.5,-4224"/>
<polyline fill="none" stroke="black" points="935.5,-4222 847.5,-4222 "/>
<polyline fill="none" stroke="black" points="935.5,-4222 935.5,-4206 "/>
<polyline fill="none" stroke="black" points="935.5,-4222 937.5,-4224 "/>
<text text-anchor="middle" x="892.5" y="-4212.8" font-family="Helvetica,sans-Serif" font-size="9.00">shadow&#45;definition</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/size&#45;definition -->
<g id="node75" class="node">
<title>libs/components/src/base&#45;ui/theme/size&#45;definition</title>
<g id="a_node75"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/size-definition" xlink:title="size&#45;definition">
<polygon fill="#ccccff" stroke="black" points="929.5,-4254 857.5,-4254 855.5,-4252 855.5,-4236 927.5,-4236 929.5,-4238 929.5,-4254"/>
<polyline fill="none" stroke="black" points="927.5,-4252 855.5,-4252 "/>
<polyline fill="none" stroke="black" points="927.5,-4252 927.5,-4236 "/>
<polyline fill="none" stroke="black" points="927.5,-4252 929.5,-4254 "/>
<text text-anchor="middle" x="892.5" y="-4242.8" font-family="Helvetica,sans-Serif" font-size="9.00">size&#45;definition</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider -->
<g id="node76" class="node">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider</title>
<g id="a_node76"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/base-ui/theme/theme-provider" xlink:title="theme&#45;provider">
<polygon fill="#ccccff" stroke="black" points="725,-4096 648,-4096 646,-4094 646,-4078 723,-4078 725,-4080 725,-4096"/>
<polyline fill="none" stroke="black" points="723,-4094 646,-4094 "/>
<polyline fill="none" stroke="black" points="723,-4094 723,-4078 "/>
<polyline fill="none" stroke="black" points="723,-4094 725,-4096 "/>
<text text-anchor="middle" x="685.5" y="-4084.8" font-family="Helvetica,sans-Serif" font-size="9.00">theme&#45;provider</text>
</a>
</g>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;node_modules/react -->
<g id="edge83" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M645.68,-4087C524.26,-4087 167,-4087 167,-4087 167,-4087 167,-696.77 167,-696.77 167,-696.77 859.38,-696.77 859.38,-696.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.38,-698.87 865.38,-696.77 859.38,-694.67 859.38,-698.87"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;node_modules/clsx/dist -->
<g id="edge82" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M645.76,-4082.5C642.84,-4082.5 641,-4082.5 641,-4082.5 641,-4082.5 641,-806.24 641,-806.24 641,-806.24 912,-806.24 912,-806.24 912,-806.24 912,-762.26 912,-762.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="914.1,-762.26 912,-756.26 909.9,-762.26 914.1,-762.26"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean -->
<g id="edge78" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M725.41,-4086C725.41,-4086 859.25,-4086 859.25,-4086"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="859.25,-4088.1 865.25,-4086 859.25,-4083.9 859.25,-4088.1"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/brand&#45;definition -->
<g id="edge76" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/brand&#45;definition</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M725.3,-4084C776.53,-4084 859,-4084 859,-4084 859,-4084 859,-4068.13 859,-4068.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="861.1,-4068.13 859,-4062.13 856.9,-4068.13 861.1,-4068.13"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/color&#45;definition -->
<g id="edge77" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/color&#45;definition</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M686,-4077.83C686,-4060.13 686,-4023 686,-4023 686,-4023 847.66,-4023 847.66,-4023"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="847.66,-4025.1 853.66,-4023 847.66,-4020.9 847.66,-4025.1"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/heading&#45;margin&#45;definition -->
<g id="edge79" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/heading&#45;margin&#45;definition</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M725.09,-4090C772.03,-4090 844,-4090 844,-4090 844,-4090 844,-4169.89 844,-4169.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="841.9,-4169.89 844,-4175.89 846.1,-4169.89 841.9,-4169.89"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/shadow&#45;definition -->
<g id="edge80" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/shadow&#45;definition</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M725.19,-4092C736.1,-4092 745,-4092 745,-4092 745,-4092 745,-4214.1 745,-4214.1 745,-4214.1 841.44,-4214.1 841.44,-4214.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="841.44,-4216.2 847.44,-4214.1 841.44,-4212 841.44,-4216.2"/>
</g>
<!-- libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/size&#45;definition -->
<g id="edge81" class="edge">
<title>libs/components/src/base&#45;ui/theme/theme&#45;provider&#45;&gt;libs/components/src/base&#45;ui/theme/size&#45;definition</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M725.17,-4094C735.6,-4094 744,-4094 744,-4094 744,-4094 744,-4249.5 744,-4249.5 744,-4249.5 849.41,-4249.5 849.41,-4249.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="849.41,-4251.6 855.41,-4249.5 849.41,-4247.4 849.41,-4251.6"/>
</g>
<!-- libs/components/src/design -->
<!-- libs/components/src/design/atoms -->
<!-- libs/components/src/design/atoms/community&#45;link -->
<g id="node79" class="node">
<title>libs/components/src/design/atoms/community&#45;link</title>
<g id="a_node79"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/atoms/community-link" xlink:title="community&#45;link">
<polygon fill="#ffffcc" stroke="black" points="551.5,-4456 474.5,-4456 472.5,-4454 472.5,-4438 549.5,-4438 551.5,-4440 551.5,-4456"/>
<polyline fill="none" stroke="black" points="549.5,-4454 472.5,-4454 "/>
<polyline fill="none" stroke="black" points="549.5,-4454 549.5,-4438 "/>
<polyline fill="none" stroke="black" points="549.5,-4454 551.5,-4456 "/>
<text text-anchor="middle" x="512" y="-4444.8" font-family="Helvetica,sans-Serif" font-size="9.00">community&#45;link</text>
</a>
</g>
</g>
<!-- libs/components/src/design/atoms/community&#45;link&#45;&gt;node_modules/react -->
<g id="edge86" class="edge">
<title>libs/components/src/design/atoms/community&#45;link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M478,-4437.68C478,-4405.07 478,-4298.05 478,-4298.05 478,-4298.05 164,-4298.05 164,-4298.05 164,-4298.05 164,-695.85 164,-695.85 164,-695.85 859.27,-695.85 859.27,-695.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.27,-697.95 865.27,-695.85 859.27,-693.75 859.27,-697.95"/>
</g>
<!-- libs/components/src/design/atoms/community&#45;link&#45;&gt;node_modules/clsx/dist -->
<g id="edge85" class="edge">
<title>libs/components/src/design/atoms/community&#45;link&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M551.8,-4450C589.37,-4450 640,-4450 640,-4450 640,-4450 640,-805.13 640,-805.13 640,-805.13 911,-805.13 911,-805.13 911,-805.13 911,-762.08 911,-762.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="913.1,-762.08 911,-756.08 908.9,-762.08 913.1,-762.08"/>
</g>
<!-- libs/components/src/design/atoms/community&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge84" class="edge">
<title>libs/components/src/design/atoms/community&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M481,-4437.73C481,-4343.82 481,-3568.36 481,-3568.36 481,-3568.36 481.38,-3568.36 481.38,-3568.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.8,-3570.46 484.8,-3568.36 478.8,-3566.26 478.8,-3570.46"/>
</g>
<!-- libs/components/src/design/data -->
<!-- libs/components/src/design/data/links -->
<g id="node81" class="node">
<title>libs/components/src/design/data/links</title>
<g id="a_node81"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/data/links" xlink:title="links">
<polygon fill="#ffffcc" stroke="black" points="234.5,-4544 182.5,-4544 180.5,-4542 180.5,-4526 232.5,-4526 234.5,-4528 234.5,-4544"/>
<polyline fill="none" stroke="black" points="232.5,-4542 180.5,-4542 "/>
<polyline fill="none" stroke="black" points="232.5,-4542 232.5,-4526 "/>
<polyline fill="none" stroke="black" points="232.5,-4542 234.5,-4544 "/>
<text text-anchor="middle" x="207.5" y="-4532.8" font-family="Helvetica,sans-Serif" font-size="9.00">links</text>
</a>
</g>
</g>
<!-- libs/components/src/design/data/testimonials -->
<g id="node82" class="node">
<title>libs/components/src/design/data/testimonials</title>
<g id="a_node82"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/data/testimonials" xlink:title="testimonials">
<polygon fill="#ffffcc" stroke="black" points="241.5,-4574 175.5,-4574 173.5,-4572 173.5,-4556 239.5,-4556 241.5,-4558 241.5,-4574"/>
<polyline fill="none" stroke="black" points="239.5,-4572 173.5,-4572 "/>
<polyline fill="none" stroke="black" points="239.5,-4572 239.5,-4556 "/>
<polyline fill="none" stroke="black" points="239.5,-4572 241.5,-4574 "/>
<text text-anchor="middle" x="207.5" y="-4562.8" font-family="Helvetica,sans-Serif" font-size="9.00">testimonials</text>
</a>
</g>
</g>
<!-- libs/components/src/design/data/testimonials&#45;&gt;node_modules/react -->
<g id="edge89" class="edge">
<title>libs/components/src/design/data/testimonials&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M173.27,-4568C116.97,-4568 11,-4568 11,-4568 11,-4568 11,-691.23 11,-691.23 11,-691.23 859.15,-691.23 859.15,-691.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.15,-693.33 865.15,-691.23 859.15,-689.13 859.15,-693.33"/>
</g>
<!-- libs/components/src/design/data/testimonials&#45;&gt;libs/components/src/tools/constants/storage -->
<g id="edge88" class="edge">
<title>libs/components/src/design/data/testimonials&#45;&gt;libs/components/src/tools/constants/storage</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M241.51,-4571.27C273.01,-4571.27 315,-4571.27 315,-4571.27 315,-4571.27 315,-5708 315,-5708 315,-5708 320.91,-5708 320.91,-5708"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.91,-5710.1 326.91,-5708 320.91,-5705.9 320.91,-5710.1"/>
</g>
<!-- libs/components/src/design/molecules/testimonial -->
<g id="node83" class="node">
<title>libs/components/src/design/molecules/testimonial</title>
<g id="a_node83"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/molecules/testimonial" xlink:title="testimonial">
<polygon fill="#ffffcc" stroke="black" points="385,-4634 325,-4634 323,-4632 323,-4616 383,-4616 385,-4618 385,-4634"/>
<polyline fill="none" stroke="black" points="383,-4632 323,-4632 "/>
<polyline fill="none" stroke="black" points="383,-4632 383,-4616 "/>
<polyline fill="none" stroke="black" points="383,-4632 385,-4634 "/>
<text text-anchor="middle" x="354" y="-4622.8" font-family="Helvetica,sans-Serif" font-size="9.00">testimonial</text>
</a>
</g>
</g>
<!-- libs/components/src/design/data/testimonials&#45;&gt;libs/components/src/design/molecules/testimonial -->
<g id="edge87" class="edge">
<title>libs/components/src/design/data/testimonials&#45;&gt;libs/components/src/design/molecules/testimonial</title>
<g id="a_edge87"><a xlink:title="no&#45;duplicate&#45;dep&#45;types">
<path fill="none" stroke="orange" stroke-width="2" d="M241.62,-4568.53C280.88,-4568.53 340,-4568.53 340,-4568.53 340,-4568.53 340,-4609.93 340,-4609.93"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="337.9,-4609.93 340,-4615.93 342.1,-4609.93 337.9,-4609.93"/>
</a>
</g>
<text text-anchor="middle" x="359.01" y="-4571.33" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;duplicate&#45;dep&#45;types</text>
</g>
<!-- libs/components/src/design/molecules/testimonial&#45;&gt;node_modules/react -->
<g id="edge107" class="edge">
<title>libs/components/src/design/molecules/testimonial&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M322.78,-4629.5C237.85,-4629.5 9,-4629.5 9,-4629.5 9,-4629.5 9,-690.77 9,-690.77 9,-690.77 859.09,-690.77 859.09,-690.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.09,-692.87 865.09,-690.77 859.09,-688.67 859.09,-692.87"/>
</g>
<!-- libs/components/src/design/molecules/testimonial&#45;&gt;node_modules/clsx/dist -->
<g id="edge106" class="edge">
<title>libs/components/src/design/molecules/testimonial&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M322.9,-4625C253.88,-4625 94,-4625 94,-4625 94,-4625 94,-744.75 94,-744.75 94,-744.75 859.47,-744.75 859.47,-744.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.47,-746.85 865.47,-744.75 859.47,-742.65 859.47,-746.85"/>
</g>
<!-- libs/components/src/design/molecules -->
<!-- libs/components/src/design/molecules/community&#45;links -->
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link -->
<g id="node86" class="node">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link</title>
<g id="a_node86"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/molecules/community-links/github-link" xlink:title="github&#45;link">
<polygon fill="#ffffcc" stroke="black" points="383.5,-4520 326.5,-4520 324.5,-4518 324.5,-4502 381.5,-4502 383.5,-4504 383.5,-4520"/>
<polyline fill="none" stroke="black" points="381.5,-4518 324.5,-4518 "/>
<polyline fill="none" stroke="black" points="381.5,-4518 381.5,-4502 "/>
<polyline fill="none" stroke="black" points="381.5,-4518 383.5,-4520 "/>
<text text-anchor="middle" x="354" y="-4508.8" font-family="Helvetica,sans-Serif" font-size="9.00">github&#45;link</text>
</a>
</g>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;node_modules/react -->
<g id="edge95" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M324.27,-4511C256.62,-4511 97,-4511 97,-4511 97,-4511 97,-694 97,-694 97,-694 859.12,-694 859.12,-694"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.12,-696.1 865.12,-694 859.12,-691.9 859.12,-696.1"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;node_modules/clsx/dist -->
<g id="edge93" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M324.09,-4506.5C258.12,-4506.5 106,-4506.5 106,-4506.5 106,-4506.5 106,-745.31 106,-745.31 106,-745.31 859.43,-745.31 859.43,-745.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.43,-747.41 865.43,-745.31 859.43,-743.21 859.43,-747.41"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge90" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.6,-4508C408.47,-4508 440,-4508 440,-4508 440,-4508 440,-3624.86 440,-3624.86 440,-3624.86 478.78,-3624.86 478.78,-3624.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.78,-3626.96 484.78,-3624.86 478.78,-3622.76 478.78,-3626.96"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge91" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.7,-4505C406.82,-4505 435,-4505 435,-4505 435,-4505 435,-3597.6 435,-3597.6 435,-3597.6 478.64,-3597.6 478.64,-3597.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.64,-3599.7 484.64,-3597.6 478.64,-3595.5 478.64,-3599.7"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;libs/components/src/design/atoms/community&#45;link -->
<g id="edge92" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;libs/components/src/design/atoms/community&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.69,-4514C424.79,-4514 494,-4514 494,-4514 494,-4514 494,-4462.04 494,-4462.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="496.1,-4462.04 494,-4456.04 491.9,-4462.04 496.1,-4462.04"/>
</g>
<!-- node_modules/number&#45;abbreviate -->
<g id="node87" class="node">
<title>node_modules/number&#45;abbreviate</title>
<g id="a_node87"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/number-abbreviate" xlink:title="number&#45;abbreviate">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="940,-646 847,-646 845,-644 845,-628 938,-628 940,-630 940,-646"/>
<polyline fill="none" stroke="black" points="938,-644 845,-644 "/>
<polyline fill="none" stroke="black" points="938,-644 938,-628 "/>
<polyline fill="none" stroke="black" points="938,-644 940,-646 "/>
<text text-anchor="middle" x="892.5" y="-634.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">number&#45;abbreviate</text>
</a>
</g>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;node_modules/number&#45;abbreviate -->
<g id="edge94" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/github&#45;link&#45;&gt;node_modules/number&#45;abbreviate</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M383.75,-4517C456.41,-4517 637,-4517 637,-4517 637,-4517 637,-637 637,-637 637,-637 838.74,-637 838.74,-637"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="838.74,-639.1 844.74,-637 838.74,-634.9 838.74,-639.1"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/slack&#45;link -->
<g id="node88" class="node">
<title>libs/components/src/design/molecules/community&#45;links/slack&#45;link</title>
<g id="a_node88"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/molecules/community-links/slack-link" xlink:title="slack&#45;link">
<polygon fill="#ffffcc" stroke="black" points="382,-4550 328,-4550 326,-4548 326,-4532 380,-4532 382,-4534 382,-4550"/>
<polyline fill="none" stroke="black" points="380,-4548 326,-4548 "/>
<polyline fill="none" stroke="black" points="380,-4548 380,-4532 "/>
<polyline fill="none" stroke="black" points="380,-4548 382,-4550 "/>
<text text-anchor="middle" x="354" y="-4538.8" font-family="Helvetica,sans-Serif" font-size="9.00">slack&#45;link</text>
</a>
</g>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;node_modules/react -->
<g id="edge99" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M382.01,-4542.29C414.89,-4542.29 465,-4542.29 465,-4542.29 465,-4542.29 465,-1898 465,-1898 465,-1898 81,-1898 81,-1898 81,-1898 81,-693.54 81,-693.54 81,-693.54 859.5,-693.54 859.5,-693.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.5,-695.64 865.5,-693.54 859.5,-691.44 859.5,-695.64"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;node_modules/clsx/dist -->
<g id="edge98" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M382.04,-4547.43C447.91,-4547.43 607,-4547.43 607,-4547.43 607,-4547.43 607,-764.12 607,-764.12 607,-764.12 900,-764.12 900,-764.12 900,-764.12 900,-762.36 900,-762.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="902.1,-762.36 900,-756.36 897.9,-762.36 902.1,-762.36"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge96" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M382.01,-4537.14C407.44,-4537.14 441,-4537.14 441,-4537.14 441,-4537.14 441,-3627.43 441,-3627.43 441,-3627.43 478.75,-3627.43 478.75,-3627.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.75,-3629.53 484.75,-3627.43 478.75,-3625.33 478.75,-3629.53"/>
</g>
<!-- libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;libs/components/src/design/atoms/community&#45;link -->
<g id="edge97" class="edge">
<title>libs/components/src/design/molecules/community&#45;links/slack&#45;link&#45;&gt;libs/components/src/design/atoms/community&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M382.19,-4544.86C425.13,-4544.86 502,-4544.86 502,-4544.86 502,-4544.86 502,-4462.03 502,-4462.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="504.1,-4462.03 502,-4456.03 499.9,-4462.03 504.1,-4462.03"/>
</g>
<!-- libs/components/src/design/molecules/enterprise&#45;logos&#45;&gt;node_modules/react -->
<g id="edge102" class="edge">
<title>libs/components/src/design/molecules/enterprise&#45;logos&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M317,-4467.96C317,-4444.98 317,-4386.15 317,-4386.15 317,-4386.15 103,-4386.15 103,-4386.15 103,-4386.15 103,-694.92 103,-694.92 103,-694.92 859.32,-694.92 859.32,-694.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.32,-697.02 865.32,-694.92 859.32,-692.82 859.32,-697.02"/>
</g>
<!-- libs/components/src/design/molecules/enterprise&#45;logos&#45;&gt;node_modules/clsx/dist -->
<g id="edge101" class="edge">
<title>libs/components/src/design/molecules/enterprise&#45;logos&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M311.29,-4477.15C241.82,-4477.15 112,-4477.15 112,-4477.15 112,-4477.15 112,-745.88 112,-745.88 112,-745.88 859.18,-745.88 859.18,-745.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.18,-747.98 865.18,-745.88 859.18,-743.78 859.18,-747.98"/>
</g>
<!-- libs/components/src/design/molecules/enterprise&#45;logos&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge100" class="edge">
<title>libs/components/src/design/molecules/enterprise&#45;logos&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383,-4468C383,-4375.21 383,-3596.4 383,-3596.4 383,-3596.4 478.96,-3596.4 478.96,-3596.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.96,-3598.5 484.96,-3596.4 478.96,-3594.3 478.96,-3598.5"/>
</g>
<!-- libs/components/src/design/molecules/icon&#45;line -->
<g id="node90" class="node">
<title>libs/components/src/design/molecules/icon&#45;line</title>
<g id="a_node90"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/molecules/icon-line" xlink:title="icon&#45;line">
<polygon fill="#ffffcc" stroke="black" points="381,-4456 329,-4456 327,-4454 327,-4438 379,-4438 381,-4440 381,-4456"/>
<polyline fill="none" stroke="black" points="379,-4454 327,-4454 "/>
<polyline fill="none" stroke="black" points="379,-4454 379,-4438 "/>
<polyline fill="none" stroke="black" points="379,-4454 381,-4456 "/>
<text text-anchor="middle" x="354" y="-4444.8" font-family="Helvetica,sans-Serif" font-size="9.00">icon&#45;line</text>
</a>
</g>
</g>
<!-- libs/components/src/design/molecules/icon&#45;line&#45;&gt;node_modules/react -->
<g id="edge105" class="edge">
<title>libs/components/src/design/molecules/icon&#45;line&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M336,-4437.69C336,-4412.02 336,-4342.1 336,-4342.1 336,-4342.1 109,-4342.1 109,-4342.1 109,-4342.1 109,-695.38 109,-695.38 109,-695.38 859.07,-695.38 859.07,-695.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.07,-697.48 865.07,-695.38 859.07,-693.28 859.07,-697.48"/>
</g>
<!-- libs/components/src/design/molecules/icon&#45;line&#45;&gt;node_modules/clsx/dist -->
<g id="edge104" class="edge">
<title>libs/components/src/design/molecules/icon&#45;line&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M326.97,-4442C288.35,-4442 222,-4442 222,-4442 222,-4442 222,-748.12 222,-748.12 222,-748.12 859.39,-748.12 859.39,-748.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.39,-750.23 865.39,-748.12 859.39,-746.03 859.39,-750.23"/>
</g>
<!-- libs/components/src/design/molecules/icon&#45;line&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge103" class="edge">
<title>libs/components/src/design/molecules/icon&#45;line&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-4437.72C354,-4345.41 354,-3595.2 354,-3595.2 354,-3595.2 478.84,-3595.2 478.84,-3595.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.84,-3597.3 484.84,-3595.2 478.84,-3593.1 478.84,-3597.3"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card -->
<g id="node91" class="node">
<title>libs/components/src/design/molecules/twitter&#45;card</title>
<g id="a_node91"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/molecules/twitter-card" xlink:title="twitter&#45;card">
<polygon fill="#ffffcc" stroke="black" points="385,-4664 325,-4664 323,-4662 323,-4646 383,-4646 385,-4648 385,-4664"/>
<polyline fill="none" stroke="black" points="383,-4662 323,-4662 "/>
<polyline fill="none" stroke="black" points="383,-4662 383,-4646 "/>
<polyline fill="none" stroke="black" points="383,-4662 385,-4664 "/>
<text text-anchor="middle" x="354" y="-4652.8" font-family="Helvetica,sans-Serif" font-size="9.00">twitter&#45;card</text>
</a>
</g>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;node_modules/react -->
<g id="edge114" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M322.9,-4659.5C237.73,-4659.5 7,-4659.5 7,-4659.5 7,-4659.5 7,-690.31 7,-690.31 7,-690.31 859.03,-690.31 859.03,-690.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.03,-692.41 865.03,-690.31 859.03,-688.21 859.03,-692.41"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;node_modules/clsx/dist -->
<g id="edge113" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M385.15,-4658C452.97,-4658 608,-4658 608,-4658 608,-4658 608,-765.74 608,-765.74 608,-765.74 901,-765.74 901,-765.74 901,-765.74 901,-762.37 901,-762.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="903.1,-762.37 901,-756.37 898.9,-762.37 903.1,-762.37"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge108" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.65,-4650.5C303.63,-4650.5 283,-4650.5 283,-4650.5 283,-4650.5 283,-3539.18 283,-3539.18 283,-3539.18 478.83,-3539.18 478.83,-3539.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.83,-3541.28 484.83,-3539.18 478.83,-3537.08 478.83,-3541.28"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge112" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.06,-4661C454.85,-4661 618,-4661 618,-4661 618,-4661 618,-4204 618,-4204 618,-4204 652.43,-4204 652.43,-4204"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.43,-4206.1 658.43,-4204 652.43,-4201.9 652.43,-4206.1"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge109" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385,-4649C408.22,-4649 436,-4649 436,-4649 436,-4649 436,-3598.8 436,-3598.8 436,-3598.8 478.99,-3598.8 478.99,-3598.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.99,-3600.9 484.99,-3598.8 478.99,-3596.7 478.99,-3600.9"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge110" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.09,-4655C441.06,-4655 553,-4655 553,-4655 553,-4655 553,-3507.43 553,-3507.43 553,-3507.43 547.8,-3507.43 547.8,-3507.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.8,-3505.33 541.8,-3507.43 547.8,-3509.53 547.8,-3505.33"/>
</g>
<!-- libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge111" class="edge">
<title>libs/components/src/design/molecules/twitter&#45;card&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.15,-4652C411.84,-4652 446,-4652 446,-4652 446,-4652 446,-3953.43 446,-3953.43 446,-3953.43 478.77,-3953.43 478.77,-3953.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.77,-3955.53 484.77,-3953.43 478.77,-3951.33 478.77,-3955.53"/>
</g>
<!-- libs/components/src/design/organisms -->
<!-- libs/components/src/design/organisms/comment&#45;carousel -->
<g id="node93" class="node">
<title>libs/components/src/design/organisms/comment&#45;carousel</title>
<g id="a_node93"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/design/organisms/comment-carousel" xlink:title="comment&#45;carousel">
<polygon fill="#ffffcc" stroke="black" points="255,-4468 162,-4468 160,-4466 160,-4450 253,-4450 255,-4452 255,-4468"/>
<polyline fill="none" stroke="black" points="253,-4466 160,-4466 "/>
<polyline fill="none" stroke="black" points="253,-4466 253,-4450 "/>
<polyline fill="none" stroke="black" points="253,-4466 255,-4468 "/>
<text text-anchor="middle" x="207.5" y="-4456.8" font-family="Helvetica,sans-Serif" font-size="9.00">comment&#45;carousel</text>
</a>
</g>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/react -->
<g id="edge118" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M159.72,-4459C131.01,-4459 100,-4459 100,-4459 100,-4459 100,-694.46 100,-694.46 100,-694.46 859.22,-694.46 859.22,-694.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.22,-696.56 865.22,-694.46 859.22,-692.36 859.22,-696.56"/>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/clsx/dist -->
<g id="edge116" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M162,-4449.93C162,-4248.17 162,-746.44 162,-746.44 162,-746.44 859.2,-746.44 859.2,-746.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.2,-748.54 865.2,-746.44 859.2,-744.34 859.2,-748.54"/>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/react&#45;create&#45;ref -->
<g id="edge119" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/react&#45;create&#45;ref</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M214,-4449.73C214,-4243.41 214,-662.5 214,-662.5 214,-662.5 846.59,-662.5 846.59,-662.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="846.59,-664.6 852.59,-662.5 846.59,-660.4 846.59,-664.6"/>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;libs/components/src/design/molecules/testimonial -->
<g id="edge115" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;libs/components/src/design/molecules/testimonial</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M255.13,-4462C276.51,-4462 297,-4462 297,-4462 297,-4462 297,-4620.5 297,-4620.5 297,-4620.5 316.83,-4620.5 316.83,-4620.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="316.83,-4622.6 322.83,-4620.5 316.83,-4618.4 316.83,-4622.6"/>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/lodash.debounce -->
<g id="edge117" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/lodash.debounce</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M213,-4449.94C213,-4240.92 213,-486 213,-486 213,-486 841.92,-486 841.92,-486"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="841.92,-488.1 847.92,-486 841.92,-483.9 841.92,-488.1"/>
</g>
<!-- node_modules/react&#45;slick/lib -->
<g id="node95" class="node">
<title>node_modules/react&#45;slick/lib</title>
<g id="a_node95"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react-slick/lib" xlink:title="lib">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-268 867.5,-268 865.5,-266 865.5,-250 917.5,-250 919.5,-252 919.5,-268"/>
<polyline fill="none" stroke="black" points="917.5,-266 865.5,-266 "/>
<polyline fill="none" stroke="black" points="917.5,-266 917.5,-250 "/>
<polyline fill="none" stroke="black" points="917.5,-266 919.5,-268 "/>
<text text-anchor="middle" x="892.5" y="-256.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">lib</text>
</a>
</g>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/react&#45;slick/lib -->
<g id="edge120" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/react&#45;slick/lib</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M212,-4449.75C212,-4232.45 212,-259 212,-259 212,-259 859.4,-259 859.4,-259"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.4,-261.1 865.4,-259 859.4,-256.9 859.4,-261.1"/>
</g>
<!-- node_modules/resize&#45;observer&#45;polyfill/dist -->
<g id="node96" class="node">
<title>node_modules/resize&#45;observer&#45;polyfill/dist</title>
<g id="a_node96"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/resize-observer-polyfill/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-192 867.5,-192 865.5,-190 865.5,-174 917.5,-174 919.5,-176 919.5,-192"/>
<polyline fill="none" stroke="black" points="917.5,-190 865.5,-190 "/>
<polyline fill="none" stroke="black" points="917.5,-190 917.5,-174 "/>
<polyline fill="none" stroke="black" points="917.5,-190 919.5,-192 "/>
<text text-anchor="middle" x="892.5" y="-180.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/resize&#45;observer&#45;polyfill/dist -->
<g id="edge121" class="edge">
<title>libs/components/src/design/organisms/comment&#45;carousel&#45;&gt;node_modules/resize&#45;observer&#45;polyfill/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M211,-4449.91C211,-4232.42 211,-183 211,-183 211,-183 859.36,-183 859.36,-183"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.36,-185.1 865.36,-183 859.36,-180.9 859.36,-185.1"/>
</g>
<!-- libs/components/src/design/views -->
<!-- libs/components/src/design/views/error&#45;page&#45;&gt;node_modules/react -->
<g id="edge125" class="edge">
<title>libs/components/src/design/views/error&#45;page&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M323.86,-4744C238.96,-4744 4,-4744 4,-4744 4,-4744 4,-689.38 4,-689.38 4,-689.38 859.42,-689.38 859.42,-689.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.42,-691.48 865.42,-689.38 859.42,-687.28 859.42,-691.48"/>
</g>
<!-- libs/components/src/design/views/error&#45;page&#45;&gt;node_modules/clsx/dist -->
<g id="edge124" class="edge">
<title>libs/components/src/design/views/error&#45;page&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M384,-4743C451.41,-4743 609,-4743 609,-4743 609,-4743 609,-767.36 609,-767.36 609,-767.36 902,-767.36 902,-767.36 902,-767.36 902,-762.23 902,-762.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="904.1,-762.23 902,-756.23 899.9,-762.23 904.1,-762.23"/>
</g>
<!-- libs/components/src/design/views/error&#45;page&#45;&gt;libs/components/src/tools/constants/storage -->
<g id="edge123" class="edge">
<title>libs/components/src/design/views/error&#45;page&#45;&gt;libs/components/src/tools/constants/storage</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M323.94,-4748C320.39,-4748 318,-4748 318,-4748 318,-4748 318,-5702 318,-5702 318,-5702 320.71,-5702 320.71,-5702"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.71,-5704.1 326.71,-5702 320.71,-5699.9 320.71,-5704.1"/>
</g>
<!-- libs/components/src/docs/ui/heading -->
<g id="node99" class="node">
<title>libs/components/src/docs/ui/heading</title>
<g id="a_node99"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/ui/heading" xlink:title="heading">
<polygon fill="#ffffcc" stroke="black" points="712.5,-5448 660.5,-5448 658.5,-5446 658.5,-5430 710.5,-5430 712.5,-5432 712.5,-5448"/>
<polyline fill="none" stroke="black" points="710.5,-5446 658.5,-5446 "/>
<polyline fill="none" stroke="black" points="710.5,-5446 710.5,-5430 "/>
<polyline fill="none" stroke="black" points="710.5,-5446 712.5,-5448 "/>
<text text-anchor="middle" x="685.5" y="-5436.8" font-family="Helvetica,sans-Serif" font-size="9.00">heading</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/error&#45;page&#45;&gt;libs/components/src/docs/ui/heading -->
<g id="edge122" class="edge">
<title>libs/components/src/design/views/error&#45;page&#45;&gt;libs/components/src/docs/ui/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M384.27,-4749C448.58,-4749 593,-4749 593,-4749 593,-4749 593,-5440 593,-5440 593,-5440 652.25,-5440 652.25,-5440"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.25,-5442.1 658.25,-5440 652.25,-5437.9 652.25,-5442.1"/>
</g>
<!-- libs/components/src/docs/ui/heading&#45;&gt;node_modules/react -->
<g id="edge209" class="edge">
<title>libs/components/src/docs/ui/heading&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M712.6,-5436C726.69,-5436 741,-5436 741,-5436 741,-5436 741,-679.27 741,-679.27 741,-679.27 895,-679.27 895,-679.27 895,-679.27 895,-681.72 895,-681.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="892.9,-681.72 895,-687.72 897.1,-681.72 892.9,-681.72"/>
</g>
<!-- libs/components/src/docs/ui/heading&#45;&gt;node_modules/clsx/dist -->
<g id="edge208" class="edge">
<title>libs/components/src/docs/ui/heading&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M712.52,-5445C751.52,-5445 819,-5445 819,-5445 819,-5445 819,-790.08 819,-790.08 819,-790.08 879,-790.08 879,-790.08 879,-790.08 879,-762.14 879,-762.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="881.1,-762.14 879,-756.14 876.9,-762.14 881.1,-762.14"/>
</g>
<!-- libs/components/src/docs/ui/heading&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge205" class="edge">
<title>libs/components/src/docs/ui/heading&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.67,-5442C743.93,-5442 791,-5442 791,-5442 791,-5442 791,-3535.85 791,-3535.85 791,-3535.85 545.01,-3535.85 545.01,-3535.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.01,-3533.75 539.01,-3535.85 545.01,-3537.95 545.01,-3533.75"/>
</g>
<!-- libs/components/src/docs/ui/heading&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean -->
<g id="edge206" class="edge">
<title>libs/components/src/docs/ui/heading&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/clean</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.57,-5439C727.48,-5439 743,-5439 743,-5439 743,-5439 743,-4088 743,-4088 743,-4088 859.43,-4088 859.43,-4088"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="859.43,-4090.1 865.43,-4088 859.43,-4085.9 859.43,-4090.1"/>
</g>
<!-- libs/components/src/docs/ui/heading&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge207" class="edge">
<title>libs/components/src/docs/ui/heading&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.75,-5433C726.38,-5433 740,-5433 740,-5433 740,-5433 740,-4204.5 740,-4204.5 740,-4204.5 718.75,-4204.5 718.75,-4204.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.75,-4202.4 712.75,-4204.5 718.75,-4206.6 718.75,-4202.4"/>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;node_modules/react -->
<g id="edge144" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M319.74,-4796.9C230.89,-4796.9 0,-4796.9 0,-4796.9 0,-4796.9 0,-688.46 0,-688.46 0,-688.46 859.3,-688.46 859.3,-688.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.3,-690.56 865.3,-688.46 859.3,-686.36 859.3,-690.56"/>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;node_modules/clsx/dist -->
<g id="edge148" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M388.26,-4795C458.02,-4795 610,-4795 610,-4795 610,-4795 610,-768.98 610,-768.98 610,-768.98 904,-768.98 904,-768.98 904,-768.98 904,-762.2 904,-762.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="906.1,-762.2 904,-756.2 901.9,-762.2 906.1,-762.2"/>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge131" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388.1,-4799.5C459.67,-4799.5 619,-4799.5 619,-4799.5 619,-4799.5 619,-4205 619,-4205 619,-4205 652.45,-4205 652.45,-4205"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.45,-4207.1 658.45,-4205 652.45,-4202.9 652.45,-4207.1"/>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge130" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388.43,-4790.5C408.14,-4790.5 429,-4790.5 429,-4790.5 429,-4790.5 429,-3566.73 429,-3566.73 429,-3566.73 478.82,-3566.73 478.82,-3566.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.82,-3568.83 484.82,-3566.73 478.82,-3564.63 478.82,-3568.83"/>
</g>
<!-- libs/components/src/docs/markdown/elements/base&#45;table -->
<g id="node103" class="node">
<title>libs/components/src/docs/markdown/elements/base&#45;table</title>
<g id="a_node103"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/base-table" xlink:title="base&#45;table">
<polygon fill="#ffffcc" stroke="black" points="542.5,-5272 483.5,-5272 481.5,-5270 481.5,-5254 540.5,-5254 542.5,-5256 542.5,-5272"/>
<polyline fill="none" stroke="black" points="540.5,-5270 481.5,-5270 "/>
<polyline fill="none" stroke="black" points="540.5,-5270 540.5,-5254 "/>
<polyline fill="none" stroke="black" points="540.5,-5270 542.5,-5272 "/>
<text text-anchor="middle" x="512" y="-5260.8" font-family="Helvetica,sans-Serif" font-size="9.00">base&#45;table</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/base&#45;table -->
<g id="edge132" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/base&#45;table</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M366,-4804.29C366,-4869.83 366,-5260 366,-5260 366,-5260 475.39,-5260 475.39,-5260"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="475.39,-5262.1 481.39,-5260 475.39,-5257.9 475.39,-5262.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/block&#45;quote -->
<g id="node104" class="node">
<title>libs/components/src/docs/markdown/elements/block&#45;quote</title>
<g id="a_node104"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/block-quote" xlink:title="block&#45;quote">
<polygon fill="#ffffcc" stroke="black" points="544.5,-5242 481.5,-5242 479.5,-5240 479.5,-5224 542.5,-5224 544.5,-5226 544.5,-5242"/>
<polyline fill="none" stroke="black" points="542.5,-5240 479.5,-5240 "/>
<polyline fill="none" stroke="black" points="542.5,-5240 542.5,-5224 "/>
<polyline fill="none" stroke="black" points="542.5,-5240 544.5,-5242 "/>
<text text-anchor="middle" x="512" y="-5230.8" font-family="Helvetica,sans-Serif" font-size="9.00">block&#45;quote</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/block&#45;quote -->
<g id="edge133" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/block&#45;quote</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M368,-4804.09C368,-4866.55 368,-5230 368,-5230 368,-5230 473.32,-5230 473.32,-5230"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.32,-5232.1 479.32,-5230 473.32,-5227.9 473.32,-5232.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/bold -->
<g id="node105" class="node">
<title>libs/components/src/docs/markdown/elements/bold</title>
<g id="a_node105"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/bold" xlink:title="bold">
<polygon fill="#ffffcc" stroke="black" points="539,-5212 487,-5212 485,-5210 485,-5194 537,-5194 539,-5196 539,-5212"/>
<polyline fill="none" stroke="black" points="537,-5210 485,-5210 "/>
<polyline fill="none" stroke="black" points="537,-5210 537,-5194 "/>
<polyline fill="none" stroke="black" points="537,-5210 539,-5212 "/>
<text text-anchor="middle" x="512" y="-5200.8" font-family="Helvetica,sans-Serif" font-size="9.00">bold</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/bold -->
<g id="edge134" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/bold</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370,-4804.22C370,-4864.5 370,-5200 370,-5200 370,-5200 478.96,-5200 478.96,-5200"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.96,-5202.1 484.96,-5200 478.96,-5197.9 478.96,-5202.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/hr -->
<g id="node106" class="node">
<title>libs/components/src/docs/markdown/elements/hr</title>
<g id="a_node106"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/hr" xlink:title="hr">
<polygon fill="#ffffcc" stroke="black" points="539,-5182 487,-5182 485,-5180 485,-5164 537,-5164 539,-5166 539,-5182"/>
<polyline fill="none" stroke="black" points="537,-5180 485,-5180 "/>
<polyline fill="none" stroke="black" points="537,-5180 537,-5164 "/>
<polyline fill="none" stroke="black" points="537,-5180 539,-5182 "/>
<text text-anchor="middle" x="512" y="-5170.8" font-family="Helvetica,sans-Serif" font-size="9.00">hr</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/hr -->
<g id="edge135" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/hr</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M372,-4804.27C372,-4862.02 372,-5170 372,-5170 372,-5170 478.67,-5170 478.67,-5170"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.67,-5172.1 484.67,-5170 478.67,-5167.9 478.67,-5172.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/image -->
<g id="node107" class="node">
<title>libs/components/src/docs/markdown/elements/image</title>
<g id="a_node107"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/image" xlink:title="image">
<polygon fill="#ffffcc" stroke="black" points="539,-5152 487,-5152 485,-5150 485,-5134 537,-5134 539,-5136 539,-5152"/>
<polyline fill="none" stroke="black" points="537,-5150 485,-5150 "/>
<polyline fill="none" stroke="black" points="537,-5150 537,-5134 "/>
<polyline fill="none" stroke="black" points="537,-5150 539,-5152 "/>
<text text-anchor="middle" x="512" y="-5140.8" font-family="Helvetica,sans-Serif" font-size="9.00">image</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/image -->
<g id="edge136" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M374,-4804.23C374,-4859.09 374,-5140 374,-5140 374,-5140 478.74,-5140 478.74,-5140"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.74,-5142.1 484.74,-5140 478.74,-5137.9 478.74,-5142.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/italic -->
<g id="node108" class="node">
<title>libs/components/src/docs/markdown/elements/italic</title>
<g id="a_node108"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/italic" xlink:title="italic">
<polygon fill="#ffffcc" stroke="black" points="539,-5122 487,-5122 485,-5120 485,-5104 537,-5104 539,-5106 539,-5122"/>
<polyline fill="none" stroke="black" points="537,-5120 485,-5120 "/>
<polyline fill="none" stroke="black" points="537,-5120 537,-5104 "/>
<polyline fill="none" stroke="black" points="537,-5120 539,-5122 "/>
<text text-anchor="middle" x="512" y="-5110.8" font-family="Helvetica,sans-Serif" font-size="9.00">italic</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/italic -->
<g id="edge137" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/italic</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M376,-4804.17C376,-4856.31 376,-5113 376,-5113 376,-5113 478.81,-5113 478.81,-5113"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.81,-5115.1 484.81,-5113 478.81,-5110.9 478.81,-5115.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/ol -->
<g id="node109" class="node">
<title>libs/components/src/docs/markdown/elements/ol</title>
<g id="a_node109"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/ol" xlink:title="ol">
<polygon fill="#ffffcc" stroke="black" points="539,-5092 487,-5092 485,-5090 485,-5074 537,-5074 539,-5076 539,-5092"/>
<polyline fill="none" stroke="black" points="537,-5090 485,-5090 "/>
<polyline fill="none" stroke="black" points="537,-5090 537,-5074 "/>
<polyline fill="none" stroke="black" points="537,-5090 539,-5092 "/>
<text text-anchor="middle" x="512" y="-5080.8" font-family="Helvetica,sans-Serif" font-size="9.00">ol</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/ol -->
<g id="edge138" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/ol</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M378,-4804.26C378,-4853.55 378,-5083 378,-5083 378,-5083 478.88,-5083 478.88,-5083"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-5085.1 484.88,-5083 478.88,-5080.9 478.88,-5085.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/paragraph -->
<g id="node110" class="node">
<title>libs/components/src/docs/markdown/elements/paragraph</title>
<g id="a_node110"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/paragraph" xlink:title="paragraph">
<polygon fill="#ffffcc" stroke="black" points="541.5,-5302 484.5,-5302 482.5,-5300 482.5,-5284 539.5,-5284 541.5,-5286 541.5,-5302"/>
<polyline fill="none" stroke="black" points="539.5,-5300 482.5,-5300 "/>
<polyline fill="none" stroke="black" points="539.5,-5300 539.5,-5284 "/>
<polyline fill="none" stroke="black" points="539.5,-5300 541.5,-5302 "/>
<text text-anchor="middle" x="512" y="-5290.8" font-family="Helvetica,sans-Serif" font-size="9.00">paragraph</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/paragraph -->
<g id="edge139" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M364,-4804.01C364,-4871.1 364,-5290 364,-5290 364,-5290 476.41,-5290 476.41,-5290"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.41,-5292.1 482.41,-5290 476.41,-5287.9 476.41,-5292.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/sup -->
<g id="node111" class="node">
<title>libs/components/src/docs/markdown/elements/sup</title>
<g id="a_node111"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/sup" xlink:title="sup">
<polygon fill="#ffffcc" stroke="black" points="539,-5062 487,-5062 485,-5060 485,-5044 537,-5044 539,-5046 539,-5062"/>
<polyline fill="none" stroke="black" points="537,-5060 485,-5060 "/>
<polyline fill="none" stroke="black" points="537,-5060 537,-5044 "/>
<polyline fill="none" stroke="black" points="537,-5060 539,-5062 "/>
<text text-anchor="middle" x="512" y="-5050.8" font-family="Helvetica,sans-Serif" font-size="9.00">sup</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/sup -->
<g id="edge140" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/sup</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M380,-4804.18C380,-4850.14 380,-5053 380,-5053 380,-5053 478.97,-5053 478.97,-5053"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.97,-5055.1 484.97,-5053 478.97,-5050.9 478.97,-5055.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/td -->
<g id="node112" class="node">
<title>libs/components/src/docs/markdown/elements/td</title>
<g id="a_node112"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/td" xlink:title="td">
<polygon fill="#ffffcc" stroke="black" points="539,-5032 487,-5032 485,-5030 485,-5014 537,-5014 539,-5016 539,-5032"/>
<polyline fill="none" stroke="black" points="537,-5030 485,-5030 "/>
<polyline fill="none" stroke="black" points="537,-5030 537,-5014 "/>
<polyline fill="none" stroke="black" points="537,-5030 539,-5032 "/>
<text text-anchor="middle" x="512" y="-5020.8" font-family="Helvetica,sans-Serif" font-size="9.00">td</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/td -->
<g id="edge141" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/td</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383,-4804.22C383,-4846.88 383,-5023 383,-5023 383,-5023 478.96,-5023 478.96,-5023"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.96,-5025.1 484.96,-5023 478.96,-5020.9 478.96,-5025.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/tr -->
<g id="node113" class="node">
<title>libs/components/src/docs/markdown/elements/tr</title>
<g id="a_node113"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/tr" xlink:title="tr">
<polygon fill="#ffffcc" stroke="black" points="539,-5002 487,-5002 485,-5000 485,-4984 537,-4984 539,-4986 539,-5002"/>
<polyline fill="none" stroke="black" points="537,-5000 485,-5000 "/>
<polyline fill="none" stroke="black" points="537,-5000 537,-4984 "/>
<polyline fill="none" stroke="black" points="537,-5000 539,-5002 "/>
<text text-anchor="middle" x="512" y="-4990.8" font-family="Helvetica,sans-Serif" font-size="9.00">tr</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/tr -->
<g id="edge142" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/tr</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385,-4804.02C385,-4842.76 385,-4993 385,-4993 385,-4993 478.76,-4993 478.76,-4993"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.76,-4995.1 484.76,-4993 478.76,-4990.9 478.76,-4995.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/ul -->
<g id="node114" class="node">
<title>libs/components/src/docs/markdown/elements/ul</title>
<g id="a_node114"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/markdown/elements/ul" xlink:title="ul">
<polygon fill="#ffffcc" stroke="black" points="539,-4972 487,-4972 485,-4970 485,-4954 537,-4954 539,-4956 539,-4972"/>
<polyline fill="none" stroke="black" points="537,-4970 485,-4970 "/>
<polyline fill="none" stroke="black" points="537,-4970 537,-4954 "/>
<polyline fill="none" stroke="black" points="537,-4970 539,-4972 "/>
<text text-anchor="middle" x="512" y="-4960.8" font-family="Helvetica,sans-Serif" font-size="9.00">ul</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/ul -->
<g id="edge143" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/markdown/elements/ul</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M387,-4804.03C387,-4838.93 387,-4963 387,-4963 387,-4963 478.88,-4963 478.88,-4963"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-4965.1 484.88,-4963 478.88,-4960.9 478.88,-4965.1"/>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet -->
<g id="node115" class="node">
<title>libs/components/src/docs/ui/code&#45;snippet</title>
<g id="a_node115"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/ui/code-snippet" xlink:title="code&#45;snippet">
<polygon fill="#ffffcc" stroke="black" points="547.5,-5434 478.5,-5434 476.5,-5432 476.5,-5416 545.5,-5416 547.5,-5418 547.5,-5434"/>
<polyline fill="none" stroke="black" points="545.5,-5432 476.5,-5432 "/>
<polyline fill="none" stroke="black" points="545.5,-5432 545.5,-5416 "/>
<polyline fill="none" stroke="black" points="545.5,-5432 547.5,-5434 "/>
<text text-anchor="middle" x="512" y="-5422.8" font-family="Helvetica,sans-Serif" font-size="9.00">code&#45;snippet</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/ui/code&#45;snippet -->
<g id="edge145" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/ui/code&#45;snippet</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M360,-4804.15C360,-4881.62 360,-5425 360,-5425 360,-5425 470.36,-5425 470.36,-5425"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="470.36,-5427.1 476.36,-5425 470.36,-5422.9 470.36,-5427.1"/>
</g>
<!-- libs/components/src/docs/ui/inline&#45;code -->
<g id="node116" class="node">
<title>libs/components/src/docs/ui/inline&#45;code</title>
<g id="a_node116"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/ui/inline-code" xlink:title="inline&#45;code">
<polygon fill="#ffffcc" stroke="black" points="543,-5404 483,-5404 481,-5402 481,-5386 541,-5386 543,-5388 543,-5404"/>
<polyline fill="none" stroke="black" points="541,-5402 481,-5402 "/>
<polyline fill="none" stroke="black" points="541,-5402 541,-5386 "/>
<polyline fill="none" stroke="black" points="541,-5402 543,-5404 "/>
<text text-anchor="middle" x="512" y="-5392.8" font-family="Helvetica,sans-Serif" font-size="9.00">inline&#45;code</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/ui/inline&#45;code -->
<g id="edge146" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/ui/inline&#45;code</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M362,-4804.38C362,-4880.33 362,-5392 362,-5392 362,-5392 474.92,-5392 474.92,-5392"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="474.92,-5394.1 480.92,-5392 474.92,-5389.9 474.92,-5394.1"/>
</g>
<!-- libs/components/src/docs/ui/linked&#45;heading -->
<g id="node117" class="node">
<title>libs/components/src/docs/ui/linked&#45;heading</title>
<g id="a_node117"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/ui/linked-heading" xlink:title="linked&#45;heading">
<polygon fill="#ffffcc" stroke="black" points="551,-5464 475,-5464 473,-5462 473,-5446 549,-5446 551,-5448 551,-5464"/>
<polyline fill="none" stroke="black" points="549,-5462 473,-5462 "/>
<polyline fill="none" stroke="black" points="549,-5462 549,-5446 "/>
<polyline fill="none" stroke="black" points="549,-5462 551,-5464 "/>
<text text-anchor="middle" x="512" y="-5452.8" font-family="Helvetica,sans-Serif" font-size="9.00">linked&#45;heading</text>
</a>
</g>
</g>
<!-- libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/ui/linked&#45;heading -->
<g id="edge147" class="edge">
<title>libs/components/src/design/views/markdown/components&#45;&gt;libs/components/src/docs/ui/linked&#45;heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M358,-4804.33C358,-4884.55 358,-5455 358,-5455 358,-5455 466.74,-5455 466.74,-5455"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="466.74,-5457.1 472.74,-5455 466.74,-5452.9 466.74,-5457.1"/>
</g>
<!-- libs/components/src/docs/theme/theme&#45;compositions&#45;&gt;node_modules/react -->
<g id="edge187" class="edge">
<title>libs/components/src/docs/theme/theme&#45;compositions&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M563.06,-5532C721.62,-5532 1195,-5532 1195,-5532 1195,-5532 1195,-691.46 1195,-691.46 1195,-691.46 925.61,-691.46 925.61,-691.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.61,-689.36 919.61,-691.46 925.61,-693.56 925.61,-689.36"/>
</g>
<!-- libs/components/src/docs/theme/theme&#45;compositions&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/icon&#45;font -->
<g id="edge185" class="edge">
<title>libs/components/src/docs/theme/theme&#45;compositions&#45;&gt;libs/components/src/base&#45;ui/theme/fonts/icon&#45;font</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M553,-5521.74C553,-5400.91 553,-4138.4 553,-4138.4 553,-4138.4 859.29,-4138.4 859.29,-4138.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="859.29,-4140.5 865.29,-4138.4 859.29,-4136.3 859.29,-4140.5"/>
</g>
<!-- libs/components/src/docs/theme/theme&#45;context -->
<g id="node122" class="node">
<title>libs/components/src/docs/theme/theme&#45;context</title>
<g id="a_node122"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/theme/theme-context" xlink:title="theme&#45;context">
<polygon fill="#ffffcc" stroke="black" points="722.5,-5524 650.5,-5524 648.5,-5522 648.5,-5506 720.5,-5506 722.5,-5508 722.5,-5524"/>
<polyline fill="none" stroke="black" points="720.5,-5522 648.5,-5522 "/>
<polyline fill="none" stroke="black" points="720.5,-5522 720.5,-5506 "/>
<polyline fill="none" stroke="black" points="720.5,-5522 722.5,-5524 "/>
<text text-anchor="middle" x="685.5" y="-5512.8" font-family="Helvetica,sans-Serif" font-size="9.00">theme&#45;context</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/theme/theme&#45;compositions&#45;&gt;libs/components/src/docs/theme/theme&#45;context -->
<g id="edge186" class="edge">
<title>libs/components/src/docs/theme/theme&#45;compositions&#45;&gt;libs/components/src/docs/theme/theme&#45;context</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M562,-5521.69C562,-5518.59 562,-5515.9 562,-5515.9 562,-5515.9 642.45,-5515.9 642.45,-5515.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="642.45,-5518 648.45,-5515.9 642.45,-5513.8 642.45,-5518"/>
</g>
<!-- libs/components/src/docs/markdown/elements/base&#45;table&#45;&gt;node_modules/react -->
<g id="edge160" class="edge">
<title>libs/components/src/docs/markdown/elements/base&#45;table&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M542.5,-5263C579.79,-5263 638,-5263 638,-5263 638,-5263 638,-711.4 638,-711.4 638,-711.4 900,-711.4 900,-711.4 900,-711.4 900,-710.88 900,-710.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="902.1,-712.2 900,-706.2 897.9,-712.2 902.1,-712.2"/>
</g>
<!-- libs/components/src/docs/markdown/elements/base&#45;table&#45;&gt;node_modules/clsx/dist -->
<g id="edge159" class="edge">
<title>libs/components/src/docs/markdown/elements/base&#45;table&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M481.35,-5266C414.59,-5266 262,-5266 262,-5266 262,-5266 262,-2400.33 262,-2400.33 262,-2400.33 39,-2400.33 39,-2400.33 39,-2400.33 39,-739.12 39,-739.12 39,-739.12 859.07,-739.12 859.07,-739.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.07,-741.23 865.07,-739.12 859.07,-737.03 859.07,-741.23"/>
</g>
<!-- libs/components/src/docs/markdown/elements/block&#45;quote&#45;&gt;node_modules/react -->
<g id="edge162" class="edge">
<title>libs/components/src/docs/markdown/elements/block&#45;quote&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M544.78,-5233C582.11,-5233 638,-5233 638,-5233 638,-5233 638,-710.32 638,-710.32 638,-710.32 898,-710.32 898,-710.32 898,-710.32 898,-709.9 898,-709.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="900.1,-712.11 898,-706.11 895.9,-712.11 900.1,-712.11"/>
</g>
<!-- libs/components/src/docs/markdown/elements/block&#45;quote&#45;&gt;node_modules/clsx/dist -->
<g id="edge161" class="edge">
<title>libs/components/src/docs/markdown/elements/block&#45;quote&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M479.45,-5236C411.95,-5236 263,-5236 263,-5236 263,-5236 263,-2391.87 263,-2391.87 263,-2391.87 41,-2391.87 41,-2391.87 41,-2391.87 41,-739.69 41,-739.69 41,-739.69 859.13,-739.69 859.13,-739.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.13,-741.79 865.13,-739.69 859.13,-737.59 859.13,-741.79"/>
</g>
<!-- libs/components/src/docs/markdown/elements/bold&#45;&gt;node_modules/react -->
<g id="edge164" class="edge">
<title>libs/components/src/docs/markdown/elements/bold&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.15,-5203C576.72,-5203 640,-5203 640,-5203 640,-5203 640,-731.43 640,-731.43 640,-731.43 882,-731.43 882,-731.43 882,-731.43 882,-712.05 882,-712.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="884.1,-712.05 882,-706.05 879.9,-712.05 884.1,-712.05"/>
</g>
<!-- libs/components/src/docs/markdown/elements/bold&#45;&gt;node_modules/clsx/dist -->
<g id="edge163" class="edge">
<title>libs/components/src/docs/markdown/elements/bold&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M484.99,-5206C420.71,-5206 264,-5206 264,-5206 264,-5206 264,-2383.4 264,-2383.4 264,-2383.4 73,-2383.4 73,-2383.4 73,-2383.4 73,-743.06 73,-743.06 73,-743.06 859.23,-743.06 859.23,-743.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.23,-745.16 865.23,-743.06 859.23,-740.96 859.23,-745.16"/>
</g>
<!-- libs/components/src/docs/markdown/elements/hr&#45;&gt;node_modules/react -->
<g id="edge166" class="edge">
<title>libs/components/src/docs/markdown/elements/hr&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.24,-5173C576.56,-5173 639,-5173 639,-5173 639,-5173 639,-730.49 639,-730.49 639,-730.49 880,-730.49 880,-730.49 880,-730.49 880,-712.15 880,-712.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="882.1,-712.15 880,-706.15 877.9,-712.15 882.1,-712.15"/>
</g>
<!-- libs/components/src/docs/markdown/elements/hr&#45;&gt;node_modules/clsx/dist -->
<g id="edge165" class="edge">
<title>libs/components/src/docs/markdown/elements/hr&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M484.62,-5176C420.31,-5176 265,-5176 265,-5176 265,-5176 265,-2374.93 265,-2374.93 265,-2374.93 76,-2374.93 76,-2374.93 76,-2374.93 76,-743.62 76,-743.62 76,-743.62 859.33,-743.62 859.33,-743.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.33,-745.73 865.33,-743.62 859.33,-741.53 859.33,-745.73"/>
</g>
<!-- libs/components/src/docs/markdown/elements/image&#45;&gt;node_modules/react -->
<g id="edge168" class="edge">
<title>libs/components/src/docs/markdown/elements/image&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.19,-5143C566.95,-5143 606,-5143 606,-5143 606,-5143 606,-709.24 606,-709.24 606,-709.24 870,-709.24 870,-709.24 870,-709.24 870,-708.93 870,-708.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="872.1,-712.15 870,-706.15 867.9,-712.15 872.1,-712.15"/>
</g>
<!-- libs/components/src/docs/markdown/elements/image&#45;&gt;node_modules/clsx/dist -->
<g id="edge167" class="edge">
<title>libs/components/src/docs/markdown/elements/image&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M484.73,-5146C420.68,-5146 266,-5146 266,-5146 266,-5146 266,-2366.47 266,-2366.47 266,-2366.47 78,-2366.47 78,-2366.47 78,-2366.47 78,-744.19 78,-744.19 78,-744.19 859.4,-744.19 859.4,-744.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.4,-746.29 865.4,-744.19 859.4,-742.09 859.4,-746.29"/>
</g>
<!-- libs/components/src/docs/markdown/elements/italic&#45;&gt;node_modules/react -->
<g id="edge170" class="edge">
<title>libs/components/src/docs/markdown/elements/italic&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.4,-5110C566.83,-5110 605,-5110 605,-5110 605,-5110 605,-708.16 605,-708.16 605,-708.16 868,-708.16 868,-708.16 868,-708.16 868,-707.94 868,-707.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="870.1,-712.01 868,-706.01 865.9,-712.01 870.1,-712.01"/>
</g>
<!-- libs/components/src/docs/markdown/elements/italic&#45;&gt;node_modules/clsx/dist -->
<g id="edge169" class="edge">
<title>libs/components/src/docs/markdown/elements/italic&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.34,-5116C665.81,-5116 1188,-5116 1188,-5116 1188,-5116 1188,-802.91 1188,-802.91 1188,-802.91 916,-802.91 916,-802.91 916,-802.91 916,-762.23 916,-762.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="918.1,-762.23 916,-756.23 913.9,-762.23 918.1,-762.23"/>
</g>
<!-- libs/components/src/docs/markdown/elements/ol&#45;&gt;node_modules/react -->
<g id="edge172" class="edge">
<title>libs/components/src/docs/markdown/elements/ol&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.2,-5080C655.99,-5080 1109,-5080 1109,-5080 1109,-5080 1109,-692.15 1109,-692.15 1109,-692.15 925.92,-692.15 925.92,-692.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.92,-690.05 919.92,-692.15 925.92,-694.25 925.92,-690.05"/>
</g>
<!-- libs/components/src/docs/markdown/elements/ol&#45;&gt;node_modules/clsx/dist -->
<g id="edge171" class="edge">
<title>libs/components/src/docs/markdown/elements/ol&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.22,-5086C665.12,-5086 1185,-5086 1185,-5086 1185,-5086 1185,-804.02 1185,-804.02 1185,-804.02 915,-804.02 915,-804.02 915,-804.02 915,-762.16 915,-762.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="917.1,-762.16 915,-756.16 912.9,-762.16 917.1,-762.16"/>
</g>
<!-- libs/components/src/docs/markdown/elements/paragraph&#45;&gt;node_modules/react -->
<g id="edge176" class="edge">
<title>libs/components/src/docs/markdown/elements/paragraph&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M541.78,-5293C579.31,-5293 639,-5293 639,-5293 639,-5293 639,-712.48 639,-712.48 639,-712.48 902,-712.48 902,-712.48 902,-712.48 902,-711.85 902,-711.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="904.1,-712.18 902,-706.18 899.9,-712.18 904.1,-712.18"/>
</g>
<!-- libs/components/src/docs/markdown/elements/paragraph&#45;&gt;node_modules/clsx/dist -->
<g id="edge175" class="edge">
<title>libs/components/src/docs/markdown/elements/paragraph&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M482.22,-5296C415.73,-5296 261,-5296 261,-5296 261,-5296 261,-2408.8 261,-2408.8 261,-2408.8 37,-2408.8 37,-2408.8 37,-2408.8 37,-738.56 37,-738.56 37,-738.56 859.48,-738.56 859.48,-738.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.48,-740.66 865.48,-738.56 859.48,-736.46 859.48,-740.66"/>
</g>
<!-- libs/components/src/docs/markdown/elements/paragraph&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge174" class="edge">
<title>libs/components/src/docs/markdown/elements/paragraph&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M541.78,-5288.5C574.06,-5288.5 621,-5288.5 621,-5288.5 621,-5288.5 621,-4206 621,-4206 621,-4206 652.15,-4206 652.15,-4206"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.15,-4208.1 658.15,-4206 652.15,-4203.9 652.15,-4208.1"/>
</g>
<!-- libs/components/src/docs/markdown/elements/paragraph&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge173" class="edge">
<title>libs/components/src/docs/markdown/elements/paragraph&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M541.85,-5297.5C601.56,-5297.5 730,-5297.5 730,-5297.5 730,-5297.5 730,-3506.14 730,-3506.14 730,-3506.14 547.85,-3506.14 547.85,-3506.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.85,-3504.04 541.85,-3506.14 547.85,-3508.24 547.85,-3504.04"/>
</g>
<!-- libs/components/src/docs/markdown/elements/sup&#45;&gt;node_modules/react -->
<g id="edge178" class="edge">
<title>libs/components/src/docs/markdown/elements/sup&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.16,-5056C655.75,-5056 1108,-5056 1108,-5056 1108,-5056 1108,-692.85 1108,-692.85 1108,-692.85 925.79,-692.85 925.79,-692.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.79,-690.75 919.79,-692.85 925.79,-694.95 925.79,-690.75"/>
</g>
<!-- libs/components/src/docs/markdown/elements/sup&#45;&gt;node_modules/clsx/dist -->
<g id="edge177" class="edge">
<title>libs/components/src/docs/markdown/elements/sup&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.05,-5050C599.44,-5050 740,-5050 740,-5050 740,-5050 740,-808.45 740,-808.45 740,-808.45 914,-808.45 914,-808.45 914,-808.45 914,-762.07 914,-762.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="916.1,-762.07 914,-756.07 911.9,-762.07 916.1,-762.07"/>
</g>
<!-- libs/components/src/docs/markdown/elements/td&#45;&gt;node_modules/react -->
<g id="edge180" class="edge">
<title>libs/components/src/docs/markdown/elements/td&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.11,-5026C655.51,-5026 1107,-5026 1107,-5026 1107,-5026 1107,-693.54 1107,-693.54 1107,-693.54 925.67,-693.54 925.67,-693.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.67,-691.44 919.67,-693.54 925.67,-695.64 925.67,-691.44"/>
</g>
<!-- libs/components/src/docs/markdown/elements/td&#45;&gt;node_modules/clsx/dist -->
<g id="edge179" class="edge">
<title>libs/components/src/docs/markdown/elements/td&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.07,-5020C569.28,-5020 614,-5020 614,-5020 614,-5020 614,-773.85 614,-773.85 614,-773.85 907,-773.85 907,-773.85 907,-773.85 907,-762.09 907,-762.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="909.1,-762.09 907,-756.09 904.9,-762.09 909.1,-762.09"/>
</g>
<!-- libs/components/src/docs/markdown/elements/tr&#45;&gt;node_modules/react -->
<g id="edge182" class="edge">
<title>libs/components/src/docs/markdown/elements/tr&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.07,-4996C655.27,-4996 1106,-4996 1106,-4996 1106,-4996 1106,-694.23 1106,-694.23 1106,-694.23 925.54,-694.23 925.54,-694.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.54,-692.13 919.54,-694.23 925.54,-696.33 925.54,-692.13"/>
</g>
<!-- libs/components/src/docs/markdown/elements/tr&#45;&gt;node_modules/clsx/dist -->
<g id="edge181" class="edge">
<title>libs/components/src/docs/markdown/elements/tr&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.07,-4990C568.98,-4990 613,-4990 613,-4990 613,-4990 613,-772.23 613,-772.23 613,-772.23 906,-772.23 906,-772.23 906,-772.23 906,-762.11 906,-762.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="908.1,-762.11 906,-756.11 903.9,-762.11 908.1,-762.11"/>
</g>
<!-- libs/components/src/docs/markdown/elements/ul&#45;&gt;node_modules/react -->
<g id="edge184" class="edge">
<title>libs/components/src/docs/markdown/elements/ul&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.02,-4966C655.03,-4966 1105,-4966 1105,-4966 1105,-4966 1105,-694.92 1105,-694.92 1105,-694.92 925.85,-694.92 925.85,-694.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.85,-692.82 919.85,-694.92 925.85,-697.02 925.85,-692.82"/>
</g>
<!-- libs/components/src/docs/markdown/elements/ul&#45;&gt;node_modules/clsx/dist -->
<g id="edge183" class="edge">
<title>libs/components/src/docs/markdown/elements/ul&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M539.06,-4960C568.68,-4960 612,-4960 612,-4960 612,-4960 612,-770.61 612,-770.61 612,-770.61 905,-770.61 905,-770.61 905,-770.61 905,-762.06 905,-762.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="907.1,-762.06 905,-756.06 902.9,-762.06 907.1,-762.06"/>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react -->
<g id="edge198" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M476.43,-5422C451.27,-5422 422,-5422 422,-5422 422,-5422 422,-707.08 422,-707.08 422,-707.08 897,-707.08 897,-707.08 897,-707.08 897,-706.99 897,-706.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="899.1,-712.15 897,-706.15 894.9,-712.15 899.1,-712.15"/>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/clsx/dist -->
<g id="edge196" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M476.27,-5431C406.1,-5431 257,-5431 257,-5431 257,-5431 257,-2108.36 257,-2108.36 257,-2108.36 44,-2108.36 44,-2108.36 44,-2108.36 44,-740.25 44,-740.25 44,-740.25 859.23,-740.25 859.23,-740.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.23,-742.35 865.23,-740.25 859.23,-738.15 859.23,-742.35"/>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge194" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M547.72,-5420C550.35,-5420 552,-5420 552,-5420 552,-5420 552,-3627.43 552,-3627.43 552,-3627.43 545.34,-3627.43 545.34,-3627.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.34,-3625.33 539.34,-3627.43 545.34,-3629.53 545.34,-3625.33"/>
</g>
<!-- libs/components/src/docs/ui/copied&#45;message -->
<g id="node125" class="node">
<title>libs/components/src/docs/ui/copied&#45;message</title>
<g id="a_node125"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/ui/copied-message" xlink:title="copied&#45;message">
<polygon fill="#ffffcc" stroke="black" points="729,-5418 644,-5418 642,-5416 642,-5400 727,-5400 729,-5402 729,-5418"/>
<polyline fill="none" stroke="black" points="727,-5416 642,-5416 "/>
<polyline fill="none" stroke="black" points="727,-5416 727,-5400 "/>
<polyline fill="none" stroke="black" points="727,-5416 729,-5418 "/>
<text text-anchor="middle" x="685.5" y="-5406.8" font-family="Helvetica,sans-Serif" font-size="9.00">copied&#45;message</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;libs/components/src/docs/ui/copied&#45;message -->
<g id="edge195" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;libs/components/src/docs/ui/copied&#45;message</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M547.83,-5428C589.9,-5428 654,-5428 654,-5428 654,-5428 654,-5424.05 654,-5424.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="656.1,-5424.05 654,-5418.05 651.9,-5424.05 656.1,-5424.05"/>
</g>
<!-- node_modules/copy&#45;to&#45;clipboard -->
<g id="node126" class="node">
<title>node_modules/copy&#45;to&#45;clipboard</title>
<g id="a_node126"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/copy-to-clipboard" xlink:title="copy&#45;to&#45;clipboard">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="936,-1276 851,-1276 849,-1274 849,-1258 934,-1258 936,-1260 936,-1276"/>
<polyline fill="none" stroke="black" points="934,-1274 849,-1274 "/>
<polyline fill="none" stroke="black" points="934,-1274 934,-1258 "/>
<polyline fill="none" stroke="black" points="934,-1274 936,-1276 "/>
<text text-anchor="middle" x="892.5" y="-1264.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">copy&#45;to&#45;clipboard</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/copy&#45;to&#45;clipboard -->
<g id="edge197" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/copy&#45;to&#45;clipboard</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M547.59,-5426C585.77,-5426 641,-5426 641,-5426 641,-5426 641,-1267 641,-1267 641,-1267 842.98,-1267 842.98,-1267"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="842.98,-1269.1 848.98,-1267 842.98,-1264.9 842.98,-1269.1"/>
</g>
<!-- node_modules/react&#45;syntax&#45;highlighter/dist/cjs -->
<g id="node127" class="node">
<title>node_modules/react&#45;syntax&#45;highlighter/dist/cjs</title>
<g id="a_node127"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react-syntax-highlighter/dist/cjs" xlink:title="cjs">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-1198 867.5,-1198 865.5,-1196 865.5,-1180 917.5,-1180 919.5,-1182 919.5,-1198"/>
<polyline fill="none" stroke="black" points="917.5,-1196 865.5,-1196 "/>
<polyline fill="none" stroke="black" points="917.5,-1196 917.5,-1180 "/>
<polyline fill="none" stroke="black" points="917.5,-1196 919.5,-1198 "/>
<text text-anchor="middle" x="892.5" y="-1186.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">cjs</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/cjs -->
<g id="edge199" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/cjs</title>
<g id="a_edge199"><a xlink:title="no&#45;duplicate&#45;dep&#45;types">
<path fill="none" stroke="orange" d="M547.59,-5424C585.77,-5424 641,-5424 641,-5424 641,-5424 641,-1189 641,-1189 641,-1189 859.11,-1189 859.11,-1189"/>
<polygon fill="orange" stroke="orange" points="859.11,-1191.1 865.11,-1189 859.11,-1186.9 859.11,-1191.1"/>
</a>
</g>
<text text-anchor="middle" x="593.5" y="-3236.95" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;duplicate&#45;dep&#45;types</text>
</g>
<!-- node_modules/react&#45;syntax&#45;highlighter/dist/esm/languages/prism -->
<g id="node128" class="node">
<title>node_modules/react&#45;syntax&#45;highlighter/dist/esm/languages/prism</title>
<g id="a_node128"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react-syntax-highlighter/dist/esm/languages/prism" xlink:title="prism">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-1120 867.5,-1120 865.5,-1118 865.5,-1102 917.5,-1102 919.5,-1104 919.5,-1120"/>
<polyline fill="none" stroke="black" points="917.5,-1118 865.5,-1118 "/>
<polyline fill="none" stroke="black" points="917.5,-1118 917.5,-1102 "/>
<polyline fill="none" stroke="black" points="917.5,-1118 919.5,-1120 "/>
<text text-anchor="middle" x="892.5" y="-1108.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">prism</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/esm/languages/prism -->
<g id="edge200" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/esm/languages/prism</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M547.66,-5422C585.53,-5422 640,-5422 640,-5422 640,-5422 640,-1111 640,-1111 640,-1111 859.48,-1111 859.48,-1111"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.48,-1113.1 865.48,-1111 859.48,-1108.9 859.48,-1113.1"/>
</g>
<!-- node_modules/react&#45;syntax&#45;highlighter/dist/esm -->
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/esm -->
<g id="edge201" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/esm</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M476.38,-5419C453.48,-5419 428,-5419 428,-5419 428,-5419 428,-1049.1 428,-1049.1 428,-1049.1 893,-1049.1 893,-1049.1 893,-1049.1 893,-1060.26 893,-1060.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="890.9,-1060.26 893,-1066.26 895.1,-1060.26 890.9,-1060.26"/>
</g>
<!-- node_modules/react&#45;syntax&#45;highlighter/dist/esm/styles/prism -->
<g id="node130" class="node">
<title>node_modules/react&#45;syntax&#45;highlighter/dist/esm/styles/prism</title>
<g id="a_node130"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/react-syntax-highlighter/dist/esm/styles/prism" xlink:title="prism">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-1032 867.5,-1032 865.5,-1030 865.5,-1014 917.5,-1014 919.5,-1016 919.5,-1032"/>
<polyline fill="none" stroke="black" points="917.5,-1030 865.5,-1030 "/>
<polyline fill="none" stroke="black" points="917.5,-1030 917.5,-1014 "/>
<polyline fill="none" stroke="black" points="917.5,-1030 919.5,-1032 "/>
<text text-anchor="middle" x="892.5" y="-1020.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">prism</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/esm/styles/prism -->
<g id="edge202" class="edge">
<title>libs/components/src/docs/ui/code&#45;snippet&#45;&gt;node_modules/react&#45;syntax&#45;highlighter/dist/esm/styles/prism</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M476.49,-5428C408.37,-5428 266,-5428 266,-5428 266,-5428 266,-1023 266,-1023 266,-1023 859.18,-1023 859.18,-1023"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.18,-1025.1 865.18,-1023 859.18,-1020.9 859.18,-1025.1"/>
</g>
<!-- libs/components/src/docs/ui/inline&#45;code&#45;&gt;node_modules/react -->
<g id="edge211" class="edge">
<title>libs/components/src/docs/ui/inline&#45;code&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M543.07,-5394C580.67,-5394 639,-5394 639,-5394 639,-5394 639,-713.56 639,-713.56 639,-713.56 904,-713.56 904,-713.56 904,-713.56 904,-712.06 904,-712.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="906.1,-712.06 904,-706.06 901.9,-712.06 906.1,-712.06"/>
</g>
<!-- libs/components/src/docs/ui/inline&#45;code&#45;&gt;node_modules/clsx/dist -->
<g id="edge210" class="edge">
<title>libs/components/src/docs/ui/inline&#45;code&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M480.98,-5398C413.42,-5398 259,-5398 259,-5398 259,-5398 259,-2102.18 259,-2102.18 259,-2102.18 48,-2102.18 48,-2102.18 48,-2102.18 48,-741.38 48,-741.38 48,-741.38 859.36,-741.38 859.36,-741.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.36,-743.48 865.36,-741.38 859.36,-739.28 859.36,-743.48"/>
</g>
<!-- libs/components/src/docs/ui/linked&#45;heading&#45;&gt;node_modules/react -->
<g id="edge216" class="edge">
<title>libs/components/src/docs/ui/linked&#45;heading&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M551.21,-5458.67C587.87,-5458.67 637,-5458.67 637,-5458.67 637,-5458.67 637,-677.09 637,-677.09 637,-677.09 910,-677.09 910,-677.09 910,-677.09 910,-681.98 910,-681.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="907.9,-681.98 910,-687.98 912.1,-681.98 907.9,-681.98"/>
</g>
<!-- libs/components/src/docs/ui/linked&#45;heading&#45;&gt;node_modules/clsx/dist -->
<g id="edge215" class="edge">
<title>libs/components/src/docs/ui/linked&#45;heading&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M551.23,-5450.67C580.34,-5450.67 615,-5450.67 615,-5450.67 615,-5450.67 615,-762.49 615,-762.49 615,-762.49 868,-762.49 868,-762.49 868,-762.49 868,-761.86 868,-761.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="870.1,-762.19 868,-756.19 865.9,-762.19 870.1,-762.19"/>
</g>
<!-- libs/components/src/docs/ui/linked&#45;heading&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge212" class="edge">
<title>libs/components/src/docs/ui/linked&#45;heading&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<g id="a_edge212"><a xlink:title="no&#45;duplicate&#45;dep&#45;types">
<path fill="none" stroke="orange" stroke-width="2" d="M551.09,-5453.33C582.71,-5453.33 622,-5453.33 622,-5453.33 622,-5453.33 622,-4207 622,-4207 622,-4207 652.2,-4207 652.2,-4207"/>
<polygon fill="orange" stroke="orange" stroke-width="2" points="652.2,-4209.1 658.2,-4207 652.2,-4204.9 652.2,-4209.1"/>
</a>
</g>
<text text-anchor="middle" x="574.5" y="-4843.32" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">no&#45;duplicate&#45;dep&#45;types</text>
</g>
<!-- libs/components/src/docs/ui/linked&#45;heading&#45;&gt;libs/components/src/docs/ui/heading -->
<g id="edge214" class="edge">
<title>libs/components/src/docs/ui/linked&#45;heading&#45;&gt;libs/components/src/docs/ui/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M551.05,-5461.33C602.35,-5461.33 686,-5461.33 686,-5461.33 686,-5461.33 686,-5454.08 686,-5454.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.1,-5454.08 686,-5448.08 683.9,-5454.08 688.1,-5454.08"/>
</g>
<!-- libs/components/src/docs/ui/anchor -->
<g id="node124" class="node">
<title>libs/components/src/docs/ui/anchor</title>
<g id="a_node124"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/docs/ui/anchor" xlink:title="anchor">
<polygon fill="#ffffcc" stroke="black" points="712.5,-5388 660.5,-5388 658.5,-5386 658.5,-5370 710.5,-5370 712.5,-5372 712.5,-5388"/>
<polyline fill="none" stroke="black" points="710.5,-5386 658.5,-5386 "/>
<polyline fill="none" stroke="black" points="710.5,-5386 710.5,-5370 "/>
<polyline fill="none" stroke="black" points="710.5,-5386 712.5,-5388 "/>
<text text-anchor="middle" x="685.5" y="-5376.8" font-family="Helvetica,sans-Serif" font-size="9.00">anchor</text>
</a>
</g>
</g>
<!-- libs/components/src/docs/ui/linked&#45;heading&#45;&gt;libs/components/src/docs/ui/anchor -->
<g id="edge213" class="edge">
<title>libs/components/src/docs/ui/linked&#45;heading&#45;&gt;libs/components/src/docs/ui/anchor</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M551.17,-5456C583.47,-5456 624,-5456 624,-5456 624,-5456 624,-5382.95 624,-5382.95 624,-5382.95 652.35,-5382.95 652.35,-5382.95"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.35,-5385.05 658.35,-5382.95 652.35,-5380.85 652.35,-5385.05"/>
</g>
<!-- libs/components/src/docs -->
<!-- libs/components/src/docs/markdown -->
<!-- libs/components/src/docs/markdown/elements -->
<!-- libs/components/src/docs/theme -->
<!-- libs/components/src/docs/theme/theme&#45;context&#45;&gt;node_modules/react -->
<g id="edge190" class="edge">
<title>libs/components/src/docs/theme/theme&#45;context&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M722.56,-5512C733.21,-5512 742,-5512 742,-5512 742,-5512 742,-678.18 742,-678.18 742,-678.18 891,-678.18 891,-678.18 891,-678.18 891,-681.59 891,-681.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="888.9,-681.59 891,-687.59 893.1,-681.59 888.9,-681.59"/>
</g>
<!-- libs/components/src/docs/theme/theme&#45;context&#45;&gt;node_modules/clsx/dist -->
<g id="edge189" class="edge">
<title>libs/components/src/docs/theme/theme&#45;context&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M722.71,-5518C763.43,-5518 823,-5518 823,-5518 823,-5518 823,-791.71 823,-791.71 823,-791.71 880,-791.71 880,-791.71 880,-791.71 880,-762.05 880,-762.05"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="882.1,-762.05 880,-756.05 877.9,-762.05 882.1,-762.05"/>
</g>
<!-- libs/components/src/docs/theme/theme&#45;context&#45;&gt;libs/components/src/base&#45;ui/theme/theme&#45;provider -->
<g id="edge188" class="edge">
<title>libs/components/src/docs/theme/theme&#45;context&#45;&gt;libs/components/src/base&#45;ui/theme/theme&#45;provider</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M648.42,-5508C644.55,-5508 642,-5508 642,-5508 642,-5508 642,-4091.5 642,-4091.5 642,-4091.5 642.37,-4091.5 642.37,-4091.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="639.71,-4093.6 645.71,-4091.5 639.71,-4089.4 639.71,-4093.6"/>
</g>
<!-- libs/components/src/docs/ui -->
<!-- libs/components/src/docs/ui/anchor&#45;&gt;node_modules/react -->
<g id="edge193" class="edge">
<title>libs/components/src/docs/ui/anchor&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M712.67,-5379C725.48,-5379 738,-5379 738,-5379 738,-5379 738,-681.45 738,-681.45 738,-681.45 905,-681.45 905,-681.45 905,-681.45 905,-682.09 905,-682.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="902.9,-681.78 905,-687.78 907.1,-681.78 902.9,-681.78"/>
</g>
<!-- libs/components/src/docs/ui/anchor&#45;&gt;node_modules/clsx/dist -->
<g id="edge192" class="edge">
<title>libs/components/src/docs/ui/anchor&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M658.24,-5379.9C564.32,-5379.9 260,-5379.9 260,-5379.9 260,-5379.9 260,-2099.09 260,-2099.09 260,-2099.09 51,-2099.09 51,-2099.09 51,-2099.09 51,-741.94 51,-741.94 51,-741.94 859.45,-741.94 859.45,-741.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.45,-744.04 865.45,-741.94 859.45,-739.84 859.45,-744.04"/>
</g>
<!-- libs/components/src/docs/ui/anchor&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge191" class="edge">
<title>libs/components/src/docs/ui/anchor&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M658.44,-5376.85C642.33,-5376.85 625,-5376.85 625,-5376.85 625,-5376.85 625,-3624.86 625,-3624.86 625,-3624.86 545.07,-3624.86 545.07,-3624.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.07,-3622.76 539.07,-3624.86 545.07,-3626.96 545.07,-3622.76"/>
</g>
<!-- libs/components/src/docs/ui/copied&#45;message&#45;&gt;node_modules/react -->
<g id="edge204" class="edge">
<title>libs/components/src/docs/ui/copied&#45;message&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M729.19,-5409C735,-5409 739,-5409 739,-5409 739,-5409 739,-680.36 739,-680.36 739,-680.36 900,-680.36 900,-680.36 900,-680.36 900,-681.9 900,-681.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="897.9,-681.9 900,-687.9 902.1,-681.9 897.9,-681.9"/>
</g>
<!-- libs/components/src/docs/ui/copied&#45;message&#45;&gt;node_modules/clsx/dist -->
<g id="edge203" class="edge">
<title>libs/components/src/docs/ui/copied&#45;message&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M641.76,-5410C532.8,-5410 258,-5410 258,-5410 258,-5410 258,-2105.27 258,-2105.27 258,-2105.27 46,-2105.27 46,-2105.27 46,-2105.27 46,-740.81 46,-740.81 46,-740.81 859.29,-740.81 859.29,-740.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.29,-742.91 865.29,-740.81 859.29,-738.71 859.29,-742.91"/>
</g>
<!-- libs/components/src/mfe -->
<!-- libs/components/src/mfe/views -->
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;node_modules/react -->
<g id="edge247" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M397.42,-2342C534.8,-2342 951,-2342 951,-2342 951,-2342 951,-702.54 951,-702.54 951,-702.54 925.69,-702.54 925.69,-702.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.69,-700.44 919.69,-702.54 925.69,-704.64 925.69,-700.44"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge234" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.05,-2348C456.64,-2348 557,-2348 557,-2348 557,-2348 557,-3463.8 557,-3463.8 557,-3463.8 545.21,-3463.8 545.21,-3463.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.21,-3461.7 539.21,-3463.8 545.21,-3465.9 545.21,-3461.7"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;node_modules/clsx/dist -->
<g id="edge246" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M397.38,-2344C536.74,-2344 964,-2344 964,-2344 964,-2344 964,-750.6 964,-750.6 964,-750.6 925.53,-750.6 925.53,-750.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.53,-748.5 919.53,-750.6 925.53,-752.7 925.53,-748.5"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge235" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.67,-2351.25C293.6,-2351.25 278,-2351.25 278,-2351.25 278,-2351.25 278,-3530.18 278,-3530.18 278,-3530.18 478.7,-3530.18 478.7,-3530.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.7,-3532.28 484.7,-3530.18 478.7,-3528.08 478.7,-3532.28"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge245" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.86,-2344.5C246.55,-2344.5 133,-2344.5 133,-2344.5 133,-2344.5 133,-4200 133,-4200 133,-4200 652.48,-4200 652.48,-4200"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.48,-4202.1 658.48,-4200 652.48,-4197.9 652.48,-4202.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge236" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.89,-2349C292.85,-2349 276,-2349 276,-2349 276,-2349 276,-3617.14 276,-3617.14 276,-3617.14 478.93,-3617.14 478.93,-3617.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.93,-3619.24 484.93,-3617.14 478.93,-3615.04 478.93,-3619.24"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge237" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397,-2356C414.64,-2356 431,-2356 431,-2356 431,-2356 431,-3555.27 431,-3555.27 431,-3555.27 478.58,-3555.27 478.58,-3555.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.58,-3557.37 484.58,-3555.27 478.58,-3553.17 478.58,-3557.37"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge238" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.74,-2346.75C282.94,-2346.75 252,-2346.75 252,-2346.75 252,-2346.75 252,-3501 252,-3501 252,-3501 476.43,-3501 476.43,-3501"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.43,-3503.1 482.43,-3501 476.43,-3498.9 476.43,-3503.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge239" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.15,-2354C420.25,-2354 444,-2354 444,-2354 444,-2354 444,-3375.6 444,-3375.6 444,-3375.6 477.16,-3375.6 477.16,-3375.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.16,-3377.7 483.16,-3375.6 477.16,-3373.5 477.16,-3377.7"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge240" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.96,-2355.75C299.38,-2355.75 290,-2355.75 290,-2355.75 290,-2355.75 290,-3129 290,-3129 290,-3129 478.78,-3129 478.78,-3129"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.78,-3131.1 484.78,-3129 478.78,-3126.9 478.78,-3131.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge241" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.23,-2352C422.71,-2352 450,-2352 450,-2352 450,-2352 450,-3238.53 450,-3238.53 450,-3238.53 511,-3238.53 511,-3238.53 511,-3238.53 511,-3238.03 511,-3238.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="513.1,-3239.52 511,-3233.52 508.9,-3239.52 513.1,-3239.52"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge242" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.71,-2353.5C298.27,-2353.5 288,-2353.5 288,-2353.5 288,-2353.5 288,-3160 288,-3160 288,-3160 473.43,-3160 473.43,-3160"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.43,-3162.1 479.43,-3160 473.43,-3157.9 473.43,-3162.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge243" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.1,-2350C429.38,-2350 468,-2350 468,-2350 468,-2350 468,-3940.57 468,-3940.57 468,-3940.57 478.89,-3940.57 478.89,-3940.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.89,-3942.67 484.89,-3940.57 478.89,-3938.47 478.89,-3942.67"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/theme/accent&#45;color -->
<g id="edge244" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/advantage&#45;cards&#45;&gt;libs/components/src/base&#45;ui/theme/accent&#45;color</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.36,-2346C496.65,-2346 732,-2346 732,-2346 732,-2346 732,-4240.5 732,-4240.5 732,-4240.5 725.29,-4240.5 725.29,-4240.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.29,-4238.4 719.29,-4240.5 725.29,-4242.6 725.29,-4238.4"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;node_modules/react -->
<g id="edge259" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M405.07,-2312C549.42,-2312 950,-2312 950,-2312 950,-2312 950,-703.23 950,-703.23 950,-703.23 925.57,-703.23 925.57,-703.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.57,-701.13 919.57,-703.23 925.57,-705.33 925.57,-701.13"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;node_modules/clsx/dist -->
<g id="edge258" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M302.85,-2313C285.77,-2313 271,-2313 271,-2313 271,-2313 271,-749.81 271,-749.81 271,-749.81 859.4,-749.81 859.4,-749.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.4,-751.91 865.4,-749.81 859.4,-747.71 859.4,-751.91"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge248" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M302.86,-2322C275.76,-2322 248,-2322 248,-2322 248,-2322 248,-3531 248,-3531 248,-3531 478.74,-3531 478.74,-3531"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.74,-3533.1 484.74,-3531 478.74,-3528.9 478.74,-3533.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge257" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M302.89,-2319C236.78,-2319 130,-2319 130,-2319 130,-2319 130,-4201 130,-4201 130,-4201 652.33,-4201 652.33,-4201"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.33,-4203.1 658.33,-4201 652.33,-4198.9 652.33,-4203.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge249" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.03,-2316C476.03,-2316 596,-2316 596,-2316 596,-2316 596,-3617.14 596,-3617.14 596,-3617.14 545.04,-3617.14 545.04,-3617.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.04,-3615.04 539.04,-3617.14 545.04,-3619.24 545.04,-3615.04"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge250" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.11,-2318C475.85,-2318 595,-2318 595,-2318 595,-2318 595,-3588.92 595,-3588.92 595,-3588.92 545.18,-3588.92 545.18,-3588.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.18,-3586.82 539.18,-3588.92 545.18,-3591.02 545.18,-3586.82"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge251" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M302.8,-2325C276.95,-2325 251,-2325 251,-2325 251,-2325 251,-3501.9 251,-3501.9 251,-3501.9 476.31,-3501.9 476.31,-3501.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.31,-3504 482.31,-3501.9 476.31,-3499.8 476.31,-3504"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge252" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.21,-2322C465.64,-2322 558,-2322 558,-2322 558,-2322 558,-3374 558,-3374 558,-3374 546.61,-3374 546.61,-3374"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.61,-3371.9 540.61,-3374 546.61,-3376.1 546.61,-3371.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge253" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.11,-2320C472.6,-2320 583,-2320 583,-2320 583,-2320 583,-3126.92 583,-3126.92 583,-3126.92 545.25,-3126.92 545.25,-3126.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.25,-3124.82 539.25,-3126.92 545.25,-3129.02 545.25,-3124.82"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge254" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.13,-2324C426.74,-2324 447,-2324 447,-2324 447,-2324 447,-3262.57 447,-3262.57 447,-3262.57 512,-3262.57 512,-3262.57 512,-3262.57 512,-3240.01 512,-3240.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="514.1,-3240.01 512,-3234.01 509.9,-3240.01 514.1,-3240.01"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/layout/spacing -->
<g id="edge255" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/layout/spacing</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.09,-2326C425.83,-2326 445,-2326 445,-2326 445,-2326 445,-3286.5 445,-3286.5 445,-3286.5 478.75,-3286.5 478.75,-3286.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.75,-3288.6 484.75,-3286.5 478.75,-3284.4 478.75,-3288.6"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/theme/accent&#45;color -->
<g id="edge256" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/component&#45;analytics&#45;&gt;libs/components/src/base&#45;ui/theme/accent&#45;color</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.15,-2314C476.7,-2314 598,-2314 598,-2314 598,-2314 598,-4245 598,-4245 598,-4245 645.92,-4245 645.92,-4245"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="645.92,-4247.1 651.92,-4245 645.92,-4242.9 645.92,-4247.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;node_modules/react -->
<g id="edge267" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M386.88,-2132.25C403,-2132.25 419,-2132.25 419,-2132.25 419,-2132.25 419,-701.38 419,-701.38 419,-701.38 859.34,-701.38 859.34,-701.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.34,-703.48 865.34,-701.38 859.34,-699.28 859.34,-703.48"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;node_modules/clsx/dist -->
<g id="edge266" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M386.54,-2134.5C404.82,-2134.5 424,-2134.5 424,-2134.5 424,-2134.5 424,-751.5 424,-751.5 424,-751.5 859.29,-751.5 859.29,-751.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.29,-753.6 865.29,-751.5 859.29,-749.4 859.29,-753.6"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge260" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M321.41,-2142C286.79,-2142 237,-2142 237,-2142 237,-2142 237,-3535.09 237,-3535.09 237,-3535.09 478.88,-3535.09 478.88,-3535.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-3537.19 484.88,-3535.09 478.88,-3532.99 478.88,-3537.19"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge265" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M386.67,-2145.75C453.58,-2145.75 600,-2145.75 600,-2145.75 600,-2145.75 600,-4131.2 600,-4131.2 600,-4131.2 672,-4131.2 672,-4131.2 672,-4131.2 672,-4183.86 672,-4183.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="669.9,-4183.86 672,-4189.86 674.1,-4183.86 669.9,-4183.86"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge261" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M386.74,-2136.75C459.85,-2136.75 630,-2136.75 630,-2136.75 630,-2136.75 630,-3495.86 630,-3495.86 630,-3495.86 547.78,-3495.86 547.78,-3495.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.78,-3493.76 541.78,-3495.86 547.78,-3497.96 547.78,-3493.76"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge262" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M386.74,-2139C459.85,-2139 630,-2139 630,-2139 630,-2139 630,-3384 630,-3384 630,-3384 546.56,-3384 546.56,-3384"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.56,-3381.9 540.56,-3384 546.56,-3386.1 546.56,-3381.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge263" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M386.63,-2143.5C459.47,-2143.5 629,-2143.5 629,-2143.5 629,-2143.5 629,-3135.23 629,-3135.23 629,-3135.23 545.14,-3135.23 545.14,-3135.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.14,-3133.13 539.14,-3135.23 545.14,-3137.33 545.14,-3133.13"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge264" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/eco&#45;system&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M386.74,-2141.25C459.85,-2141.25 630,-2141.25 630,-2141.25 630,-2141.25 630,-3162 630,-3162 630,-3162 550.56,-3162 550.56,-3162"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.56,-3159.9 544.56,-3162 550.56,-3164.1 550.56,-3159.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;node_modules/react -->
<g id="edge275" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M398.69,-2222.57C410.98,-2222.57 421,-2222.57 421,-2222.57 421,-2222.57 421,-702.77 421,-702.77 421,-702.77 859.46,-702.77 859.46,-702.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.46,-704.87 865.46,-702.77 859.46,-700.67 859.46,-704.87"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;node_modules/clsx/dist -->
<g id="edge274" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M398.83,-2225.14C536.52,-2225.14 944,-2225.14 944,-2225.14 944,-2225.14 944,-753.3 944,-753.3 944,-753.3 925.76,-753.3 925.76,-753.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.76,-751.2 919.76,-753.3 925.76,-755.4 925.76,-751.2"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge268" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M309.49,-2229C278.61,-2229 243,-2229 243,-2229 243,-2229 243,-3533.45 243,-3533.45 243,-3533.45 478.98,-3533.45 478.98,-3533.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.98,-3535.55 484.98,-3533.45 478.98,-3531.35 478.98,-3535.55"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge273" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M398.52,-2232.86C470.14,-2232.86 603,-2232.86 603,-2232.86 603,-2232.86 603,-4100.88 603,-4100.88 603,-4100.88 695,-4100.88 695,-4100.88 695,-4100.88 695,-4183.94 695,-4183.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="692.9,-4183.94 695,-4189.94 697.1,-4183.95 692.9,-4183.94"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge269" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M398.71,-2227.71C499.16,-2227.71 734,-2227.71 734,-2227.71 734,-2227.71 734,-3595.85 734,-3595.85 734,-3595.85 545.22,-3595.85 545.22,-3595.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.22,-3593.75 539.22,-3595.85 545.22,-3597.95 545.22,-3593.75"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge270" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M309.26,-2233.5C278.8,-2233.5 244,-2233.5 244,-2233.5 244,-2233.5 244,-3504.6 244,-3504.6 244,-3504.6 476.3,-3504.6 476.3,-3504.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.3,-3506.7 482.3,-3504.6 476.3,-3502.5 476.3,-3506.7"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge271" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M398.77,-2230.29C476.22,-2230.29 627,-2230.29 627,-2230.29 627,-2230.29 627,-3131.08 627,-3131.08 627,-3131.08 545.25,-3131.08 545.25,-3131.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.25,-3128.98 539.25,-3131.08 545.25,-3133.18 545.25,-3128.98"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge272" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/enterprise&#45;bullets&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M398.73,-2235.43C459.05,-2235.43 559,-2235.43 559,-2235.43 559,-2235.43 559,-3231.23 559,-3231.23 559,-3231.23 520.02,-3231.23 520.02,-3231.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="520.02,-3229.13 514.02,-3231.23 520.02,-3233.33 520.02,-3229.13"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;node_modules/react -->
<g id="edge284" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M394.9,-2286C529.32,-2286 949,-2286 949,-2286 949,-2286 949,-703.92 949,-703.92 949,-703.92 925.76,-703.92 925.76,-703.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.76,-701.82 919.76,-703.92 925.76,-706.02 925.76,-701.82"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;node_modules/clsx/dist -->
<g id="edge283" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M394.69,-2283C528.44,-2283 946,-2283 946,-2283 946,-2283 946,-751.5 946,-751.5 946,-751.5 925.56,-751.5 925.56,-751.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.56,-749.4 919.56,-751.5 925.56,-753.6 925.56,-749.4"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge276" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M313.24,-2290.8C283,-2290.8 247,-2290.8 247,-2290.8 247,-2290.8 247,-3531.82 247,-3531.82 247,-3531.82 478.64,-3531.82 478.64,-3531.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.64,-3533.92 484.64,-3531.82 478.64,-3529.72 478.64,-3533.92"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge282" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M313.42,-2283.6C248.12,-2283.6 127,-2283.6 127,-2283.6 127,-2283.6 127,-4202 127,-4202 127,-4202 652.18,-4202 652.18,-4202"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.18,-4204.1 658.18,-4202 652.18,-4199.9 652.18,-4204.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge277" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M313.46,-2287.2C264.9,-2287.2 190,-2287.2 190,-2287.2 190,-2287.2 190,-3591.6 190,-3591.6 190,-3591.6 478.82,-3591.6 478.82,-3591.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.82,-3593.7 484.82,-3591.6 478.82,-3589.5 478.82,-3593.7"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge278" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M313.49,-2294.4C284.29,-2294.4 250,-2294.4 250,-2294.4 250,-2294.4 250,-3502.8 250,-3502.8 250,-3502.8 476.45,-3502.8 476.45,-3502.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.45,-3504.9 482.45,-3502.8 476.45,-3500.7 476.45,-3504.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge279" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.79,-2292C454.32,-2292 558,-2292 558,-2292 558,-2292 558,-3376 558,-3376 558,-3376 546.61,-3376 546.61,-3376"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.61,-3373.9 540.61,-3376 546.61,-3378.1 546.61,-3373.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge280" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.59,-2289C460.62,-2289 584,-2289 584,-2289 584,-2289 584,-3128.31 584,-3128.31 584,-3128.31 545.22,-3128.31 545.22,-3128.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.22,-3126.21 539.22,-3128.31 545.22,-3130.41 545.22,-3126.21"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge281" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/experts&#45;support&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.69,-2295C405.88,-2295 415,-2295 415,-2295 415,-2295 415,-3945.71 415,-3945.71 415,-3945.71 478.98,-3945.71 478.98,-3945.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.98,-3947.81 484.98,-3945.71 478.98,-3943.61 478.98,-3947.81"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;node_modules/react -->
<g id="edge294" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.23,-2192C399.41,-2192 420,-2192 420,-2192 420,-2192 420,-702.31 420,-702.31 420,-702.31 859.4,-702.31 859.4,-702.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.4,-704.41 865.4,-702.31 859.4,-700.21 859.4,-704.41"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge285" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.36,-2206C437.39,-2206 560,-2206 560,-2206 560,-2206 560,-3465.6 560,-3465.6 560,-3465.6 545.09,-3465.6 545.09,-3465.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.09,-3463.5 539.09,-3465.6 545.09,-3467.7 545.09,-3463.5"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;node_modules/clsx/dist -->
<g id="edge293" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.23,-2194C497.07,-2194 943,-2194 943,-2194 943,-2194 943,-754.2 943,-754.2 943,-754.2 925.52,-754.2 925.52,-754.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.52,-752.1 919.52,-754.2 925.52,-756.3 925.52,-752.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge286" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.1,-2198C468.14,-2198 735,-2198 735,-2198 735,-2198 735,-3533.08 735,-3533.08 735,-3533.08 545.34,-3533.08 545.34,-3533.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.34,-3530.98 539.34,-3533.08 545.34,-3535.18 545.34,-3530.98"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge292" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.01,-2204C445.29,-2204 602,-2204 602,-2204 602,-2204 602,-4115.87 602,-4115.87 602,-4115.87 681,-4115.87 681,-4115.87 681,-4115.87 681,-4183.79 681,-4183.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="678.9,-4183.79 681,-4189.79 683.1,-4183.79 678.9,-4183.79"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge287" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.1,-2196C468.14,-2196 735,-2196 735,-2196 735,-2196 735,-3597.23 735,-3597.23 735,-3597.23 545.34,-3597.23 545.34,-3597.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.34,-3595.13 539.34,-3597.23 545.34,-3599.33 545.34,-3595.13"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge288" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.75,-2194.5C279.89,-2194.5 189,-2194.5 189,-2194.5 189,-2194.5 189,-3505.5 189,-3505.5 189,-3505.5 476.48,-3505.5 476.48,-3505.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.48,-3507.6 482.48,-3505.5 476.48,-3503.4 476.48,-3507.6"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge289" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.17,-2200C450.23,-2200 627,-2200 627,-2200 627,-2200 627,-3380 627,-3380 627,-3380 546.72,-3380 546.72,-3380"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.72,-3377.9 540.72,-3380 546.72,-3382.1 546.72,-3377.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge290" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.17,-2202C450.23,-2202 627,-2202 627,-2202 627,-2202 627,-3132.46 627,-3132.46 627,-3132.46 545.25,-3132.46 545.25,-3132.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.25,-3130.36 539.25,-3132.46 545.25,-3134.56 545.25,-3130.36"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge291" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.65,-2199C281.67,-2199 197,-2199 197,-2199 197,-2199 197,-3232.26 197,-3232.26 197,-3232.26 503.99,-3232.26 503.99,-3232.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.99,-3234.36 509.99,-3232.26 503.99,-3230.16 503.99,-3234.36"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/integrations&#45;&gt;node_modules/react -->
<g id="edge297" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/integrations&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M386.61,-2050C401.98,-2050 417,-2050 417,-2050 417,-2050 417,-700.46 417,-700.46 417,-700.46 859.23,-700.46 859.23,-700.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.23,-702.56 865.23,-700.46 859.23,-698.36 859.23,-702.56"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/integrations&#45;&gt;node_modules/clsx/dist -->
<g id="edge296" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/integrations&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M386.88,-2056C404.66,-2056 423,-2056 423,-2056 423,-2056 423,-750.94 423,-750.94 423,-750.94 859.23,-750.94 859.23,-750.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.23,-753.04 865.23,-750.94 859.23,-748.84 859.23,-753.04"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/integrations&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge295" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/integrations&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M321.26,-2057.5C285.42,-2057.5 233,-2057.5 233,-2057.5 233,-2057.5 233,-3586.8 233,-3586.8 233,-3586.8 478.99,-3586.8 478.99,-3586.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.99,-3588.9 484.99,-3586.8 478.99,-3584.7 478.99,-3588.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;node_modules/react -->
<g id="edge306" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M404.25,-2162.25C412.81,-2162.25 419,-2162.25 419,-2162.25 419,-2162.25 419,-701.85 419,-701.85 419,-701.85 859.34,-701.85 859.34,-701.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.34,-703.95 865.34,-701.85 859.34,-699.75 859.34,-703.95"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;node_modules/clsx/dist -->
<g id="edge305" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M404.08,-2164.5C415.83,-2164.5 425,-2164.5 425,-2164.5 425,-2164.5 425,-752.06 425,-752.06 425,-752.06 859.34,-752.06 859.34,-752.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.34,-754.16 865.34,-752.06 859.34,-749.96 859.34,-754.16"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge298" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.9,-2173.5C274.08,-2173.5 242,-2173.5 242,-2173.5 242,-2173.5 242,-3534.27 242,-3534.27 242,-3534.27 478.88,-3534.27 478.88,-3534.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-3536.37 484.88,-3534.27 478.88,-3532.17 478.88,-3536.37"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge304" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.17,-2175.75C475.85,-2175.75 599,-2175.75 599,-2175.75 599,-2175.75 599,-4134.8 599,-4134.8 599,-4134.8 668,-4134.8 668,-4134.8 668,-4134.8 668,-4183.8 668,-4183.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="665.9,-4183.8 668,-4189.8 670.1,-4183.8 665.9,-4183.8"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge299" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.91,-2164.5C253.77,-2164.5 184,-2164.5 184,-2164.5 184,-2164.5 184,-3506.4 184,-3506.4 184,-3506.4 476.31,-3506.4 476.31,-3506.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.31,-3508.5 482.31,-3506.4 476.31,-3504.3 476.31,-3508.5"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge300" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.12,-2169C483.44,-2169 629,-2169 629,-2169 629,-2169 629,-3382 629,-3382 629,-3382 546.62,-3382 546.62,-3382"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.62,-3379.9 540.62,-3382 546.62,-3384.1 546.62,-3379.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge301" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.26,-2173.5C483.36,-2173.5 628,-2173.5 628,-2173.5 628,-2173.5 628,-3133.85 628,-3133.85 628,-3133.85 545.2,-3133.85 545.2,-3133.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.2,-3131.75 539.2,-3133.85 545.2,-3135.95 545.2,-3131.75"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge302" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.26,-2171.25C483.36,-2171.25 628,-2171.25 628,-2171.25 628,-2171.25 628,-3160 628,-3160 628,-3160 550.62,-3160 550.62,-3160"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.62,-3157.9 544.62,-3160 550.62,-3162.1 550.62,-3157.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/theme/accent&#45;color -->
<g id="edge303" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/powering&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/theme/accent&#45;color</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.2,-2166.75C508.29,-2166.75 738,-2166.75 738,-2166.75 738,-2166.75 738,-4245 738,-4245 738,-4245 725.05,-4245 725.05,-4245"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.05,-4242.9 719.05,-4245 725.05,-4247.1 725.05,-4242.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;node_modules/react -->
<g id="edge315" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.07,-2255.14C497.27,-2255.14 948,-2255.14 948,-2255.14 948,-2255.14 948,-704.62 948,-704.62 948,-704.62 925.6,-704.62 925.6,-704.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.6,-702.52 919.6,-704.62 925.6,-706.72 925.6,-702.52"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;node_modules/clsx/dist -->
<g id="edge314" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.32,-2252.57C497.55,-2252.57 945,-2252.57 945,-2252.57 945,-2252.57 945,-752.4 945,-752.4 945,-752.4 925.67,-752.4 925.67,-752.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.67,-750.3 919.67,-752.4 925.67,-754.5 925.67,-750.3"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge307" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.78,-2260.8C294.49,-2260.8 245,-2260.8 245,-2260.8 245,-2260.8 245,-3532.64 245,-3532.64 245,-3532.64 478.93,-3532.64 478.93,-3532.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.93,-3534.74 484.93,-3532.64 478.93,-3530.54 478.93,-3534.74"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge313" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.71,-2253.6C265.79,-2253.6 124,-2253.6 124,-2253.6 124,-2253.6 124,-4203 124,-4203 124,-4203 652.42,-4203 652.42,-4203"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.42,-4205.1 658.42,-4203 652.42,-4200.9 652.42,-4205.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge308" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.26,-2257.71C468.16,-2257.71 733,-2257.71 733,-2257.71 733,-2257.71 733,-3594.46 733,-3594.46 733,-3594.46 545.1,-3594.46 545.1,-3594.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.1,-3592.36 539.1,-3594.46 545.1,-3596.56 545.1,-3592.36"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge309" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.28,-2265.43C403.77,-2265.43 432,-2265.43 432,-2265.43 432,-2265.43 432,-3553.64 432,-3553.64 432,-3553.64 478.92,-3553.64 478.92,-3553.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.92,-3555.74 484.92,-3553.64 478.92,-3551.54 478.92,-3555.74"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge310" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.96,-2264.4C295.85,-2264.4 249,-2264.4 249,-2264.4 249,-2264.4 249,-3503.7 249,-3503.7 249,-3503.7 476.34,-3503.7 476.34,-3503.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.34,-3505.8 482.34,-3503.7 476.34,-3501.6 476.34,-3505.8"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge311" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.07,-2260.29C449.87,-2260.29 626,-2260.29 626,-2260.29 626,-2260.29 626,-3378 626,-3378 626,-3378 546.77,-3378 546.77,-3378"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.77,-3375.9 540.77,-3378 546.77,-3380.1 546.77,-3375.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge312" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/reliability&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.41,-2262.86C442.6,-2262.86 585,-2262.86 585,-2262.86 585,-2262.86 585,-3129.69 585,-3129.69 585,-3129.69 545.18,-3129.69 545.18,-3129.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.18,-3127.59 539.18,-3129.69 545.18,-3131.79 545.18,-3127.59"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;node_modules/react -->
<g id="edge327" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M353,-2092.24C353,-2089.07 353,-2082.73 353,-2082.73 353,-2082.73 418,-2082.73 418,-2082.73 418,-2082.73 418,-700.92 418,-700.92 418,-700.92 859.28,-700.92 859.28,-700.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.28,-703.02 865.28,-700.92 859.28,-698.82 859.28,-703.02"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge317" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355,-2095.6C355,-2101.8 355,-2123.82 355,-2123.82 355,-2123.82 631,-2123.82 631,-2123.82 631,-2123.82 631,-3467.4 631,-3467.4 631,-3467.4 545,-3467.4 545,-3467.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545,-3465.3 539,-3467.4 545,-3469.5 545,-3465.3"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;node_modules/clsx/dist -->
<g id="edge326" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M352.1,-2093.64C326.81,-2093.64 57,-2093.64 57,-2093.64 57,-2093.64 57,-742.5 57,-742.5 57,-742.5 859.18,-742.5 859.18,-742.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.18,-744.6 865.18,-742.5 859.18,-740.4 859.18,-744.6"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge318" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.64,-2092.92C361.2,-2092.92 379,-2092.92 379,-2092.92 379,-2092.92 379,-2114.55 379,-2114.55 379,-2114.55 631,-2114.55 631,-2114.55 631,-2114.55 631,-3527.54 631,-3527.54 631,-3527.54 545,-3527.54 545,-3527.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545,-3525.44 539,-3527.54 545,-3529.64 545,-3525.44"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge325" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M352.43,-2092.92C348.22,-2092.92 337,-2092.92 337,-2092.92 337,-2092.92 337,-2111.45 337,-2111.45 337,-2111.45 227,-2111.45 227,-2111.45 227,-2111.45 227,-4196 227,-4196 227,-4196 652.19,-4196 652.19,-4196"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.19,-4198.1 658.19,-4196 652.19,-4193.9 652.19,-4198.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge319" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355,-2092.43C355,-2087.09 355,-2070 355,-2070 355,-2070 633,-2070 633,-2070 633,-2070 633,-3497.14 633,-3497.14 633,-3497.14 547.6,-3497.14 547.6,-3497.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.6,-3495.04 541.6,-3497.14 547.6,-3499.24 547.6,-3495.04"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge320" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.93,-2093.64C360.57,-2093.64 372,-2093.64 372,-2093.64 372,-2093.64 372,-2117.64 372,-2117.64 372,-2117.64 631,-2117.64 631,-2117.64 631,-2117.64 631,-3386 631,-3386 631,-3386 546.5,-3386 546.5,-3386"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="546.5,-3383.9 540.5,-3386 546.5,-3388.1 546.5,-3383.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/text&#45;separator -->
<g id="edge321" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/text&#45;separator</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M351.75,-2094.36C329.78,-2094.36 154,-2094.36 154,-2094.36 154,-2094.36 154,-3351 154,-3351 154,-3351 469.37,-3351 469.37,-3351"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="469.37,-3353.1 475.37,-3351 469.37,-3348.9 469.37,-3353.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge322" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-2096.16C354,-2103.48 354,-2126.91 354,-2126.91 354,-2126.91 240,-2126.91 240,-2126.91 240,-2126.91 240,-3130 240,-3130 240,-3130 478.93,-3130 478.93,-3130"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.93,-3132.1 484.93,-3130 478.93,-3127.9 478.93,-3132.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/spacing -->
<g id="edge323" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/spacing</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-2092.15C354,-2087.2 354,-2074 354,-2074 354,-2074 238,-2074 238,-2074 238,-2074 238,-3291 238,-3291 238,-3291 478.73,-3291 478.73,-3291"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.73,-3293.1 484.73,-3291 478.73,-3288.9 478.73,-3293.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge324" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.93,-2094.36C358.83,-2094.36 364,-2094.36 364,-2094.36 364,-2094.36 364,-2120.73 364,-2120.73 364,-2120.73 416,-2120.73 416,-2120.73 416,-2120.73 416,-3943.14 416,-3943.14 416,-3943.14 478.75,-3943.14 478.75,-3943.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.75,-3945.24 484.75,-3943.14 478.75,-3941.04 478.75,-3945.24"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form -->
<g id="node144" class="node">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form</title>
<g id="a_node144"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/enterprise-offering/components/sales-cta/contact-form" xlink:title="contact&#45;form">
<polygon fill="#ffffcc" stroke="black" points="546,-2096 480,-2096 478,-2094 478,-2078 544,-2078 546,-2080 546,-2096"/>
<polyline fill="none" stroke="black" points="544,-2094 478,-2094 "/>
<polyline fill="none" stroke="black" points="544,-2094 544,-2078 "/>
<polyline fill="none" stroke="black" points="544,-2094 546,-2096 "/>
<text text-anchor="middle" x="512" y="-2084.8" font-family="Helvetica,sans-Serif" font-size="9.00">contact&#45;form</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form -->
<g id="edge316" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.77,-2095.08C355.77,-2095.08 471.81,-2095.08 471.81,-2095.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="471.81,-2097.18 477.81,-2095.08 471.81,-2092.98 471.81,-2097.18"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components -->
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/react -->
<g id="edge335" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M546.13,-2086C648.68,-2086 947,-2086 947,-2086 947,-2086 947,-705.31 947,-705.31 947,-705.31 925.75,-705.31 925.75,-705.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.75,-703.21 919.75,-705.31 925.75,-707.41 925.75,-703.21"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge329" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M546.07,-2088C581.54,-2088 632,-2088 632,-2088 632,-2088 632,-3469.2 632,-3469.2 632,-3469.2 545.23,-3469.2 545.23,-3469.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.23,-3467.1 539.23,-3469.2 545.23,-3471.3 545.23,-3467.1"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/clsx/dist -->
<g id="edge333" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M546.1,-2084C647.8,-2084 942,-2084 942,-2084 942,-2084 942,-755.1 942,-755.1 942,-755.1 925.57,-755.1 925.57,-755.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.57,-753 919.57,-755.1 925.57,-757.2 925.57,-753"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/atoms/error -->
<g id="edge330" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/atoms/error</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M546.07,-2090C581.54,-2090 632,-2090 632,-2090 632,-2090 632,-3436.5 632,-3436.5 632,-3436.5 545.23,-3436.5 545.23,-3436.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.23,-3434.4 539.23,-3436.5 545.23,-3438.6 545.23,-3434.4"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/atoms/input -->
<g id="edge331" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/atoms/input</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M546.16,-2094C553.45,-2094 559,-2094 559,-2094 559,-2094 559,-3411 559,-3411 559,-3411 545.07,-3411 545.07,-3411"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.07,-3408.9 539.07,-3411 545.07,-3413.1 545.07,-3408.9"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge332" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M546.16,-2092C580.69,-2092 629,-2092 629,-2092 629,-2092 629,-3136.62 629,-3136.62 629,-3136.62 545.14,-3136.62 545.14,-3136.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.14,-3134.52 539.14,-3136.62 545.14,-3138.72 545.14,-3134.52"/>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta -->
<g id="edge328" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M477.77,-2087.47C431.84,-2087.47 356,-2087.47 356,-2087.47 356,-2087.47 356,-2088.11 356,-2088.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="353.9,-2087.93 356,-2093.93 358.1,-2087.93 353.9,-2087.93"/>
</g>
<!-- node_modules/formik/dist -->
<g id="node145" class="node">
<title>node_modules/formik/dist</title>
<g id="a_node145"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/formik/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-908 867.5,-908 865.5,-906 865.5,-890 917.5,-890 919.5,-892 919.5,-908"/>
<polyline fill="none" stroke="black" points="917.5,-906 865.5,-906 "/>
<polyline fill="none" stroke="black" points="917.5,-906 917.5,-890 "/>
<polyline fill="none" stroke="black" points="917.5,-906 919.5,-908 "/>
<text text-anchor="middle" x="892.5" y="-896.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/formik/dist -->
<g id="edge334" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/formik/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M546.02,-2082C561.75,-2082 577,-2082 577,-2082 577,-2082 577,-899 577,-899 577,-899 859.33,-899 859.33,-899"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.33,-901.1 865.33,-899 859.33,-896.9 859.33,-901.1"/>
</g>
<!-- node_modules/yup/lib -->
<g id="node146" class="node">
<title>node_modules/yup/lib</title>
<g id="a_node146"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/yup/lib" xlink:title="lib">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-832 867.5,-832 865.5,-830 865.5,-814 917.5,-814 919.5,-816 919.5,-832"/>
<polyline fill="none" stroke="black" points="917.5,-830 865.5,-830 "/>
<polyline fill="none" stroke="black" points="917.5,-830 917.5,-814 "/>
<polyline fill="none" stroke="black" points="917.5,-830 919.5,-832 "/>
<text text-anchor="middle" x="892.5" y="-820.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">lib</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/yup/lib -->
<g id="edge336" class="edge">
<title>libs/components/src/mfe/views/enterprise&#45;offering/components/sales&#45;cta/contact&#45;form&#45;&gt;node_modules/yup/lib</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M546.25,-2080C561.46,-2080 576,-2080 576,-2080 576,-2080 576,-823 576,-823 576,-823 859.24,-823 859.24,-823"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.24,-825.1 865.24,-823 859.24,-820.9 859.24,-825.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;node_modules/react -->
<g id="edge363" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M391.05,-2544.5C528.32,-2544.5 1000,-2544.5 1000,-2544.5 1000,-2544.5 1000,-699.08 1000,-699.08 1000,-699.08 925.63,-699.08 925.63,-699.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.63,-696.98 919.63,-699.08 925.63,-701.18 925.63,-696.98"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;node_modules/clsx/dist -->
<g id="edge362" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M391.23,-2542.25C528.04,-2542.25 995,-2542.25 995,-2542.25 995,-2542.25 995,-747 995,-747 995,-747 925.7,-747 925.7,-747"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.7,-744.9 919.7,-747 925.7,-749.1 925.7,-744.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge354" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M316.82,-2555C300.94,-2555 286,-2555 286,-2555 286,-2555 286,-3529.36 286,-3529.36 286,-3529.36 478.74,-3529.36 478.74,-3529.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.74,-3531.46 484.74,-3529.36 478.74,-3527.26 478.74,-3531.46"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge361" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M316.63,-2546C256.52,-2546 145,-2546 145,-2546 145,-2546 145,-4197 145,-4197 145,-4197 652.33,-4197 652.33,-4197"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.33,-4199.1 658.33,-4197 652.33,-4194.9 652.33,-4199.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge355" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M316.67,-2552C300.41,-2552 285,-2552 285,-2552 285,-2552 285,-3584.4 285,-3584.4 285,-3584.4 478.62,-3584.4 478.62,-3584.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.62,-3586.5 484.62,-3584.4 478.62,-3582.3 478.62,-3586.5"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge356" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.03,-2555.75C413.94,-2555.75 439,-2555.75 439,-2555.75 439,-2555.75 439,-3495.6 439,-3495.6 439,-3495.6 476.31,-3495.6 476.31,-3495.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.31,-3497.7 482.31,-3495.6 476.31,-3493.5 476.31,-3497.7"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge357" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.34,-2551.25C449.46,-2551.25 555,-2551.25 555,-2551.25 555,-2551.25 555,-3125.54 555,-3125.54 555,-3125.54 545.48,-3125.54 545.48,-3125.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.48,-3123.44 539.48,-3125.54 545.48,-3127.64 545.48,-3123.44"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge358" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.24,-2546.75C458.65,-2546.75 594,-2546.75 594,-2546.75 594,-2546.75 594,-3231.74 594,-3231.74 594,-3231.74 520.03,-3231.74 520.03,-3231.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="520.03,-3229.64 514.03,-3231.74 520.03,-3233.84 520.03,-3229.64"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid -->
<g id="edge359" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.01,-2553.5C425.62,-2553.5 472,-2553.5 472,-2553.5 472,-2553.5 472,-3056.5 472,-3056.5 472,-3056.5 472.49,-3056.5 472.49,-3056.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="470.9,-3058.6 476.9,-3056.5 470.9,-3054.4 470.9,-3058.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge360" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/build&#45;together&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.34,-2549C449.46,-2549 555,-2549 555,-2549 555,-2549 555,-3152 555,-3152 555,-3152 550.59,-3152 550.59,-3152"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.59,-3149.9 544.59,-3152 550.59,-3154.1 550.59,-3149.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;node_modules/react -->
<g id="edge371" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M395.69,-2487.2C535.95,-2487.2 982,-2487.2 982,-2487.2 982,-2487.2 982,-700.46 982,-700.46 982,-700.46 925.84,-700.46 925.84,-700.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.84,-698.36 919.84,-700.46 925.84,-702.56 925.84,-698.36"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;node_modules/clsx/dist -->
<g id="edge370" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M395.84,-2483.6C535.53,-2483.6 977,-2483.6 977,-2483.6 977,-2483.6 977,-748.8 977,-748.8 977,-748.8 925.7,-748.8 925.7,-748.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.7,-746.7 919.7,-748.8 925.7,-750.9 925.7,-746.7"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge364" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M395.81,-2494.4C414.76,-2494.4 433,-2494.4 433,-2494.4 433,-2494.4 433,-3524.45 433,-3524.45 433,-3524.45 478.81,-3524.45 478.81,-3524.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.81,-3526.55 484.81,-3524.45 478.81,-3522.35 478.81,-3526.55"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge367" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M312.37,-2487.2C250.63,-2487.2 142,-2487.2 142,-2487.2 142,-2487.2 142,-4198 142,-4198 142,-4198 652.18,-4198 652.18,-4198"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.18,-4200.1 658.18,-4198 652.18,-4195.9 652.18,-4200.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge365" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M312.33,-2494.4C302.09,-2494.4 294,-2494.4 294,-2494.4 294,-2494.4 294,-3127 294,-3127 294,-3127 478.83,-3127 478.83,-3127"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.83,-3129.1 484.83,-3127 478.83,-3124.9 478.83,-3129.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge366" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M395.85,-2490.8C455.02,-2490.8 556,-2490.8 556,-2490.8 556,-2490.8 556,-3156 556,-3156 556,-3156 550.9,-3156 550.9,-3156"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.9,-3153.9 544.9,-3156 550.9,-3158.1 550.9,-3153.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/design/data/testimonials -->
<g id="edge368" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/design/data/testimonials</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M312.29,-2483.6C223.12,-2483.6 22,-2483.6 22,-2483.6 22,-2483.6 22,-4562 22,-4562 22,-4562 167.48,-4562 167.48,-4562"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="167.48,-4564.1 173.48,-4562 167.48,-4559.9 167.48,-4564.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/design/organisms/comment&#45;carousel -->
<g id="edge369" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/carouselSection&#45;&gt;libs/components/src/design/organisms/comment&#45;carousel</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M318,-2479.91C318,-2460.61 318,-2417.27 318,-2417.27 318,-2417.27 170,-2417.27 170,-2417.27 170,-2417.27 170,-4443.9 170,-4443.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="167.9,-4443.9 170,-4449.9 172.1,-4443.9 167.9,-4443.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;node_modules/react -->
<g id="edge384" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M385.12,-2456.75C510.64,-2456.75 973,-2456.75 973,-2456.75 973,-2456.75 973,-701.15 973,-701.15 973,-701.15 925.75,-701.15 925.75,-701.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.75,-699.05 919.75,-701.15 925.75,-703.25 925.75,-699.05"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;node_modules/clsx/dist -->
<g id="edge383" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M385.29,-2454.5C510.41,-2454.5 968,-2454.5 968,-2454.5 968,-2454.5 968,-749.7 968,-749.7 968,-749.7 925.76,-749.7 925.76,-749.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.76,-747.6 919.76,-749.7 925.76,-751.8 925.76,-747.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge372" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.16,-2465.75C407.62,-2465.75 434,-2465.75 434,-2465.75 434,-2465.75 434,-3523.64 434,-3523.64 434,-3523.64 478.72,-3523.64 478.72,-3523.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.72,-3525.74 484.72,-3523.64 478.72,-3521.54 478.72,-3525.74"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge377" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.74,-2460.29C263.11,-2460.29 139,-2460.29 139,-2460.29 139,-2460.29 139,-4199 139,-4199 139,-4199 652.4,-4199 652.4,-4199"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.4,-4201.1 658.4,-4199 652.4,-4196.9 652.4,-4201.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge373" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.14,-2459C442.48,-2459 559,-2459 559,-2459 559,-2459 559,-3493.29 559,-3493.29 559,-3493.29 547.77,-3493.29 547.77,-3493.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.77,-3491.19 541.77,-3493.29 547.77,-3495.39 547.77,-3491.19"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge374" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.79,-2465.43C307.78,-2465.43 293,-2465.43 293,-2465.43 293,-2465.43 293,-3128 293,-3128 293,-3128 478.71,-3128 478.71,-3128"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.71,-3130.1 484.71,-3128 478.71,-3125.9 478.71,-3130.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge375" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.01,-2463.5C413.72,-2463.5 452,-2463.5 452,-2463.5 452,-2463.5 452,-3220.28 452,-3220.28 452,-3220.28 514,-3220.28 514,-3220.28 514,-3220.28 514,-3225.87 514,-3225.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="511.9,-3225.87 514,-3231.87 516.1,-3225.87 511.9,-3225.87"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge376" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.27,-2461.25C442.22,-2461.25 557,-2461.25 557,-2461.25 557,-2461.25 557,-3158 557,-3158 557,-3158 550.7,-3158 550.7,-3158"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.7,-3155.9 544.7,-3158 550.7,-3160.1 550.7,-3155.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/data/links -->
<g id="edge378" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/data/links</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.95,-2455.14C240.81,-2455.14 24,-2455.14 24,-2455.14 24,-2455.14 24,-4539.5 24,-4539.5 24,-4539.5 174.42,-4539.5 174.42,-4539.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="174.42,-4541.6 180.42,-4539.5 174.42,-4537.4 174.42,-4541.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/molecules/community&#45;links/github&#45;link -->
<g id="edge379" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/molecules/community&#45;links/github&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.94,-2457.71C241.32,-2457.71 27,-2457.71 27,-2457.71 27,-2457.71 27,-4515.5 27,-4515.5 27,-4515.5 318.4,-4515.5 318.4,-4515.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="318.4,-4517.6 324.4,-4515.5 318.4,-4513.4 318.4,-4517.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/molecules/community&#45;links/slack&#45;link -->
<g id="edge380" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/molecules/community&#45;links/slack&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-2468.24C354,-2471.33 354,-2474 354,-2474 354,-2474 464,-2474 464,-2474 464,-2474 464,-4539.71 464,-4539.71 464,-4539.71 388.04,-4539.71 388.04,-4539.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="388.04,-4537.61 382.04,-4539.71 388.04,-4541.81 388.04,-4537.61"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/molecules/twitter&#45;card -->
<g id="edge382" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;libs/components/src/design/molecules/twitter&#45;card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.72,-2452.57C238.79,-2452.57 15,-2452.57 15,-2452.57 15,-2452.57 15,-4655 15,-4655 15,-4655 316.72,-4655 316.72,-4655"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="316.72,-4657.1 322.72,-4655 316.72,-4652.9 316.72,-4657.1"/>
</g>
<!-- node_modules/@watheia/design.molecules.community&#45;links.twitter&#45;link/dist -->
<g id="node160" class="node">
<title>node_modules/@watheia/design.molecules.community&#45;links.twitter&#45;link/dist</title>
<g id="a_node160"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/@watheia/design.molecules.community-links.twitter-link/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-568 867.5,-568 865.5,-566 865.5,-550 917.5,-550 919.5,-552 919.5,-568"/>
<polyline fill="none" stroke="black" points="917.5,-566 865.5,-566 "/>
<polyline fill="none" stroke="black" points="917.5,-566 917.5,-550 "/>
<polyline fill="none" stroke="black" points="917.5,-566 919.5,-568 "/>
<text text-anchor="middle" x="892.5" y="-556.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;node_modules/@watheia/design.molecules.community&#45;links.twitter&#45;link/dist -->
<g id="edge381" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/community&#45;&gt;node_modules/@watheia/design.molecules.community&#45;links.twitter&#45;link/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M385.18,-2452.25C462.34,-2452.25 656,-2452.25 656,-2452.25 656,-2452.25 656,-559 656,-559 656,-559 859.37,-559 859.37,-559"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.37,-561.1 865.37,-559 859.37,-556.9 859.37,-561.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;node_modules/react -->
<g id="edge393" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M411.11,-2602C569.73,-2602 1004,-2602 1004,-2602 1004,-2602 1004,-698.38 1004,-698.38 1004,-698.38 925.78,-698.38 925.78,-698.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.78,-696.28 919.78,-698.38 925.78,-700.48 925.78,-696.28"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;node_modules/clsx/dist -->
<g id="edge392" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M411.1,-2604C575.95,-2604 1041,-2604 1041,-2604 1041,-2604 1041,-745.2 1041,-745.2 1041,-745.2 925.74,-745.2 925.74,-745.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.74,-743.1 919.74,-745.2 925.74,-747.3 925.74,-743.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge385" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M411.28,-2610C478.53,-2610 581,-2610 581,-2610 581,-2610 581,-3526.15 581,-3526.15 581,-3526.15 545.27,-3526.15 545.27,-3526.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.27,-3524.05 539.27,-3526.15 545.27,-3528.25 545.27,-3524.05"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge391" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M411.37,-2606C533.27,-2606 807,-2606 807,-2606 807,-2606 807,-4201.5 807,-4201.5 807,-4201.5 718.77,-4201.5 718.77,-4201.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.77,-4199.4 712.77,-4201.5 718.77,-4203.6 718.77,-4199.4"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge386" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M411.13,-2608C480.97,-2608 590,-2608 590,-2608 590,-2608 590,-3586.15 590,-3586.15 590,-3586.15 545.28,-3586.15 545.28,-3586.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.28,-3584.05 539.28,-3586.15 545.28,-3588.25 545.28,-3584.05"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge387" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M411.19,-2614C425.57,-2614 437,-2614 437,-2614 437,-2614 437,-3497.4 437,-3497.4 437,-3497.4 476.36,-3497.4 476.36,-3497.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.36,-3499.5 482.36,-3497.4 476.36,-3495.3 476.36,-3499.5"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge388" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M411.04,-2616C470.16,-2616 554,-2616 554,-2616 554,-2616 554,-3122.77 554,-3122.77 554,-3122.77 545.31,-3122.77 545.31,-3122.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.31,-3120.67 539.31,-3122.77 545.31,-3124.87 545.31,-3120.67"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge389" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M296.96,-2605.1C295.71,-2605.1 295,-2605.1 295,-2605.1 295,-2605.1 295,-3231.23 295,-3231.23 295,-3231.23 504.12,-3231.23 504.12,-3231.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="504.12,-3233.33 510.12,-3231.23 504.12,-3229.13 504.12,-3233.33"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid -->
<g id="edge390" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/component&#45;advantages&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M411.26,-2612C436.7,-2612 461,-2612 461,-2612 461,-2612 461,-3065.5 461,-3065.5 461,-3065.5 470.86,-3065.5 470.86,-3065.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="470.86,-3067.6 476.86,-3065.5 470.86,-3063.4 470.86,-3067.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;node_modules/react -->
<g id="edge402" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.07,-2752.25C458.94,-2752.25 678,-2752.25 678,-2752.25 678,-2752.25 678,-735.18 678,-735.18 678,-735.18 886,-735.18 886,-735.18 886,-735.18 886,-712.24 886,-712.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="888.1,-712.24 886,-706.24 883.9,-712.24 888.1,-712.24"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge394" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.14,-2761.25C415.7,-2761.25 471,-2761.25 471,-2761.25 471,-2761.25 471,-3465 471,-3465 471,-3465 478.88,-3465 478.88,-3465"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-3467.1 484.88,-3465 478.88,-3462.9 478.88,-3467.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;node_modules/clsx/dist -->
<g id="edge401" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.1,-2754.5C512.71,-2754.5 1079,-2754.5 1079,-2754.5 1079,-2754.5 1079,-739.8 1079,-739.8 1079,-739.8 925.62,-739.8 925.62,-739.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.62,-737.7 919.62,-739.8 925.62,-741.9 925.62,-737.7"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge395" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.92,-2759C309.84,-2759 291,-2759 291,-2759 291,-2759 291,-3526.91 291,-3526.91 291,-3526.91 478.9,-3526.91 478.9,-3526.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.9,-3529.01 484.9,-3526.91 478.9,-3524.81 478.9,-3529.01"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge400" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.18,-2756.75C467.86,-2756.75 732,-2756.75 732,-2756.75 732,-2756.75 732,-4195.5 732,-4195.5 732,-4195.5 718.55,-4195.5 718.55,-4195.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.55,-4193.4 712.55,-4195.5 718.55,-4197.6 718.55,-4193.4"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge396" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.07,-2759C442.27,-2759 586,-2759 586,-2759 586,-2759 586,-3554.57 586,-3554.57 586,-3554.57 545.13,-3554.57 545.13,-3554.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.13,-3552.47 539.13,-3554.57 545.13,-3556.67 545.13,-3552.47"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge397" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.99,-2763.5C310.28,-2763.5 292,-2763.5 292,-2763.5 292,-2763.5 292,-3499.2 292,-3499.2 292,-3499.2 476.33,-3499.2 476.33,-3499.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.33,-3501.3 482.33,-3499.2 476.33,-3497.1 476.33,-3501.3"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge398" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.06,-2763.5C411.58,-2763.5 457,-2763.5 457,-2763.5 457,-2763.5 457,-3124 457,-3124 457,-3124 478.82,-3124 478.82,-3124"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.82,-3126.1 484.82,-3124 478.82,-3121.9 478.82,-3126.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge399" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/cta&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.02,-2765.75C409.72,-2765.75 451,-2765.75 451,-2765.75 451,-2765.75 451,-3223.52 451,-3223.52 451,-3223.52 513,-3223.52 513,-3223.52 513,-3223.52 513,-3224.36 513,-3224.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="510.9,-3224.36 513,-3230.36 515.1,-3224.37 510.9,-3224.36"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;node_modules/react -->
<g id="edge410" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M406.16,-2722.25C496.37,-2722.25 672,-2722.25 672,-2722.25 672,-2722.25 672,-734.25 672,-734.25 672,-734.25 884,-734.25 884,-734.25 884,-734.25 884,-712.02 884,-712.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="886.1,-712.02 884,-706.02 881.9,-712.02 886.1,-712.02"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;node_modules/clsx/dist -->
<g id="edge409" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M406.22,-2724.5C571.44,-2724.5 1072,-2724.5 1072,-2724.5 1072,-2724.5 1072,-740.7 1072,-740.7 1072,-740.7 925.76,-740.7 925.76,-740.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.76,-738.6 919.76,-740.7 925.76,-742.8 925.76,-738.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge403" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M301.84,-2732C294.29,-2732 289,-2732 289,-2732 289,-2732 289,-3527.73 289,-3527.73 289,-3527.73 478.66,-3527.73 478.66,-3527.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.66,-3529.83 484.66,-3527.73 478.66,-3525.63 478.66,-3529.83"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge408" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M406.32,-2726.75C523.14,-2726.75 795,-2726.75 795,-2726.75 795,-2726.75 795,-4197 795,-4197 795,-4197 718.57,-4197 718.57,-4197"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.57,-4194.9 712.57,-4197 718.57,-4199.1 718.57,-4194.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge404" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M406.22,-2729C475.19,-2729 588,-2729 588,-2729 588,-2729 588,-3583.38 588,-3583.38 588,-3583.38 545.01,-3583.38 545.01,-3583.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.01,-3581.28 539.01,-3583.38 545.01,-3585.48 545.01,-3581.28"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge405" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M406.12,-2731.25C436.54,-2731.25 469,-2731.25 469,-2731.25 469,-2731.25 469,-3493.8 469,-3493.8 469,-3493.8 476.14,-3493.8 476.14,-3493.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.14,-3495.9 482.14,-3493.8 476.14,-3491.7 476.14,-3495.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge406" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M406.3,-2733.5C432.2,-2733.5 458,-2733.5 458,-2733.5 458,-2733.5 458,-3123 458,-3123 458,-3123 478.68,-3123 478.68,-3123"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.68,-3125.1 484.68,-3123 478.68,-3120.9 478.68,-3125.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge407" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/develop&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M406.05,-2735.75C430.35,-2735.75 454,-2735.75 454,-2735.75 454,-2735.75 454,-3158 454,-3158 454,-3158 473.27,-3158 473.27,-3158"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.27,-3160.1 479.27,-3158 473.27,-3155.9 473.27,-3160.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;node_modules/react -->
<g id="edge420" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M407.21,-2514.5C560.31,-2514.5 991,-2514.5 991,-2514.5 991,-2514.5 991,-699.77 991,-699.77 991,-699.77 925.68,-699.77 925.68,-699.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.68,-697.67 919.68,-699.77 925.68,-701.87 925.68,-697.67"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;node_modules/clsx/dist -->
<g id="edge419" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M407.07,-2512.25C559.2,-2512.25 986,-2512.25 986,-2512.25 986,-2512.25 986,-747.9 986,-747.9 986,-747.9 925.54,-747.9 925.54,-747.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.54,-745.8 919.54,-747.9 925.54,-750 925.54,-745.8"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge411" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.13,-2525.75C421.42,-2525.75 433,-2525.75 433,-2525.75 433,-2525.75 433,-3525.27 433,-3525.27 433,-3525.27 478.81,-3525.27 478.81,-3525.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.81,-3527.37 484.81,-3525.27 478.81,-3523.17 478.81,-3527.37"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge418" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.05,-2521.25C436,-2521.25 466,-2521.25 466,-2521.25 466,-2521.25 466,-4193 466,-4193 466,-4193 652.14,-4193 652.14,-4193"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.14,-4195.1 658.14,-4193 652.14,-4190.9 652.14,-4195.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge412" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M300.95,-2520.8C291.18,-2520.8 284,-2520.8 284,-2520.8 284,-2520.8 284,-3585.6 284,-3585.6 284,-3585.6 478.95,-3585.6 478.95,-3585.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.95,-3587.7 484.95,-3585.6 478.95,-3583.5 478.95,-3587.7"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge413" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.49,-2523.5C424.98,-2523.5 440,-2523.5 440,-2523.5 440,-2523.5 440,-3494.7 440,-3494.7 440,-3494.7 476.3,-3494.7 476.3,-3494.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.3,-3496.8 482.3,-3494.7 476.3,-3492.6 476.3,-3496.8"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge414" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M300.95,-2524.4C297.87,-2524.4 296,-2524.4 296,-2524.4 296,-2524.4 296,-3126 296,-3126 296,-3126 478.64,-3126 478.64,-3126"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.64,-3128.1 484.64,-3126 478.64,-3123.9 478.64,-3128.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge415" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M300.84,-2517.2C276.51,-2517.2 253,-2517.2 253,-2517.2 253,-2517.2 253,-3231.74 253,-3231.74 253,-3231.74 504.06,-3231.74 504.06,-3231.74"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="504.06,-3233.84 510.06,-3231.74 504.06,-3229.64 504.06,-3233.84"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/z&#45;grid -->
<g id="edge416" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/z&#45;grid</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.13,-2519C438.45,-2519 472,-2519 472,-2519 472,-2519 472,-3031 472,-3031 472,-3031 478.66,-3031 478.66,-3031"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.66,-3033.1 484.66,-3031 478.66,-3028.9 478.66,-3033.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge417" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/discover&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M407.07,-2516.75C466.92,-2516.75 556,-2516.75 556,-2516.75 556,-2516.75 556,-3154 556,-3154 556,-3154 550.9,-3154 550.9,-3154"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="550.9,-3151.9 544.9,-3154 550.9,-3156.1 550.9,-3151.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;node_modules/react -->
<g id="edge432" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M400.09,-2786C490.64,-2786 683,-2786 683,-2786 683,-2786 683,-736.12 683,-736.12 683,-736.12 888,-736.12 888,-736.12 888,-736.12 888,-712.07 888,-712.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="890.1,-712.07 888,-706.07 885.9,-712.07 890.1,-712.07"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge421" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390,-2798.17C390,-2879.45 390,-3474 390,-3474 390,-3474 478.92,-3474 478.92,-3474"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.92,-3476.1 484.92,-3474 478.92,-3471.9 478.92,-3476.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;node_modules/clsx/dist -->
<g id="edge431" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M400.31,-2792C496.9,-2792 711,-2792 711,-2792 711,-2792 711,-807.35 711,-807.35 711,-807.35 883,-807.35 883,-807.35 883,-807.35 883,-762.17 883,-762.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="885.1,-762.17 883,-756.17 880.9,-762.17 885.1,-762.17"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge422" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M387,-2798.05C387,-2882.3 387,-3526.09 387,-3526.09 387,-3526.09 478.88,-3526.09 478.88,-3526.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-3528.19 484.88,-3526.09 478.88,-3523.99 478.88,-3528.19"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge430" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M345,-2798.35C345,-2920.34 345,-4195 345,-4195 345,-4195 652.5,-4195 652.5,-4195"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.5,-4197.1 658.5,-4195 652.5,-4192.9 652.5,-4197.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge423" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M363,-2798.27C363,-2888.97 363,-3614.57 363,-3614.57 363,-3614.57 478.67,-3614.57 478.67,-3614.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.67,-3616.67 484.67,-3614.57 478.67,-3612.47 478.67,-3616.67"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge424" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M372,-2798.19C372,-2886.63 372,-3583.2 372,-3583.2 372,-3583.2 478.67,-3583.2 478.67,-3583.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.67,-3585.3 484.67,-3583.2 478.67,-3581.1 478.67,-3585.3"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge425" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385,-2798.16C385,-2884.8 385,-3556.91 385,-3556.91 385,-3556.91 478.76,-3556.91 478.76,-3556.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.76,-3559.01 484.76,-3556.91 478.76,-3554.81 478.76,-3559.01"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge426" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388,-2798.23C388,-2881.37 388,-3498.3 388,-3498.3 388,-3498.3 476.3,-3498.3 476.3,-3498.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.3,-3500.4 482.3,-3498.3 476.3,-3496.2 476.3,-3500.4"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge427" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M395,-2798.34C395,-2852.6 395,-3125 395,-3125 395,-3125 478.86,-3125 478.86,-3125"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.86,-3127.1 484.86,-3125 478.86,-3122.9 478.86,-3127.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/layout/col&#45;span -->
<g id="edge428" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/layout/col&#45;span</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394,-2798.11C394,-2857.65 394,-3189 394,-3189 394,-3189 478.93,-3189 478.93,-3189"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.93,-3191.1 484.93,-3189 478.93,-3186.9 478.93,-3191.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge429" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/enterprise&#45;section&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M392,-2798.23C392,-2861.66 392,-3230.71 392,-3230.71 392,-3230.71 504.65,-3230.71 504.65,-3230.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="504.65,-3232.81 510.65,-3230.71 504.65,-3228.61 504.65,-3232.81"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;node_modules/react -->
<g id="edge444" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M354,-2629.76C354,-2626.67 354,-2624 354,-2624 354,-2624 1013,-2624 1013,-2624 1013,-2624 1013,-697 1013,-697 1013,-697 925.54,-697 925.54,-697"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.54,-694.9 919.54,-697 925.54,-699.1 925.54,-694.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge433" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.19,-2646C407.36,-2646 443,-2646 443,-2646 443,-2646 443,-3468 443,-3468 443,-3468 478.73,-3468 478.73,-3468"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.73,-3470.1 484.73,-3468 478.73,-3465.9 478.73,-3470.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;node_modules/clsx/dist -->
<g id="edge443" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M368,-2629.72C368,-2628.69 368,-2628 368,-2628 368,-2628 1054,-2628 1054,-2628 1054,-2628 1054,-743.4 1054,-743.4 1054,-743.4 925.53,-743.4 925.53,-743.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.53,-741.3 919.53,-743.4 925.53,-745.5 925.53,-741.3"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge434" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.26,-2636C441.37,-2636 580,-2636 580,-2636 580,-2636 580,-3524.77 580,-3524.77 580,-3524.77 545.27,-3524.77 545.27,-3524.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.27,-3522.67 539.27,-3524.77 545.27,-3526.87 545.27,-3522.67"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge441" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M363,-2648.3C363,-2652.26 363,-2656 363,-2656 363,-2656 465,-2656 465,-2656 465,-2656 465,-4194 465,-4194 465,-4194 652.46,-4194 652.46,-4194"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.46,-4196.1 658.46,-4194 652.46,-4191.9 652.46,-4196.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge435" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.07,-2632C449.87,-2632 626,-2632 626,-2632 626,-2632 626,-3591.69 626,-3591.69 626,-3591.69 545.02,-3591.69 545.02,-3591.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.02,-3589.59 539.02,-3591.69 545.02,-3593.79 545.02,-3589.59"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge436" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.18,-2634C442.65,-2634 587,-2634 587,-2634 587,-2634 587,-3557.14 587,-3557.14 587,-3557.14 545.08,-3557.14 545.08,-3557.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.08,-3555.04 539.08,-3557.14 545.08,-3559.24 545.08,-3555.04"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge437" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.02,-2638C440.6,-2638 578,-2638 578,-2638 578,-2638 578,-3494.57 578,-3494.57 578,-3494.57 547.53,-3494.57 547.53,-3494.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.53,-3492.47 541.53,-3494.57 547.53,-3496.67 547.53,-3492.47"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge438" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.39,-2640C436.16,-2640 554,-2640 554,-2640 554,-2640 554,-3121.38 554,-3121.38 554,-3121.38 545.31,-3121.38 545.31,-3121.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.31,-3119.28 539.31,-3121.38 545.31,-3123.48 545.31,-3119.28"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge439" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.4,-2644C408.83,-2644 447,-2644 447,-2644 447,-2644 447,-3267.43 447,-3267.43 447,-3267.43 513,-3267.43 513,-3267.43 513,-3267.43 513,-3239.52 513,-3239.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="515.1,-3239.52 513,-3233.52 510.9,-3239.52 515.1,-3239.52"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge440" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.07,-2642C410.98,-2642 455,-2642 455,-2642 455,-2642 455,-3154 455,-3154 455,-3154 473.17,-3154 473.17,-3154"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.17,-3156.1 479.17,-3154 473.17,-3151.9 473.17,-3156.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/design/molecules/icon&#45;line -->
<g id="edge442" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;libs/components/src/design/molecules/icon&#45;line</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M345,-2648.17C345,-2650.32 345,-2652 345,-2652 345,-2652 29,-2652 29,-2652 29,-2652 29,-4446 29,-4446 29,-4446 320.85,-4446 320.85,-4446"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="320.85,-4448.1 326.85,-4446 320.85,-4443.9 320.85,-4448.1"/>
</g>
<!-- node_modules/typewriter&#45;effect/dist -->
<g id="node161" class="node">
<title>node_modules/typewriter&#45;effect/dist</title>
<g id="a_node161"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/typewriter-effect/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-446 867.5,-446 865.5,-444 865.5,-428 917.5,-428 919.5,-430 919.5,-446"/>
<polyline fill="none" stroke="black" points="917.5,-444 865.5,-444 "/>
<polyline fill="none" stroke="black" points="917.5,-444 917.5,-428 "/>
<polyline fill="none" stroke="black" points="917.5,-444 919.5,-446 "/>
<text text-anchor="middle" x="892.5" y="-434.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;node_modules/typewriter&#45;effect/dist -->
<g id="edge445" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/hero&#45;&gt;node_modules/typewriter&#45;effect/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M341,-2629.95C341,-2625.05 341,-2620 341,-2620 341,-2620 833,-2620 833,-2620 833,-2620 833,-437 833,-437 833,-437 859.19,-437 859.19,-437"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.19,-439.1 865.19,-437 859.19,-434.9 859.19,-439.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;node_modules/react -->
<g id="edge454" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M304.75,-2700.9C212.97,-2700.9 25,-2700.9 25,-2700.9 25,-2700.9 25,-691.69 25,-691.69 25,-691.69 859.1,-691.69 859.1,-691.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.1,-693.79 865.1,-691.69 859.1,-689.59 859.1,-693.79"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;node_modules/clsx/dist -->
<g id="edge453" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M403.22,-2692C564.38,-2692 1066,-2692 1066,-2692 1066,-2692 1066,-741.6 1066,-741.6 1066,-741.6 925.61,-741.6 925.61,-741.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.61,-739.5 919.61,-741.6 925.61,-743.7 925.61,-739.5"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge446" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.1,-2698C469.3,-2698 579,-2698 579,-2698 579,-2698 579,-3523.38 579,-3523.38 579,-3523.38 545.25,-3523.38 545.25,-3523.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.25,-3521.28 539.25,-3523.38 545.25,-3525.48 545.25,-3521.28"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge452" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.32,-2694C519.18,-2694 799,-2694 799,-2694 799,-2694 799,-4198.5 799,-4198.5 799,-4198.5 718.69,-4198.5 718.69,-4198.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.69,-4196.4 712.69,-4198.5 718.69,-4200.6 718.69,-4196.4"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge447" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.26,-2696C472.17,-2696 589,-2696 589,-2696 589,-2696 589,-3584.77 589,-3584.77 589,-3584.77 545.36,-3584.77 545.36,-3584.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.36,-3582.67 539.36,-3584.77 545.36,-3586.87 545.36,-3582.67"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge448" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.19,-2700C434.81,-2700 470,-2700 470,-2700 470,-2700 470,-3492.9 470,-3492.9 470,-3492.9 476.37,-3492.9 476.37,-3492.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.37,-3495 482.37,-3492.9 476.37,-3490.8 476.37,-3495"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge449" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.12,-2702C430.45,-2702 459,-2702 459,-2702 459,-2702 459,-3122 459,-3122 459,-3122 478.88,-3122 478.88,-3122"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.88,-3124.1 484.88,-3122 478.88,-3119.9 478.88,-3124.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge450" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.17,-2706C426.35,-2706 449,-2706 449,-2706 449,-2706 449,-3243.27 449,-3243.27 449,-3243.27 512,-3243.27 512,-3243.27 512,-3243.27 512,-3240.17 512,-3240.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="514.1,-3240.17 512,-3234.17 509.9,-3240.17 514.1,-3240.17"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge451" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/independent&#45;teams&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.12,-2704C428.41,-2704 454,-2704 454,-2704 454,-2704 454,-3156 454,-3156 454,-3156 473.27,-3156 473.27,-3156"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.27,-3158.1 479.27,-3156 473.27,-3153.9 473.27,-3158.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;node_modules/react -->
<g id="edge464" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M306.31,-2577.2C225.66,-2577.2 71,-2577.2 71,-2577.2 71,-2577.2 71,-693.08 71,-693.08 71,-693.08 859.17,-693.08 859.17,-693.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.17,-695.18 865.17,-693.08 859.17,-690.98 859.17,-695.18"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;node_modules/clsx/dist -->
<g id="edge463" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M401.62,-2572C556.34,-2572 1035,-2572 1035,-2572 1035,-2572 1035,-746.1 1035,-746.1 1035,-746.1 925.64,-746.1 925.64,-746.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.64,-744 919.64,-746.1 925.64,-748.2 925.64,-744"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge455" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M306.38,-2584.4C295.47,-2584.4 287,-2584.4 287,-2584.4 287,-2584.4 287,-3528.55 287,-3528.55 287,-3528.55 478.86,-3528.55 478.86,-3528.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.86,-3530.65 484.86,-3528.55 478.86,-3526.45 478.86,-3530.65"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge462" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.61,-2574C518.66,-2574 811,-2574 811,-2574 811,-2574 811,-4203 811,-4203 811,-4203 718.73,-4203 718.73,-4203"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.73,-4200.9 712.73,-4203 718.73,-4205.1 718.73,-4200.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge456" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.68,-2576C470.88,-2576 591,-2576 591,-2576 591,-2576 591,-3587.54 591,-3587.54 591,-3587.54 545.19,-3587.54 545.19,-3587.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.19,-3585.44 539.19,-3587.54 545.19,-3589.64 545.19,-3585.44"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge457" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.89,-2586C420.75,-2586 438,-2586 438,-2586 438,-2586 438,-3496.5 438,-3496.5 438,-3496.5 476.33,-3496.5 476.33,-3496.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.33,-3498.6 482.33,-3496.5 476.33,-3494.4 476.33,-3498.6"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge458" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.63,-2578C461.07,-2578 555,-2578 555,-2578 555,-2578 555,-3124.15 555,-3124.15 555,-3124.15 545.48,-3124.15 545.48,-3124.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.48,-3122.05 539.48,-3124.15 545.48,-3126.25 545.48,-3122.05"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge459" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.76,-2584C427.08,-2584 453,-2584 453,-2584 453,-2584 453,-3204.1 453,-3204.1 453,-3204.1 527,-3204.1 527,-3204.1 527,-3204.1 527,-3232.26 527,-3232.26 527,-3232.26 519.84,-3232.26 519.84,-3232.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="519.84,-3230.16 513.84,-3232.26 519.84,-3234.36 519.84,-3230.16"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid -->
<g id="edge460" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;presets/four&#45;way&#45;grid</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.59,-2580C433.98,-2580 471,-2580 471,-2580 471,-2580 471,-3061 471,-3061 471,-3061 471.57,-3061 471.57,-3061"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="470.7,-3063.1 476.7,-3061 470.7,-3058.9 470.7,-3063.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame -->
<g id="edge461" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/reuse&#45;components&#45;&gt;libs/components/src/base&#45;ui/layout/page&#45;frame</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.71,-2582C428.26,-2582 456,-2582 456,-2582 456,-2582 456,-3152 456,-3152 456,-3152 473.42,-3152 473.42,-3152"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="473.42,-3154.1 479.42,-3152 473.42,-3149.9 473.42,-3154.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;node_modules/react -->
<g id="edge471" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M391.12,-2662.57C530.96,-2662.57 1018,-2662.57 1018,-2662.57 1018,-2662.57 1018,-696.31 1018,-696.31 1018,-696.31 925.73,-696.31 925.73,-696.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.73,-694.21 919.73,-696.31 925.73,-698.41 925.73,-694.21"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge465" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.06,-2675.43C415.11,-2675.43 442,-2675.43 442,-2675.43 442,-2675.43 442,-3471 442,-3471 442,-3471 478.74,-3471 478.74,-3471"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.74,-3473.1 484.74,-3471 478.74,-3468.9 478.74,-3473.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;node_modules/clsx/dist -->
<g id="edge470" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M391.46,-2665.14C537.42,-2665.14 1060,-2665.14 1060,-2665.14 1060,-2665.14 1060,-742.5 1060,-742.5 1060,-742.5 925.78,-742.5 925.78,-742.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.78,-740.4 919.78,-742.5 925.78,-744.6 925.78,-740.4"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge466" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.02,-2670.29C424.64,-2670.29 469,-2670.29 469,-2670.29 469,-2670.29 469,-3522.82 469,-3522.82 469,-3522.82 478.52,-3522.82 478.52,-3522.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.52,-3524.92 484.52,-3522.82 478.52,-3520.72 478.52,-3524.92"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge469" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.13,-2667.71C498.7,-2667.71 803,-2667.71 803,-2667.71 803,-2667.71 803,-4200 803,-4200 803,-4200 718.75,-4200 718.75,-4200"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.75,-4197.9 712.75,-4200 718.75,-4202.1 718.75,-4197.9"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge467" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M316.97,-2673.5C301.48,-2673.5 287,-2673.5 287,-2673.5 287,-2673.5 287,-3500.1 287,-3500.1 287,-3500.1 476.12,-3500.1 476.12,-3500.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.12,-3502.2 482.12,-3500.1 476.12,-3498 476.12,-3502.2"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge468" class="edge">
<title>libs/components/src/mfe/views/hybrid&#45;homepage/components/talk&#45;to&#45;experts&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.07,-2672.86C421.64,-2672.86 460,-2672.86 460,-2672.86 460,-2672.86 460,-3121 460,-3121 460,-3121 478.78,-3121 478.78,-3121"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.78,-3123.1 484.78,-3121 478.78,-3118.9 478.78,-3123.1"/>
</g>
<!-- libs/components/src/mfe/views/hybrid&#45;homepage/components -->
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;node_modules/react -->
<g id="edge492" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M397.65,-1936.25C461.02,-1936.25 571,-1936.25 571,-1936.25 571,-1936.25 571,-705.54 571,-705.54 571,-705.54 859.37,-705.54 859.37,-705.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.37,-707.64 865.37,-705.54 859.37,-703.44 859.37,-707.64"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge482" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.74,-1945.25C476.03,-1945.25 632,-1945.25 632,-1945.25 632,-1945.25 632,-3471 632,-3471 632,-3471 545.23,-3471 545.23,-3471"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.23,-3468.9 539.23,-3471 545.23,-3473.1 545.23,-3468.9"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;node_modules/clsx/dist -->
<g id="edge491" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M397.7,-1938.5C474.59,-1938.5 626,-1938.5 626,-1938.5 626,-1938.5 626,-755.44 626,-755.44 626,-755.44 859.48,-755.44 859.48,-755.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.48,-757.54 865.48,-755.44 859.48,-753.34 859.48,-757.54"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge483" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.36,-1943C276.4,-1943 235,-1943 235,-1943 235,-1943 235,-3535.91 235,-3535.91 235,-3535.91 478.94,-3535.91 478.94,-3535.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.94,-3538.01 484.94,-3535.91 478.94,-3533.81 478.94,-3538.01"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge490" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.56,-1940.75C497.95,-1940.75 737,-1940.75 737,-1940.75 737,-1940.75 737,-4159 737,-4159 737,-4159 704,-4159 704,-4159 704,-4159 704,-4183.72 704,-4183.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.9,-4183.72 704,-4189.72 706.1,-4183.72 701.9,-4183.72"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge484" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.3,-1940C275.29,-1940 232,-1940 232,-1940 232,-1940 232,-3588 232,-3588 232,-3588 478.9,-3588 478.9,-3588"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.9,-3590.1 484.9,-3588 478.9,-3585.9 478.9,-3590.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge485" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.18,-1949C291.1,-1949 273,-1949 273,-1949 273,-1949 273,-3558.55 273,-3558.55 273,-3558.55 478.58,-3558.55 478.58,-3558.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.58,-3560.65 484.58,-3558.55 478.58,-3556.45 478.58,-3560.65"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge486" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.59,-1943C476.06,-1943 633,-1943 633,-1943 633,-1943 633,-3498.43 633,-3498.43 633,-3498.43 547.6,-3498.43 547.6,-3498.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.6,-3496.33 541.6,-3498.43 547.6,-3500.53 547.6,-3496.33"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge487" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M310.2,-1946C277.7,-1946 239,-1946 239,-1946 239,-1946 239,-3131 239,-3131 239,-3131 478.83,-3131 478.83,-3131"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.83,-3133.1 484.83,-3131 478.83,-3128.9 478.83,-3133.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge488" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.7,-1949.75C422.25,-1949.75 448,-1949.75 448,-1949.75 448,-1949.75 448,-3257.71 448,-3257.71 448,-3257.71 498,-3257.71 498,-3257.71 498,-3257.71 498,-3230.1 498,-3230.1 498,-3230.1 512,-3230.1 512,-3230.1 512,-3230.1 512,-3230.11 512,-3230.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="509.91,-3224.18 512,-3230.18 514.11,-3224.18 509.91,-3224.18"/>
</g>
<!-- libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge489" class="edge">
<title>libs/components/src/mfe/views/support/components/global&#45;enterprise&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.72,-1947.5C467.69,-1947.5 597,-1947.5 597,-1947.5 597,-1947.5 597,-3942 597,-3942 597,-3942 545.36,-3942 545.36,-3942"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.36,-3939.9 539.36,-3942 545.36,-3944.1 545.36,-3939.9"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;node_modules/react -->
<g id="edge503" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.23,-1876C439.08,-1876 569,-1876 569,-1876 569,-1876 569,-704.62 569,-704.62 569,-704.62 859.47,-704.62 859.47,-704.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.48,-706.72 865.47,-704.62 859.47,-702.52 859.48,-706.72"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge493" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.11,-1880C467.56,-1880 731,-1880 731,-1880 731,-1880 731,-3474.6 731,-3474.6 731,-3474.6 545.29,-3474.6 545.29,-3474.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.29,-3472.5 539.29,-3474.6 545.29,-3476.7 545.29,-3472.5"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;node_modules/clsx/dist -->
<g id="edge502" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M381.42,-1878C440.39,-1878 574,-1878 574,-1878 574,-1878 574,-754.31 574,-754.31 574,-754.31 859.34,-754.31 859.34,-754.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.34,-756.41 865.34,-754.31 859.34,-752.21 859.34,-756.41"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge494" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.2,-1888C451.72,-1888 635,-1888 635,-1888 635,-1888 635,-3530.31 635,-3530.31 635,-3530.31 545.3,-3530.31 545.3,-3530.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.3,-3528.21 539.3,-3530.31 545.3,-3532.41 545.3,-3528.21"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge501" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.04,-1882C451.62,-1882 636,-1882 636,-1882 636,-1882 636,-4098.44 636,-4098.44 636,-4098.44 699,-4098.44 699,-4098.44 699,-4098.44 699,-4183.72 699,-4183.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="696.9,-4183.72 699,-4189.72 701.1,-4183.72 696.9,-4183.72"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge495" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.2,-1884C451.72,-1884 635,-1884 635,-1884 635,-1884 635,-3593.08 635,-3593.08 635,-3593.08 545.3,-3593.08 545.3,-3593.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.3,-3590.98 539.3,-3593.08 545.3,-3595.18 545.3,-3590.98"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge496" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.2,-1886C451.72,-1886 635,-1886 635,-1886 635,-1886 635,-3559.71 635,-3559.71 635,-3559.71 545.3,-3559.71 545.3,-3559.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.3,-3557.61 539.3,-3559.71 545.3,-3561.81 545.3,-3557.61"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge497" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M381.1,-1890C451.37,-1890 634,-1890 634,-1890 634,-1890 634,-3501 634,-3501 634,-3501 547.53,-3501 547.53,-3501"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.53,-3498.9 541.53,-3501 547.53,-3503.1 547.53,-3498.9"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge498" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.64,-1886.6C270.61,-1886.6 148,-1886.6 148,-1886.6 148,-1886.6 148,-3382.8 148,-3382.8 148,-3382.8 477.44,-3382.8 477.44,-3382.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.44,-3384.9 483.44,-3382.8 477.44,-3380.7 477.44,-3384.9"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge499" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.86,-1888.4C281.21,-1888.4 194,-1888.4 194,-1888.4 194,-1888.4 194,-3134 194,-3134 194,-3134 478.89,-3134 478.89,-3134"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.89,-3136.1 484.89,-3134 478.89,-3131.9 478.89,-3136.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge500" class="edge">
<title>libs/components/src/mfe/views/support/components/hero&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M326.81,-1890.2C303.96,-1890.2 275,-1890.2 275,-1890.2 275,-1890.2 275,-3272.29 275,-3272.29 275,-3272.29 514,-3272.29 514,-3272.29 514,-3272.29 514,-3238.12 514,-3238.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="516.1,-3238.12 514,-3232.12 511.9,-3238.12 516.1,-3238.12"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;node_modules/react -->
<g id="edge518" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M355,-1779.53C355,-1785.44 355,-1806.44 355,-1806.44 355,-1806.44 567,-1806.44 567,-1806.44 567,-1806.44 567,-703.69 567,-703.69 567,-703.69 859.31,-703.69 859.31,-703.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.31,-705.79 865.31,-703.69 859.31,-701.59 859.31,-705.79"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;node_modules/clsx/dist -->
<g id="edge517" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M355,-1776.24C355,-1770.28 355,-1751.2 355,-1751.2 355,-1751.2 488,-1751.2 488,-1751.2 488,-1751.2 488,-752.62 488,-752.62 488,-752.62 859.33,-752.62 859.33,-752.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.33,-754.73 865.33,-752.62 859.33,-750.53 859.33,-754.73"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge505" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-1775.94C354,-1773.31 354,-1769.1 354,-1769.1 354,-1769.1 172,-1769.1 172,-1769.1 172,-1769.1 172,-3537.55 172,-3537.55 172,-3537.55 478.75,-3537.55 478.75,-3537.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.75,-3539.65 484.75,-3537.55 478.75,-3535.45 478.75,-3539.65"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge512" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-1780.11C354,-1787.28 354,-1810.22 354,-1810.22 354,-1810.22 414,-1810.22 414,-1810.22 414,-1810.22 414,-4150.5 414,-4150.5 414,-4150.5 663,-4150.5 663,-4150.5 663,-4150.5 663,-4183.65 663,-4183.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="660.9,-4183.65 663,-4189.65 665.1,-4183.65 660.9,-4183.65"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/icon -->
<g id="edge506" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/icon</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.57,-1776.92C360.91,-1776.92 378,-1776.92 378,-1776.92 378,-1776.92 378,-1787.56 378,-1787.56 378,-1787.56 604,-1787.56 604,-1787.56 604,-1787.56 604,-3619.71 604,-3619.71 604,-3619.71 545.11,-3619.71 545.11,-3619.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.11,-3617.61 539.11,-3619.71 545.11,-3621.81 545.11,-3617.61"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge507" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M352.04,-1777.4C347.77,-1777.4 338,-1777.4 338,-1777.4 338,-1777.4 338,-1798.89 338,-1798.89 338,-1798.89 230,-1798.89 230,-1798.89 230,-1798.89 230,-3590.4 230,-3590.4 230,-3590.4 478.96,-3590.4 478.96,-3590.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.96,-3592.5 484.96,-3590.4 478.96,-3588.3 478.96,-3592.5"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge508" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M354,-1779.94C354,-1785.75 354,-1802.67 354,-1802.67 354,-1802.67 173,-1802.67 173,-1802.67 173,-1802.67 173,-3509.1 173,-3509.1 173,-3509.1 476.21,-3509.1 476.21,-3509.1"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.21,-3511.2 482.21,-3509.1 476.21,-3507 476.21,-3511.2"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge509" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M351.94,-1778C324.43,-1778 31,-1778 31,-1778 31,-1778 31,-3386.4 31,-3386.4 31,-3386.4 477.35,-3386.4 477.35,-3386.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.35,-3388.5 483.35,-3386.4 477.35,-3384.3 477.35,-3388.5"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge510" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M352.25,-1778.6C332.4,-1778.6 151,-1778.6 151,-1778.6 151,-1778.6 151,-3137 151,-3137 151,-3137 478.87,-3137 478.87,-3137"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.87,-3139.1 484.87,-3137 478.87,-3134.9 478.87,-3139.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge511" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M353,-1776.31C353,-1774.74 353,-1772.65 353,-1772.65 353,-1772.65 183,-1772.65 183,-1772.65 183,-1772.65 183,-3226.76 183,-3226.76 183,-3226.76 511,-3226.76 511,-3226.76 511,-3226.76 511,-3227.12 511,-3227.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="508.9,-3224.34 511,-3230.34 513.1,-3224.34 508.9,-3224.34"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/atoms/community&#45;link -->
<g id="edge513" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/atoms/community&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M356,-1777.94C356,-1776.68 356,-1756.6 356,-1756.6 356,-1756.6 637,-1756.6 637,-1756.6 637,-1756.6 637,-4444 637,-4444 637,-4444 557.55,-4444 557.55,-4444"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="557.55,-4441.9 551.55,-4444 557.55,-4446.1 557.55,-4441.9"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/data/links -->
<g id="edge514" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/data/links</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M352.33,-1776.8C345.89,-1776.8 323,-1776.8 323,-1776.8 323,-1776.8 323,-1783.78 323,-1783.78 323,-1783.78 115,-1783.78 115,-1783.78 115,-1783.78 115,-4535 115,-4535 115,-4535 174.25,-4535 174.25,-4535"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="174.25,-4537.1 180.25,-4535 174.25,-4532.9 174.25,-4537.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/molecules/community&#45;links/github&#45;link -->
<g id="edge515" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/molecules/community&#45;links/github&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.82,-1777.64C360.2,-1777.64 371,-1777.64 371,-1777.64 371,-1777.64 371,-1791.33 371,-1791.33 371,-1791.33 464,-1791.33 464,-1791.33 464,-1791.33 464,-4511 464,-4511 464,-4511 389.77,-4511 389.77,-4511"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="389.77,-4508.9 383.77,-4511 389.77,-4513.1 389.77,-4508.9"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/molecules/community&#45;links/slack&#45;link -->
<g id="edge516" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/design/molecules/community&#45;links/slack&#45;link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.93,-1778.36C358.83,-1778.36 364,-1778.36 364,-1778.36 364,-1778.36 364,-1795.11 364,-1795.11 364,-1795.11 412,-1795.11 412,-1795.11 412,-1795.11 412,-4534.57 412,-4534.57 412,-4534.57 388.32,-4534.57 388.32,-4534.57"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="388.32,-4532.47 382.32,-4534.57 388.32,-4536.67 388.32,-4532.47"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta -->
<g id="node169" class="node">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta</title>
<g id="a_node169"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/mfe/views/support/components/support-channels/support-channel-cta" xlink:title="support&#45;channel&#45;cta">
<polygon fill="#ffffcc" stroke="black" points="561.5,-1780 464.5,-1780 462.5,-1778 462.5,-1762 559.5,-1762 561.5,-1764 561.5,-1780"/>
<polyline fill="none" stroke="black" points="559.5,-1778 462.5,-1778 "/>
<polyline fill="none" stroke="black" points="559.5,-1778 559.5,-1762 "/>
<polyline fill="none" stroke="black" points="559.5,-1778 561.5,-1780 "/>
<text text-anchor="middle" x="512" y="-1768.8" font-family="Helvetica,sans-Serif" font-size="9.00">support&#45;channel&#45;cta</text>
</a>
</g>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta -->
<g id="edge504" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels&#45;&gt;libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M355.77,-1779.08C355.77,-1779.08 456.33,-1779.08 456.33,-1779.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="456.33,-1781.18 462.33,-1779.08 456.33,-1776.98 456.33,-1781.18"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;node_modules/react -->
<g id="edge533" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M385.58,-1847.6C445.1,-1847.6 568,-1847.6 568,-1847.6 568,-1847.6 568,-704.15 568,-704.15 568,-704.15 859.39,-704.15 859.39,-704.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.39,-706.25 865.39,-704.15 859.39,-702.05 859.39,-706.25"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/button -->
<g id="edge525" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/button</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.31,-1849.14C271.88,-1849.14 179,-1849.14 179,-1849.14 179,-1849.14 179,-3477 179,-3477 179,-3477 478.75,-3477 478.75,-3477"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.75,-3479.1 484.75,-3477 478.75,-3474.9 478.75,-3479.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;node_modules/clsx/dist -->
<g id="edge532" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M385.7,-1851.2C446.16,-1851.2 572,-1851.2 572,-1851.2 572,-1851.2 572,-753.75 572,-753.75 572,-753.75 859.45,-753.75 859.45,-753.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.45,-755.85 865.45,-753.75 859.45,-751.65 859.45,-755.85"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge526" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.53,-1854.8C459.12,-1854.8 636,-1854.8 636,-1854.8 636,-1854.8 636,-3531.69 636,-3531.69 636,-3531.69 545.21,-3531.69 545.21,-3531.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.21,-3529.59 539.21,-3531.69 545.21,-3533.79 545.21,-3529.59"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge531" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.78,-1858.4C419.2,-1858.4 467,-1858.4 467,-1858.4 467,-1858.4 467,-4105.76 467,-4105.76 467,-4105.76 686,-4105.76 686,-4105.76 686,-4105.76 686,-4183.72 686,-4183.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="683.9,-4183.72 686,-4189.72 688.1,-4183.72 683.9,-4183.72"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge527" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.47,-1856.86C286.92,-1856.86 234,-1856.86 234,-1856.86 234,-1856.86 234,-3561.82 234,-3561.82 234,-3561.82 478.84,-3561.82 478.84,-3561.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.84,-3563.92 484.84,-3561.82 478.84,-3559.72 478.84,-3563.92"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge528" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.13,-1846.57C271.41,-1846.57 178,-1846.57 178,-1846.57 178,-1846.57 178,-3507.3 178,-3507.3 178,-3507.3 476.36,-3507.3 476.36,-3507.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.36,-3509.4 482.36,-3507.3 476.36,-3505.2 476.36,-3509.4"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge529" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.38,-1851.71C275.24,-1851.71 192,-1851.71 192,-1851.71 192,-1851.71 192,-3135 192,-3135 192,-3135 478.99,-3135 478.99,-3135"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.99,-3137.1 484.99,-3135 478.99,-3132.9 478.99,-3137.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge530" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;cta&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M322.38,-1859.43C300.02,-1859.43 274,-1859.43 274,-1859.43 274,-1859.43 274,-3277.14 274,-3277.14 274,-3277.14 521,-3277.14 521,-3277.14 521,-3277.14 521,-3232.77 521,-3232.77 521,-3232.77 519.74,-3232.77 519.74,-3232.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="519.74,-3230.67 513.74,-3232.77 519.74,-3234.87 519.74,-3230.67"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;node_modules/react -->
<g id="edge543" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M402.74,-1907C466.45,-1907 570,-1907 570,-1907 570,-1907 570,-705.08 570,-705.08 570,-705.08 859.28,-705.08 859.28,-705.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.28,-707.18 865.28,-705.08 859.28,-702.98 859.28,-707.18"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;node_modules/clsx/dist -->
<g id="edge542" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M402.77,-1910C467.86,-1910 575,-1910 575,-1910 575,-1910 575,-754.88 575,-754.88 575,-754.88 859.43,-754.88 859.43,-754.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.43,-756.98 865.43,-754.88 859.43,-752.78 859.43,-756.98"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge534" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M402.77,-1916C482.99,-1916 634,-1916 634,-1916 634,-1916 634,-3528.92 634,-3528.92 634,-3528.92 545.08,-3528.92 545.08,-3528.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.08,-3526.82 539.08,-3528.92 545.08,-3531.02 545.08,-3526.82"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge540" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M402.83,-1913C516.07,-1913 787,-1913 787,-1913 787,-1913 787,-4167.5 787,-4167.5 787,-4167.5 708,-4167.5 708,-4167.5 708,-4167.5 708,-4183.72 708,-4183.72"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="705.9,-4183.72 708,-4189.72 710.1,-4183.72 705.9,-4183.72"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/image -->
<g id="edge535" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/image</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M305.39,-1916.86C271.01,-1916.86 231,-1916.86 231,-1916.86 231,-1916.86 231,-3589.2 231,-3589.2 231,-3589.2 478.8,-3589.2 478.8,-3589.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.8,-3591.3 484.8,-3589.2 478.8,-3587.1 478.8,-3591.3"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/link -->
<g id="edge536" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/link</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M305.35,-1919.43C287.7,-1919.43 272,-1919.43 272,-1919.43 272,-1919.43 272,-3560.18 272,-3560.18 272,-3560.18 478.94,-3560.18 478.94,-3560.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.94,-3562.28 484.94,-3560.18 478.94,-3558.08 478.94,-3562.28"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge537" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M402.77,-1919C482.99,-1919 634,-1919 634,-1919 634,-1919 634,-3499.71 634,-3499.71 634,-3499.71 547.53,-3499.71 547.53,-3499.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.53,-3497.61 541.53,-3499.71 547.53,-3501.81 547.53,-3497.61"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge538" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M305.43,-1914.29C258.67,-1914.29 195,-1914.29 195,-1914.29 195,-1914.29 195,-3133 195,-3133 195,-3133 478.97,-3133 478.97,-3133"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.97,-3135.1 484.97,-3133 478.97,-3130.9 478.97,-3135.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component -->
<g id="edge539" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/base&#45;ui/layout/grid&#45;component</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M305.25,-1909.14C215.45,-1909.14 33,-1909.14 33,-1909.14 33,-1909.14 33,-3232.77 33,-3232.77 33,-3232.77 504.27,-3232.77 504.27,-3232.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="504.27,-3234.87 510.27,-3232.77 504.27,-3230.67 504.27,-3234.87"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/design/data/links -->
<g id="edge541" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;developers&#45;&gt;libs/components/src/design/data/links</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M305.39,-1911.71C236.3,-1911.71 118,-1911.71 118,-1911.71 118,-1911.71 118,-4530.5 118,-4530.5 118,-4530.5 174.16,-4530.5 174.16,-4530.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="174.16,-4532.6 180.16,-4530.5 174.16,-4528.4 174.16,-4532.6"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;node_modules/react -->
<g id="edge549" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M386,-1813.96C386,-1707.68 386,-700 386,-700 386,-700 859.27,-700 859.27,-700"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.27,-702.1 865.27,-700 859.27,-697.9 859.27,-702.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;node_modules/clsx/dist -->
<g id="edge548" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M393,-1813.73C393,-1708.89 393,-750.38 393,-750.38 393,-750.38 859.29,-750.38 859.29,-750.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.29,-752.48 865.29,-750.38 859.29,-748.28 859.29,-752.48"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge544" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.9,-1817.6C254.87,-1817.6 175,-1817.6 175,-1817.6 175,-1817.6 175,-3536.73 175,-3536.73 175,-3536.73 478.99,-3536.73 478.99,-3536.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.99,-3538.83 484.99,-3536.73 478.99,-3534.63 478.99,-3538.83"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge547" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M400.29,-1823C431.49,-1823 467,-1823 467,-1823 467,-1823 467,-4119.93 467,-4119.93 467,-4119.93 677,-4119.93 677,-4119.93 677,-4119.93 677,-4183.93 677,-4183.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="674.9,-4183.93 677,-4189.93 679.1,-4183.93 674.9,-4183.93"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge545" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.7,-1821.2C254.96,-1821.2 176,-1821.2 176,-1821.2 176,-1821.2 176,-3508.2 176,-3508.2 176,-3508.2 476.48,-3508.2 476.48,-3508.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.48,-3510.3 482.48,-3508.2 476.48,-3506.1 476.48,-3510.3"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/layout/align -->
<g id="edge546" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;packages&#45;&gt;libs/components/src/base&#45;ui/layout/align</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.65,-1824.8C257.92,-1824.8 186,-1824.8 186,-1824.8 186,-1824.8 186,-3136 186,-3136 186,-3136 478.77,-3136 478.77,-3136"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.77,-3138.1 484.77,-3136 478.77,-3133.9 478.77,-3138.1"/>
</g>
<!-- libs/components/src/mfe/views/support/components -->
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;node_modules/react -->
<g id="edge524" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M512,-1761.77C512,-1657.41 512,-703.23 512,-703.23 512,-703.23 859.44,-703.23 859.44,-703.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.44,-705.33 865.44,-703.23 859.44,-701.13 859.44,-705.33"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;node_modules/clsx/dist -->
<g id="edge523" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M537,-1761.89C537,-1660.84 537,-753.19 537,-753.19 537,-753.19 859.49,-753.19 859.49,-753.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.49,-755.29 865.49,-753.19 859.49,-751.09 859.49,-755.29"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading -->
<g id="edge519" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/heading</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M561,-1780.39C561,-1917.74 561,-3516 561,-3516 561,-3516 512,-3516 512,-3516 512,-3516 512,-3516.58 512,-3516.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="509.9,-3515.76 512,-3521.76 514.1,-3515.76 509.9,-3515.76"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes -->
<g id="edge522" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/theme/sizes</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M561,-1780.4C561,-1940.89 561,-4103.32 561,-4103.32 561,-4103.32 690,-4103.32 690,-4103.32 690,-4103.32 690,-4183.83 690,-4183.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="687.9,-4183.83 690,-4189.83 692.1,-4183.83 687.9,-4183.83"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph -->
<g id="edge520" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/paragraph</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M560,-1780.23C560,-1915.22 560,-3486 560,-3486 560,-3486 512,-3486 512,-3486 512,-3486 512,-3486.58 512,-3486.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="509.9,-3485.76 512,-3491.76 514.1,-3485.76 509.9,-3485.76"/>
</g>
<!-- libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text -->
<g id="edge521" class="edge">
<title>libs/components/src/mfe/views/support/components/support&#45;channels/support&#45;channel&#45;cta&#45;&gt;libs/components/src/base&#45;ui/atoms/styled&#45;text</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M462.45,-1765.55C370.11,-1765.55 181,-1765.55 181,-1765.55 181,-1765.55 181,-3379.2 181,-3379.2 181,-3379.2 477.49,-3379.2 477.49,-3379.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.49,-3381.3 483.49,-3379.2 477.49,-3377.1 477.49,-3381.3"/>
</g>
<!-- libs/components/src/tools -->
<!-- libs/components/src/tools/constants -->
<!-- libs/components/src/tools/popper&#45;js -->
<!-- libs/components/src/tools/popper&#45;js/ignore&#45;popper&#45;size -->
<g id="node173" class="node">
<title>libs/components/src/tools/popper&#45;js/ignore&#45;popper&#45;size</title>
<g id="a_node173"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/popper-js/ignore-popper-size" xlink:title="ignore&#45;popper&#45;size">
<polygon fill="#ccccff" stroke="black" points="733,-5716 640,-5716 638,-5714 638,-5698 731,-5698 733,-5700 733,-5716"/>
<polyline fill="none" stroke="black" points="731,-5714 638,-5714 "/>
<polyline fill="none" stroke="black" points="731,-5714 731,-5698 "/>
<polyline fill="none" stroke="black" points="731,-5714 733,-5716 "/>
<text text-anchor="middle" x="685.5" y="-5704.8" font-family="Helvetica,sans-Serif" font-size="9.00">ignore&#45;popper&#45;size</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/popper&#45;js/ignore&#45;popper&#45;size&#45;&gt;node_modules/@popperjs/core/dist/cjs -->
<g id="edge550" class="edge">
<title>libs/components/src/tools/popper&#45;js/ignore&#45;popper&#45;size&#45;&gt;node_modules/@popperjs/core/dist/cjs</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M733.05,-5707C841.92,-5707 1100,-5707 1100,-5707 1100,-5707 1100,-1482 1100,-1482 1100,-1482 925.63,-1482 925.63,-1482"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.63,-1479.9 919.63,-1482 925.63,-1484.1 925.63,-1479.9"/>
</g>
<!-- libs/components/src/tools/popper&#45;js/resize&#45;to&#45;match&#45;reference -->
<g id="node174" class="node">
<title>libs/components/src/tools/popper&#45;js/resize&#45;to&#45;match&#45;reference</title>
<g id="a_node174"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/popper-js/resize-to-match-reference" xlink:title="resize&#45;to&#45;match&#45;reference">
<polygon fill="#ccccff" stroke="black" points="746.5,-5686 626.5,-5686 624.5,-5684 624.5,-5668 744.5,-5668 746.5,-5670 746.5,-5686"/>
<polyline fill="none" stroke="black" points="744.5,-5684 624.5,-5684 "/>
<polyline fill="none" stroke="black" points="744.5,-5684 744.5,-5668 "/>
<polyline fill="none" stroke="black" points="744.5,-5684 746.5,-5686 "/>
<text text-anchor="middle" x="685.5" y="-5674.8" font-family="Helvetica,sans-Serif" font-size="9.00">resize&#45;to&#45;match&#45;reference</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/popper&#45;js/resize&#45;to&#45;match&#45;reference&#45;&gt;node_modules/@popperjs/core/dist/cjs -->
<g id="edge551" class="edge">
<title>libs/components/src/tools/popper&#45;js/resize&#45;to&#45;match&#45;reference&#45;&gt;node_modules/@popperjs/core/dist/cjs</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M743,-5667.76C743,-5450.72 743,-1482 743,-1482 743,-1482 859.43,-1482 859.43,-1482"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="859.43,-1484.1 865.43,-1482 859.43,-1479.9 859.43,-1484.1"/>
</g>
<!-- libs/components/src/tools/string -->
<!-- libs/components/src/tools/string/affix -->
<g id="node176" class="node">
<title>libs/components/src/tools/string/affix</title>
<g id="a_node176"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/string/affix" xlink:title="affix">
<polygon fill="#ccccff" stroke="black" points="1086.5,-5942 1034.5,-5942 1032.5,-5940 1032.5,-5924 1084.5,-5924 1086.5,-5926 1086.5,-5942"/>
<polyline fill="none" stroke="black" points="1084.5,-5940 1032.5,-5940 "/>
<polyline fill="none" stroke="black" points="1084.5,-5940 1084.5,-5924 "/>
<polyline fill="none" stroke="black" points="1084.5,-5940 1086.5,-5942 "/>
<text text-anchor="middle" x="1059.5" y="-5930.8" font-family="Helvetica,sans-Serif" font-size="9.00">affix</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking -->
<!-- libs/components/src/tools/tracking/component&#45;label&#45;&gt;node_modules/react -->
<g id="edge564" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M512,-5815.03C512,-5812.9 512,-5809.8 512,-5809.8 512,-5809.8 256,-5809.8 256,-5809.8 256,-5809.8 256,-726.74 256,-726.74 256,-726.74 877,-726.74 877,-726.74 877,-726.74 877,-712.08 877,-712.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="879.1,-712.08 877,-706.08 874.9,-712.08 879.1,-712.08"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label&#45;&gt;node_modules/clsx/dist -->
<g id="edge563" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M510.22,-5816.4C498.02,-5816.4 427,-5816.4 427,-5816.4 427,-5816.4 427,-760.87 427,-760.87 427,-760.87 899,-760.87 899,-760.87 899,-760.87 899,-760.4 899,-760.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="901.1,-762.17 899,-756.17 896.9,-762.17 901.1,-762.17"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;id -->
<!-- libs/components/src/tools/tracking/component&#45;label&#45;&gt;libs/components/src/tools/tracking/component&#45;id -->
<g id="edge562" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label&#45;&gt;libs/components/src/tools/tracking/component&#45;id</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M513,-5818.67C513,-5822.3 513,-5830.6 513,-5830.6 513,-5830.6 1061,-5830.6 1061,-5830.6 1061,-5830.6 1061,-5831.01 1061,-5831.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1058.9,-5828.75 1061,-5834.75 1063.1,-5828.75 1058.9,-5828.75"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/default&#45;label -->
<g id="node183" class="node">
<title>libs/components/src/tools/tracking/component&#45;label/default&#45;label</title>
<g id="a_node183"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/tracking/component-label/default-label" xlink:title="default&#45;label">
<polygon fill="#ccccff" stroke="black" points="719.5,-5826 653.5,-5826 651.5,-5824 651.5,-5808 717.5,-5808 719.5,-5810 719.5,-5826"/>
<polyline fill="none" stroke="black" points="717.5,-5824 651.5,-5824 "/>
<polyline fill="none" stroke="black" points="717.5,-5824 717.5,-5808 "/>
<polyline fill="none" stroke="black" points="717.5,-5824 719.5,-5826 "/>
<text text-anchor="middle" x="685.5" y="-5814.8" font-family="Helvetica,sans-Serif" font-size="9.00">default&#45;label</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label&#45;&gt;libs/components/src/tools/tracking/component&#45;label/default&#45;label -->
<g id="edge560" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label&#45;&gt;libs/components/src/tools/tracking/component&#45;label/default&#45;label</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M513.95,-5817C513.95,-5817 645.12,-5817 645.12,-5817"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="645.12,-5819.1 651.12,-5817 645.12,-5814.9 645.12,-5819.1"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble -->
<g id="node184" class="node">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble</title>
<g id="a_node184"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/tracking/component-label/duo-component-bubble" xlink:title="duo&#45;component&#45;bubble">
<polygon fill="#ccccff" stroke="black" points="742,-5856 631,-5856 629,-5854 629,-5838 740,-5838 742,-5840 742,-5856"/>
<polyline fill="none" stroke="black" points="740,-5854 629,-5854 "/>
<polyline fill="none" stroke="black" points="740,-5854 740,-5838 "/>
<polyline fill="none" stroke="black" points="740,-5854 742,-5856 "/>
<text text-anchor="middle" x="685.5" y="-5844.8" font-family="Helvetica,sans-Serif" font-size="9.00">duo&#45;component&#45;bubble</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label&#45;&gt;libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble -->
<g id="edge561" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label&#45;&gt;libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M510.25,-5817.6C505.54,-5817.6 493,-5817.6 493,-5817.6 493,-5817.6 493,-5848.8 493,-5848.8 493,-5848.8 622.78,-5848.8 622.78,-5848.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="622.78,-5850.9 628.78,-5848.8 622.78,-5846.7 622.78,-5850.9"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/react -->
<g id="edge582" class="edge">
<title>libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M549.91,-5789.43C693.94,-5789.43 1199,-5789.43 1199,-5789.43 1199,-5789.43 1199,-690.77 1199,-690.77 1199,-690.77 925.7,-690.77 925.7,-690.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.7,-688.67 919.7,-690.77 925.7,-692.87 925.7,-688.67"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/clsx/dist -->
<g id="edge581" class="edge">
<title>libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M549.55,-5776.57C579.34,-5776.57 616,-5776.57 616,-5776.57 616,-5776.57 616,-775.48 616,-775.48 616,-775.48 909,-775.48 909,-775.48 909,-775.48 909,-762.01 909,-762.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="911.1,-762.01 909,-756.01 906.9,-762.01 911.1,-762.01"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/@popperjs/core/dist/cjs -->
<g id="edge578" class="edge">
<title>libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/@popperjs/core/dist/cjs</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M549.74,-5786.86C679.74,-5786.86 1101,-5786.86 1101,-5786.86 1101,-5786.86 1101,-1476 1101,-1476 1101,-1476 925.76,-1476 925.76,-1476"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.76,-1473.9 919.76,-1476 925.76,-1478.1 925.76,-1473.9"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/react&#45;create&#45;ref -->
<g id="edge583" class="edge">
<title>libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;node_modules/react&#45;create&#45;ref</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M549.76,-5784.29C630.99,-5784.29 815,-5784.29 815,-5784.29 815,-5784.29 815,-671.5 815,-671.5 815,-671.5 846.84,-671.5 846.84,-671.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="846.84,-673.6 852.84,-671.5 846.84,-669.4 846.84,-673.6"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;libs/components/src/tools/popper&#45;js/ignore&#45;popper&#45;size -->
<g id="edge579" class="edge">
<title>libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;libs/components/src/tools/popper&#45;js/ignore&#45;popper&#45;size</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M549.76,-5781.71C589.08,-5781.71 645,-5781.71 645,-5781.71 645,-5781.71 645,-5722.16 645,-5722.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="647.1,-5722.16 645,-5716.16 642.9,-5722.16 647.1,-5722.16"/>
</g>
<!-- libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;libs/components/src/tools/popper&#45;js/resize&#45;to&#45;match&#45;reference -->
<g id="edge580" class="edge">
<title>libs/components/src/tools/tracking/overlay&#45;border&#45;&gt;libs/components/src/tools/popper&#45;js/resize&#45;to&#45;match&#45;reference</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M549.6,-5779.14C585.45,-5779.14 634,-5779.14 634,-5779.14 634,-5779.14 634,-5692.06 634,-5692.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="636.1,-5692.06 634,-5686.06 631.9,-5692.06 636.1,-5692.06"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;id/exceptions -->
<g id="node181" class="node">
<title>libs/components/src/tools/tracking/component&#45;id/exceptions</title>
<g id="a_node181"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/tracking/component-id/exceptions" xlink:title="exceptions">
<polygon fill="#ccccff" stroke="black" points="1174,-5845 1115,-5845 1113,-5843 1113,-5827 1172,-5827 1174,-5829 1174,-5845"/>
<polyline fill="none" stroke="black" points="1172,-5843 1113,-5843 "/>
<polyline fill="none" stroke="black" points="1172,-5843 1172,-5827 "/>
<polyline fill="none" stroke="black" points="1172,-5843 1174,-5845 "/>
<text text-anchor="middle" x="1143.5" y="-5833.8" font-family="Helvetica,sans-Serif" font-size="9.00">exceptions</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;id&#45;&gt;libs/components/src/tools/tracking/component&#45;id/exceptions -->
<g id="edge558" class="edge">
<title>libs/components/src/tools/tracking/component&#45;id&#45;&gt;libs/components/src/tools/tracking/component&#45;id/exceptions</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1061.58,-5836C1061.58,-5836 1106.64,-5836 1106.64,-5836"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1106.64,-5838.1 1112.64,-5836 1106.64,-5833.9 1106.64,-5838.1"/>
</g>
<!-- node_modules/@teambit/legacy&#45;bit&#45;id/dist -->
<g id="node182" class="node">
<title>node_modules/@teambit/legacy&#45;bit&#45;id/dist</title>
<g id="a_node182"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/@teambit/legacy-bit-id/dist" xlink:title="dist">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="919.5,-1346 867.5,-1346 865.5,-1344 865.5,-1328 917.5,-1328 919.5,-1330 919.5,-1346"/>
<polyline fill="none" stroke="black" points="917.5,-1344 865.5,-1344 "/>
<polyline fill="none" stroke="black" points="917.5,-1344 917.5,-1328 "/>
<polyline fill="none" stroke="black" points="917.5,-1344 919.5,-1346 "/>
<text text-anchor="middle" x="892.5" y="-1334.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">dist</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;id&#45;&gt;node_modules/@teambit/legacy&#45;bit&#45;id/dist -->
<g id="edge559" class="edge">
<title>libs/components/src/tools/tracking/component&#45;id&#45;&gt;node_modules/@teambit/legacy&#45;bit&#45;id/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M1059,-5833.88C1059,-5830.05 1059,-5822.4 1059,-5822.4 1059,-5822.4 1181,-5822.4 1181,-5822.4 1181,-5822.4 1181,-1337 1181,-1337 1181,-1337 925.64,-1337 925.64,-1337"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.64,-1334.9 919.64,-1337 925.64,-1339.1 925.64,-1334.9"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;node_modules/react -->
<g id="edge568" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M719.65,-5815.2C835.45,-5815.2 1206,-5815.2 1206,-5815.2 1206,-5815.2 1206,-689.38 1206,-689.38 1206,-689.38 925.5,-689.38 925.5,-689.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.5,-687.28 919.5,-689.38 925.5,-691.48 925.5,-687.28"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;node_modules/clsx/dist -->
<g id="edge567" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M719.52,-5811.6C833.08,-5811.6 1192,-5811.6 1192,-5811.6 1192,-5811.6 1192,-738.9 1192,-738.9 1192,-738.9 925.61,-738.9 925.61,-738.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.61,-736.8 919.61,-738.9 925.61,-741 925.61,-736.8"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;libs/components/src/base&#45;ui/css&#45;components/pill -->
<g id="edge565" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;libs/components/src/base&#45;ui/css&#45;components/pill</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M651.25,-5811.6C634.12,-5811.6 617,-5811.6 617,-5811.6 617,-5811.6 617,-3871 617,-3871 617,-3871 652.43,-3871 652.43,-3871"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.43,-3873.1 658.43,-3871 652.43,-3868.9 652.43,-3873.1"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge566" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/default&#45;label&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M651.26,-5813.4C615.94,-5813.4 566,-5813.4 566,-5813.4 566,-5813.4 566,-3946 566,-3946 566,-3946 545.32,-3946 545.32,-3946"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.32,-3943.9 539.32,-3946 545.32,-3948.1 545.32,-3943.9"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;node_modules/react -->
<g id="edge573" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;node_modules/react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M736,-5837.77C736,-5829.54 736,-5818.8 736,-5818.8 736,-5818.8 1210,-5818.8 1210,-5818.8 1210,-5818.8 1210,-688.69 1210,-688.69 1210,-688.69 925.57,-688.69 925.57,-688.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="925.57,-686.59 919.57,-688.69 925.57,-690.79 925.57,-686.59"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;node_modules/clsx/dist -->
<g id="edge572" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;node_modules/clsx/dist</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M628.87,-5852.4C552.52,-5852.4 426,-5852.4 426,-5852.4 426,-5852.4 426,-759.25 426,-759.25 426,-759.25 897,-759.25 897,-759.25 897,-759.25 897,-758.94 897,-758.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="899.1,-762.16 897,-756.16 894.9,-762.16 899.1,-762.16"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/base&#45;ui/surfaces/card -->
<g id="edge570" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/base&#45;ui/surfaces/card</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.78,-5841.6C597.52,-5841.6 565,-5841.6 565,-5841.6 565,-5841.6 565,-3950 565,-3950 565,-3950 545.12,-3950 545.12,-3950"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.12,-3947.9 539.12,-3950 545.12,-3952.1 545.12,-3947.9"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/tools/tracking/component&#45;label -->
<g id="edge569" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/tools/tracking/component&#45;label</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.69,-5845.2C578.09,-5845.2 512,-5845.2 512,-5845.2 512,-5845.2 512,-5824.85 512,-5824.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="514.1,-5824.85 512,-5818.85 509.9,-5824.85 514.1,-5824.85"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/tools/tracking/component&#45;id -->
<g id="edge574" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/tools/tracking/component&#45;id</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M739,-5837.72C739,-5836.69 739,-5836 739,-5836 739,-5836 1051.45,-5836 1051.45,-5836"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1051.45,-5838.1 1057.45,-5836 1051.45,-5833.9 1051.45,-5838.1"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;url -->
<g id="node185" class="node">
<title>libs/components/src/tools/tracking/component&#45;url</title>
<g id="a_node185"><a xlink:href="https://github.com/watheia/design-system/blob/main/libs/components/src/tools/tracking/component-url" xlink:title="component&#45;url">
<polygon fill="#ccccff" stroke="black" points="931,-5856 856,-5856 854,-5854 854,-5838 929,-5838 931,-5840 931,-5856"/>
<polyline fill="none" stroke="black" points="929,-5854 854,-5854 "/>
<polyline fill="none" stroke="black" points="929,-5854 929,-5838 "/>
<polyline fill="none" stroke="black" points="929,-5854 931,-5856 "/>
<text text-anchor="middle" x="892.5" y="-5844.8" font-family="Helvetica,sans-Serif" font-size="9.00">component&#45;url</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/tools/tracking/component&#45;url -->
<g id="edge571" class="edge">
<title>libs/components/src/tools/tracking/component&#45;label/duo&#45;component&#45;bubble&#45;&gt;libs/components/src/tools/tracking/component&#45;url</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M742.06,-5847C742.06,-5847 847.69,-5847 847.69,-5847"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="847.69,-5849.1 853.69,-5847 847.69,-5844.9 847.69,-5849.1"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;url&#45;&gt;libs/components/src/tools/string/affix -->
<g id="edge575" class="edge">
<title>libs/components/src/tools/tracking/component&#45;url&#45;&gt;libs/components/src/tools/string/affix</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M931.23,-5850.5C976.71,-5850.5 1046,-5850.5 1046,-5850.5 1046,-5850.5 1046,-5917.86 1046,-5917.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1043.9,-5917.86 1046,-5923.86 1048.1,-5917.86 1043.9,-5917.86"/>
</g>
<!-- libs/components/src/tools/tracking/component&#45;url&#45;&gt;libs/components/src/tools/tracking/component&#45;id -->
<g id="edge576" class="edge">
<title>libs/components/src/tools/tracking/component&#45;url&#45;&gt;libs/components/src/tools/tracking/component&#45;id</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M931.35,-5840.33C980.83,-5840.33 1060,-5840.33 1060,-5840.33 1060,-5840.33 1060,-5840.08 1060,-5840.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1062.1,-5843.76 1060,-5837.76 1057.9,-5843.76 1062.1,-5843.76"/>
</g>
<!-- node_modules/query&#45;string -->
<g id="node186" class="node">
<title>node_modules/query&#45;string</title>
<g id="a_node186"><a xlink:href="https://github.com/watheia/design-system/blob/main/node_modules/query-string" xlink:title="query&#45;string">
<polygon fill="#c40b0a" fill-opacity="0.101961" stroke="black" points="925,-1592 862,-1592 860,-1590 860,-1574 923,-1574 925,-1576 925,-1592"/>
<polyline fill="none" stroke="black" points="923,-1590 860,-1590 "/>
<polyline fill="none" stroke="black" points="923,-1590 923,-1574 "/>
<polyline fill="none" stroke="black" points="923,-1590 925,-1592 "/>
<text text-anchor="middle" x="892.5" y="-1580.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c40b0a">query&#45;string</text>
</a>
</g>
</g>
<!-- libs/components/src/tools/tracking/component&#45;url&#45;&gt;node_modules/query&#45;string -->
<g id="edge577" class="edge">
<title>libs/components/src/tools/tracking/component&#45;url&#45;&gt;node_modules/query&#45;string</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M931.34,-5842.67C991.16,-5842.67 1099,-5842.67 1099,-5842.67 1099,-5842.67 1099,-1583 1099,-1583 1099,-1583 931.22,-1583 931.22,-1583"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="931.22,-1580.9 925.22,-1583 931.22,-1585.1 931.22,-1580.9"/>
</g>
<!-- node_modules -->
<!-- node_modules/@popperjs -->
<!-- node_modules/@popperjs/core -->
<!-- node_modules/@popperjs/core/dist -->
<!-- node_modules/@teambit -->
<!-- node_modules/@teambit/legacy&#45;bit&#45;id -->
<!-- node_modules/@testing&#45;library -->
<!-- node_modules/@testing&#45;library/react -->
<!-- node_modules/@watheia -->
<!-- node_modules/@watheia/design.molecules.community&#45;links.twitter&#45;link -->
<!-- node_modules/clsx -->
<!-- node_modules/formik -->
<!-- node_modules/react&#45;markdown -->
<!-- node_modules/react&#45;slick -->
<!-- node_modules/react&#45;syntax&#45;highlighter -->
<!-- node_modules/react&#45;syntax&#45;highlighter/dist -->
<!-- node_modules/react&#45;syntax&#45;highlighter/dist/esm/languages -->
<!-- node_modules/react&#45;syntax&#45;highlighter/dist/esm/styles -->
<!-- node_modules/resize&#45;observer&#45;polyfill -->
<!-- node_modules/typewriter&#45;effect -->
<!-- node_modules/yup -->
</g>
</svg>