diff --git a/_includes/footer.cs.html b/_includes/footer.cs.html
index 037ef35f..22732074 100644
--- a/_includes/footer.cs.html
+++ b/_includes/footer.cs.html
@@ -1,8 +1,9 @@
-    <footer class="footer py-4 mt-2 border-top">
-        <div class="container">
-            <div class="row">
-                <h2 class="visually-hidden">Odkazy na další informace o otevřených datech</h2>
-                <div class="col-md-4">
+    <footer>
+        <gov-container class="gov-container hydrated">
+            <gov-spacer size="xs" breakpoint="sm" class="gov-spacer hydrated"></gov-spacer>
+            <gov-grid class="gov-grid hydrated" role="list">
+                <!--<h2 class="visually-hidden">Odkazy na další informace o otevřených datech</h2>-->
+                <gov-grid-item size-sm="12/12" size-md="4/12" class="gov-grid-item hydrated" role="listitem" size="12/12">
                     <h3 class="h6">Registrace do NKOD</h3>
                     <ul>
                         <li><a href="/formulář/registrace-datové-sady">Registrovat novou datovou sadu</a></li>
@@ -14,12 +15,12 @@ <h3 class="h6">Kontakty</h3>
                     <ul>
                         <li>Národní koordinátorka otevřených dat: Radka&nbsp;Domanská</li>
                         <li>Kontaktní e-mail: <a href="mailto:otevrenadata@dia.gov.cz">otevrenadata@dia.gov.cz</a></li>
-                        <li>twitter: <a href="https://twitter.com/otevrenadata">@otevrenadata</a></li>
+                        <li>X: <a href="https://x.com/otevrenadata">@otevrenadata</a></li>
                         <li>YouTube: <a href="https://www.youtube.com/playlist?list=PL1Cp5doNb3zQc_ncuqg85b7ChdsJpBK4e">Otevřená data - vzdělávání</a></li>
                         <li><a href="https://dia.gov.cz/">Digitální a informační agentura</a></li>
                     </ul>
-                </div>
-                <div class="col-md-4">
+                </gov-grid-item>
+                <gov-grid-item size-sm="12/12" size-md="4/12" class="gov-grid-item hydrated" role="listitem" size="12/12">
                     <h3 class="h6">Odkazy</h3>
                     <ul>
                         <li><a href="/novinky">Novinky</a></li>
@@ -32,21 +33,21 @@ <h3 class="h6">Odkazy</h3>
                         <li><a href="https://github.com/datagov-cz/data.gov.cz">Web na GitHubu</a></li>
                         <li><a href="/prohlášení-o-přístupnosti">Prohlášení o přístupnosti</a></li>
                     </ul>
-                </div>
-                <div class="col-md-4">
+                </gov-grid-item>
+                <gov-grid-item size-sm="12/12" size-md="4/12" class="gov-grid-item hydrated" role="listitem" size="12/12">
                     <h3 class="h6">Poděkování</h3>
                     <p>Tento web vznikl v rámci projektu <a href="https://www.esfcr.cz/projekty-opz/-/asset_publisher/ODuZumtPTtTa/content/implementace-strategii-v-oblasti-otevrenych-dat-ii">OPZ č. CZ.03.4.74/0.0/0.0/15_025/0004172</a> a je dále rozvíjen v rámci projektu <a href="https://www.esfcr.cz/projekty-opz/-/asset_publisher/ODuZumtPTtTa/content/rozvoj-datovych-politik-v-oblasti-zlepsovani-kvality-a-interoperability-dat-verejne-spravy">OPZ č. CZ.03.4.74/0.0/0.0/15_025/0013983</a>. Zvýšení počtu subjektů zveřejňujících otevřená data ve veřejné správě, kteří otevřená data zveřejňují v Národním katalogu otevřených dat byl spolufinancován z Národního plánu obnovy.</p>
                     <div class="bg-white shadow">
                         <img alt="Národní plán obnovy" class="d-inline-block align-top img-fluid pr-2" id="npologo" src="{{ "/images/npo_cz.webp" | relative_url}}" width="300">
                     </div>
-                </div>
-            </div>
+                </gov-grid-item>
+            </gov-grid>
             <hr>
-            <div class="row">
-                <div class="col-md-12">
+            <div>
+                <div>
                     Není-li uvedeno jinak, je autorskoprávně a databázově chráněný obsah publikovaný na těchto stránkách licencován pod licencí <a href="https://creativecommons.org/licenses/by/4.0/deed.cs">CC BY 4.0</a>.
                     Při jeho využití uveďte zdroj a odkažte na patřičnou licenci.
                 </div>
             </div>    
-        </div>
+        </gov-container>
     </footer>
diff --git a/_includes/footer.en.html b/_includes/footer.en.html
index 1bc0b022..55ca5e2c 100644
--- a/_includes/footer.en.html
+++ b/_includes/footer.en.html
@@ -1,51 +1,52 @@
-    <footer class="footer py-4 mt-2 border-top">
-        <div class="container">
-			<div class="row">
-				<h2 class="visually-hidden">Links to additional information on open data</h2>
-				<div class="col-md-4">
-					<h3 class="h6">Registration in NKOD</h3>
-					<ul>
-						<li><a href="/formulář/dataset-registration">Register a dataset</a></li>
-						<li><a href="/formulář/local-catalog-registration">Register a new local catalog</a></li>
-                        <li><a href="{{site.app_registration_form}}">Register an application using open data</a></li>
-                        <li><a href="{{site.suggestion_form}}">Suggest data to be opened</a></li>
-					</ul>
-					<h3 class="h6">Contacts</h3>
-					<ul>
-						<li>National Open Data Coordinator: Radka&nbsp;Domanská</li>
-						<li>E-mail: <a href="mailto:otevrenadata@dia.gov.cz">otevrenadata@dia.gov.cz</a></li>
-						<li>Phone: <a href="tel:+420974817556">+420 974 817 556</a></li>
-						<li>twitter: <a href="https://twitter.com/otevrenadata">@otevrenadata</a></li>
-						<li><a href="https://dia.gov.cz/">Digital and Information Agency</a></li>
-					</ul>
+<footer>
+	<gov-container class="gov-container hydrated">
+		<gov-spacer size="xs" breakpoint="sm" class="gov-spacer hydrated"></gov-spacer>
+		<gov-grid class="gov-grid hydrated" role="list">
+			<!--<h2 class="visually-hidden">Links to additional information on open data</h2>-->
+			<gov-grid-item size-sm="12/12" size-md="4/12" class="gov-grid-item hydrated" role="listitem" size="12/12">
+				<h3 class="h6">Registration in NKOD</h3>
+				<ul>
+					<li><a href="/formulář/dataset-registration">Register a dataset</a></li>
+					<li><a href="/formulář/local-catalog-registration">Register a new local catalog</a></li>
+					<li><a href="{{site.app_registration_form}}">Register an application using open data</a></li>
+					<li><a href="{{site.suggestion_form}}">Suggest data to be opened</a></li>
+				</ul>
+				<h3 class="h6">Contacts</h3>
+				<ul>
+					<li>National Open Data Coordinator: Radka&nbsp;Domanská</li>
+					<li>E-mail: <a href="mailto:otevrenadata@dia.gov.cz">otevrenadata@dia.gov.cz</a></li>
+					<li>Phone: <a href="tel:+420974817556">+420 974 817 556</a></li>
+					<li>X: <a href="https://x.com/otevrenadata">@otevrenadata</a></li>
+					<li><a href="https://dia.gov.cz/">Digital and Information Agency</a></li>
+				</ul>
+		</gov-grid-item>
+			<gov-grid-item size-sm="12/12" size-md="4/12" class="gov-grid-item hydrated" role="listitem" size="12/12">
+				<h3 class="h6">Links</h3>
+				<ul>
+					<li><a href="/news">News archive</a></li>
+					<li><a href="/datasets">National Open Data Catalog</a></li>
+					<li><a href="/datasets">List of datasets</a></li>
+					<li><a href="/publishers">List of publishers</a></li>
+					<li><a href="/datová-kvalita">Data quality</a></li>
+					<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdUaVaCITtmHdTGxsU5xPvdzIygOA7wHHaotPRPAbglCF3mpw/viewform">Suggest data to be opened</a></li>
+					<li><a href="https://github.com/datagov-cz/data.gov.cz">Web on GitHub</a></li>
+					<li><a href="/prohlášení-o-přístupnosti">Declaration of accessibility (in Czech)</a></li>
+				</ul>
+			</gov-grid-item>
+			<gov-grid-item size-sm="12/12" size-md="4/12" class="gov-grid-item hydrated" role="listitem" size="12/12">
+				<h3 class="h6">Acknowledgements</h3>
+				<p>This web was created thanks to the project OPZ number CZ.03.4.74/0.0/0.0/15_025/0004172 and is further developed as part of the project OPZ number CZ.03.4.74/0.0/0.0/15_025/0013983. Increase in the number of open data producers in the public administration publishing open data in the National Open Data Catalogue was co-financed from Recovery and Resilience Facility.</p>
+				<div>
+					<img alt="Czech Recovery Plan" class="d-inline-block align-top img-fluid pr-2" id="npologo" src="{{ "/images/npo_en.webp" | relative_url}}" width="300">
 				</div>
-				<div class="col-md-4">
-					<h3 class="h6">Links</h3>
-					<ul>
-						<li><a href="/news">News archive</a></li>
-						<li><a href="/datasets">National Open Data Catalog</a></li>
-						<li><a href="/datasets">List of datasets</a></li>
-						<li><a href="/publishers">List of publishers</a></li>
-						<li><a href="/datová-kvalita">Data quality</a></li>
-						<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdUaVaCITtmHdTGxsU5xPvdzIygOA7wHHaotPRPAbglCF3mpw/viewform">Suggest data to be opened</a></li>
-						<li><a href="https://github.com/datagov-cz/data.gov.cz">Web on GitHub</a></li>
-						<li><a href="/prohlášení-o-přístupnosti">Declaration of accessibility (in Czech)</a></li>
-					</ul>
-				</div>
-				<div class="col-md-4">
-					<h3 class="h6">Acknowledgements</h3>
-					<p>This web was created thanks to the project OPZ number CZ.03.4.74/0.0/0.0/15_025/0004172 and is further developed as part of the project OPZ number CZ.03.4.74/0.0/0.0/15_025/0013983. Increase in the number of open data producers in the public administration publishing open data in the National Open Data Catalogue was co-financed from Recovery and Resilience Facility.</p>
-					<div class="bg-white shadow">
-						<img alt="Czech Recovery Plan" class="d-inline-block align-top img-fluid pr-2" id="npologo" src="{{ "/images/npo_en.webp" | relative_url}}" width="300">
-					</div>
-				</div>
-			</div>
-			<hr>
-			<div class="row">
-				<div class="col-md-12" >
-					Unless stated otherwise, the copyrighted content present on this website (including sui generis database rights) is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
+			</gov-grid-item>
+		</gov-grid>
+		<hr>
+		<div>
+			<div>
+				Unless stated otherwise, the copyrighted content present on this website (including sui generis database rights) is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
 					Please attribute correctly and link to the licence when reusing the content.
-				</div>
-			</div>	
-		</div>
+			</div>
+		</div>    
+	</gov-container>
 	</footer>
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
index 5bf6d957..18f2919e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,4 +1,10 @@
 <head>
+  <script>
+    window.GOV_DS_CONFIG = {
+      "canValidateWcagOnRender": true,
+      "iconsPath": "/assets/icons"
+    };
+  </script>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="theme-color" content="#057fa5">
@@ -26,12 +32,15 @@
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"/>
   {% if page.image %}<meta name="og:image" content="{{ page.image | remove: '..' | prepend: site.url}}"/>{% endif %}
 
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
+  <link rel="stylesheet" href="/build/core.css">
+  <link rel="stylesheet" href="/assets/fonts/roboto.css">
+  <script type="module" src="/build/core.esm.js"></script>
+  <script nomodule src="/build/core.js"></script>
+
   <script src="/js/toggler.js"></script>
-  <link type="text/css" rel="stylesheet" href="{{ "/css/od.css" | prepend: site.baseurl }}">
+<!--  <link type="text/css" rel="stylesheet" href="{{ "/css/od.css" | prepend: site.baseurl }}">
   <link type="text/css" rel="stylesheet" href="{{ "/css/style-light.css" | prepend: site.baseurl }}">
-  <link type="text/css" rel="stylesheet" media="(prefers-color-scheme: dark)" href="{{ "/css/style-dark.css" | prepend: site.baseurl }}">
+  <link type="text/css" rel="stylesheet" media="(prefers-color-scheme: dark)" href="{{ "/css/style-dark.css" | prepend: site.baseurl }}">-->
   
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   
@@ -45,4 +54,18 @@
   <link rel="alternate" hreflang="{{ page.lang }}" href="{{site.url}}{{ page.url }}" />
 {% endfor %}
   <script src="/js/matomo.js"></script>
+  <style>
+    header { 
+      color: var(--gov-nav-color, var(--gov-color-neutral-white));
+      background-color: var(--gov-nav-bg, var(--gov-color-primary));
+    }
+    footer {
+      color: var(--gov-color-primary-100);
+      background: var(--gov-color-primary-900);
+  
+      & a {
+        color: var(--gov-color-primary-300);
+      }
+    }
+    </style>
 </head>
diff --git a/_includes/nav.cs.html b/_includes/nav.cs.html
index 5ca20fa3..854657cf 100644
--- a/_includes/nav.cs.html
+++ b/_includes/nav.cs.html
@@ -1,39 +1,50 @@
-<nav class="navbar navbar-expand-lg navbar-light">
-	<div class="container">
-	  <a href="/" class="navbar-brand d-flex mr-auto"><img width="174" height="30" class="d-inline-block align-top" src="{{ "/images/logo.png" | relative_url }}" alt="Otevřená data"/></a>
-	  <button class="navbar-toggler navbar-toggler-end" type="button" data-bs-toggle="collapse" data-bs-target="#collapsingNavbar" aria-controls="collapsingNavbar" aria-expanded="false" aria-label="Zobrazení navigace">
-		<span class="navbar-toggler-icon"></span>
-	  </button>
+  <header>
+    <gov-container>
+	  <h4>Portál o datech</h4>
+      <gov-nav wcag-label="Hlavní navigace">
+        {% if page.ref == 'Education' %}
+			<gov-nav-item>
+			Vzdělávání
+			</gov-nav-item>  
+			{% else %}
+			<gov-nav-item href="{{ "/vzdělávání" | relative_url}}">
+				Vzdělávání
+			</gov-nav-item>  
+		{% endif %}
+		{% if page.ref == 'Articles' %}
+		<gov-nav-item>
+			Články
+		</gov-nav-item>
+		{% else %}
+		<gov-nav-item href="{{ "/články" | relative_url}}">
+			Články
+		</gov-nav-item>
+		{% endif %}
+		{% if page.ref == 'DataQuality' %}
+		<gov-nav-item>
+			Datová kvalita
+		</gov-nav-item>
+		{% else %}
+		<gov-nav-item href="{{ "/datová-kvalita" | relative_url}}">
+			Datová kvalita
+		</gov-nav-item>
+		{% endif %}
+        <gov-nav-item href="/datové-sady">
+          Datové sady
+        </gov-nav-item>
+        <gov-nav-item href="/aplikace">
+          Aplikace
+        </gov-nav-item>
+        <gov-nav-item href="#">
+          Další
+        </gov-nav-item>
+      </gov-nav>
+    </gov-container>
+  </header>
 
-	  <div class="collapse navbar-collapse" id="collapsingNavbar">
+<!--	  <div class="collapse navbar-collapse" id="collapsingNavbar">
 		<ul class="navbar-nav ml-auto w-100 justify-content-end">
-			{% if page.ref == 'Education' %}
-			<li class="nav-item">
-				<span class="nav-link active">Vzdělávání</span>
-			</li>
-			{% else %}
-			<li class="nav-item">
-				<a class="nav-link" href="{{ "/vzdělávání" | relative_url}}">Vzdělávání</a>
-			</li>
-			{% endif %}
-			{% if page.ref == 'Articles' %}
-			<li class="nav-item">
-				<span class="nav-link active">Články</span>
-			</li>
-			{% else %}
-			<li class="nav-item">
-				<a class="nav-link" href="{{ "/články" | relative_url}}">Články</a>
-			</li>
-			{% endif %}
-			{% if page.ref == 'DataQuality' %}
-			<li class="nav-item">
-				<span class="nav-link active">Datová kvalita</span>
-			</li>
-			{% else %}
-			<li class="nav-item">
-				<a class="nav-link" href="{{ "/datová-kvalita" | relative_url}}">Datová kvalita</a>
-			</li>
-			{% endif %}
+			
 			<li class="nav-item dropdown">
 				<a class="nav-link dropdown-toggle" id="dropdown02" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Národní katalog otevřených dat</a>
 				<div class="dropdown-menu" aria-labelledby="dropdown01">
@@ -66,4 +77,4 @@
 		</ul>
 	  </div>
 	</div>
-</nav>
+</nav>-->
diff --git a/_includes/nav.en.html b/_includes/nav.en.html
index 8f6fab05..e9e30293 100644
--- a/_includes/nav.en.html
+++ b/_includes/nav.en.html
@@ -1,4 +1,30 @@
-<nav class="navbar navbar-expand-md navbar-light">
+<header>
+    <gov-container>
+	  <h4>Czech Data Portal</h4>
+      <gov-nav wcag-label="Main navigation">
+		{% if page.ref == 'Posts' %}
+		<gov-nav-item>
+			News
+		</gov-nav-item>
+		{% else %}
+		<gov-nav-item href="{{ "/news" | relative_url}}">
+			News
+		</gov-nav-item>
+		{% endif %}
+        <gov-nav-item href="/datasets">
+			Datasets
+        </gov-nav-item>
+        <gov-nav-item href="/applications">
+			Applications
+        </gov-nav-item>
+        <gov-nav-item href="#">
+        	More
+        </gov-nav-item>
+      </gov-nav>
+    </gov-container>
+  </header>
+
+<!--<nav class="navbar navbar-expand-md navbar-light">
 	<div class="container">
 	  <a href="/" class="navbar-brand d-flex mr-auto"><img width="174" height="30" class="d-inline-block align-top" src="{{ "/images/logo.png" | relative_url }}" alt="Open data in Czechia"/></a>
 	  <button class="navbar-toggler navbar-toggler-end" type="button" data-bs-toggle="collapse" data-bs-target="#collapsingNavbar" aria-controls="collapsingNavbar" aria-expanded="false" aria-label="Show navigation">
@@ -48,4 +74,4 @@
 		</ul>
 	  </div>
 	</div>
-</nav>
+</nav>-->
\ No newline at end of file
diff --git a/_includes/postnav.cs.html b/_includes/postnav.cs.html
index 9c6b86e3..be010d55 100644
--- a/_includes/postnav.cs.html
+++ b/_includes/postnav.cs.html
@@ -1,4 +1,30 @@
-<nav class="navbar navbar-expand-md navbar-light">
+<header>
+    <gov-container>
+	  <h4>Portál o datech</h4>
+      <gov-nav wcag-label="Hlavní navigace">
+		<gov-nav-item href="{{ "/vzdělávání" | relative_url}}">
+			Vzdělávání
+		</gov-nav-item>  
+		<gov-nav-item href="{{ "/články" | relative_url}}">
+			Články
+		</gov-nav-item>
+		<gov-nav-item href="{{ "/datová-kvalita" | relative_url}}">
+			Datová kvalita
+		</gov-nav-item>
+        <gov-nav-item href="/datové-sady">
+          Datové sady
+        </gov-nav-item>
+        <gov-nav-item href="/aplikace">
+          Aplikace
+        </gov-nav-item>
+        <gov-nav-item href="#">
+          Další
+        </gov-nav-item>
+      </gov-nav>
+    </gov-container>
+  </header>
+
+<!--<nav class="navbar navbar-expand-md navbar-light">
 	<div class="container">
 	  <a href="/" class="navbar-brand d-flex w-50 mr-auto"><img width="174" height="30" class="d-inline-block align-top" src="{{ "/images/logo.png" | relative_url }}" alt="Otevřená data"></img></a>
 	  <button class="navbar-toggler navbar-toggler-end" type="button" data-bs-toggle="collapse" data-bs-target="#collapsingNavbar" aria-controls="collapsingNavbar" aria-expanded="false" aria-label="Zobrazení navigace">
@@ -47,4 +73,4 @@
 		</ul>
 	  </div>
 	</div>
-</nav>
\ No newline at end of file
+</nav>-->
\ No newline at end of file
diff --git a/_includes/postnav.en.html b/_includes/postnav.en.html
index 13a9a4f9..10b5c39d 100644
--- a/_includes/postnav.en.html
+++ b/_includes/postnav.en.html
@@ -1,4 +1,24 @@
-<nav class="navbar navbar-expand-md navbar-light">
+<header>
+    <gov-container>
+	  <h4>Czech Data Portal</h4>
+      <gov-nav wcag-label="Main navigation">
+		<gov-nav-item href="{{ "/news" | relative_url}}">
+			News
+		</gov-nav-item>
+        <gov-nav-item href="/datasets">
+			Datasets
+        </gov-nav-item>
+        <gov-nav-item href="/applications">
+			Applications
+        </gov-nav-item>
+        <gov-nav-item href="#">
+        	More
+        </gov-nav-item>
+      </gov-nav>
+    </gov-container>
+  </header>
+
+<!--<nav class="navbar navbar-expand-md navbar-light">
 	<div class="container">
 	  <a href="/" class="navbar-brand d-flex w-50 mr-auto"><img width="174" height="30" class="d-inline-block align-top" src="{{ "/images/logo.png" | relative_url }}" alt="Open data in Czechia"></img></a>
 	  <button class="navbar-toggler navbar-toggler-end" type="button" data-bs-toggle="collapse" data-bs-target="#collapsingNavbar" aria-controls="collapsingNavbar" aria-expanded="false" aria-label="Show navigation">
@@ -44,4 +64,4 @@
 		</ul>
 	  </div>
 	</div>
-</nav>
\ No newline at end of file
+</nav>-->
\ No newline at end of file
diff --git a/_layouts/contained.html b/_layouts/contained.html
index 3c2a6c21..31763d83 100644
--- a/_layouts/contained.html
+++ b/_layouts/contained.html
@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<div class="container">
+<gov-container>
     <h1>{{page.title}}</h1>
 	{{ content }}
-</div>
\ No newline at end of file
+</gov-container>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index e0087fc7..a4d21bca 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,7 +5,6 @@
     {% include header.html %}
         {{ content }}
     {% include footer.{{page.lang}}.html %}
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/anchor-js@4.3.1/anchor.min.js"></script>
     <script>
       anchors.add('h2').add('h3'){% for anchor in page.customanchors %}.add('{{ anchor }}'){% endfor %};
diff --git a/_layouts/post.html b/_layouts/post.html
index 2fe86f57..68d8942c 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -4,25 +4,24 @@
   <body>
     {% include header.html %}
     
-    <article class="container">
-        <header>
-            <h1>{{ page.title }}</h1>
-            <time datetime="{{page.date|date:"%F"}}">{{page.date|date:"%-d. %-m. %Y"}}</time>,
-            {% if site.data.authors[page.author].web %}
-            <a href="{{site.data.authors[page.author].web}}">{{site.data.authors[page.author].name}}</a>
-            {% else %}
-            {{site.data.authors[page.author].name}}
-            {% endif %}
-        </header>
-        <hr/>
-        <div class="entry container">
-            {{ content }}
-        </div>
-    
+    <article>
+        <gov-container>
+          <h1>{{ page.title }}</h1>
+          <gov-spacer size="xs" breakpoint="sm" class="gov-spacer hydrated"></gov-spacer>
+          <time datetime="{{page.date|date:"%F"}}">{{page.date|date:"%-d. %-m. %Y"}}</time>,
+          {% if site.data.authors[page.author].web %}
+          <a href="{{site.data.authors[page.author].web}}">{{site.data.authors[page.author].name}}</a>
+          {% else %}
+          {{site.data.authors[page.author].name}}
+          {% endif %}
+          
+          <gov-spacer size="xs" breakpoint="sm" class="gov-spacer hydrated"></gov-spacer>
+          {{ content }}
+          <gov-spacer size="s" breakpoint="sm" class="gov-spacer hydrated"></gov-spacer>
+        </gov-container>
     </article>
     
     {% include footer.{{page.lang}}.html %}
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/anchor-js@4.3.1/anchor.min.js"></script>
     <script>
       anchors.add('h2').add('h3'){% for anchor in page.customanchors %}.add('{{ anchor }}'){% endfor %};
diff --git a/_layouts/redirect.html b/_layouts/redirect.html
index 88758ccb..1934b1a1 100644
--- a/_layouts/redirect.html
+++ b/_layouts/redirect.html
@@ -4,6 +4,12 @@
 <!DOCTYPE html>
 <html lang="cs">
 <head>
+  <script>
+    window.GOV_DS_CONFIG = {
+      "canValidateWcagOnRender": true,
+      "iconsPath": "/assets/icons"
+    };
+  </script>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="theme-color" content="#057fa5">
@@ -27,11 +33,12 @@
   <title>{% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+  <link rel="stylesheet" href="/build/core.css">
+  <link rel="stylesheet" href="/assets/fonts/roboto.css">
+  <script type="module" src="/build/core.esm.js"></script>
+  <script nomodule src="/build/core.js"></script>
+
   <script src="/js/toggler.js"></script>
-  <link type="text/css" rel="stylesheet" href="{{ "/css/od.css" | prepend: site.baseurl }}"/>
-  <link type="text/css" rel="stylesheet" href="{{ "/css/style-light.css" | prepend: site.baseurl }}"/>
-  <link type="text/css" rel="stylesheet" media="(prefers-color-scheme: dark)" href="{{ "/css/style-dark.css" | prepend: site.baseurl }}"/>
   
   <link rel="canonical" href="{{page.redirect.to}}">
   <meta http-equiv="refresh" content="0; url={{page.redirect.to}}">
@@ -41,10 +48,10 @@
 
   <body>
     {% include nav.cs.html %}
-        <div class="container">
+    <gov-container>
       <h1>Přesměrování&hellip;</h1>
       <p><a href="{{page.redirect.to}}">Pokud nejste přesměrováni, klikněte zde.</a></p>
-    </div>
+    </gov-container>
   
     {% include footer.cs.html %}
    </body>
diff --git a/assets/fonts/_roboto.less b/assets/fonts/_roboto.less
new file mode 100644
index 00000000..4cd1a1e2
--- /dev/null
+++ b/assets/fonts/_roboto.less
@@ -0,0 +1,197 @@
+@gov-font-path: "..";
+@gov-font-display: auto;
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 100;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("@{gov-font-path}/roboto-thin-italic-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 100;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("@{gov-font-path}/roboto-thin-italic.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 300;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("@{gov-font-path}/roboto-light-italic-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 300;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("@{gov-font-path}/roboto-light-italic.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 400;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Italic"), local("Roboto-Italic"), url("@{gov-font-path}/roboto-italic-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 400;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Italic"), local("Roboto-Italic"), url("@{gov-font-path}/roboto-italic.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 500;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("@{gov-font-path}/roboto-medium-italic-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 500;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("@{gov-font-path}/roboto-medium-italic.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 700;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("@{gov-font-path}/roboto-bold-italic-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 700;
+	font-style: italic;
+	font-display: @gov-font-display;
+	src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("@{gov-font-path}/roboto-bold-italic.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 100;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Thin"), local("Roboto-Thin"), url("@{gov-font-path}/roboto-thin-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 100;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Thin"), local("Roboto-Thin"), url("@{gov-font-path}/roboto-thin.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 300;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Light"), local("Roboto-Light"), url("@{gov-font-path}/roboto-light-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 300;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Light"), local("Roboto-Light"), url("@{gov-font-path}/roboto-light.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 400;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto"), local("Roboto-Regular"), url("@{gov-font-path}/roboto-regular-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 400;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto"), local("Roboto-Regular"), url("@{gov-font-path}/roboto-regular.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 500;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Medium"), local("Roboto-Medium"), url("@{gov-font-path}/roboto-medium-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 500;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Medium"), local("Roboto-Medium"), url("@{gov-font-path}/roboto-medium.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: Roboto;
+	font-weight: 700;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Bold"), local("Roboto-Bold"), url("@{gov-font-path}/roboto-bold-ext.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: Roboto;
+	font-weight: 700;
+	font-style: normal;
+	font-display: @gov-font-display;
+	src: local("Roboto Bold"), local("Roboto-Bold"), url("@{gov-font-path}/roboto-bold.woff2?v=@{$version}") format("woff2");
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+		U+FEFF, U+FFFD;
+}
+
+body {
+	-moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
+}
diff --git a/assets/fonts/_roboto.scss b/assets/fonts/_roboto.scss
new file mode 100644
index 00000000..651d7c9b
--- /dev/null
+++ b/assets/fonts/_roboto.scss
@@ -0,0 +1,257 @@
+$gov-font-path: '..' !default;
+$gov-font-display: auto !default;
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
+    url('#{$gov-font-path}/roboto-thin-italic-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
+    url('#{$gov-font-path}/roboto-thin-italic.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
+    url('#{$gov-font-path}/roboto-light-italic-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
+    url('#{$gov-font-path}/roboto-light-italic.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Italic'), local('Roboto-Italic'),
+    url('#{$gov-font-path}/roboto-italic-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Italic'), local('Roboto-Italic'),
+    url('#{$gov-font-path}/roboto-italic.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
+    url('#{$gov-font-path}/roboto-medium-italic-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
+    url('#{$gov-font-path}/roboto-medium-italic.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+    url('#{$gov-font-path}/roboto-bold-italic-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: italic;
+  font-display: $gov-font-display;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+    url('#{$gov-font-path}/roboto-bold-italic.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Thin'), local('Roboto-Thin'),
+    url('#{$gov-font-path}/roboto-thin-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Thin'), local('Roboto-Thin'),
+    url('#{$gov-font-path}/roboto-thin.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Light'), local('Roboto-Light'),
+    url('#{$gov-font-path}/roboto-light-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Light'), local('Roboto-Light'),
+    url('#{$gov-font-path}/roboto-light.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto'), local('Roboto-Regular'),
+    url('#{$gov-font-path}/roboto-regular-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto'), local('Roboto-Regular'),
+    url('#{$gov-font-path}/roboto-regular.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Medium'), local('Roboto-Medium'),
+    url('#{$gov-font-path}/roboto-medium-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Medium'), local('Roboto-Medium'),
+    url('#{$gov-font-path}/roboto-medium.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Bold'), local('Roboto-Bold'),
+    url('#{$gov-font-path}/roboto-bold-ext.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: normal;
+  font-display: $gov-font-display;
+  src: local('Roboto Bold'), local('Roboto-Bold'),
+    url('#{$gov-font-path}/roboto-bold.woff2' + '?v=' + $version)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
diff --git a/assets/fonts/roboto-bold-ext.woff2 b/assets/fonts/roboto-bold-ext.woff2
new file mode 100644
index 00000000..5f1a7872
Binary files /dev/null and b/assets/fonts/roboto-bold-ext.woff2 differ
diff --git a/assets/fonts/roboto-bold-italic-ext.woff2 b/assets/fonts/roboto-bold-italic-ext.woff2
new file mode 100644
index 00000000..4f8bd677
Binary files /dev/null and b/assets/fonts/roboto-bold-italic-ext.woff2 differ
diff --git a/assets/fonts/roboto-bold-italic.woff2 b/assets/fonts/roboto-bold-italic.woff2
new file mode 100644
index 00000000..bbbcfb33
Binary files /dev/null and b/assets/fonts/roboto-bold-italic.woff2 differ
diff --git a/assets/fonts/roboto-bold.woff2 b/assets/fonts/roboto-bold.woff2
new file mode 100644
index 00000000..1cdd68c8
Binary files /dev/null and b/assets/fonts/roboto-bold.woff2 differ
diff --git a/assets/fonts/roboto-italic-ext.woff2 b/assets/fonts/roboto-italic-ext.woff2
new file mode 100644
index 00000000..85bf5690
Binary files /dev/null and b/assets/fonts/roboto-italic-ext.woff2 differ
diff --git a/assets/fonts/roboto-italic.woff2 b/assets/fonts/roboto-italic.woff2
new file mode 100644
index 00000000..46d164b9
Binary files /dev/null and b/assets/fonts/roboto-italic.woff2 differ
diff --git a/assets/fonts/roboto-light-ext.woff2 b/assets/fonts/roboto-light-ext.woff2
new file mode 100644
index 00000000..3fb5f272
Binary files /dev/null and b/assets/fonts/roboto-light-ext.woff2 differ
diff --git a/assets/fonts/roboto-light-italic-ext.woff2 b/assets/fonts/roboto-light-italic-ext.woff2
new file mode 100644
index 00000000..f9c07c07
Binary files /dev/null and b/assets/fonts/roboto-light-italic-ext.woff2 differ
diff --git a/assets/fonts/roboto-light-italic.woff2 b/assets/fonts/roboto-light-italic.woff2
new file mode 100644
index 00000000..e88c9711
Binary files /dev/null and b/assets/fonts/roboto-light-italic.woff2 differ
diff --git a/assets/fonts/roboto-light.woff2 b/assets/fonts/roboto-light.woff2
new file mode 100644
index 00000000..dc034ba4
Binary files /dev/null and b/assets/fonts/roboto-light.woff2 differ
diff --git a/assets/fonts/roboto-medium-ext.woff2 b/assets/fonts/roboto-medium-ext.woff2
new file mode 100644
index 00000000..7a7b8b27
Binary files /dev/null and b/assets/fonts/roboto-medium-ext.woff2 differ
diff --git a/assets/fonts/roboto-medium-italic-ext.woff2 b/assets/fonts/roboto-medium-italic-ext.woff2
new file mode 100644
index 00000000..5d6b98eb
Binary files /dev/null and b/assets/fonts/roboto-medium-italic-ext.woff2 differ
diff --git a/assets/fonts/roboto-medium-italic.woff2 b/assets/fonts/roboto-medium-italic.woff2
new file mode 100644
index 00000000..07bc3ebb
Binary files /dev/null and b/assets/fonts/roboto-medium-italic.woff2 differ
diff --git a/assets/fonts/roboto-medium.woff2 b/assets/fonts/roboto-medium.woff2
new file mode 100644
index 00000000..5ab8a656
Binary files /dev/null and b/assets/fonts/roboto-medium.woff2 differ
diff --git a/assets/fonts/roboto-regular-ext.woff2 b/assets/fonts/roboto-regular-ext.woff2
new file mode 100644
index 00000000..9b257dcb
Binary files /dev/null and b/assets/fonts/roboto-regular-ext.woff2 differ
diff --git a/assets/fonts/roboto-regular.woff2 b/assets/fonts/roboto-regular.woff2
new file mode 100644
index 00000000..4fc449af
Binary files /dev/null and b/assets/fonts/roboto-regular.woff2 differ
diff --git a/assets/fonts/roboto-thin-ext.woff2 b/assets/fonts/roboto-thin-ext.woff2
new file mode 100644
index 00000000..16572f4d
Binary files /dev/null and b/assets/fonts/roboto-thin-ext.woff2 differ
diff --git a/assets/fonts/roboto-thin-italic-ext.woff2 b/assets/fonts/roboto-thin-italic-ext.woff2
new file mode 100644
index 00000000..985e0265
Binary files /dev/null and b/assets/fonts/roboto-thin-italic-ext.woff2 differ
diff --git a/assets/fonts/roboto-thin-italic.woff2 b/assets/fonts/roboto-thin-italic.woff2
new file mode 100644
index 00000000..ad61757e
Binary files /dev/null and b/assets/fonts/roboto-thin-italic.woff2 differ
diff --git a/assets/fonts/roboto-thin.woff2 b/assets/fonts/roboto-thin.woff2
new file mode 100644
index 00000000..32fd373c
Binary files /dev/null and b/assets/fonts/roboto-thin.woff2 differ
diff --git a/assets/fonts/roboto.css b/assets/fonts/roboto.css
new file mode 100644
index 00000000..bf14768d
--- /dev/null
+++ b/assets/fonts/roboto.css
@@ -0,0 +1,235 @@
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
+    url('roboto-thin-italic-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
+    url('roboto-thin-italic.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
+    url('roboto-light-italic-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
+    url('roboto-light-italic.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Italic'), local('Roboto-Italic'),
+    url('roboto-italic-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Italic'), local('Roboto-Italic'),
+    url('roboto-italic.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
+    url('roboto-medium-italic-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
+    url('roboto-medium-italic.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+    url('roboto-bold-italic-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: italic;
+  font-display: auto;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+    url('roboto-bold-italic.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto Thin'), local('Roboto-Thin'),
+    url('roboto-thin-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 100;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto Thin'), local('Roboto-Thin'),
+    url('roboto-thin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto Light'), local('Roboto-Light'),
+    url('roboto-light-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 300;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto Light'), local('Roboto-Light'),
+    url('roboto-light.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto'), local('Roboto-Regular'),
+    url('roboto-regular-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 400;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto'), local('Roboto-Regular'),
+    url('roboto-regular.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto Medium'), local('Roboto-Medium'),
+    url('roboto-medium-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 500;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto Medium'), local('Roboto-Medium'),
+    url('roboto-medium.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto-Bold'), local('Roboto-Bold'),
+    url('roboto-bold-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: Roboto;
+  font-weight: 700;
+  font-style: normal;
+  font-display: auto;
+  src: local('Roboto-Bold'), local('Roboto-Bold'),
+    url('roboto-bold.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
diff --git a/assets/icons/basic/all.svg b/assets/icons/basic/all.svg
new file mode 100644
index 00000000..d1c25986
--- /dev/null
+++ b/assets/icons/basic/all.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 14H3C1.89543 14 1 13.1046 1 12V2C1 0.89543 1.89543 0 3 0H13C14.1046 0 15 0.895431 15 2V5H17C18.1046 5 19 5.89543 19 7V10H21C22.1046 10 23 10.8954 23 12V22C23 23.1046 22.1046 24 21 24H11C9.89543 24 9 23.1046 9 22V19H7C5.89543 19 5 18.1046 5 17V14ZM3 1.5H13C13.2761 1.5 13.5 1.72386 13.5 2V5H7C5.89543 5 5 5.89543 5 7V12.5H3C2.72386 12.5 2.5 12.2761 2.5 12V2C2.5 1.72386 2.72386 1.5 3 1.5ZM9 17.5V12C9 10.8954 9.89543 10 11 10H17.5V7C17.5 6.72386 17.2761 6.5 17 6.5H7C6.72386 6.5 6.5 6.72386 6.5 7V17C6.5 17.2761 6.72386 17.5 7 17.5H9ZM21 11.5H11C10.7239 11.5 10.5 11.7239 10.5 12V22C10.5 22.2761 10.7239 22.5 11 22.5H21C21.2761 22.5 21.5 22.2761 21.5 22V12C21.5 11.7239 21.2761 11.5 21 11.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/archive-fill.svg b/assets/icons/basic/archive-fill.svg
new file mode 100644
index 00000000..e93f183f
--- /dev/null
+++ b/assets/icons/basic/archive-fill.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9643 22.5C20.9684 22.5 22.5 20.7678 22.5 18.75V7.5H1.5V18.75C1.5 20.7678 3.03162 22.5 5.03571 22.5H18.9643ZM8.25 10.5H15.75C16.1642 10.5 16.5 10.8358 16.5 11.25C16.5 11.6642 16.1642 12 15.75 12H8.25C7.83579 12 7.5 11.6642 7.5 11.25C7.5 10.8358 7.83579 10.5 8.25 10.5Z" fill="currentColor"/>
+<path d="M1.2 1.5C0.537258 1.5 0 2.03726 0 2.7V4.5C0 5.16274 0.537258 5.7 1.2 5.7H22.8C23.4627 5.7 24 5.16274 24 4.5V2.7C24 2.03726 23.4627 1.5 22.8 1.5H1.2Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/archive-outline.svg b/assets/icons/basic/archive-outline.svg
new file mode 100644
index 00000000..f5764b83
--- /dev/null
+++ b/assets/icons/basic/archive-outline.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 2.17157 0.671574 1.5 1.5 1.5H22.5C23.3284 1.5 24 2.17157 24 3V6C24 6.82843 23.3284 7.5 22.5 7.5V18.75C22.5 20.8211 20.8211 22.5 18.75 22.5H5.25C3.17893 22.5 1.5 20.8211 1.5 18.75V7.5C0.671573 7.5 0 6.82843 0 6V3ZM3 7.5V18.75C3 19.9926 4.00736 21 5.25 21H18.75C19.9926 21 21 19.9926 21 18.75V7.5H3ZM22.5 3H1.5V6H22.5V3ZM7.5 11.25C7.5 10.8358 7.83579 10.5 8.25 10.5H15.75C16.1642 10.5 16.5 10.8358 16.5 11.25C16.5 11.6642 16.1642 12 15.75 12H8.25C7.83579 12 7.5 11.6642 7.5 11.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/archived-outline.svg b/assets/icons/basic/archived-outline.svg
new file mode 100644
index 00000000..316444a5
--- /dev/null
+++ b/assets/icons/basic/archived-outline.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 9.75C7.5 9.33579 7.83579 9 8.25 9H15.75C16.1642 9 16.5 9.33579 16.5 9.75C16.5 10.1642 16.1642 10.5 15.75 10.5H8.25C7.83579 10.5 7.5 10.1642 7.5 9.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.5C0 0.671572 0.671574 0 1.5 0H22.5C23.3284 0 24 0.671573 24 1.5V4.5C24 5.32843 23.3284 6 22.5 6V14.0313C23.4335 15.089 24 16.4783 24 18C24 21.3137 21.3137 24 18 24C15.7792 24 13.8401 22.7934 12.8027 21H5.25C3.17893 21 1.5 19.3211 1.5 17.25V6C0.671573 6 0 5.32843 0 4.5V1.5ZM12.189 19.5C12.0656 19.0206 12 18.518 12 18C12 14.6863 14.6863 12 18 12C19.0929 12 20.1175 12.2922 21 12.8027V6H3V17.25C3 18.4926 4.00736 19.5 5.25 19.5H12.189ZM22.5 1.5H1.5V4.5H22.5V1.5ZM20.8885 15.4501C21.0856 15.2504 21.4051 15.2504 21.6022 15.4501C21.7969 15.6473 21.7992 15.9656 21.6094 16.1658L17.5774 20.9319C17.5736 20.9368 17.5694 20.9415 17.565 20.946C17.368 21.1457 17.0484 21.1457 16.8514 20.946L14.3978 18.4598C14.2007 18.2601 14.2007 17.9363 14.3978 17.7366C14.5949 17.5369 14.9144 17.5369 15.1115 17.7366L17.193 19.8458L20.8751 15.4654L20.8806 15.4587C20.8831 15.4557 20.8858 15.4528 20.8885 15.4501Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/arrow-counterclockwise.svg b/assets/icons/basic/arrow-counterclockwise.svg
new file mode 100644
index 00000000..70aff9c3
--- /dev/null
+++ b/assets/icons/basic/arrow-counterclockwise.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4981 4.75341C17.3298 4.75341 21.2466 8.67023 21.2466 13.5019C21.2466 18.3335 17.3298 22.2503 12.4981 22.2503C7.6665 22.2503 3.74969 18.3335 3.74969 13.5019C3.74969 12.1976 4.03454 10.9622 4.54458 9.8526C4.74637 9.41359 4.55407 8.89412 4.11506 8.69233C3.67606 8.49054 3.15659 8.68284 2.9548 9.12185C2.34153 10.4561 2 11.9403 2 13.5019C2 19.2998 6.70018 24 12.4981 24C18.2961 24 22.9963 19.2998 22.9963 13.5019C22.9963 7.7039 18.2961 3.00372 12.4981 3.00372V4.75341Z" fill="currentColor"/>
+<path d="M12.4981 7.31888V0.438259C12.4981 0.0673956 12.0656 -0.1352 11.7807 0.102221L7.65231 3.54253C7.44246 3.71741 7.44246 4.03973 7.65231 4.21461L11.7807 7.65491C12.0656 7.89234 12.4981 7.68974 12.4981 7.31888Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/arrow-repeat.svg b/assets/icons/basic/arrow-repeat.svg
new file mode 100644
index 00000000..1656f178
--- /dev/null
+++ b/assets/icons/basic/arrow-repeat.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4952 10.7753H23.6105C23.9401 10.7753 24.1202 11.1598 23.9091 11.413L20.8515 15.0821C20.6961 15.2686 20.4096 15.2686 20.2542 15.0821L17.1966 11.413C16.9856 11.1598 17.1656 10.7753 17.4952 10.7753Z" fill="currentColor"/>
+<path d="M0.38951 13.8855H6.50477C6.83438 13.8855 7.01444 13.501 6.80343 13.2478L3.7458 9.57865C3.59037 9.39214 3.30391 9.39214 3.14848 9.57865L0.0908506 13.2478C-0.120161 13.501 0.0598991 13.8855 0.38951 13.8855Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.55507C9.58577 4.55507 7.42899 5.65444 6.00162 7.38278C5.72818 7.71388 5.2381 7.76062 4.90699 7.48718C4.57589 7.21373 4.52915 6.72365 4.8026 6.39255C6.51271 4.32185 9.10232 3 12 3C16.5745 3 20.3787 6.2913 21.1766 10.6349C21.1852 10.6816 21.1934 10.7284 21.2013 10.7753H19.6199C18.8999 7.22633 15.7611 4.55507 12 4.55507ZM4.38005 13.8855C5.10007 17.4345 8.23888 20.1057 12 20.1057C14.4142 20.1057 16.571 19.0063 17.9984 17.278C18.2718 16.9469 18.7619 16.9002 19.093 17.1736C19.4241 17.4471 19.4708 17.9371 19.1974 18.2682C17.4873 20.3389 14.8977 21.6608 12 21.6608C7.42546 21.6608 3.62128 18.3695 2.82343 14.0259C2.81485 13.9792 2.80662 13.9324 2.79874 13.8855H4.38005Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/arrow90deg-left.svg b/assets/icons/basic/arrow90deg-left.svg
new file mode 100644
index 00000000..35e33548
--- /dev/null
+++ b/assets/icons/basic/arrow90deg-left.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6848_11672)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.719 7.28097C1.64915 7.2113 1.59374 7.12854 1.55593 7.03742C1.51812 6.9463 1.49866 6.84862 1.49866 6.74997C1.49866 6.65132 1.51812 6.55364 1.55593 6.46252C1.59374 6.3714 1.64915 6.28864 1.719 6.21897L7.719 0.218971C7.85983 0.0781409 8.05083 -0.000976562 8.25 -0.000976562C8.44916 -0.000976563 8.64017 0.0781409 8.781 0.218971C8.92183 0.359801 9.00095 0.550807 9.00095 0.749971C9.00095 0.949134 8.92183 1.14014 8.781 1.28097L4.0605 5.99997H18.75C19.7446 5.99997 20.6984 6.39506 21.4016 7.09832C22.1049 7.80158 22.5 8.75541 22.5 9.74997V21.75C22.5 21.9489 22.421 22.1396 22.2803 22.2803C22.1397 22.421 21.9489 22.5 21.75 22.5C21.5511 22.5 21.3603 22.421 21.2197 22.2803C21.079 22.1396 21 21.9489 21 21.75V9.74997C21 9.15323 20.7629 8.58094 20.341 8.15898C19.919 7.73702 19.3467 7.49997 18.75 7.49997H4.0605L8.781 12.219C8.85073 12.2887 8.90604 12.3715 8.94378 12.4626C8.98152 12.5537 9.00095 12.6514 9.00095 12.75C9.00095 12.8486 8.98152 12.9462 8.94378 13.0373C8.90604 13.1285 8.85073 13.2112 8.781 13.281C8.71127 13.3507 8.62848 13.406 8.53737 13.4438C8.44626 13.4815 8.34861 13.5009 8.25 13.5009C8.15138 13.5009 8.05373 13.4815 7.96262 13.4438C7.87151 13.406 7.78873 13.3507 7.719 13.281L1.719 7.28097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6848_11672">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/arrow90deg-right.svg b/assets/icons/basic/arrow90deg-right.svg
new file mode 100644
index 00000000..6f8ed085
--- /dev/null
+++ b/assets/icons/basic/arrow90deg-right.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6848_11671)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2797 7.28097C22.3495 7.2113 22.4049 7.12854 22.4427 7.03742C22.4805 6.9463 22.5 6.84862 22.5 6.74997C22.5 6.65132 22.4805 6.55364 22.4427 6.46252C22.4049 6.3714 22.3495 6.28864 22.2797 6.21897L16.2797 0.218971C16.1388 0.0781409 15.9478 -0.000976562 15.7487 -0.000976562C15.5495 -0.000976563 15.3585 0.0781409 15.2177 0.218971C15.0768 0.359801 14.9977 0.550807 14.9977 0.749971C14.9977 0.949134 15.0768 1.14014 15.2177 1.28097L19.9382 5.99997H5.24866C4.2541 5.99997 3.30027 6.39506 2.59701 7.09832C1.89375 7.80158 1.49866 8.75541 1.49866 9.74997V21.75C1.49866 21.9489 1.57767 22.1396 1.71833 22.2803C1.85898 22.421 2.04974 22.5 2.24866 22.5C2.44757 22.5 2.63834 22.421 2.77899 22.2803C2.91964 22.1396 2.99866 21.9489 2.99866 21.75V9.74997C2.99866 9.15323 3.23571 8.58094 3.65767 8.15898C4.07962 7.73702 4.65192 7.49997 5.24866 7.49997H19.9382L15.2177 12.219C15.1479 12.2887 15.0926 12.3715 15.0549 12.4626C15.0171 12.5537 14.9977 12.6514 14.9977 12.75C14.9977 12.8486 15.0171 12.9462 15.0549 13.0373C15.0926 13.1285 15.1479 13.2112 15.2177 13.281C15.2874 13.3507 15.3702 13.406 15.4613 13.4438C15.5524 13.4815 15.65 13.5009 15.7487 13.5009C15.8473 13.5009 15.9449 13.4815 16.036 13.4438C16.1271 13.406 16.2099 13.3507 16.2797 13.281L22.2797 7.28097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6848_11671">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/arrows-fullscreen.svg b/assets/icons/basic/arrows-fullscreen.svg
new file mode 100644
index 00000000..ea1ea597
--- /dev/null
+++ b/assets/icons/basic/arrows-fullscreen.svg
@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3951)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.74267 15.2574C8.44978 14.9645 7.9749 14.9645 7.68201 15.2574L1.53772 21.4017L1.53772 17.25C1.53772 16.8358 1.20193 16.5 0.787721 16.5C0.373507 16.5 0.0377197 16.8358 0.0377202 17.25L0.0377197 23.2123C0.0377197 23.6266 0.373507 23.9623 0.78772 23.9623L6.74997 23.9623C7.16418 23.9623 7.49997 23.6266 7.49997 23.2123C7.49997 22.7981 7.16419 22.4623 6.74997 22.4623L2.59838 22.4623L8.74267 16.3181C9.03556 16.0252 9.03556 15.5503 8.74267 15.2574Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2574 15.2574C15.5503 14.9645 16.0252 14.9645 16.3181 15.2574L22.4623 21.4017V17.25C22.4623 16.8358 22.7981 16.5 23.2123 16.5C23.6266 16.5 23.9623 16.8358 23.9623 17.25V23.2123C23.9623 23.6266 23.6266 23.9623 23.2123 23.9623L17.2501 23.9623C16.8359 23.9623 16.5001 23.6266 16.5001 23.2123C16.5001 22.7981 16.8359 22.4623 17.2501 22.4623L21.4017 22.4623L15.2574 16.3181C14.9645 16.0252 14.9645 15.5503 15.2574 15.2574Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2574 8.74267C15.5503 9.03556 16.0251 9.03556 16.318 8.74267L22.4623 2.59838V6.75004C22.4623 7.16425 22.7981 7.50004 23.2123 7.50004C23.6265 7.50004 23.9623 7.16425 23.9623 6.75004V0.78772C23.9623 0.373507 23.6265 0.0377197 23.2123 0.0377197L17.2501 0.037724C16.8359 0.0377238 16.5001 0.373511 16.5001 0.787725C16.5001 1.20194 16.8359 1.53773 17.2501 1.53773L21.4017 1.53772L15.2574 7.68201C14.9645 7.9749 14.9645 8.44978 15.2574 8.74267Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.74269 8.74267C8.44979 9.03556 7.97492 9.03556 7.68203 8.74267L1.53774 2.59838L1.53774 6.75004C1.53774 7.16425 1.20195 7.50004 0.787737 7.50004C0.373523 7.50004 0.0377355 7.16425 0.037736 6.75004L0.0377355 0.78772C0.0377355 0.373507 0.373523 0.0377197 0.787736 0.0377197L6.74999 0.037724C7.1642 0.0377238 7.49999 0.373511 7.49999 0.787725C7.49999 1.20194 7.1642 1.53773 6.74999 1.53773L2.5984 1.53772L8.74269 7.68201C9.03558 7.9749 9.03558 8.44978 8.74269 8.74267Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3951">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/attachment.svg b/assets/icons/basic/attachment.svg
new file mode 100644
index 00000000..13ca6474
--- /dev/null
+++ b/assets/icons/basic/attachment.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2405 2.4519C18.9713 1.1827 16.9135 1.1827 15.6443 2.4519L5.03769 13.0585C2.98744 15.1088 2.98744 18.4329 5.03769 20.4831C7.08794 22.5334 10.4121 22.5334 12.4623 20.4831L20.3731 12.5724C20.666 12.2795 21.1408 12.2795 21.4337 12.5724C21.7266 12.8653 21.7266 13.3401 21.4337 13.633L13.523 21.5438C10.8869 24.1798 6.61307 24.1798 3.97703 21.5438C1.34099 18.9077 1.34099 14.6339 3.97703 11.9978L14.5836 1.39124C16.4386 -0.463747 19.4462 -0.463748 21.3011 1.39124C23.1561 3.24623 23.1561 6.25377 21.3011 8.10876L10.8713 18.5386C9.79738 19.6125 8.05617 19.6125 6.98223 18.5386C5.90829 17.4646 5.90829 15.7234 6.98223 14.6495L16.1304 5.5013C16.4233 5.20841 16.8982 5.20841 17.1911 5.5013C17.484 5.79419 17.484 6.26907 17.1911 6.56196L8.04289 15.7102C7.55474 16.1983 7.55474 16.9898 8.04289 17.4779C8.53105 17.9661 9.3225 17.9661 9.81066 17.4779L20.2405 7.0481C21.5097 5.77889 21.5097 3.72111 20.2405 2.4519Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/bell-fill.svg b/assets/icons/basic/bell-fill.svg
new file mode 100644
index 00000000..4134d60c
--- /dev/null
+++ b/assets/icons/basic/bell-fill.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 24C13.6569 24 15 22.6569 15 21H9C9 22.6569 10.3431 24 12 24Z" fill="currentColor"/>
+<path d="M13.4927 1.64855C13.4975 1.59968 13.5 1.55013 13.5 1.5C13.5 0.671573 12.8284 0 12 0C11.1716 0 10.5 0.671573 10.5 1.5C10.5 1.55013 10.5025 1.59969 10.5073 1.64856C7.0803 2.34067 4.50003 5.36901 4.50003 9C4.50003 10.6464 3.75 18 1.5 19.5H22.5C20.25 18 19.5 10.6464 19.5 9C19.5 5.36899 16.9197 2.34063 13.4927 1.64855Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/bluetooth.svg b/assets/icons/basic/bluetooth.svg
new file mode 100644
index 00000000..490aa2e2
--- /dev/null
+++ b/assets/icons/basic/bluetooth.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8143 5.92244L14.7885 7.89659L12.8143 9.87074V5.92244ZM12.8143 18.0776L14.7885 16.1034L12.8143 14.1293V18.0776ZM10.6992 12.0141L6.41246 7.69918L7.65335 6.45828L11.0658 9.87074V1.69213L17.2703 7.89659L13.181 12.0141L17.2985 16.1316L11.094 22.3361V14.1293L7.65335 17.5417L6.41246 16.3008L10.6992 12.0141ZM11.8555 24C17.1011 24 20.7109 21.5182 20.7109 11.9859C20.7109 2.48179 17.1011 0 11.8555 0C6.60987 0 3 2.48179 3 12.0141C3 21.5182 6.60987 24 11.8555 24Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/book.svg b/assets/icons/basic/book.svg
new file mode 100644
index 00000000..17dfe1ee
--- /dev/null
+++ b/assets/icons/basic/book.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 4.89746C2.82747 4.3428 4.73085 3.74526 6.58152 3.5586C8.57698 3.35733 10.2696 3.65323 11.25 4.68616V19.3049C9.84766 18.5099 8.07097 18.4008 6.43098 18.5662C4.66039 18.7448 2.87656 19.2578 1.5 19.7827V4.89746ZM12.75 4.68616C13.7304 3.65323 15.423 3.35733 17.4185 3.5586C19.2692 3.74526 21.1725 4.3428 22.5 4.89746V19.7827C21.1234 19.2578 19.3396 18.7448 17.569 18.5662C15.929 18.4008 14.1523 18.5099 12.75 19.3049V4.68616ZM12 3.33069C10.5226 2.0608 8.38025 1.86956 6.43098 2.06617C4.15983 2.29525 1.86688 3.07462 0.439648 3.72336C0.171902 3.84506 0 4.11203 0 4.40613V20.9061C0 21.1611 0.129564 21.3987 0.343961 21.5367C0.558357 21.6748 0.82821 21.6944 1.06035 21.5889C2.38312 20.9877 4.51517 20.267 6.58152 20.0586C8.69348 19.8456 10.4662 20.1895 11.4143 21.3747C11.5567 21.5526 11.7722 21.6561 12 21.6561C12.2278 21.6561 12.4433 21.5526 12.5857 21.3747C13.5338 20.1895 15.3065 19.8456 17.4185 20.0586C19.4848 20.267 21.6169 20.9877 22.9396 21.5889C23.1718 21.6944 23.4416 21.6748 23.656 21.5367C23.8704 21.3987 24 21.1611 24 20.9061V4.40613C24 4.11203 23.8281 3.84506 23.5604 3.72336C22.1331 3.07462 19.8402 2.29525 17.569 2.06617C15.6198 1.86956 13.4774 2.0608 12 3.33069Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/box-arrow-in-right.svg b/assets/icons/basic/box-arrow-in-right.svg
new file mode 100644
index 00000000..b72fbe5d
--- /dev/null
+++ b/assets/icons/basic/box-arrow-in-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 5.25C9 4.83579 9.33579 4.5 9.75 4.5H21.75C22.1642 4.5 22.5 4.83579 22.5 5.25V18.75C22.5 19.1642 22.1642 19.5 21.75 19.5H9.75C9.33579 19.5 9 19.1642 9 18.75V15.75C9 15.3358 8.66421 15 8.25 15C7.83579 15 7.5 15.3358 7.5 15.75V18.75C7.5 19.9926 8.50736 21 9.75 21H21.75C22.9926 21 24 19.9926 24 18.75V5.25C24 4.00736 22.9926 3 21.75 3H9.75C8.50736 3 7.5 4.00736 7.5 5.25V8.25C7.5 8.66421 7.83579 9 8.25 9C8.66421 9 9 8.66421 9 8.25V5.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7803 12.5303C18.0732 12.2374 18.0732 11.7626 17.7803 11.4697L13.2803 6.96967C12.9874 6.67678 12.5126 6.67678 12.2197 6.96967C11.9268 7.26256 11.9268 7.73744 12.2197 8.03033L15.4393 11.25H2.25C1.83579 11.25 1.5 11.5858 1.5 12C1.5 12.4142 1.83579 12.75 2.25 12.75H15.4393L12.2197 15.9697C11.9268 16.2626 11.9268 16.7374 12.2197 17.0303C12.5126 17.3232 12.9874 17.3232 13.2803 17.0303L17.7803 12.5303Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/box-arrow-left.svg b/assets/icons/basic/box-arrow-left.svg
new file mode 100644
index 00000000..330217e1
--- /dev/null
+++ b/assets/icons/basic/box-arrow-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18.75C9 19.1642 9.33579 19.5 9.75 19.5H21.75C22.1642 19.5 22.5 19.1642 22.5 18.75L22.5 5.25C22.5 4.83579 22.1642 4.5 21.75 4.5L9.75 4.5C9.33579 4.5 9 4.83579 9 5.25L9 8.25C9 8.66421 8.66421 9 8.25 9C7.83579 9 7.5 8.66421 7.5 8.25V5.25C7.5 4.00736 8.50736 3 9.75 3L21.75 3C22.9926 3 24 4.00736 24 5.25L24 18.75C24 19.9926 22.9926 21 21.75 21H9.75C8.50736 21 7.5 19.9926 7.5 18.75V15.75C7.5 15.3358 7.83579 15 8.25 15C8.66421 15 9 15.3358 9 15.75V18.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.21967 12.5303C-0.0732233 12.2374 -0.0732233 11.7626 0.21967 11.4697L4.71967 6.96967C5.01256 6.67677 5.48744 6.67677 5.78033 6.96967C6.07322 7.26256 6.07322 7.73744 5.78033 8.03033L2.56066 11.25L15.75 11.25C16.1642 11.25 16.5 11.5858 16.5 12C16.5 12.4142 16.1642 12.75 15.75 12.75L2.56066 12.75L5.78033 15.9697C6.07322 16.2626 6.07322 16.7374 5.78033 17.0303C5.48744 17.3232 5.01256 17.3232 4.71967 17.0303L0.21967 12.5303Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/box-arrow-right.svg b/assets/icons/basic/box-arrow-right.svg
new file mode 100644
index 00000000..a2837730
--- /dev/null
+++ b/assets/icons/basic/box-arrow-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 18.75C15 19.1642 14.6642 19.5 14.25 19.5H2.25C1.83579 19.5 1.5 19.1642 1.5 18.75L1.5 5.25C1.5 4.83579 1.83579 4.5 2.25 4.5L14.25 4.5C14.6642 4.5 15 4.83579 15 5.25L15 8.25C15 8.66421 15.3358 9 15.75 9C16.1642 9 16.5 8.66421 16.5 8.25V5.25C16.5 4.00736 15.4926 3 14.25 3L2.25 3C1.00736 3 1.96167e-06 4.00736 1.90735e-06 5.25L0 18.75C-5.43176e-08 19.9926 1.00736 21 2.25 21H14.25C15.4926 21 16.5 19.9926 16.5 18.75V15.75C16.5 15.3358 16.1642 15 15.75 15C15.3358 15 15 15.3358 15 15.75V18.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7803 12.5303C24.0732 12.2374 24.0732 11.7626 23.7803 11.4697L19.2803 6.96967C18.9874 6.67677 18.5126 6.67677 18.2197 6.96967C17.9268 7.26256 17.9268 7.73744 18.2197 8.03033L21.4393 11.25L8.25 11.25C7.83579 11.25 7.5 11.5858 7.5 12C7.5 12.4142 7.83579 12.75 8.25 12.75L21.4393 12.75L18.2197 15.9697C17.9268 16.2626 17.9268 16.7374 18.2197 17.0303C18.5126 17.3232 18.9874 17.3232 19.2803 17.0303L23.7803 12.5303Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/box-arrow-up-right.svg b/assets/icons/basic/box-arrow-up-right.svg
new file mode 100644
index 00000000..14888c03
--- /dev/null
+++ b/assets/icons/basic/box-arrow-up-right.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_348)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9545 5.25C12.9545 4.83579 12.6188 4.5 12.2045 4.5H2.25C1.00736 4.5 0 5.50736 0 6.75V21.75C0 22.9926 1.00736 24 2.25 24H17.25C18.4926 24 19.5 22.9926 19.5 21.75V11.7955C19.5 11.3812 19.1642 11.0455 18.75 11.0455C18.3358 11.0455 18 11.3812 18 11.7955V21.75C18 22.1642 17.6642 22.5 17.25 22.5H2.25C1.83579 22.5 1.5 22.1642 1.5 21.75V6.75C1.5 6.33579 1.83579 6 2.25 6H12.2045C12.6188 6 12.9545 5.66421 12.9545 5.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.75C24 0.335786 23.6642 0 23.25 0H15.75C15.3358 0 15 0.335786 15 0.75C15 1.16421 15.3358 1.5 15.75 1.5H21.4393L9.21967 13.7197C8.92678 14.0126 8.92678 14.4874 9.21967 14.7803C9.51256 15.0732 9.98744 15.0732 10.2803 14.7803L22.5 2.56066V8.25C22.5 8.66421 22.8358 9 23.25 9C23.6642 9 24 8.66421 24 8.25V0.75Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_348">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/briefcase-fill.svg b/assets/icons/basic/briefcase-fill.svg
new file mode 100644
index 00000000..6a1eb2bb
--- /dev/null
+++ b/assets/icons/basic/briefcase-fill.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75 1.5C8.5076 1.5 7.5 2.50675 7.5 3.74963V4.5H2.25C1.00736 4.5 0 5.50736 0 6.75V8.82621L11.4203 11.8716C11.8001 11.9729 12.1999 11.9729 12.5797 11.8716L24 8.82621V6.75C24 5.50736 22.9926 4.5 21.75 4.5H16.5V3.74963C16.5 2.50675 15.4924 1.5 14.25 1.5H9.75ZM9.75 3H14.25C14.6645 3 15 3.33695 15 3.75092V4.5H9V3.74963C9 3.33566 9.33555 3 9.75 3Z" fill="currentColor"/>
+<path d="M0 18.75C0 19.9926 1.00736 21 2.25 21H21.75C22.9926 21 24 19.9926 24 18.75V10.2738L12.1932 13.4223C12.0666 13.456 11.9334 13.456 11.8068 13.4223L0 10.2738V18.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/briefcase.svg b/assets/icons/basic/briefcase.svg
new file mode 100644
index 00000000..06af8152
--- /dev/null
+++ b/assets/icons/basic/briefcase.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75 1.5C8.5076 1.5 7.5 2.50675 7.5 3.74963V4.5H2.25C1.00736 4.5 0 5.50736 0 6.75V18.75C0 19.9926 1.00736 21 2.25 21H21.75C22.9926 21 24 19.9926 24 18.75V6.75C24 5.50736 22.9926 4.5 21.75 4.5H16.5V3.74963C16.5 2.50675 15.4924 1.5 14.25 1.5H9.75ZM9.75 3H14.25C14.6645 3 15 3.33695 15 3.75092V4.5H9V3.74963C9 3.33566 9.33555 3 9.75 3ZM12.5797 13.3716L22.5 10.7262V18.75C22.5 19.1642 22.1642 19.5 21.75 19.5H2.25C1.83579 19.5 1.5 19.1642 1.5 18.75V10.7262L11.4203 13.3716C11.8001 13.4729 12.1999 13.4729 12.5797 13.3716ZM2.25 6H21.75C22.1642 6 22.5 6.33579 22.5 6.75V9.17379L12.1932 11.9223C12.0666 11.956 11.9334 11.956 11.8068 11.9223L1.5 9.17379V6.75C1.5 6.33579 1.83579 6 2.25 6Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/building-fill.svg b/assets/icons/basic/building-fill.svg
new file mode 100644
index 00000000..387f4928
--- /dev/null
+++ b/assets/icons/basic/building-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 0C3.67157 0 3 0.671574 3 1.5V22.5C3 23.3284 3.67157 24 4.5 24H9V18.75C9 18.3358 9.33579 18 9.75 18H14.25C14.6642 18 15 18.3358 15 18.75V24H19.5C20.3284 24 21 23.3284 21 22.5V1.5C21 0.671573 20.3284 0 19.5 0H4.5ZM6 3.75C6 3.33579 6.33579 3 6.75 3H8.25C8.66421 3 9 3.33579 9 3.75V5.25C9 5.66421 8.66421 6 8.25 6H6.75C6.33579 6 6 5.66421 6 5.25V3.75ZM10.5 3.75C10.5 3.33579 10.8358 3 11.25 3H12.75C13.1642 3 13.5 3.33579 13.5 3.75V5.25C13.5 5.66421 13.1642 6 12.75 6H11.25C10.8358 6 10.5 5.66421 10.5 5.25V3.75ZM15.75 3H17.25C17.6642 3 18 3.33579 18 3.75V5.25C18 5.66421 17.6642 6 17.25 6H15.75C15.3358 6 15 5.66421 15 5.25V3.75C15 3.33579 15.3358 3 15.75 3ZM6 8.25C6 7.83579 6.33579 7.5 6.75 7.5H8.25C8.66421 7.5 9 7.83579 9 8.25V9.75C9 10.1642 8.66421 10.5 8.25 10.5H6.75C6.33579 10.5 6 10.1642 6 9.75V8.25ZM11.25 7.5H12.75C13.1642 7.5 13.5 7.83579 13.5 8.25V9.75C13.5 10.1642 13.1642 10.5 12.75 10.5H11.25C10.8358 10.5 10.5 10.1642 10.5 9.75V8.25C10.5 7.83579 10.8358 7.5 11.25 7.5ZM15 8.25C15 7.83579 15.3358 7.5 15.75 7.5H17.25C17.6642 7.5 18 7.83579 18 8.25V9.75C18 10.1642 17.6642 10.5 17.25 10.5H15.75C15.3358 10.5 15 10.1642 15 9.75V8.25ZM6.75 12H8.25C8.66421 12 9 12.3358 9 12.75V14.25C9 14.6642 8.66421 15 8.25 15H6.75C6.33579 15 6 14.6642 6 14.25V12.75C6 12.3358 6.33579 12 6.75 12ZM10.5 12.75C10.5 12.3358 10.8358 12 11.25 12H12.75C13.1642 12 13.5 12.3358 13.5 12.75V14.25C13.5 14.6642 13.1642 15 12.75 15H11.25C10.8358 15 10.5 14.6642 10.5 14.25V12.75ZM15.75 12H17.25C17.6642 12 18 12.3358 18 12.75V14.25C18 14.6642 17.6642 15 17.25 15H15.75C15.3358 15 15 14.6642 15 14.25V12.75C15 12.3358 15.3358 12 15.75 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/buildings.svg b/assets/icons/basic/buildings.svg
new file mode 100644
index 00000000..8c36390e
--- /dev/null
+++ b/assets/icons/basic/buildings.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.1445 0.112324C22.2531 0.179515 22.3428 0.273342 22.405 0.384908C22.4672 0.496475 22.4999 0.622083 22.5 0.749824V23.2498C22.5 23.4487 22.421 23.6395 22.2803 23.7802C22.1397 23.9208 21.9489 23.9998 21.75 23.9998H17.25C17.0511 23.9998 16.8603 23.9208 16.7197 23.7802C16.579 23.6395 16.5 23.4487 16.5 23.2498V20.9998H15V23.2498C15 23.4487 14.921 23.6395 14.7803 23.7802C14.6397 23.9208 14.4489 23.9998 14.25 23.9998H0.75C0.551088 23.9998 0.360322 23.9208 0.21967 23.7802C0.0790176 23.6395 0 23.4487 0 23.2498V14.9998C0.00011947 14.8425 0.0497221 14.6892 0.141787 14.5616C0.233853 14.434 0.363717 14.3385 0.513 14.2888L9 11.4598V6.74982C9 6.61066 9.03873 6.47423 9.11185 6.35582C9.18496 6.23741 9.28958 6.14167 9.414 6.07932L21.414 0.0793236C21.5285 0.0220324 21.6557 -0.00501211 21.7835 0.00076422C21.9114 0.00654055 22.0357 0.0449455 22.1445 0.112324ZM9 13.0408L1.5 15.5398V22.4998H9V13.0408ZM10.5 22.4998H13.5V20.2498C13.5 20.0509 13.579 19.8601 13.7197 19.7195C13.8603 19.5788 14.0511 19.4998 14.25 19.4998H17.25C17.4489 19.4998 17.6397 19.5788 17.7803 19.7195C17.921 19.8601 18 20.0509 18 20.2498V22.4998H21V1.96332L10.5 7.21332V22.4998Z" fill="currentColor"/>
+<path d="M3 16.5H4.5V18H3V16.5ZM6 16.5H7.5V18H6V16.5ZM3 19.5H4.5V21H3V19.5ZM6 19.5H7.5V21H6V19.5ZM12 13.5H13.5V15H12V13.5ZM15 13.5H16.5V15H15V13.5ZM12 16.5H13.5V18H12V16.5ZM15 16.5H16.5V18H15V16.5ZM18 13.5H19.5V15H18V13.5ZM18 16.5H19.5V18H18V16.5ZM12 10.5H13.5V12H12V10.5ZM15 10.5H16.5V12H15V10.5ZM18 10.5H19.5V12H18V10.5ZM12 7.5H13.5V9H12V7.5ZM15 7.5H16.5V9H15V7.5ZM18 7.5H19.5V9H18V7.5ZM18 4.5H19.5V6H18V4.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/calendar-event.svg b/assets/icons/basic/calendar-event.svg
new file mode 100644
index 00000000..d5078ac8
--- /dev/null
+++ b/assets/icons/basic/calendar-event.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_296)">
+<path d="M16.5 9.75C16.5 9.33579 16.8358 9 17.25 9H18.75C19.1642 9 19.5 9.33579 19.5 9.75V11.25C19.5 11.6642 19.1642 12 18.75 12H17.25C16.8358 12 16.5 11.6642 16.5 11.25V9.75Z" fill="currentColor"/>
+<path d="M5.25 0C5.66421 0 6 0.335786 6 0.75V1.5H18V0.75C18 0.335786 18.3358 0 18.75 0C19.1642 0 19.5 0.335786 19.5 0.75V1.5H21C22.6569 1.5 24 2.84315 24 4.5V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V4.5C0 2.84315 1.34315 1.5 3 1.5H4.5V0.75C4.5 0.335786 4.83579 0 5.25 0ZM1.5 6V21C1.5 21.8284 2.17157 22.5 3 22.5H21C21.8284 22.5 22.5 21.8284 22.5 21V6H1.5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_296">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/calendar.svg b/assets/icons/basic/calendar.svg
new file mode 100644
index 00000000..58f7e99a
--- /dev/null
+++ b/assets/icons/basic/calendar.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6848_12277)">
+<path d="M5.25 0C5.66421 0 6 0.335786 6 0.75V1.5H18V0.75C18 0.335786 18.3358 0 18.75 0C19.1642 0 19.5 0.335786 19.5 0.75V1.5H21C22.6569 1.5 24 2.84315 24 4.5V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V4.5C0 2.84315 1.34315 1.5 3 1.5H4.5V0.75C4.5 0.335786 4.83579 0 5.25 0ZM1.5 6V21C1.5 21.8284 2.17157 22.5 3 22.5H21C21.8284 22.5 22.5 21.8284 22.5 21V6H1.5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6848_12277">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/camera.svg b/assets/icons/basic/camera.svg
new file mode 100644
index 00000000..b4a9d7c7
--- /dev/null
+++ b/assets/icons/basic/camera.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V9C1.5 8.17157 2.17157 7.5 3 7.5H4.75736C5.95083 7.5 7.09543 7.02589 7.93934 6.18198L9.18198 4.93934C9.46329 4.65803 9.84482 4.5 10.2426 4.5H13.7574C14.1552 4.5 14.5367 4.65804 14.818 4.93934L16.0607 6.18198C16.9046 7.0259 18.0492 7.5 19.2426 7.5H21C21.8284 7.5 22.5 8.17157 22.5 9V18ZM3 6C1.34315 6 0 7.34315 0 9V18C0 19.6569 1.34315 21 3 21H21C22.6569 21 24 19.6569 24 18V9C24 7.34315 22.6569 6 21 6H19.2426C18.447 6 17.6839 5.68393 17.1213 5.12132L15.8787 3.87868C15.3161 3.31607 14.553 3 13.7574 3H10.2426C9.44699 3 8.68393 3.31607 8.12132 3.87868L6.87868 5.12132C6.31607 5.68393 5.55301 6 4.75736 6H3Z" fill="currentColor"/>
+<path d="M12 16.5C9.92893 16.5 8.25 14.8211 8.25 12.75C8.25 10.6789 9.92893 9 12 9C14.0711 9 15.75 10.6789 15.75 12.75C15.75 14.8211 14.0711 16.5 12 16.5ZM12 18C14.8995 18 17.25 15.6495 17.25 12.75C17.25 9.8505 14.8995 7.5 12 7.5C9.1005 7.5 6.75 9.8505 6.75 12.75C6.75 15.6495 9.1005 18 12 18Z" fill="currentColor"/>
+<path d="M4.5 9.75C4.5 10.1642 4.16421 10.5 3.75 10.5C3.33579 10.5 3 10.1642 3 9.75C3 9.33579 3.33579 9 3.75 9C4.16421 9 4.5 9.33579 4.5 9.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/car-front.svg b/assets/icons/basic/car-front.svg
new file mode 100644
index 00000000..bd31a7d2
--- /dev/null
+++ b/assets/icons/basic/car-front.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6848_11734)">
+<path d="M7.22846 3C6.49431 2.99964 5.77621 3.21478 5.16319 3.61875C4.55018 4.02272 4.06922 4.59774 3.77996 5.2725L2.59196 8.0445C2.47953 8.3075 2.27759 8.52219 2.02196 8.6505C1.27196 9.0255 0.739465 9.723 0.574465 10.5435L0.0749649 13.062C0.026336 13.304 0.00171659 13.5502 0.00146484 13.797V14.4165C0.00146484 15.6375 0.586465 16.731 1.50146 17.412V20.25C1.50146 20.4489 1.58048 20.6397 1.72113 20.7803C1.86179 20.921 2.05255 21 2.25146 21H5.25146C5.45038 21 5.64114 20.921 5.7818 20.7803C5.92245 20.6397 6.00146 20.4489 6.00146 20.25V18.243C7.93946 18.315 10.119 18.375 12.0015 18.375C13.884 18.375 16.0635 18.315 18.0015 18.243V20.25C18.0015 20.4489 18.0805 20.6397 18.2211 20.7803C18.3618 20.921 18.5526 21 18.7515 21H21.7515C21.9504 21 22.1411 20.921 22.2818 20.7803C22.4224 20.6397 22.5015 20.4489 22.5015 20.25V17.412C23.4165 16.731 24.0015 15.6375 24.0015 14.4165V13.797C24.0015 13.5495 23.9775 13.3035 23.928 13.062L23.4255 10.542C23.3443 10.1375 23.1719 9.75678 22.9213 9.42898C22.6707 9.10119 22.3486 8.83493 21.9795 8.6505C21.7233 8.52247 21.5208 8.30775 21.408 8.0445L20.22 5.2725C19.9307 4.59774 19.4498 4.02272 18.8367 3.61875C18.2237 3.21478 17.5056 2.99964 16.7715 3H7.22846ZM5.15997 5.865C5.33335 5.45972 5.62197 5.1143 5.98997 4.87163C6.35797 4.62896 6.78915 4.49973 7.22997 4.5H16.773C17.2135 4.50003 17.6444 4.62939 18.0121 4.87204C18.3798 5.11469 18.6682 5.45996 18.8415 5.865L20.0295 8.6355C20.2814 9.22508 20.735 9.70576 21.309 9.9915C21.642 10.1595 21.8805 10.4715 21.954 10.8375L22.458 13.356C22.488 13.5015 22.5015 13.6485 22.5015 13.797V14.4165C22.5037 14.9881 22.2854 15.5385 21.892 15.9531C21.4985 16.3678 20.9604 16.6147 20.3895 16.6425C18.057 16.7475 14.7105 16.875 12.0015 16.875C9.29246 16.875 5.94596 16.749 3.61346 16.6425C3.04217 16.6154 2.5034 16.3688 2.1096 15.954C1.7158 15.5393 1.49739 14.9884 1.49996 14.4165V13.797C1.49996 13.6485 1.51496 13.5015 1.54496 13.356L2.04746 10.836C2.08366 10.6554 2.16057 10.4855 2.27234 10.3392C2.38412 10.1928 2.5278 10.0739 2.69246 9.9915C3.26696 9.7065 3.71996 9.225 3.97196 8.6355L5.15997 5.8635V5.865Z" fill="currentColor"/>
+<path d="M8 13.5C8 14.3284 7.32843 15 6.5 15C5.67157 15 5 14.3284 5 13.5C5 12.6716 5.67157 12 6.5 12C7.32843 12 8 12.6716 8 13.5Z" fill="currentColor"/>
+<path d="M19 13.5C19 14.3284 18.3284 15 17.5 15C16.6716 15 16 14.3284 16 13.5C16 12.6716 16.6716 12 17.5 12C18.3284 12 19 12.6716 19 13.5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6848_11734">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/car.svg b/assets/icons/basic/car.svg
new file mode 100644
index 00000000..f25b9bd8
--- /dev/null
+++ b/assets/icons/basic/car.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8293 18H22C23.1046 18 24 17.1046 24 16V11.9995C24 10.3427 22.6569 9 21 9H18L15.6 5.8C15.2223 5.29639 14.6295 5 14 5H6.60555C6.2107 5 5.82469 5.11688 5.49615 5.3359L1.7812 7.81253C0.668405 8.5544 0 9.80332 0 11.1407V16C0 17.1046 0.89543 18 2 18H2.17071C2.58254 19.1652 3.69378 20 5 20C6.30622 20 7.41746 19.1652 7.82929 18H15.1707C15.5825 19.1652 16.6938 20 18 20C19.3062 20 20.4175 19.1652 20.8293 18ZM17.75 10.5C17.4352 10.5 17.1389 10.3518 16.95 10.1L14.4 6.7C14.3056 6.5741 14.1574 6.5 14 6.5H6.60555C6.50684 6.5 6.41034 6.52922 6.3282 6.58397L2.61325 9.06061C1.91775 9.52427 1.5 10.3049 1.5 11.1407V16C1.5 16.2761 1.72386 16.5 2 16.5H2.04148C2.27952 15.0811 3.5135 14 5 14C6.4865 14 7.72048 15.0811 7.95852 16.5H15.0415C15.2795 15.0811 16.5135 14 18 14C19.4865 14 20.7205 15.0811 20.9585 16.5H22C22.2761 16.5 22.5 16.2761 22.5 16V11.9993C22.5 11.1709 21.8284 10.5 21 10.5H17.75ZM5 18.5C5.82843 18.5 6.5 17.8284 6.5 17C6.5 16.1716 5.82843 15.5 5 15.5C4.17157 15.5 3.5 16.1716 3.5 17C3.5 17.8284 4.17157 18.5 5 18.5ZM19.5 17C19.5 17.8284 18.8284 18.5 18 18.5C17.1716 18.5 16.5 17.8284 16.5 17C16.5 16.1716 17.1716 15.5 18 15.5C18.8284 15.5 19.5 16.1716 19.5 17Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/card-text.svg b/assets/icons/basic/card-text.svg
new file mode 100644
index 00000000..e71a201f
--- /dev/null
+++ b/assets/icons/basic/card-text.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.75 4.5C21.9489 4.5 22.1397 4.57902 22.2803 4.71967C22.421 4.86032 22.5 5.05109 22.5 5.25V18.75C22.5 18.9489 22.421 19.1397 22.2803 19.2803C22.1397 19.421 21.9489 19.5 21.75 19.5H2.25C2.05109 19.5 1.86032 19.421 1.71967 19.2803C1.57902 19.1397 1.5 18.9489 1.5 18.75V5.25C1.5 5.05109 1.57902 4.86032 1.71967 4.71967C1.86032 4.57902 2.05109 4.5 2.25 4.5H21.75ZM2.25 3C1.65326 3 1.08097 3.23705 0.65901 3.65901C0.237053 4.08097 0 4.65326 0 5.25V18.75C0 19.3467 0.237053 19.919 0.65901 20.341C1.08097 20.7629 1.65326 21 2.25 21H21.75C22.3467 21 22.919 20.7629 23.341 20.341C23.7629 19.919 24 19.3467 24 18.75V5.25C24 4.65326 23.7629 4.08097 23.341 3.65901C22.919 3.23705 22.3467 3 21.75 3H2.25Z" fill="currentColor"/>
+<path d="M4.5 8.25C4.5 8.05109 4.57902 7.86032 4.71967 7.71967C4.86032 7.57902 5.05109 7.5 5.25 7.5H18.75C18.9489 7.5 19.1397 7.57902 19.2803 7.71967C19.421 7.86032 19.5 8.05109 19.5 8.25C19.5 8.44891 19.421 8.63968 19.2803 8.78033C19.1397 8.92098 18.9489 9 18.75 9H5.25C5.05109 9 4.86032 8.92098 4.71967 8.78033C4.57902 8.63968 4.5 8.44891 4.5 8.25ZM4.5 12C4.5 11.8011 4.57902 11.6103 4.71967 11.4697C4.86032 11.329 5.05109 11.25 5.25 11.25H18.75C18.9489 11.25 19.1397 11.329 19.2803 11.4697C19.421 11.6103 19.5 11.8011 19.5 12C19.5 12.1989 19.421 12.3897 19.2803 12.5303C19.1397 12.671 18.9489 12.75 18.75 12.75H5.25C5.05109 12.75 4.86032 12.671 4.71967 12.5303C4.57902 12.3897 4.5 12.1989 4.5 12ZM4.5 15.75C4.5 15.5511 4.57902 15.3603 4.71967 15.2197C4.86032 15.079 5.05109 15 5.25 15H14.25C14.4489 15 14.6397 15.079 14.7803 15.2197C14.921 15.3603 15 15.5511 15 15.75C15 15.9489 14.921 16.1397 14.7803 16.2803C14.6397 16.421 14.4489 16.5 14.25 16.5H5.25C5.05109 16.5 4.86032 16.421 4.71967 16.2803C4.57902 16.1397 4.5 15.9489 4.5 15.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/caret-down-fill.svg b/assets/icons/basic/caret-down-fill.svg
new file mode 100644
index 00000000..014f8772
--- /dev/null
+++ b/assets/icons/basic/caret-down-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8711 16.7099L3.67679 8.48776C2.82815 7.51788 3.51691 6 4.80565 6L19.1943 6C20.4831 6 21.1719 7.51788 20.3232 8.48775L13.1289 16.7099C12.5312 17.3929 11.4688 17.3929 10.8711 16.7099Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/caret-left-fill.svg b/assets/icons/basic/caret-left-fill.svg
new file mode 100644
index 00000000..2cf4ca22
--- /dev/null
+++ b/assets/icons/basic/caret-left-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.79013 13.1289L14.0122 20.3232C14.9821 21.1719 16.5 20.4831 16.5 19.1943V4.80565C16.5 3.51691 14.9821 2.82814 14.0122 3.67678L5.79013 10.8711C5.10714 11.4688 5.10714 12.5312 5.79013 13.1289Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/caret-right-fill.svg b/assets/icons/basic/caret-right-fill.svg
new file mode 100644
index 00000000..9091ce38
--- /dev/null
+++ b/assets/icons/basic/caret-right-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2099 13.1289L9.98776 20.3232C9.01788 21.1719 7.5 20.4831 7.5 19.1943L7.5 4.80565C7.5 3.51691 9.01788 2.82814 9.98775 3.67678L18.2099 10.8711C18.8929 11.4688 18.8929 12.5312 18.2099 13.1289Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/caret-up-fill.svg b/assets/icons/basic/caret-up-fill.svg
new file mode 100644
index 00000000..3f0a6eaf
--- /dev/null
+++ b/assets/icons/basic/caret-up-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8711 7.29013L3.67679 15.5122C2.82815 16.4821 3.51691 18 4.80565 18L19.1943 18C20.4831 18 21.1719 16.4821 20.3232 15.5122L13.1289 7.29013C12.5312 6.60714 11.4688 6.60714 10.8711 7.29013Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/cash-stack.svg b/assets/icons/basic/cash-stack.svg
new file mode 100644
index 00000000..4806b752
--- /dev/null
+++ b/assets/icons/basic/cash-stack.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 4.5C1.5 3.67157 2.17157 3 3 3H21C21.8284 3 22.5 3.67157 22.5 4.5L1.5 4.5Z" fill="currentColor"/>
+<path d="M12 16.5C13.6569 16.5 15 15.1569 15 13.5C15 11.8431 13.6569 10.5 12 10.5C10.3431 10.5 9 11.8431 9 13.5C9 15.1569 10.3431 16.5 12 16.5Z" fill="currentColor"/>
+<path d="M0 7.5C0 6.67157 0.671573 6 1.5 6H22.5C23.3284 6 24 6.67157 24 7.5V19.5C24 20.3284 23.3284 21 22.5 21H1.5C0.671573 21 0 20.3284 0 19.5V7.5ZM4.5 7.5C4.5 9.15685 3.15685 10.5 1.5 10.5V16.5C3.15685 16.5 4.5 17.8431 4.5 19.5H19.5C19.5 17.8431 20.8431 16.5 22.5 16.5V10.5C20.8431 10.5 19.5 9.15685 19.5 7.5H4.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/cash.svg b/assets/icons/basic/cash.svg
new file mode 100644
index 00000000..710cb5bd
--- /dev/null
+++ b/assets/icons/basic/cash.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15.5C13.6569 15.5 15 14.1569 15 12.5C15 10.8431 13.6569 9.5 12 9.5C10.3431 9.5 9 10.8431 9 12.5C9 14.1569 10.3431 15.5 12 15.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.43934 5.43934C0.158035 5.72064 0 6.10218 0 6.5V18.5C0 18.8978 0.158035 19.2794 0.43934 19.5607C0.720644 19.842 1.10218 20 1.5 20H22.5C22.8978 20 23.2794 19.842 23.5607 19.5607C23.842 19.2794 24 18.8978 24 18.5V6.5C24 6.10218 23.842 5.72064 23.5607 5.43934C23.2794 5.15804 22.8978 5 22.5 5H1.5C1.10218 5 0.720644 5.15804 0.43934 5.43934ZM3.62132 8.62132C4.18393 8.05871 4.5 7.29565 4.5 6.5H19.5C19.5 7.29565 19.8161 8.05871 20.3787 8.62132C20.9413 9.18393 21.7043 9.5 22.5 9.5V15.5C21.7043 15.5 20.9413 15.8161 20.3787 16.3787C19.8161 16.9413 19.5 17.7043 19.5 18.5H4.5C4.5 17.7043 4.18393 16.9413 3.62132 16.3787C3.05871 15.8161 2.29565 15.5 1.5 15.5V9.5C2.29565 9.5 3.05871 9.18393 3.62132 8.62132Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chat-left-text-fill.svg b/assets/icons/basic/chat-left-text-fill.svg
new file mode 100644
index 00000000..5ba736d6
--- /dev/null
+++ b/assets/icons/basic/chat-left-text-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H21C22.6569 0 24 1.34315 24 3V15C24 16.6569 22.6569 18 21 18H6.62132C6.2235 18 5.84196 18.158 5.56066 18.4393L1.28033 22.7197C0.807855 23.1921 0 22.8575 0 22.1893V3ZM5.25 4.5C4.83579 4.5 4.5 4.83579 4.5 5.25C4.5 5.66421 4.83579 6 5.25 6H18.75C19.1642 6 19.5 5.66421 19.5 5.25C19.5 4.83579 19.1642 4.5 18.75 4.5H5.25ZM5.25 8.25C4.83579 8.25 4.5 8.58579 4.5 9C4.5 9.41421 4.83579 9.75 5.25 9.75H18.75C19.1642 9.75 19.5 9.41421 19.5 9C19.5 8.58579 19.1642 8.25 18.75 8.25H5.25ZM5.25 12C4.83579 12 4.5 12.3358 4.5 12.75C4.5 13.1642 4.83579 13.5 5.25 13.5H12.75C13.1642 13.5 13.5 13.1642 13.5 12.75C13.5 12.3358 13.1642 12 12.75 12H5.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chat-left-text.svg b/assets/icons/basic/chat-left-text.svg
new file mode 100644
index 00000000..65f2c7fa
--- /dev/null
+++ b/assets/icons/basic/chat-left-text.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 1.5C21.8284 1.5 22.5 2.17157 22.5 3V15C22.5 15.8284 21.8284 16.5 21 16.5H6.62132C5.82567 16.5 5.06261 16.8161 4.5 17.3787L1.5 20.3787V3C1.5 2.17157 2.17157 1.5 3 1.5H21ZM3 0C1.34315 0 0 1.34315 0 3V22.1893C0 22.8575 0.807855 23.1921 1.28033 22.7197L5.56066 18.4393C5.84196 18.158 6.2235 18 6.62132 18H21C22.6569 18 24 16.6569 24 15V3C24 1.34315 22.6569 0 21 0H3Z" fill="currentColor"/>
+<path d="M4.5 5.25C4.5 4.83579 4.83579 4.5 5.25 4.5H18.75C19.1642 4.5 19.5 4.83579 19.5 5.25C19.5 5.66421 19.1642 6 18.75 6H5.25C4.83579 6 4.5 5.66421 4.5 5.25ZM4.5 9C4.5 8.58579 4.83579 8.25 5.25 8.25H18.75C19.1642 8.25 19.5 8.58579 19.5 9C19.5 9.41421 19.1642 9.75 18.75 9.75H5.25C4.83579 9.75 4.5 9.41421 4.5 9ZM4.5 12.75C4.5 12.3358 4.83579 12 5.25 12H12.75C13.1642 12 13.5 12.3358 13.5 12.75C13.5 13.1642 13.1642 13.5 12.75 13.5H5.25C4.83579 13.5 4.5 13.1642 4.5 12.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/check-circle-fill.svg b/assets/icons/basic/check-circle-fill.svg
new file mode 100644
index 00000000..efece1fa
--- /dev/null
+++ b/assets/icons/basic/check-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12ZM18.045 7.455C17.9379 7.34823 17.8103 7.26416 17.6699 7.20782C17.5295 7.15149 17.3792 7.12404 17.228 7.12712C17.0768 7.1302 16.9277 7.16375 16.7897 7.22575C16.6518 7.28776 16.5277 7.37695 16.425 7.488L11.2155 14.1255L8.076 10.9845C7.86274 10.7858 7.58067 10.6776 7.28922 10.6827C6.99776 10.6879 6.71969 10.8059 6.51357 11.0121C6.30745 11.2182 6.18938 11.4963 6.18424 11.7877C6.1791 12.0792 6.28728 12.3612 6.486 12.5745L10.455 16.545C10.5619 16.6517 10.6892 16.7358 10.8294 16.7923C10.9695 16.8487 11.1196 16.8764 11.2706 16.8736C11.4217 16.8708 11.5706 16.8376 11.7085 16.776C11.8465 16.7144 11.9706 16.6256 12.0735 16.515L18.0615 9.03C18.2656 8.81775 18.3784 8.53391 18.3756 8.23944C18.3728 7.94496 18.2546 7.66332 18.0465 7.455H18.045Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/check-lg.svg b/assets/icons/basic/check-lg.svg
new file mode 100644
index 00000000..fbce59f6
--- /dev/null
+++ b/assets/icons/basic/check-lg.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2433 3.47928C21.8739 2.84024 22.8964 2.84024 23.527 3.47928C24.1499 4.11048 24.1576 5.12905 23.5499 5.76976L10.6478 21.0212C10.6354 21.0369 10.6221 21.0519 10.6081 21.0662C9.97746 21.7052 8.95498 21.7052 8.32434 21.0662L0.472983 13.1103C-0.157661 12.4713 -0.157661 11.4352 0.472983 10.7961C1.10363 10.1571 2.1261 10.1571 2.75675 10.7961L9.41757 17.5456L21.2004 3.52823C21.2137 3.51106 21.228 3.49471 21.2433 3.47928Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/check-multiple.svg b/assets/icons/basic/check-multiple.svg
new file mode 100644
index 00000000..55c920be
--- /dev/null
+++ b/assets/icons/basic/check-multiple.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6172_10991)">
+<path d="M18.4545 5.4545C18.8938 5.01517 19.6061 5.01517 20.0455 5.4545C20.4794 5.88846 20.4848 6.58872 20.0615 7.02921L14.0731 14.5146C14.0645 14.5254 14.0553 14.5357 14.0455 14.5455C13.6061 14.9848 12.8938 14.9848 12.4545 14.5455L8.48482 10.5758C8.04548 10.1365 8.04548 9.42417 8.48482 8.98483C8.92416 8.5455 9.63647 8.5455 10.0758 8.98483L13.2161 12.1251L18.4247 5.48816C18.4339 5.47635 18.4439 5.46511 18.4545 5.4545Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 0C5.34315 0 4 1.34315 4 3V17C4 18.6569 5.34315 20 7 20H21C22.6569 20 24 18.6569 24 17V3C24 1.34315 22.6569 0 21 0H7ZM21 1.5C21.8284 1.5 22.5 2.17157 22.5 3V17C22.5 17.8284 21.8284 18.5 21 18.5H7C6.17157 18.5 5.5 17.8284 5.5 17V3C5.5 2.17157 6.17157 1.5 7 1.5H21Z" fill="currentColor"/>
+<path d="M2.25759 4.09257C2.659 3.99038 3 4.33579 3 4.75C3 5.16421 2.64411 5.48446 2.28077 5.68335C1.81551 5.93805 1.5 6.43218 1.5 7V21C1.5 21.8284 2.17157 22.5 3 22.5H17C17.5678 22.5 18.062 22.1845 18.3166 21.7192C18.5155 21.3559 18.8358 21 19.25 21C19.6642 21 20.0096 21.341 19.9074 21.7424C19.577 23.0402 18.4006 24 17 24H3C1.34315 24 0 22.6569 0 21V7C0 5.59939 0.95982 4.42296 2.25759 4.09257Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6172_10991">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/chevron-double-left.svg b/assets/icons/basic/chevron-double-left.svg
new file mode 100644
index 00000000..784a71fc
--- /dev/null
+++ b/assets/icons/basic/chevron-double-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6527 0.270363C15.0132 0.630847 15.0132 1.21531 14.6527 1.57579L4.2285 12L14.6527 22.4242C15.0132 22.7847 15.0132 23.3692 14.6527 23.7296C14.2922 24.0901 13.7078 24.0901 13.3473 23.7296L2.27036 12.6527C1.90988 12.2922 1.90988 11.7078 2.27036 11.3473L13.3473 0.270363C13.7078 -0.090121 14.2922 -0.090121 14.6527 0.270363Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0373 0.270363C22.3978 0.630847 22.3978 1.21531 22.0373 1.57579L11.6131 12L22.0373 22.4242C22.3978 22.7847 22.3978 23.3692 22.0373 23.7296C21.6768 24.0901 21.0924 24.0901 20.7319 23.7296L9.65498 12.6527C9.29449 12.2922 9.29449 11.7078 9.65498 11.3473L20.7319 0.270363C21.0924 -0.090121 21.6768 -0.090121 22.0373 0.270363Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chevron-double-right.svg b/assets/icons/basic/chevron-double-right.svg
new file mode 100644
index 00000000..88e3302d
--- /dev/null
+++ b/assets/icons/basic/chevron-double-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.27036 0.270363C2.63085 -0.090121 3.21531 -0.090121 3.57579 0.270363L14.6527 11.3473C15.0132 11.7078 15.0132 12.2922 14.6527 12.6527L3.57579 23.7296C3.21531 24.0901 2.63085 24.0901 2.27036 23.7296C1.90988 23.3692 1.90988 22.7847 2.27036 22.4242L12.6946 12L2.27036 1.57579C1.90988 1.21531 1.90988 0.630847 2.27036 0.270363Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.65498 0.270363C10.0155 -0.090121 10.5999 -0.090121 10.9604 0.270363L22.0373 11.3473C22.3978 11.7078 22.3978 12.2922 22.0373 12.6527L10.9604 23.7296C10.5999 24.0901 10.0155 24.0901 9.65498 23.7296C9.29449 23.3692 9.29449 22.7847 9.65498 22.4242L20.0792 12L9.65498 1.57579C9.29449 1.21531 9.29449 0.630847 9.65498 0.270363Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chevron-down.svg b/assets/icons/basic/chevron-down.svg
new file mode 100644
index 00000000..4d8fd826
--- /dev/null
+++ b/assets/icons/basic/chevron-down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.270363 6.27036C0.630847 5.90988 1.21531 5.90988 1.57579 6.27036L12 16.6946L22.4242 6.27036C22.7847 5.90988 23.3692 5.90988 23.7296 6.27036C24.0901 6.63085 24.0901 7.21531 23.7296 7.57579L12.6527 18.6527C12.2922 19.0132 11.7078 19.0132 11.3473 18.6527L0.270363 7.57579C-0.090121 7.21531 -0.090121 6.63085 0.270363 6.27036Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chevron-left.svg b/assets/icons/basic/chevron-left.svg
new file mode 100644
index 00000000..830d3038
--- /dev/null
+++ b/assets/icons/basic/chevron-left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6527 0.270363C19.0132 0.630847 19.0132 1.21531 18.6527 1.57579L8.2285 12L18.6527 22.4242C19.0132 22.7847 19.0132 23.3692 18.6527 23.7296C18.2922 24.0901 17.7078 24.0901 17.3473 23.7296L6.27036 12.6527C5.90988 12.2922 5.90988 11.7078 6.27036 11.3473L17.3473 0.270363C17.7078 -0.090121 18.2922 -0.090121 18.6527 0.270363Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chevron-right.svg b/assets/icons/basic/chevron-right.svg
new file mode 100644
index 00000000..f921d165
--- /dev/null
+++ b/assets/icons/basic/chevron-right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.27036 0.270363C6.63085 -0.090121 7.21531 -0.090121 7.57579 0.270363L18.6527 11.3473C19.0132 11.7078 19.0132 12.2922 18.6527 12.6527L7.57579 23.7296C7.21531 24.0901 6.63085 24.0901 6.27036 23.7296C5.90988 23.3692 5.90988 22.7847 6.27036 22.4242L16.6946 12L6.27036 1.57579C5.90988 1.21531 5.90988 0.630847 6.27036 0.270363Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/chevron-up.svg b/assets/icons/basic/chevron-up.svg
new file mode 100644
index 00000000..e8905e34
--- /dev/null
+++ b/assets/icons/basic/chevron-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3473 6.27036C11.7078 5.90988 12.2922 5.90988 12.6527 6.27036L23.7296 17.3473C24.0901 17.7078 24.0901 18.2922 23.7296 18.6527C23.3692 19.0132 22.7847 19.0132 22.4242 18.6527L12 8.2285L1.57579 18.6527C1.21531 19.0132 0.630847 19.0132 0.270363 18.6527C-0.090121 18.2922 -0.090121 17.7078 0.270363 17.3473L11.3473 6.27036Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/clipboard.svg b/assets/icons/basic/clipboard.svg
new file mode 100644
index 00000000..0a696d0f
--- /dev/null
+++ b/assets/icons/basic/clipboard.svg
@@ -0,0 +1,4 @@
+<svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 2.25H3C1.34315 2.25 0 3.59314 0 5.25V21C0 22.6569 1.34315 24 3 24H18C19.6569 24 21 22.6569 21 21V5.25C21 3.59315 19.6569 2.25 18 2.25H16.5V3.75H18C18.8284 3.75 19.5 4.42157 19.5 5.25V21C19.5 21.8284 18.8284 22.5 18 22.5H3C2.17157 22.5 1.5 21.8284 1.5 21V5.25C1.5 4.42157 2.17157 3.75 3 3.75H4.5V2.25Z" fill="currentColor"/>
+<path d="M12.75 1.5C13.1642 1.5 13.5 1.83579 13.5 2.25V3.75C13.5 4.16421 13.1642 4.5 12.75 4.5H8.25C7.83579 4.5 7.5 4.16421 7.5 3.75V2.25C7.5 1.83579 7.83579 1.5 8.25 1.5H12.75ZM8.25 0C7.00736 0 6 1.00736 6 2.25V3.75C6 4.99264 7.00736 6 8.25 6H12.75C13.9926 6 15 4.99264 15 3.75V2.25C15 1.00736 13.9926 0 12.75 0H8.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/clock-history.svg b/assets/icons/basic/clock-history.svg
new file mode 100644
index 00000000..17c16705
--- /dev/null
+++ b/assets/icons/basic/clock-history.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6265_10977)">
+<path d="M12.7724 1.52844C12.516 1.50953 12.2584 1.5 12 1.5V0C12.2953 0 12.5897 0.010893 12.8828 0.0325082L12.7724 1.52844ZM15.7789 2.20357C15.2978 2.018 14.8037 1.86811 14.3006 1.75512L14.6292 0.291573C15.2042 0.420694 15.7689 0.591998 16.3187 0.804082L15.7789 2.20357ZM17.8335 3.26957C17.6187 3.12603 17.3991 2.99081 17.1754 2.86408L17.9148 1.55895C18.1705 1.7038 18.4213 1.85832 18.6668 2.02236C18.9123 2.18641 19.1511 2.35905 19.3828 2.53984L18.4599 3.72236C18.2572 3.56418 18.0483 3.41311 17.8335 3.26957ZM20.5846 5.95402C20.2877 5.53243 19.9602 5.13328 19.6046 4.75982L20.691 3.72552C21.0973 4.15232 21.4717 4.60849 21.811 5.0903L20.5846 5.95402ZM21.7007 7.98182C21.6019 7.74312 21.4945 7.50874 21.3789 7.27907L22.7187 6.60467C22.8508 6.86715 22.9736 7.13501 23.0866 7.4078C23.1995 7.68059 23.3022 7.95679 23.3943 8.23581L21.9701 8.70635C21.8894 8.46221 21.7996 8.22053 21.7007 7.98182ZM22.4968 11.7423C22.4842 11.2268 22.4336 10.713 22.3454 10.2049L23.8233 9.94846C23.9241 10.5291 23.9819 11.1164 23.9964 11.7055L22.4968 11.7423ZM22.2982 14.0484C22.3487 13.795 22.3896 13.5405 22.421 13.2853L23.9098 13.4689C23.8738 13.7606 23.827 14.0515 23.7694 14.3411C23.7118 14.6307 23.6437 14.9173 23.5653 15.2006L22.1197 14.8005C22.1882 14.5527 22.2478 14.3019 22.2982 14.0484ZM20.871 17.6175C21.1468 17.1818 21.3902 16.7264 21.5992 16.255L22.9705 16.8629C22.7317 17.4016 22.4535 17.9221 22.1382 18.42L20.871 17.6175ZM19.4246 19.4246C19.6073 19.2419 19.7828 19.053 19.9507 18.8583L21.0865 19.8381C20.8946 20.0606 20.6941 20.2765 20.4853 20.4853L19.4246 19.4246Z" fill="currentColor"/>
+<path d="M12 1.5C10.2733 1.5 8.57318 1.92585 7.05034 2.73983C5.52749 3.5538 4.22889 4.73078 3.26957 6.16651C2.31025 7.60224 1.71981 9.2524 1.55056 10.9708C1.38131 12.6892 1.63847 14.4229 2.29927 16.0182C2.96006 17.6135 4.00409 19.0212 5.33887 20.1166C6.67366 21.212 8.258 21.9614 9.95155 22.2982C11.6451 22.6351 13.3956 22.5491 15.048 22.0479C16.7004 21.5466 18.2036 20.6456 19.4246 19.4246L20.4853 20.4853C19.0899 21.8807 17.3719 22.9104 15.4834 23.4833C13.595 24.0561 11.5944 24.1544 9.65892 23.7694C7.72342 23.3844 5.91275 22.528 4.38728 21.2761C2.86182 20.0242 1.66864 18.4154 0.913449 16.5922C0.158257 14.769 -0.135642 12.7877 0.0577863 10.8238C0.251215 8.85988 0.925999 6.97399 2.02237 5.33316C3.11874 3.69232 4.60285 2.3472 6.34324 1.41694C8.08364 0.486685 10.0266 0 12 0V1.5Z" fill="currentColor"/>
+<path d="M11.25 4.5C11.6642 4.5 12 4.83579 12 5.25V13.0648L16.8721 15.8488C17.2317 16.0543 17.3567 16.5125 17.1512 16.8721C16.9457 17.2317 16.4875 17.3567 16.1279 17.1512L10.8779 14.1512C10.6442 14.0177 10.5 13.7691 10.5 13.5V5.25C10.5 4.83579 10.8358 4.5 11.25 4.5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6265_10977">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/clock.svg b/assets/icons/basic/clock.svg
new file mode 100644
index 00000000..4faff352
--- /dev/null
+++ b/assets/icons/basic/clock.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3960)">
+<path d="M12 5.25C12 4.83579 11.6642 4.5 11.25 4.5C10.8358 4.5 10.5 4.83579 10.5 5.25V13.5C10.5 13.7691 10.6442 14.0177 10.8779 14.1512L16.1279 17.1512C16.4875 17.3567 16.9457 17.2317 17.1512 16.8721C17.3567 16.5125 17.2317 16.0543 16.8721 15.8488L12 13.0648V5.25Z" fill="currentColor"/>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3960">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/coin.svg b/assets/icons/basic/coin.svg
new file mode 100644
index 00000000..d63141b3
--- /dev/null
+++ b/assets/icons/basic/coin.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 9.5C1.25 7.68165 2.7042 6.2378 4.5937 5.29322C6.52799 4.32624 9.14761 3.75 12 3.75C14.8524 3.75 17.472 4.32624 19.4063 5.29322C21.2958 6.2378 22.75 7.68165 22.75 9.5V13.5C22.75 15.3184 21.2958 16.7622 19.4063 17.7068C17.472 18.6738 14.8524 19.25 12 19.25C9.14761 19.25 6.52799 18.6738 4.5937 17.7068C2.7042 16.7622 1.25 15.3184 1.25 13.5V9.5ZM2.75 9.5C2.75 8.55585 3.53455 7.4997 5.26443 6.63491C6.94951 5.79251 9.32989 5.25 12 5.25C14.6701 5.25 17.0505 5.79251 18.7356 6.63491C20.4655 7.4997 21.25 8.55585 21.25 9.5C21.25 10.4441 20.4655 11.5003 18.7356 12.3651C17.0505 13.2075 14.6701 13.75 12 13.75C9.32989 13.75 6.94951 13.2075 5.26443 12.3651C3.53455 11.5003 2.75 10.4441 2.75 9.5ZM2.75 13.5C2.75 14.4441 3.53455 15.5003 5.26443 16.3651C6.94951 17.2075 9.32989 17.75 12 17.75C14.6701 17.75 17.0505 17.2075 18.7356 16.3651C20.4655 15.5003 21.25 14.4441 21.25 13.5V12.4806C20.7262 12.9516 20.0952 13.3624 19.4063 13.7068C17.472 14.6738 14.8524 15.25 12 15.25C9.14761 15.25 6.52799 14.6738 4.5937 13.7068C3.90481 13.3624 3.27379 12.9516 2.75 12.4806V13.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/coins.svg b/assets/icons/basic/coins.svg
new file mode 100644
index 00000000..b146dfa7
--- /dev/null
+++ b/assets/icons/basic/coins.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.144 1.66557C22.6873 2.36708 24 3.48951 24 5V18.5C24 20.0105 22.6873 21.1329 21.144 21.8344C19.533 22.5667 17.36 23 15 23C12.64 23 10.467 22.5667 8.85602 21.8344C8.30706 21.5849 7.78727 21.2821 7.34537 20.9276C5.6336 20.7758 4.08208 20.3917 2.85602 19.8344C1.3127 19.1329 0 18.0104 0 16.4999V11.9999C0 10.4894 1.3127 9.36702 2.85602 8.66552C3.75177 8.25836 4.82124 7.94363 6 7.74442V5C6 3.48951 7.3127 2.36708 8.85602 1.66557C10.467 0.933293 12.64 0.5 15 0.5C17.36 0.5 19.533 0.933293 21.144 1.66557ZM15 2C12.8037 2 10.8516 2.40617 9.47672 3.03112C8.03412 3.68685 7.5 4.43942 7.5 5C7.5 5.56058 8.03412 6.31315 9.47672 6.96888C10.8516 7.59383 12.8037 8 15 8C17.1963 8 19.1484 7.59383 20.5233 6.96888C21.9659 6.31315 22.5 5.56058 22.5 5C22.5 4.43942 21.9659 3.68685 20.5233 3.03112C19.1484 2.40617 17.1963 2 15 2ZM22.5 9.5V7.54719C22.0934 7.85069 21.6301 8.11344 21.144 8.33442C19.533 9.06671 17.36 9.5 15 9.5C12.64 9.5 10.467 9.06671 8.85602 8.33442C8.36985 8.11344 7.90657 7.85069 7.5 7.54719V9.5C7.5 10.0606 8.03412 10.8131 9.47672 11.4689C10.8516 12.0938 12.8037 12.5 15 12.5C17.1963 12.5 19.1484 12.0938 20.5233 11.4689C21.9659 10.8131 22.5 10.0606 22.5 9.5ZM6.11342 19.2527C6.0397 19.0137 6 18.7627 6 18.5V16.2555C4.82124 16.0563 3.75177 15.7415 2.85602 15.3344C2.36985 15.1134 1.90657 14.8506 1.5 14.5471V16.4999C1.5 17.0605 2.03412 17.8131 3.47672 18.4688C4.20875 18.8016 5.1044 19.0723 6.11342 19.2527ZM6 14.732V9.26793C5.03723 9.44806 4.18121 9.71084 3.47672 10.0311C2.03412 10.6868 1.5 11.4394 1.5 11.9999C1.5 12.5605 2.03412 13.3131 3.47672 13.9688C4.18121 14.289 5.03723 14.5518 6 14.732ZM22.5 14V12.0472C22.0934 12.3507 21.6301 12.6134 21.144 12.8344C19.533 13.5667 17.36 14 15 14C12.64 14 10.467 13.5667 8.85602 12.8344C8.36985 12.6134 7.90657 12.3507 7.5 12.0472V14C7.5 14.5606 8.03412 15.3131 9.47672 15.9689C10.8516 16.5938 12.8037 17 15 17C17.1963 17 19.1484 16.5938 20.5233 15.9689C21.9659 15.3131 22.5 14.5606 22.5 14ZM22.5 18.5V16.5472C22.0934 16.8507 21.6301 17.1134 21.144 17.3344C19.533 18.0667 17.36 18.5 15 18.5C12.64 18.5 10.467 18.0667 8.85602 17.3344C8.36985 17.1134 7.90657 16.8507 7.5 16.5472V18.5C7.5 19.0606 8.03412 19.8131 9.47672 20.4689C10.8516 21.0938 12.8037 21.5 15 21.5C17.1963 21.5 19.1484 21.0938 20.5233 20.4689C21.9659 19.8131 22.5 19.0606 22.5 18.5Z" fill="currentColor" />
+</svg>
diff --git a/assets/icons/basic/collection.svg b/assets/icons/basic/collection.svg
new file mode 100644
index 00000000..aaa6aac9
--- /dev/null
+++ b/assets/icons/basic/collection.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 5.25C3.33579 5.25 3 4.91421 3 4.5C3 4.08579 3.33579 3.75 3.75 3.75H20.25C20.6642 3.75 21 4.08579 21 4.5C21 4.91421 20.6642 5.25 20.25 5.25H3.75Z" fill="currentColor"/>
+<path d="M6.75 2.25C6.33579 2.25 6 1.91421 6 1.5C6 1.08579 6.33579 0.75 6.75 0.75H17.25C17.6642 0.75 18 1.08579 18 1.5C18 1.91421 17.6642 2.25 17.25 2.25H6.75Z" fill="currentColor"/>
+<path d="M0 19.5C0 20.7426 1.00736 21.75 2.25 21.75H21.75C22.9926 21.75 24 20.7426 24 19.5V9C24 7.75736 22.9926 6.75 21.75 6.75H2.25C1.00736 6.75 0 7.75736 0 9V19.5ZM2.25 20.25C1.83579 20.25 1.5 19.9142 1.5 19.5V9C1.5 8.58579 1.83579 8.25 2.25 8.25H21.75C22.1642 8.25 22.5 8.58579 22.5 9V19.5C22.5 19.9142 22.1642 20.25 21.75 20.25H2.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/compass.svg b/assets/icons/basic/compass.svg
new file mode 100644
index 00000000..0f9f0a5b
--- /dev/null
+++ b/assets/icons/basic/compass.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_306)">
+<path d="M12 24.0246C18.2132 24.0246 23.25 18.9878 23.25 12.7746C23.25 7.57943 19.7285 3.20673 14.9423 1.91329C14.9799 1.782 15 1.64335 15 1.5C15 0.671573 14.3284 0 13.5 0H10.5C9.67156 0 8.99998 0.671573 8.99998 1.5C8.99998 1.64335 9.02009 1.78201 9.05765 1.9133C4.27147 3.20675 0.75 7.57944 0.75 12.7746C0.75 18.9878 5.7868 24.0246 12 24.0246ZM21.75 12.7746C21.75 18.1594 17.3848 22.5246 12 22.5246C6.61522 22.5246 2.25 18.1594 2.25 12.7746C2.25 7.38985 6.61522 3.02463 12 3.02463C17.3848 3.02463 21.75 7.38985 21.75 12.7746Z" fill="currentColor"/>
+<path d="M10.4091 11.159L17.8337 6.91635L13.5911 14.341L6.16644 18.5836L10.4091 11.159Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_306">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/copy.svg b/assets/icons/basic/copy.svg
new file mode 100644
index 00000000..7c4fdcb8
--- /dev/null
+++ b/assets/icons/basic/copy.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 18H20C21.6569 18 23 16.6569 23 15V3C23 1.34315 21.6569 0 20 0H10C8.34315 0 7 1.34315 7 3V6H4C2.34315 6 1 7.34315 1 9V21C1 22.6569 2.34315 24 4 24H14C15.6569 24 17 22.6569 17 21V18ZM20 1.5H10C9.17157 1.5 8.5 2.17157 8.5 3V6H14C15.6569 6 17 7.34315 17 9V16.5H20C20.8284 16.5 21.5 15.8284 21.5 15V3C21.5 2.17157 20.8284 1.5 20 1.5ZM4 7.5H14C14.8284 7.5 15.5 8.17157 15.5 9V21C15.5 21.8284 14.8284 22.5 14 22.5H4C3.17157 22.5 2.5 21.8284 2.5 21V9C2.5 8.17157 3.17157 7.5 4 7.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/cursor-fill.svg b/assets/icons/basic/cursor-fill.svg
new file mode 100644
index 00000000..c9188a20
--- /dev/null
+++ b/assets/icons/basic/cursor-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_282)">
+<path d="M21.1222 3.27298C21.3417 3.49241 21.4033 3.82433 21.2773 4.10791L12.792 23.1998C12.6709 23.4723 12.3998 23.6472 12.1016 23.6452C11.8034 23.6432 11.5347 23.4647 11.4173 23.1906L8.35345 16.0418L1.20457 12.9779C0.930473 12.8605 0.752011 12.5918 0.750024 12.2936C0.748036 11.9954 0.9229 11.7243 1.1954 11.6032L20.2873 3.11795C20.5709 2.99191 20.9028 3.05354 21.1222 3.27298Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_282">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/dash-circle.svg b/assets/icons/basic/dash-circle.svg
new file mode 100644
index 00000000..00cf2dfd
--- /dev/null
+++ b/assets/icons/basic/dash-circle.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_413)">
+<path d="M12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="currentColor"/>
+<path d="M6 12C6 11.5858 6.33579 11.25 6.75 11.25H17.25C17.6642 11.25 18 11.5858 18 12C18 12.4142 17.6642 12.75 17.25 12.75H6.75C6.33579 12.75 6 12.4142 6 12Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_413">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/dash-lg.svg b/assets/icons/basic/dash-lg.svg
new file mode 100644
index 00000000..149fada1
--- /dev/null
+++ b/assets/icons/basic/dash-lg.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 11.4477 0.447715 11 1 11H23C23.5523 11 24 11.4477 24 12C24 12.5523 23.5523 13 23 13H1C0.447715 13 0 12.5523 0 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/dash.svg b/assets/icons/basic/dash.svg
new file mode 100644
index 00000000..944cbd6c
--- /dev/null
+++ b/assets/icons/basic/dash.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 12C6 11.5858 6.33579 11.25 6.75 11.25H17.25C17.6642 11.25 18 11.5858 18 12C18 12.4142 17.6642 12.75 17.25 12.75H6.75C6.33579 12.75 6 12.4142 6 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/datovka.svg b/assets/icons/basic/datovka.svg
new file mode 100644
index 00000000..e9a8a553
--- /dev/null
+++ b/assets/icons/basic/datovka.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9493 5.12645C23.8954 5.04316 23.8283 5 23.7533 5L14.5741 5.00151C14.4395 5.00151 14.332 5.14138 14.332 5.31435V7.9063C14.332 8.07472 14.4395 8.21297 14.5741 8.21297H18.5642L9.96012 16.8783C9.90631 16.9355 9.87183 17.0137 9.87183 17.0963C9.87183 17.1793 9.90631 17.2563 9.96012 17.3148L11.785 19.1503C11.8908 19.2582 12.1077 19.2582 12.2167 19.1503L20.806 10.4985V18.9769C20.806 19.1127 20.945 19.2207 21.1172 19.2207H23.6951C23.8626 19.2207 24 19.1127 24 18.9769V5.2568C24 5.21245 23.9853 5.16626 23.9493 5.12645Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2841 5.00244H0.245114C0.17637 5.00244 0.107519 5.0442 0.055317 5.1237C0.0193341 5.16946 0 5.21338 0 5.26V18.9794C0 19.1143 0.138991 19.2249 0.306231 19.2249H2.88443C3.05619 19.2249 3.19077 19.1143 3.19077 18.9794V10.5005L8.29143 15.6351C8.38628 15.7309 8.56071 15.7085 8.68188 15.5865L10.5021 13.7534C10.6203 13.6345 10.6413 13.4601 10.546 13.364L5.4375 8.21703H12.2841C12.4186 8.21703 12.529 8.0776 12.529 7.90841V5.31203C12.529 5.14177 12.4186 5.00244 12.2841 5.00244Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/delete-back.svg b/assets/icons/basic/delete-back.svg
new file mode 100644
index 00000000..ff013961
--- /dev/null
+++ b/assets/icons/basic/delete-back.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0303 6.96967C9.73744 6.67678 9.26256 6.67678 8.96967 6.96967C8.67678 7.26256 8.67678 7.73744 8.96967 8.03033L12.9393 12L8.96967 15.9697C8.67678 16.2626 8.67678 16.7374 8.96967 17.0303C9.26256 17.3232 9.73744 17.3232 10.0303 17.0303L14 13.0607L17.9697 17.0303C18.2626 17.3232 18.7374 17.3232 19.0303 17.0303C19.3232 16.7374 19.3232 16.2626 19.0303 15.9697L15.0607 12L19.0303 8.03033C19.3232 7.73744 19.3232 7.26256 19.0303 6.96967C18.7374 6.67678 18.2626 6.67678 17.9697 6.96967L14 10.9393L10.0303 6.96967Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.4423 3.27961C6.00369 2.47763 6.92106 2 7.9 2H21C22.6569 2 24 3.34315 24 5V19C24 20.6569 22.6569 22 21 22H7.9C6.92106 22 6.00369 21.5224 5.4423 20.7204L0.542305 13.7204C-0.180767 12.6874 -0.180769 11.3126 0.542304 10.2796L5.4423 3.27961ZM7.9 3.5H21C21.8284 3.5 22.5 4.17157 22.5 5V19C22.5 19.8284 21.8284 20.5 21 20.5H7.9C7.41053 20.5 6.95184 20.2612 6.67115 19.8602L1.77115 12.8602C1.40962 12.3437 1.40962 11.6563 1.77115 11.1398L6.67115 4.13981C6.95184 3.73882 7.41053 3.5 7.9 3.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/desktop.svg b/assets/icons/basic/desktop.svg
new file mode 100644
index 00000000..069e74da
--- /dev/null
+++ b/assets/icons/basic/desktop.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<path d="M5.25 16.5C5.05109 16.5 4.86032 16.579 4.71967 16.7197C4.57902 16.8603 4.5 17.0511 4.5 17.25V18.75C4.5 18.9489 4.57902 19.1397 4.71967 19.2803C4.86032 19.421 5.05109 19.5 5.25 19.5H18.75C18.9489 19.5 19.1397 19.421 19.2803 19.2803C19.421 19.1397 19.5 18.9489 19.5 18.75V17.25C19.5 17.0511 19.421 16.8603 19.2803 16.7197C19.1397 16.579 18.9489 16.5 18.75 16.5H5.25Z" fill="currentColor"/>
+<path d="M3.5625 1.50003C3.09644 1.49825 2.63459 1.58829 2.20332 1.765C1.77206 1.94172 1.37983 2.20165 1.04902 2.52995C0.718207 2.85825 0.455302 3.2485 0.275311 3.67841C0.0953203 4.10831 0.00176948 4.56946 0 5.03553L0 18.9645C0.00176948 19.4306 0.0953203 19.8917 0.275311 20.3216C0.455302 20.7516 0.718207 21.1418 1.04902 21.4701C1.37983 21.7984 1.77206 22.0583 2.20332 22.235C2.63459 22.4118 3.09644 22.5018 3.5625 22.5H20.4375C20.9036 22.5018 21.3654 22.4118 21.7967 22.235C22.2279 22.0583 22.6202 21.7984 22.951 21.4701C23.2818 21.1418 23.5447 20.7516 23.7247 20.3216C23.9047 19.8917 23.9982 19.4306 24 18.9645V5.03553C23.9982 4.56946 23.9047 4.10831 23.7247 3.67841C23.5447 3.2485 23.2818 2.85825 22.951 2.52995C22.6202 2.20165 22.2279 1.94172 21.7967 1.765C21.3654 1.58829 20.9036 1.49825 20.4375 1.50003H3.5625ZM1.5 5.03553C1.5 3.91803 2.4165 3.00003 3.5625 3.00003H20.4375C21.5835 3.00003 22.5 3.91803 22.5 5.03553V6.00003H1.5V5.03553ZM1.5 7.50003H22.5V18.9645C22.5 20.082 21.5835 21 20.4375 21H3.5625C3.29342 21.0018 3.02662 20.9506 2.77735 20.8492C2.52807 20.7479 2.30119 20.5985 2.10967 20.4094C1.91815 20.2204 1.76573 19.9955 1.66113 19.7476C1.55652 19.4997 1.50177 19.2336 1.5 18.9645V7.50003Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/assets/icons/basic/download.svg b/assets/icons/basic/download.svg
new file mode 100644
index 00000000..16684e2e
--- /dev/null
+++ b/assets/icons/basic/download.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 14.85C1.16421 14.85 1.5 15.1858 1.5 15.6V19.35C1.5 20.1785 2.17157 20.85 3 20.85H21C21.8284 20.85 22.5 20.1785 22.5 19.35V15.6C22.5 15.1858 22.8358 14.85 23.25 14.85C23.6642 14.85 24 15.1858 24 15.6V19.35C24 21.0069 22.6569 22.35 21 22.35H3C1.34315 22.35 0 21.0069 0 19.35V15.6C0 15.1858 0.335786 14.85 0.75 14.85Z" fill="currentColor"/>
+<path d="M11.4697 17.7803C11.7626 18.0732 12.2374 18.0732 12.5303 17.7803L17.0303 13.2803C17.3232 12.9874 17.3232 12.5126 17.0303 12.2197C16.7374 11.9268 16.2626 11.9268 15.9697 12.2197L12.75 15.4393V2.25C12.75 1.83579 12.4142 1.5 12 1.5C11.5858 1.5 11.25 1.83579 11.25 2.25V15.4393L8.03033 12.2197C7.73744 11.9268 7.26256 11.9268 6.96967 12.2197C6.67678 12.5126 6.67678 12.9874 6.96967 13.2803L11.4697 17.7803Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/envelope-e.svg b/assets/icons/basic/envelope-e.svg
new file mode 100644
index 00000000..dcb897e6
--- /dev/null
+++ b/assets/icons/basic/envelope-e.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3C1.34315 3 0 4.34315 0 6V18L3.87579e-05 18.0154C0.00833997 19.6652 1.34829 21 3 21H12.25C12.6642 21 13 20.6642 13 20.25C13 19.8358 12.6642 19.5 12.25 19.5H3C2.30572 19.5 1.72162 19.0283 1.55065 18.3879L10.0113 13.1814L12 14.3746L22.5 8.07464V11.75C22.5 12.1642 22.8358 12.5 23.25 12.5C23.6642 12.5 24 12.1642 24 11.75V6C24 4.34315 22.6569 3 21 3H3ZM8.56211 12.3119L1.5 16.6578V8.07464L8.56211 12.3119ZM1.5 6.32536V6C1.5 5.17157 2.17157 4.5 3 4.5H21C21.8284 4.5 22.5 5.17157 22.5 6V6.32536L12 12.6254L1.5 6.32536Z" fill="currentColor"/>
+<path d="M23.01 21.3303C23.3568 21.6096 23.4242 22.1189 23.118 22.4422C22.6559 22.9301 22.1634 23.2929 21.6407 23.5305C20.9192 23.8435 20.0823 24 19.1299 24C18.3362 24 17.6219 23.8584 16.987 23.5752C16.3521 23.2771 15.811 22.8821 15.3636 22.3902C14.9307 21.8984 14.5916 21.3171 14.3463 20.6463C14.1154 19.9756 14 19.2602 14 18.5C14 17.6951 14.1299 16.9573 14.3896 16.2866C14.6494 15.6009 15.0101 15.0196 15.4719 14.5427C15.9336 14.0508 16.482 13.6707 17.1169 13.4024C17.7518 13.1341 18.4444 13 19.1948 13C19.9019 13 20.5512 13.1267 21.1429 13.3801C21.7345 13.6186 22.2395 13.9763 22.658 14.4533C23.0909 14.9153 23.4228 15.4892 23.6537 16.1748C23.8846 16.8455 24 17.6131 24 18.4776V19.0366H15.8182C15.847 19.4837 15.9481 19.916 16.1212 20.3333C16.3088 20.7358 16.5469 21.0935 16.8355 21.4065C17.1241 21.7046 17.4632 21.9431 17.8528 22.122C18.2424 22.3008 18.6681 22.3902 19.1299 22.3902C19.8658 22.3902 20.4863 22.2561 20.9913 21.9878C21.2724 21.8385 21.5378 21.65 21.7876 21.4222C22.1288 21.111 22.6503 21.0406 23.01 21.3303ZM22.1818 17.561C22.153 16.6667 21.8716 15.9512 21.3377 15.4146C20.8038 14.878 20.0678 14.6098 19.1299 14.6098C18.1919 14.6098 17.4343 14.878 16.8571 15.4146C16.2799 15.9512 15.9336 16.6667 15.8182 17.561H22.1818Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/envelope-fill.svg b/assets/icons/basic/envelope-fill.svg
new file mode 100644
index 00000000..a3a989bf
--- /dev/null
+++ b/assets/icons/basic/envelope-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0743781 5.33316C0.377595 3.99726 1.57234 3 3 3H21C22.4277 3 23.6224 3.99725 23.9256 5.33316L12 12.621L0.0743781 5.33316ZM0 7.04563V17.7009L8.70479 12.3652L0 7.04563ZM10.1421 13.2436L0.287807 19.2838C0.768906 20.2984 1.80252 21 3 21H21C22.1975 21 23.2311 20.2984 23.7122 19.2838L13.8579 13.2436L12 14.379L10.1421 13.2436ZM15.2952 12.3652L24 17.7009V7.04563L15.2952 12.3652Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/envelope-open.svg b/assets/icons/basic/envelope-open.svg
new file mode 100644
index 00000000..561c95dc
--- /dev/null
+++ b/assets/icons/basic/envelope-open.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3936)">
+<path d="M12.7059 1.97652C12.2647 1.74123 11.7353 1.74123 11.2941 1.97652L2.29412 6.77652C1.80532 7.03721 1.5 7.54608 1.5 8.10005V9.32541L10.125 14.5004L12 13.3754L13.875 14.5004L22.5 9.32541V8.10005C22.5 7.54608 22.1947 7.03721 21.7059 6.77652L12.7059 1.97652ZM22.5 11.0747L15.3327 15.375L22.5 19.6754V11.0747ZM22.4479 21.3934L12 15.1247L1.55211 21.3934C1.72493 22.031 2.30769 22.5 3 22.5H21C21.6923 22.5 22.2751 22.031 22.4479 21.3934ZM1.5 19.6754L8.66726 15.375L1.5 11.0747V19.6754ZM10.5882 0.65299C11.4706 0.182402 12.5294 0.182402 13.4118 0.65299L22.4118 5.45299C23.3894 5.97437 24 6.99211 24 8.10005V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V8.10005C0 6.99211 0.610645 5.97437 1.58824 5.45299L10.5882 0.65299Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3936">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/envelope.svg b/assets/icons/basic/envelope.svg
new file mode 100644
index 00000000..e4be8ee9
--- /dev/null
+++ b/assets/icons/basic/envelope.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 6C0 4.34315 1.34315 3 3 3H21C22.6569 3 24 4.34315 24 6V18C24 19.6569 22.6569 21 21 21H3C1.34315 21 0 19.6569 0 18V6ZM3 4.5C2.17157 4.5 1.5 5.17157 1.5 6V6.32536L12 12.6254L22.5 6.32536V6C22.5 5.17157 21.8284 4.5 21 4.5H3ZM22.5 8.07464L15.4379 12.3119L22.5 16.6578V8.07464ZM22.4494 18.3879L13.9887 13.1814L12 14.3746L10.0113 13.1814L1.55065 18.3879C1.72162 19.0283 2.30573 19.5 3 19.5H21C21.6943 19.5 22.2784 19.0283 22.4494 18.3879ZM1.5 16.6578L8.56211 12.3119L1.5 8.07464V16.6578Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/exclamation-circle.svg b/assets/icons/basic/exclamation-circle.svg
new file mode 100644
index 00000000..f6dcbfed
--- /dev/null
+++ b/assets/icons/basic/exclamation-circle.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="currentColor"/>
+<path d="M10.5023 16.5C10.5023 15.6716 11.1739 15 12.0023 15C12.8307 15 13.5023 15.6716 13.5023 16.5C13.5023 17.3284 12.8307 18 12.0023 18C11.1739 18 10.5023 17.3284 10.5023 16.5Z" fill="currentColor"/>
+<path d="M10.6493 7.49256C10.5693 6.69343 11.1969 6 12 6C12.8031 6 13.4307 6.69343 13.3507 7.49256L12.8246 12.7537C12.7823 13.1774 12.4258 13.5 12 13.5C11.5742 13.5 11.2177 13.1774 11.1754 12.7537L10.6493 7.49256Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/exclamation-lg.svg b/assets/icons/basic/exclamation-lg.svg
new file mode 100644
index 00000000..47a7e67b
--- /dev/null
+++ b/assets/icons/basic/exclamation-lg.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.011 2.39869C9.88261 1.11441 10.8911 0 12.1818 0C13.4725 0 14.481 1.1144 14.3526 2.39868L13.5071 16.2552C13.439 16.9361 12.8661 17.4545 12.1818 17.4545C11.4976 17.4545 10.9246 16.9361 10.8566 16.2552L10.011 2.39869Z" fill="currentColor"/>
+<path d="M10 21.8182C10 20.6132 10.9768 19.6364 12.1818 19.6364C13.3868 19.6364 14.3636 20.6132 14.3636 21.8182C14.3636 23.0232 13.3868 24 12.1818 24C10.9768 24 10 23.0232 10 21.8182Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/exclamation-triangle-fill.svg b/assets/icons/basic/exclamation-triangle-fill.svg
new file mode 100644
index 00000000..18a1d492
--- /dev/null
+++ b/assets/icons/basic/exclamation-triangle-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_451)">
+<path d="M13.4723 3.84963C12.8064 2.71679 11.1982 2.71679 10.5324 3.84963L0.246939 21.3496C-0.43861 22.5161 0.384418 24 1.71689 24H22.2877C23.6202 24 24.4432 22.5161 23.7577 21.3496L13.4723 3.84963ZM12 9C12.8031 9 13.4307 9.69343 13.3507 10.4926L12.8246 15.7537C12.7823 16.1774 12.4258 16.5 12 16.5C11.5742 16.5 11.2177 16.1774 11.1754 15.7537L10.6493 10.4926C10.5693 9.69343 11.1969 9 12 9ZM12.0023 18C12.8307 18 13.5023 18.6716 13.5023 19.5C13.5023 20.3284 12.8307 21 12.0023 21C11.1739 21 10.5023 20.3284 10.5023 19.5C10.5023 18.6716 11.1739 18 12.0023 18Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_451">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/eye-slash.svg b/assets/icons/basic/eye-slash.svg
new file mode 100644
index 00000000..2e4e8da9
--- /dev/null
+++ b/assets/icons/basic/eye-slash.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0383 16.8563C22.5919 14.5814 24 12 24 12C24 12 19.5 3.75 12 3.75C10.4769 3.75 9.07758 4.09023 7.81451 4.6325L8.97081 5.78881C9.91475 5.44976 10.9266 5.25 12 5.25C15.1791 5.25 17.8185 7.00227 19.7518 8.93566C20.7055 9.88935 21.4468 10.8479 21.9491 11.5686C22.0582 11.7252 22.1556 11.8698 22.241 12C22.1556 12.1302 22.0582 12.2748 21.9491 12.4314C21.4468 13.1521 20.7055 14.1106 19.7518 15.0643C19.5046 15.3116 19.2458 15.5558 18.9759 15.7939L20.0383 16.8563Z" fill="currentColor"/>
+<path d="M16.9462 13.7642C17.1429 13.2128 17.25 12.6189 17.25 12C17.25 9.1005 14.8995 6.75 12 6.75C11.3811 6.75 10.7872 6.8571 10.2358 7.05378L11.4693 8.28726C11.6426 8.2627 11.8198 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 12.1802 15.7373 12.3573 15.7127 12.5307L16.9462 13.7642Z" fill="currentColor"/>
+<path d="M12.5308 15.7127L13.7642 16.9462C13.2129 17.1429 12.6189 17.25 12 17.25C9.1005 17.25 6.75 14.8995 6.75 12C6.75 11.3811 6.85711 10.7871 7.05379 10.2357L8.28727 11.4692C8.26271 11.6426 8.25 11.8198 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C12.1802 15.75 12.3574 15.7373 12.5308 15.7127Z" fill="currentColor"/>
+<path d="M5.02416 8.20611C4.75418 8.44414 4.4954 8.68842 4.24816 8.93566C3.29446 9.88935 2.55324 10.8479 2.05091 11.5686C1.94181 11.7252 1.84444 11.8698 1.75905 12C1.84444 12.1302 1.94181 12.2748 2.05091 12.4314C2.55324 13.1521 3.29446 14.1106 4.24816 15.0643C6.18155 16.9977 8.82093 18.75 12 18.75C13.0734 18.75 14.0853 18.5502 15.0292 18.2112L16.1855 19.3675C14.9224 19.9098 13.5231 20.25 12 20.25C4.5 20.25 0 12 0 12C0 12 1.40807 9.41852 3.96168 7.14363L5.02416 8.20611Z" fill="currentColor"/>
+<path d="M20.4697 21.5303L2.46967 3.53033L3.53033 2.46967L21.5303 20.4697L20.4697 21.5303Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/eye.svg b/assets/icons/basic/eye.svg
new file mode 100644
index 00000000..506613a5
--- /dev/null
+++ b/assets/icons/basic/eye.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12C24 12 19.5 3.75 12 3.75C4.5 3.75 0 12 0 12C0 12 4.5 20.25 12 20.25C19.5 20.25 24 12 24 12ZM1.75905 12C1.84444 11.8698 1.94181 11.7252 2.05091 11.5686C2.55324 10.8479 3.29446 9.88936 4.24816 8.93566C6.18155 7.00227 8.82093 5.25 12 5.25C15.1791 5.25 17.8185 7.00227 19.7518 8.93566C20.7055 9.88936 21.4468 10.8479 21.9491 11.5686C22.0582 11.7252 22.1556 11.8698 22.241 12C22.1556 12.1302 22.0582 12.2748 21.9491 12.4314C21.4468 13.1521 20.7055 14.1106 19.7518 15.0643C17.8185 16.9977 15.1791 18.75 12 18.75C8.82093 18.75 6.18155 16.9977 4.24816 15.0643C3.29446 14.1106 2.55324 13.1521 2.05091 12.4314C1.94181 12.2748 1.84444 12.1302 1.75905 12Z" fill="currentColor"/>
+<path d="M12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25ZM6.75 12C6.75 9.10051 9.10051 6.75 12 6.75C14.8995 6.75 17.25 9.10051 17.25 12C17.25 14.8995 14.8995 17.25 12 17.25C9.10051 17.25 6.75 14.8995 6.75 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/face-id.svg b/assets/icons/basic/face-id.svg
new file mode 100644
index 00000000..c4934e7c
--- /dev/null
+++ b/assets/icons/basic/face-id.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.21875 6.58594V3.89062C1.21875 2.41734 2.41737 1.21875 3.89062 1.21875H6.58594C6.92248 1.21875 7.19531 0.945914 7.19531 0.609375C7.19531 0.272836 6.92248 0 6.58594 0H3.89062C1.74534 0 0 1.74532 0 3.89062V6.58594C0 6.92248 0.272836 7.19531 0.609375 7.19531C0.945914 7.19531 1.21875 6.92248 1.21875 6.58594Z" fill="currentColor"/>
+<path d="M6.58594 22.7812C6.92248 22.7812 7.19531 23.0541 7.19531 23.3906C7.19531 23.7272 6.92248 24 6.58594 24H3.89062C1.74534 24 0 22.2547 0 20.1094V17.4141C0 17.0775 0.272836 16.8047 0.609375 16.8047C0.945914 16.8047 1.21875 17.0775 1.21875 17.4141V20.1094C1.21875 21.5826 2.41737 22.7812 3.89062 22.7812H6.58594Z" fill="currentColor"/>
+<path d="M24 17.4141V20.1094C24 22.2547 22.2547 24 20.1094 24H17.4141C17.0775 24 16.8047 23.7272 16.8047 23.3906C16.8047 23.0541 17.0775 22.7812 17.4141 22.7812H20.1094C21.5826 22.7812 22.7812 21.5826 22.7812 20.1094V17.4141C22.7812 17.0775 23.0541 16.8047 23.3906 16.8047C23.7272 16.8047 24 17.0775 24 17.4141Z" fill="currentColor"/>
+<path d="M24 3.89062V6.58594C24 6.92248 23.7272 7.19531 23.3906 7.19531C23.0541 7.19531 22.7812 6.92248 22.7812 6.58594V3.89062C22.7812 2.41734 21.5826 1.21875 20.1094 1.21875H17.4141C17.0775 1.21875 16.8047 0.945914 16.8047 0.609375C16.8047 0.272836 17.0775 0 17.4141 0H20.1094C22.2547 0 24 1.74532 24 3.89062Z" fill="currentColor"/>
+<path d="M16.2053 17.7383C16.462 17.5012 16.4779 17.1008 16.2408 16.8441C16.0036 16.5873 15.6033 16.5715 15.3465 16.8086C14.433 17.6524 13.2445 18.1171 11.9999 18.1171C10.7554 18.1171 9.56686 17.6524 8.65333 16.8086C8.39655 16.5715 7.99626 16.5874 7.7591 16.8441C7.52196 17.1008 7.53782 17.5012 7.79456 17.7383C8.94265 18.7987 10.4361 19.3828 11.9999 19.3828C13.5637 19.3828 15.0572 18.7987 16.2053 17.7383Z" fill="currentColor"/>
+<path d="M13.2656 9.04688V13.5469C13.2656 14.4386 12.5402 15.1641 11.6484 15.1641H11.1328C10.7833 15.1641 10.5 14.8807 10.5 14.5312C10.5 14.1818 10.7833 13.8984 11.1328 13.8984H11.6484C11.8423 13.8984 12 13.7407 12 13.5469V9.04688C12 8.69738 12.2833 8.41406 12.6328 8.41406C12.9823 8.41406 13.2656 8.69738 13.2656 9.04688Z" fill="currentColor"/>
+<path d="M17.625 10.8164V9.01172C17.625 8.68165 17.3574 8.41406 17.0273 8.41406C16.6973 8.41406 16.4297 8.68165 16.4297 9.01172V10.8164C16.4297 11.1465 16.6973 11.4141 17.0273 11.4141C17.3574 11.4141 17.625 11.1465 17.625 10.8164Z" fill="currentColor"/>
+<path d="M6.51562 10.8164C6.51562 11.1465 6.78321 11.4141 7.11328 11.4141C7.44335 11.4141 7.71094 11.1465 7.71094 10.8164V9.01172C7.71094 8.68165 7.44335 8.41406 7.11328 8.41406C6.78321 8.41406 6.51562 8.68165 6.51562 9.01172V10.8164Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/face-recognition-alternative.svg b/assets/icons/basic/face-recognition-alternative.svg
new file mode 100644
index 00000000..69eeb913
--- /dev/null
+++ b/assets/icons/basic/face-recognition-alternative.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.166992 0.774015C0.166992 0.438766 0.438766 0.166992 0.774015 0.166992H5.26443C5.59968 0.166992 5.87145 0.438766 5.87145 0.774015C5.87145 1.10926 5.59968 1.38104 5.26443 1.38104H1.38104V5.26443C1.38104 5.59968 1.10926 5.87145 0.774015 5.87145C0.438766 5.87145 0.166992 5.59968 0.166992 5.26443V0.774015Z" fill="currentColor"/>
+<path d="M18.1286 0.774015C18.1286 0.438766 18.4004 0.166992 18.7356 0.166992H23.226C23.5613 0.166992 23.8331 0.438766 23.8331 0.774015V5.26443C23.8331 5.59968 23.5613 5.87145 23.226 5.87145C22.8908 5.87145 22.619 5.59968 22.619 5.26443V1.38104H18.7356C18.4004 1.38104 18.1286 1.10926 18.1286 0.774015Z" fill="currentColor"/>
+<path d="M1.38134 18.7357C1.38134 18.4004 1.10957 18.1287 0.77432 18.1287C0.439071 18.1287 0.167297 18.4004 0.167297 18.7357V23.2261C0.167297 23.5613 0.439071 23.8331 0.77432 23.8331H5.26473C5.59998 23.8331 5.87176 23.5613 5.87176 23.2261C5.87176 22.8909 5.59998 22.6191 5.26473 22.6191H1.38134V18.7357Z" fill="currentColor"/>
+<path d="M23.2263 18.1287C23.5616 18.1287 23.8334 18.4004 23.8334 18.7357V23.2261C23.8334 23.5613 23.5616 23.8331 23.2263 23.8331H18.7359C18.4007 23.8331 18.1289 23.5613 18.1289 23.2261C18.1289 22.8909 18.4007 22.6191 18.7359 22.6191H22.6193V18.7357C22.6193 18.4004 22.8911 18.1287 23.2263 18.1287Z" fill="currentColor"/>
+<path d="M12.0003 2.41223C10.3507 2.41223 8.76857 3.06756 7.60209 4.23404C6.4356 5.40052 5.78028 6.98261 5.78028 8.63227V9.75488L5.78046 9.76983C5.81261 11.0739 6.15871 12.351 6.78942 13.4929C7.36687 14.5384 8.1673 15.4422 9.13237 16.1412V16.9766L9.13238 16.9795C9.13416 17.3462 9.01284 17.7029 8.78785 17.9925C8.56287 18.2821 8.24722 18.4878 7.89145 18.5767L5.11764 19.2694C4.79238 19.3506 4.59454 19.6801 4.67576 20.0054C4.75697 20.3306 5.08649 20.5285 5.41176 20.4472L8.18571 19.7546C8.80513 19.5998 9.35484 19.2416 9.74656 18.7374C10.138 18.2336 10.3492 17.6132 10.3464 16.9752V15.8237C10.3464 15.6203 10.2446 15.4305 10.0752 15.318C9.15104 14.7044 8.38848 13.877 7.85213 12.9059C7.31697 11.937 7.02277 10.8537 6.99432 9.74724V8.63227C6.99432 7.3046 7.52174 6.0313 8.46055 5.0925C9.39935 4.15369 10.6726 3.62628 12.0003 3.62628C13.328 3.62628 14.6013 4.15369 15.5401 5.0925C16.4789 6.0313 17.0063 7.3046 17.0063 8.63227V9.74727C16.9781 10.8535 16.6842 11.9368 16.1494 12.9057C15.6134 13.8767 14.8513 14.7042 13.9275 15.3181C13.7582 15.4306 13.6565 15.6204 13.6565 15.8237V16.9752C13.6537 17.6131 13.8649 18.2336 14.2563 18.7374C14.648 19.2416 15.1976 19.5997 15.817 19.7546L18.5888 20.4472C18.914 20.5285 19.2436 20.3307 19.3249 20.0055C19.4061 19.6802 19.2084 19.3507 18.8831 19.2694L16.1114 18.5767C15.7557 18.4878 15.44 18.2821 15.215 17.9925C14.99 17.7029 14.8687 17.3462 14.8705 16.9795L14.8705 16.9766V16.1411C15.8352 15.4418 16.6352 14.5379 17.2123 13.4924C17.8426 12.3506 18.1883 11.0736 18.2202 9.76971L18.2204 9.75488V8.63227C18.2204 6.98261 17.565 5.40052 16.3986 4.23404C15.2321 3.06756 13.65 2.41223 12.0003 2.41223Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/facebook.svg b/assets/icons/basic/facebook.svg
new file mode 100644
index 00000000..afdba321
--- /dev/null
+++ b/assets/icons/basic/facebook.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_116_628)">
+<path d="M23.9999 12.0729C23.9999 5.40471 18.627 -0.000915527 11.9992 -0.000915527C5.37143 -0.000915527 -0.00146484 5.40471 -0.00146484 12.0729C-0.00146484 18.0993 4.38702 23.0943 10.1241 24V15.563H7.07708V12.0729H10.1241V9.41288C10.1241 6.38688 11.9158 4.71542 14.657 4.71542C15.9699 4.71542 17.3433 4.95123 17.3433 4.95123V7.92252H15.83C14.3393 7.92252 13.8743 8.85322 13.8743 9.80804V12.0729H17.2027L16.6706 15.563H13.8743V24C19.6115 23.0943 23.9999 18.0993 23.9999 12.0729Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_116_628">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/file-earmark-arrow-down.svg b/assets/icons/basic/file-earmark-arrow-down.svg
new file mode 100644
index 00000000..bb4e2d14
--- /dev/null
+++ b/assets/icons/basic/file-earmark-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.75 9.75C12.75 9.33579 12.4142 9 12 9C11.5858 9 11.25 9.33579 11.25 9.75V15.4393L9.53033 13.7197C9.23744 13.4268 8.76256 13.4268 8.46967 13.7197C8.17678 14.0126 8.17678 14.4874 8.46967 14.7803L11.4697 17.7803C11.7626 18.0732 12.2374 18.0732 12.5303 17.7803L15.5303 14.7803C15.8232 14.4874 15.8232 14.0126 15.5303 13.7197C15.2374 13.4268 14.7626 13.4268 14.4697 13.7197L12.75 15.4393V9.75Z" fill="currentColor"/>
+<path d="M21 21V6.75L14.25 0H6C4.34315 0 3 1.34314 3 3V21C3 22.6569 4.34315 24 6 24H18C19.6569 24 21 22.6569 21 21ZM14.25 4.5C14.25 5.74264 15.2574 6.75 16.5 6.75H19.5V21C19.5 21.8284 18.8284 22.5 18 22.5H6C5.17157 22.5 4.5 21.8284 4.5 21V3C4.5 2.17157 5.17157 1.5 6 1.5H14.25V4.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/file-earmark-arrow-left.svg b/assets/icons/basic/file-earmark-arrow-left.svg
new file mode 100644
index 00000000..420efe85
--- /dev/null
+++ b/assets/icons/basic/file-earmark-arrow-left.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.75 14.5C21.1642 14.5 21.5 14.1642 21.5 13.75C21.5 13.3358 21.1642 13 20.75 13L11.0607 13L12.7803 11.2803C13.0732 10.9874 13.0732 10.5126 12.7803 10.2197C12.4874 9.92678 12.0126 9.92678 11.7197 10.2197L8.71967 13.2197C8.42678 13.5126 8.42678 13.9874 8.71967 14.2803L11.7197 17.2803C12.0126 17.5732 12.4874 17.5732 12.7803 17.2803C13.0732 16.9874 13.0732 16.5126 12.7803 16.2197L11.0607 14.5H20.75Z" fill="currentColor"/>
+<path d="M20 18V21C20 22.6569 18.6569 24 17 24H5C3.34315 24 2 22.6569 2 21V3C2 1.34314 3.34315 0 5 0H13.25L20 6.75V10H18.5V6.75H15.5C14.2574 6.75 13.25 5.74264 13.25 4.5V1.5H5C4.17157 1.5 3.5 2.17157 3.5 3V21C3.5 21.8284 4.17157 22.5 5 22.5H17C17.8284 22.5 18.5 21.8284 18.5 21V18H20Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/file-earmark-text-fill.svg b/assets/icons/basic/file-earmark-text-fill.svg
new file mode 100644
index 00000000..8f71a933
--- /dev/null
+++ b/assets/icons/basic/file-earmark-text-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.9393 0H6C4.34315 0 3 1.34315 3 3V21C3 22.6569 4.34315 24 6 24H18C19.6569 24 21 22.6569 21 21V7.06066C21 6.66284 20.842 6.28131 20.5607 6L15 0.43934C14.7187 0.158035 14.3372 0 13.9393 0ZM14.25 5.25V2.25L18.75 6.75H15.75C14.9216 6.75 14.25 6.07843 14.25 5.25ZM6.75 13.5C6.33579 13.5 6 13.1642 6 12.75C6 12.3358 6.33579 12 6.75 12H17.25C17.6642 12 18 12.3358 18 12.75C18 13.1642 17.6642 13.5 17.25 13.5H6.75ZM6 15.75C6 15.3358 6.33579 15 6.75 15H17.25C17.6642 15 18 15.3358 18 15.75C18 16.1642 17.6642 16.5 17.25 16.5H6.75C6.33579 16.5 6 16.1642 6 15.75ZM6.75 19.5C6.33579 19.5 6 19.1642 6 18.75C6 18.3358 6.33579 18 6.75 18H12.75C13.1642 18 13.5 18.3358 13.5 18.75C13.5 19.1642 13.1642 19.5 12.75 19.5H6.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/file-earmark-text.svg b/assets/icons/basic/file-earmark-text.svg
new file mode 100644
index 00000000..c2099d5d
--- /dev/null
+++ b/assets/icons/basic/file-earmark-text.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.25 10.5C7.83579 10.5 7.5 10.8358 7.5 11.25C7.5 11.6642 7.83579 12 8.25 12H15.75C16.1642 12 16.5 11.6642 16.5 11.25C16.5 10.8358 16.1642 10.5 15.75 10.5H8.25Z" fill="currentColor"/>
+<path d="M7.5 14.25C7.5 13.8358 7.83579 13.5 8.25 13.5H15.75C16.1642 13.5 16.5 13.8358 16.5 14.25C16.5 14.6642 16.1642 15 15.75 15H8.25C7.83579 15 7.5 14.6642 7.5 14.25Z" fill="currentColor"/>
+<path d="M7.5 17.25C7.5 16.8358 7.83579 16.5 8.25 16.5H11.25C11.6642 16.5 12 16.8358 12 17.25C12 17.6642 11.6642 18 11.25 18H8.25C7.83579 18 7.5 17.6642 7.5 17.25Z" fill="currentColor"/>
+<path d="M14.25 0H6C4.34315 0 3 1.34314 3 3V21C3 22.6569 4.34315 24 6 24H18C19.6569 24 21 22.6569 21 21V6.75L14.25 0ZM14.25 1.5V4.5C14.25 5.74264 15.2574 6.75 16.5 6.75H19.5V21C19.5 21.8284 18.8284 22.5 18 22.5H6C5.17157 22.5 4.5 21.8284 4.5 21V3C4.5 2.17157 5.17157 1.5 6 1.5H14.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/file-image-fill.svg b/assets/icons/basic/file-image-fill.svg
new file mode 100644
index 00000000..b04b1586
--- /dev/null
+++ b/assets/icons/basic/file-image-fill.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 0H18C19.6569 0 21 1.34315 21 3V15.4393L16.9064 11.3457C16.2509 10.6903 15.1639 10.7803 14.6251 11.5345L11.7921 15.5006L9.13801 13.9082C8.54779 13.554 7.7923 13.647 7.3056 14.1337L3 18.4393V3C3 1.34314 4.34315 0 6 0ZM12.0023 8.25C12.0023 7.00736 10.9949 6 9.75229 6C8.50965 6 7.50229 7.00736 7.50229 8.25C7.50229 9.49264 8.50965 10.5 9.75229 10.5C10.9949 10.5 12.0023 9.49264 12.0023 8.25Z" fill="currentColor"/>
+<path d="M15.8457 12.4064L21 17.5607V21C21 22.6569 19.6569 24 18 24H6C4.34315 24 3 22.6569 3 21V20.5607L8.36626 15.1944L12.2079 17.4994L15.8457 12.4064Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/file-image.svg b/assets/icons/basic/file-image.svg
new file mode 100644
index 00000000..b921cc13
--- /dev/null
+++ b/assets/icons/basic/file-image.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0023 8.25C12.0023 9.49264 10.9949 10.5 9.75229 10.5C8.50965 10.5 7.50229 9.49264 7.50229 8.25C7.50229 7.00736 8.50965 6 9.75229 6C10.9949 6 12.0023 7.00736 12.0023 8.25Z" fill="currentColor"/>
+<path d="M18 0H6C4.34315 0 3 1.34314 3 3V21C3 22.6569 4.34315 24 6 24H18C19.6569 24 21 22.6569 21 21V3C21 1.34315 19.6569 0 18 0ZM4.5 3C4.5 2.17157 5.17157 1.5 6 1.5H18C18.8284 1.5 19.5 2.17157 19.5 3V15L16.376 11.876C16.0483 11.5483 15.5048 11.5933 15.2354 11.9704L12 16.5L8.75213 14.5513C8.45703 14.3742 8.07928 14.4207 7.83593 14.6641L4.5 18V3Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/files-earmark-arrow-down.svg b/assets/icons/basic/files-earmark-arrow-down.svg
new file mode 100644
index 00000000..0e3970ec
--- /dev/null
+++ b/assets/icons/basic/files-earmark-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 9C13.4142 9 13.75 9.33579 13.75 9.75V15.4393L15.4697 13.7197C15.7626 13.4268 16.2374 13.4268 16.5303 13.7197C16.8232 14.0126 16.8232 14.4874 16.5303 14.7803L13.5303 17.7803C13.2374 18.0732 12.7626 18.0732 12.4697 17.7803L9.46967 14.7803C9.17678 14.4874 9.17678 14.0126 9.46967 13.7197C9.76256 13.4268 10.2374 13.4268 10.5303 13.7197L12.25 15.4393V9.75C12.25 9.33579 12.5858 9 13 9Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 6.75V21C22 22.6569 20.6569 24 19 24H7C5.34315 24 4 22.6569 4 21C2.34315 21 1 19.6569 1 18V6C1 4.34315 2.34315 3 4 3C4 1.34314 5.34315 0 7 0H15.25L22 6.75ZM4 4.5V19.5C3.17157 19.5 2.5 18.8284 2.5 18V6C2.5 5.17157 3.17157 4.5 4 4.5ZM17.5 6.75C16.2574 6.75 15.25 5.74264 15.25 4.5V1.5H7C6.17157 1.5 5.5 2.17157 5.5 3V21C5.5 21.8284 6.17157 22.5 7 22.5H19C19.8284 22.5 20.5 21.8284 20.5 21V6.75H17.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/files.svg b/assets/icons/basic/files.svg
new file mode 100644
index 00000000..b3424f46
--- /dev/null
+++ b/assets/icons/basic/files.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.5 0H9C7.34315 0 6 1.34315 6 3C4.34315 3 3 4.34315 3 6V21C3 22.6569 4.34315 24 6 24H16.5C18.1569 24 19.5 22.6569 19.5 21C21.1569 21 22.5 19.6569 22.5 18V3C22.5 1.34315 21.1569 0 19.5 0ZM19.5 19.5V6C19.5 4.34315 18.1569 3 16.5 3H7.5C7.5 2.17157 8.17157 1.5 9 1.5H19.5C20.3284 1.5 21 2.17157 21 3V18C21 18.8284 20.3284 19.5 19.5 19.5ZM4.5 6C4.5 5.17157 5.17157 4.5 6 4.5H16.5C17.3284 4.5 18 5.17157 18 6V21C18 21.8284 17.3284 22.5 16.5 22.5H6C5.17157 22.5 4.5 21.8284 4.5 21V6Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/filtering.svg b/assets/icons/basic/filtering.svg
new file mode 100644
index 00000000..e2e9579d
--- /dev/null
+++ b/assets/icons/basic/filtering.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0805 4.75C13.4239 6.32259 14.8244 7.5 16.5 7.5C18.1756 7.5 19.5761 6.32259 19.9195 4.75H23.25C23.6642 4.75 24 4.41421 24 4C24 3.58579 23.6642 3.25 23.25 3.25H19.9195C19.5761 1.67741 18.1756 0.5 16.5 0.5C14.8244 0.5 13.4239 1.67741 13.0805 3.25H0.75C0.335787 3.25 0 3.58579 0 4C0 4.41421 0.335787 4.75 0.75 4.75H13.0805ZM14.5 4C14.5 5.10457 15.3954 6 16.5 6C17.6046 6 18.5 5.10457 18.5 4C18.5 2.89543 17.6046 2 16.5 2C15.3954 2 14.5 2.89543 14.5 4Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.08055 12.75C5.42388 14.3226 6.82444 15.5 8.5 15.5C10.1756 15.5 11.5761 14.3226 11.9195 12.75H23.25C23.6642 12.75 24 12.4142 24 12C24 11.5858 23.6642 11.25 23.25 11.25H11.9195C11.5761 9.67741 10.1756 8.5 8.5 8.5C6.82444 8.5 5.42388 9.67741 5.08055 11.25H0.75C0.335787 11.25 0 11.5858 0 12C0 12.4142 0.335787 12.75 0.75 12.75H5.08055ZM6.5 12C6.5 13.1046 7.39543 14 8.5 14C9.60457 14 10.5 13.1046 10.5 12C10.5 10.8954 9.60457 10 8.5 10C7.39543 10 6.5 10.8954 6.5 12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 23.5C14.8244 23.5 13.4239 22.3226 13.0805 20.75H0.75C0.335787 20.75 0 20.4142 0 20C0 19.5858 0.335787 19.25 0.75 19.25H13.0805C13.4239 17.6774 14.8244 16.5 16.5 16.5C18.1756 16.5 19.5761 17.6774 19.9195 19.25H23.25C23.6642 19.25 24 19.5858 24 20C24 20.4142 23.6642 20.75 23.25 20.75H19.9195C19.5761 22.3226 18.1756 23.5 16.5 23.5ZM16.5 22C15.3954 22 14.5 21.1046 14.5 20C14.5 18.8954 15.3954 18 16.5 18C17.6046 18 18.5 18.8954 18.5 20C18.5 21.1046 17.6046 22 16.5 22Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/assets/icons/basic/fingerprint.svg b/assets/icons/basic/fingerprint.svg
new file mode 100644
index 00000000..1973bea6
--- /dev/null
+++ b/assets/icons/basic/fingerprint.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7758 2.964C18.6798 2.964 18.5838 2.94 18.4998 2.892C16.1958 1.704 14.2038 1.2 11.8158 1.2C9.43979 1.2 7.18379 1.764 5.13179 2.892C4.84379 3.048 4.48379 2.94 4.31579 2.652C4.15979 2.364 4.26779 1.992 4.55579 1.836C6.78779 0.624 9.23579 0 11.8158 0C14.3718 0 16.6038 0.564 19.0518 1.824C19.3518 1.98 19.4598 2.34 19.3038 2.628C19.1958 2.844 18.9918 2.964 18.7758 2.964ZM1.60379 9.264C1.48379 9.264 1.36379 9.228 1.25579 9.156C0.979791 8.964 0.91979 8.592 1.11179 8.316C2.29979 6.636 3.81179 5.316 5.61179 4.392C9.37979 2.448 14.2038 2.436 17.9838 4.38C19.7838 5.304 21.2958 6.612 22.4838 8.28C22.6758 8.544 22.6158 8.928 22.3398 9.12C22.0638 9.312 21.6918 9.252 21.4998 8.976C20.4198 7.464 19.0518 6.276 17.4318 5.448C13.9878 3.684 9.58379 3.684 6.15179 5.46C4.51979 6.3 3.15179 7.5 2.07179 9.012C1.97579 9.18 1.79579 9.264 1.60379 9.264ZM9.10379 23.748C8.94779 23.748 8.79179 23.688 8.68379 23.568C7.63979 22.524 7.07579 21.852 6.27179 20.4C5.44379 18.924 5.01179 17.124 5.01179 15.192C5.01179 11.628 8.05979 8.724 11.8038 8.724C15.5478 8.724 18.5958 11.628 18.5958 15.192C18.5958 15.528 18.3318 15.792 17.9958 15.792C17.6598 15.792 17.3958 15.528 17.3958 15.192C17.3958 12.288 14.8878 9.924 11.8038 9.924C8.71979 9.924 6.21179 12.288 6.21179 15.192C6.21179 16.92 6.59579 18.516 7.32779 19.812C8.09579 21.192 8.62379 21.78 9.54779 22.716C9.77579 22.956 9.77579 23.328 9.54779 23.568C9.41579 23.688 9.25979 23.748 9.10379 23.748ZM17.7078 21.528C16.2798 21.528 15.0198 21.168 13.9878 20.46C12.1998 19.248 11.1318 17.28 11.1318 15.192C11.1318 14.856 11.3958 14.592 11.7318 14.592C12.0678 14.592 12.3318 14.856 12.3318 15.192C12.3318 16.884 13.1958 18.48 14.6598 19.464C15.5118 20.04 16.5078 20.316 17.7078 20.316C17.9958 20.316 18.4758 20.28 18.9558 20.196C19.2798 20.136 19.5918 20.352 19.6518 20.688C19.7118 21.012 19.4958 21.324 19.1598 21.384C18.4758 21.516 17.8758 21.528 17.7078 21.528ZM15.2958 24C15.2478 24 15.1878 23.988 15.1398 23.976C13.2318 23.448 11.9838 22.74 10.6758 21.456C8.99579 19.788 8.07179 17.568 8.07179 15.192C8.07179 13.248 9.72779 11.664 11.7678 11.664C13.8078 11.664 15.4638 13.248 15.4638 15.192C15.4638 16.476 16.5798 17.52 17.9598 17.52C19.3398 17.52 20.4558 16.476 20.4558 15.192C20.4558 10.668 16.5558 6.996 11.7558 6.996C8.34779 6.996 5.22779 8.892 3.82379 11.832C3.35579 12.804 3.11579 13.944 3.11579 15.192C3.11579 16.128 3.19979 17.604 3.91979 19.524C4.03979 19.836 3.88379 20.184 3.57179 20.292C3.25979 20.412 2.91179 20.244 2.80379 19.944C2.21579 18.372 1.92779 16.812 1.92779 15.192C1.92779 13.752 2.20379 12.444 2.74379 11.304C4.33979 7.956 7.87979 5.784 11.7558 5.784C17.2158 5.784 21.6558 9.996 21.6558 15.18C21.6558 17.124 19.9998 18.708 17.9598 18.708C15.9198 18.708 14.2638 17.124 14.2638 15.18C14.2638 13.896 13.1478 12.852 11.7678 12.852C10.3878 12.852 9.27179 13.896 9.27179 15.18C9.27179 17.232 10.0638 19.152 11.5158 20.592C12.6558 21.72 13.7478 22.344 15.4398 22.812C15.7638 22.896 15.9438 23.232 15.8598 23.544C15.7998 23.82 15.5478 24 15.2958 24Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/flag-cz.svg b/assets/icons/basic/flag-cz.svg
new file mode 100644
index 00000000..f3e36779
--- /dev/null
+++ b/assets/icons/basic/flag-cz.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3C0.671573 3 0 3.67157 0 4.5V19.5C0 20.3284 0.671573 21 1.5 21H22.5C23.3284 21 24 20.3284 24 19.5V4.5C24 3.67157 23.3284 3 22.5 3H1.5ZM22.5 4.5H2.82555L11.263 11.25H22.5V4.5ZM22.5 12.75H11.2631L2.82562 19.5H22.5V12.75ZM9.79941 12L1.5 18.6396V5.3605L9.79941 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/flag.svg b/assets/icons/basic/flag.svg
new file mode 100644
index 00000000..a23628e7
--- /dev/null
+++ b/assets/icons/basic/flag.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.167 0.1275C22.2693 0.195956 22.3532 0.288554 22.4113 0.397119C22.4694 0.505684 22.4999 0.626877 22.5 0.75V12C22.5 12.1498 22.4551 12.2961 22.3711 12.4202C22.2872 12.5442 22.168 12.6403 22.029 12.696L22.0245 12.6975L22.0155 12.702L21.981 12.7155C21.7838 12.7939 21.5853 12.8689 21.3855 12.9405C20.9895 13.083 20.439 13.275 19.815 13.4655C18.591 13.8435 16.9965 14.25 15.75 14.25C14.4795 14.25 13.428 13.83 12.513 13.4625L12.471 13.4475C11.52 13.065 10.71 12.75 9.75 12.75C8.7 12.75 7.293 13.095 6.0945 13.4655C5.55788 13.6327 5.02616 13.8153 4.5 14.013V23.25C4.5 23.4489 4.42098 23.6397 4.28033 23.7803C4.13968 23.921 3.94891 24 3.75 24C3.55109 24 3.36032 23.921 3.21967 23.7803C3.07902 23.6397 3 23.4489 3 23.25V0.75C3 0.551088 3.07902 0.360322 3.21967 0.21967C3.36032 0.0790177 3.55109 0 3.75 0C3.94891 0 4.13968 0.0790177 4.28033 0.21967C4.42098 0.360322 4.5 0.551088 4.5 0.75V1.173C4.839 1.0545 5.244 0.918 5.685 0.783C6.909 0.408 8.505 0 9.75 0C11.01 0 12.036 0.4155 12.9315 0.7785L12.996 0.8055C13.929 1.182 14.742 1.5 15.75 1.5C16.8 1.5 18.207 1.155 19.4055 0.7845C20.0885 0.571218 20.7634 0.33306 21.429 0.0705C21.429 0.0705 21.8 -0.100051 22.167 0.1275ZM21 1.8315C20.67 1.9485 20.28 2.082 19.851 2.214C18.636 2.592 17.043 2.9985 15.75 2.9985C14.421 2.9985 13.362 2.5695 12.4455 2.1975L12.4335 2.193C11.493 1.815 10.7085 1.5 9.75 1.5C8.7465 1.5 7.341 1.8435 6.1275 2.217C5.58016 2.38587 5.03747 2.56944 4.5 2.7675V12.417C4.83 12.3 5.22 12.1665 5.649 12.0345C6.864 11.655 8.457 11.25 9.75 11.25C11.0205 11.25 12.072 11.67 12.987 12.0375L13.029 12.0525C13.98 12.435 14.79 12.75 15.75 12.75C16.752 12.75 18.159 12.4065 19.3725 12.033C19.9198 11.8641 20.4625 11.6805 21 11.4825V1.833V1.8315Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/folder-open.svg b/assets/icons/basic/folder-open.svg
new file mode 100644
index 00000000..63ec97e5
--- /dev/null
+++ b/assets/icons/basic/folder-open.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.50012 5.25C1.50012 4.65326 1.73717 4.08097 2.15913 3.65901C2.58108 3.23705 3.15338 3 3.75012 3H7.89612C9.33312 3 10.5361 3.84 11.3626 4.776C11.9776 5.472 12.7201 6 13.5001 6H20.2501C20.8469 6 21.4191 6.23705 21.8411 6.65901C22.2631 7.08097 22.5001 7.65326 22.5001 8.25V9.21C23.3551 9.6075 23.9101 10.524 23.7841 11.529L22.8241 19.215C22.7107 20.1226 22.2695 20.9574 21.5836 21.5624C20.8976 22.1674 20.0142 22.5008 19.0996 22.5H4.89912C3.98501 22.5001 3.10234 22.1663 2.41703 21.5614C1.73172 20.9565 1.29097 20.1221 1.17762 19.215L0.217617 11.529C0.158476 11.0565 0.250781 10.5774 0.481245 10.1607C0.711709 9.74394 1.06845 9.41108 1.50012 9.21V5.25ZM3.00012 9H21.0001V8.25C21.0001 8.05109 20.9211 7.86032 20.7804 7.71967C20.6398 7.57902 20.449 7.5 20.2501 7.5H13.5001C12.0541 7.5 10.9351 6.5565 10.2391 5.769C9.56112 5.001 8.73012 4.5 7.89612 4.5H3.75012C3.5512 4.5 3.36044 4.57902 3.21979 4.71967C3.07913 4.86032 3.00012 5.05109 3.00012 5.25V9ZM2.44962 10.5C2.34329 10.5 2.23819 10.5227 2.14128 10.5664C2.04437 10.6102 1.95786 10.674 1.88751 10.7537C1.81715 10.8334 1.76455 10.9272 1.73319 11.0288C1.70183 11.1304 1.69243 11.2375 1.70562 11.343L2.66562 19.029C2.73364 19.5733 2.99818 20.0741 3.40949 20.437C3.8208 20.8 4.35055 21.0002 4.89912 21H19.1011C19.6497 21.0002 20.1794 20.8 20.5907 20.437C21.0021 20.0741 21.2666 19.5733 21.3346 19.029L22.2946 11.343C22.3078 11.2375 22.2984 11.1304 22.267 11.0288C22.2357 10.9272 22.1831 10.8334 22.1127 10.7537C22.0424 10.674 21.9559 10.6102 21.859 10.5664C21.762 10.5227 21.6569 10.5 21.5506 10.5H2.44962Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/forward.svg b/assets/icons/basic/forward.svg
new file mode 100644
index 00000000..28f27811
--- /dev/null
+++ b/assets/icons/basic/forward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2533 8.26934C14.1139 8.20691 13.95 8.30852 13.95 8.47014V9.97506C13.95 10.3893 13.6142 10.7251 13.2 10.7251H3.75V15.0751H13.2C13.6142 15.0751 13.95 15.4108 13.95 15.8251V17.33C13.95 17.4916 14.1139 17.5932 14.2533 17.5308L20.2286 13.1316C20.2492 13.1164 20.2705 13.1024 20.2925 13.0894C20.4358 13.0049 20.4358 12.7952 20.2925 12.7107C20.2705 12.6977 20.2492 12.6837 20.2286 12.6685L14.2533 8.26934ZM12.45 8.47014C12.45 7.127 13.9041 6.32085 15.037 6.9885C15.059 7.00146 15.0803 7.01553 15.1009 7.03067L21.0911 11.4409C22.1696 12.1116 22.1696 13.6885 21.0912 14.3592L15.1009 18.7694C15.0803 18.7846 15.059 18.7987 15.037 18.8116C13.9041 19.4793 12.45 18.6731 12.45 17.33V16.5751H3C2.58579 16.5751 2.25 16.2393 2.25 15.8251V9.97506C2.25 9.56085 2.58579 9.22506 3 9.22506H12.45V8.47014Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/funnel-fill.svg b/assets/icons/basic/funnel-fill.svg
new file mode 100644
index 00000000..cdc58ead
--- /dev/null
+++ b/assets/icons/basic/funnel-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.25 2.25C2.25 1.83579 2.58579 1.5 3 1.5H21C21.4142 1.5 21.75 1.83579 21.75 2.25V5.25C21.75 5.43528 21.6814 5.61401 21.5575 5.75172L15 13.0378V20.25C15 20.5728 14.7934 20.8594 14.4872 20.9615L9.98717 22.4615C9.75846 22.5377 9.50704 22.4994 9.31147 22.3584C9.11589 22.2175 9 21.9911 9 21.75V13.0378L2.44253 5.75172C2.31858 5.61401 2.25 5.43528 2.25 5.25V2.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/funnel.svg b/assets/icons/basic/funnel.svg
new file mode 100644
index 00000000..2f555ade
--- /dev/null
+++ b/assets/icons/basic/funnel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.25 2.25C2.25 1.83579 2.58579 1.5 3 1.5H21C21.4142 1.5 21.75 1.83579 21.75 2.25V5.25C21.75 5.43528 21.6814 5.61401 21.5575 5.75172L15 13.0378V20.25C15 20.5728 14.7934 20.8594 14.4872 20.9615L9.98717 22.4615C9.75846 22.5378 9.50704 22.4994 9.31147 22.3584C9.11589 22.2175 9 21.9911 9 21.75V13.0378L2.44253 5.75172C2.31858 5.61401 2.25 5.43528 2.25 5.25V2.25ZM3.75 3V4.9622L10.3075 12.2483C10.4314 12.386 10.5 12.5647 10.5 12.75V20.7094L13.5 19.7094V12.75C13.5 12.5647 13.5686 12.386 13.6925 12.2483L20.25 4.9622V3H3.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/gear-fill.svg b/assets/icons/basic/gear-fill.svg
new file mode 100644
index 00000000..df2a7fd5
--- /dev/null
+++ b/assets/icons/basic/gear-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_424)">
+<path d="M14.107 1.57558C13.4878 -0.525193 10.5122 -0.525193 9.89301 1.57558L9.74284 2.08505C9.3472 3.42735 7.81403 4.06241 6.58512 3.39302L6.11869 3.13896C4.19539 2.09133 2.09133 4.19539 3.13896 6.1187L3.39302 6.58512C4.06241 7.81403 3.42735 9.3472 2.08505 9.74284L1.57558 9.89301C-0.525193 10.5122 -0.525193 13.4878 1.57558 14.107L2.08505 14.2572C3.42735 14.6528 4.06241 16.186 3.39302 17.4149L3.13896 17.8813C2.09133 19.8046 4.19538 21.9087 6.11869 20.861L6.58512 20.607C7.81403 19.9376 9.3472 20.5727 9.74284 21.915L9.89301 22.4244C10.5122 24.5252 13.4878 24.5252 14.107 22.4244L14.2572 21.915C14.6528 20.5727 16.186 19.9376 17.4149 20.607L17.8813 20.861C19.8046 21.9087 21.9087 19.8046 20.861 17.8813L20.607 17.4149C19.9376 16.186 20.5727 14.6528 21.915 14.2572L22.4244 14.107C24.5252 13.4878 24.5252 10.5122 22.4244 9.89301L21.915 9.74284C20.5727 9.3472 19.9376 7.81403 20.607 6.58512L20.861 6.11869C21.9087 4.19538 19.8046 2.09133 17.8813 3.13896L17.4149 3.39302C16.186 4.06241 14.6528 3.42735 14.2572 2.08505L14.107 1.57558ZM12 16.3932C9.57369 16.3932 7.60678 14.4263 7.60678 12C7.60678 9.57369 9.57369 7.60678 12 7.60678C14.4263 7.60678 16.3932 9.57369 16.3932 12C16.3932 14.4263 14.4263 16.3932 12 16.3932Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_424">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/gear.svg b/assets/icons/basic/gear.svg
new file mode 100644
index 00000000..c974ccad
--- /dev/null
+++ b/assets/icons/basic/gear.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0001 7.13132C9.31117 7.13132 7.13141 9.31108 7.13141 12C7.13141 14.6888 9.31117 16.8686 12.0001 16.8686C14.6889 16.8686 16.8687 14.6888 16.8687 12C16.8687 9.31108 14.6889 7.13132 12.0001 7.13132ZM8.63141 12C8.63141 10.1395 10.1396 8.63132 12.0001 8.63132C13.8605 8.63132 15.3687 10.1395 15.3687 12C15.3687 13.8604 13.8605 15.3686 12.0001 15.3686C10.1396 15.3686 8.63141 13.8604 8.63141 12Z" fill="currentColor"/>
+<path d="M14.6947 2.01506C13.9028 -0.671689 10.0972 -0.671687 9.30529 2.01506L9.16451 2.49269C8.92869 3.29279 8.01482 3.67133 7.2823 3.27232L6.84503 3.03414C4.38524 1.69429 1.69429 4.38525 3.03414 6.84503L3.27233 7.28231C3.67133 8.01482 3.29279 8.92869 2.49269 9.16451L2.01506 9.30529C-0.671689 10.0972 -0.671687 13.9028 2.01506 14.6947L2.49269 14.8355C3.29279 15.0713 3.67133 15.9852 3.27232 16.7177L3.03414 17.155C1.69429 19.6147 4.38524 22.3057 6.84503 20.9659L7.28231 20.7277C8.01482 20.3287 8.92869 20.7072 9.16451 21.5073L9.30529 21.9849C10.0972 24.6717 13.9028 24.6717 14.6947 21.9849L14.8355 21.5073C15.0713 20.7072 15.9852 20.3287 16.7177 20.7277L17.155 20.9659C19.6148 22.3057 22.3057 19.6148 20.9659 17.155L20.7277 16.7177C20.3287 15.9852 20.7072 15.0713 21.5073 14.8355L21.9849 14.6947C24.6717 13.9028 24.6717 10.0972 21.9849 9.30529L21.5073 9.16451C20.7072 8.92869 20.3287 8.01482 20.7277 7.2823L20.9659 6.84503C22.3057 4.38524 19.6147 1.69429 17.155 3.03414L16.7177 3.27233C15.9852 3.67133 15.0713 3.29279 14.8355 2.49269L14.6947 2.01506ZM10.7441 2.43915C11.1132 1.18695 12.8868 1.18695 13.2559 2.43915L13.3967 2.91677C13.9027 4.63349 15.8635 5.44569 17.4352 4.58958L17.8725 4.3514C19.0189 3.72694 20.2731 4.9811 19.6486 6.12752L19.4104 6.56479C18.5543 8.13649 19.3665 10.0973 21.0832 10.6033L21.5609 10.7441C22.813 11.1132 22.813 12.8868 21.5609 13.2559L21.0832 13.3967C19.3665 13.9027 18.5543 15.8635 19.4104 17.4352L19.6486 17.8725C20.2731 19.0189 19.0189 20.2731 17.8725 19.6486L17.4352 19.4104C15.8635 18.5543 13.9027 19.3665 13.3967 21.0832L13.2559 21.5609C12.8868 22.813 11.1132 22.813 10.7441 21.5609L10.6033 21.0832C10.0973 19.3665 8.13649 18.5543 6.56479 19.4104L6.12752 19.6486C4.9811 20.2731 3.72694 19.0189 4.3514 17.8725L4.58958 17.4352C5.44569 15.8635 4.63349 13.9027 2.91677 13.3967L2.43915 13.2559C1.18695 12.8868 1.18695 11.1132 2.43915 10.7441L2.91677 10.6033C4.63349 10.0973 5.44569 8.13649 4.58959 6.56479L4.3514 6.12752C3.72695 4.9811 4.9811 3.72695 6.12752 4.3514L6.56479 4.58958C8.13649 5.44569 10.0973 4.63349 10.6033 2.91677L10.7441 2.43915Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/geo-alt-fill.svg b/assets/icons/basic/geo-alt-fill.svg
new file mode 100644
index 00000000..1de2512b
--- /dev/null
+++ b/assets/icons/basic/geo-alt-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 24C12 24 21 15.4706 21 9C21 4.02944 16.9706 0 12 0C7.02944 0 3 4.02944 3 9C3 15.4706 12 24 12 24ZM12 13.5C9.51472 13.5 7.5 11.4853 7.5 9C7.5 6.51472 9.51472 4.5 12 4.5C14.4853 4.5 16.5 6.51472 16.5 9C16.5 11.4853 14.4853 13.5 12 13.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/grid-3x3-gap-fill.svg b/assets/icons/basic/grid-3x3-gap-fill.svg
new file mode 100644
index 00000000..76e2179e
--- /dev/null
+++ b/assets/icons/basic/grid-3x3-gap-fill.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_316)">
+<path d="M0 1.71429C0 0.767512 0.767512 0 1.71429 0H5.14286C6.08963 0 6.85714 0.767512 6.85714 1.71429V5.14286C6.85714 6.08963 6.08963 6.85714 5.14286 6.85714H1.71429C0.767512 6.85714 0 6.08963 0 5.14286V1.71429Z" fill="currentColor"/>
+<path d="M8.57143 1.71429C8.57143 0.767512 9.33894 0 10.2857 0H13.7143C14.6611 0 15.4286 0.767512 15.4286 1.71429V5.14286C15.4286 6.08963 14.6611 6.85714 13.7143 6.85714H10.2857C9.33894 6.85714 8.57143 6.08963 8.57143 5.14286V1.71429Z" fill="currentColor"/>
+<path d="M17.1429 1.71429C17.1429 0.767512 17.9104 0 18.8571 0H22.2857C23.2325 0 24 0.767512 24 1.71429V5.14286C24 6.08963 23.2325 6.85714 22.2857 6.85714H18.8571C17.9104 6.85714 17.1429 6.08963 17.1429 5.14286V1.71429Z" fill="currentColor"/>
+<path d="M0 10.2857C0 9.33894 0.767512 8.57143 1.71429 8.57143H5.14286C6.08963 8.57143 6.85714 9.33894 6.85714 10.2857V13.7143C6.85714 14.6611 6.08963 15.4286 5.14286 15.4286H1.71429C0.767512 15.4286 0 14.6611 0 13.7143V10.2857Z" fill="currentColor"/>
+<path d="M8.57143 10.2857C8.57143 9.33894 9.33894 8.57143 10.2857 8.57143H13.7143C14.6611 8.57143 15.4286 9.33894 15.4286 10.2857V13.7143C15.4286 14.6611 14.6611 15.4286 13.7143 15.4286H10.2857C9.33894 15.4286 8.57143 14.6611 8.57143 13.7143V10.2857Z" fill="currentColor"/>
+<path d="M17.1429 10.2857C17.1429 9.33894 17.9104 8.57143 18.8571 8.57143H22.2857C23.2325 8.57143 24 9.33894 24 10.2857V13.7143C24 14.6611 23.2325 15.4286 22.2857 15.4286H18.8571C17.9104 15.4286 17.1429 14.6611 17.1429 13.7143V10.2857Z" fill="currentColor"/>
+<path d="M0 18.8571C0 17.9104 0.767512 17.1429 1.71429 17.1429H5.14286C6.08963 17.1429 6.85714 17.9104 6.85714 18.8571V22.2857C6.85714 23.2325 6.08963 24 5.14286 24H1.71429C0.767512 24 0 23.2325 0 22.2857V18.8571Z" fill="currentColor"/>
+<path d="M8.57143 18.8571C8.57143 17.9104 9.33894 17.1429 10.2857 17.1429H13.7143C14.6611 17.1429 15.4286 17.9104 15.4286 18.8571V22.2857C15.4286 23.2325 14.6611 24 13.7143 24H10.2857C9.33894 24 8.57143 23.2325 8.57143 22.2857V18.8571Z" fill="currentColor"/>
+<path d="M17.1429 18.8571C17.1429 17.9104 17.9104 17.1429 18.8571 17.1429H22.2857C23.2325 17.1429 24 17.9104 24 18.8571V22.2857C24 23.2325 23.2325 24 22.2857 24H18.8571C17.9104 24 17.1429 23.2325 17.1429 22.2857V18.8571Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_316">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/guestion-circle-fill.svg b/assets/icons/basic/guestion-circle-fill.svg
new file mode 100644
index 00000000..192b6eff
--- /dev/null
+++ b/assets/icons/basic/guestion-circle-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1266_3477)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM8.2445 9.04907H9.48123C9.68834 9.04907 9.85302 8.88019 9.88084 8.67496C10.0143 7.69077 10.6898 6.97339 11.8938 6.97339C12.9221 6.97339 13.8648 7.48755 13.8648 8.72534C13.8648 9.67749 13.303 10.1155 12.4175 10.782C11.4082 11.5151 10.6084 12.3721 10.6656 13.7622L10.67 14.0874C10.6728 14.2925 10.8399 14.4573 11.045 14.4573H12.2615C12.4686 14.4573 12.6365 14.2894 12.6365 14.0823V13.9241C12.6365 12.8481 13.0459 12.5339 14.1504 11.696C15.0645 11.001 16.0166 10.2297 16.0166 8.61108C16.0166 6.34497 14.1028 5.25 12.0081 5.25C10.1075 5.25 8.02446 6.13592 7.88267 8.67922C7.87128 8.88355 8.03986 9.04907 8.2445 9.04907ZM11.732 18.7134C12.646 18.7134 13.2744 18.123 13.2744 17.3232C13.2744 16.4949 12.646 15.9141 11.732 15.9141C10.856 15.9141 10.218 16.4949 10.218 17.3232C10.218 18.123 10.856 18.7134 11.732 18.7134Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_1266_3477">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/hand-index-thumb-right-fill.svg b/assets/icons/basic/hand-index-thumb-right-fill.svg
new file mode 100644
index 00000000..00410de6
--- /dev/null
+++ b/assets/icons/basic/hand-index-thumb-right-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_408)">
+<path d="M21.375 12.2277H17.3014L17.3044 12.299C17.3225 12.7663 17.3282 13.411 17.2354 13.8748C17.1514 14.2949 16.9656 14.69 16.8031 14.9823C16.5754 15.3919 16.2262 15.666 15.8398 15.8211C15.8462 15.8851 15.8523 15.9516 15.8576 16.02C15.894 16.488 15.9144 17.211 15.6964 17.7563C15.4742 18.3116 14.965 18.7898 14.6218 19.0772C14.4877 19.1896 14.3595 19.2884 14.25 19.3692V20.2415C14.25 22.0164 12.7175 23.4032 10.9515 23.2266L6.87853 22.8193C6.1454 22.746 5.43591 22.5192 4.7962 22.1536L1.13369 20.0608C0.432644 19.6602 0 18.9147 0 18.1072V8.65476C0 7.80253 0.481504 7.02344 1.24377 6.6423L4.88883 4.81977L11.1173 1.08269C12.1586 0.457917 13.507 0.761127 14.1806 1.77151C14.7821 2.6738 14.6631 3.87523 13.8964 4.64202L11.5607 6.97771H21.375C22.8247 6.97771 24 8.15297 24 9.60271C24 11.0525 22.8247 12.2277 21.375 12.2277Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_408">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/house-door-fill.svg b/assets/icons/basic/house-door-fill.svg
new file mode 100644
index 00000000..46aa148b
--- /dev/null
+++ b/assets/icons/basic/house-door-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75 21.75V16.492C9.75 16.125 10.125 15.75 10.5 15.75H13.5C13.875 15.75 14.25 16.125 14.25 16.5V21.75C14.25 22.1642 14.5858 22.5 15 22.5H21C21.4142 22.5 21.75 22.1642 21.75 21.75V11.25C21.75 11.0511 21.671 10.8603 21.5303 10.7197L19.5 8.68934V3.75C19.5 3.33579 19.1642 3 18.75 3H17.25C16.8358 3 16.5 3.33579 16.5 3.75V5.68934L12.5303 1.71967C12.2374 1.42678 11.7626 1.42678 11.4697 1.71967L2.46967 10.7197C2.32902 10.8603 2.25 11.0511 2.25 11.25V21.75C2.25 22.1642 2.58579 22.5 3 22.5H9C9.41421 22.5 9.75 22.1642 9.75 21.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/info-circle.svg b/assets/icons/basic/info-circle.svg
new file mode 100644
index 00000000..70390493
--- /dev/null
+++ b/assets/icons/basic/info-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.5C9.21523 22.5 6.54451 21.3938 4.57538 19.4246C2.60625 17.4555 1.5 14.7848 1.5 12C1.5 9.21523 2.60625 6.54451 4.57538 4.57538C6.54451 2.60625 9.21523 1.5 12 1.5C14.7848 1.5 17.4555 2.60625 19.4246 4.57538C21.3938 6.54451 22.5 9.21523 22.5 12C22.5 14.7848 21.3938 17.4555 19.4246 19.4246C17.4555 21.3938 14.7848 22.5 12 22.5ZM12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24Z" fill="currentColor"/>
+<path d="M13.3949 9.882L9.95993 10.3125L9.83693 10.8825L10.5119 11.007C10.9529 11.112 11.0399 11.271 10.9439 11.7105L9.83693 16.9125C9.54593 18.258 9.99443 18.891 11.0489 18.891C11.8664 18.891 12.8159 18.513 13.2464 17.994L13.3784 17.37C13.0784 17.634 12.6404 17.739 12.3494 17.739C11.9369 17.739 11.7869 17.4495 11.8934 16.9395L13.3949 9.882ZM13.4999 6.75C13.4999 7.14782 13.3419 7.52936 13.0606 7.81066C12.7793 8.09196 12.3978 8.25 11.9999 8.25C11.6021 8.25 11.2206 8.09196 10.9393 7.81066C10.658 7.52936 10.4999 7.14782 10.4999 6.75C10.4999 6.35218 10.658 5.97064 10.9393 5.68934C11.2206 5.40804 11.6021 5.25 11.9999 5.25C12.3978 5.25 12.7793 5.40804 13.0606 5.68934C13.3419 5.97064 13.4999 6.35218 13.4999 6.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/info.svg b/assets/icons/basic/info.svg
new file mode 100644
index 00000000..966a3696
--- /dev/null
+++ b/assets/icons/basic/info.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_353)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM13.3961 9.88184L11.8931 16.9395C11.7877 17.4492 11.9371 17.7393 12.3502 17.7393C12.6402 17.7393 13.0796 17.6338 13.3785 17.3701L13.2466 17.9941C12.816 18.5127 11.8668 18.8906 11.0494 18.8906C9.99469 18.8906 9.54645 18.2578 9.83648 16.9131L10.9439 11.71C11.0406 11.2705 10.9527 11.1123 10.5132 11.0068L9.83648 10.8838L9.95953 10.3125L13.3961 9.88184ZM12 8.25C11.1716 8.25 10.5 7.57843 10.5 6.75C10.5 5.92157 11.1716 5.25 12 5.25C12.8284 5.25 13.5 5.92157 13.5 6.75C13.5 7.57843 12.8284 8.25 12 8.25Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_353">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/journal-text.svg b/assets/icons/basic/journal-text.svg
new file mode 100644
index 00000000..849e75e0
--- /dev/null
+++ b/assets/icons/basic/journal-text.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 15.75C7.5 15.5511 7.57902 15.3603 7.71967 15.2197C7.86032 15.079 8.05109 15 8.25 15H11.25C11.4489 15 11.6397 15.079 11.7803 15.2197C11.921 15.3603 12 15.5511 12 15.75C12 15.9489 11.921 16.1397 11.7803 16.2803C11.6397 16.421 11.4489 16.5 11.25 16.5H8.25C8.05109 16.5 7.86032 16.421 7.71967 16.2803C7.57902 16.1397 7.5 15.9489 7.5 15.75ZM7.5 12.75C7.5 12.5511 7.57902 12.3603 7.71967 12.2197C7.86032 12.079 8.05109 12 8.25 12H15.75C15.9489 12 16.1397 12.079 16.2803 12.2197C16.421 12.3603 16.5 12.5511 16.5 12.75C16.5 12.9489 16.421 13.1397 16.2803 13.2803C16.1397 13.421 15.9489 13.5 15.75 13.5H8.25C8.05109 13.5 7.86032 13.421 7.71967 13.2803C7.57902 13.1397 7.5 12.9489 7.5 12.75ZM7.5 9.75C7.5 9.55109 7.57902 9.36032 7.71967 9.21967C7.86032 9.07902 8.05109 9 8.25 9H15.75C15.9489 9 16.1397 9.07902 16.2803 9.21967C16.421 9.36032 16.5 9.55109 16.5 9.75C16.5 9.94891 16.421 10.1397 16.2803 10.2803C16.1397 10.421 15.9489 10.5 15.75 10.5H8.25C8.05109 10.5 7.86032 10.421 7.71967 10.2803C7.57902 10.1397 7.5 9.94891 7.5 9.75ZM7.5 6.75C7.5 6.55109 7.57902 6.36032 7.71967 6.21967C7.86032 6.07902 8.05109 6 8.25 6H15.75C15.9489 6 16.1397 6.07902 16.2803 6.21967C16.421 6.36032 16.5 6.55109 16.5 6.75C16.5 6.94891 16.421 7.13968 16.2803 7.28033C16.1397 7.42098 15.9489 7.5 15.75 7.5H8.25C8.05109 7.5 7.86032 7.42098 7.71967 7.28033C7.57902 7.13968 7.5 6.94891 7.5 6.75Z" fill="currentColor"/>
+<path d="M4.5 0H19.5C20.2956 0 21.0587 0.316071 21.6213 0.87868C22.1839 1.44129 22.5 2.20435 22.5 3V21C22.5 21.7956 22.1839 22.5587 21.6213 23.1213C21.0587 23.6839 20.2956 24 19.5 24H4.5C3.70435 24 2.94129 23.6839 2.37868 23.1213C1.81607 22.5587 1.5 21.7956 1.5 21V19.5H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V3C21 2.60218 20.842 2.22064 20.5607 1.93934C20.2794 1.65804 19.8978 1.5 19.5 1.5H4.5C4.10218 1.5 3.72064 1.65804 3.43934 1.93934C3.15804 2.22064 3 2.60218 3 3V4.5H1.5V3C1.5 2.20435 1.81607 1.44129 2.37868 0.87868C2.94129 0.316071 3.70435 0 4.5 0Z" fill="currentColor"/>
+<path d="M1.5 7.5V6.75C1.5 6.55109 1.57902 6.36032 1.71967 6.21967C1.86032 6.07902 2.05109 6 2.25 6C2.44891 6 2.63968 6.07902 2.78033 6.21967C2.92098 6.36032 3 6.55109 3 6.75V7.5H3.75C3.94891 7.5 4.13968 7.57902 4.28033 7.71967C4.42098 7.86032 4.5 8.05109 4.5 8.25C4.5 8.44891 4.42098 8.63968 4.28033 8.78033C4.13968 8.92098 3.94891 9 3.75 9H0.75C0.551088 9 0.360322 8.92098 0.21967 8.78033C0.0790176 8.63968 0 8.44891 0 8.25C0 8.05109 0.0790176 7.86032 0.21967 7.71967C0.360322 7.57902 0.551088 7.5 0.75 7.5H1.5ZM1.5 12V11.25C1.5 11.0511 1.57902 10.8603 1.71967 10.7197C1.86032 10.579 2.05109 10.5 2.25 10.5C2.44891 10.5 2.63968 10.579 2.78033 10.7197C2.92098 10.8603 3 11.0511 3 11.25V12H3.75C3.94891 12 4.13968 12.079 4.28033 12.2197C4.42098 12.3603 4.5 12.5511 4.5 12.75C4.5 12.9489 4.42098 13.1397 4.28033 13.2803C4.13968 13.421 3.94891 13.5 3.75 13.5H0.75C0.551088 13.5 0.360322 13.421 0.21967 13.2803C0.0790176 13.1397 0 12.9489 0 12.75C0 12.5511 0.0790176 12.3603 0.21967 12.2197C0.360322 12.079 0.551088 12 0.75 12H1.5ZM1.5 16.5V15.75C1.5 15.5511 1.57902 15.3603 1.71967 15.2197C1.86032 15.079 2.05109 15 2.25 15C2.44891 15 2.63968 15.079 2.78033 15.2197C2.92098 15.3603 3 15.5511 3 15.75V16.5H3.75C3.94891 16.5 4.13968 16.579 4.28033 16.7197C4.42098 16.8603 4.5 17.0511 4.5 17.25C4.5 17.4489 4.42098 17.6397 4.28033 17.7803C4.13968 17.921 3.94891 18 3.75 18H0.75C0.551088 18 0.360322 17.921 0.21967 17.7803C0.0790176 17.6397 0 17.4489 0 17.25C0 17.0511 0.0790176 16.8603 0.21967 16.7197C0.360322 16.579 0.551088 16.5 0.75 16.5H1.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/lightbulb-fill.svg b/assets/icons/basic/lightbulb-fill.svg
new file mode 100644
index 00000000..bb412ee7
--- /dev/null
+++ b/assets/icons/basic/lightbulb-fill.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 9C3 4.02944 7.02944 0 12 0C16.9706 0 21 4.02944 21 9C21 11.5369 19.9494 13.8297 18.2615 15.4648C17.9571 15.7597 17.7228 16.066 17.5819 16.3931L16.4388 19.0467C16.3203 19.3218 16.0495 19.5 15.75 19.5H8.25C7.95048 19.5 7.67969 19.3218 7.56119 19.0467L6.41809 16.3931C6.27721 16.066 6.04287 15.7597 5.73845 15.4648C4.05059 13.8297 3 11.5369 3 9Z" fill="currentColor"/>
+<path d="M7.5 21.75C7.5 21.3358 7.83579 21 8.25 21H15.75C16.1642 21 16.5 21.3358 16.5 21.75C16.5 22.1642 16.1642 22.5 15.75 22.5L15.4146 23.1708C15.1605 23.679 14.6411 24 14.0729 24H9.92705C9.35889 24 8.8395 23.679 8.58541 23.1708L8.25 22.5C7.83579 22.5 7.5 22.1642 7.5 21.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/link-45deg.svg b/assets/icons/basic/link-45deg.svg
new file mode 100644
index 00000000..475a8f0b
--- /dev/null
+++ b/assets/icons/basic/link-45deg.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.07238 9.8136L5.01474 11.8712C3.25739 13.6286 3.25738 16.4778 5.01474 18.2352C6.7721 19.9926 9.62135 19.9926 11.3787 18.2352L14.1213 15.4926C15.8787 13.7352 15.8787 10.886 14.1213 9.1286C13.7494 8.7567 13.3286 8.4635 12.8796 8.249L12 9.1286C11.9086 9.22007 11.8314 9.32041 11.7685 9.42686C12.2416 9.56243 12.688 9.81657 13.0607 10.1893C14.2323 11.3608 14.2323 13.2603 13.0607 14.4319L10.318 17.1745C9.14647 18.3461 7.24698 18.3461 6.0754 17.1745C4.90383 16.003 4.90383 14.1035 6.0754 12.9319L7.26431 11.743C7.09602 11.1128 7.03205 10.4606 7.07238 9.8136Z" fill="#3B3B3B"/>
+<path d="M9.87871 7.00728C8.12135 8.76464 8.12135 11.6139 9.87871 13.3712C10.2506 13.7431 10.6714 14.0363 11.1204 14.2508L12.2838 13.0874C11.7913 12.9559 11.3258 12.697 10.9394 12.3106C9.76779 11.139 9.76779 9.23952 10.9394 8.06794L13.682 5.3253C14.8536 4.15373 16.7531 4.15373 17.9246 5.3253C19.0962 6.49687 19.0962 8.39637 17.9246 9.56794L16.7357 10.7569C16.904 11.387 16.968 12.0393 16.9277 12.6862L18.9853 10.6286C20.7427 8.87124 20.7427 6.022 18.9853 4.26464C17.2279 2.50728 14.3787 2.50728 12.6213 4.26464L9.87871 7.00728Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/list.svg b/assets/icons/basic/list.svg
new file mode 100644
index 00000000..80f39ab7
--- /dev/null
+++ b/assets/icons/basic/list.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 20C0 19.4477 0.447715 19 1 19H23C23.5523 19 24 19.4477 24 20C24 20.5523 23.5523 21 23 21H1C0.447715 21 0 20.5523 0 20Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 11.4477 0.447715 11 1 11H23C23.5523 11 24 11.4477 24 12C24 12.5523 23.5523 13 23 13H1C0.447715 13 0 12.5523 0 12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 3.44772 0.447715 3 1 3H23C23.5523 3 24 3.44772 24 4C24 4.55228 23.5523 5 23 5H1C0.447715 5 0 4.55228 0 4Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/loader.svg b/assets/icons/basic/loader.svg
new file mode 100644
index 00000000..7cee5d67
--- /dev/null
+++ b/assets/icons/basic/loader.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.592 2.8387C20.3273 2.8387 21.7341 4.2391 21.7341 5.96606C21.7341 7.69342 20.3273 9.09402 18.592 9.09402C16.8569 9.09402 15.45 7.69362 15.45 5.96606C15.45 4.2391 16.8569 2.8387 18.592 2.8387ZM21.4392 10.18C20.0255 10.18 18.8788 11.3214 18.8788 12.7284C18.8788 14.1361 20.0255 15.2771 21.4392 15.2775C22.8533 15.2775 24 14.1361 24 12.7284C23.9998 11.3214 22.8533 10.18 21.4392 10.18ZM18.4705 17.5593C17.4832 17.5593 16.6822 18.3566 16.6822 19.3392C16.6822 20.322 17.4832 21.1193 18.4705 21.1193C19.4577 21.1193 20.2586 20.322 20.2586 19.3392C20.2586 18.3566 19.4577 17.5593 18.4705 17.5593ZM11.6305 20.4396C10.6432 20.4396 9.84224 21.2367 9.84224 22.2195C9.84224 23.2027 10.6432 24 11.6305 24C12.6179 24 13.4186 23.2027 13.4186 22.2195C13.4188 21.2367 12.6181 20.4396 11.6305 20.4396ZM4.64083 17.7462C3.71529 17.7462 2.96517 18.4929 2.96517 19.4142C2.96517 20.3351 3.71529 21.0822 4.64083 21.0822C5.56578 21.0822 6.3161 20.3351 6.3161 19.4142C6.3161 18.4931 5.56578 17.7462 4.64083 17.7462ZM1.78475 10.7173C0.79898 10.7173 0 11.5126 0 12.4939C0 13.4745 0.79898 14.2698 1.78475 14.2698C2.76994 14.2698 3.56892 13.4745 3.56892 12.4939C3.56892 11.5126 2.76974 10.7173 1.78475 10.7173ZM4.64083 3.32542C3.39409 3.32542 2.38281 4.33226 2.38281 5.57329C2.38281 6.81431 3.39409 7.82057 4.64083 7.82057C5.88757 7.82057 6.89846 6.81431 6.89846 5.57329C6.89846 4.33226 5.88757 3.32542 4.64083 3.32542ZM11.6435 0C10.1423 0 8.92436 1.21192 8.92436 2.70608C8.92436 4.20042 10.1423 5.41235 11.6435 5.41235C13.1447 5.41235 14.3622 4.20042 14.3622 2.70608C14.3622 1.21192 13.1447 0 11.6435 0Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/lock.svg b/assets/icons/basic/lock.svg
new file mode 100644
index 00000000..11d69f04
--- /dev/null
+++ b/assets/icons/basic/lock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6667 1.5C12.7983 1.5 13.8835 1.81607 14.6837 2.37868C15.4838 2.94129 15.9333 3.70435 15.9333 4.5V10.5H7.4V4.5C7.4 3.70435 7.84952 2.94129 8.64968 2.37868C9.44983 1.81607 10.5351 1.5 11.6667 1.5ZM18.0667 10.5V4.5C18.0667 3.30653 17.3924 2.16193 16.1922 1.31802C14.9919 0.474106 13.3641 0 11.6667 0C9.96928 0 8.34142 0.474106 7.14118 1.31802C5.94095 2.16193 5.26667 3.30653 5.26667 4.5V10.5C4.13508 10.5 3.04983 10.8161 2.24968 11.3787C1.44952 11.9413 1 12.7044 1 13.5V21C1 21.7956 1.44952 22.5587 2.24968 23.1213C3.04983 23.6839 4.13508 24 5.26667 24H18.0667C19.1983 24 20.2835 23.6839 21.0837 23.1213C21.8838 22.5587 22.3333 21.7956 22.3333 21V13.5C22.3333 12.7044 21.8838 11.9413 21.0837 11.3787C20.2835 10.8161 19.1983 10.5 18.0667 10.5ZM5.26667 12H18.0667C18.6325 12 19.1751 12.158 19.5752 12.4393C19.9752 12.7206 20.2 13.1022 20.2 13.5V21C20.2 21.3978 19.9752 21.7794 19.5752 22.0607C19.1751 22.342 18.6325 22.5 18.0667 22.5H5.26667C4.70087 22.5 4.15825 22.342 3.75817 22.0607C3.3581 21.7794 3.13333 21.3978 3.13333 21V13.5C3.13333 13.1022 3.3581 12.7206 3.75817 12.4393C4.15825 12.158 4.70087 12 5.26667 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/map.svg b/assets/icons/basic/map.svg
new file mode 100644
index 00000000..0fd33b78
--- /dev/null
+++ b/assets/icons/basic/map.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7255 0.17C23.8993 0.312454 24 0.525312 24 0.750006V21.75C24 22.1075 23.7477 22.4153 23.3971 22.4854L15.8971 23.9854C15.8 24.0049 15.7 24.0049 15.6029 23.9854L8.25 22.5149L0.897087 23.9854C0.676756 24.0295 0.448274 23.9725 0.274508 23.83C0.100742 23.6876 0 23.4747 0 23.25V2.25001C0 1.8925 0.252345 1.58468 0.602913 1.51457L8.10291 0.0145709C8.20001 -0.00484834 8.29999 -0.00484834 8.39709 0.0145709L15.75 1.48515L23.1029 0.0145709C23.3232 -0.0294953 23.5517 0.0275458 23.7255 0.17ZM15 2.86486L9 1.66486V21.1352L15 22.3352V2.86486ZM16.5 22.3352L22.5 21.1352V1.66486L16.5 2.86486V22.3352ZM7.5 21.1352V1.66486L1.5 2.86486V22.3352L7.5 21.1352Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/moon.svg b/assets/icons/basic/moon.svg
new file mode 100644
index 00000000..b921d143
--- /dev/null
+++ b/assets/icons/basic/moon.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00045 0.417456C9.27375 0.750653 9.36704 1.25282 9.12105 1.70419C8.28016 3.24711 7.80226 5.01453 7.80226 6.89529C7.80226 12.9259 12.7204 17.809 18.7802 17.809C19.5698 17.809 20.3391 17.7263 21.0801 17.5693C21.5868 17.462 22.0476 17.691 22.2947 18.0429C22.5495 18.406 22.603 18.9477 22.2478 19.3837C19.955 22.1978 16.4472 24 12.5154 24C5.60013 24 0 18.4295 0 11.565C0 6.3987 3.17122 1.96795 7.68531 0.0901317C8.20685 -0.126827 8.71843 0.0736398 9.00045 0.417456ZM7.28696 1.96596C3.8625 3.81343 1.53737 7.41914 1.53737 11.565C1.53737 17.5957 6.45556 22.4788 12.5154 22.4788C15.5693 22.4788 18.3324 21.2397 20.3237 19.2366C19.8177 19.2984 19.3026 19.3303 18.7802 19.3303C11.865 19.3303 6.26489 13.7598 6.26489 6.89529C6.26489 5.14522 6.62918 3.47809 7.28696 1.96596Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/offline.svg b/assets/icons/basic/offline.svg
new file mode 100644
index 00000000..a28209c4
--- /dev/null
+++ b/assets/icons/basic/offline.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.53033 2.46967C3.23744 2.17678 2.76256 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23744 2.46967 3.53033L20.4697 21.5303C20.7626 21.8232 21.2374 21.8232 21.5303 21.5303C21.8232 21.2374 21.8232 20.7626 21.5303 20.4697L3.53033 2.46967Z" fill="currentColor"/>
+<path d="M12 3C10.6362 3 9.44308 3.3626 8.44729 3.95605C8.09148 4.1681 7.97493 4.62845 8.18699 4.98427C8.39904 5.34009 8.85939 5.45663 9.21521 5.24458C9.98285 4.78709 10.9113 4.5 12 4.5C14.9958 4.5 17.6209 6.71881 18.0037 10.5741C18.0403 10.9429 18.3408 11.2297 18.711 11.249C19.6004 11.2953 20.5711 11.5885 21.3003 12.1461C22.0052 12.6852 22.5 13.4777 22.5 14.625C22.5 15.8126 22.0782 16.6088 21.4504 17.1291C21.1315 17.3935 21.0873 17.8663 21.3516 18.1852C21.616 18.5041 22.0888 18.5483 22.4077 18.284C23.4131 17.4506 24 16.2133 24 14.625C24 12.9682 23.2526 11.7507 22.2114 10.9546C21.3799 10.3187 20.3729 9.95721 19.4176 9.81448C18.7522 5.62916 15.6722 3 12 3Z" fill="currentColor"/>
+<path d="M4.63112 9.30108C5.02392 9.16964 5.2358 8.74466 5.10436 8.35185C4.97293 7.95905 4.54794 7.74717 4.15513 7.8786C1.834 8.65529 0 10.5469 0 13.5C0 17.0744 2.93675 19.5 6.375 19.5H15.0173C15.4316 19.5 15.7673 19.1642 15.7673 18.75C15.7673 18.3358 15.4316 18 15.0173 18H6.375C3.62575 18 1.5 16.1131 1.5 13.5C1.5 11.3063 2.80569 9.9119 4.63112 9.30108Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/ovm.svg b/assets/icons/basic/ovm.svg
new file mode 100644
index 00000000..3f5e3ec0
--- /dev/null
+++ b/assets/icons/basic/ovm.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 0L17 3H12.75V4.37859L20.9147 8.5H22.25C22.6642 8.5 23 8.83579 23 9.25L22.9999 12.25C22.9999 12.6642 22.6642 13 22.2499 13H21.4999L21.5 19.5C21.8441 19.5 22.1441 19.7361 22.2276 20.07L22.9776 23.07C23.0336 23.2941 22.9833 23.533 22.8411 23.715C22.699 23.897 22.4809 24 22.25 24H1.74999C1.51904 24 1.30097 23.897 1.15884 23.715C1.01671 23.533 0.966371 23.2941 1.02239 23.07L1.77239 20.07C1.85585 19.7361 2.15584 19.5 2.49999 19.5L2.49994 13H1.74994C1.33573 13 0.999939 12.6642 0.999939 12.25L0.999992 9.25C0.999992 8.83579 1.33578 8.5 1.74999 8.5H3.08526L11.25 4.37858V0H18ZM17.3353 8.5L12 5.5L6.66472 8.5H17.3353ZM3.99994 13L3.99999 19.5H5.49999L5.49994 13H3.99994ZM6.99994 13L6.99999 19.5H9.74999L9.74994 13H6.99994ZM11.2499 13L11.25 19.5H12.75L12.7499 13H11.2499ZM14.2499 13L14.25 19.5H17L16.9999 13H14.2499ZM18.4999 13L18.5 19.5H19.9999V13H18.4999ZM21.5 11.5V10H2.49999V11.5H21.5ZM3.08557 21L2.71057 22.5H21.2894L20.9144 21H3.08557Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/pencil-square.svg b/assets/icons/basic/pencil-square.svg
new file mode 100644
index 00000000..09c3141f
--- /dev/null
+++ b/assets/icons/basic/pencil-square.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.7801 3.16176C23.0733 3.45502 23.0733 3.9305 22.7801 4.22376L21.2137 5.79008L18.2099 2.78626L19.7762 1.21995C20.0695 0.926683 20.545 0.926684 20.8382 1.21995L22.7801 3.16176Z" fill="currentColor"/>
+<path d="M20.1517 6.85209L17.1479 3.84827L6.91543 14.0808C6.83299 14.1632 6.77088 14.2637 6.73401 14.3743L5.52564 17.9994C5.4278 18.2929 5.70705 18.5722 6.00058 18.4744L9.62571 17.266C9.73631 17.2291 9.83681 17.167 9.91924 17.0846L20.1517 6.85209Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 20.5248C1 21.769 2.00864 22.7777 3.25286 22.7777H19.7738C21.0181 22.7777 22.0267 21.769 22.0267 20.5248V11.5134C22.0267 11.0986 21.6905 10.7624 21.2757 10.7624C20.861 10.7624 20.5248 11.0986 20.5248 11.5134V20.5248C20.5248 20.9395 20.1886 21.2757 19.7738 21.2757H3.25286C2.83812 21.2757 2.50191 20.9395 2.50191 20.5248V4.00381C2.50191 3.58907 2.83812 3.25286 3.25286 3.25286H13.0153C13.43 3.25286 13.7662 2.91665 13.7662 2.50191C13.7662 2.08717 13.43 1.75095 13.0153 1.75095H3.25286C2.00864 1.75095 1 2.75959 1 4.00381V20.5248Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person-badge.svg b/assets/icons/basic/person-badge.svg
new file mode 100644
index 00000000..a027dc3e
--- /dev/null
+++ b/assets/icons/basic/person-badge.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75 3C9.33579 3 9 3.33579 9 3.75C9 4.16421 9.33579 4.5 9.75 4.5H14.25C14.6642 4.5 15 4.16421 15 3.75C15 3.33579 14.6642 3 14.25 3H9.75Z" fill="currentColor"/>
+<path d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12Z" fill="currentColor"/>
+<path d="M6.75 0C4.67893 0 3 1.67893 3 3.75V21C3 22.6569 4.34315 24 6 24H18C19.6569 24 21 22.6569 21 21V3.75C21 1.67893 19.3211 0 17.25 0H6.75ZM4.5 3.75C4.5 2.50736 5.50736 1.5 6.75 1.5H17.25C18.4926 1.5 19.5 2.50736 19.5 3.75V19.9425C19.2228 19.7169 18.8428 19.4579 18.3354 19.2042C17.0881 18.5805 15.0942 18 12 18C8.9058 18 6.91194 18.5805 5.66459 19.2042C5.15717 19.4579 4.77716 19.7169 4.5 19.9425V3.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person-fill-bussines.svg b/assets/icons/basic/person-fill-bussines.svg
new file mode 100644
index 00000000..c1ad4d99
--- /dev/null
+++ b/assets/icons/basic/person-fill-bussines.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 6.5C17.5 9.53757 15.0376 12 12 12C8.96243 12 6.5 9.53757 6.5 6.5C6.5 3.46243 8.96243 1 12 1C15.0376 1 17.5 3.46243 17.5 6.5Z" fill="currentColor"/>
+<path d="M1 21.1667C1 23 2.83333 23 2.83333 23H10.1154L11.5 17.5L10.5 15.5C10.5 15.5 11 15 12 15C13 15 13.5 15.5 13.5 15.5L12.5 17.5L13.8846 23H21.1667C21.1667 23 23 23 23 21.1667C23 19.3333 21.1667 13.8333 12 13.8333C2.83333 13.8333 1 19.3333 1 21.1667Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person-fill.svg b/assets/icons/basic/person-fill.svg
new file mode 100644
index 00000000..13dff4d8
--- /dev/null
+++ b/assets/icons/basic/person-fill.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.83333 23C2.83333 23 1 23 1 21.1667C1 19.3333 2.83333 13.8333 12 13.8333C21.1667 13.8333 23 19.3333 23 21.1667C23 23 21.1667 23 21.1667 23H2.83333Z" fill="currentColor"/>
+<path d="M12 12C15.0376 12 17.5 9.53757 17.5 6.5C17.5 3.46243 15.0376 1 12 1C8.96243 1 6.5 3.46243 6.5 6.5C6.5 9.53757 8.96243 12 12 12Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person-search.svg b/assets/icons/basic/person-search.svg
new file mode 100644
index 00000000..a75cff77
--- /dev/null
+++ b/assets/icons/basic/person-search.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 9C11.4853 9 13.5 6.98528 13.5 4.5C13.5 2.01472 11.4853 0 9 0C6.51472 0 4.5 2.01472 4.5 4.5C4.5 6.98528 6.51472 9 9 9ZM12 4.5C12 6.15685 10.6569 7.5 9 7.5C7.34315 7.5 6 6.15685 6 4.5C6 2.84315 7.34315 1.5 9 1.5C10.6569 1.5 12 2.84315 12 4.5Z" fill="currentColor"/>
+<path d="M9.04062 16.4948C9.09791 17.0167 9.21471 17.5208 9.38409 18H1.5C1.5 18 0 18 0 16.5C0 15 1.5 10.5 9 10.5C9.84598 10.5 10.6156 10.5573 11.3154 10.661C10.8547 11.0628 10.4491 11.526 10.1114 12.0381C9.76084 12.0132 9.39073 12 8.99998 12C5.56632 12 3.72653 13.0198 2.74815 13.9982C1.73063 15.0157 1.50214 16.1246 1.5 16.4948H9.04062Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0625 15.7812C21.0625 16.9498 20.683 18.0297 20.0405 18.9044C20.073 18.9284 20.1041 18.9551 20.1335 18.9845L23.262 22.113C23.5793 22.4303 23.5793 22.9447 23.262 23.262C22.9447 23.5793 22.4303 23.5793 22.113 23.262L18.9845 20.1335C18.9551 20.1041 18.9284 20.073 18.9044 20.0405C18.0296 20.6833 16.9501 21.0625 15.7812 21.0625C12.8645 21.0625 10.5 18.698 10.5 15.7812C10.5 12.8645 12.8645 10.5 15.7812 10.5C18.698 10.5 21.0625 12.8645 21.0625 15.7812ZM19.5 15.75C19.5 17.8211 17.8211 19.5 15.75 19.5C13.6789 19.5 12 17.8211 12 15.75C12 13.6789 13.6789 12 15.75 12C17.8211 12 19.5 13.6789 19.5 15.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person-vcard-fill.svg b/assets/icons/basic/person-vcard-fill.svg
new file mode 100644
index 00000000..9e274daa
--- /dev/null
+++ b/assets/icons/basic/person-vcard-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 6C0 5.20435 0.316071 4.44129 0.87868 3.87868C1.44129 3.31607 2.20435 3 3 3H21C21.7956 3 22.5587 3.31607 23.1213 3.87868C23.6839 4.44129 24 5.20435 24 6V18C24 18.7956 23.6839 19.5587 23.1213 20.1213C22.5587 20.6839 21.7956 21 21 21H3C2.20435 21 1.44129 20.6839 0.87868 20.1213C0.316071 19.5587 0 18.7956 0 18V6ZM13.5 8.25C13.5 8.44891 13.579 8.63968 13.7197 8.78033C13.8603 8.92098 14.0511 9 14.25 9H20.25C20.4489 9 20.6397 8.92098 20.7803 8.78033C20.921 8.63968 21 8.44891 21 8.25C21 8.05109 20.921 7.86032 20.7803 7.71967C20.6397 7.57902 20.4489 7.5 20.25 7.5H14.25C14.0511 7.5 13.8603 7.57902 13.7197 7.71967C13.579 7.86032 13.5 8.05109 13.5 8.25ZM13.5 12C13.5 12.1989 13.579 12.3897 13.7197 12.5303C13.8603 12.671 14.0511 12.75 14.25 12.75H20.25C20.4489 12.75 20.6397 12.671 20.7803 12.5303C20.921 12.3897 21 12.1989 21 12C21 11.8011 20.921 11.6103 20.7803 11.4697C20.6397 11.329 20.4489 11.25 20.25 11.25H14.25C14.0511 11.25 13.8603 11.329 13.7197 11.4697C13.579 11.6103 13.5 11.8011 13.5 12ZM15 15.75C15 15.9489 15.079 16.1397 15.2197 16.2803C15.3603 16.421 15.5511 16.5 15.75 16.5H20.25C20.4489 16.5 20.6397 16.421 20.7803 16.2803C20.921 16.1397 21 15.9489 21 15.75C21 15.5511 20.921 15.3603 20.7803 15.2197C20.6397 15.079 20.4489 15 20.25 15H15.75C15.5511 15 15.3603 15.079 15.2197 15.2197C15.079 15.3603 15 15.5511 15 15.75ZM13.5 18.75C13.5 15.8505 10.815 13.5 7.5 13.5C4.371 13.5 1.8 15.597 1.524 18.2715C1.58751 18.6166 1.76997 18.9285 2.03964 19.1529C2.30931 19.3774 2.64914 19.5002 3 19.5H13.44C13.479 19.2555 13.5 19.005 13.5 18.75ZM10.5 9C10.5 8.20435 10.1839 7.44129 9.62132 6.87868C9.05871 6.31607 8.29565 6 7.5 6C6.70435 6 5.94129 6.31607 5.37868 6.87868C4.81607 7.44129 4.5 8.20435 4.5 9C4.5 9.79565 4.81607 10.5587 5.37868 11.1213C5.94129 11.6839 6.70435 12 7.5 12C8.29565 12 9.05871 11.6839 9.62132 11.1213C10.1839 10.5587 10.5 9.79565 10.5 9Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person-vcard.svg b/assets/icons/basic/person-vcard.svg
new file mode 100644
index 00000000..815f033f
--- /dev/null
+++ b/assets/icons/basic/person-vcard.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 12C9.15685 12 10.5 10.6569 10.5 9C10.5 7.34315 9.15685 6 7.5 6C5.84315 6 4.5 7.34315 4.5 9C4.5 10.6569 5.84315 12 7.5 12Z" fill="currentColor"/>
+<path d="M13.5 8.25C13.5 7.83579 13.8358 7.5 14.25 7.5H20.25C20.6642 7.5 21 7.83579 21 8.25C21 8.66421 20.6642 9 20.25 9H14.25C13.8358 9 13.5 8.66421 13.5 8.25Z" fill="currentColor"/>
+<path d="M13.5 12C13.5 11.5858 13.8358 11.25 14.25 11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H14.25C13.8358 12.75 13.5 12.4142 13.5 12Z" fill="currentColor"/>
+<path d="M15 15.75C15 15.3358 15.3358 15 15.75 15H20.25C20.6642 15 21 15.3358 21 15.75C21 16.1642 20.6642 16.5 20.25 16.5H15.75C15.3358 16.5 15 16.1642 15 15.75Z" fill="currentColor"/>
+<path d="M3 3C1.34315 3 0 4.34315 0 6V18C0 19.6569 1.34315 21 3 21H21C22.6569 21 24 19.6569 24 18V6C24 4.34315 22.6569 3 21 3H3ZM1.5 6C1.5 5.17157 2.17157 4.5 3 4.5H21C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H13.4392C13.4793 19.255 13.5 19.0046 13.5 18.75C13.5 15.8505 10.8137 13.5 7.5 13.5C4.37053 13.5 1.80065 15.5964 1.52456 18.2718C1.50843 18.1836 1.5 18.0928 1.5 18V6Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/person.svg b/assets/icons/basic/person.svg
new file mode 100644
index 00000000..761c102f
--- /dev/null
+++ b/assets/icons/basic/person.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.1667 23C21.1667 23 23 23 23 21.1667C23 19.3333 21.1667 13.8333 12 13.8333C2.83333 13.8333 1 19.3333 1 21.1667C1 23 2.83333 23 2.83333 23H21.1667ZM2.85837 21.5C2.84677 21.4991 2.82379 21.4968 2.79347 21.4918C2.71984 21.4795 2.64458 21.4577 2.58749 21.4292C2.56174 21.4163 2.54717 21.4058 2.54035 21.4001C2.53709 21.3974 2.53556 21.3957 2.53512 21.3952L2.53453 21.3945C2.53443 21.3944 2.53319 21.3925 2.53113 21.3881C2.52907 21.3836 2.52531 21.3746 2.52106 21.3597C2.5128 21.3308 2.5 21.2701 2.5 21.1667C2.5 20.6351 2.80915 19.1872 4.12316 17.8732C5.39321 16.6031 7.733 15.3333 12 15.3333C16.267 15.3333 18.6068 16.6031 19.8768 17.8732C21.1909 19.1872 21.5 20.6351 21.5 21.1667C21.5 21.2701 21.4872 21.3308 21.4789 21.3597C21.4747 21.3746 21.4709 21.3836 21.4689 21.3881C21.4679 21.3903 21.467 21.3918 21.4665 21.3929C21.4659 21.3939 21.4655 21.3944 21.4655 21.3945L21.4649 21.3952C21.4644 21.3957 21.4629 21.3974 21.4596 21.4001C21.4528 21.4058 21.4383 21.4163 21.4125 21.4292C21.3554 21.4577 21.2802 21.4795 21.2065 21.4918C21.1762 21.4968 21.1532 21.4991 21.1416 21.5H2.85837ZM12 10.5C14.2091 10.5 16 8.70914 16 6.5C16 4.29086 14.2091 2.5 12 2.5C9.79086 2.5 8 4.29086 8 6.5C8 8.70914 9.79086 10.5 12 10.5ZM17.5 6.5C17.5 9.53757 15.0376 12 12 12C8.96243 12 6.5 9.53757 6.5 6.5C6.5 3.46243 8.96243 1 12 1C15.0376 1 17.5 3.46243 17.5 6.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/phone.svg b/assets/icons/basic/phone.svg
new file mode 100644
index 00000000..64654adf
--- /dev/null
+++ b/assets/icons/basic/phone.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_384)">
+<path d="M5.48081 1.99274C5.10515 1.50974 4.39117 1.46529 3.95851 1.89796L2.40762 3.44884C1.68241 4.17406 1.4158 5.20148 1.73265 6.1027C3.00506 9.72185 5.08823 13.1201 7.98408 16.0159C10.8799 18.9118 14.2781 20.9949 17.8973 22.2673C18.7985 22.5842 19.8259 22.3176 20.5512 21.5924L22.102 20.0415C22.5347 19.6088 22.4903 18.8949 22.0073 18.5192L18.548 15.8286C18.3012 15.6367 17.98 15.5689 17.6767 15.6447L14.3931 16.4656C13.5012 16.6886 12.5577 16.4273 11.9077 15.7772L8.22281 12.0923C7.57274 11.4423 7.31141 10.4988 7.53438 9.60689L8.35528 6.32329C8.43109 6.02004 8.36328 5.69876 8.17137 5.45202L5.48081 1.99274ZM2.82716 0.766614C3.94033 -0.346558 5.77724 -0.232196 6.74375 1.01045L9.4343 4.46974C9.92805 5.10456 10.1025 5.93113 9.90747 6.71134L9.08657 9.99494C8.99991 10.3416 9.10148 10.7083 9.35415 10.961L13.039 14.6458C13.2917 14.8985 13.6584 15.0001 14.0051 14.9134L17.2887 14.0925C18.0689 13.8975 18.8954 14.072 19.5303 14.5657L22.9895 17.2563C24.2322 18.2228 24.3466 20.0597 23.2334 21.1728L21.6825 22.7237C20.5729 23.8333 18.9133 24.3205 17.3666 23.7767C13.5263 22.4266 9.92157 20.2161 6.85273 17.1473C3.78389 14.0784 1.57342 10.4737 0.223257 6.63337C-0.320524 5.08669 0.166695 3.42708 1.27627 2.3175L2.82716 0.766614Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_384">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/plus-circle.svg b/assets/icons/basic/plus-circle.svg
new file mode 100644
index 00000000..0278fa69
--- /dev/null
+++ b/assets/icons/basic/plus-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="currentColor"/>
+<path d="M12 6C12.4142 6 12.75 6.33579 12.75 6.75V11.25H17.25C17.6642 11.25 18 11.5858 18 12C18 12.4142 17.6642 12.75 17.25 12.75H12.75V17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25V12.75H6.75C6.33579 12.75 6 12.4142 6 12C6 11.5858 6.33579 11.25 6.75 11.25H11.25V6.75C11.25 6.33579 11.5858 6 12 6Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/plus-lg.svg b/assets/icons/basic/plus-lg.svg
new file mode 100644
index 00000000..7c8b7351
--- /dev/null
+++ b/assets/icons/basic/plus-lg.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_402)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C12.5523 0 13 0.447715 13 1V11H23C23.5523 11 24 11.4477 24 12C24 12.5523 23.5523 13 23 13H13V23C13 23.5523 12.5523 24 12 24C11.4477 24 11 23.5523 11 23V13H1C0.447715 13 0 12.5523 0 12C0 11.4477 0.447715 11 1 11H11V1C11 0.447715 11.4477 0 12 0Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_402">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/plus.svg b/assets/icons/basic/plus.svg
new file mode 100644
index 00000000..71ee1405
--- /dev/null
+++ b/assets/icons/basic/plus.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6C12.4142 6 12.75 6.33579 12.75 6.75V11.25H17.25C17.6642 11.25 18 11.5858 18 12C18 12.4142 17.6642 12.75 17.25 12.75H12.75V17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25V12.75H6.75C6.33579 12.75 6 12.4142 6 12C6 11.5858 6.33579 11.25 6.75 11.25H11.25V6.75C11.25 6.33579 11.5858 6 12 6Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/printer.svg b/assets/icons/basic/printer.svg
new file mode 100644
index 00000000..bc9950e2
--- /dev/null
+++ b/assets/icons/basic/printer.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 12C4.16421 12 4.5 11.6642 4.5 11.25C4.5 10.8358 4.16421 10.5 3.75 10.5C3.33579 10.5 3 10.8358 3 11.25C3 11.6642 3.33579 12 3.75 12Z" fill="currentColor"/>
+<path d="M7.5 1.5C5.84315 1.5 4.5 2.84315 4.5 4.5V7.5H3C1.34315 7.5 0 8.84315 0 10.5V15C0 16.6569 1.34315 18 3 18H4.5V19.5C4.5 21.1569 5.84315 22.5 7.5 22.5H16.5C18.1569 22.5 19.5 21.1569 19.5 19.5V18H21C22.6569 18 24 16.6569 24 15V10.5C24 8.84315 22.6569 7.5 21 7.5H19.5V4.5C19.5 2.84315 18.1569 1.5 16.5 1.5H7.5ZM6 4.5C6 3.67157 6.67157 3 7.5 3H16.5C17.3284 3 18 3.67157 18 4.5V7.5H6V4.5ZM7.5 12C5.84315 12 4.5 13.3431 4.5 15V16.5H3C2.17157 16.5 1.5 15.8284 1.5 15V10.5C1.5 9.67157 2.17157 9 3 9H21C21.8284 9 22.5 9.67157 22.5 10.5V15C22.5 15.8284 21.8284 16.5 21 16.5H19.5V15C19.5 13.3431 18.1569 12 16.5 12H7.5ZM18 15V19.5C18 20.3284 17.3284 21 16.5 21H7.5C6.67157 21 6 20.3284 6 19.5V15C6 14.1716 6.67157 13.5 7.5 13.5H16.5C17.3284 13.5 18 14.1716 18 15Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/qr-code-scan-simple.svg b/assets/icons/basic/qr-code-scan-simple.svg
new file mode 100644
index 00000000..f33ea9cf
--- /dev/null
+++ b/assets/icons/basic/qr-code-scan-simple.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 2C3.34315 2 2 3.34315 2 5V7C2 7.55228 1.55228 8 1 8C0.447715 8 0 7.55228 0 7V5C0 2.23858 2.23858 0 5 0H7C7.55228 0 8 0.447715 8 1C8 1.55228 7.55228 2 7 2H5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 22C3.34315 22 2 20.6569 2 19V17C2 16.4477 1.55228 16 1 16C0.447715 16 0 16.4477 0 17V19C0 21.7614 2.23858 24 5 24H7C7.55228 24 8 23.5523 8 23C8 22.4477 7.55228 22 7 22H5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 2C20.6569 2 22 3.34315 22 5V7C22 7.55228 22.4477 8 23 8C23.5523 8 24 7.55228 24 7V5C24 2.23858 21.7614 0 19 0H17C16.4477 0 16 0.447715 16 1C16 1.55228 16.4477 2 17 2H19Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 22C20.6569 22 22 20.6569 22 19V17C22 16.4477 22.4477 16 23 16C23.5523 16 24 16.4477 24 17V19C24 21.7614 21.7614 24 19 24H17C16.4477 24 16 23.5523 16 23C16 22.4477 16.4477 22 17 22H19Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/qr-code-scan.svg b/assets/icons/basic/qr-code-scan.svg
new file mode 100644
index 00000000..229daa46
--- /dev/null
+++ b/assets/icons/basic/qr-code-scan.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0.75C0 0.551088 0.0790176 0.360322 0.21967 0.21967C0.360322 0.0790176 0.551088 0 0.75 0L5.25 0C5.44891 0 5.63968 0.0790176 5.78033 0.21967C5.92098 0.360322 6 0.551088 6 0.75C6 0.948912 5.92098 1.13968 5.78033 1.28033C5.63968 1.42098 5.44891 1.5 5.25 1.5H1.5V5.25C1.5 5.44891 1.42098 5.63968 1.28033 5.78033C1.13968 5.92098 0.948912 6 0.75 6C0.551088 6 0.360322 5.92098 0.21967 5.78033C0.0790176 5.63968 0 5.44891 0 5.25V0.75ZM18 0.75C18 0.551088 18.079 0.360322 18.2197 0.21967C18.3603 0.0790176 18.5511 0 18.75 0L23.25 0C23.4489 0 23.6397 0.0790176 23.7803 0.21967C23.921 0.360322 24 0.551088 24 0.75V5.25C24 5.44891 23.921 5.63968 23.7803 5.78033C23.6397 5.92098 23.4489 6 23.25 6C23.0511 6 22.8603 5.92098 22.7197 5.78033C22.579 5.63968 22.5 5.44891 22.5 5.25V1.5H18.75C18.5511 1.5 18.3603 1.42098 18.2197 1.28033C18.079 1.13968 18 0.948912 18 0.75ZM0.75 18C0.948912 18 1.13968 18.079 1.28033 18.2197C1.42098 18.3603 1.5 18.5511 1.5 18.75V22.5H5.25C5.44891 22.5 5.63968 22.579 5.78033 22.7197C5.92098 22.8603 6 23.0511 6 23.25C6 23.4489 5.92098 23.6397 5.78033 23.7803C5.63968 23.921 5.44891 24 5.25 24H0.75C0.551088 24 0.360322 23.921 0.21967 23.7803C0.0790176 23.6397 0 23.4489 0 23.25V18.75C0 18.5511 0.0790176 18.3603 0.21967 18.2197C0.360322 18.079 0.551088 18 0.75 18ZM23.25 18C23.4489 18 23.6397 18.079 23.7803 18.2197C23.921 18.3603 24 18.5511 24 18.75V23.25C24 23.4489 23.921 23.6397 23.7803 23.7803C23.6397 23.921 23.4489 24 23.25 24H18.75C18.5511 24 18.3603 23.921 18.2197 23.7803C18.079 23.6397 18 23.4489 18 23.25C18 23.0511 18.079 22.8603 18.2197 22.7197C18.3603 22.579 18.5511 22.5 18.75 22.5H22.5V18.75C22.5 18.5511 22.579 18.3603 22.7197 18.2197C22.8603 18.079 23.0511 18 23.25 18ZM6 6H7.5V7.5H6V6Z" fill="currentColor"/>
+<path d="M10.5 3H3V10.5H10.5V3ZM4.5 4.5H9V9H4.5V4.5ZM7.5 16.5H6V18H7.5V16.5Z" fill="currentColor"/>
+<path d="M10.5 13.5H3V21H10.5V13.5ZM4.5 15H9V19.5H4.5V15ZM16.5 6H18V7.5H16.5V6Z" fill="currentColor"/>
+<path d="M13.5 3H21V10.5H13.5V3ZM15 4.5V9H19.5V4.5H15ZM12 12V15H13.5V16.5H12V18H15V15H16.5V18H18V16.5H21V15H16.5V12H12ZM15 15H13.5V13.5H15V15ZM21 18H19.5V19.5H16.5V21H21V18ZM15 21V19.5H12V21H15Z" fill="currentColor"/>
+<path d="M18 13.5H21V12H18V13.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/qr-code.svg b/assets/icons/basic/qr-code.svg
new file mode 100644
index 00000000..ad6d3164
--- /dev/null
+++ b/assets/icons/basic/qr-code.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3H6V6H3V3Z" fill="currentColor"/>
+<path d="M9 0V9H0V0H9ZM7.5 1.5H1.5V7.5H7.5V1.5ZM6 18H3V21H6V18Z" fill="currentColor"/>
+<path d="M9 15V24H0V15H9ZM1.5 16.5V22.5H7.5V16.5H1.5ZM18 3H21V6H18V3Z" fill="currentColor"/>
+<path d="M15 0V9H24V0H15ZM22.5 1.5V7.5H16.5V1.5H22.5ZM12 1.5V0H13.5V3H12V6H10.5V1.5H12ZM12 9V6H13.5V9H12ZM9 12V10.5H10.5V9H12V12H13.5V10.5H21V12H15V13.5H10.5V12H9ZM9 12V13.5H3V12H1.5V13.5H0V10.5H4.5V12H9ZM24 13.5H22.5V10.5H24V13.5ZM22.5 13.5H21V16.5H24V15H22.5V13.5ZM16.5 13.5H19.5V15H18V16.5H16.5V13.5ZM19.5 18V16.5H18V18H16.5V19.5H13.5V21H18V18H19.5ZM19.5 18H24V19.5H21V21H19.5V18ZM13.5 16.5V18H15V15H10.5V16.5H13.5Z" fill="currentColor"/>
+<path d="M10.5 18H12V22.5H18V24H10.5V18ZM24 21V24H19.5V22.5H22.5V21H24Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/question-circle-fill.svg b/assets/icons/basic/question-circle-fill.svg
new file mode 100644
index 00000000..f61e24bc
--- /dev/null
+++ b/assets/icons/basic/question-circle-fill.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM8.2445 9.04907H9.48123C9.68834 9.04907 9.85302 8.88019 9.88084 8.67496C10.0143 7.69077 10.6898 6.97339 11.8938 6.97339C12.9221 6.97339 13.8648 7.48755 13.8648 8.72534C13.8648 9.67749 13.303 10.1155 12.4175 10.782C11.4082 11.5151 10.6084 12.3721 10.6656 13.7622L10.67 14.0874C10.6728 14.2925 10.8399 14.4573 11.045 14.4573H12.2615C12.4686 14.4573 12.6365 14.2894 12.6365 14.0823V13.9241C12.6365 12.8481 13.0459 12.5339 14.1504 11.696C15.0645 11.001 16.0166 10.2297 16.0166 8.61108C16.0166 6.34497 14.1028 5.25 12.0081 5.25C10.1075 5.25 8.02446 6.13592 7.88267 8.67922C7.87128 8.88355 8.03986 9.04907 8.2445 9.04907ZM11.732 18.7134C12.646 18.7134 13.2744 18.123 13.2744 17.3232C13.2744 16.4949 12.646 15.9141 11.732 15.9141C10.856 15.9141 10.218 16.4949 10.218 17.3232C10.218 18.123 10.856 18.7134 11.732 18.7134Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/assets/icons/basic/question-circle.svg b/assets/icons/basic/question-circle.svg
new file mode 100644
index 00000000..79351a40
--- /dev/null
+++ b/assets/icons/basic/question-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="currentColor"/>
+<path d="M7.88267 8.67922C7.87128 8.88355 8.03986 9.04907 8.2445 9.04907H9.48123C9.68834 9.04907 9.85302 8.88019 9.88084 8.67496C10.0143 7.69077 10.6898 6.97339 11.8938 6.97339C12.9221 6.97339 13.8648 7.48755 13.8648 8.72534C13.8648 9.67749 13.303 10.1155 12.4175 10.782C11.4082 11.5151 10.6084 12.3721 10.6656 13.7622L10.67 14.0874C10.6728 14.2925 10.8399 14.4573 11.045 14.4573H12.2615C12.4686 14.4573 12.6365 14.2894 12.6365 14.0823V13.9241C12.6365 12.8481 13.0459 12.5339 14.1504 11.696C15.0645 11.001 16.0166 10.2297 16.0166 8.61108C16.0166 6.34497 14.1028 5.25 12.0081 5.25C10.1075 5.25 8.02446 6.13592 7.88267 8.67922ZM10.218 17.3232C10.218 18.123 10.856 18.7134 11.732 18.7134C12.646 18.7134 13.2744 18.123 13.2744 17.3232C13.2744 16.4949 12.646 15.9141 11.732 15.9141C10.856 15.9141 10.218 16.4949 10.218 17.3232Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/reply-all.svg b/assets/icons/basic/reply-all.svg
new file mode 100644
index 00000000..d5ca4853
--- /dev/null
+++ b/assets/icons/basic/reply-all.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1466 7.51934C12.286 7.45691 12.4499 7.55852 12.4499 7.72014V9.45006C12.4499 9.86427 12.7857 10.2001 13.1999 10.2001C14.2005 10.2001 16.2194 10.2079 18.1513 11.4334C19.6259 12.3688 21.1361 14.0729 22.0422 17.2475C20.5115 15.7721 18.7643 14.9737 17.2349 14.5492C16.1048 14.2356 15.0885 14.1239 14.3533 14.0903C13.985 14.0735 13.6851 14.0762 13.4742 14.0834C13.3687 14.087 13.2853 14.0917 13.2264 14.0957C13.197 14.0977 13.1737 14.0995 13.1569 14.1009L13.1366 14.1027L13.1301 14.1033L13.1278 14.1035C13.1278 14.1035 13.1261 14.1037 13.1999 14.8501L13.1261 14.1037C12.7424 14.1416 12.4499 14.4644 12.4499 14.8501V16.58C12.4499 16.7416 12.286 16.8432 12.1466 16.7808L6.17131 12.3816C6.15075 12.3664 6.12943 12.3524 6.10743 12.3394C5.9641 12.2549 5.9641 12.0452 6.10743 11.9607C6.12943 11.9477 6.15075 11.9337 6.17131 11.9185L12.1466 7.51934ZM13.9499 15.5787C14.0519 15.5801 14.1639 15.5832 14.2848 15.5887C14.9348 15.6184 15.8357 15.7176 16.8337 15.9946C18.8236 16.5469 21.1791 17.7969 22.7443 20.6143C22.9187 20.9283 23.2913 21.0745 23.6328 20.963C23.9743 20.8515 24.1887 20.5135 24.1441 20.157C23.4484 14.5914 21.3154 11.6642 18.9548 10.1667C17.0857 8.98108 15.1638 8.75388 13.9499 8.71036V7.72014C13.9499 6.377 12.4958 5.57085 11.3629 6.23849C11.3409 6.25146 11.3196 6.26553 11.299 6.28067L5.30877 10.6909C4.23032 11.3616 4.23032 12.9385 5.30876 13.6092L11.299 18.0194C11.3196 18.0346 11.3409 18.0487 11.3629 18.0616C12.4958 18.7293 13.9499 17.9231 13.9499 16.58V15.5787Z" fill="currentColor"/>
+<path d="M7.84767 6.43998C7.60209 6.10642 7.1326 6.0351 6.79904 6.28067L0.80878 10.6909C-0.269671 11.3616 -0.269674 12.9385 0.808768 13.6092L6.79904 18.0194C7.1326 18.265 7.60209 18.1937 7.84767 17.8601C8.09325 17.5266 8.02192 17.0571 7.68836 16.8115L1.67132 12.3816C1.65076 12.3665 1.62944 12.3524 1.60744 12.3394C1.4641 12.2549 1.4641 12.0452 1.60744 11.9607C1.62944 11.9477 1.65076 11.9337 1.67132 11.9185L7.68836 7.48861C8.02192 7.24303 8.09325 6.77355 7.84767 6.43998Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/reply.svg b/assets/icons/basic/reply.svg
new file mode 100644
index 00000000..aacd13c1
--- /dev/null
+++ b/assets/icons/basic/reply.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.89661 7.51934C10.036 7.45691 10.1999 7.55852 10.1999 7.72014V9.45006C10.1999 9.86427 10.5357 10.2001 10.9499 10.2001C11.9506 10.2001 13.9694 10.2079 15.9013 11.4334C17.3759 12.3688 18.8861 14.0729 19.7922 17.2475C18.2615 15.7721 16.5143 14.9737 14.9849 14.5492C13.8548 14.2356 12.8385 14.1239 12.1033 14.0903C11.735 14.0735 11.4351 14.0762 11.2242 14.0834C11.1187 14.087 11.0353 14.0917 10.9764 14.0957C10.947 14.0977 10.9237 14.0995 10.9069 14.1009L10.8866 14.1027L10.8801 14.1033L10.8778 14.1035C10.8778 14.1035 10.8761 14.1037 10.9499 14.8501L10.8761 14.1037C10.4924 14.1416 10.1999 14.4644 10.1999 14.8501V16.58C10.1999 16.7416 10.036 16.8432 9.89662 16.7808L3.92132 12.3816C3.90076 12.3664 3.87944 12.3524 3.85744 12.3394C3.7141 12.2549 3.7141 12.0452 3.85744 11.9607C3.87944 11.9477 3.90076 11.9337 3.92132 11.9185L9.89661 7.51934ZM11.6999 15.5787C11.8019 15.5801 11.9139 15.5832 12.0348 15.5887C12.6848 15.6184 13.5857 15.7176 14.5837 15.9946C16.5736 16.5469 18.9291 17.7969 20.4943 20.6143C20.6688 20.9283 21.0414 21.0745 21.3828 20.963C21.7243 20.8515 21.9387 20.5135 21.8941 20.157C21.1984 14.5914 19.0654 11.6642 16.7048 10.1667C14.8357 8.98108 12.9138 8.75388 11.6999 8.71036V7.72014C11.6999 6.377 10.2458 5.57085 9.11291 6.23849C9.09092 6.25146 9.0696 6.26553 9.04904 6.28067L3.05878 10.6909C1.98033 11.3616 1.98033 12.9385 3.05877 13.6092L9.04904 18.0194C9.0696 18.0346 9.09092 18.0487 9.11291 18.0616C10.2458 18.7293 11.6999 17.9231 11.6999 16.58V15.5787Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/save.svg b/assets/icons/basic/save.svg
new file mode 100644
index 00000000..fb67da27
--- /dev/null
+++ b/assets/icons/basic/save.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5698_9541)">
+<path d="M3 1.5C2.17157 1.5 1.5 2.17157 1.5 3V21C1.5 21.8284 2.17157 22.5 3 22.5H21C21.8284 22.5 22.5 21.8284 22.5 21V3C22.5 2.17157 21.8284 1.5 21 1.5H14.25C13.4216 1.5 12.75 2.17157 12.75 3V13.9393L16.7197 9.96967C17.0126 9.67678 17.4874 9.67678 17.7803 9.96967C18.0732 10.2626 18.0732 10.7374 17.7803 11.0303L12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L6.21967 11.0303C5.92678 10.7374 5.92678 10.2626 6.21967 9.96967C6.51256 9.67678 6.98744 9.67678 7.28033 9.96967L11.25 13.9393V3C11.25 1.34315 12.5931 0 14.25 0H21C22.6569 0 24 1.34315 24 3V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V3C0 1.34315 1.34315 0 3 0H6.75C7.16421 0 7.5 0.335786 7.5 0.75C7.5 1.16421 7.16421 1.5 6.75 1.5H3Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_5698_9541">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/search.svg b/assets/icons/basic/search.svg
new file mode 100644
index 00000000..feffd205
--- /dev/null
+++ b/assets/icons/basic/search.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_418)">
+<path d="M17.6132 15.5158C18.7994 13.901 19.5 11.9073 19.5 9.75C19.5 4.36522 15.1348 0 9.75 0C4.36522 0 0 4.36522 0 9.75C0 15.1348 4.36522 19.5 9.75 19.5C11.9079 19.5 13.902 18.799 15.5171 17.6123L15.5158 17.6132C15.5601 17.6732 15.6093 17.7307 15.6636 17.785L21.4393 23.5607C22.0251 24.1465 22.9749 24.1465 23.5607 23.5607C24.1465 22.9749 24.1465 22.0251 23.5607 21.4393L17.785 15.6636C17.7307 15.6093 17.6732 15.5601 17.6132 15.5158ZM18 9.75C18 14.3063 14.3063 18 9.75 18C5.19365 18 1.5 14.3063 1.5 9.75C1.5 5.19365 5.19365 1.5 9.75 1.5C14.3063 1.5 18 5.19365 18 9.75Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_418">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/send-fill.svg b/assets/icons/basic/send-fill.svg
new file mode 100644
index 00000000..960338b1
--- /dev/null
+++ b/assets/icons/basic/send-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3913)">
+<path d="M23.9464 1.02856C24.0578 0.750002 23.9925 0.431839 23.7803 0.219692C23.5682 0.00754483 23.25 -0.0577607 22.9715 0.0536643L1.1508 8.78193L1.14861 8.78281L0.471467 9.05366C0.210206 9.15817 0.0294217 9.40012 0.00325917 9.68029C-0.0229034 9.96046 0.109958 10.2317 0.347354 10.3828L0.961783 10.7738L0.964629 10.7756L8.45675 15.5433L13.2244 23.0354L13.2267 23.039L13.6173 23.6527C13.7683 23.8901 14.0396 24.0229 14.3197 23.9968C14.5999 23.9706 14.8419 23.7898 14.9464 23.5286L23.9464 1.02856ZM21.1966 3.86405L9.95575 15.1049L9.63276 14.5974C9.57382 14.5048 9.49528 14.4262 9.40267 14.3673L8.89508 14.0443L20.1359 2.80343L21.9037 2.09631L21.1966 3.86405Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3913">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/send.svg b/assets/icons/basic/send.svg
new file mode 100644
index 00000000..cdf48daf
--- /dev/null
+++ b/assets/icons/basic/send.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3933)">
+<path d="M23.7803 0.219692C23.9925 0.431839 24.0578 0.750002 23.9463 1.02856L15.2181 22.8492C14.8776 23.7004 13.7166 23.8088 13.2244 23.0354L8.45673 15.5433L0.964618 10.7756C0.191195 10.2834 0.299606 9.1224 1.15079 8.78193L22.9714 0.0536643C23.25 -0.0577607 23.5682 0.00754483 23.7803 0.219692ZM9.95574 15.1049L14.0971 21.6128L21.1966 3.86408L9.95574 15.1049ZM20.1359 2.80342L2.38721 9.90291L8.89508 14.0443L20.1359 2.80342Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3933">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/shield-plus.svg b/assets/icons/basic/shield-plus.svg
new file mode 100644
index 00000000..ee99e0d5
--- /dev/null
+++ b/assets/icons/basic/shield-plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00691 2.38626C6.37792 2.82783 4.72821 3.34987 3.75183 3.66847C3.4832 3.75613 3.29456 3.98875 3.25914 4.25458C2.42833 10.4893 4.34795 15.04 6.63846 18.0364C7.78845 19.5409 9.03273 20.6536 10.07 21.3851C10.5891 21.7511 11.048 22.0158 11.4086 22.1855C11.5891 22.2705 11.7367 22.3278 11.8489 22.3625C11.9412 22.3911 11.9887 22.3979 12 22.3995C12.0113 22.3979 12.0588 22.3911 12.1511 22.3625C12.2633 22.3278 12.4109 22.2705 12.5914 22.1855C12.952 22.0158 13.4109 21.7511 13.93 21.3851C14.9673 20.6536 16.2115 19.5409 17.3615 18.0364C19.652 15.04 21.5717 10.4893 20.7409 4.25458C20.7054 3.98875 20.5168 3.75613 20.2482 3.66847C19.2718 3.34987 17.6221 2.82783 15.9931 2.38626C14.3275 1.93478 12.7963 1.6 12 1.6C11.2037 1.6 9.67246 1.93478 8.00691 2.38626ZM7.60749 0.839479C9.23608 0.398015 10.9658 0 12 0C13.0342 0 14.7639 0.398015 16.3925 0.839479C18.0577 1.29085 19.7353 1.82191 20.7221 2.14392C21.5456 2.41265 22.1685 3.14039 22.2882 4.03814C23.1831 10.7541 21.1079 15.7303 18.591 19.023C17.3373 20.6631 15.9746 21.8855 14.8154 22.7031C14.2361 23.1115 13.6993 23.4248 13.2434 23.6394C12.8222 23.8377 12.3716 24 12 24C11.6284 24 11.1778 23.8377 10.7566 23.6394C10.3007 23.4248 9.76386 23.1115 9.18464 22.7031C8.02536 21.8855 6.66274 20.6631 5.409 19.023C2.89206 15.7303 0.816912 10.7541 1.71185 4.03814C1.83148 3.14039 2.45438 2.41265 3.27792 2.14393C4.26474 1.82191 5.94234 1.29085 7.60749 0.839479Z" fill="currentColor"/>
+<path d="M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5V9.75H15C15.4142 9.75 15.75 10.0858 15.75 10.5C15.75 10.9142 15.4142 11.25 15 11.25H12.75V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V11.25H9C8.58579 11.25 8.25 10.9142 8.25 10.5C8.25 10.0858 8.58579 9.75 9 9.75H11.25V7.5C11.25 7.08579 11.5858 6.75 12 6.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/sigma.svg b/assets/icons/basic/sigma.svg
new file mode 100644
index 00000000..c29b2893
--- /dev/null
+++ b/assets/icons/basic/sigma.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.50272 1.5H19.5027V3.25C19.5027 3.66421 19.8385 4 20.2527 4V4C20.6669 4 21.0027 3.66421 21.0027 3.25V1.5C21.0027 0.671573 20.3311 0 19.5027 0H4.50272C3.26666 0 2.56108 1.41115 3.30272 2.4L9.82772 11.1C10.2277 11.6333 10.2277 12.3667 9.82772 12.9L3.30272 21.6C2.56108 22.5889 3.26666 24 4.50272 24H19.5027C20.3311 24 21.0027 23.3284 21.0027 22.5V20.75C21.0027 20.3358 20.6669 20 20.2527 20V20C19.8385 20 19.5027 20.3358 19.5027 20.75V22.5H4.50272L11.0277 13.8C11.8277 12.7333 11.8277 11.2667 11.0277 10.2L4.50272 1.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/sign-stop.svg b/assets/icons/basic/sign-stop.svg
new file mode 100644
index 00000000..3d912b43
--- /dev/null
+++ b/assets/icons/basic/sign-stop.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.74041 15.1187C3.34295 15.1187 2.56951 14.3804 2.4992 13.4224H3.47918C3.57586 13.9409 4.07244 14.2969 4.81512 14.2969C5.60174 14.2969 6.05877 13.9277 6.05877 13.3652C6.05877 12.9126 5.75555 12.6665 5.10516 12.5083L4.12078 12.2622C3.20672 12.0425 2.65301 11.4976 2.65301 10.645C2.65301 9.58594 3.54949 8.86963 4.81951 8.86963C6.09832 8.86963 6.89813 9.58154 6.97283 10.5H6.00604C5.90936 10.021 5.47869 9.68701 4.81072 9.68701C4.1032 9.68701 3.65496 10.0562 3.65496 10.5879C3.65496 10.979 3.94939 11.2427 4.48553 11.3701L5.46551 11.6118C6.47625 11.8579 7.05633 12.3413 7.05633 13.2773C7.05633 14.3804 6.195 15.1187 4.74041 15.1187Z" fill="currentColor"/>
+<path d="M9.88043 9.854V15H8.88287V9.854H7.12945V9.00146H11.6382V9.854H9.88043Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5673 11.5942V12.4116C16.5673 14.1079 15.6137 15.1187 14.0756 15.1187C12.5375 15.1187 11.5795 14.1079 11.5795 12.4116V11.5942C11.5795 9.88916 12.5375 8.88281 14.0756 8.88281C15.6137 8.88281 16.5673 9.89355 16.5673 11.5942ZM15.5566 12.416V11.5854C15.5566 10.3462 14.9238 9.73535 14.0756 9.73535C13.2187 9.73535 12.5903 10.3462 12.5903 11.5854V12.416C12.5903 13.6597 13.2187 14.2705 14.0756 14.2705C14.9238 14.2705 15.5566 13.6597 15.5566 12.416Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2821 9.00146H19.5848C20.8153 9.00146 21.5579 9.82764 21.5579 10.9395C21.5579 12.0601 20.8065 12.873 19.576 12.873H18.2796V15H17.2821V9.00146ZM19.4354 12.0557C20.1297 12.0557 20.5384 11.647 20.5384 10.9395C20.5384 10.2319 20.1297 9.82764 19.4354 9.82764H18.2752V12.0557H19.4354Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.3401 0C7.14118 0 6.95042 0.0790176 6.80977 0.21967L0.21967 6.80977C0.0790176 6.95042 0 7.14118 0 7.3401V16.6599C0 16.8588 0.0790176 17.0496 0.21967 17.1902L6.80977 23.7803C6.95042 23.921 7.14118 24 7.3401 24H16.6599C16.8588 24 17.0496 23.921 17.1902 23.7803L23.7803 17.1902C23.921 17.0496 24 16.8588 24 16.6599V7.3401C24 7.14118 23.921 6.95042 23.7803 6.80977L17.1902 0.21967C17.0496 0.0790176 16.8588 0 16.6599 0H7.3401ZM1.5 7.65076L7.65076 1.5H16.3492L22.5 7.65076V16.3492L16.3492 22.5H7.65076L1.5 16.3492V7.65076Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/star-fill.svg b/assets/icons/basic/star-fill.svg
new file mode 100644
index 00000000..470f4cda
--- /dev/null
+++ b/assets/icons/basic/star-fill.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_434)">
+<path d="M5.41866 23.1641C4.839 23.462 4.18265 22.9413 4.29935 22.2761L5.54394 15.1819L0.260447 10.1469C-0.233324 9.67639 0.0222765 8.81605 0.68376 8.72208L8.03147 7.67827L11.3077 1.18846C11.6028 0.603848 12.4022 0.603848 12.6974 1.18846L15.9735 7.67827L23.3212 8.72208C23.9827 8.81605 24.2383 9.67639 23.7446 10.1469L18.4611 15.1819L19.7057 22.2761C19.8224 22.9413 19.166 23.462 18.5863 23.1641L12.0025 19.7802L5.41866 23.1641Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_434">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/star.svg b/assets/icons/basic/star.svg
new file mode 100644
index 00000000..6378c43d
--- /dev/null
+++ b/assets/icons/basic/star.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6848_21205)">
+<path d="M4.29929 22.2761C4.18259 22.9413 4.83894 23.462 5.4186 23.1641L12.0024 19.7802L18.5863 23.1641C19.1659 23.462 19.8223 22.9413 19.7056 22.2761L18.461 15.1819L23.7445 10.1469C24.2383 9.67639 23.9827 8.81605 23.3212 8.72208L15.9735 7.67827L12.6973 1.18846C12.4022 0.603848 11.6027 0.603848 11.3076 1.18846L8.03141 7.67827L0.683699 8.72208C0.0222155 8.81605 -0.233385 9.67639 0.260386 10.1469L5.54388 15.1819L4.29929 22.2761ZM11.6562 18.1239L6.12757 20.9655L7.16895 15.0296C7.21804 14.7497 7.12574 14.4632 6.92483 14.2718L2.56457 10.1166L8.64303 9.2531C8.89431 9.2174 9.11371 9.05692 9.23225 8.82211L12.0024 3.33461L14.7726 8.82211C14.8912 9.05692 15.1106 9.2174 15.3619 9.2531L21.4403 10.1166L17.0801 14.2718C16.8791 14.4632 16.7868 14.7497 16.8359 15.0296L17.8773 20.9655L12.3487 18.1239C12.1303 18.0117 11.8746 18.0117 11.6562 18.1239Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6848_21205">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/tags.svg b/assets/icons/basic/tags.svg
new file mode 100644
index 00000000..ecd5a581
--- /dev/null
+++ b/assets/icons/basic/tags.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.54573 2.47213V9.2233L15.3659 19.5282L22.4546 12.777L11.6345 2.47213H4.54573ZM3 2.47213C3 2.08169 3.16285 1.70725 3.45273 1.43118C3.74262 1.1551 4.13578 1 4.54573 1H11.6345C12.0444 1.00008 12.4375 1.15524 12.7273 1.43133L23.5474 11.7362C23.8372 12.0123 24 12.3867 24 12.777C24 13.1674 23.8372 13.5417 23.5474 13.8178L16.4587 20.569C16.1688 20.845 15.7757 21 15.3659 21C14.956 21 14.5629 20.845 14.273 20.569L3.4529 10.2641C3.163 9.98808 3.00009 9.6137 3 9.2233V2.47213Z" fill="currentColor"/>
+<path d="M8.17143 6.6372C7.97441 6.6372 7.78546 6.55577 7.64615 6.41083C7.50684 6.26589 7.42857 6.06931 7.42857 5.86433C7.42857 5.65936 7.50684 5.46277 7.64615 5.31783C7.78546 5.17289 7.97441 5.09147 8.17143 5.09147C8.36845 5.09147 8.55739 5.17289 8.69671 5.31783C8.83602 5.46277 8.91429 5.65936 8.91429 5.86433C8.91429 6.06931 8.83602 6.26589 8.69671 6.41083C8.55739 6.55577 8.36845 6.6372 8.17143 6.6372ZM8.17143 8.18293C8.76248 8.18293 9.32933 7.93865 9.74727 7.50383C10.1652 7.06901 10.4 6.47926 10.4 5.86433C10.4 5.2494 10.1652 4.65966 9.74727 4.22484C9.32933 3.79001 8.76248 3.54573 8.17143 3.54573C7.58037 3.54573 7.01353 3.79001 6.59559 4.22484C6.17765 4.65966 5.94286 5.2494 5.94286 5.86433C5.94286 6.47926 6.17765 7.06901 6.59559 7.50383C7.01353 7.93865 7.58037 8.18293 8.17143 8.18293ZM1.48571 9.8616C1.4858 10.2715 1.64238 10.6646 1.92103 10.9544L13 22.481L12.9361 22.5474C12.6575 22.8372 12.2797 23 11.8857 23C11.4918 23 11.1139 22.8372 10.8353 22.5474L0.435314 11.7273C0.15667 11.4375 8.4147e-05 11.0444 0 10.6345V3.54573C0 3.13578 0.15653 2.74262 0.435156 2.45273C0.713781 2.16285 1.09168 2 1.48571 2V9.8616Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/three-dots-vertical.svg b/assets/icons/basic/three-dots-vertical.svg
new file mode 100644
index 00000000..64970902
--- /dev/null
+++ b/assets/icons/basic/three-dots-vertical.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5385 21.2308C14.5385 22.7602 13.2986 24 11.7692 24C10.2398 24 9 22.7602 9 21.2308C9 19.7014 10.2398 18.4615 11.7692 18.4615C13.2986 18.4615 14.5385 19.7014 14.5385 21.2308ZM14.5385 12C14.5385 13.5294 13.2986 14.7692 11.7692 14.7692C10.2398 14.7692 9 13.5294 9 12C9 10.4706 10.2398 9.23077 11.7692 9.23077C13.2986 9.23077 14.5385 10.4706 14.5385 12ZM14.5385 2.76923C14.5385 4.29863 13.2986 5.53846 11.7692 5.53846C10.2398 5.53846 9 4.29863 9 2.76923C9 1.23983 10.2398 0 11.7692 0C13.2986 0 14.5385 1.23983 14.5385 2.76923Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/three-dots.svg b/assets/icons/basic/three-dots.svg
new file mode 100644
index 00000000..40467c76
--- /dev/null
+++ b/assets/icons/basic/three-dots.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.76923 14.5385C1.23983 14.5385 0 13.2986 0 11.7692C0 10.2398 1.23983 9 2.76923 9C4.29863 9 5.53846 10.2398 5.53846 11.7692C5.53846 13.2986 4.29863 14.5385 2.76923 14.5385ZM12 14.5385C10.4706 14.5385 9.23077 13.2986 9.23077 11.7692C9.23077 10.2398 10.4706 9 12 9C13.5294 9 14.7692 10.2398 14.7692 11.7692C14.7692 13.2986 13.5294 14.5385 12 14.5385ZM21.2308 14.5385C19.7014 14.5385 18.4615 13.2986 18.4615 11.7692C18.4615 10.2398 19.7014 9 21.2308 9C22.7602 9 24 10.2398 24 11.7692C24 13.2986 22.7602 14.5385 21.2308 14.5385Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/touch-id.svg b/assets/icons/basic/touch-id.svg
new file mode 100644
index 00000000..0d98cd3d
--- /dev/null
+++ b/assets/icons/basic/touch-id.svg
@@ -0,0 +1,24 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4883 0.353774C12.8071 -0.0655922 11.038 -0.125517 9.31654 0.246102C9.18351 0.274822 9.09894 0.40595 9.12766 0.538985C9.15638 0.67202 9.28751 0.756585 9.42054 0.727865C11.0691 0.371975 12.7673 0.430656 14.3826 0.835508C18.2455 1.80369 21.4609 4.70804 22.6855 8.50192C23.1591 9.96913 23.3603 11.5314 23.4006 13.1687C23.404 13.3048 23.517 13.4124 23.653 13.409C23.7891 13.4057 23.8967 13.2927 23.8933 13.1566C23.8525 11.4968 23.6489 9.89435 23.1636 8.37871C21.8918 4.40681 18.5312 1.36224 14.4883 0.353774Z" fill="currentColor"/>
+<path d="M8.06596 1.09936C8.19716 1.06317 8.27417 0.927469 8.23798 0.79627C8.20179 0.665071 8.06609 0.588055 7.93489 0.624249C6.13463 1.12089 3.60221 2.83695 2.03714 5.12947C2.03654 5.13036 2.03593 5.13126 2.03533 5.13216C0.661106 7.20313 -0.200341 9.80567 0.0401722 12.3311C0.0404012 12.3335 0.0406655 12.3359 0.0409651 12.3383C0.0986062 12.7994 0.195372 13.2597 0.292252 13.7205C0.496299 14.691 0.700849 15.664 0.541413 16.6524C0.519739 16.7867 0.611092 16.9132 0.745455 16.9349C0.879818 16.9566 1.00631 16.8652 1.02798 16.7309C1.19465 15.6977 0.987704 14.6899 0.780719 13.6819C0.684995 13.2157 0.589262 12.7495 0.53047 12.2807C0.304262 9.89442 1.11905 7.40497 2.44511 5.40601C3.95064 3.20149 6.38856 1.56211 8.06596 1.09936Z" fill="currentColor"/>
+<path d="M11.2998 1.64994C14.3937 1.46101 17.487 2.72368 19.5644 5.14273C19.6531 5.24598 19.6412 5.40156 19.538 5.49023C19.4347 5.5789 19.2792 5.56708 19.1905 5.46383C17.215 3.16341 14.2714 1.96179 11.3283 2.14198C11.3273 2.14204 11.3262 2.1421 11.3252 2.14215C7.60326 2.32224 4.11766 4.84713 2.83559 8.38512C2.78923 8.51308 2.64791 8.57922 2.51995 8.53286C2.39199 8.48649 2.32585 8.34517 2.37222 8.21721C3.72283 4.49007 7.38292 1.84013 11.2998 1.64994Z" fill="currentColor"/>
+<path d="M20.3151 6.21932C20.2393 6.10633 20.0862 6.07625 19.9732 6.15213C19.8602 6.22801 19.8301 6.38111 19.906 6.4941C21.0576 8.20891 21.5338 10.075 21.7221 12.2894C21.7336 12.425 21.8529 12.5256 21.9885 12.5141C22.1241 12.5025 22.2247 12.3832 22.2132 12.2476C22.0208 9.9848 21.5297 8.02784 20.3151 6.21932Z" fill="currentColor"/>
+<path d="M22.0484 13.2939C22.1842 13.2854 22.3012 13.3886 22.3097 13.5245C22.4026 15.0105 22.4035 16.6917 22.2391 17.9341C22.2212 18.069 22.0974 18.1639 21.9625 18.1461C21.8275 18.1282 21.7326 18.0044 21.7505 17.8695C21.9089 16.672 21.9098 15.0264 21.8178 13.5552C21.8093 13.4194 21.9126 13.3024 22.0484 13.2939Z" fill="currentColor"/>
+<path d="M2.46346 9.57871C2.4954 9.44642 2.41405 9.31327 2.28175 9.28133C2.14945 9.24939 2.01631 9.33074 1.98437 9.46304C1.80349 10.2122 1.70959 10.9817 1.70587 11.752C1.70204 12.546 1.85008 13.3209 1.99817 14.0962C2.11932 14.7304 2.2405 15.3648 2.27862 16.01C2.32869 16.8574 2.15044 17.7061 1.84241 18.5138C1.79392 18.641 1.85769 18.7834 1.98486 18.8319C2.11203 18.8804 2.25443 18.8166 2.30292 18.6895C2.62851 17.8357 2.82587 16.9159 2.77062 15.9809C2.73276 15.3402 2.61159 14.7094 2.49046 14.079C2.34266 13.3097 2.19493 12.5407 2.19873 11.7544C2.20226 11.0225 2.2915 10.2909 2.46346 9.57871Z" fill="currentColor"/>
+<path d="M8.92971 4.10251C8.98042 4.22881 8.91916 4.3723 8.79286 4.42302C6.23806 5.449 4.31956 7.76425 3.92818 10.4944C3.76467 11.6351 3.94132 12.7649 4.11793 13.8945C4.21739 14.5306 4.31683 15.1666 4.3555 15.8044C4.43933 17.1874 4.28181 18.7065 3.38176 20.0886C3.30749 20.2026 3.15483 20.2349 3.04078 20.1606C2.92673 20.0864 2.89448 19.9337 2.96875 19.8196C3.78879 18.5604 3.94401 17.1617 3.86354 15.8342C3.82431 15.1871 3.72549 14.5437 3.62673 13.9007C3.44953 12.7471 3.27254 11.5948 3.44031 10.4245C3.8582 7.50938 5.90143 5.05307 8.60919 3.96566C8.73549 3.91495 8.87899 3.97621 8.92971 4.10251Z" fill="currentColor"/>
+<path d="M17.5809 5.50552C15.5654 3.61778 12.6442 2.95892 9.9893 3.54124C9.85637 3.57039 9.77223 3.7018 9.80139 3.83474C9.83055 3.96768 9.96196 4.05181 10.0949 4.02265C12.6089 3.47124 15.3595 4.10025 17.2439 5.86524C18.8323 7.35288 19.7546 9.51751 19.996 11.8792C20.0099 12.0146 20.1308 12.1131 20.2662 12.0993C20.4016 12.0855 20.5002 11.9645 20.4863 11.8291C20.2356 9.37676 19.2744 7.09168 17.5809 5.50552Z" fill="currentColor"/>
+<path d="M20.4348 13.0027C20.5702 12.9888 20.6912 13.0873 20.7051 13.2227C20.9391 15.5014 20.8382 17.9626 20.4849 20.3436C20.465 20.4782 20.3396 20.5712 20.205 20.5512C20.0704 20.5312 19.9774 20.4059 19.9974 20.2713C20.3458 17.9234 20.4439 15.5039 20.2148 13.273C20.2009 13.1376 20.2994 13.0166 20.4348 13.0027Z" fill="currentColor"/>
+<path d="M11.8433 5.00824C8.06701 5.00824 4.99878 8.02094 4.99878 11.7457C4.99878 12.1436 5.03409 12.5334 5.10139 12.9125C5.12519 13.0465 5.25311 13.1359 5.38711 13.1121C5.52111 13.0883 5.61046 12.9604 5.58666 12.8264C5.52435 12.4754 5.49164 12.1144 5.49164 11.7457C5.49164 8.30071 8.33158 5.5011 11.8433 5.5011C13.4302 5.5011 14.8801 6.07308 15.993 7.01818C16.0967 7.10628 16.2523 7.0936 16.3404 6.98986C16.4285 6.88613 16.4158 6.73061 16.312 6.64251C15.1128 5.62406 13.5506 5.00824 11.8433 5.00824Z" fill="currentColor"/>
+<path d="M16.8642 7.56132C16.9624 7.46712 17.1184 7.47039 17.2126 7.56862C18.3002 8.70271 18.6483 10.4852 18.8786 11.981C19.1381 13.666 19.1777 15.3098 19.1777 16.0719C19.1777 16.208 19.0674 16.3183 18.9313 16.3183C18.7952 16.3183 18.6848 16.208 18.6848 16.0719C18.6848 15.3221 18.6456 13.7061 18.3915 12.056C18.1777 10.6673 17.8694 8.96559 16.8569 7.90975C16.7627 7.81152 16.7659 7.65552 16.8642 7.56132Z" fill="currentColor"/>
+<path d="M19.1151 17.4832C19.1259 17.3475 19.0247 17.2288 18.8891 17.218C18.7534 17.2072 18.6346 17.3084 18.6238 17.444C18.5028 18.962 18.3447 20.4783 18.0238 21.879C17.9934 22.0116 18.0763 22.1438 18.209 22.1742C18.3416 22.2046 18.4738 22.1217 18.5042 21.989C18.8335 20.5514 18.9938 19.0052 19.1151 17.4832Z" fill="currentColor"/>
+<path d="M5.49806 13.8195C5.63159 13.7932 5.76116 13.8801 5.78746 14.0137C6.3085 16.6596 5.94855 19.0633 4.56873 21.1688C4.49413 21.2826 4.34138 21.3144 4.22754 21.2398C4.11371 21.1652 4.08191 21.0125 4.15651 20.8987C5.45477 18.9176 5.80417 16.6494 5.30388 14.1089C5.27759 13.9754 5.36452 13.8458 5.49806 13.8195Z" fill="currentColor"/>
+<path d="M11.8433 6.61164C9.39196 6.61164 6.98723 8.50913 6.74178 10.8939C6.63433 11.9379 6.78528 12.9663 6.93629 13.9951C7.06815 14.8935 7.20006 15.7921 7.16001 16.7018C7.06835 18.7837 6.45751 20.5022 5.40792 21.9176C5.32685 22.027 5.34976 22.1813 5.45908 22.2624C5.5684 22.3434 5.72274 22.3205 5.80381 22.2112C6.91703 20.71 7.5568 18.8947 7.65239 16.7235C7.69226 15.8179 7.55995 14.9221 7.42773 14.0269C7.27653 13.0032 7.12544 11.9802 7.23205 10.9444C7.44768 8.84937 9.604 7.1045 11.8433 7.1045C12.8877 7.1045 15.5899 7.67003 16.4495 10.4702C16.9881 12.2249 17.1351 14.5997 17.0046 16.9068C16.8741 19.2136 16.4683 21.42 15.9226 22.8348C15.8736 22.9618 15.9369 23.1044 16.0638 23.1534C16.1908 23.2024 16.3335 23.1391 16.3824 23.0122C16.9534 21.532 17.3646 19.2698 17.4967 16.9347C17.6287 14.5998 17.4836 12.1593 16.9206 10.3255C15.9665 7.21728 12.9754 6.61164 11.8433 6.61164Z" fill="currentColor"/>
+<path d="M8.05089 21.1692C8.16489 21.2435 8.19703 21.3962 8.12267 21.5102C7.96986 21.7445 7.83543 21.9897 7.701 22.2348C7.56656 22.48 7.43211 22.7251 7.27927 22.9595C7.20492 23.0735 7.05223 23.1056 6.93823 23.0313C6.82424 22.9569 6.7921 22.8042 6.86645 22.6902C7.01927 22.4559 7.15369 22.2108 7.28813 21.9656C7.42256 21.7205 7.55702 21.4753 7.70986 21.241C7.78421 21.127 7.9369 21.0948 8.05089 21.1692Z" fill="currentColor"/>
+<path d="M10.161 9.1697C10.2741 9.09403 10.3045 8.94099 10.2288 8.82786C10.1532 8.71473 10.0001 8.68436 9.88698 8.76003C8.91115 9.41272 8.31247 10.3102 8.31247 11.6251C8.31247 12.408 8.45117 13.048 8.59342 13.7043C8.8063 14.6865 8.95068 15.6666 8.92474 16.6755C8.89323 17.9006 8.65353 19.02 8.19277 20.0865C8.13879 20.2114 8.19631 20.3565 8.32125 20.4104C8.44619 20.4644 8.59123 20.4069 8.64521 20.282C9.13238 19.1544 9.3844 17.9725 9.41743 16.6882C9.4444 15.6398 9.29601 14.6209 9.07521 13.6001C8.93263 12.9409 8.80533 12.3523 8.80533 11.6251C8.80533 10.4985 9.30092 9.74497 10.161 9.1697Z" fill="currentColor"/>
+<path d="M11.1228 8.30385C12.1454 8.09538 13.2458 8.35299 14.0558 9.00856C15.5026 10.1796 15.695 12.3151 15.8509 14.0456L15.8589 14.1338C16.0603 16.3644 15.8297 18.5311 15.3651 20.707C15.3367 20.8401 15.2058 20.9249 15.0727 20.8965C14.9396 20.8681 14.8547 20.7372 14.8831 20.6041C15.3407 18.4608 15.5638 16.3457 15.368 14.1781C15.3615 14.1063 15.3551 14.0335 15.3485 13.9599L15.3484 13.9588C15.2099 12.395 15.0365 10.4364 13.7457 9.39166C13.0532 8.83117 12.1035 8.60693 11.2213 8.78678C11.0879 8.81397 10.9578 8.7279 10.9306 8.59454C10.9034 8.46119 10.9895 8.33104 11.1228 8.30385Z" fill="currentColor"/>
+<path d="M15.0168 21.9332C15.0504 21.8013 14.9707 21.6672 14.8388 21.6336C14.7069 21.6 14.5728 21.6797 14.5392 21.8116C14.3902 22.3968 14.1606 22.925 13.8696 23.4113C13.7997 23.5281 13.8377 23.6794 13.9545 23.7493C14.0713 23.8192 14.2226 23.7812 14.2925 23.6644C14.6062 23.1403 14.8552 22.5681 15.0168 21.9332Z" fill="currentColor"/>
+<path d="M13.8117 18.357C13.9469 18.373 14.0435 18.4956 14.0275 18.6307C13.7948 20.5975 13.2693 22.3516 12.4262 23.873C12.3603 23.992 12.2103 24.035 12.0912 23.9691C11.9722 23.9031 11.9292 23.7531 11.9951 23.6341C12.802 22.1781 13.3115 20.4877 13.5381 18.5728C13.5541 18.4377 13.6766 18.3411 13.8117 18.357Z" fill="currentColor"/>
+<path d="M13.761 11.4958C13.5901 10.583 12.8066 9.88467 11.8555 9.88467C10.5675 9.88467 9.66378 11.1829 9.98223 12.3908C10.5211 14.523 10.6095 16.5779 10.2447 18.557L10.2445 18.5585C9.92794 20.3355 9.32007 21.9341 8.49091 23.2887C8.41986 23.4048 8.45636 23.5565 8.57244 23.6275C8.68852 23.6986 8.84022 23.6621 8.91127 23.546C9.77435 22.136 10.4029 20.4791 10.7296 18.6457C11.1083 16.5901 11.0145 14.4632 10.4597 12.2688L10.4591 12.2662C10.2202 11.3627 10.886 10.3775 11.8555 10.3775C12.5551 10.3775 13.1458 10.8922 13.2762 11.5848C13.6349 13.6654 13.8217 15.5948 13.6887 17.256C13.6778 17.3917 13.779 17.5104 13.9147 17.5213C14.0503 17.5322 14.1691 17.431 14.18 17.2953C14.3179 15.5735 14.1233 13.5966 13.7616 11.4993C13.7614 11.4981 13.7612 11.497 13.761 11.4958Z" fill="currentColor"/>
+<path d="M11.1201 22.1689C11.2412 22.2311 11.2889 22.3797 11.2267 22.5007L10.5737 23.7715C10.5115 23.8925 10.3629 23.9402 10.2419 23.878C10.1208 23.8158 10.0731 23.6673 10.1353 23.5462L10.7883 22.2755C10.8505 22.1544 10.9991 22.1067 11.1201 22.1689Z" fill="currentColor"/>
+<path d="M12.0387 11.7335C12.0076 11.601 11.875 11.5188 11.7425 11.5499C11.61 11.581 11.5278 11.7137 11.5589 11.8462C12.39 15.3837 12.2758 18.49 11.2636 21.1361C11.215 21.2632 11.2786 21.4057 11.4057 21.4543C11.5328 21.503 11.6753 21.4393 11.7239 21.3122C12.7794 18.5531 12.8866 15.3428 12.0387 11.7335Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/trash-fill.svg b/assets/icons/basic/trash-fill.svg
new file mode 100644
index 00000000..efbf2fc8
--- /dev/null
+++ b/assets/icons/basic/trash-fill.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.6 1.6C2.71634 1.6 2 2.31634 2 3.2V4.8C2 5.68366 2.71634 6.4 3.6 6.4H4.4V20.8C4.4 22.5673 5.83269 24 7.6 24H17.2C18.9673 24 20.4 22.5673 20.4 20.8V6.4H21.2C22.0837 6.4 22.8 5.68366 22.8 4.8V3.2C22.8 2.31634 22.0837 1.6 21.2 1.6H15.6C15.6 0.716344 14.8837 0 14 0H10.8C9.91634 0 9.2 0.716344 9.2 1.6H3.6ZM8.4 8C8.84183 8 9.2 8.35817 9.2 8.8V20C9.2 20.4418 8.84183 20.8 8.4 20.8C7.95817 20.8 7.6 20.4418 7.6 20L7.6 8.8C7.6 8.35817 7.95817 8 8.4 8ZM12.4 8C12.8418 8 13.2 8.35817 13.2 8.8V20C13.2 20.4418 12.8418 20.8 12.4 20.8C11.9582 20.8 11.6 20.4418 11.6 20V8.8C11.6 8.35817 11.9582 8 12.4 8ZM17.2 8.8V20C17.2 20.4418 16.8418 20.8 16.4 20.8C15.9582 20.8 15.6 20.4418 15.6 20V8.8C15.6 8.35817 15.9582 8 16.4 8C16.8418 8 17.2 8.35817 17.2 8.8Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/trash-restore.svg b/assets/icons/basic/trash-restore.svg
new file mode 100644
index 00000000..aa9d16c4
--- /dev/null
+++ b/assets/icons/basic/trash-restore.svg
@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2449_5167)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 4.5C19.5 5.32843 18.8284 6 18 6H17.25V8H15.75V6.08853L15.5729 6H3.92705L3.75 6.08853V19.5C3.75 20.3284 4.42157 21 5.25 21H11V22.5H5.25C3.59315 22.5 2.25 21.1569 2.25 19.5V6H1.5C0.671573 6 0 5.32843 0 4.5V3C0 2.17157 0.671573 1.5 1.5 1.5H6.75C6.75 0.671573 7.42157 0 8.25 0H11.25C12.0784 0 12.75 0.671573 12.75 1.5H18C18.8284 1.5 19.5 2.17157 19.5 3V4.5ZM1.5 4.5V3H18V4.5H1.5Z" fill="currentColor"/>
+<path d="M6.75 9C6.75 8.58579 6.41421 8.25 6 8.25C5.58579 8.25 5.25 8.58579 5.25 9V18C5.25 18.4142 5.58579 18.75 6 18.75C6.41421 18.75 6.75 18.4142 6.75 18V9Z" fill="currentColor"/>
+<path d="M10.5 9C10.5 8.58579 10.1642 8.25 9.75 8.25C9.33579 8.25 9 8.58579 9 9V18C9 18.4142 9.33579 18.75 9.75 18.75C10.1642 18.75 10.5 18.4142 10.5 18V9Z" fill="currentColor"/>
+<path d="M18.5392 16.0244V14.0097C20.7516 14.1584 22.5 16 22.5 18.25C22.5 20.5972 20.5972 22.5 18.25 22.5C15.9028 22.5 14 20.5972 14 18.25C14 17.6442 14.1263 17.0698 14.3533 16.5503C14.5191 16.1707 14.3459 15.7286 13.9663 15.5627C13.5868 15.3969 13.1446 15.5702 12.9788 15.9497C12.6706 16.6551 12.5 17.4336 12.5 18.25C12.5 21.4256 15.0744 24 18.25 24C21.4256 24 24 21.4256 24 18.25C24 15.1714 21.5805 12.6578 18.5392 12.5071V10.1257C18.5392 9.80778 18.1684 9.63409 17.9242 9.83763L14.3849 12.787C14.205 12.9369 14.205 13.2132 14.3849 13.3632L17.9242 16.3125C18.1684 16.5161 18.5392 16.3424 18.5392 16.0244Z" fill="currentColor"/>
+<path d="M14.25 9C14.25 8.58579 13.9142 8.25 13.5 8.25C13.0858 8.25 12.75 8.58579 12.75 9V10C12.75 10.4142 13.0858 10.75 13.5 10.75C13.9142 10.75 14.25 10.4142 14.25 10V9Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_2449_5167">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/trash.svg b/assets/icons/basic/trash.svg
new file mode 100644
index 00000000..ee948435
--- /dev/null
+++ b/assets/icons/basic/trash.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4 8.8C8.84183 8.8 9.2 9.15817 9.2 9.6V19.2C9.2 19.6418 8.84183 20 8.4 20C7.95817 20 7.6 19.6418 7.6 19.2V9.6C7.6 9.15817 7.95817 8.8 8.4 8.8Z" fill="currentColor"/>
+<path d="M12.4 8.8C12.8418 8.8 13.2 9.15817 13.2 9.6V19.2C13.2 19.6418 12.8418 20 12.4 20C11.9582 20 11.6 19.6418 11.6 19.2V9.6C11.6 9.15817 11.9582 8.8 12.4 8.8Z" fill="currentColor"/>
+<path d="M17.2 9.6C17.2 9.15817 16.8418 8.8 16.4 8.8C15.9582 8.8 15.6 9.15817 15.6 9.6V19.2C15.6 19.6418 15.9582 20 16.4 20C16.8418 20 17.2 19.6418 17.2 19.2V9.6Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8 4.8C22.8 5.68366 22.0837 6.4 21.2 6.4H20.4V20.8C20.4 22.5673 18.9673 24 17.2 24H7.6C5.83269 24 4.4 22.5673 4.4 20.8V6.4H3.6C2.71634 6.4 2 5.68366 2 4.8V3.2C2 2.31634 2.71634 1.6 3.6 1.6H9.2C9.2 0.716344 9.91634 0 10.8 0H14C14.8837 0 15.6 0.716344 15.6 1.6H21.2C22.0837 1.6 22.8 2.31634 22.8 3.2V4.8ZM6.18885 6.4L6 6.49443V20.8C6 21.6837 6.71634 22.4 7.6 22.4H17.2C18.0837 22.4 18.8 21.6837 18.8 20.8V6.49443L18.6111 6.4H6.18885ZM3.6 4.8V3.2H21.2V4.8H3.6Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/twitter.svg b/assets/icons/basic/twitter.svg
new file mode 100644
index 00000000..eca1da85
--- /dev/null
+++ b/assets/icons/basic/twitter.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.53902 22.5C16.5954 22.5 21.551 14.9956 21.551 8.49877C21.551 8.28765 21.551 8.07653 21.5414 7.8654C22.5018 7.17446 23.3373 6.30118 24 5.31275C23.1164 5.7062 22.1657 5.96531 21.1669 6.09006C22.1849 5.48548 22.9628 4.51624 23.3373 3.36466C22.3866 3.93086 21.3301 4.33391 20.2065 4.55463C19.3037 3.59498 18.0264 3 16.6146 3C13.8968 3 11.6879 5.20718 11.6879 7.92298C11.6879 8.30684 11.7359 8.6811 11.8127 9.04577C7.72149 8.84424 4.09124 6.87697 1.66146 3.90207C1.2389 4.6314 0.9988 5.47589 0.9988 6.37795C0.9988 8.08612 1.87275 9.59277 3.18848 10.4756C2.38175 10.4468 1.62305 10.2261 0.960384 9.86147C0.960384 9.88066 0.960384 9.89985 0.960384 9.92864C0.960384 12.3086 2.66026 14.3046 4.90756 14.7557C4.4946 14.8708 4.06242 14.9284 3.61104 14.9284C3.29412 14.9284 2.98679 14.8996 2.68908 14.842C3.31333 16.7997 5.13806 18.22 7.28932 18.2584C5.59904 19.5827 3.47659 20.3696 1.17167 20.3696C0.777912 20.3696 0.384154 20.3504 0 20.3024C2.17047 21.6843 4.76351 22.5 7.53902 22.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/upload.svg b/assets/icons/basic/upload.svg
new file mode 100644
index 00000000..0d8f9e17
--- /dev/null
+++ b/assets/icons/basic/upload.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 14.85C1.16421 14.85 1.5 15.1858 1.5 15.6V19.35C1.5 20.1785 2.17157 20.85 3 20.85H21C21.8284 20.85 22.5 20.1785 22.5 19.35V15.6C22.5 15.1858 22.8358 14.85 23.25 14.85C23.6642 14.85 24 15.1858 24 15.6V19.35C24 21.0069 22.6569 22.35 21 22.35H3C1.34315 22.35 0 21.0069 0 19.35V15.6C0 15.1858 0.335786 14.85 0.75 14.85Z" fill="currentColor"/>
+<path d="M11.4697 1.71967C11.7626 1.42678 12.2374 1.42678 12.5303 1.71967L17.0303 6.21967C17.3232 6.51256 17.3232 6.98744 17.0303 7.28033C16.7374 7.57322 16.2626 7.57322 15.9697 7.28033L12.75 4.06066V17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25V4.06066L8.03033 7.28033C7.73744 7.57322 7.26256 7.57322 6.96967 7.28033C6.67678 6.98744 6.67678 6.51256 6.96967 6.21967L11.4697 1.71967Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/x-lg.svg b/assets/icons/basic/x-lg.svg
new file mode 100644
index 00000000..ecb42b0e
--- /dev/null
+++ b/assets/icons/basic/x-lg.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_311)">
+<path d="M0.292894 1.70711C-0.0976312 1.31658 -0.0976312 0.683417 0.292894 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L12 10.5858L22.2929 0.292893C22.6834 -0.0976311 23.3166 -0.0976311 23.7071 0.292893C24.0976 0.683417 24.0976 1.31658 23.7071 1.70711L13.4142 12L23.7071 22.2929C24.0976 22.6834 24.0976 23.3166 23.7071 23.7071C23.3166 24.0976 22.6834 24.0976 22.2929 23.7071L12 13.4142L1.70711 23.7071C1.31658 24.0976 0.683419 24.0976 0.292894 23.7071C-0.0976299 23.3166 -0.0976299 22.6834 0.292894 22.2929L10.5858 12L0.292894 1.70711Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_311">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/basic/x-network.svg b/assets/icons/basic/x-network.svg
new file mode 100644
index 00000000..7915a918
--- /dev/null
+++ b/assets/icons/basic/x-network.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0585144 1L9.32465 13.3897L0 23.463H2.0986L10.2623 14.6437L16.8584 23.463H24L14.2125 10.3764L22.8918 1H20.7932L13.2748 9.12246L7.20014 1H0.0585144ZM3.14467 2.54583H6.42555L20.9134 21.917H17.6325L3.14467 2.54583Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/x.svg b/assets/icons/basic/x.svg
new file mode 100644
index 00000000..f8617c44
--- /dev/null
+++ b/assets/icons/basic/x.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.96967 6.96967C7.26256 6.67678 7.73744 6.67678 8.03033 6.96967L12 10.9393L15.9697 6.96967C16.2626 6.67678 16.7374 6.67678 17.0303 6.96967C17.3232 7.26256 17.3232 7.73744 17.0303 8.03033L13.0607 12L17.0303 15.9697C17.3232 16.2626 17.3232 16.7374 17.0303 17.0303C16.7374 17.3232 16.2626 17.3232 15.9697 17.0303L12 13.0607L8.03033 17.0303C7.73744 17.3232 7.26256 17.3232 6.96967 17.0303C6.67678 16.7374 6.67678 16.2626 6.96967 15.9697L10.9393 12L6.96967 8.03033C6.67678 7.73744 6.67678 7.26256 6.96967 6.96967Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/basic/youtube.svg b/assets/icons/basic/youtube.svg
new file mode 100644
index 00000000..60612bbb
--- /dev/null
+++ b/assets/icons/basic/youtube.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_116_636)">
+<path d="M12.0767 2.99805C12.0853 2.99806 12.0945 2.99809 12.1043 2.99811L12.2105 2.99844C13.4432 3.00297 19.6909 3.04826 21.3754 3.50112C22.408 3.77809 23.2212 4.59432 23.4971 5.63042C23.6491 6.19966 23.755 6.95626 23.8288 7.73439L23.8431 7.89026C23.8547 8.0203 23.8655 8.15064 23.8754 8.2805L23.8869 8.43605C23.9855 9.80721 23.997 11.0903 23.9984 11.371L23.9985 11.4089C23.9985 11.412 23.9985 11.4171 23.9985 11.4171V11.4383C23.9985 11.4383 23.9985 11.4434 23.9985 11.4465L23.9984 11.4844C23.997 11.7757 23.9846 13.1466 23.8754 14.575L23.8631 14.731L23.85 14.8872C23.7757 15.7461 23.6643 16.5989 23.4971 17.225C23.2212 18.2611 22.408 19.0775 21.3754 19.3543C19.6347 19.8224 13.0216 19.8552 12.1043 19.8575L12.0337 19.8577C12.0279 19.8577 12.0228 19.8577 12.0184 19.8577L11.9896 19.8577C11.9896 19.8577 11.983 19.8577 11.9786 19.8577L11.8927 19.8575C11.4291 19.8564 9.51085 19.8474 7.50194 19.7784L7.2451 19.7693C7.20225 19.7677 7.15938 19.7661 7.11651 19.7645L6.85937 19.7543L6.60282 19.7434C4.93856 19.6704 3.35178 19.5506 2.62184 19.3543C1.5892 19.0775 0.776057 18.2611 0.500069 17.225C0.33287 16.5989 0.221403 15.7461 0.147092 14.8872L0.133987 14.731L0.121675 14.575C0.016355 13.1985 0.00106667 11.8755 -0.0011526 11.5204L-0.0014178 11.4696C-0.00143641 11.465 -0.00145192 11.4608 -0.00146484 11.4569V11.3985C-0.00145192 11.3946 -0.00143641 11.3904 -0.0014178 11.3859L-0.0011526 11.335C0.000857307 11.0134 0.0135868 9.898 0.0942065 8.66787L0.104642 8.51356C0.106441 8.48776 0.108271 8.46192 0.110132 8.43605L0.121675 8.2805C0.131611 8.15064 0.142348 8.0203 0.153951 7.89026L0.168294 7.73439C0.24213 6.95626 0.34807 6.19966 0.500069 5.63042C0.776057 4.59432 1.5892 3.77809 2.62184 3.50112C3.35178 3.30488 4.93856 3.18517 6.60282 3.11215L6.85937 3.10128L7.11651 3.09112C7.15938 3.08949 7.20225 3.08788 7.2451 3.0863L7.50194 3.07717C9.38262 3.01261 11.1839 3.00066 11.7865 2.99844L11.8927 2.99811C11.9026 2.99809 11.9118 2.99806 11.9203 2.99805H12.0767ZM9.59858 7.81484V15.0406L15.8337 11.4279L9.59858 7.81484Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_116_636">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/24-7.svg b/assets/icons/complex/24-7.svg
new file mode 100644
index 00000000..6b875458
--- /dev/null
+++ b/assets/icons/complex/24-7.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L35.8491 15.5518C36.0085 15.7112 36.2247 15.8008 36.4501 15.8008C37.2074 15.8008 37.5866 14.8852 37.0512 14.3498L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L10.9488 14.3498C10.4134 14.8852 10.7926 15.8008 11.5499 15.8008C11.7753 15.8008 11.9915 15.7112 12.1509 15.5518L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M15.4844 39.0009V37.5009H10.2344L12.6953 34.7899C13.0391 34.4357 13.3542 34.0868 13.6406 33.743C13.9271 33.3941 14.1745 33.0477 14.3828 32.704C14.5964 32.355 14.7604 32.0061 14.875 31.6571C14.9896 31.3081 15.0469 30.9566 15.0469 30.6024C15.0469 29.9618 14.9062 29.4071 14.625 28.9384C14.349 28.4696 13.9453 28.1076 13.4141 27.8524C12.8828 27.5972 12.237 27.4696 11.4766 27.4696C10.6693 27.4696 9.97917 27.6337 9.40625 27.9618C8.83333 28.2847 8.39583 28.7222 8.09375 29.2743C7.79167 29.8212 7.64062 30.4253 7.64062 31.0868H9.52344C9.52344 30.6753 9.59635 30.3108 9.74219 29.993C9.88802 29.6701 10.1042 29.4175 10.3906 29.2352C10.6771 29.0529 11.0312 28.9618 11.4531 28.9618C11.8177 28.9618 12.1276 29.0425 12.3828 29.204C12.638 29.3602 12.8307 29.5764 12.9609 29.8524C13.0964 30.1233 13.1641 30.4384 13.1641 30.7977C13.1641 31.0529 13.1146 31.316 13.0156 31.5868C12.9219 31.8524 12.7578 32.1519 12.5234 32.4852C12.2891 32.8186 11.9688 33.2144 11.5625 33.6727L7.85938 37.7118V39.0009H15.4844Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7891 34.9462V36.4462H23.3672V39.0009H21.4844V36.4462H16.5859L16.5234 35.3134L21.4297 27.6259H23.3672V34.9462H24.7891ZM21.3047 30.4227L21.4844 30.1149V34.9462H18.4844L21.3047 30.4227Z" fill="currentColor"/>
+<path d="M31.1016 27.6259L26.6719 39.9774H25.1953L29.6328 27.6259H31.1016Z" fill="currentColor"/>
+<path d="M39.8516 27.6259V28.6571L35.3047 39.0009H33.3203L37.8594 29.1259H31.9688V27.6259H39.8516Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/all.svg b/assets/icons/complex/all.svg
new file mode 100644
index 00000000..7e86d6a4
--- /dev/null
+++ b/assets/icons/complex/all.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 10.0009H30V4.00085C30 1.79172 28.2091 0.000854492 26 0.000854492H6C3.79086 0.000854492 2 1.79172 2 4.00085V24.0009C2 26.21 3.79086 28.0009 6 28.0009H10V34.0009C10 36.21 11.7909 38.0009 14 38.0009H18V44.0009C18 46.21 19.7909 48.0009 22 48.0009H42C44.2091 48.0009 46 46.21 46 44.0009V24.0009C46 21.7917 44.2091 20.0009 42 20.0009H38V14.0009C38 11.7917 36.2091 10.0009 34 10.0009ZM6 1.50085H26C27.3807 1.50085 28.5 2.62014 28.5 4.00085V10.0009H14C11.7909 10.0009 10 11.7917 10 14.0009V26.5009H6C4.61929 26.5009 3.5 25.3816 3.5 24.0009V4.00085C3.5 2.62014 4.61929 1.50085 6 1.50085ZM36.5 20.0009V14.0009C36.5 12.6201 35.3807 11.5009 34 11.5009H14C12.6193 11.5009 11.5 12.6201 11.5 14.0009V34.0009C11.5 35.3816 12.6193 36.5009 14 36.5009H18V24.0009C18 21.7917 19.7909 20.0009 22 20.0009H36.5ZM22 21.5009H42C43.3807 21.5009 44.5 22.6201 44.5 24.0009V44.0009C44.5 45.3816 43.3807 46.5009 42 46.5009H22C20.6193 46.5009 19.5 45.3816 19.5 44.0009V24.0009C19.5 22.6201 20.6193 21.5009 22 21.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/arrival.svg b/assets/icons/complex/arrival.svg
new file mode 100644
index 00000000..32101422
--- /dev/null
+++ b/assets/icons/complex/arrival.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3772)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2456 5.62363C24.2456 7.11488 23.6532 8.54506 22.5987 9.59953C21.5442 10.654 20.114 11.2464 18.6228 11.2464C17.1315 11.2464 15.7013 10.654 14.6469 9.59953C13.5924 8.54506 13 7.11488 13 5.62363C13 4.13238 13.5924 2.7022 14.6469 1.64773C15.7013 0.593252 17.1315 0.000854492 18.6228 0.000854492C20.114 0.000854492 21.5442 0.593252 22.5987 1.64773C23.6532 2.7022 24.2456 4.13238 24.2456 5.62363ZM22.7456 5.62363C22.7456 6.71706 22.3112 7.7657 21.538 8.53887C20.7648 9.31204 19.7162 9.74641 18.6228 9.74641C17.5293 9.74641 16.4807 9.31204 15.7075 8.53887C14.9344 7.7657 14.5 6.71706 14.5 5.62363C14.5 4.5302 14.9344 3.48156 15.7075 2.70839C16.4807 1.93522 17.5293 1.50085 18.6228 1.50085C19.7162 1.50085 20.7648 1.93522 21.538 2.70839C22.3112 3.48156 22.7456 4.5302 22.7456 5.62363Z" fill="currentColor"/>
+<path d="M26.25 31.0009C26.25 30.5866 26.5858 30.2509 27 30.2509H38C38.4142 30.2509 38.75 30.5866 38.75 31.0009C38.75 31.4151 38.4142 31.7509 38 31.7509H27C26.5858 31.7509 26.25 31.4151 26.25 31.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.42055 32.7237C9.92606 32.7681 10.4362 32.7095 10.9199 32.5504C10.9199 34.4974 10.9201 36.4442 10.9202 38.3912C10.9204 40.3382 10.9206 42.2853 10.9206 44.2326C10.9193 45.1982 11.2906 46.127 11.9573 46.8256C12.6239 47.5241 13.5344 47.9384 14.499 47.9823C15.4636 48.0261 16.4078 47.696 17.1351 47.0608C17.4014 46.8281 17.6311 46.5611 17.8195 46.2689C18.1374 45.7759 18.3377 45.211 18.3982 44.6181L18.4014 44.5857L18.4026 44.5725L18.6658 33.9871L18.9303 44.5725L18.9315 44.5857L18.9347 44.6202C18.9932 45.2129 19.1914 45.7781 19.5072 46.272C19.6957 46.5667 19.9261 46.836 20.1936 47.0707C20.9215 47.709 21.8681 48.041 22.8352 47.9971C23.8024 47.9531 24.715 47.5367 25.382 46.835C25.6514 46.5516 25.8723 46.2306 26.0396 45.8848C26.3472 45.9606 26.6689 46.0009 27 46.0009V47.0009C27 47.5531 27.4478 48.0009 28 48.0009C28.5522 48.0009 29 47.5531 29 47.0009V46.0009H36V47.0009C36 47.5531 36.4478 48.0009 37 48.0009C37.5522 48.0009 38 47.5531 38 47.0009V46.0009C40.2092 46.0009 42 44.2101 42 42.0009V28.0009C42 25.7916 40.2092 24.0009 38 24.0009H35.5V21.7509H37C37.4143 21.7509 37.75 21.4152 37.75 21.0009C37.75 20.5865 37.4143 20.2509 37 20.2509H30.9873C30.7429 19.0712 30.3745 17.956 29.8373 16.9563C29.1875 15.748 28.2554 14.6435 26.9597 13.86C25.6602 13.0729 24.2207 12.7455 22.7701 12.7455H14.6403C13.1909 12.7455 11.7502 13.0729 10.452 13.86C9.15625 14.6435 8.22412 15.7468 7.57438 16.9563C6.34361 19.2429 6 22.1368 6 25.0231V28.9891C5.99992 29.5819 6.14044 30.1663 6.41002 30.6942C6.67961 31.2222 7.07057 31.6787 7.55081 32.0263C8.03105 32.3738 8.58688 32.6025 9.17266 32.6936C9.25507 32.7064 9.33775 32.7164 9.42055 32.7237ZM29.4521 20.2509C29.2352 19.3078 28.9306 18.438 28.5162 17.6667C27.9694 16.65 27.2096 15.764 26.1836 15.1437L26.1825 15.143C25.1542 14.5201 23.9932 14.2455 22.7701 14.2455H14.6403C13.4182 14.2455 12.2563 14.5202 11.2297 15.1427L11.2281 15.1437C10.2016 15.7643 9.44215 16.6491 8.89578 17.6662L8.8952 17.6673C7.84347 19.6212 7.5 22.211 7.5 25.0231V28.9891C7.49995 29.3447 7.58424 29.6954 7.74595 30.0121C7.90766 30.3288 8.14217 30.6026 8.43024 30.8111C8.71831 31.0196 9.05172 31.1568 9.40309 31.2114C9.75447 31.266 10.1138 31.2365 10.4516 31.1254C10.6046 31.075 10.9199 31.0009 10.9199 31.0009V22.5009C10.9199 22.0866 11.2557 21.7509 11.6699 21.7509C12.0841 21.7509 12.4199 22.0866 12.4199 22.5009C12.4199 26.1234 12.4201 29.7457 12.4202 33.3679C12.4204 36.9901 12.4206 40.6122 12.4206 44.2346C12.4198 44.8138 12.6425 45.371 13.0424 45.79C13.4423 46.209 13.9884 46.4575 14.567 46.4838C15.1456 46.5101 15.7121 46.3121 16.1483 45.931C16.5739 45.5593 16.8435 45.0413 16.9044 44.4806L17.1663 33.9498C17.1865 33.1362 17.8519 32.4871 18.6658 32.4871C19.4796 32.487 20.145 33.136 20.1654 33.9496L20.4286 44.4839C20.4869 45.0474 20.7559 45.5687 21.1826 45.9429C21.6192 46.3258 22.187 46.5249 22.7672 46.4986C23.3473 46.4723 23.8948 46.2225 24.2949 45.8016C24.4497 45.6386 24.5779 45.455 24.6766 45.2573C23.6616 44.5319 23 43.3437 23 42.0009V28.0009C23 26.5577 23.7641 25.2931 24.9099 24.5896V22.5009C24.9099 22.0866 25.2457 21.7509 25.6599 21.7509C26.0741 21.7509 26.4099 22.0866 26.4099 22.5009V24.0441C26.6025 24.0156 26.7995 24.0009 27 24.0009H29.5V21.7509H28C27.5857 21.7509 27.25 21.4152 27.25 21.0009C27.25 20.9117 27.2656 20.8263 27.2939 20.7472C27.3296 20.6481 27.3855 20.5585 27.4568 20.4838C27.5935 20.3402 27.7861 20.2509 28 20.2509H29.4521ZM34 21.7509V24.0009H31V21.7509H34ZM38 25.5009H27C25.6194 25.5009 24.5 26.6202 24.5 28.0009V42.0009C24.5 43.3815 25.6194 44.5009 27 44.5009H38C39.3806 44.5009 40.5 43.3815 40.5 42.0009V28.0009C40.5 26.6202 39.3806 25.5009 38 25.5009Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3772">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/bell.svg b/assets/icons/complex/bell.svg
new file mode 100644
index 00000000..9c903da2
--- /dev/null
+++ b/assets/icons/complex/bell.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.7916 39.9999C43.9192 39.9999 44.8333 39.1393 44.8333 38.0776V37.4778C44.8333 36.9628 44.6138 36.4693 44.2241 36.108L42.7752 34.7648C40.8265 32.9581 39.7291 30.4908 39.7291 27.9157V20.1109C39.7291 12.7763 35.6458 6.86136 28.2448 5.20517V3.54898C28.2448 1.65619 26.4583 0 24.4166 0C22.375 0 20.5885 1.65619 20.5885 3.54898V5.20517C13.1875 6.86136 9.10416 12.7763 9.10416 20.1109V27.9157C9.10416 30.4908 8.0068 32.9581 6.05804 34.7648L4.60922 36.108C4.21947 36.4693 4 36.9628 4 37.4778V38.0776C4 39.1393 4.91408 39.9999 6.04166 39.9999H42.7916ZM26.5093 3.54898V6.56061L27.8583 6.86247C34.3551 8.31631 37.9937 13.4477 37.9937 20.1109V27.9157C37.9937 30.9687 39.2954 33.8793 41.5824 35.9995L43.0312 37.3427C43.0827 37.3905 43.0979 37.4407 43.0979 37.4778V38.0776C43.0979 38.1169 43.0837 38.1632 43.0327 38.2113C42.9805 38.2604 42.8988 38.2999 42.7916 38.2999H6.04166C5.93452 38.2999 5.85282 38.2604 5.80059 38.2113C5.74957 38.1632 5.73541 38.1169 5.73541 38.0776V37.4778C5.73541 37.4407 5.75057 37.3905 5.8021 37.3427L7.25092 35.9995C9.5379 33.8793 10.8396 30.9687 10.8396 27.9157V20.1109C10.8396 13.4477 14.4782 8.31631 20.975 6.86247L22.3239 6.56061V3.54898C22.3239 2.68211 23.2421 1.7 24.4166 1.7C25.5912 1.7 26.5093 2.68211 26.5093 3.54898Z" fill="currentColor"/>
+<path d="M24.4166 48C27.2239 48 29.5208 45.7846 29.5208 43.0769H19.3125C19.3125 45.7846 21.6094 48 24.4166 48Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/big-help.svg b/assets/icons/complex/big-help.svg
new file mode 100644
index 00000000..a8268ffb
--- /dev/null
+++ b/assets/icons/complex/big-help.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3775)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.3802 2.3402C20.907 0.842113 18.9114 0.000854492 16.831 0.000854492C14.7505 0.000854492 12.7549 0.842113 11.2817 2.3402C9.81994 3.84644 9 5.88001 9 7.99917C9 10.1183 9.81994 12.1519 11.2817 13.6581L22.9351 25.5573C23.0753 25.699 23.2415 25.8112 23.4242 25.8873C23.6069 25.9634 23.8026 26.002 24 26.0008C24.1974 26.002 24.3931 25.9634 24.5758 25.8873C24.7585 25.8112 24.9247 25.699 25.0649 25.5573L36.7183 13.6581C38.1801 12.1519 39 10.1183 39 7.99917C39 5.88001 38.1801 3.84644 36.7183 2.3402C35.2451 0.842113 33.2495 0.000854492 31.169 0.000854492C29.0886 0.000854492 27.093 0.842113 25.6198 2.3402L24 3.992L22.3802 2.3402ZM35.6453 3.38841C34.4513 2.1761 32.8412 1.50085 31.169 1.50085C29.4955 1.50085 27.8843 2.17714 26.69 3.39121L26.6893 3.39193L24 6.1344L21.31 3.39121C20.1157 2.17714 18.5045 1.50085 16.831 1.50085C15.1588 1.50085 13.5487 2.17609 12.3547 3.38839C11.1696 4.61138 10.5 6.26752 10.5 7.99917C10.5 9.73142 11.1701 11.3881 12.3559 12.6112L12.3581 12.6135L24 24.5008L35.6419 12.6135L35.6441 12.6112C36.8299 11.3881 37.5 9.73143 37.5 7.99917C37.5 6.26753 36.8304 4.6114 35.6453 3.38841Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.816 24.6198C40.9033 24.223 40.984 23.7346 41.0621 23.1692C41.1632 22.4369 41.2508 21.6489 41.3425 20.8243C41.4008 20.2999 41.4609 19.7596 41.5271 19.2098C41.6902 17.8555 41.8897 16.4554 42.1925 15.3715C42.3414 14.8385 42.5444 14.271 42.8477 13.8033C43.1404 13.3521 43.724 12.707 44.681 12.6724C45.7847 12.6325 46.4566 13.3929 46.7827 13.9292C47.1223 14.4878 47.3412 15.1845 47.495 15.8664C47.8089 17.2579 47.953 19.0673 47.9888 20.8691C48.025 22.6876 47.952 24.5789 47.803 26.1672C47.7285 26.9608 47.6335 27.6957 47.5195 28.3176C47.4119 28.9049 47.2676 29.5067 47.0548 29.963L47.0362 30.003L47.0152 30.0418C45.8191 32.2567 44.2408 34.2629 42.7598 36.1456L42.7576 36.1484C42.5621 36.3968 42.3683 36.6432 42.1774 36.8875C40.5737 38.9395 39.1406 40.8833 38.2067 43.0268C38.8447 43.5526 39.0734 44.4614 38.7077 45.2455L37.9251 46.9237C37.4915 47.8538 36.3859 48.2562 35.4559 47.8225L26.3833 43.5919C25.4533 43.1582 25.0509 42.0527 25.4846 41.1226L26.2672 39.4444C26.5896 38.753 27.2833 38.3532 28.0001 38.3717C27.9973 36.4561 28.2825 34.8651 28.8015 33.4867C29.4202 31.8435 30.3375 30.5928 31.3302 29.5098C31.8947 28.894 32.5689 28.2507 33.2105 27.6385C33.6062 27.2608 33.9896 26.895 34.3272 26.5548C35.2896 25.5848 36.1855 24.5458 36.9352 23.2131C37.2504 22.6527 37.815 22.2749 38.4497 22.2072C39.1266 22.135 39.8664 22.4311 40.2736 23.132C40.5622 23.6249 40.7333 24.1248 40.816 24.6198ZM29.5088 38.9058C29.3403 33.3937 31.6354 31.2094 34.172 28.7952C35.3897 27.6363 36.6631 26.4244 37.7463 24.766L37.7551 24.7525C37.8059 24.6746 37.8563 24.5956 37.9062 24.5157L37.6838 24.6462L37.6777 24.6358L37.9174 24.4977C38.0281 24.3199 38.1365 24.1369 38.2425 23.9485C38.4073 23.6557 38.8097 23.5959 38.9774 23.887C39.0981 24.0926 39.1888 24.3029 39.253 24.5169C39.2946 24.6556 39.3251 24.7959 39.3453 24.9374C39.3492 24.9647 39.3527 24.9919 39.3559 25.0192C39.5545 26.7474 38.2658 28.6568 37.1743 30.2739C36.9435 30.6159 36.7209 30.9457 36.5238 31.257C36.2759 31.6483 36.4001 32.154 36.7815 32.4167C37.1944 32.7011 37.7597 32.5997 38.0461 32.1881C39.4207 30.213 40.7589 28.2091 41.9072 26.0917C42.3577 25.2627 42.5912 23.1651 42.8372 20.9563C43.1992 17.705 43.588 14.2129 44.7351 14.1714C47.1135 14.0855 46.714 27.1447 45.6954 29.3291C44.5649 31.4223 43.072 33.3212 41.5826 35.2156C40.017 37.2069 38.4552 39.1934 37.3223 41.3955C37.1629 41.7054 37.0119 42.0196 36.8706 42.3387L29.5088 38.9058ZM26.8441 41.7566L27.6266 40.0783C27.7102 39.8991 27.9233 39.8215 28.1025 39.9051L37.175 44.1357C37.3543 44.2193 37.4318 44.4323 37.3483 44.6116L36.5657 46.2898C36.4821 46.4691 36.269 46.5466 36.0898 46.463L27.0173 42.2324C26.838 42.1489 26.7605 41.9358 26.8441 41.7566Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.9359 23.1692C7.01398 23.7346 7.0947 24.223 7.18199 24.6198C7.26466 24.1248 7.43579 23.6249 7.72441 23.132C8.13152 22.4311 8.87134 22.135 9.54822 22.2072C10.183 22.2749 10.7476 22.6527 11.0628 23.2131C11.8124 24.5458 12.7084 25.5848 13.6708 26.5548C14.0084 26.895 14.3917 27.2608 14.7875 27.6385C15.4291 28.2507 16.1033 28.894 16.6678 29.5098C17.6604 30.5928 18.5777 31.8435 19.1964 33.4867C19.7154 34.8651 20.0007 36.4561 19.9978 38.3717C20.7147 38.3532 21.4084 38.753 21.7308 39.4444L22.5134 41.1226C22.9471 42.0527 22.5447 43.1582 21.6146 43.5919L12.5421 47.8225C11.612 48.2562 10.5065 47.8538 10.0728 46.9237L9.29024 45.2455C8.92461 44.4614 9.15322 43.5526 9.79128 43.0268C8.85736 40.8833 7.42427 38.9395 5.8206 36.8875C5.62935 36.6428 5.43529 36.3961 5.23953 36.1473L5.23819 36.1456C3.75715 34.2629 2.17888 32.2567 0.982746 30.0418L0.961767 30.003L0.943111 29.963C0.730354 29.5067 0.586101 28.9049 0.478426 28.3176C0.364414 27.6957 0.269438 26.9608 0.19499 26.1672C0.0460032 24.5789 -0.0270082 22.6876 0.00913034 20.8691C0.044937 19.0673 0.189085 17.2579 0.50293 15.8664C0.656711 15.1845 0.875612 14.4878 1.21526 13.9292C1.54132 13.3929 2.21324 12.6325 3.317 12.6724C4.27393 12.707 4.85758 13.3521 5.15026 13.8033C5.45356 14.271 5.65655 14.8385 5.80548 15.3715C6.1083 16.4554 6.30774 17.8555 6.47083 19.2098C6.53703 19.7596 6.59709 20.2996 6.65542 20.824C6.74713 21.6488 6.83477 22.4368 6.9359 23.1692ZM13.8259 28.7952C16.3626 31.2094 18.6576 33.3937 18.4891 38.9058L11.1273 42.3387C10.9861 42.0196 10.8351 41.7054 10.6757 41.3955C9.54273 39.1934 7.98097 37.2069 6.41538 35.2156C4.92594 33.3212 3.43302 31.4223 2.30257 29.3291C1.28398 27.1447 0.884434 14.0855 3.26286 14.1714C4.40994 14.2129 4.79878 17.705 5.16079 20.9563C5.40672 23.1651 5.64029 25.2627 6.09081 26.0917C7.23905 28.2091 8.57727 30.213 9.95189 32.1881C10.2383 32.5997 10.8035 32.7011 11.2165 32.4167C11.5979 32.154 11.722 31.6483 11.4742 31.257C11.2769 30.9454 11.0546 30.6162 10.8236 30.2739C9.73221 28.6568 8.44344 26.7474 8.64211 25.0192C8.64525 24.9919 8.64876 24.9647 8.65265 24.9374C8.67288 24.7959 8.70332 24.6556 8.74494 24.5169C8.80912 24.3029 8.89984 24.0926 9.02054 23.887C9.18827 23.5959 9.59071 23.6557 9.75542 23.9485C9.86142 24.1369 9.9699 24.3199 10.0806 24.4977L10.3203 24.6358L10.3142 24.6462L10.0918 24.5157C10.1417 24.5956 10.1921 24.6746 10.2429 24.7525L10.2517 24.766C11.3349 26.4244 12.6083 27.6363 13.8259 28.7952ZM20.3713 40.0783L21.1539 41.7566C21.2375 41.9358 21.1599 42.1489 20.9807 42.2324L11.9082 46.463C11.7289 46.5466 11.5159 46.4691 11.4323 46.2898L10.6497 44.6116C10.5661 44.4323 10.6437 44.2193 10.8229 44.1357L19.8954 39.9051C20.0747 39.8215 20.2877 39.8991 20.3713 40.0783Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3775">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/business-file.svg b/assets/icons/complex/business-file.svg
new file mode 100644
index 00000000..d5872285
--- /dev/null
+++ b/assets/icons/complex/business-file.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10867)">
+<path d="M9 6.75085C9 7.16507 9.33579 7.50085 9.75 7.50085H18.25C18.6642 7.50085 19 7.16507 19 6.75085C19 6.33664 18.6642 6.00085 18.25 6.00085H9.75C9.33579 6.00085 9 6.33664 9 6.75085Z" fill="currentColor"/>
+<path d="M19 10.7509C19 11.1651 18.6642 11.5009 18.25 11.5009H9.75C9.33579 11.5009 9 11.1651 9 10.7509C9 10.3366 9.33579 10.0009 9.75 10.0009H18.25C18.6642 10.0009 19 10.3366 19 10.7509Z" fill="currentColor"/>
+<path d="M9.75 15.5009C9.33579 15.5009 9 15.1651 9 14.7509C9 14.3366 9.33579 14.0009 9.75 14.0009H15.25C15.6642 14.0009 16 14.3366 16 14.7509C16 15.1651 15.6642 15.5009 15.25 15.5009H9.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 11.5009C34 14.5384 31.5376 17.0009 28.5 17.0009C25.4624 17.0009 23 14.5384 23 11.5009C23 8.46329 25.4624 6.00085 28.5 6.00085C31.5376 6.00085 34 8.46329 34 11.5009ZM32.5 11.5009C32.5 13.71 30.7091 15.5009 28.5 15.5009C26.2909 15.5009 24.5 13.71 24.5 11.5009C24.5 9.29172 26.2909 7.50086 28.5 7.50086C30.7091 7.50086 32.5 9.29172 32.5 11.5009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 0.000854492C40.1046 0.000854492 41 0.896285 41 2.00085V16.0009H43C44.1046 16.0009 45 16.8963 45 18.0009V30.0009H45.6391C46.875 30.0009 47.815 31.1106 47.6119 32.3297L45.2785 46.3297C45.1178 47.294 44.2834 48.0009 43.3057 48.0009H2C0.895431 48.0009 0 47.1054 0 46.0009V18.0009C0 16.8963 0.89543 16.0009 2 16.0009H5V2.00085C5 0.896285 5.89543 0.000854492 7 0.000854492H39ZM17.0788 27.9931C16.7204 27.3787 16.0626 27.0009 15.3513 27.0009H6.5V2.00085C6.5 1.72471 6.72386 1.50085 7 1.50085H39C39.2761 1.50085 39.5 1.72471 39.5 2.00085V30.0009H37V26.5009C37 21.8064 33.1944 18.0009 28.5 18.0009C23.8056 18.0009 20 21.8064 20 26.5009V30.0009H18.25L17.0788 27.9931ZM35.5 26.5009V30.0009H21.5V26.5009C21.5 23.1025 23.9216 20.2698 27.1333 19.6342L28 20.5009L26.5 26.5009L28.5 29.5009L30.5 26.5009L29 20.5009L29.8667 19.6342C33.0784 20.2698 35.5 23.1025 35.5 26.5009ZM43.5 30.0009H41V17.5009H43C43.2761 17.5009 43.5 17.7247 43.5 18.0009V30.0009ZM1.5 18.0009C1.5 17.7247 1.72386 17.5009 2 17.5009H5V27.0009H4.73459C3.73929 27.0009 2.89545 27.7327 2.75469 28.718L1.5 37.5009V18.0009ZM17.3884 31.5009H45.6391C45.948 31.5009 46.1831 31.7783 46.1323 32.0831L43.7989 46.0831C43.7588 46.3241 43.5502 46.5009 43.3057 46.5009H2.30602C2.00174 46.5009 1.76801 46.2314 1.81104 45.9301L4.23962 28.9301C4.27481 28.6838 4.48577 28.5009 4.73459 28.5009H15.3513C15.5291 28.5009 15.6935 28.5953 15.7831 28.7489L17.3884 31.5009Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10867">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/businessman.svg b/assets/icons/complex/businessman.svg
new file mode 100644
index 00000000..fb789aca
--- /dev/null
+++ b/assets/icons/complex/businessman.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.25 7.75085V10H4C1.79086 10 0 11.7909 0 14V41C0 43.2091 1.79086 45 4 45H44C46.2091 45 48 43.2091 48 41V14C48 11.7909 46.2091 10 44 10H37.75V7.75085C37.75 5.1275 35.6234 3.00085 33 3.00085H15C12.3766 3.00085 10.25 5.1275 10.25 7.75085ZM15 4.50085C13.2051 4.50085 11.75 5.95593 11.75 7.75085V10H36.25V7.75085C36.25 5.95593 34.7949 4.50085 33 4.50085H15ZM4 11.5H44C45.3807 11.5 46.5 12.6193 46.5 14V22.7999L40 23.5065V20.75C40 20.3358 39.6642 20 39.25 20C38.8358 20 38.5 20.3358 38.5 20.75V23.6695L24 25.2456L9.5 23.6695V20.75C9.5 20.3358 9.16421 20 8.75 20C8.33579 20 8 20.3358 8 20.75V23.5065L1.5 22.7999V14C1.5 12.6193 2.61929 11.5 4 11.5ZM8 25.0153L1.5 24.3088V41C1.5 42.3807 2.61929 43.5 4 43.5H44C45.3807 43.5 46.5 42.3807 46.5 41V24.3088L40 25.0153V28.25C40 28.6642 39.6642 29 39.25 29C38.8358 29 38.5 28.6642 38.5 28.25V25.1783L24 26.7544L9.5 25.1783V28.25C9.5 28.6642 9.16421 29 8.75 29C8.33579 29 8 28.6642 8 28.25V25.0153Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/cactus.svg b/assets/icons/complex/cactus.svg
new file mode 100644
index 00000000..a410b9a4
--- /dev/null
+++ b/assets/icons/complex/cactus.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6035_10599)">
+<path d="M22 32.7509C22 32.3366 22.3358 32.0009 22.75 32.0009H24.25C24.6642 32.0009 25 32.3366 25 32.7509C25 33.1651 24.6642 33.5009 24.25 33.5009H22.75C22.3358 33.5009 22 33.1651 22 32.7509Z" fill="currentColor"/>
+<path d="M24.75 27.0009C24.3358 27.0009 24 27.3366 24 27.7509C24 28.1651 24.3358 28.5009 24.75 28.5009H26.25C26.6642 28.5009 27 28.1651 27 27.7509C27 27.3366 26.6642 27.0009 26.25 27.0009H24.75Z" fill="currentColor"/>
+<path d="M20.75 20.0009C20.3358 20.0009 20 20.3366 20 20.7509C20 21.1651 20.3358 21.5009 20.75 21.5009H22.25C22.6642 21.5009 23 21.1651 23 20.7509C23 20.3366 22.6642 20.0009 22.25 20.0009H20.75Z" fill="currentColor"/>
+<path d="M25 11.7509C25 11.3366 25.3358 11.0009 25.75 11.0009H27.25C27.6642 11.0009 28 11.3366 28 11.7509C28 12.1651 27.6642 12.5009 27.25 12.5009H25.75C25.3358 12.5009 25 12.1651 25 11.7509Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 46.5009V36.0009H32C35.5452 36.0009 38.5518 33.6948 39.6016 30.5009H40.25C40.6642 30.5009 41 30.1651 41 29.7509C41 29.3366 40.6642 29.0009 40.25 29.0009H39.9381C39.979 28.6733 40 28.3395 40 28.0009V24.5009H40.25C40.6642 24.5009 41 24.1651 41 23.7509C41 23.3366 40.6642 23.0009 40.25 23.0009H40V19.5009H40.25C40.6642 19.5009 41 19.1651 41 18.7509C41 18.3366 40.6642 18.0009 40.25 18.0009H40V15.0009C40 13.344 38.6569 12.0009 37 12.0009C35.3431 12.0009 34 13.344 34 15.0009V16.0009H33.75C33.3358 16.0009 33 16.3366 33 16.7509C33 17.1651 33.3358 17.5009 33.75 17.5009H34V25.0009H33.75C33.3358 25.0009 33 25.3366 33 25.7509C33 26.1651 33.3358 26.5009 33.75 26.5009H34V28.0009C34 29.1054 33.1046 30.0009 32 30.0009H30V21.5009H30.25C30.6642 21.5009 31 21.1651 31 20.7509C31 20.3366 30.6642 20.0009 30.25 20.0009H30V6.50085H30.25C30.6642 6.50085 31 6.16507 31 5.75085C31 5.33664 30.6642 5.00085 30.25 5.00085H29.8261C29.1489 2.13415 26.5736 0.000854492 23.5 0.000854492C20.0784 0.000854492 17.2743 2.64463 17.0189 6.00085H16.75C16.3358 6.00085 16 6.33664 16 6.75085C16 7.16507 16.3358 7.50085 16.75 7.50085H17V12.0009H16.75C16.3358 12.0009 16 12.3366 16 12.7509C16 13.1651 16.3358 13.5009 16.75 13.5009H17V24.0009C15.8954 24.0009 15 23.1054 15 22.0009V18.5009H15.25C15.6642 18.5009 16 18.1651 16 17.7509C16 17.3366 15.6642 17.0009 15.25 17.0009H15V11.5009C15 9.56786 13.433 8.00085 11.5 8.00085C9.567 8.00085 8 9.56786 8 11.5009V12.0009H7.75C7.33579 12.0009 7 12.3366 7 12.7509C7 13.1651 7.33579 13.5009 7.75 13.5009H8V20.0009H6.75C6.33579 20.0009 6 20.3366 6 20.7509C6 21.1651 6.33579 21.5009 6.75 21.5009H8V23.0009C8 27.4191 11.5817 31.0009 16 31.0009H17V46.5009H2.75C2.33579 46.5009 2 46.8366 2 47.2509C2 47.6651 2.33579 48.0009 2.75 48.0009H45.25C45.6642 48.0009 46 47.6651 46 47.2509C46 46.8366 45.6642 46.5009 45.25 46.5009H30ZM35.5 26.4582V28.0009C35.5 29.9339 33.933 31.5009 32 31.5009H30V34.5009H32C34.7039 34.5009 37.0223 32.8498 38.0018 30.5009H37.75C37.3358 30.5009 37 30.1651 37 29.7509C37 29.3366 37.3358 29.0009 37.75 29.0009H38.4236C38.4739 28.6749 38.5 28.3409 38.5 28.0009V24.5009H37.75C37.3358 24.5009 37 24.1651 37 23.7509C37 23.3366 37.3358 23.0009 37.75 23.0009H38.5V19.4582C38.2087 19.3552 38 19.0774 38 18.7509C38 18.4243 38.2087 18.1465 38.5 18.0435V15.0009C38.5 14.1724 37.8284 13.5009 37 13.5009C36.1716 13.5009 35.5 14.1724 35.5 15.0009V16.0009H36.25C36.6642 16.0009 37 16.3366 37 16.7509C37 17.1651 36.6642 17.5009 36.25 17.5009H35.5V25.0435C35.7913 25.1465 36 25.4243 36 25.7509C36 26.0774 35.7913 26.3552 35.5 26.4582ZM10.25 21.5009H9.5V23.0009C9.5 26.5907 12.4101 29.5009 16 29.5009H17V25.5009C15.067 25.5009 13.5 23.9339 13.5 22.0009V18.5009H12.75C12.3358 18.5009 12 18.1651 12 17.7509C12 17.3366 12.3358 17.0009 12.75 17.0009H13.5V11.5009C13.5 10.3963 12.6046 9.50085 11.5 9.50085C10.3954 9.50085 9.5 10.3963 9.5 11.5009V12.0435C9.7913 12.1465 10 12.4243 10 12.7509C10 13.0774 9.7913 13.3552 9.5 13.4582V20.0009H10.25C10.6642 20.0009 11 20.3366 11 20.7509C11 21.1651 10.6642 21.5009 10.25 21.5009ZM18.5 13.5009V46.5009H28.5V21.5009H27.75C27.3358 21.5009 27 21.1651 27 20.7509C27 20.3366 27.3358 20.0009 27.75 20.0009H28.5V6.50085H27.75C27.3358 6.50085 27 6.16507 27 5.75085C27 5.33664 27.3358 5.00085 27.75 5.00085H28.2711C27.634 2.9723 25.7388 1.50085 23.5 1.50085C20.8902 1.50085 18.7475 3.50031 18.52 6.05091C18.8008 6.1593 19 6.43181 19 6.75085C19 7.07741 18.7913 7.35522 18.5 7.45818V12.0009H19.25C19.6642 12.0009 20 12.3366 20 12.7509C20 13.1651 19.6642 13.5009 19.25 13.5009H18.5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6035_10599">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/camera.svg b/assets/icons/complex/camera.svg
new file mode 100644
index 00000000..567f09f7
--- /dev/null
+++ b/assets/icons/complex/camera.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 16.251C38.4812 16.251 37.25 17.4822 37.25 19.0009C37.25 20.5197 38.4812 21.7509 40 21.7509C41.5188 21.7509 42.75 20.5197 42.75 19.0009C42.75 17.4822 41.5188 16.251 40 16.251ZM38.75 19.0009C38.75 18.3106 39.3096 17.751 40 17.751C40.6904 17.751 41.25 18.3106 41.25 19.0009C41.25 19.6913 40.6904 20.2509 40 20.2509C39.3096 20.2509 38.75 19.6913 38.75 19.0009Z" fill="currentColor"/>
+<path d="M24 19.751C20.5482 19.751 17.75 22.5492 17.75 26.0009H16.25C16.25 21.7208 19.7198 18.251 24 18.251V19.751Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5936 6.25098C15.9532 6.25098 15.364 6.60078 15.0573 7.16299L12.6258 11.6207C12.582 11.701 12.4979 11.751 12.4064 11.751H5C2.37665 11.751 0.25 13.8777 0.25 16.501V37.001C0.25 39.6243 2.37665 41.751 5 41.751H43C45.6234 41.751 47.75 39.6243 47.75 37.001V16.501C47.75 13.8777 45.6234 11.751 43 11.751H35.5936C35.5021 11.751 35.418 11.701 35.3742 11.6207L32.9427 7.16299C32.636 6.60078 32.0468 6.25098 31.4064 6.25098H16.5936ZM16.3742 7.88126C16.418 7.80095 16.5021 7.75098 16.5936 7.75098H31.4064C31.4979 7.75098 31.582 7.80095 31.6258 7.88126L34.0573 12.339C34.364 12.9012 34.9532 13.251 35.5936 13.251H43C44.7949 13.251 46.25 14.7061 46.25 16.501V32.251H32.7474C34.008 30.4898 34.75 28.332 34.75 26.0009C34.75 20.0639 29.9371 15.251 24 15.251C18.0629 15.251 13.25 20.0639 13.25 26.0009C13.25 28.332 13.992 30.4898 15.2526 32.251H1.75V16.501C1.75 14.7061 3.20508 13.251 5 13.251H12.4064C13.0468 13.251 13.636 12.9012 13.9427 12.339L16.3742 7.88126ZM31.4498 33.751C29.5176 35.6088 26.8922 36.7509 24 36.7509C21.1078 36.7509 18.4824 35.6088 16.5502 33.751H1.75V37.001C1.75 38.7959 3.20507 40.251 5 40.251H43C44.7949 40.251 46.25 38.7959 46.25 37.001V33.751H31.4498ZM14.75 26.0009C14.75 20.8923 18.8914 16.751 24 16.751C29.1086 16.751 33.25 20.8923 33.25 26.0009C33.25 31.1096 29.1086 35.2509 24 35.2509C18.8914 35.2509 14.75 31.1096 14.75 26.0009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/car.svg b/assets/icons/complex/car.svg
new file mode 100644
index 00000000..8aed9be4
--- /dev/null
+++ b/assets/icons/complex/car.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 27C13 29.2091 11.2091 31 9 31C6.79086 31 5 29.2091 5 27C5 24.7909 6.79086 23 9 23C11.2091 23 13 24.7909 13 27ZM11.5 27C11.5 28.3807 10.3807 29.5 9 29.5C7.61929 29.5 6.5 28.3807 6.5 27C6.5 25.6193 7.61929 24.5 9 24.5C10.3807 24.5 11.5 25.6193 11.5 27Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 31C41.2091 31 43 29.2091 43 27C43 24.7909 41.2091 23 39 23C36.7909 23 35 24.7909 35 27C35 29.2091 36.7909 31 39 31ZM39 29.5C40.3807 29.5 41.5 28.3807 41.5 27C41.5 25.6193 40.3807 24.5 39 24.5C37.6193 24.5 36.5 25.6193 36.5 27C36.5 28.3807 37.6193 29.5 39 29.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4342 6C11.055 6 8.92154 7.46527 8.06746 9.68587L6.31203 14.25H3.25C1.45507 14.25 0 15.7051 0 17.5C0 19.141 1.21623 20.498 2.79647 20.7186C1.68772 21.8073 1 23.3233 1 25V29.9534C1 32.0456 2.07927 33.9204 3.75 34.9978V39.25C3.75 40.7688 4.98122 42 6.5 42H9C10.5188 42 11.75 40.7688 11.75 39.25V36.7458C19.8857 37.75 28.1143 37.75 36.25 36.7458V39.25C36.25 40.7688 37.4812 42 39 42H41.5C43.0188 42 44.25 40.7688 44.25 39.25V34.9978C45.9207 33.9204 47 32.0456 47 29.9534V25C47 23.3233 46.3123 21.8073 45.2035 20.7186C46.7838 20.498 48 19.141 48 17.5C48 15.7051 46.5449 14.25 44.75 14.25H41.6884L39.9329 9.68587C39.0789 7.46527 36.9454 6 34.5662 6H13.4342ZM42.2653 15.75L43.6115 19.25H44.75C45.7165 19.25 46.5 18.4665 46.5 17.5C46.5 16.5335 45.7165 15.75 44.75 15.75H42.2653ZM3.25 15.75H5.7351L4.38895 19.25H3.25C2.2835 19.25 1.5 18.4665 1.5 17.5C1.5 16.5335 2.2835 15.75 3.25 15.75ZM41.9361 19.0726L38.5329 10.2243C37.9016 8.58302 36.3247 7.5 34.5662 7.5H13.4342C11.6757 7.5 10.0988 8.58303 9.46748 10.2243L6.06433 19.0725C6.36922 19.0248 6.68171 19 7 19H41C41.3184 19 41.6311 19.0248 41.9361 19.0726ZM7 20.5H41C43.4853 20.5 45.5 22.5147 45.5 25V29.9534C45.5 32.1412 43.9265 34.012 41.771 34.3869L40.8771 34.5423C29.7095 36.4845 18.2905 36.4845 7.1229 34.5423L6.22897 34.3869C4.07352 34.012 2.5 32.1412 2.5 29.9534V25C2.5 22.5147 4.51472 20.5 7 20.5ZM37.75 36.5492V39.25C37.75 39.9404 38.3096 40.5 39 40.5H41.5C42.1904 40.5 42.75 39.9404 42.75 39.25V35.6929C42.5156 35.7642 42.2747 35.8218 42.028 35.8647L41.1341 36.0202C40.0084 36.2159 38.8802 36.3923 37.75 36.5492ZM6.86589 36.0202C7.99157 36.2159 9.11978 36.3923 10.25 36.5492V39.25C10.25 39.9404 9.69036 40.5 9 40.5H6.5C5.80964 40.5 5.25 39.9404 5.25 39.25V35.6929C5.48438 35.7642 5.72531 35.8218 5.97196 35.8647L6.86589 36.0202Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/card-400.svg b/assets/icons/complex/card-400.svg
new file mode 100644
index 00000000..96fddf99
--- /dev/null
+++ b/assets/icons/complex/card-400.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L36.098 15.8008H38.5022L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L9.4978 15.8008H11.902L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+<path d="M27.7905 32.3933V34.2278C27.7905 35.1066 27.7032 35.8568 27.5285 36.4786C27.3589 37.0953 27.1122 37.5963 26.7885 37.9817C26.4647 38.3671 26.0768 38.6497 25.6246 38.8296C25.1775 39.0094 24.6764 39.0994 24.1215 39.0994C23.6795 39.0994 23.2684 39.0429 22.8882 38.9298C22.513 38.8167 22.1739 38.6395 21.8707 38.3979C21.5675 38.1564 21.308 37.8455 21.0922 37.4652C20.8815 37.0798 20.717 36.6199 20.5988 36.0855C20.4858 35.5511 20.4293 34.9318 20.4293 34.2278V32.3933C20.4293 31.5094 20.5166 30.7643 20.6913 30.1579C20.8661 29.5464 21.1153 29.0505 21.439 28.6702C21.7628 28.2848 22.1482 28.0048 22.5952 27.8301C23.0475 27.6553 23.5511 27.568 24.106 27.568C24.5531 27.568 24.9642 27.6245 25.3393 27.7376C25.7196 27.8455 26.0588 28.0176 26.3568 28.254C26.66 28.4904 26.917 28.7987 27.1276 29.179C27.3435 29.5541 27.5079 30.0089 27.621 30.5433C27.734 31.0726 27.7905 31.6893 27.7905 32.3933ZM25.9329 34.4899V32.1158C25.9329 31.6687 25.9072 31.2756 25.8558 30.9364C25.8044 30.5921 25.7273 30.3018 25.6246 30.0654C25.5269 29.8239 25.4036 29.6286 25.2546 29.4796C25.1055 29.3254 24.936 29.215 24.7458 29.1481C24.5557 29.0762 24.3424 29.0402 24.106 29.0402C23.8183 29.0402 23.5613 29.0968 23.3352 29.2098C23.1091 29.3177 22.919 29.4924 22.7648 29.734C22.6107 29.9755 22.4925 30.2941 22.4103 30.6898C22.3332 31.0803 22.2946 31.5557 22.2946 32.1158V34.4899C22.2946 34.9421 22.3203 35.3404 22.3717 35.6847C22.4231 36.029 22.5002 36.3244 22.603 36.5711C22.7057 36.8126 22.8291 37.013 22.9729 37.1723C23.122 37.3265 23.2916 37.4396 23.4817 37.5115C23.677 37.5834 23.8902 37.6194 24.1215 37.6194C24.4144 37.6194 24.6739 37.5629 24.9 37.4498C25.1261 37.3368 25.3162 37.1569 25.4704 36.9103C25.6246 36.6585 25.7402 36.3321 25.8173 35.9313C25.8943 35.5305 25.9329 35.05 25.9329 34.4899Z" fill="currentColor"/>
+<path d="M37.3943 32.3933V34.2278C37.3943 35.1066 37.3069 35.8568 37.1322 36.4786C36.9626 37.0953 36.716 37.5963 36.3922 37.9817C36.0685 38.3671 35.6805 38.6497 35.2283 38.8296C34.7812 39.0094 34.2802 39.0994 33.7252 39.0994C33.2833 39.0994 32.8722 39.0429 32.4919 38.9298C32.1168 38.8167 31.7776 38.6395 31.4744 38.3979C31.1712 38.1564 30.9117 37.8455 30.6959 37.4652C30.4852 37.0798 30.3208 36.6199 30.2026 36.0855C30.0895 35.5511 30.033 34.9318 30.033 34.2278V32.3933C30.033 31.5094 30.1204 30.7643 30.2951 30.1579C30.4698 29.5464 30.719 29.0505 31.0428 28.6702C31.3665 28.2848 31.7519 28.0048 32.199 27.8301C32.6512 27.6553 33.1548 27.568 33.7098 27.568C34.1569 27.568 34.568 27.6245 34.9431 27.7376C35.3234 27.8455 35.6625 28.0176 35.9606 28.254C36.2638 28.4904 36.5207 28.7987 36.7314 29.179C36.9472 29.5541 37.1117 30.0089 37.2247 30.5433C37.3378 31.0726 37.3943 31.6893 37.3943 32.3933ZM35.5366 34.4899V32.1158C35.5366 31.6687 35.5109 31.2756 35.4595 30.9364C35.4081 30.5921 35.3311 30.3018 35.2283 30.0654C35.1307 29.8239 35.0073 29.6286 34.8583 29.4796C34.7093 29.3254 34.5397 29.215 34.3496 29.1481C34.1594 29.0762 33.9462 29.0402 33.7098 29.0402C33.422 29.0402 33.1651 29.0968 32.939 29.2098C32.7129 29.3177 32.5227 29.4924 32.3686 29.734C32.2144 29.9755 32.0962 30.2941 32.014 30.6898C31.9369 31.0803 31.8984 31.5557 31.8984 32.1158V34.4899C31.8984 34.9421 31.9241 35.3404 31.9755 35.6847C32.0268 36.029 32.1039 36.3244 32.2067 36.5711C32.3095 36.8126 32.4328 37.013 32.5767 37.1723C32.7257 37.3265 32.8953 37.4396 33.0854 37.5115C33.2807 37.5834 33.494 37.6194 33.7252 37.6194C34.0181 37.6194 34.2776 37.5629 34.5037 37.4498C34.7298 37.3368 34.92 37.1569 35.0741 36.9103C35.2283 36.6585 35.3439 36.3321 35.421 35.9313C35.4981 35.5305 35.5366 35.05 35.5366 34.4899Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.758 35.0123V36.4923H17.3551V39.0129H15.4974V36.4923H10.6644L10.6027 35.3746L15.4435 27.7898H17.3551V35.0123H18.758ZM12.5375 35.0123L15.4803 30.2951V35.0123H12.5375Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/card-401.svg b/assets/icons/complex/card-401.svg
new file mode 100644
index 00000000..23574118
--- /dev/null
+++ b/assets/icons/complex/card-401.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L36.098 15.8008H38.5022L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L9.4978 15.8008H11.902L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+<path d="M29.2053 32.3933V34.2278C29.2053 35.1066 29.1179 35.8568 28.9432 36.4786C28.7736 37.0953 28.527 37.5963 28.2032 37.9817C27.8795 38.3671 27.4915 38.6497 27.0393 38.8296C26.5922 39.0094 26.0912 39.0994 25.5362 39.0994C25.0943 39.0994 24.6832 39.0429 24.3029 38.9298C23.9278 38.8167 23.5886 38.6395 23.2854 38.3979C22.9822 38.1564 22.7227 37.8455 22.5069 37.4652C22.2962 37.0798 22.1318 36.6199 22.0136 36.0855C21.9005 35.5511 21.844 34.9318 21.844 34.2278V32.3933C21.844 31.5094 21.9313 30.7643 22.1061 30.1579C22.2808 29.5464 22.53 29.0505 22.8538 28.6702C23.1775 28.2848 23.5629 28.0048 24.01 27.8301C24.4622 27.6553 24.9658 27.568 25.5208 27.568C25.9679 27.568 26.379 27.6245 26.7541 27.7376C27.1344 27.8455 27.4735 28.0176 27.7716 28.254C28.0747 28.4904 28.3317 28.7987 28.5424 29.179C28.7582 29.5541 28.9226 30.0089 29.0357 30.5433C29.1488 31.0726 29.2053 31.6893 29.2053 32.3933ZM27.3476 34.4899V32.1158C27.3476 31.6687 27.3219 31.2756 27.2705 30.9364C27.2191 30.5921 27.1421 30.3018 27.0393 30.0654C26.9417 29.8239 26.8183 29.6286 26.6693 29.4796C26.5203 29.3254 26.3507 29.215 26.1606 29.1481C25.9704 29.0762 25.7572 29.0402 25.5208 29.0402C25.233 29.0402 24.9761 29.0968 24.75 29.2098C24.5239 29.3177 24.3337 29.4924 24.1796 29.734C24.0254 29.9755 23.9072 30.2941 23.825 30.6898C23.7479 31.0803 23.7094 31.5557 23.7094 32.1158V34.4899C23.7094 34.9421 23.7351 35.3404 23.7864 35.6847C23.8378 36.029 23.9149 36.3244 24.0177 36.5711C24.1205 36.8126 24.2438 37.013 24.3877 37.1723C24.5367 37.3265 24.7063 37.4396 24.8964 37.5115C25.0917 37.5834 25.305 37.6194 25.5362 37.6194C25.8291 37.6194 26.0886 37.5629 26.3147 37.4498C26.5408 37.3368 26.731 37.1569 26.8851 36.9103C27.0393 36.6585 27.1549 36.3321 27.232 35.9313C27.3091 35.5305 27.3476 35.05 27.3476 34.4899Z" fill="currentColor"/>
+<path d="M36.5659 27.6836V38.9452H34.7083V29.8881L31.9565 30.8208V29.2869L36.3424 27.6836H36.5659Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7004 34.8945V36.3745H18.2975V38.8951H16.4399V36.3745H11.6069L11.5452 35.2568L16.3859 27.672H18.2975V34.8945H19.7004ZM13.48 34.8945L16.4227 30.1772V34.8945H13.48Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/card-403.svg b/assets/icons/complex/card-403.svg
new file mode 100644
index 00000000..7bed5a5e
--- /dev/null
+++ b/assets/icons/complex/card-403.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L36.098 15.8008H38.5022L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L9.4978 15.8008H11.902L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+<path d="M27.8901 32.3933V34.2278C27.8901 35.1066 27.8027 35.8568 27.628 36.4786C27.4584 37.0953 27.2117 37.5963 26.888 37.9817C26.5643 38.3671 26.1763 38.6497 25.7241 38.8296C25.277 39.0094 24.776 39.0994 24.221 39.0994C23.779 39.0994 23.3679 39.0429 22.9877 38.9298C22.6125 38.8167 22.2734 38.6395 21.9702 38.3979C21.667 38.1564 21.4075 37.8455 21.1917 37.4652C20.981 37.0798 20.8165 36.6199 20.6984 36.0855C20.5853 35.5511 20.5288 34.9318 20.5288 34.2278V32.3933C20.5288 31.5094 20.6161 30.7643 20.7908 30.1579C20.9656 29.5464 21.2148 29.0505 21.5385 28.6702C21.8623 28.2848 22.2477 28.0048 22.6948 27.8301C23.147 27.6553 23.6506 27.568 24.2056 27.568C24.6526 27.568 25.0637 27.6245 25.4389 27.7376C25.8191 27.8455 26.1583 28.0176 26.4563 28.254C26.7595 28.4904 27.0165 28.7987 27.2272 29.179C27.443 29.5541 27.6074 30.0089 27.7205 30.5433C27.8335 31.0726 27.8901 31.6893 27.8901 32.3933ZM26.0324 34.4899V32.1158C26.0324 31.6687 26.0067 31.2756 25.9553 30.9364C25.9039 30.5921 25.8268 30.3018 25.7241 30.0654C25.6264 29.8239 25.5031 29.6286 25.3541 29.4796C25.2051 29.3254 25.0355 29.215 24.8453 29.1481C24.6552 29.0762 24.4419 29.0402 24.2056 29.0402C23.9178 29.0402 23.6609 29.0968 23.4347 29.2098C23.2086 29.3177 23.0185 29.4924 22.8643 29.734C22.7102 29.9755 22.592 30.2941 22.5098 30.6898C22.4327 31.0803 22.3941 31.5557 22.3941 32.1158V34.4899C22.3941 34.9421 22.4198 35.3404 22.4712 35.6847C22.5226 36.029 22.5997 36.3244 22.7025 36.5711C22.8052 36.8126 22.9286 37.013 23.0725 37.1723C23.2215 37.3265 23.3911 37.4396 23.5812 37.5115C23.7765 37.5834 23.9897 37.6194 24.221 37.6194C24.5139 37.6194 24.7734 37.5629 24.9995 37.4498C25.2256 37.3368 25.4157 37.1569 25.5699 36.9103C25.7241 36.6585 25.8397 36.3321 25.9168 35.9313C25.9939 35.5305 26.0324 35.05 26.0324 34.4899Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.758 35.0123V36.4923H17.3551V39.0129H15.4974V36.4923H10.6644L10.6027 35.3746L15.4435 27.7898H17.3551V35.0123H18.758ZM12.5375 35.0123L15.4803 30.2951V35.0123H12.5375Z" fill="currentColor"/>
+<path d="M32.3602 32.4935H33.4701C33.9018 32.4935 34.2589 32.419 34.5416 32.27C34.8293 32.1209 35.0426 31.9154 35.1814 31.6533C35.3201 31.3912 35.3895 31.0906 35.3895 30.7514C35.3895 30.3969 35.3252 30.0937 35.1968 29.8419C35.0734 29.5849 34.8833 29.3871 34.6264 29.2484C34.3746 29.1096 34.0534 29.0402 33.6628 29.0402C33.334 29.0402 33.0359 29.107 32.7687 29.2406C32.5066 29.3691 32.2985 29.5541 32.1443 29.7956C31.9902 30.032 31.9131 30.3146 31.9131 30.6435H30.0477C30.0477 30.0474 30.2045 29.5181 30.5179 29.0557C30.8314 28.5932 31.2579 28.2309 31.7975 27.9688C32.3422 27.7016 32.9537 27.568 33.632 27.568C34.3566 27.568 34.9887 27.6887 35.5282 27.9303C36.0729 28.1666 36.4969 28.5212 36.8001 28.994C37.1033 29.4668 37.2548 30.0526 37.2548 30.7514C37.2548 31.07 37.1803 31.3938 37.0313 31.7227C36.8823 32.0516 36.6613 32.3522 36.3684 32.6245C36.1379 32.8348 35.8628 33.0149 35.5431 33.1648C35.9619 33.3154 36.3064 33.545 36.5765 33.7962C36.8694 34.0634 37.0827 34.3691 37.2163 34.7134C37.3551 35.0577 37.4244 35.4226 37.4244 35.808C37.4244 36.3321 37.3294 36.7998 37.1392 37.2109C36.9542 37.6168 36.6896 37.9611 36.3453 38.2438C36.001 38.5264 35.5976 38.7397 35.1351 38.8835C34.6778 39.0274 34.1793 39.0994 33.6397 39.0994C33.1567 39.0994 32.6942 39.0326 32.2523 38.899C31.8103 38.7654 31.4146 38.5675 31.0652 38.3054C30.7158 38.0382 30.4383 37.7068 30.2327 37.3111C30.0323 36.9103 29.9321 36.4478 29.9321 35.9236H31.7898C31.7898 36.2576 31.8668 36.5531 32.021 36.8101C32.1803 37.0619 32.4013 37.2597 32.6839 37.4036C32.9717 37.5475 33.3006 37.6194 33.6706 37.6194C34.0611 37.6194 34.3977 37.55 34.6803 37.4113C34.963 37.2725 35.1788 37.067 35.3278 36.7946C35.482 36.5223 35.5591 36.1934 35.5591 35.808C35.5591 35.3712 35.4743 35.0166 35.3047 34.7443C35.1351 34.4719 34.8936 34.2715 34.5801 34.143C34.2667 34.0094 33.8967 33.9426 33.4701 33.9426H32.3602V32.4935Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/card-404.svg b/assets/icons/complex/card-404.svg
new file mode 100644
index 00000000..ca313989
--- /dev/null
+++ b/assets/icons/complex/card-404.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L36.098 15.8008H38.5022L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L9.4978 15.8008H11.902L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+<path d="M27.9455 32.3933V34.2278C27.9455 35.1066 27.8581 35.8568 27.6834 36.4786C27.5138 37.0953 27.2672 37.5963 26.9434 37.9817C26.6197 38.3671 26.2317 38.6497 25.7795 38.8296C25.3324 39.0094 24.8314 39.0994 24.2764 39.0994C23.8345 39.0994 23.4234 39.0429 23.0431 38.9298C22.668 38.8167 22.3288 38.6395 22.0256 38.3979C21.7224 38.1564 21.4629 37.8455 21.2471 37.4652C21.0364 37.0798 20.872 36.6199 20.7538 36.0855C20.6407 35.5511 20.5842 34.9318 20.5842 34.2278V32.3933C20.5842 31.5094 20.6715 30.7643 20.8463 30.1579C21.021 29.5464 21.2702 29.0505 21.594 28.6702C21.9177 28.2848 22.3031 28.0048 22.7502 27.8301C23.2024 27.6553 23.706 27.568 24.261 27.568C24.708 27.568 25.1191 27.6245 25.4943 27.7376C25.8745 27.8455 26.2137 28.0176 26.5118 28.254C26.8149 28.4904 27.0719 28.7987 27.2826 29.179C27.4984 29.5541 27.6628 30.0089 27.7759 30.5433C27.8889 31.0726 27.9455 31.6893 27.9455 32.3933ZM26.0878 34.4899V32.1158C26.0878 31.6687 26.0621 31.2756 26.0107 30.9364C25.9593 30.5921 25.8823 30.3018 25.7795 30.0654C25.6818 29.8239 25.5585 29.6286 25.4095 29.4796C25.2605 29.3254 25.0909 29.215 24.9007 29.1481C24.7106 29.0762 24.4974 29.0402 24.261 29.0402C23.9732 29.0402 23.7163 29.0968 23.4902 29.2098C23.2641 29.3177 23.0739 29.4924 22.9198 29.734C22.7656 29.9755 22.6474 30.2941 22.5652 30.6898C22.4881 31.0803 22.4496 31.5557 22.4496 32.1158V34.4899C22.4496 34.9421 22.4753 35.3404 22.5266 35.6847C22.578 36.029 22.6551 36.3244 22.7579 36.5711C22.8607 36.8126 22.984 37.013 23.1279 37.1723C23.2769 37.3265 23.4465 37.4396 23.6366 37.5115C23.8319 37.5834 24.0451 37.6194 24.2764 37.6194C24.5693 37.6194 24.8288 37.5629 25.0549 37.4498C25.281 37.3368 25.4712 37.1569 25.6253 36.9103C25.7795 36.6585 25.8951 36.3321 25.9722 35.9313C26.0493 35.5305 26.0878 35.05 26.0878 34.4899Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.758 34.9447V36.4246H17.3551V38.9452H15.4974V36.4246H10.6644L10.6027 35.307L15.4435 27.7221H17.3551V34.9447H18.758ZM12.5375 34.9447L15.4803 30.2274V34.9447H12.5375Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.6243 35.0526V36.5326H36.2214V39.0531H34.3638V36.5326H29.5307L29.4691 35.4149L34.3098 27.8301H36.2214V35.0526H37.6243ZM31.4038 35.0526L34.3466 30.3353V35.0526H31.4038Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/card-500.svg b/assets/icons/complex/card-500.svg
new file mode 100644
index 00000000..e8772b72
--- /dev/null
+++ b/assets/icons/complex/card-500.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L36.098 15.8008H38.5022L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L9.4978 15.8008H11.902L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+<path d="M12.6575 34.6693L11.1775 34.307L11.7865 28.6646H17.8374V30.2371H13.3281L13.0198 32.9889C13.1945 32.8861 13.436 32.7859 13.7443 32.6883C14.0527 32.5855 14.4047 32.5341 14.8003 32.5341C15.3296 32.5341 15.8024 32.6215 16.2186 32.7962C16.64 32.9658 16.9972 33.215 17.2901 33.5439C17.583 33.8676 17.8065 34.2633 17.9607 34.7309C18.1149 35.1934 18.1919 35.715 18.1919 36.2957C18.1919 36.8147 18.1149 37.3003 17.9607 37.7525C17.8117 38.2047 17.5856 38.603 17.2824 38.9473C16.9792 39.2916 16.5963 39.5614 16.1339 39.7566C15.6765 39.9468 15.1344 40.0418 14.5074 40.0418C14.0398 40.0418 13.5902 39.975 13.1585 39.8414C12.732 39.7027 12.3492 39.4997 12.01 39.2325C11.6708 38.9601 11.3985 38.6261 11.1929 38.2304C10.9874 37.8296 10.8692 37.3697 10.8384 36.8507H12.6575C12.7037 37.2155 12.8039 37.5264 12.9581 37.7834C13.1174 38.0352 13.3281 38.2279 13.5902 38.3615C13.8522 38.4951 14.1554 38.5619 14.4997 38.5619C14.8132 38.5619 15.083 38.5079 15.3091 38.4C15.5352 38.287 15.7228 38.1277 15.8718 37.9221C16.0259 37.7114 16.139 37.4647 16.2109 37.1821C16.288 36.8995 16.3266 36.586 16.3266 36.2417C16.3266 35.9128 16.2829 35.6122 16.1955 35.3399C16.1133 35.0675 15.9874 34.8311 15.8178 34.6307C15.6534 34.4303 15.4453 34.2761 15.1935 34.1682C14.9417 34.0552 14.6513 33.9986 14.3224 33.9986C13.8805 33.9986 13.5413 34.0629 13.305 34.1914C13.0737 34.3198 12.8579 34.4791 12.6575 34.6693Z" fill="currentColor"/>
+<path d="M27.6261 33.3357V35.1703C27.6261 36.049 27.5387 36.7993 27.364 37.4211C27.1944 38.0377 26.9478 38.5388 26.624 38.9242C26.3003 39.3096 25.9123 39.5922 25.4601 39.7721C25.013 39.9519 24.512 40.0418 23.957 40.0418C23.5151 40.0418 23.104 39.9853 22.7237 39.8723C22.3486 39.7592 22.0094 39.5819 21.7062 39.3404C21.403 39.0989 21.1435 38.788 20.9277 38.4077C20.717 38.0223 20.5526 37.5624 20.4344 37.028C20.3213 36.4935 20.2648 35.8743 20.2648 35.1703V33.3357C20.2648 32.4519 20.3522 31.7068 20.5269 31.1004C20.7016 30.4889 20.9508 29.993 21.2746 29.6127C21.5983 29.2273 21.9837 28.9472 22.4308 28.7725C22.883 28.5978 23.3866 28.5104 23.9416 28.5104C24.3887 28.5104 24.7998 28.567 25.1749 28.68C25.5552 28.7879 25.8943 28.9601 26.1924 29.1965C26.4956 29.4329 26.7525 29.7412 26.9632 30.1214C27.179 30.4966 27.3435 30.9514 27.4565 31.4858C27.5696 32.0151 27.6261 32.6317 27.6261 33.3357ZM25.7684 35.4324V33.0583C25.7684 32.6112 25.7427 32.2181 25.6914 31.8789C25.64 31.5346 25.5629 31.2443 25.4601 31.0079C25.3625 30.7664 25.2391 30.5711 25.0901 30.4221C24.9411 30.2679 24.7715 30.1574 24.5814 30.0906C24.3912 30.0187 24.178 29.9827 23.9416 29.9827C23.6538 29.9827 23.3969 30.0392 23.1708 30.1523C22.9447 30.2602 22.7545 30.4349 22.6004 30.6764C22.4462 30.918 22.328 31.2366 22.2458 31.6322C22.1687 32.0228 22.1302 32.4981 22.1302 33.0583V35.4324C22.1302 35.8846 22.1559 36.2828 22.2073 36.6271C22.2587 36.9714 22.3357 37.2669 22.4385 37.5136C22.5413 37.7551 22.6646 37.9555 22.8085 38.1148C22.9575 38.269 23.1271 38.382 23.3172 38.454C23.5125 38.5259 23.7258 38.5619 23.957 38.5619C24.2499 38.5619 24.5094 38.5053 24.7355 38.3923C24.9616 38.2792 25.1518 38.0994 25.3059 37.8527C25.4601 37.6009 25.5757 37.2746 25.6528 36.8738C25.7299 36.473 25.7684 35.9925 25.7684 35.4324Z" fill="currentColor"/>
+<path d="M37.2298 33.3357V35.1703C37.2298 36.049 37.1425 36.7993 36.9678 37.4211C36.7982 38.0377 36.5515 38.5388 36.2278 38.9242C35.904 39.3096 35.5161 39.5922 35.0639 39.7721C34.6168 39.9519 34.1157 40.0418 33.5608 40.0418C33.1188 40.0418 32.7077 39.9853 32.3275 39.8723C31.9523 39.7592 31.6132 39.5819 31.31 39.3404C31.0068 39.0989 30.7473 38.788 30.5315 38.4077C30.3208 38.0223 30.1563 37.5624 30.0381 37.028C29.9251 36.4935 29.8686 35.8743 29.8686 35.1703V33.3357C29.8686 32.4519 29.9559 31.7068 30.1306 31.1004C30.3054 30.4889 30.5546 29.993 30.8783 29.6127C31.2021 29.2273 31.5875 28.9472 32.0345 28.7725C32.4868 28.5978 32.9904 28.5104 33.5453 28.5104C33.9924 28.5104 34.4035 28.567 34.7787 28.68C35.1589 28.7879 35.4981 28.9601 35.7961 29.1965C36.0993 29.4329 36.3563 29.7412 36.5669 30.1214C36.7828 30.4966 36.9472 30.9514 37.0603 31.4858C37.1733 32.0151 37.2298 32.6317 37.2298 33.3357ZM35.3722 35.4324V33.0583C35.3722 32.6112 35.3465 32.2181 35.2951 31.8789C35.2437 31.5346 35.1666 31.2443 35.0639 31.0079C34.9662 30.7664 34.8429 30.5711 34.6939 30.4221C34.5448 30.2679 34.3753 30.1574 34.1851 30.0906C33.995 30.0187 33.7817 29.9827 33.5453 29.9827C33.2576 29.9827 33.0006 30.0392 32.7745 30.1523C32.5484 30.2602 32.3583 30.4349 32.2041 30.6764C32.05 30.918 31.9318 31.2366 31.8496 31.6322C31.7725 32.0228 31.7339 32.4981 31.7339 33.0583V35.4324C31.7339 35.8846 31.7596 36.2828 31.811 36.6271C31.8624 36.9714 31.9395 37.2669 32.0423 37.5136C32.145 37.7551 32.2684 37.9555 32.4122 38.1148C32.5613 38.269 32.7309 38.382 32.921 38.454C33.1163 38.5259 33.3295 38.5619 33.5608 38.5619C33.8537 38.5619 34.1132 38.5053 34.3393 38.3923C34.5654 38.2792 34.7555 38.0994 34.9097 37.8527C35.0639 37.6009 35.1795 37.2746 35.2566 36.8738C35.3336 36.473 35.3722 35.9925 35.3722 35.4324Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/card-502.svg b/assets/icons/complex/card-502.svg
new file mode 100644
index 00000000..434119ef
--- /dev/null
+++ b/assets/icons/complex/card-502.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 8.00085C25.1804 8.00085 26.2414 7.48955 26.9736 6.67633L36.098 15.8008H38.5022L27.8368 5.13541C27.943 4.77573 28 4.39495 28 4.00085C28 1.79172 26.2091 0.000854492 24 0.000854492C21.7909 0.000854492 20 1.79172 20 4.00085C20 4.39495 20.057 4.77573 20.1632 5.13541L9.4978 15.8008H11.902L21.0264 6.67633C21.7586 7.48955 22.8196 8.00085 24 8.00085ZM24 6.30085C25.2703 6.30085 26.3 5.27111 26.3 4.00085C26.3 2.7306 25.2703 1.70085 24 1.70085C22.7297 1.70085 21.7 2.7306 21.7 4.00085C21.7 5.27111 22.7297 6.30085 24 6.30085Z" fill="currentColor"/>
+<path d="M4.79997 24.0009C5.33016 24.0009 5.75997 23.5711 5.75997 23.0409C5.75997 22.5107 5.33016 22.0809 4.79997 22.0809C4.26977 22.0809 3.83997 22.5107 3.83997 23.0409C3.83997 23.5711 4.26977 24.0009 4.79997 24.0009Z" fill="currentColor"/>
+<path d="M5.75997 43.2009C5.75997 43.7311 5.33016 44.1609 4.79997 44.1609C4.26977 44.1609 3.83997 43.7311 3.83997 43.2009C3.83997 42.6707 4.26977 42.2409 4.79997 42.2409C5.33016 42.2409 5.75997 42.6707 5.75997 43.2009Z" fill="currentColor"/>
+<path d="M44.16 23.0409C44.16 23.5711 43.7302 24.0009 43.2 24.0009C42.6698 24.0009 42.24 23.5711 42.24 23.0409C42.24 22.5107 42.6698 22.0809 43.2 22.0809C43.7302 22.0809 44.16 22.5107 44.16 23.0409Z" fill="currentColor"/>
+<path d="M44.16 43.2009C44.16 43.7311 43.7302 44.1609 43.2 44.1609C42.6698 44.1609 42.24 43.7311 42.24 43.2009C42.24 42.6707 42.6698 42.2409 43.2 42.2409C43.7302 42.2409 44.16 42.6707 44.16 43.2009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18.0009C1.79086 18.0009 0 19.7917 0 22.0009V44.0009C0 46.21 1.79086 48.0009 4 48.0009H44C46.2091 48.0009 48 46.21 48 44.0009V22.0009C48 19.7917 46.2091 18.0009 44 18.0009H4ZM44 19.5009H4C2.61929 19.5009 1.5 20.6201 1.5 22.0009V44.0009C1.5 45.3816 2.61929 46.5009 4 46.5009H44C45.3807 46.5009 46.5 45.3816 46.5 44.0009V22.0009C46.5 20.6201 45.3807 19.5009 44 19.5009Z" fill="currentColor"/>
+<path d="M12.6575 34.6693L11.1775 34.307L11.7865 28.6646H17.8374V30.2371H13.3281L13.0198 32.9889C13.1945 32.8861 13.436 32.7859 13.7443 32.6883C14.0527 32.5855 14.4047 32.5341 14.8003 32.5341C15.3296 32.5341 15.8024 32.6215 16.2186 32.7962C16.64 32.9658 16.9972 33.215 17.2901 33.5439C17.583 33.8676 17.8065 34.2633 17.9607 34.7309C18.1149 35.1934 18.1919 35.715 18.1919 36.2957C18.1919 36.8147 18.1149 37.3003 17.9607 37.7525C17.8117 38.2047 17.5856 38.603 17.2824 38.9473C16.9792 39.2916 16.5963 39.5614 16.1339 39.7566C15.6765 39.9468 15.1344 40.0418 14.5074 40.0418C14.0398 40.0418 13.5902 39.975 13.1585 39.8414C12.732 39.7027 12.3492 39.4997 12.01 39.2325C11.6708 38.9601 11.3985 38.6261 11.1929 38.2304C10.9874 37.8296 10.8692 37.3697 10.8384 36.8507H12.6575C12.7037 37.2155 12.8039 37.5264 12.9581 37.7834C13.1174 38.0352 13.3281 38.2279 13.5902 38.3615C13.8522 38.4951 14.1554 38.5619 14.4997 38.5619C14.8132 38.5619 15.083 38.5079 15.3091 38.4C15.5352 38.287 15.7228 38.1277 15.8718 37.9221C16.0259 37.7114 16.139 37.4647 16.2109 37.1821C16.288 36.8995 16.3266 36.586 16.3266 36.2417C16.3266 35.9128 16.2829 35.6122 16.1955 35.3399C16.1133 35.0675 15.9874 34.8311 15.8178 34.6307C15.6534 34.4303 15.4453 34.2761 15.1935 34.1682C14.9417 34.0552 14.6513 33.9986 14.3224 33.9986C13.8805 33.9986 13.5413 34.0629 13.305 34.1914C13.0737 34.3198 12.8579 34.4791 12.6575 34.6693Z" fill="currentColor"/>
+<path d="M27.6261 33.3357V35.1703C27.6261 36.049 27.5387 36.7993 27.364 37.4211C27.1944 38.0377 26.9478 38.5388 26.624 38.9242C26.3003 39.3096 25.9123 39.5922 25.4601 39.7721C25.013 39.9519 24.512 40.0418 23.957 40.0418C23.5151 40.0418 23.104 39.9853 22.7237 39.8723C22.3486 39.7592 22.0094 39.5819 21.7062 39.3404C21.403 39.0989 21.1435 38.788 20.9277 38.4077C20.717 38.0223 20.5526 37.5624 20.4344 37.028C20.3213 36.4935 20.2648 35.8743 20.2648 35.1703V33.3357C20.2648 32.4519 20.3522 31.7068 20.5269 31.1004C20.7016 30.4889 20.9508 29.993 21.2746 29.6127C21.5983 29.2273 21.9837 28.9472 22.4308 28.7725C22.883 28.5978 23.3866 28.5104 23.9416 28.5104C24.3887 28.5104 24.7998 28.567 25.1749 28.68C25.5552 28.7879 25.8943 28.9601 26.1924 29.1965C26.4956 29.4329 26.7525 29.7412 26.9632 30.1214C27.179 30.4966 27.3435 30.9514 27.4565 31.4858C27.5696 32.0151 27.6261 32.6317 27.6261 33.3357ZM25.7684 35.4324V33.0583C25.7684 32.6112 25.7427 32.2181 25.6914 31.8789C25.64 31.5346 25.5629 31.2443 25.4601 31.0079C25.3625 30.7664 25.2391 30.5711 25.0901 30.4221C24.9411 30.2679 24.7715 30.1574 24.5814 30.0906C24.3912 30.0187 24.178 29.9827 23.9416 29.9827C23.6538 29.9827 23.3969 30.0392 23.1708 30.1523C22.9447 30.2602 22.7545 30.4349 22.6004 30.6764C22.4462 30.918 22.328 31.2366 22.2458 31.6322C22.1687 32.0228 22.1302 32.4981 22.1302 33.0583V35.4324C22.1302 35.8846 22.1559 36.2828 22.2073 36.6271C22.2587 36.9714 22.3357 37.2669 22.4385 37.5136C22.5413 37.7551 22.6646 37.9555 22.8085 38.1148C22.9575 38.269 23.1271 38.382 23.3172 38.454C23.5125 38.5259 23.7258 38.5619 23.957 38.5619C24.2499 38.5619 24.5094 38.5053 24.7355 38.3923C24.9616 38.2792 25.1518 38.0994 25.3059 37.8527C25.4601 37.6009 25.5757 37.2746 25.6528 36.8738C25.7299 36.473 25.7684 35.9925 25.7684 35.4324Z" fill="currentColor"/>
+<path d="M37.438 38.4077V39.8877H29.9148V38.6158L33.5685 34.6307C33.9693 34.1785 34.2853 33.788 34.5166 33.4591C34.7478 33.1302 34.9097 32.8347 35.0022 32.5726C35.0998 32.3054 35.1486 32.0459 35.1486 31.7941C35.1486 31.4395 35.0818 31.1286 34.9482 30.8614C34.8198 30.5891 34.6296 30.3758 34.3778 30.2217C34.126 30.0624 33.8203 29.9827 33.4606 29.9827C33.0443 29.9827 32.6949 30.0726 32.4122 30.2525C32.1296 30.4323 31.9164 30.6816 31.7725 31.0002C31.6286 31.3136 31.5566 31.6734 31.5566 32.0793H29.699C29.699 31.4267 29.848 30.8306 30.146 30.291C30.4441 29.7463 30.8758 29.3147 31.441 28.9961C32.0063 28.6723 32.6872 28.5104 33.4837 28.5104C34.2339 28.5104 34.8711 28.6363 35.3953 28.8881C35.9195 29.1399 36.3177 29.4971 36.5901 29.9596C36.8676 30.4221 37.0063 30.9693 37.0063 31.6014C37.0063 31.9508 36.9498 32.2977 36.8367 32.642C36.7237 32.9863 36.5618 33.3306 36.3511 33.6749C36.1456 34.0141 35.9015 34.3558 35.6188 34.7001C35.3362 35.0392 35.0253 35.3835 34.6862 35.733L32.2581 38.4077H37.438Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/certification.svg b/assets/icons/complex/certification.svg
new file mode 100644
index 00000000..2cea208c
--- /dev/null
+++ b/assets/icons/complex/certification.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6263_10998)">
+<path d="M32.25 36.501C32.6642 36.501 33 36.1652 33 35.751C33 35.3368 32.6642 35.001 32.25 35.001H15.75C15.3358 35.001 15 35.3368 15 35.751C15 36.1652 15.3358 36.501 15.75 36.501H32.25Z" fill="currentColor"/>
+<path d="M29.25 40.001C29.6642 40.001 30 40.3368 30 40.751C30 41.1652 29.6642 41.501 29.25 41.501H18.75C18.3358 41.501 18 41.1652 18 40.751C18 40.3368 18.3358 40.001 18.75 40.001H29.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 48.001C6.89543 48.001 6 47.1055 6 46.001V2.00098C6 0.896408 6.89543 0.000976562 8 0.000976562H40C41.1046 0.000976562 42 0.896407 42 2.00098V46.001C42 47.1055 41.1046 48.001 40 48.001H8ZM7.5 2.00098C7.5 1.72484 7.72386 1.50098 8 1.50098H40C40.2761 1.50098 40.5 1.72483 40.5 2.00098V46.001C40.5 46.2771 40.2761 46.501 40 46.501H8C7.72386 46.501 7.5 46.2771 7.5 46.001V2.00098Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 12.001L18.8263 9.85795L18.3431 6.34412L21.857 6.82725L24 4.00098L26.143 6.82725L29.6569 6.34412L29.1737 9.85795L32 12.001L29.1737 14.144L29.6569 17.6578L27.9829 17.4277L28.8787 29.7453L23.9999 25.5526L19.1211 29.7453L20.0169 17.4277L18.3431 17.6578L18.8263 14.144L16 12.001ZM21.5361 17.2188L20.8787 26.257L23.9999 23.5748L27.1211 26.257L26.4638 17.2188L26.143 17.1747L24 20.001L21.857 17.1747L21.5361 17.2188ZM20.4318 10.523L20.0986 8.0996L22.522 8.4328L24 6.4836L25.478 8.4328L27.9014 8.0996L27.5682 10.523L29.5174 12.001L27.5682 13.479L27.9014 15.9024L25.478 15.5692L24 17.5184L22.522 15.5692L20.0986 15.9024L20.4318 13.479L18.4826 12.001L20.4318 10.523Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6263_10998">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/chamber-deputies-200.svg b/assets/icons/complex/chamber-deputies-200.svg
new file mode 100644
index 00000000..2d5fe57e
--- /dev/null
+++ b/assets/icons/complex/chamber-deputies-200.svg
@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11943)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.019 28.5388C22.9977 28.2635 23.2035 28.022 23.4794 28.0111C23.6522 28.0043 23.8258 28.0009 24.0002 28.0009C24.1746 28.0009 24.3482 28.0043 24.521 28.0111C24.7969 28.022 25.0028 28.2635 24.9814 28.5388L24.9039 29.5358C24.8825 29.8111 24.642 30.0158 24.366 30.0068C24.2446 30.0029 24.1227 30.0009 24.0002 30.0009C23.8778 30.0009 23.7558 30.0029 23.6344 30.0068C23.3584 30.0158 23.1179 29.8111 23.0965 29.5358L23.019 28.5388ZM26.9191 28.8436C26.9834 28.575 27.2535 28.4085 27.5194 28.4831C27.8557 28.5774 28.1865 28.685 28.5113 28.8052C28.7702 28.901 28.891 29.1945 28.7852 29.4496L28.4021 30.3733C28.2964 30.6284 28.0042 30.7482 27.7445 30.6543C27.5176 30.5721 27.2871 30.4972 27.0535 30.4299C26.7882 30.3534 26.6222 30.0847 26.6864 29.8162L26.9191 28.8436ZM19.2152 29.4496C19.1095 29.1945 19.2302 28.901 19.4892 28.8052C19.8139 28.685 20.1447 28.5774 20.4811 28.4831C20.7469 28.4085 21.0171 28.575 21.0813 28.8436L21.314 29.8162C21.3783 30.0847 21.2122 30.3534 20.9469 30.4299C20.7133 30.4972 20.4829 30.5721 20.2559 30.6543C19.9962 30.7482 19.7041 30.6284 19.5983 30.3733L19.2152 29.4496ZM30.5326 30.3415C30.6771 30.1062 30.9856 30.0318 31.2152 30.1852C31.5043 30.3785 31.7852 30.583 32.0573 30.7981C32.2739 30.9694 32.298 31.2858 32.1186 31.4957L31.4688 32.2558C31.2893 32.4657 30.9744 32.4894 30.7566 32.3197C30.5652 32.1705 30.3688 32.0275 30.1676 31.891C29.9391 31.736 29.8648 31.429 30.0093 31.1937L30.5326 30.3415ZM15.8818 31.4957C15.7024 31.2858 15.7265 30.9694 15.9431 30.7981C16.2152 30.583 16.4961 30.3785 16.7853 30.1852C17.0148 30.0318 17.3233 30.1062 17.4678 30.3416L17.9911 31.1937C18.1356 31.429 18.0613 31.736 17.8328 31.891C17.6316 32.0275 17.4352 32.1705 17.2438 32.3197C17.026 32.4894 16.7111 32.4657 16.5316 32.2558L15.8818 31.4957ZM33.5054 32.8825C33.7153 32.7031 34.0317 32.7272 34.203 32.9438C34.4181 33.2158 34.6226 33.4968 34.8158 33.7859C34.9693 34.0155 34.8948 34.324 34.6595 34.4685L33.8074 34.9918C33.5721 35.1363 33.2651 35.062 33.1101 34.8334C32.9736 34.6323 32.8306 34.4358 32.6814 34.2445C32.5116 34.0267 32.5354 33.7117 32.7453 33.5323L33.5054 32.8825ZM13.3409 34.4685C13.1056 34.324 13.0312 34.0155 13.1846 33.7859C13.3778 33.4968 13.5823 33.2158 13.7975 32.9438C13.9687 32.7272 14.2852 32.7031 14.4951 32.8825L15.2552 33.5323C15.4651 33.7117 15.4888 34.0267 15.319 34.2445C15.1698 34.4358 15.0268 34.6323 14.8904 34.8334C14.7353 35.062 14.4284 35.1363 14.1931 34.9918L13.3409 34.4685ZM35.5515 36.2159C35.8066 36.1101 36.1001 36.2308 36.1959 36.4898C36.3161 36.8145 36.4236 37.1454 36.518 37.4817C36.5926 37.7476 36.426 38.0177 36.1575 38.082L35.1849 38.3146C34.9163 38.3789 34.6477 38.2129 34.5712 37.9475C34.5038 37.7139 34.429 37.4835 34.3468 37.2565C34.2528 36.9969 34.3727 36.7047 34.6278 36.5989L35.5515 36.2159ZM11.843 38.082C11.5744 38.0177 11.4078 37.7476 11.4824 37.4817C11.5768 37.1454 11.6844 36.8145 11.8045 36.4898C11.9003 36.2308 12.1938 36.1101 12.4489 36.2159L13.3726 36.5989C13.6277 36.7047 13.7476 36.9969 13.6536 37.2565C13.5715 37.4835 13.4966 37.7139 13.4292 37.9475C13.3527 38.2129 13.0841 38.3789 12.8155 38.3146L11.843 38.082Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8907 32.5727C22.8549 32.2989 23.0479 32.0465 23.3233 32.026C23.5469 32.0093 23.7727 32.0009 24.0002 32.0009C24.2278 32.0009 24.4535 32.0093 24.6771 32.026C24.9525 32.0465 25.1455 32.2989 25.1098 32.5727L24.9804 33.5643C24.9447 33.8381 24.6937 34.0293 24.4181 34.0131C24.2799 34.005 24.1406 34.0009 24.0002 34.0009C23.8598 34.0009 23.7205 34.005 23.5824 34.0131C23.3067 34.0293 23.0557 33.8381 23.02 33.5643L22.8907 32.5727ZM27.254 33.146C27.3598 32.891 27.6531 32.7687 27.9019 32.8885C28.3112 33.0857 28.7033 33.3129 29.0751 33.5672C29.3031 33.7231 29.3434 34.0382 29.1751 34.2572L28.5658 35.0501C28.3976 35.2691 28.0846 35.3085 27.8542 35.1563C27.6233 35.0036 27.3829 34.8644 27.1341 34.7396C26.8872 34.6158 26.7652 34.3248 26.871 34.0698L27.254 33.146ZM18.8253 34.2572C18.657 34.0382 18.6974 33.7231 18.9253 33.5672C19.2971 33.3129 19.6892 33.0857 20.0986 32.8885C20.3474 32.7687 20.6406 32.891 20.7464 33.146L21.1294 34.0698C21.2352 34.3248 21.1132 34.6158 20.8664 34.7396C20.6176 34.8644 20.3772 35.0036 20.1462 35.1563C19.9159 35.3085 19.6029 35.2691 19.4346 35.0501L18.8253 34.2572ZM30.7439 35.8259C30.9628 35.6577 31.278 35.698 31.4339 35.9259C31.6882 36.2978 31.9154 36.6898 32.1126 37.0992C32.2324 37.348 32.1101 37.6412 31.855 37.747L30.9313 38.1301C30.6762 38.2359 30.3853 38.1138 30.2615 37.867C30.1367 37.6182 29.9974 37.3778 29.8448 37.1469C29.6925 36.9165 29.732 36.6035 29.9509 36.4352L30.7439 35.8259ZM16.1454 37.747C15.8903 37.6412 15.768 37.348 15.8879 37.0992C16.0851 36.6898 16.3123 36.2978 16.5666 35.9259C16.7224 35.698 17.0376 35.6577 17.2566 35.8259L18.0495 36.4352C18.2684 36.6035 18.3079 36.9165 18.1556 37.1469C18.003 37.3778 17.8637 37.6182 17.7389 37.867C17.6151 38.1138 17.3242 38.2359 17.0691 38.1301L16.1454 37.747ZM32.4284 39.8913C32.7022 39.8556 32.9546 40.0486 32.9751 40.324C32.9918 40.5476 33.0002 40.7733 33.0002 41.0009C33.0002 41.2284 32.9918 41.4541 32.9751 41.6777C32.9546 41.9531 32.7022 42.1461 32.4284 42.1104L31.4368 41.9811C31.163 41.9453 30.9718 41.6944 30.988 41.4187C30.9961 41.2806 31.0002 41.1412 31.0002 41.0009C31.0002 40.8605 30.9961 40.7212 30.988 40.583C30.9718 40.3073 31.163 40.0564 31.4368 40.0207L32.4284 39.8913ZM15.0002 41.0009C15.0002 40.7733 15.0087 40.5476 15.0253 40.324C15.0458 40.0486 15.2982 39.8556 15.572 39.8913L16.5636 40.0207C16.8375 40.0564 17.0286 40.3073 17.0124 40.583C17.0043 40.7212 17.0002 40.8605 17.0002 41.0009C17.0002 41.1412 17.0043 41.2806 17.0124 41.4187C17.0286 41.6944 16.8375 41.9453 16.5636 41.9811L15.572 42.1104C15.2982 42.1461 15.0458 41.9531 15.0253 41.6777C15.0087 41.4541 15.0002 41.2284 15.0002 41.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9205 24.5356C22.9027 24.2601 23.1117 24.0215 23.3876 24.0117C23.591 24.0045 23.7952 24.0009 24.0002 24.0009C24.2052 24.0009 24.4094 24.0045 24.6128 24.0117C24.8888 24.0215 25.0977 24.2601 25.0799 24.5356L25.0154 25.5336C24.9976 25.8091 24.7598 26.0172 24.4838 26.0085C24.3232 26.0034 24.162 26.0009 24.0002 26.0009C23.8384 26.0009 23.6772 26.0034 23.5166 26.0085C23.2406 26.0172 23.0028 25.8091 22.985 25.5336L22.9205 24.5356ZM27.2198 24.8149C27.2734 24.544 27.5367 24.3671 27.8059 24.4287C28.2064 24.5203 28.6015 24.6261 28.9907 24.7454C29.2547 24.8264 29.3946 25.111 29.3058 25.3725L28.9844 26.3195C28.8957 26.581 28.612 26.7202 28.3477 26.6403C28.0416 26.5478 27.7315 26.4648 27.4175 26.3916C27.1486 26.329 26.9722 26.0668 27.0258 25.7959L27.2198 24.8149ZM18.6946 25.3725C18.6059 25.111 18.7457 24.8264 19.0097 24.7454C19.3989 24.6261 19.7941 24.5203 20.1946 24.4287C20.4638 24.3671 20.727 24.544 20.7806 24.8149L20.9747 25.7959C21.0282 26.0668 20.8519 26.329 20.5829 26.3916C20.2689 26.4648 19.9588 26.5478 19.6528 26.6403C19.3884 26.7202 19.1047 26.581 19.016 26.3195L18.6946 25.3725ZM31.2999 26.1994C31.4222 25.9518 31.7224 25.8496 31.9663 25.9792C32.3278 26.1713 32.6815 26.376 33.0269 26.5928C33.2608 26.7396 33.3218 27.0509 33.1682 27.2803L32.6119 28.1113C32.4583 28.3408 32.1482 28.4015 31.9137 28.2556C31.6414 28.0862 31.3634 27.9252 31.0799 27.7731C30.8365 27.6426 30.7346 27.3435 30.8569 27.0959L31.2999 26.1994ZM14.8322 27.2803C14.6786 27.0509 14.7397 26.7396 14.9736 26.5928C15.3189 26.376 15.6726 26.1713 16.0342 25.9792C16.278 25.8496 16.5783 25.9518 16.7006 26.1994L17.1435 27.0959C17.2659 27.3435 17.1639 27.6426 16.9205 27.7731C16.637 27.9252 16.359 28.0862 16.0867 28.2556C15.8523 28.4015 15.5421 28.3408 15.3885 28.1113L14.8322 27.2803ZM34.8796 28.5954C35.0618 28.3879 35.3783 28.3667 35.5804 28.5549C35.8792 28.8331 36.168 29.1219 36.4462 29.4207C36.6343 29.6228 36.6132 29.9393 36.4057 30.1214L35.6541 30.7811C35.4465 30.9632 35.1312 30.942 34.9423 30.7406C34.7223 30.5061 34.4949 30.2787 34.2604 30.0588C34.059 29.8698 34.0378 29.5545 34.22 29.347L34.8796 28.5954ZM11.5948 30.1214C11.3872 29.9393 11.3661 29.6228 11.5542 29.4207C11.8324 29.1219 12.1212 28.8331 12.42 28.5549C12.6222 28.3667 12.9386 28.3879 13.1208 28.5954L13.7804 29.347C13.9626 29.5545 13.9414 29.8698 13.74 30.0588C13.5055 30.2787 13.2781 30.5061 13.0581 30.7406C12.8692 30.942 12.5539 30.9632 12.3464 30.7811L11.5948 30.1214ZM37.7207 31.8328C37.9502 31.6792 38.2614 31.7403 38.4082 31.9742C38.625 32.3195 38.8298 32.6733 39.0219 33.0348C39.1514 33.2787 39.0492 33.5789 38.8017 33.7012L37.9051 34.1442C37.6576 34.2665 37.3585 34.1645 37.2279 33.9212C37.0758 33.6377 36.9149 33.3596 36.7455 33.0874C36.5996 32.8529 36.6603 32.5428 36.8898 32.3892L37.7207 31.8328ZM9.19876 33.7012C8.95119 33.5789 8.84898 33.2787 8.97855 33.0348C9.17065 32.6733 9.37539 32.3195 9.59218 31.9742C9.73899 31.7403 10.0502 31.6792 10.2797 31.8328L11.1106 32.3892C11.3401 32.5428 11.4008 32.8529 11.2549 33.0874C11.0855 33.3596 10.9246 33.6377 10.7725 33.9212C10.642 34.1645 10.3429 34.2665 10.0953 34.1442L9.19876 33.7012Z" fill="currentColor"/>
+<path d="M21.7735 42.1826V42.9341H18.4468V42.2928L20.02 40.6061C20.1781 40.4302 20.3028 40.2754 20.3941 40.1418C20.4854 40.006 20.551 39.8846 20.5911 39.7777C20.6334 39.6686 20.6546 39.5651 20.6546 39.4671C20.6546 39.3202 20.6301 39.1944 20.5811 39.0897C20.5321 38.9828 20.4598 38.9004 20.364 38.8425C20.2705 38.7846 20.1547 38.7557 20.0166 38.7557C19.8697 38.7557 19.7428 38.7913 19.6359 38.8626C19.5312 38.9338 19.4511 39.0329 19.3954 39.1598C19.342 39.2868 19.3152 39.4304 19.3152 39.5907H18.35C18.35 39.3012 18.419 39.0363 18.5571 38.7958C18.6951 38.5531 18.8899 38.3605 19.1416 38.218C19.3932 38.0732 19.6915 38.0009 20.0367 38.0009C20.3774 38.0009 20.6646 38.0565 20.8984 38.1679C21.1344 38.277 21.3126 38.4351 21.4328 38.6421C21.5553 38.847 21.6165 39.0919 21.6165 39.3769C21.6165 39.5373 21.5909 39.6942 21.5397 39.8479C21.4885 39.9993 21.415 40.1507 21.3192 40.3021C21.2257 40.4513 21.1122 40.6027 20.9786 40.7564C20.845 40.91 20.6969 41.0692 20.5343 41.234L19.6893 42.1826H21.7735Z" fill="currentColor"/>
+<path d="M25.7334 40.075V40.9167C25.7334 41.2819 25.6944 41.5969 25.6165 41.8619C25.5386 42.1247 25.4261 42.3406 25.2792 42.5099C25.1344 42.6769 24.9619 42.8005 24.7615 42.8806C24.5611 42.9608 24.3384 43.0009 24.0935 43.0009C23.8975 43.0009 23.7149 42.9764 23.5457 42.9274C23.3765 42.8762 23.2239 42.7971 23.0881 42.6902C22.9545 42.5834 22.8387 42.4486 22.7408 42.2861C22.645 42.1213 22.5715 41.9254 22.5203 41.6982C22.4691 41.4711 22.4435 41.2106 22.4435 40.9167V40.075C22.4435 39.7098 22.4825 39.397 22.5604 39.1365C22.6406 38.8737 22.753 38.6588 22.8977 38.4918C23.0447 38.3248 23.2184 38.2024 23.4188 38.1244C23.6192 38.0443 23.8418 38.0042 24.0868 38.0042C24.2827 38.0042 24.4642 38.0298 24.6312 38.081C24.8004 38.13 24.953 38.2068 25.0888 38.3115C25.2246 38.4161 25.3404 38.5508 25.4361 38.7156C25.5319 38.8782 25.6054 39.073 25.6566 39.3001C25.7078 39.525 25.7334 39.7833 25.7334 40.075ZM24.7681 41.0436V39.9447C24.7681 39.7688 24.7581 39.6152 24.7381 39.4838C24.7203 39.3524 24.6924 39.2411 24.6546 39.1498C24.6167 39.0563 24.57 38.9806 24.5143 38.9227C24.4586 38.8648 24.3952 38.8225 24.3239 38.7958C24.2527 38.7691 24.1736 38.7557 24.0868 38.7557C23.9777 38.7557 23.8808 38.7769 23.7962 38.8192C23.7138 38.8615 23.6437 38.9294 23.5858 39.0229C23.5279 39.1142 23.4834 39.2367 23.4522 39.3903C23.4232 39.5417 23.4088 39.7265 23.4088 39.9447V41.0436C23.4088 41.2195 23.4177 41.3743 23.4355 41.5079C23.4555 41.6415 23.4845 41.7561 23.5223 41.8519C23.5624 41.9454 23.6092 42.0222 23.6626 42.0824C23.7183 42.1402 23.7817 42.1826 23.853 42.2093C23.9265 42.236 24.0066 42.2494 24.0935 42.2494C24.2003 42.2494 24.295 42.2282 24.3774 42.1859C24.462 42.1414 24.5332 42.0723 24.5911 41.9788C24.6512 41.8831 24.6958 41.7584 24.7247 41.6047C24.7537 41.4511 24.7681 41.264 24.7681 41.0436Z" fill="currentColor"/>
+<path d="M29.7468 40.075V40.9167C29.7468 41.2819 29.7078 41.5969 29.6299 41.8619C29.5519 42.1247 29.4395 42.3406 29.2925 42.5099C29.1478 42.6769 28.9752 42.8005 28.7748 42.8806C28.5744 42.9608 28.3518 43.0009 28.1068 43.0009C27.9109 43.0009 27.7283 42.9764 27.5591 42.9274C27.3898 42.8762 27.2373 42.7971 27.1015 42.6902C26.9679 42.5834 26.8521 42.4486 26.7541 42.2861C26.6584 42.1213 26.5849 41.9254 26.5337 41.6982C26.4825 41.4711 26.4569 41.2106 26.4569 40.9167V40.075C26.4569 39.7098 26.4958 39.397 26.5738 39.1365C26.6539 38.8737 26.7664 38.6588 26.9111 38.4918C27.0581 38.3248 27.2317 38.2024 27.4321 38.1244C27.6325 38.0443 27.8552 38.0042 28.1001 38.0042C28.2961 38.0042 28.4776 38.0298 28.6446 38.081C28.8138 38.13 28.9663 38.2068 29.1021 38.3115C29.238 38.4161 29.3538 38.5508 29.4495 38.7156C29.5453 38.8782 29.6187 39.073 29.6699 39.3001C29.7212 39.525 29.7468 39.7833 29.7468 40.075ZM28.7815 41.0436V39.9447C28.7815 39.7688 28.7715 39.6152 28.7514 39.4838C28.7336 39.3524 28.7058 39.2411 28.6679 39.1498C28.6301 39.0563 28.5833 38.9806 28.5277 38.9227C28.472 38.8648 28.4085 38.8225 28.3373 38.7958C28.266 38.7691 28.187 38.7557 28.1001 38.7557C27.991 38.7557 27.8942 38.7769 27.8096 38.8192C27.7272 38.8615 27.657 38.9294 27.5991 39.0229C27.5412 39.1142 27.4967 39.2367 27.4655 39.3903C27.4366 39.5417 27.4221 39.7265 27.4221 39.9447V41.0436C27.4221 41.2195 27.431 41.3743 27.4488 41.5079C27.4689 41.6415 27.4978 41.7561 27.5357 41.8519C27.5758 41.9454 27.6225 42.0222 27.676 42.0824C27.7316 42.1402 27.7951 42.1826 27.8663 42.2093C27.9398 42.236 28.02 42.2494 28.1068 42.2494C28.2137 42.2494 28.3083 42.2282 28.3907 42.1859C28.4753 42.1414 28.5466 42.0723 28.6045 41.9788C28.6646 41.8831 28.7091 41.7584 28.7381 41.6047C28.767 41.4511 28.7815 41.264 28.7815 41.0436Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11943">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/chamber-deputies-cr.svg b/assets/icons/complex/chamber-deputies-cr.svg
new file mode 100644
index 00000000..425c7daa
--- /dev/null
+++ b/assets/icons/complex/chamber-deputies-cr.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11944)">
+<path d="M25.73 24.8952C26.0314 24.8952 26.1175 25.0674 26.1606 25.1965V25.2827C26.1606 25.3688 26.1606 25.4979 26.1175 25.541L26.0745 25.6271V25.6701L26.1175 25.7132L26.2467 25.9284L26.3328 26.0576C26.505 26.359 26.7203 26.7465 26.7203 27.1339C26.7203 27.7797 26.8494 28.5547 27.4522 29.2005H27.323L27.2369 29.1574C27.0647 29.1144 26.8925 28.9852 26.6772 28.813C26.6341 28.813 26.6341 28.8991 26.6341 29.0283V29.4588C26.6341 29.5018 26.6341 29.5879 26.6341 29.631V29.8032C26.6341 29.8463 26.6341 29.8463 26.6341 29.8893V30.0615C26.6772 30.3198 26.7203 30.5351 26.8064 30.6643C26.8925 30.7504 26.7203 30.7073 26.548 30.5351L26.3328 30.3198C26.2897 30.2337 26.2467 30.1907 26.2036 30.2337H26.1606L26.1175 30.2768L25.9884 30.5351C25.9022 30.8795 25.8161 31.3962 26.1175 31.9128C26.1606 31.9989 26.1175 31.9989 26.0314 31.9558L25.9884 31.9128L25.9022 31.8697C25.7731 31.7836 25.5578 31.6114 25.4717 31.4392C25.4717 31.3962 25.4287 31.4392 25.3856 31.5253L25.2995 31.6975V31.8267C25.2134 32.2142 25.2134 32.86 25.5148 33.4196C25.5578 33.5057 25.4717 33.4627 25.3856 33.4196L25.2134 33.3335L25.2995 33.2905C25.2995 33.2905 25.2565 33.2905 25.2565 33.2474L25.2134 33.2044C25.1703 33.1613 25.1704 33.1613 25.1273 33.1183V33.0752C25.0412 32.9461 24.912 33.2474 25.1273 33.721L25.3856 34.1946L25.5578 34.539C25.687 34.7543 25.7731 34.9265 25.8592 35.0126C25.9453 35.0987 26.1175 35.2279 26.3328 35.314L26.6772 35.4862C26.7203 35.5292 26.7633 35.5292 26.8064 35.5723H26.8494L27.2369 35.8306C27.5813 36.0459 28.0979 36.3042 28.5715 36.3042C29.3034 36.3042 29.6909 35.7875 29.6909 35.5292H29.6478L29.3895 35.4862H29.3034L29.2173 35.4431L28.959 35.357H28.9159L28.7868 35.314C28.141 35.0556 27.323 34.496 27.323 33.1183C27.323 32.042 28.0118 31.267 28.5715 30.7934L28.8298 30.6212L28.9159 30.5351L29.1743 30.3629L29.5617 30.7504L29.4326 30.8365L29.2604 30.9656L29.1312 31.0517L28.959 31.2239C28.4854 31.6545 27.8827 32.3433 27.8827 33.1183C27.8827 34.4099 29.0451 35.0126 29.734 35.0126V34.7973C29.734 34.7973 29.734 34.7973 29.734 34.7543V34.6251C29.734 34.5821 29.734 34.5821 29.734 34.539L29.6909 34.4529C29.5617 34.1515 29.2604 33.8071 28.4854 33.4627H28.7437C29.0021 33.4627 29.4326 33.5057 29.734 33.9363C29.8631 34.1085 29.9062 33.9793 29.9492 33.9363C29.9923 33.8932 30.2075 33.6349 30.552 33.7641L30.4658 33.8071C30.4658 33.8071 30.4658 33.8071 30.4658 33.8502L30.4228 33.8932C30.2936 34.0654 30.1214 34.4529 30.2936 34.9695H30.4228L30.5089 34.9265H30.552L30.6381 34.8834C31.0255 34.6682 31.6283 34.2376 31.6283 33.2905C31.6283 32.4294 31.0255 31.7836 30.4228 31.2239L30.2506 31.0517L29.9062 30.7504C29.8631 30.7073 29.8631 30.7073 29.8201 30.6643L29.6909 30.5351C29.6048 30.492 29.5617 30.4059 29.5187 30.3629L29.4756 30.3198C29.3895 30.2337 29.3034 30.1046 29.2173 30.0185L28.8298 29.631C28.3993 29.2005 28.0118 28.7269 27.9257 28.038L27.8827 27.9519H27.8396C27.7105 27.8658 27.366 27.6936 27.366 27.1339C27.366 26.7895 27.5813 26.4451 27.7966 26.1868L27.8827 26.0576L28.0979 25.8423L28.184 25.7993L28.2271 25.7562H28.2702C28.2702 25.7562 28.2702 25.7562 28.2702 25.7993L28.2271 26.0146L28.184 26.1007C28.141 26.2729 28.141 26.4881 28.3132 26.4881C28.5715 26.4881 29.1312 25.8423 29.1312 25.7132C29.1312 25.6701 29.1743 25.7132 29.1743 25.7562V25.9715L29.1312 26.0576C29.0882 26.1868 29.0451 26.3159 28.959 26.402L28.9159 26.4451C28.8729 26.5312 28.7868 26.5742 28.7437 26.6603L28.4854 26.9617C28.3563 27.1339 28.2271 27.2631 28.3563 27.3922C28.4854 27.5645 28.7868 27.3492 28.959 27.177L29.0021 27.0909L29.0451 27.0478V27.0048C29.0451 26.9617 29.0882 26.9617 29.0451 27.0048V27.0478V27.1339L29.0021 27.22V27.2631L28.959 27.3492C28.8729 27.5645 28.7007 27.8228 28.4424 27.9519V28.2533L28.4854 28.2964L28.5715 28.4686C28.5715 28.4686 28.5715 28.5116 28.6146 28.5116L28.6576 28.5977L28.8729 28.813L28.959 28.9421L29.2173 29.2005C29.1312 29.2435 29.1743 29.2435 29.1743 29.2866L29.6478 29.7602L30.0784 30.1046L30.2506 30.2768L30.5089 30.492L30.9394 30.8365L31.1977 31.0948H31.2408C31.2839 31.0517 31.3269 31.0087 31.3269 30.8795V30.8365C31.3269 30.5782 31.413 30.3198 31.5422 30.2337V30.9226C31.5422 31.267 31.5852 31.6545 31.7144 31.7406C31.8435 31.7836 31.8866 31.6545 31.8866 31.4823C31.9296 31.3101 32.0588 31.1378 32.1019 31.1809L32.0588 31.3101L32.0158 31.4823V31.7406C31.9727 32.085 31.9727 32.4294 32.188 32.5586C32.231 32.5586 32.231 32.5586 32.2741 32.5155L32.3171 32.4725C32.3602 32.3864 32.4893 32.3433 32.7046 32.4294L32.6615 32.2572L32.6185 32.3003C32.4463 32.3864 32.188 32.6877 32.231 33.1183C32.2741 33.721 31.7144 35.2709 30.2936 35.4862V35.5723L30.2506 35.6584L30.2075 35.7014L30.1214 35.8737C29.9062 36.2611 29.4756 36.8208 28.3993 36.6917L28.7007 36.993L28.8729 37.2513C28.8729 37.2944 28.9159 37.2944 28.9159 37.3374L29.0021 37.4666C29.3895 38.0263 29.777 38.8443 29.734 39.7484L29.6909 39.6623L29.6478 39.4901L29.4756 39.0596L29.3895 38.9304C29.3895 38.8874 29.3465 38.8874 29.3465 38.8443L29.2604 38.7151L29.0882 38.3707L28.8298 38.0263C28.7437 37.8541 28.6146 37.7249 28.4854 37.5527L28.3132 37.3805C27.8827 36.8639 27.366 36.3903 26.7633 36.0459L26.6341 35.9598C26.5911 35.9598 26.548 36.0028 26.5911 36.175C26.6341 36.3903 26.4619 36.8639 26.3328 37.0791C26.3328 37.1222 26.2897 37.1222 26.2897 37.2083V37.8541C26.3758 38.586 26.7633 39.5762 27.9688 39.9206C28.184 39.9637 28.3563 39.9637 28.5285 39.9637H28.7007L28.7868 39.9206V39.9637L28.7007 40.0498L28.7437 39.9637C28.5715 40.0928 28.2702 40.265 27.6674 40.265C27.4091 40.265 27.4091 40.6525 27.7966 40.6525C27.7966 40.6525 27.7966 40.6525 27.7966 40.6956V40.9108L27.6674 41.2983L27.5383 41.8149L27.2799 42.3316C27.2799 42.3746 27.2369 42.3746 27.2369 42.4177L27.1508 42.5899C26.9786 42.9774 26.7633 43.3218 26.548 43.5371C26.4189 43.6232 26.505 43.6662 26.548 43.7093H26.6341C26.6772 43.7093 26.7203 43.7523 26.8064 43.7954L26.8925 43.8384C26.8925 43.8384 26.9355 43.8384 26.9355 43.8815L27.0216 43.9245C27.0647 43.9676 27.1077 43.9676 27.1508 44.0106H27.1077C27.0216 44.0106 26.9355 44.0106 26.9355 44.0537V44.312C26.8925 44.4412 26.8494 44.6134 26.5911 44.6134C26.2467 44.6134 26.1606 44.269 26.1606 44.0967C26.1606 43.9245 25.9884 43.9245 25.9022 43.9245C25.8592 43.9245 25.6009 44.0106 25.5148 44.312L25.4717 44.4412C25.4287 44.7425 25.2995 45.0009 25.0412 45.0009C24.7398 45.0009 24.6537 44.7856 24.6537 44.6134C24.6537 44.5703 24.6537 44.5703 24.6107 44.5703H24.5676C24.5246 44.5703 24.4385 44.5703 24.3523 44.5273L24.4815 44.4412L24.5676 44.3981L24.8259 44.2259C25.0412 44.0537 25.2134 43.8815 25.1703 43.7954C25.0842 43.5801 24.9551 43.6232 24.869 43.7093L24.8259 43.7523L24.7398 43.7954C24.6107 43.8815 24.3954 44.0106 24.2232 44.0537C23.9649 44.0967 23.8357 43.7523 23.9649 43.494L24.0079 43.451C24.051 43.4079 24.0079 43.4079 23.9649 43.3648L23.8788 43.3218C23.8357 43.2787 23.7927 43.2787 23.7496 43.2357H24.2232C24.5676 43.2357 24.9551 43.2357 24.9551 43.0635C24.912 42.8052 24.6968 42.8052 24.5676 42.8482C24.4384 42.8913 24.051 42.8482 24.051 42.5899C24.051 42.5468 24.094 42.5038 24.094 42.4607L24.1371 42.3746C24.1801 42.3316 24.1801 42.2885 24.1801 42.2455C24.1801 42.2024 24.1371 42.1594 24.094 42.1163L24.051 42.0733H24.094C24.094 42.0733 24.094 42.0733 24.1371 42.0733H24.2232C24.3093 42.0733 24.4384 42.0733 24.5676 42.1163C24.6537 42.1594 24.7398 42.2024 24.8259 42.3316L24.9981 42.5038C25.1704 42.676 25.3856 42.8913 25.5578 42.8913C25.9022 42.8913 26.2036 42.3746 26.2036 41.3414V40.4373C26.1606 40.265 26.1606 40.1789 26.0745 40.1359L26.0314 40.0928L25.9453 40.0498L25.9022 40.0067C25.9022 40.0067 25.8592 39.9637 25.8592 39.9206V39.8345C25.8592 39.7915 25.8592 39.7054 25.7731 39.6623C25.6439 39.6192 25.4717 39.7915 25.4287 40.4803V40.6525C25.4287 40.6956 25.4287 40.6956 25.4287 40.7386V41.1692L25.3856 41.2983L25.2995 41.1261V41.083L25.2134 40.8247C25.1703 40.6525 25.1273 40.4803 25.1273 40.265C25.1273 40.222 25.1273 40.1789 25.1273 40.1359V39.9206C25.1273 39.8345 25.1273 39.7915 25.0842 39.7484C25.0842 39.7484 25.0412 39.7484 24.9981 39.7915L24.8259 39.9637C24.6968 40.0928 24.5246 40.265 24.3093 40.3511L24.4385 40.0928C24.5246 39.9206 24.6107 39.6623 24.6107 39.447C24.6107 39.404 24.6107 39.3609 24.5676 39.3179V39.2748L24.6107 39.1457L24.4815 39.0165C24.3523 38.8443 24.1801 38.4999 24.1801 37.5958C24.1801 37.2944 24.2232 37.0791 24.2662 36.9069L24.3093 36.7778C24.3523 36.6056 24.3954 36.4333 24.3954 36.175C24.3954 35.8737 24.051 35.5292 23.6635 35.1848L23.3191 34.9265L23.233 34.8404L22.6733 34.4529L22.3289 34.1946C22.2858 34.1515 22.2858 34.1515 22.2428 34.1085L22.0275 33.9363L21.5109 33.4196C21.5109 33.4196 21.5109 33.4196 21.5109 33.3766C21.4678 33.3335 21.5539 33.2474 21.597 33.1613L21.8553 32.86L21.9414 32.7308C22.0705 32.5586 22.1567 32.3864 22.0275 32.3003C21.8553 32.1711 21.7692 32.2572 21.64 32.4294L21.5109 32.6877C21.5109 32.7308 21.4678 32.7308 21.4678 32.7738C21.2956 33.0322 20.9942 33.2905 20.8651 33.3766C20.822 33.3766 20.822 33.3335 20.822 33.2474V32.7738C20.822 32.5586 20.779 32.3433 20.6498 32.3433C20.3484 32.3433 20.3054 32.6447 20.3484 32.7738V32.8169C20.3484 32.86 20.3484 32.86 20.2623 32.86H20.1762C20.0471 32.86 19.9179 32.903 19.7887 33.0322L19.7457 33.1183C19.7457 33.1183 19.7457 33.1613 19.7026 33.1613L19.6596 33.2474C19.5735 33.4196 19.4443 33.6349 19.4013 33.9793V33.8932C19.3582 33.7641 19.3152 33.4627 19.4013 33.2044L19.4443 33.1183C19.4443 33.0752 19.4443 33.0752 19.3582 33.0752H18.8416L18.4972 33.1613L18.1958 33.2044L17.7653 33.2905C17.7222 33.2905 17.6792 33.2905 17.6361 33.3335C17.5069 33.3766 17.4639 33.4196 17.4639 33.6349V34.1515C17.4639 34.3238 17.4639 34.4099 17.4639 34.539C17.4639 34.5821 17.4208 34.539 17.4208 34.496V34.3668C17.4208 34.3668 17.4208 34.3668 17.3778 34.3668H17.2486C17.0764 34.4099 16.8181 34.4099 16.8181 34.1515C16.8181 33.9363 16.8612 33.8932 16.9473 33.8502L16.9903 33.8071C17.0334 33.7641 17.0764 33.7641 17.0764 33.678C17.0764 33.4196 16.9042 33.2905 16.6889 33.2905C16.5598 33.2905 16.4737 33.3766 16.3876 33.4627L16.3015 33.5488C16.1723 33.678 16.0431 33.8071 15.8709 33.8071C15.4835 33.8071 15.4404 33.5488 15.4404 33.4196C15.4404 33.2905 15.4835 33.2474 15.4835 33.1613C15.4835 33.0752 15.3974 32.9891 15.3112 32.9891C15.2682 32.9891 15.3543 32.9461 15.4835 32.9461H15.5265L15.7848 32.9891C16.0862 33.0322 16.4737 32.9891 16.4737 32.7308C16.4737 32.6447 16.3876 32.6016 16.3015 32.6447H16.1723C16.1293 32.6447 16.1293 32.6447 16.0862 32.6447L15.914 32.6016C15.6987 32.5586 15.3974 32.4725 15.3974 32.1281C15.3974 31.9558 15.5696 31.8697 15.6557 31.8267H15.6987C15.6987 31.7836 15.7418 31.6975 15.7418 31.6114C15.7418 31.5684 15.7418 31.5684 15.8279 31.6114V31.5253L15.914 31.5684L16.0431 31.6545L16.4306 32.042C16.5167 32.1711 16.6459 32.1281 16.6889 32.085H16.732C16.775 32.042 16.8612 31.9128 16.6459 31.7836C16.3876 31.6545 16.3876 31.5253 16.3876 31.3101C16.3876 31.1378 16.5167 31.0948 16.6028 31.0517H16.6459C16.6889 31.0517 16.732 30.8795 16.6889 30.7934V30.7504C16.6459 30.6212 16.9903 30.9226 17.1625 31.267C17.1625 31.3101 17.2056 31.3531 17.2056 31.3962V31.6114C17.2056 31.8267 17.2486 31.9989 17.5069 32.1281H17.6792C17.6792 32.1281 17.6792 32.1281 17.7222 32.1281H17.8083L17.8944 32.085L18.0236 32.042C18.0236 32.042 18.0666 32.042 18.1097 31.9989L18.1958 31.9558L18.4541 31.8697L19.2291 31.5684L20.4345 31.1378C20.5206 31.0948 20.6929 31.0087 20.6067 30.8795C20.5206 30.7073 20.2193 30.6643 19.7887 30.9656L19.7457 31.0087C19.6596 31.0948 19.6165 31.0517 19.6596 30.9656L19.7026 30.9226L19.7457 30.8365C19.7457 30.8365 19.7457 30.7934 19.7887 30.7934L19.8318 30.7073C19.8318 30.7073 19.8318 30.6643 19.8748 30.6643L19.961 30.5782C20.004 30.5351 20.004 30.492 20.0471 30.492L20.1332 30.4059C20.4345 30.0185 20.9081 29.631 21.3386 29.631C21.5109 29.631 21.5539 29.5449 21.5539 29.4588V29.4157C21.5539 29.3296 21.4678 29.2435 21.1664 29.2435C20.779 29.2435 20.2623 29.631 20.0471 30.0185C20.0471 30.0185 20.004 30.0185 19.961 30.0185L19.8318 29.9324C19.7457 29.8463 19.5735 29.8032 19.3582 29.8032C19.0999 29.8032 18.9277 29.8463 18.7985 29.8463L18.7124 29.8893H18.5833C18.4972 29.8893 18.7985 29.4588 19.3152 29.4588C19.4013 29.4588 19.4013 29.3296 19.2291 29.2005L19.186 29.1574C19.0999 29.1144 18.9707 28.9421 18.8416 28.813L18.4541 28.2964C18.4111 28.2533 18.4111 28.2533 18.368 28.2102C18.2819 28.1241 18.1958 28.2533 18.0666 28.4686L18.0236 28.5547L17.8944 28.9421C17.8944 28.9852 17.8514 28.9421 17.8514 28.8991V28.7699C17.8514 28.7269 17.8083 28.7269 17.8083 28.7269L17.7222 28.6838C17.593 28.6408 17.4639 28.5547 17.4639 28.2964C17.4639 27.995 17.6361 27.9519 17.8083 27.995H17.8514L17.9375 28.038C17.9375 28.038 17.9375 28.038 17.9805 28.038C18.1527 28.0811 18.3249 27.8658 18.2819 27.6936C17.9805 27.5214 17.8083 27.3061 17.55 27.3061H17.5069C17.2056 27.3492 16.775 27.1339 16.775 26.7895C16.775 26.6173 16.8612 26.5312 16.9473 26.4881L17.0334 26.4451H17.0764C17.1195 26.402 17.1195 26.2298 17.1195 26.1868C17.1195 26.1868 17.1195 26.1868 17.1625 26.1868L17.2056 26.2298L17.2917 26.2729L17.593 26.5742C17.6361 26.6173 17.6361 26.6173 17.6792 26.6603L17.8083 26.7895C17.9375 26.9187 17.9805 26.9617 18.0666 26.9187C18.1527 26.8756 18.1958 26.6603 17.8944 26.402C17.593 26.1437 17.6361 25.8423 17.7653 25.6701C17.7653 25.6701 17.8083 25.6701 17.8514 25.6701H17.9805C18.1097 25.6701 18.2388 25.6701 18.2819 25.584C18.2819 25.4979 18.3249 25.541 18.3249 25.584V25.7132L18.368 25.7993V26.1437L18.4111 26.2298V26.359C18.4111 26.6173 18.4972 26.6603 18.5833 26.6603C18.6694 26.6603 18.7555 26.6173 18.7124 26.2298C18.6694 25.8854 18.7555 25.7993 18.8416 25.7562L18.8846 25.7132C18.9707 25.6701 19.0999 25.6701 19.186 25.7562C19.2721 25.8423 19.4443 25.7132 19.4443 25.584V25.7562C19.4874 25.8854 19.4874 26.0576 19.3582 26.2298C19.3152 26.2729 19.3152 26.3159 19.2721 26.3159L19.0999 26.4881C18.9277 26.6603 18.7985 26.8756 18.9707 27.22L19.0138 27.3061L20.7359 29.0713C20.779 29.0713 20.822 29.0283 20.7359 28.9421C20.6498 28.813 20.6498 28.6838 20.7359 28.5977V28.5547L20.779 28.5977L20.9512 28.6838C20.9512 28.6838 20.9942 28.6838 20.9942 28.7269L21.0803 28.7699C21.3817 28.8991 21.8122 29.0283 22.458 28.9421C23.6204 28.813 24.094 27.995 23.9218 27.8228L24.0079 27.8658L23.7927 28.0811C23.5774 28.2102 23.3191 28.3825 23.0608 28.3825C22.5872 28.3825 22.3289 27.9089 22.415 27.6075V27.5645L22.5011 27.6506C22.5872 27.7367 22.8024 27.8658 23.0608 27.8658C23.4482 27.8658 23.8788 27.3922 23.7927 27.1339C23.7927 27.0909 23.7496 27.0909 23.6635 27.1339L23.5774 27.0909L23.1469 27.22L22.9747 27.2631C22.9316 27.2631 22.9316 27.2631 22.8885 27.3061L22.7163 27.3492C22.415 27.4353 21.9844 27.4783 21.5539 27.4783C20.1762 27.4783 19.961 26.1007 20.9512 25.541L20.9081 25.584L20.8651 25.6701V26.0576C20.779 26.5312 20.9081 27.1339 22.0275 27.1339C22.2428 27.1339 22.458 27.1339 22.6302 27.0909L22.8024 27.0478C22.8455 27.0478 22.9316 27.0478 22.9747 27.0048L23.1469 26.9617L23.4052 26.8756L23.5774 26.7895L23.7066 26.7465V26.6603C23.6635 26.5312 23.4913 26.2298 23.1038 26.2298C22.7163 26.2298 22.5441 26.5312 22.458 26.6603L22.415 26.7034V26.7465L22.3719 26.7034L22.2858 26.7895C22.1567 26.7034 21.9414 26.4451 22.0275 26.1437C22.0275 26.1007 22.0705 26.1007 22.1136 26.1007H22.2858C22.415 26.0576 22.5441 26.0146 22.5441 25.8423C22.5441 25.7562 22.5011 25.7132 22.458 25.7132H22.415C22.3719 25.7132 22.3289 25.7562 22.2858 25.7993L22.2428 25.8854C22.1997 25.9284 22.1997 25.9715 22.1136 25.9715C21.9414 25.9715 21.9414 25.4549 22.2858 25.4549H22.3289C22.415 25.4549 22.5441 25.4549 22.5872 25.3688V25.3257C22.5872 25.1965 22.8885 25.0674 23.5343 25.0243H23.7496C23.8357 25.0243 23.9649 25.0243 24.094 25.0243C24.5676 25.0243 24.869 25.1104 25.0412 25.1535L25.1273 25.1965L25.2565 25.3257V25.2827C25.2995 25.1104 25.4287 24.8952 25.73 24.8952ZM21.1664 34.7973H22.8455C22.8885 34.7973 22.8885 34.8404 22.8885 34.8834V34.9265C22.8885 34.9695 22.8885 35.0556 23.0177 35.0987C23.1899 35.1418 23.7066 35.5723 23.7066 35.7875C23.7066 35.8306 23.6635 35.9167 23.6204 35.9598L23.4913 36.132C23.4482 36.2181 23.4052 36.3042 23.4913 36.4764C23.7066 36.7778 23.8788 36.7778 24.0079 36.7778H23.9649C23.9649 36.7778 23.9649 36.7778 23.9218 36.7778L23.8788 36.8208C23.7496 36.8639 23.4913 36.9069 23.1038 36.9069H23.0177C22.8455 36.9069 22.6733 36.8639 22.5011 36.8208L22.0275 36.7347C21.7692 36.6917 21.5539 36.6486 21.2956 36.6917H21.1664C20.6929 36.7778 20.3915 37.2083 20.6067 38.586V38.7151C20.6067 38.7582 20.6929 38.8012 20.8651 38.8012C21.1234 38.8012 21.7692 39.1026 22.1567 39.7484L21.9844 39.6623V39.5762L21.7261 39.4901C21.3817 39.3179 21.0373 39.1887 20.9081 39.404C20.822 39.5762 20.8651 39.7054 20.9942 39.7915C21.0373 39.7915 20.9512 39.8345 20.822 39.8776L20.6929 39.9206L20.4776 40.0067H20.2623L19.8318 40.1359L19.0568 40.3511C18.9277 40.3942 18.8846 40.4803 19.143 40.6525L19.186 40.6956L19.4443 40.8678L19.4874 40.9108C19.5304 40.9539 19.5735 40.9969 19.5304 40.9969H19.4013C19.2721 40.9969 19.143 40.9969 19.143 41.083C19.143 41.1692 19.0999 41.3844 18.8846 41.3844C18.6694 41.3844 18.5402 41.2553 18.5402 41.083V40.8678C18.5402 40.6956 18.4541 40.5664 18.2819 40.5664C18.0236 40.5664 17.8514 40.8247 17.8514 41.2983C17.8514 41.6427 17.5069 41.7288 17.3778 41.7288C17.2486 41.7288 17.1195 41.6858 17.1195 41.4705C17.1195 41.4275 17.0334 41.4275 16.9473 41.4275H16.8612C16.8181 41.4275 16.8612 41.3844 16.9473 41.2983L17.0334 41.2553L17.2917 41.083L17.55 40.8678C17.6361 40.8247 17.6361 40.6525 17.593 40.6095L17.55 40.5664C17.4639 40.5234 17.3778 40.4803 17.2056 40.6095C17.0334 40.7817 16.8181 40.9108 16.6459 40.9108C16.4737 40.9108 16.3015 40.7386 16.3015 40.5664V40.3511C16.3015 40.265 16.3015 40.1359 16.1723 40.0928L16.1293 40.0498C16.0862 40.0067 16.0862 40.0067 16.1723 40.0067H17.1625C17.3347 40.0067 17.5069 39.9637 17.5069 39.9206C17.5069 39.7054 17.2917 39.6623 17.2056 39.6623H17.0764C16.8612 39.6623 16.5598 39.6623 16.5598 39.3609C16.5598 39.2748 16.6028 39.2318 16.6459 39.1887H16.6889C16.6889 39.1457 16.732 39.1457 16.732 39.1026C16.732 39.0165 16.6028 39.0165 16.5598 39.0165L16.6459 38.9304C16.775 38.8874 17.0334 38.8012 17.2917 39.0165C17.3347 39.0596 17.4208 39.1457 17.4639 39.1887L17.6361 39.447C17.7653 39.6192 17.8944 39.7484 18.1097 39.7484H18.1958C18.6263 39.7054 19.6596 39.3179 19.6596 38.1555C19.6596 37.811 19.5735 37.5097 19.4874 37.2513L19.4013 36.993L19.2721 36.7347C19.2721 36.6917 19.2721 36.6917 19.2721 36.6917C19.2721 36.6486 19.2721 36.6486 19.3152 36.6486H19.4013C19.4874 36.6486 19.6165 36.6056 19.6165 36.4333C19.6165 36.0889 17.55 36.0459 16.9042 36.6917V36.5194L16.9473 36.4333C17.0764 36.2181 17.3778 35.9167 18.0666 35.9167C18.2388 35.9167 18.368 35.9598 18.4541 35.9598L18.5833 36.0028C18.7124 36.0459 18.7985 36.0459 18.9277 36.0028C18.9707 36.0028 18.9707 35.9598 18.9277 35.9167L18.7555 35.7014C18.6263 35.5723 18.4972 35.4431 18.5402 35.1848L18.5833 35.2279C18.7124 35.357 19.0138 35.6153 19.3582 35.6153C19.4013 35.6153 19.4013 35.6153 19.4443 35.5723L19.4874 35.5292L19.5735 35.4001L19.7457 35.2279C20.004 35.0556 20.4345 34.7973 21.1664 34.7973ZM23.276 32.2142C23.1899 32.2142 23.1038 32.2572 23.1038 32.3433V32.4725C23.1038 32.4725 23.1038 32.5155 23.0608 32.5155L22.9747 32.6877C22.8455 32.86 22.6733 33.0752 22.2858 33.2474C22.2428 33.2905 22.1997 33.3766 22.2428 33.4627C22.2858 33.5057 22.3289 33.5488 22.415 33.5488H22.458C23.0177 33.2905 23.276 32.9461 23.3621 32.6877L23.4052 32.6016V32.3864C23.4052 32.3003 23.3621 32.2142 23.276 32.2142ZM24.4815 32.1281C24.3954 32.1281 24.3523 32.1711 24.3093 32.2572V32.4294C24.2662 32.6447 24.1371 33.0322 23.6635 33.2905C23.6204 33.3335 23.5774 33.4196 23.6204 33.5057C23.6635 33.5488 23.7066 33.5919 23.7927 33.5919H23.8357C24.3523 33.3335 24.5676 32.903 24.6537 32.6016V32.3003C24.6107 32.1711 24.5676 32.1281 24.4815 32.1281ZM22.5441 30.1476C22.5011 30.2337 22.5441 30.3198 22.5872 30.4059L22.6302 30.449C22.6733 30.492 22.8024 30.6212 22.8455 30.7934C22.9316 31.0948 22.8455 31.5253 22.5872 31.9558C22.5441 31.9989 22.5441 32.1281 22.6302 32.1711C22.6733 32.2142 22.6733 32.2142 22.7163 32.2142C22.7594 32.2142 22.8455 32.1711 22.8885 32.1281C23.1899 31.6114 23.3191 31.1378 23.233 30.7504V30.6643C23.1899 30.4059 23.0177 30.2768 22.9316 30.1907L22.8885 30.1476L22.7594 30.1046C22.6733 30.0615 22.5441 30.0615 22.5441 30.1476ZM21.7261 30.2768L21.64 30.3198L21.4678 30.492C21.2525 30.7073 21.0373 31.0948 20.9512 31.7406C20.9512 31.8267 20.9942 31.9128 21.0803 31.9128H21.1664C21.2095 31.9128 21.2956 31.8697 21.3386 31.7836V31.7406C21.3817 31.1378 21.64 30.7934 21.8122 30.6212L21.8983 30.5351C21.9844 30.492 21.9844 30.3629 21.9414 30.3198C21.8983 30.2768 21.8122 30.2768 21.7261 30.2768ZM23.7496 29.1574C23.7066 29.2435 23.7066 29.3296 23.7927 29.3727L23.9218 29.5018C23.9218 29.5018 23.9218 29.5018 23.9218 29.5449L23.9649 29.5879C24.094 29.8032 24.2232 30.1476 24.094 30.7934L24.051 30.9226C24.0079 31.0087 24.051 31.0517 24.1371 31.0948H24.2232C24.2662 31.0948 24.3523 31.0517 24.3954 30.9656C24.6107 30.0185 24.3093 29.5018 24.1371 29.2866L24.051 29.2005L24.0079 29.1144L23.9649 29.0713C23.8788 29.0713 23.7927 29.0713 23.7496 29.1574ZM30.595 25.6271L30.7242 25.8854C30.8533 26.1437 31.1116 26.4451 31.37 26.402C31.4561 26.402 31.4561 26.2729 31.413 26.1437L31.37 25.9715L31.3269 25.8854V25.7993C31.3269 25.7562 31.3269 25.7562 31.3269 25.7132L31.5852 25.9715C31.7144 26.1007 31.8435 26.2298 31.9727 26.3159C32.231 26.4881 32.2741 27.0048 32.1449 27.3061C32.0158 27.5214 31.8005 27.7367 31.7574 27.9519V27.995C31.7144 28.1241 31.6283 28.2964 31.4991 28.5547L31.413 28.7269C31.3269 28.856 31.2839 28.9421 31.1547 29.0713L30.9825 29.2435C30.8533 29.4157 30.6811 29.5879 30.5089 29.7602L30.4228 29.8463L29.9923 29.4588L30.6811 28.7699C30.9825 28.4255 31.2408 28.0811 31.1977 27.8228H31.1547L31.1116 27.7797C31.1116 27.7797 31.1116 27.7797 31.0686 27.7797L30.9825 27.7367C30.8103 27.6075 30.552 27.3492 30.595 26.9617L30.6381 27.0478C30.6381 27.0478 30.6381 27.0478 30.6811 27.0909L30.7242 27.177C30.8533 27.3492 31.0686 27.5214 31.1977 27.3922C31.413 27.2631 31.2408 26.9187 30.9825 26.6603L30.8964 26.5742V26.4451L30.8533 26.402C30.6811 26.2298 30.595 25.9715 30.595 25.7993V25.6271ZM24.4815 27.0478C24.4385 27.1339 24.4815 27.22 24.5676 27.2631C25.0412 27.4353 25.4717 27.6936 25.5148 27.8228H25.4717C25.4717 27.8228 25.4717 27.8228 25.4287 27.8228H24.869C24.8259 27.8228 24.7398 27.8658 24.6968 27.9089C24.6537 27.9519 24.6968 27.995 24.6968 28.0811L24.7398 28.1672L24.7829 28.2102V28.2533C24.7829 28.2533 24.7829 28.2533 24.7829 28.2964V28.6838C24.7829 28.856 24.7829 29.0713 24.7398 29.2866C24.7398 29.3727 24.7829 29.4157 24.912 29.4588H24.9981C25.0412 29.4588 25.1273 29.3727 25.1273 29.2866C25.1273 29.2005 25.1273 29.1144 25.1273 29.0713V28.856C25.1273 28.813 25.1273 28.813 25.1273 28.7699V28.5977C25.1273 28.3825 25.0842 28.2533 25.0412 28.1241C25.2995 28.1241 25.5148 28.0811 25.6439 27.9519C25.687 27.9089 25.73 27.8228 25.73 27.7367C25.73 27.4353 25.2995 27.177 24.9551 27.0048L24.6968 26.9187L24.6107 26.8756H24.5676C24.6107 26.9187 24.5246 26.9617 24.4815 27.0478ZM24.094 25.3688H23.3191C23.1899 25.3688 23.1899 25.4118 23.1469 25.4549C23.1469 25.541 23.1899 25.584 23.1899 25.6271L23.233 25.6701H23.7066C23.7496 25.6701 23.8357 25.6701 23.8357 25.7132C23.8357 25.7562 23.7066 25.7993 23.5774 25.8423H23.3621L23.4052 25.8854C23.4482 25.9715 23.5343 26.0146 23.7066 26.0146C23.9649 26.0146 24.051 25.7993 24.051 25.6271V25.541C24.094 25.541 24.2232 25.541 24.2232 25.4549C24.2662 25.4118 24.1801 25.3688 24.094 25.3688ZM23.9218 23.0009L24.051 23.0439L24.1801 23.1731L24.3093 23.2161C24.4815 23.3453 24.6537 23.5175 24.6537 23.6897C24.6537 23.905 24.4385 23.9911 24.3093 24.0341H24.2662C24.3523 24.2494 24.5246 24.3355 24.6107 24.3785H24.9981C25.2565 24.3785 25.2565 24.1633 25.2565 24.0772V23.9911H25.2134C25.1273 23.9911 24.9551 23.905 24.9551 23.7328C24.9551 23.5175 25.2565 23.3453 25.5578 23.2592L25.73 23.1731L25.8592 23.13L25.7731 23.4744H25.73C25.6439 23.4744 25.5578 23.5605 25.5578 23.6897C25.5578 23.7328 25.6009 23.7758 25.6439 23.8189H25.687L25.4287 24.6799H22.5872L22.3719 23.8619C22.415 23.8189 22.5011 23.7758 22.5011 23.6897C22.5011 23.5605 22.415 23.4744 22.3289 23.4744H22.2858L22.1567 23.087C22.415 23.13 23.0608 23.3883 23.0608 23.6897C23.0608 23.905 22.8885 23.9911 22.8024 23.9911H22.7594C22.7594 24.2494 22.9316 24.3355 23.0177 24.3355H23.4913C23.7066 24.3355 23.7496 24.0772 23.7496 23.9911V23.948H23.6204C23.4913 23.905 23.3621 23.8619 23.3621 23.7328C23.3621 23.5175 23.5343 23.3453 23.7066 23.1731L23.8788 23.0009H23.9218ZM24.0079 23.5175C23.8788 23.5175 23.7927 23.6036 23.7927 23.7328C23.7927 23.8619 23.8788 23.948 24.0079 23.948C24.1371 23.948 24.2232 23.8619 24.2232 23.7328C24.2232 23.6036 24.1371 23.5175 24.0079 23.5175Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11944">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/chamber-deputies.svg b/assets/icons/complex/chamber-deputies.svg
new file mode 100644
index 00000000..51215a87
--- /dev/null
+++ b/assets/icons/complex/chamber-deputies.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11942)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.019 29.5388C22.9977 29.2635 23.2035 29.022 23.4794 29.0111C23.6522 29.0043 23.8258 29.0009 24.0002 29.0009C24.1746 29.0009 24.3482 29.0043 24.521 29.0111C24.7969 29.022 25.0028 29.2635 24.9814 29.5388L24.9039 30.5358C24.8825 30.8111 24.642 31.0158 24.366 31.0068C24.2446 31.0029 24.1227 31.0009 24.0002 31.0009C23.8778 31.0009 23.7558 31.0029 23.6344 31.0068C23.3584 31.0158 23.1179 30.8111 23.0965 30.5358L23.019 29.5388ZM26.9191 29.8436C26.9834 29.575 27.2535 29.4085 27.5194 29.4831C27.8557 29.5774 28.1865 29.685 28.5113 29.8052C28.7702 29.901 28.891 30.1945 28.7852 30.4496L28.4021 31.3733C28.2964 31.6284 28.0042 31.7482 27.7445 31.6543C27.5176 31.5721 27.2871 31.4972 27.0535 31.4299C26.7882 31.3534 26.6222 31.0847 26.6864 30.8162L26.9191 29.8436ZM19.2152 30.4496C19.1095 30.1945 19.2302 29.901 19.4892 29.8052C19.8139 29.685 20.1447 29.5774 20.4811 29.4831C20.7469 29.4085 21.0171 29.575 21.0813 29.8436L21.314 30.8162C21.3783 31.0847 21.2122 31.3534 20.9469 31.4299C20.7133 31.4972 20.4829 31.5721 20.2559 31.6543C19.9962 31.7482 19.7041 31.6284 19.5983 31.3733L19.2152 30.4496ZM30.5326 31.3415C30.6771 31.1062 30.9856 31.0318 31.2152 31.1852C31.5043 31.3785 31.7852 31.583 32.0573 31.7981C32.2739 31.9694 32.298 32.2858 32.1186 32.4957L31.4688 33.2558C31.2893 33.4657 30.9744 33.4894 30.7566 33.3197C30.5652 33.1705 30.3688 33.0275 30.1676 32.891C29.9391 32.736 29.8648 32.429 30.0093 32.1937L30.5326 31.3415ZM15.8818 32.4957C15.7024 32.2858 15.7265 31.9694 15.9431 31.7981C16.2152 31.583 16.4961 31.3785 16.7853 31.1852C17.0148 31.0318 17.3233 31.1062 17.4678 31.3416L17.9911 32.1937C18.1356 32.429 18.0613 32.736 17.8328 32.891C17.6316 33.0275 17.4352 33.1705 17.2438 33.3197C17.026 33.4894 16.7111 33.4657 16.5316 33.2558L15.8818 32.4957ZM33.5054 33.8825C33.7153 33.7031 34.0317 33.7272 34.203 33.9438C34.4181 34.2158 34.6226 34.4968 34.8158 34.7859C34.9693 35.0155 34.8948 35.324 34.6595 35.4685L33.8074 35.9918C33.5721 36.1363 33.2651 36.062 33.1101 35.8334C32.9736 35.6323 32.8306 35.4358 32.6814 35.2445C32.5116 35.0267 32.5354 34.7117 32.7453 34.5323L33.5054 33.8825ZM13.3409 35.4685C13.1056 35.324 13.0312 35.0155 13.1846 34.7859C13.3778 34.4968 13.5823 34.2158 13.7975 33.9438C13.9687 33.7272 14.2852 33.7031 14.4951 33.8825L15.2552 34.5323C15.4651 34.7117 15.4888 35.0267 15.319 35.2445C15.1698 35.4358 15.0268 35.6323 14.8904 35.8334C14.7353 36.062 14.4284 36.1363 14.1931 35.9918L13.3409 35.4685ZM35.5515 37.2159C35.8066 37.1101 36.1001 37.2308 36.1959 37.4898C36.3161 37.8145 36.4236 38.1454 36.518 38.4817C36.5926 38.7476 36.426 39.0177 36.1575 39.082L35.1849 39.3146C34.9163 39.3789 34.6477 39.2129 34.5712 38.9475C34.5038 38.7139 34.429 38.4835 34.3468 38.2565C34.2528 37.9969 34.3727 37.7047 34.6278 37.5989L35.5515 37.2159ZM11.843 39.082C11.5744 39.0177 11.4078 38.7476 11.4824 38.4817C11.5768 38.1454 11.6844 37.8145 11.8045 37.4898C11.9003 37.2308 12.1938 37.1101 12.4489 37.2159L13.3726 37.5989C13.6277 37.7047 13.7476 37.9969 13.6536 38.2565C13.5715 38.4835 13.4966 38.7139 13.4292 38.9475C13.3527 39.2129 13.0841 39.3789 12.8155 39.3146L11.843 39.082Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8907 33.5727C22.8549 33.2989 23.0479 33.0465 23.3233 33.026C23.5469 33.0093 23.7727 33.0009 24.0002 33.0009C24.2278 33.0009 24.4535 33.0093 24.6771 33.026C24.9525 33.0465 25.1455 33.2989 25.1098 33.5727L24.9804 34.5643C24.9447 34.8381 24.6937 35.0293 24.4181 35.0131C24.2799 35.005 24.1406 35.0009 24.0002 35.0009C23.8598 35.0009 23.7205 35.005 23.5824 35.0131C23.3067 35.0293 23.0557 34.8381 23.02 34.5643L22.8907 33.5727ZM27.254 34.146C27.3598 33.891 27.6531 33.7687 27.9019 33.8885C28.3112 34.0857 28.7033 34.3129 29.0751 34.5672C29.3031 34.7231 29.3434 35.0382 29.1751 35.2572L28.5658 36.0501C28.3976 36.2691 28.0846 36.3085 27.8542 36.1563C27.6233 36.0036 27.3829 35.8644 27.1341 35.7396C26.8872 35.6158 26.7652 35.3248 26.871 35.0698L27.254 34.146ZM18.8253 35.2572C18.657 35.0382 18.6974 34.7231 18.9253 34.5672C19.2971 34.3129 19.6892 34.0857 20.0986 33.8885C20.3474 33.7687 20.6406 33.891 20.7464 34.146L21.1294 35.0698C21.2352 35.3248 21.1132 35.6158 20.8664 35.7396C20.6176 35.8644 20.3772 36.0036 20.1462 36.1563C19.9159 36.3085 19.6029 36.2691 19.4346 36.0501L18.8253 35.2572ZM30.7439 36.8259C30.9628 36.6577 31.278 36.698 31.4339 36.9259C31.6882 37.2978 31.9154 37.6898 32.1126 38.0992C32.2324 38.348 32.1101 38.6412 31.855 38.747L30.9313 39.1301C30.6762 39.2359 30.3853 39.1138 30.2615 38.867C30.1367 38.6182 29.9974 38.3778 29.8448 38.1469C29.6925 37.9165 29.732 37.6035 29.9509 37.4352L30.7439 36.8259ZM16.1454 38.747C15.8903 38.6412 15.768 38.348 15.8879 38.0992C16.0851 37.6898 16.3123 37.2978 16.5666 36.9259C16.7224 36.698 17.0376 36.6577 17.2566 36.8259L18.0495 37.4352C18.2684 37.6035 18.3079 37.9165 18.1556 38.1469C18.003 38.3778 17.8637 38.6182 17.7389 38.867C17.6151 39.1138 17.3242 39.2359 17.0691 39.1301L16.1454 38.747ZM32.4284 40.8913C32.7022 40.8556 32.9546 41.0486 32.9751 41.324C32.9918 41.5476 33.0002 41.7733 33.0002 42.0009C33.0002 42.2284 32.9918 42.4541 32.9751 42.6777C32.9546 42.9531 32.7022 43.1461 32.4284 43.1104L31.4368 42.9811C31.163 42.9453 30.9718 42.6944 30.988 42.4187C30.9961 42.2806 31.0002 42.1412 31.0002 42.0009C31.0002 41.8605 30.9961 41.7212 30.988 41.583C30.9718 41.3073 31.163 41.0564 31.4368 41.0207L32.4284 40.8913ZM15.0002 42.0009C15.0002 41.7733 15.0087 41.5476 15.0253 41.324C15.0458 41.0486 15.2982 40.8556 15.572 40.8913L16.5636 41.0207C16.8375 41.0564 17.0286 41.3073 17.0124 41.583C17.0043 41.7212 17.0002 41.8605 17.0002 42.0009C17.0002 42.1412 17.0043 42.2806 17.0124 42.4187C17.0286 42.6944 16.8375 42.9453 16.5636 42.9811L15.572 43.1104C15.2982 43.1461 15.0458 42.9531 15.0253 42.6777C15.0087 42.4541 15.0002 42.2284 15.0002 42.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9205 25.5356C22.9027 25.2601 23.1117 25.0215 23.3876 25.0117C23.591 25.0045 23.7952 25.0009 24.0002 25.0009C24.2052 25.0009 24.4094 25.0045 24.6128 25.0117C24.8888 25.0215 25.0977 25.2601 25.0799 25.5356L25.0154 26.5336C24.9976 26.8091 24.7598 27.0172 24.4838 27.0085C24.3232 27.0034 24.162 27.0009 24.0002 27.0009C23.8384 27.0009 23.6772 27.0034 23.5166 27.0085C23.2406 27.0172 23.0028 26.8091 22.985 26.5336L22.9205 25.5356ZM27.2198 25.8149C27.2734 25.544 27.5367 25.3671 27.8059 25.4287C28.2064 25.5203 28.6015 25.6261 28.9907 25.7454C29.2547 25.8264 29.3946 26.111 29.3058 26.3725L28.9844 27.3195C28.8957 27.581 28.612 27.7202 28.3477 27.6403C28.0416 27.5478 27.7315 27.4648 27.4175 27.3916C27.1486 27.329 26.9722 27.0668 27.0258 26.7959L27.2198 25.8149ZM18.6946 26.3725C18.6059 26.111 18.7457 25.8264 19.0097 25.7454C19.3989 25.6261 19.7941 25.5203 20.1946 25.4287C20.4638 25.3671 20.727 25.544 20.7806 25.8149L20.9747 26.7959C21.0282 27.0668 20.8519 27.329 20.5829 27.3916C20.2689 27.4648 19.9588 27.5478 19.6528 27.6403C19.3884 27.7202 19.1047 27.581 19.016 27.3195L18.6946 26.3725ZM31.2999 27.1994C31.4222 26.9518 31.7224 26.8496 31.9663 26.9792C32.3278 27.1713 32.6815 27.376 33.0269 27.5928C33.2608 27.7396 33.3218 28.0509 33.1682 28.2803L32.6119 29.1113C32.4583 29.3408 32.1482 29.4015 31.9137 29.2556C31.6414 29.0862 31.3634 28.9252 31.0799 28.7731C30.8365 28.6426 30.7346 28.3435 30.8569 28.0959L31.2999 27.1994ZM14.8322 28.2803C14.6786 28.0509 14.7397 27.7396 14.9736 27.5928C15.3189 27.376 15.6726 27.1713 16.0342 26.9792C16.278 26.8496 16.5783 26.9518 16.7006 27.1994L17.1435 28.0959C17.2659 28.3435 17.1639 28.6426 16.9205 28.7731C16.637 28.9252 16.359 29.0862 16.0867 29.2556C15.8523 29.4015 15.5421 29.3408 15.3885 29.1113L14.8322 28.2803ZM34.8796 29.5954C35.0618 29.3879 35.3783 29.3667 35.5804 29.5549C35.8792 29.8331 36.168 30.1219 36.4462 30.4207C36.6343 30.6228 36.6132 30.9393 36.4057 31.1214L35.6541 31.7811C35.4465 31.9632 35.1312 31.942 34.9423 31.7406C34.7223 31.5061 34.4949 31.2787 34.2604 31.0588C34.059 30.8698 34.0378 30.5545 34.22 30.347L34.8796 29.5954ZM11.5948 31.1214C11.3872 30.9393 11.3661 30.6228 11.5542 30.4207C11.8324 30.1219 12.1212 29.8331 12.42 29.5549C12.6222 29.3667 12.9386 29.3879 13.1208 29.5954L13.7804 30.347C13.9626 30.5545 13.9414 30.8698 13.74 31.0588C13.5055 31.2787 13.2781 31.5061 13.0581 31.7406C12.8692 31.942 12.5539 31.9632 12.3464 31.7811L11.5948 31.1214ZM37.7207 32.8328C37.9502 32.6792 38.2614 32.7403 38.4082 32.9742C38.625 33.3195 38.8298 33.6733 39.0219 34.0348C39.1514 34.2787 39.0492 34.5789 38.8017 34.7012L37.9051 35.1442C37.6576 35.2665 37.3585 35.1645 37.2279 34.9212C37.0758 34.6377 36.9149 34.3596 36.7455 34.0874C36.5996 33.8529 36.6603 33.5428 36.8898 33.3892L37.7207 32.8328ZM9.19876 34.7012C8.95119 34.5789 8.84898 34.2787 8.97855 34.0348C9.17065 33.6733 9.37539 33.3195 9.59218 32.9742C9.73899 32.7403 10.0502 32.6792 10.2797 32.8328L11.1106 33.3892C11.3401 33.5428 11.4008 33.8529 11.2549 34.0874C11.0855 34.3596 10.9246 34.6377 10.7725 34.9212C10.642 35.1645 10.3429 35.2665 10.0953 35.1442L9.19876 34.7012Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11942">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/chat.svg b/assets/icons/complex/chat.svg
new file mode 100644
index 00000000..11a81fe9
--- /dev/null
+++ b/assets/icons/complex/chat.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_12084)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.4019 0.250977C33.4572 0.250977 30.7612 1.12524 28.7834 2.57564C26.806 4.02572 25.5049 6.091 25.5049 8.44215C25.5049 10.7933 26.806 12.8586 28.7834 14.3087C30.7612 15.7591 33.4572 16.6333 36.4019 16.6333C37.2658 16.6333 38.1071 16.5581 38.9145 16.4157L44.6053 20.799L43.4458 14.7009C45.7458 13.2382 47.2989 11.0155 47.2989 8.44215C47.2989 6.091 45.9978 4.02572 44.0205 2.57564C42.0426 1.12524 39.3466 0.250977 36.4019 0.250977ZM27.0049 8.44215C27.0049 6.68366 27.9753 5.02835 29.6704 3.78525C31.3651 2.54248 33.7426 1.75098 36.4019 1.75098C39.0612 1.75098 41.4387 2.54248 43.1334 3.78525C44.8285 5.02835 45.7989 6.68366 45.7989 8.44215C45.7989 10.488 44.4793 12.4038 42.2409 13.6757L41.7744 13.9407L42.3947 17.2029L39.2923 14.8133L38.957 14.8811C38.1455 15.0452 37.2886 15.1333 36.4019 15.1333C33.7426 15.1333 31.3651 14.3418 29.6704 13.0991C27.9753 11.856 27.0049 10.2006 27.0049 8.44215Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3626 14.5843C13.5468 14.5843 9.15774 16.0409 5.95553 18.4319C2.75321 20.8229 0.700928 24.1844 0.700928 27.9618C0.700928 32.2965 3.39659 36.073 7.44053 38.4828L3.89626 46.8691L13.6559 40.8604C15.1554 41.1727 16.7339 41.3392 18.3626 41.3392C23.1785 41.3392 27.5675 39.8827 30.7697 37.4917C33.972 35.1006 36.0243 31.7392 36.0243 27.9618C36.0243 24.1844 33.972 20.8229 30.7697 18.4319C27.5675 16.0409 23.1785 14.5843 18.3626 14.5843ZM2.20093 27.9618C2.20093 24.7652 3.93445 21.8129 6.85297 19.6338C9.77159 17.4545 13.8384 16.0843 18.3626 16.0843C22.8869 16.0843 26.9537 17.4545 29.8723 19.6338C32.7908 21.8129 34.5243 24.7652 34.5243 27.9618C34.5243 31.1583 32.7908 34.1106 29.8723 36.2898C26.9537 38.469 22.8869 39.8392 18.3626 39.8392C16.7338 39.8392 15.1628 39.6615 13.6824 39.3317L13.3853 39.2655L7.10374 43.1329L9.34554 37.8284L8.74996 37.5032C4.70588 35.2951 2.20093 31.7985 2.20093 27.9618Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_12084">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/cities.svg b/assets/icons/complex/cities.svg
new file mode 100644
index 00000000..3fdb7e6b
--- /dev/null
+++ b/assets/icons/complex/cities.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 12V18H25V12H19ZM23.5 13.5H20.5V16.5H23.5V13.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 26V20H16V26H10ZM11.5 21.5H14.5V24.5H11.5V21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 28V34H16V28H10ZM14.5 29.5H11.5V32.5H14.5V29.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 36V42H16V36H10ZM14.5 37.5H11.5V40.5H14.5V37.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 20V26H25V20H19ZM23.5 21.5H20.5V24.5H23.5V21.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 38V44H39V38H33ZM37.5 39.5H34.5V42.5H37.5V39.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 32C34 33.6569 32.6569 35 31 35C29.3431 35 28 33.6569 28 32C28 30.3431 29.3431 29 31 29C32.6569 29 34 30.3431 34 32ZM32.5 32C32.5 32.8284 31.8284 33.5 31 33.5C30.1716 33.5 29.5 32.8284 29.5 32C29.5 31.1716 30.1716 30.5 31 30.5C31.8284 30.5 32.5 31.1716 32.5 32Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 23.8182V0L6 14.2273V48H42V32L31 22L29 23.8182ZM7.5 15.0632V46.5H20V32L27.5 25.1818V2.69165L7.5 15.0632ZM31 24.0272L40.5 32.6636V46.5H30V38H24V46.5H21.5V32.6636L31 24.0272ZM25.5 46.5H28.5V39.5H25.5V46.5Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/assets/icons/complex/city-office.svg b/assets/icons/complex/city-office.svg
new file mode 100644
index 00000000..b4df8eae
--- /dev/null
+++ b/assets/icons/complex/city-office.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 21.001V32.001H19V21.001H13ZM17.5 22.501H14.5V24.751H17.5V22.501ZM14.5 30.501V26.251H17.5V30.501H14.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 21.001V32.001H27V21.001H21ZM25.5 24.751V22.501H22.5V24.751H25.5ZM22.5 30.501V26.251H25.5V30.501H22.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 21.001V32.001H35V21.001H29ZM33.5 22.501H30.5V24.751H33.5V22.501ZM30.5 30.501V26.251H33.5V30.501H30.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 36.001V43.001H35V36.001H29ZM33.5 37.501H30.5V41.501H33.5V37.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 36.001V43.001H19V36.001H13ZM17.5 37.501H14.5V41.501H17.5V37.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 42.001V31.001H8V42.001H3ZM4.5 32.501H6.5V36.751H4.5V32.501ZM4.5 38.251V40.501H6.5V38.251H4.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 42.001V31.001H45V42.001H40ZM41.5 32.501H43.5V36.751H41.5V32.501ZM41.5 38.251V40.501H43.5V38.251H41.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.1701 0.000976562H23.25V8.32676L10 19.6839V26.001H2C0.895431 26.001 0 26.8964 0 28.001V44.001C0 45.1055 0.895432 46.001 2 46.001H10C10 47.1055 10.8954 48.001 12 48.001H36C37.1046 48.001 38 47.1055 38 46.001H46C47.1046 46.001 48 45.1055 48 44.001V28.001C48 26.8964 47.1046 26.001 46 26.001H38V19.6839L24.75 8.32676V6.00098H33.1701L30.5035 3.00098L33.1701 0.000976562ZM29.8299 4.50098H24.75V1.50098H29.8299L28.4965 3.00098L29.8299 4.50098ZM27.5 46.501H36C36.2761 46.501 36.5 46.2771 36.5 46.001V20.3738L24 9.65952L11.5 20.3738V46.001C11.5 46.2771 11.7239 46.501 12 46.501H20.5V36.001H27.5V46.501ZM2 27.501H10V44.501H2C1.72386 44.501 1.5 44.2771 1.5 44.001V28.001C1.5 27.7248 1.72386 27.501 2 27.501ZM46 44.501H38V27.501H46C46.2761 27.501 46.5 27.7248 46.5 28.001V44.001C46.5 44.2771 46.2761 44.501 46 44.501ZM22 46.501H26V37.501H22V46.501Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/assets/icons/complex/coins.svg b/assets/icons/complex/coins.svg
new file mode 100644
index 00000000..f6301788
--- /dev/null
+++ b/assets/icons/complex/coins.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3861)">
+<path d="M46.5 14.0009C46.5 17.9099 44.7057 21.3998 41.8957 23.692C41.6727 23.8739 41.5638 24.1609 41.6178 24.4436C41.7207 24.9828 42.3409 25.2594 42.7686 24.9153C45.9586 22.3493 48 18.4135 48 14.0009C48 6.26887 41.732 0.000854492 34 0.000854492C29.2277 0.000854492 25.0131 2.38868 22.4858 6.03476C22.173 6.48604 22.4935 7.08502 23.0388 7.14918C23.3247 7.1828 23.6029 7.05354 23.7685 6.81812C26.0302 3.60225 29.7697 1.50085 34 1.50085C40.9036 1.50085 46.5 7.0973 46.5 14.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7645 29.8179V27.5993C20.7645 26.7479 20.6963 26.0022 20.5598 25.3621C20.4234 24.7157 20.225 24.1657 19.9645 23.7121C19.7103 23.2522 19.4002 22.8793 19.0344 22.5934C18.6747 22.3076 18.2654 22.0994 17.8066 21.9689C17.3539 21.8322 16.8578 21.7638 16.3183 21.7638C15.6486 21.7638 15.0409 21.8694 14.4952 22.0807C13.9557 22.292 13.4906 22.6307 13.1 23.0968C12.7093 23.5567 12.4086 24.1564 12.1977 24.896C11.9869 25.6293 11.8815 26.5304 11.8815 27.5993V29.8179C11.8815 30.6693 11.9497 31.4182 12.0861 32.0645C12.2287 32.7108 12.4272 33.2671 12.6814 33.7331C12.9418 34.193 13.255 34.569 13.6209 34.8611C13.9867 35.1532 14.396 35.3676 14.8487 35.5043C15.3075 35.641 15.8036 35.7094 16.3369 35.7094C17.0066 35.7094 17.6112 35.6006 18.1507 35.3831C18.6964 35.1656 19.1646 34.8238 19.5553 34.3577C19.9459 33.8916 20.2436 33.2857 20.4482 32.5399C20.659 31.788 20.7645 30.8806 20.7645 29.8179ZM18.5228 27.2637V30.1349C18.5228 30.8123 18.4763 31.3933 18.3833 31.8781C18.2902 32.3628 18.1507 32.7575 17.9647 33.062C17.7787 33.3603 17.5492 33.5778 17.2764 33.7145C17.0035 33.8512 16.6904 33.9196 16.3369 33.9196C16.0579 33.9196 15.8005 33.8761 15.5649 33.7891C15.3355 33.7021 15.1308 33.5654 14.951 33.3789C14.7774 33.1863 14.6285 32.9439 14.5045 32.6518C14.3805 32.3535 14.2875 31.9962 14.2255 31.5798C14.1635 31.1634 14.1324 30.6818 14.1324 30.1349V27.2637C14.1324 26.5863 14.179 26.0115 14.272 25.5392C14.3712 25.0606 14.5138 24.6753 14.6998 24.3833C14.8859 24.0912 15.1153 23.8799 15.3882 23.7494C15.661 23.6126 15.9711 23.5443 16.3183 23.5443C16.6036 23.5443 16.8609 23.5878 17.0903 23.6748C17.3198 23.7556 17.5244 23.8892 17.7042 24.0756C17.8841 24.2559 18.0329 24.492 18.1507 24.7841C18.2747 25.07 18.3678 25.4211 18.4298 25.8375C18.4918 26.2476 18.5228 26.7231 18.5228 27.2637Z" fill="currentColor"/>
+<path d="M23.9981 34.9636L24.0017 34.3584C24.0049 33.8081 23.5596 33.3603 23.0093 33.3603C22.4612 33.3603 22.0169 33.8046 22.0169 34.3527V35.0475C22.0169 35.4391 21.9735 35.7964 21.8867 36.1196C21.7999 36.4427 21.6852 36.7472 21.5425 37.0331C21.5208 37.0768 21.4986 37.1203 21.4761 37.1639C21.2684 37.5655 21.3908 38.0694 21.7815 38.2971C22.0735 38.4672 22.4463 38.4408 22.6762 38.1931C23.0123 37.831 23.2949 37.4071 23.5238 36.9212C23.84 36.2501 23.9981 35.5975 23.9981 34.9636Z" fill="currentColor"/>
+<path d="M28.7925 30.6196C29.2868 30.6196 29.6875 30.219 29.6875 29.7247C29.6875 29.2305 29.2868 28.8298 28.7925 28.8298H25.6618C25.1676 28.8298 24.7669 29.2305 24.7669 29.7247C24.7669 30.219 25.1676 30.6196 25.6618 30.6196H28.7925Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 48.0009C31.2696 48.0009 40 39.2704 40 28.5009C40 17.7313 31.2696 9.00085 20.5 9.00085C9.73045 9.00085 1 17.7313 1 28.5009C1 39.2704 9.73045 48.0009 20.5 48.0009ZM20.5 46.5009C30.4411 46.5009 38.5 38.442 38.5 28.5009C38.5 18.5597 30.4411 10.5009 20.5 10.5009C10.5589 10.5009 2.5 18.5597 2.5 28.5009C2.5 38.442 10.5589 46.5009 20.5 46.5009Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3861">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/communication.svg b/assets/icons/complex/communication.svg
new file mode 100644
index 00000000..2a9a3481
--- /dev/null
+++ b/assets/icons/complex/communication.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2929 25.3537C20.6835 25.7442 21.3166 25.7442 21.7072 25.3537L35.0001 12.0608C35.2929 11.7679 35.2929 11.293 35.0001 11.0001C34.7072 10.7072 34.2323 10.7072 33.9394 11.0001L21.0001 23.9395L15.5607 18.5001C15.2678 18.2072 14.793 18.2072 14.5001 18.5001C14.2072 18.793 14.2072 19.2679 14.5001 19.5608L20.2929 25.3537Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.3728 35.7152C45.3728 36.8198 44.4774 37.7152 43.3728 37.7152H34.5296V45.674C34.5296 46.5522 33.4786 47.0039 32.8414 46.3995L23.6864 37.7152H4C2.89543 37.7152 2 36.8198 2 35.7152V2.00092C2 0.896346 2.89543 0.000915527 4 0.000915527H43.3728C44.4774 0.000915527 45.3728 0.896349 45.3728 2.00092V35.7152ZM34.0296 36.2152C33.4773 36.2152 33.0296 36.6629 33.0296 37.2152V44.5105L24.574 36.4897C24.3882 36.3134 24.1419 36.2152 23.8858 36.2152H4C3.72386 36.2152 3.5 35.9913 3.5 35.7152V2.00092C3.5 1.72477 3.72386 1.50092 4 1.50092H43.3728C43.649 1.50092 43.8728 1.72477 43.8728 2.00092V35.7152C43.8728 35.9913 43.649 36.2152 43.3728 36.2152H34.0296Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/confusion.svg b/assets/icons/complex/confusion.svg
new file mode 100644
index 00000000..a1f963d0
--- /dev/null
+++ b/assets/icons/complex/confusion.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.3184 11.7977C41.1828 12.1224 41.0828 12.5053 41.0185 12.9467C40.9119 13.6786 41.5313 14.2821 42.271 14.2821C43.0034 14.2821 43.568 13.683 43.7522 12.9741C43.8838 12.4678 44.096 12.0483 44.3887 11.7157L45.8301 10.2977C47.0176 9.06335 47.6113 7.80945 47.6113 6.53601C47.6113 5.10632 47.1699 3.99304 46.2871 3.19617C45.4121 2.39929 44.1895 2.00085 42.6191 2.00085C41.0957 2.00085 39.8691 2.4032 38.9395 3.20789C38.3578 3.7156 37.9565 4.3384 37.7356 5.07626C37.5096 5.83133 38.1769 6.48914 38.9651 6.48914C39.747 6.48914 40.3098 5.77673 40.7953 5.16382C40.854 5.08967 40.919 5.01972 40.9902 4.95398C41.4043 4.57117 41.9473 4.37976 42.6191 4.37976C43.3223 4.37976 43.8535 4.57507 44.2129 4.9657C44.5801 5.34851 44.7637 5.9071 44.7637 6.64148C44.7637 7.19617 44.6074 7.71179 44.2949 8.18835C44.0918 8.50085 43.6074 9.0282 42.8418 9.77039C42.084 10.5048 41.5762 11.1805 41.3184 11.7977Z" fill="currentColor"/>
+<path d="M41.166 16.8134C40.877 17.0946 40.7324 17.4657 40.7324 17.9266C40.7324 18.3563 40.8691 18.7157 41.1426 19.0048C41.4238 19.2938 41.8223 19.4384 42.3379 19.4384C42.8535 19.4384 43.252 19.2938 43.5332 19.0048C43.8145 18.7157 43.9551 18.3563 43.9551 17.9266C43.9551 17.4813 43.8105 17.1141 43.5215 16.8251C43.2324 16.5282 42.8379 16.3798 42.3379 16.3798C41.8457 16.3798 41.4551 16.5243 41.166 16.8134Z" fill="currentColor"/>
+<path d="M14.0969 29.3269C14.0969 30.1566 13.4243 30.8292 12.5947 30.8292C11.765 30.8292 11.0924 30.1566 11.0924 29.3269C11.0924 28.4973 11.765 27.8247 12.5947 27.8247C13.4243 27.8247 14.0969 28.4973 14.0969 29.3269Z" fill="currentColor"/>
+<path d="M28.7827 29.3271C28.7827 30.1567 28.1101 30.8293 27.2804 30.8293C26.4508 30.8293 25.7782 30.1567 25.7782 29.3271C25.7782 28.4974 26.4508 27.8248 27.2804 27.8248C28.1101 27.8248 28.7827 28.4974 28.7827 29.3271Z" fill="currentColor"/>
+<path d="M16.0682 37.6335C16.0682 37.2328 16.393 36.908 16.7937 36.908H23.0812C23.4818 36.908 23.8066 37.2328 23.8066 37.6335C23.8066 38.0342 23.4818 38.359 23.0812 38.359H16.7937C16.393 38.359 16.0682 38.0342 16.0682 37.6335Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.067 6.07538C28.4605 6.73448 29.6235 7.69466 30.1387 9.05807C30.2874 9.07041 30.4459 9.09267 30.6077 9.12129C31.0813 9.2051 31.657 9.35713 32.2433 9.55285C32.831 9.74898 33.4474 9.99506 34.0004 10.2733C34.5423 10.5459 35.0707 10.8727 35.4433 11.2454C36.1717 11.9738 36.5627 13.0043 36.7599 14.1063C36.9586 15.2173 36.9742 16.4792 36.8874 17.7564C36.7156 20.2845 36.1823 22.7666 35.5764 25.2216C37.4735 25.7308 38.8745 27.4643 38.8745 29.5198C38.8745 31.7784 37.183 33.6483 35.0005 33.9324C34.4675 37.0119 33.0035 39.8479 30.7481 42.1032C27.8609 44.9904 24.022 46.5808 19.9387 46.5812H19.9373C15.8488 46.5812 12.005 44.966 9.11353 42.0329C6.89897 39.7863 5.4505 36.979 4.89943 33.9356C2.70458 33.6629 1 31.7874 1 29.52C1 27.3398 2.57611 25.522 4.64839 25.1428V21.911C3.67544 21.677 2.84296 21.4128 2.21894 21.1216L1.82547 20.9379L1.80138 20.5044C1.61963 17.233 2.20689 14.1344 3.70843 11.5257C5.2148 8.9086 7.61628 6.82946 10.9773 5.57184C11.9992 5.18949 13.6138 4.88451 15.4428 4.71878C17.2851 4.55183 19.3984 4.52141 21.4378 4.71355C23.4685 4.90488 25.4722 5.32101 27.067 6.07538ZM11.4858 6.93078C12.3292 6.61521 13.7945 6.32504 15.5737 6.16381C17.3396 6.00379 19.3627 5.97542 21.3017 6.15811C23.2493 6.3416 25.0658 6.7339 26.4466 7.387C27.7629 8.0096 28.5866 8.81844 28.8636 9.82445C28.8437 9.92944 28.8309 10.0353 28.8213 10.1326C28.8034 10.3135 28.7916 10.5235 28.7807 10.745C28.7772 10.8164 28.7738 10.8898 28.7703 10.9652L28.7701 10.968C28.7513 11.3695 28.7298 11.8272 28.6837 12.3349C28.574 13.5412 28.3286 14.9737 27.684 16.347C27.0445 17.7095 26.0074 19.025 24.2856 20.0079C22.5559 20.9953 20.0886 21.6733 16.5516 21.6733C13.8688 21.6733 10.9995 21.474 8.50652 21.1358C6.26578 20.8318 4.39233 20.4236 3.2303 19.9749C3.13676 17.0956 3.69878 14.451 4.96594 12.2495C6.29385 9.94247 8.42098 8.07756 11.4858 6.93078ZM32.8148 25.0173C33.1014 25.1185 33.3742 25.2018 33.621 25.2698V31.292C33.621 34.9471 32.1978 38.3835 29.6131 40.968C27.029 43.5521 23.5933 44.9754 19.9387 44.9758H19.9373C16.2822 44.9758 12.8439 43.5303 10.2566 40.9058C7.67521 38.2872 6.25355 34.819 6.25355 31.1402V22.2479C6.90703 22.3679 7.59776 22.4767 8.31147 22.5735C10.8691 22.9205 13.8036 23.1242 16.5516 23.1242C20.2694 23.1242 23.0014 22.4117 25.0049 21.268C26.682 20.3106 27.8159 19.0697 28.5818 17.7562C28.5978 18.4273 28.6299 19.0795 28.6837 19.6821C28.7421 20.3355 28.8273 20.9473 28.9506 21.4695C29.0698 21.9741 29.241 22.4703 29.5137 22.8338C30.37 23.9755 31.7462 24.6401 32.8148 25.0173ZM33.2978 23.6491C33.7085 23.7941 34.0894 23.8981 34.3906 23.9695C34.8292 22.1312 35.2934 19.8123 35.4398 17.658C35.5223 16.4445 35.5016 15.3123 35.3316 14.3618C35.16 13.4023 34.8497 12.7037 34.4173 12.2714C34.206 12.06 33.8379 11.8157 33.3483 11.5694C32.8698 11.3287 32.3199 11.108 31.7839 10.9292C31.2467 10.7498 30.7416 10.6185 30.3548 10.55C30.3288 10.5454 30.3036 10.5412 30.2793 10.5372C30.2581 10.8098 30.2325 11.1585 30.2056 11.5643C30.1381 12.5852 30.0632 13.9642 30.0333 15.4007C30.0034 16.8408 30.019 18.322 30.1289 19.553C30.184 20.1691 30.2612 20.7061 30.3627 21.136C30.4684 21.5835 30.5843 21.8431 30.6744 21.9632C31.2691 22.7561 32.311 23.3008 33.2978 23.6491ZM4.64839 26.79C3.4689 27.1375 2.60516 28.2294 2.60516 29.5198C2.60516 30.8248 3.4885 31.9267 4.6883 32.2611C4.66185 31.8898 4.64839 31.5161 4.64839 31.1403V26.79ZM35.2262 31.2921C35.2262 31.6159 35.215 31.9381 35.1952 32.2585C36.3905 31.9212 37.2694 30.8215 37.2694 29.5198C37.2694 28.2294 36.4057 27.1375 35.2262 26.79V31.2921Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/contact.svg b/assets/icons/complex/contact.svg
new file mode 100644
index 00000000..03d84556
--- /dev/null
+++ b/assets/icons/complex/contact.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7.00098V5.75098C7 5.33676 6.66421 5.00098 6.25 5.00098C5.83579 5.00098 5.5 5.33676 5.5 5.75098V7.00098L2 7.00098C0.895433 7.00098 0 7.89641 0 9.00098V41.001C0 42.1055 0.895431 43.001 2 43.001H46C47.1046 43.001 48 42.1055 48 41.001V9.00098C48 7.89641 47.1046 7.00098 46 7.00098L43 7.00098V5.75098C43 5.33676 42.6642 5.00098 42.25 5.00098C41.8358 5.00098 41.5 5.33676 41.5 5.75098V7.00098L37 7.00098V5.75098C37 5.33676 36.6642 5.00098 36.25 5.00098C35.8358 5.00098 35.5 5.33676 35.5 5.75098V7.00098L31 7.00098V5.75098C31 5.33676 30.6642 5.00098 30.25 5.00098C29.8358 5.00098 29.5 5.33676 29.5 5.75098V7.00098L25 7.00098V5.75098C25 5.33676 24.6642 5.00098 24.25 5.00098C23.8358 5.00098 23.5 5.33676 23.5 5.75098V7.00098L19 7.00098V5.75098C19 5.33676 18.6642 5.00098 18.25 5.00098C17.8358 5.00098 17.5 5.33676 17.5 5.75098V7.00098L13 7.00098V5.75098C13 5.33676 12.6642 5.00098 12.25 5.00098C11.8358 5.00098 11.5 5.33676 11.5 5.75098V7.00098L7 7.00098ZM5.5 10.251C5.5 10.6652 5.83579 11.001 6.25 11.001C6.66421 11.001 7 10.6652 7 10.251V8.50098L11.5 8.50098V10.251C11.5 10.6652 11.8358 11.001 12.25 11.001C12.6642 11.001 13 10.6652 13 10.251V8.50098L17.5 8.50098V10.251C17.5 10.6652 17.8358 11.001 18.25 11.001C18.6642 11.001 19 10.6652 19 10.251V8.50098L23.5 8.50098V10.251C23.5 10.6652 23.8358 11.001 24.25 11.001C24.6642 11.001 25 10.6652 25 10.251V8.50098L29.5 8.50098V10.251C29.5 10.6652 29.8358 11.001 30.25 11.001C30.6642 11.001 31 10.6652 31 10.251V8.50098L35.5 8.50098V10.251C35.5 10.6652 35.8358 11.001 36.25 11.001C36.6642 11.001 37 10.6652 37 10.251V8.50098L41.5 8.50098V10.251C41.5 10.6652 41.8358 11.001 42.25 11.001C42.6642 11.001 43 10.6652 43 10.251V8.50098H45.5C46.0523 8.50098 46.5 8.94869 46.5 9.50098V40.501C46.5 41.0533 46.0523 41.501 45.5 41.501H2.5C1.94772 41.501 1.5 41.0533 1.5 40.501L1.5 9.50098C1.5 8.94869 1.94772 8.50098 2.5 8.50098L5.5 8.50098V10.251Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 19.001H26C24.6193 19.001 23.5 20.1203 23.5 21.501V31.501C23.5 32.8817 24.6193 34.001 26 34.001H41C42.3807 34.001 43.5 32.8817 43.5 31.501V21.501C43.5 20.1203 42.3807 19.001 41 19.001ZM25 21.5303V31.501C25 32.0533 25.4477 32.501 26 32.501H41C41.5523 32.501 42 32.0533 42 31.501V21.531L35.3851 27.7568C34.3262 28.7534 32.6745 28.7534 31.6156 27.7568L25 21.5303ZM40.9058 20.501H26.0949L32.6436 26.6645C33.125 27.1175 33.8757 27.1175 34.3571 26.6645L40.9058 20.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.00198 19.8956L6.0132 19.8834C6.64206 19.1999 7.41876 19.001 7.96455 19.001C8.10041 19.001 8.22827 19.005 8.32833 19.0082C8.43742 19.0116 8.50712 19.0138 8.56804 19.0138H8.61487L8.6467 19.0158C8.65076 19.0159 8.65682 19.016 8.66537 19.0161L8.66831 19.0161C8.6969 19.0164 8.76455 19.0172 8.84156 19.0229C9.01577 19.0358 9.27787 19.0752 9.56489 19.2149C10.1555 19.5024 10.4758 20.0217 10.6685 20.4814C10.7882 20.7609 10.9745 21.2132 11.1503 21.6397C11.1808 21.7138 11.2109 21.787 11.2404 21.8584C11.3424 22.1059 11.4365 22.3334 11.5095 22.507C11.5786 22.6714 11.6058 22.731 11.6047 22.7315C11.6044 22.7317 11.6013 22.7261 11.5959 22.7162L11.6054 22.7338L11.6174 22.7577C11.7988 23.1206 12.0366 23.8164 11.6587 24.6194L11.6511 24.6355L11.6431 24.6515C11.6372 24.6632 11.6297 24.6793 11.6204 24.6992C11.559 24.831 11.4199 25.129 11.1647 25.4316C11.1309 25.4792 11.0955 25.5265 11.0595 25.5731C11.324 25.948 11.6897 26.4065 12.1345 26.8032L12.1356 26.8041C12.772 27.3728 13.3016 27.6666 13.728 27.8667C13.9326 27.618 14.0767 27.4299 14.1228 27.358L14.1634 27.2946L14.2101 27.2355C14.4663 26.9118 14.897 26.5205 15.5561 26.4451C16.0353 26.3904 16.4628 26.5464 16.5781 26.5885C16.5864 26.5916 16.593 26.594 16.598 26.5957L16.6079 26.5992L16.6178 26.6028C16.8528 26.6882 17.4048 26.9527 17.8336 27.162C18.245 27.3627 18.699 27.5898 18.9357 27.717C18.9409 27.7193 18.9464 27.7216 18.9519 27.724C19.0676 27.7742 19.23 27.8446 19.3575 27.9103C19.511 27.9895 19.8584 28.1777 20.1204 28.5519L20.1683 28.6204L20.2084 28.6938C20.3918 29.03 20.4191 29.374 20.4279 29.4942C20.4417 29.6827 20.4369 29.8813 20.4192 30.0775C20.3837 30.4727 20.2886 30.9428 20.1093 31.4379C19.8019 32.287 19.0685 32.8691 18.5701 33.1907C18.0396 33.5331 17.3657 33.8399 16.7711 33.9266L16.7619 33.928L16.7619 33.928C16.1087 34.0191 15.163 34.0841 14.1032 33.7454C13.612 33.5952 12.9615 33.3826 12.1348 33.0056C10.2795 32.2112 8.80075 30.9123 7.78928 29.8388C6.82713 28.8177 6.05972 27.717 6.12612 27.7976L6.07141 27.7312L6.02728 27.6629C6.02641 27.6617 6.02199 27.6551 6.01168 27.6402L5.95275 27.5549C5.90351 27.4834 5.83877 27.3882 5.76493 27.2742C5.61785 27.0472 5.43291 26.743 5.25101 26.3841C4.90034 25.692 4.5 24.6788 4.5 23.5569C4.5 21.5307 5.56244 20.3751 5.92186 19.9842C5.94926 19.9544 5.97258 19.929 5.99103 19.9081L6.00198 19.8956ZM12.7411 31.6334C13.4987 31.9801 14.0893 32.1727 14.5516 32.314C15.3091 32.5579 16.0025 32.5194 16.5546 32.4424C17.171 32.3525 18.4293 31.6719 18.6989 30.9272C18.9686 30.1825 18.9686 29.5533 18.8915 29.4121C18.8125 29.2992 18.6442 29.226 18.3865 29.114C18.3511 29.0986 18.314 29.0824 18.2752 29.0654C17.9542 28.8856 16.3877 28.1152 16.1052 28.0125C15.8099 27.9098 15.6301 27.8584 15.3862 28.1666C15.1807 28.4876 14.5644 29.2066 14.3846 29.4121C14.192 29.6304 14.0123 29.656 13.7041 29.5019C13.6484 29.4741 13.5734 29.4416 13.4815 29.4018C13.0226 29.2029 12.1417 28.8213 11.1361 27.9226C10.1859 27.0752 9.55673 26.0351 9.36413 25.7141C9.21005 25.4059 9.35129 25.2133 9.50537 25.0721C9.64661 24.9308 9.85206 24.6997 9.98046 24.5071C10.1184 24.3586 10.1774 24.2363 10.2517 24.0824C10.2674 24.0501 10.2836 24.0163 10.3015 23.9807C10.4042 23.7624 10.3528 23.5826 10.2758 23.4285C10.2316 23.3475 10.0015 22.7891 9.76241 22.2088C9.58471 21.7775 9.40206 21.3342 9.28709 21.0659C9.05993 20.5208 8.83277 20.5181 8.64115 20.5159C8.61615 20.5156 8.59175 20.5153 8.56804 20.5138C8.48252 20.5138 8.39118 20.5109 8.29542 20.5079C8.18989 20.5045 8.07898 20.501 7.96455 20.501C7.75911 20.501 7.41242 20.578 7.1171 20.899C7.09497 20.9242 7.06946 20.9521 7.04123 20.9831C6.709 21.3474 6 22.125 6 23.5569C6 24.9873 6.95282 26.3642 7.22593 26.7589C7.25191 26.7964 7.27175 26.8251 7.28402 26.844C7.30062 26.8642 7.33341 26.9098 7.38179 26.9772C7.8574 27.6393 9.83907 30.398 12.7411 31.6334Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/court.svg b/assets/icons/complex/court.svg
new file mode 100644
index 00000000..8f020e94
--- /dev/null
+++ b/assets/icons/complex/court.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2395 0.799013C24.1682 0.561462 23.8318 0.561462 23.7605 0.799013L22.7132 4.29005C21.7003 4.77175 21 5.80453 21 7.00085L21.0001 7.02462L10.0901 9.93394C10.0598 9.94201 10.0295 9.94964 9.99905 9.95682C9.976 9.42497 9.53753 9.00085 9 9.00085C8.51618 9.00085 8.11261 9.34445 8.01999 9.80094L4.27874 8.30444C3.89415 8.1506 3.45768 8.33767 3.30384 8.72225C3.15001 9.10684 3.33707 9.54332 3.72166 9.69715L7.48862 11.2039C7.89746 11.3675 8.32432 11.4723 8.75677 11.5177L1 28.0009C1 31.4192 4.58154 33.0009 9 33.0009C13.4185 33.0009 17 31.4192 17 28.0009L9.25545 11.5437C9.66523 11.5434 10.0758 11.4902 10.4766 11.3833L21.3861 8.47411C21.782 9.17506 22.4517 9.70087 23.25 9.90634V41.7509C23.25 42.1651 23.5858 42.5009 24 42.5009C24.4142 42.5009 24.75 42.1651 24.75 41.7509V9.90634C25.5483 9.70087 26.218 9.17506 26.6139 8.47411L37.5234 11.3833C37.9243 11.4902 38.3348 11.5434 38.7446 11.5437L31 28.0009C31 31.4192 34.5815 33.0009 39 33.0009C43.4185 33.0009 47 31.4192 47 28.0009L39.2432 11.5177C39.6757 11.4723 40.1025 11.3675 40.5114 11.2039L44.2783 9.69715C44.6629 9.54332 44.85 9.10684 44.6962 8.72225C44.5423 8.33767 44.1058 8.1506 43.7213 8.30444L39.98 9.80094C39.8874 9.34445 39.4838 9.00085 39 9.00085C38.4625 9.00085 38.024 9.42497 38.001 9.95682C37.9705 9.94964 37.9402 9.94201 37.9099 9.93394L26.9999 7.02462L27 7.00085C27 5.80453 26.2997 4.77175 25.2868 4.29005L24.2395 0.799013ZM32.7754 27.7509L39 14.5237L45.2246 27.7509H32.7754ZM9 14.5237L2.77544 27.7509H15.2246L9 14.5237Z" fill="currentColor"/>
+<path d="M14 44.7509C14 44.3366 14.3358 44.0009 14.75 44.0009H33.25C33.6642 44.0009 34 44.3366 34 44.7509C34 45.1651 33.6642 45.5009 33.25 45.5009H14.75C14.3358 45.5009 14 45.1651 14 44.7509Z" fill="currentColor"/>
+<path d="M9.75 46.5009C9.33579 46.5009 9 46.8366 9 47.2509C9 47.6651 9.33579 48.0009 9.75 48.0009H38.25C38.6642 48.0009 39 47.6651 39 47.2509C39 46.8366 38.6642 46.5009 38.25 46.5009H9.75Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/covid.svg b/assets/icons/complex/covid.svg
new file mode 100644
index 00000000..40670b2d
--- /dev/null
+++ b/assets/icons/complex/covid.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 29.9999C23.6569 29.9999 25 28.6567 25 26.9999C25 25.343 23.6569 23.9999 22 23.9999C20.3431 23.9999 19 25.343 19 26.9999C19 28.6567 20.3431 29.9999 22 29.9999ZM22 28.4999C22.8284 28.4999 23.5 27.8283 23.5 26.9999C23.5 26.1715 22.8284 25.4999 22 25.4999C21.1716 25.4999 20.5 26.1715 20.5 26.9999C20.5 27.8283 21.1716 28.4999 22 28.4999Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 23.9999C31.2091 23.9999 33 22.209 33 19.9999C33 17.7907 31.2091 15.9999 29 15.9999C26.7909 15.9999 25 17.7907 25 19.9999C25 22.209 26.7909 23.9999 29 23.9999ZM29 22.4999C30.3807 22.4999 31.5 21.3806 31.5 19.9999C31.5 18.6192 30.3807 17.4999 29 17.4999C27.6193 17.4999 26.5 18.6192 26.5 19.9999C26.5 21.3806 27.6193 22.4999 29 22.4999Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.20866 26.7499H5.01904C4.8415 27.2001 4.6139 27.6059 4.3361 27.9334C3.9512 28.3871 3.41318 28.7499 2.75 28.7499C1.76059 28.7499 1.06676 27.9673 0.664966 27.1637C0.240743 26.3153 0 25.1956 0 23.9999C0 22.8041 0.240742 21.6845 0.664966 20.836C1.06676 20.0325 1.76059 19.2499 2.75 19.2499C3.41318 19.2499 3.95119 19.6126 4.3361 20.0664C4.6139 20.3939 4.8415 20.7996 5.01904 21.2499H6.20866C6.656 18.3318 7.80408 15.6446 9.47572 13.3654L8.63362 12.5233C8.1897 12.7162 7.74186 12.8421 7.31385 12.8773C6.72081 12.926 6.08389 12.802 5.61495 12.3331C4.91534 11.6335 4.97809 10.5895 5.2622 9.73717C5.56217 8.83725 6.18364 7.87532 7.02917 7.02979C7.87469 6.18427 8.83663 5.56279 9.73654 5.26283C10.5889 4.97871 11.6329 4.91596 12.3325 5.61558C12.8014 6.08452 12.9254 6.72144 12.8767 7.31447C12.8415 7.74249 12.7156 8.19033 12.5227 8.63424L13.3647 9.47625C15.6441 7.80429 18.3316 6.65599 21.25 6.20861V5.01941C20.7997 4.84187 20.394 4.61427 20.0665 4.33646C19.6127 3.95156 19.25 3.41355 19.25 2.75037C19.25 1.76096 20.0326 1.06713 20.8362 0.665333C21.6846 0.241108 22.8042 0.000366211 24 0.000366211C25.1958 0.000366211 26.3154 0.241108 27.1638 0.665333C27.9674 1.06713 28.75 1.76096 28.75 2.75037C28.75 3.41355 28.3873 3.95156 27.9335 4.33646C27.606 4.61427 27.2003 4.84187 26.75 5.01941V6.20864C29.6682 6.65603 32.3556 7.80426 34.6349 9.47611L35.4768 8.63424C35.284 8.19033 35.158 7.74249 35.1229 7.31447C35.0742 6.72144 35.1981 6.08452 35.667 5.61558C36.3667 4.91596 37.4106 4.97871 38.263 5.26283C39.1629 5.56279 40.1248 6.18427 40.9703 7.02979C41.8159 7.87532 42.4373 8.83725 42.7373 9.73717C43.0214 10.5895 43.0842 11.6335 42.3846 12.3331C41.9156 12.802 41.2787 12.926 40.6857 12.8773C40.2576 12.8421 39.8098 12.7162 39.3659 12.5233L38.524 13.3653C40.1957 15.6445 41.3438 18.3318 41.7912 21.2499H42.981C43.1585 20.7996 43.3861 20.3939 43.6639 20.0664C44.0488 19.6126 44.5868 19.2499 45.25 19.2499C46.2394 19.2499 46.9332 20.0325 47.335 20.836C47.7593 21.6845 48 22.8041 48 23.9999C48 25.1956 47.7593 26.3153 47.335 27.1637C46.9332 27.9673 46.2394 28.7499 45.25 28.7499C44.5868 28.7499 44.0488 28.3871 43.6639 27.9334C43.3861 27.6059 43.1585 27.2001 42.981 26.7499H41.7912C41.3438 29.6682 40.1955 32.3557 38.5236 34.6351L39.3659 35.4774C39.8098 35.2846 40.2576 35.1586 40.6857 35.1235C41.2787 35.0748 41.9156 35.1987 42.3846 35.6676C43.0842 36.3673 43.0214 37.4112 42.7373 38.2636C42.4373 39.1635 41.8159 40.1254 40.9703 40.9709C40.1248 41.8165 39.1629 42.4379 38.263 42.7379C37.4106 43.022 36.3667 43.0848 35.667 42.3852C35.1981 41.9162 35.0742 41.2793 35.1229 40.6863C35.158 40.2582 35.284 39.8104 35.4768 39.3665L34.6344 38.5241C32.3552 40.1957 29.668 41.3438 26.75 41.7911V42.9813C27.2003 43.1589 27.606 43.3865 27.9335 43.6643C28.3873 44.0492 28.75 44.5872 28.75 45.2504C28.75 46.2398 27.9674 46.9336 27.1638 47.3354C26.3154 47.7596 25.1958 48.0004 24 48.0004C22.8042 48.0004 21.6846 47.7596 20.8362 47.3354C20.0326 46.9336 19.25 46.2398 19.25 45.2504C19.25 44.5872 19.6127 44.0492 20.0665 43.6643C20.394 43.3865 20.7997 43.1589 21.25 42.9813V41.7912C18.332 41.3438 15.6448 40.1958 13.3655 38.5241L12.5232 39.3665C12.716 39.8104 12.842 40.2582 12.8771 40.6863C12.9258 41.2793 12.8019 41.9162 12.333 42.3852C11.6333 43.0848 10.5894 43.022 9.73703 42.7379C8.83711 42.4379 7.87518 41.8165 7.02966 40.9709C6.18413 40.1254 5.56266 39.1635 5.26269 38.2636C4.97858 37.4112 4.91583 36.3673 5.61544 35.6676C6.08438 35.1987 6.7213 35.0748 7.31434 35.1235C7.74235 35.1586 8.19019 35.2846 8.63411 35.4774L9.47633 34.6352C7.80436 32.3558 6.65605 29.6683 6.20866 26.7499ZM2.75 27.2499C2.63484 27.2499 2.32867 27.137 2.00661 26.4929C1.70697 25.8936 1.5 25.0133 1.5 23.9999C1.5 22.9865 1.70697 22.1061 2.00661 21.5069C2.32867 20.8627 2.63484 20.7499 2.75 20.7499C2.8271 20.7499 2.9824 20.7893 3.19219 21.0367C3.40142 21.2833 3.60868 21.6783 3.76197 22.2083C3.85475 22.5291 4.14848 22.7499 4.48244 22.7499H9.75C10.1642 22.7499 10.5 22.4141 10.5 21.9999C10.5 21.5857 10.1642 21.2499 9.75 21.2499H7.72805C8.14863 18.743 9.13449 16.4278 10.5501 14.4398L12.1557 16.0454C12.4486 16.3383 12.9235 16.3383 13.2164 16.0454C13.5092 15.7525 13.5092 15.2776 13.2164 14.9847L9.31484 11.0832C9.0787 10.8471 8.71487 10.7955 8.42242 10.9568C7.93927 11.2231 7.51345 11.3558 7.19109 11.3823C6.86786 11.4089 6.73013 11.327 6.67561 11.2724C6.59418 11.191 6.45749 10.8947 6.68522 10.2115C6.8971 9.57589 7.37326 8.80702 8.08983 8.09045C8.8064 7.37388 9.57526 6.89772 10.2109 6.68585C10.8941 6.45811 11.1904 6.59481 11.2718 6.67624C11.3263 6.73076 11.4082 6.86848 11.3817 7.19171C11.3552 7.51408 11.2225 7.9399 10.9561 8.42304C10.7949 8.7155 10.8465 9.07933 11.0826 9.31547L14.9841 13.217C15.277 13.5099 15.7519 13.5099 16.0448 13.217C16.3377 12.9241 16.3377 12.4492 16.0448 12.1563L14.4391 10.5506C16.4272 9.1347 18.7428 8.14863 21.25 7.72801V14.0004C21.25 14.4146 21.5858 14.7504 22 14.7504C22.4142 14.7504 22.75 14.4146 22.75 14.0004V4.4828C22.75 4.14885 22.5292 3.85512 22.2084 3.76233C21.6784 3.60904 21.2835 3.40179 21.0368 3.19256C20.7895 2.98277 20.75 2.82747 20.75 2.75037C20.75 2.6352 20.8629 2.32904 21.507 2.00697C22.1063 1.70734 22.9866 1.50037 24 1.50037C25.0134 1.50037 25.8937 1.70734 26.493 2.00697C27.1371 2.32904 27.25 2.6352 27.25 2.75037C27.25 2.82747 27.2105 2.98277 26.9632 3.19256C26.7165 3.40179 26.3216 3.60904 25.7916 3.76233C25.4708 3.85512 25.25 4.14885 25.25 4.4828V9.75037C25.25 10.1646 25.5858 10.5004 26 10.5004C26.4142 10.5004 26.75 10.1646 26.75 9.75037V7.72803C29.2571 8.14866 31.5725 9.13467 33.5606 10.5505L31.9547 12.1563C31.6618 12.4492 31.6618 12.9241 31.9547 13.217C32.2476 13.5099 32.7225 13.5099 33.0154 13.217L36.9169 9.31547C37.153 9.07933 37.2046 8.7155 37.0434 8.42304C36.777 7.9399 36.6443 7.51408 36.6178 7.19171C36.5913 6.86848 36.6732 6.73076 36.7277 6.67624C36.8091 6.59481 37.1054 6.45811 37.7886 6.68585C38.4243 6.89772 39.1931 7.37388 39.9097 8.09045C40.6263 8.80702 41.1024 9.57589 41.3143 10.2115C41.542 10.8947 41.4053 11.191 41.3239 11.2724C41.2694 11.327 41.1317 11.4089 40.8084 11.3823C40.4861 11.3558 40.0602 11.2231 39.5771 10.9568C39.2846 10.7955 38.9208 10.8471 38.6847 11.0832L34.7832 14.9847C34.4903 15.2776 34.4903 15.7525 34.7832 16.0454C35.0761 16.3383 35.5509 16.3383 35.8438 16.0454L37.4496 14.4396C38.8653 16.4276 39.8512 18.7429 40.2718 21.2499H38.25C37.8358 21.2499 37.5 21.5857 37.5 21.9999C37.5 22.4141 37.8358 22.7499 38.25 22.7499H43.5176C43.8515 22.7499 44.1452 22.5291 44.238 22.2083C44.3913 21.6783 44.5986 21.2833 44.8078 21.0367C45.0176 20.7893 45.1729 20.7499 45.25 20.7499C45.3652 20.7499 45.6713 20.8627 45.9934 21.5069C46.293 22.1061 46.5 22.9865 46.5 23.9999C46.5 25.0133 46.293 25.8936 45.9934 26.4929C45.6713 27.137 45.3652 27.2499 45.25 27.2499C45.1729 27.2499 45.0176 27.2104 44.8078 26.9631C44.5986 26.7164 44.3913 26.3215 44.238 25.7915C44.1452 25.4707 43.8515 25.2499 43.5176 25.2499H38C37.5858 25.2499 37.25 25.5857 37.25 25.9999C37.25 26.4141 37.5858 26.7499 38 26.7499H40.2718C39.8512 29.2571 38.8651 31.5726 37.4492 33.5607L35.8438 31.9553C35.5509 31.6624 35.0761 31.6624 34.7832 31.9553C34.4903 32.2482 34.4903 32.7231 34.7832 33.016L38.6847 36.9175C38.9208 37.1536 39.2846 37.2052 39.5771 37.044C40.0602 36.7776 40.4861 36.6449 40.8084 36.6184C41.1317 36.5919 41.2694 36.6738 41.3239 36.7283C41.4053 36.8097 41.542 37.106 41.3143 37.7892C41.1024 38.4248 40.6263 39.1937 39.9097 39.9103C39.1931 40.6268 38.4243 41.103 37.7886 41.3149C37.1054 41.5426 36.8091 41.4059 36.7277 41.3245C36.6732 41.27 36.5913 41.1323 36.6178 40.809C36.6443 40.4867 36.777 40.0608 37.0434 39.5777C37.2046 39.2852 37.153 38.9214 36.9169 38.6853L30.3637 32.1321C30.0709 31.8392 29.596 31.8392 29.3031 32.1321C29.0102 32.425 29.0102 32.8999 29.3031 33.1928L33.56 37.4497C31.5721 38.8653 29.2569 39.8512 26.75 40.2717V38.2504C26.75 37.8362 26.4142 37.5004 26 37.5004C25.5858 37.5004 25.25 37.8362 25.25 38.2504V43.5179C25.25 43.8519 25.4708 44.1456 25.7916 44.2384C26.3216 44.3917 26.7165 44.5989 26.9632 44.8082C27.2105 45.018 27.25 45.1733 27.25 45.2504C27.25 45.3655 27.1371 45.6717 26.493 45.9938C25.8937 46.2934 25.0134 46.5004 24 46.5004C22.9866 46.5004 22.1063 46.2934 21.507 45.9938C20.8629 45.6717 20.75 45.3655 20.75 45.2504C20.75 45.1733 20.7895 45.018 21.0368 44.8082C21.2835 44.5989 21.6784 44.3917 22.2084 44.2384C22.5292 44.1456 22.75 43.8519 22.75 43.5179V38.0004C22.75 37.5862 22.4142 37.2504 22 37.2504C21.5858 37.2504 21.25 37.5862 21.25 38.0004V40.2718C18.7431 39.8512 16.4279 38.8654 14.4399 37.4498L18.6969 33.1928C18.9898 32.8999 18.9898 32.425 18.6969 32.1321C18.404 31.8392 17.9291 31.8392 17.6363 32.1321L11.0831 38.6853C10.847 38.9214 10.7954 39.2852 10.9566 39.5777C11.223 40.0608 11.3557 40.4867 11.3822 40.809C11.4087 41.1323 11.3268 41.27 11.2723 41.3245C11.1909 41.4059 10.8946 41.5426 10.2114 41.3149C9.57575 41.103 8.80689 40.6268 8.09032 39.9103C7.37375 39.1937 6.89759 38.4248 6.68571 37.7892C6.45798 37.106 6.59467 36.8097 6.6761 36.7283C6.73062 36.6738 6.86834 36.5919 7.19158 36.6184C7.51394 36.6449 7.93976 36.7776 8.4229 37.044C8.71536 37.2052 9.07919 37.1536 9.31533 36.9175L13.2168 33.016C13.5097 32.7231 13.5097 32.2482 13.2168 31.9553C12.9239 31.6624 12.4491 31.6624 12.1562 31.9553L10.5507 33.5608C9.13477 31.5727 8.14868 29.2571 7.72805 26.7499H14C14.4142 26.7499 14.75 26.4141 14.75 25.9999C14.75 25.5857 14.4142 25.2499 14 25.2499H4.48244C4.14848 25.2499 3.85475 25.4707 3.76197 25.7915C3.60868 26.3215 3.40142 26.7164 3.19219 26.9631C2.9824 27.2104 2.8271 27.2499 2.75 27.2499Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/digital.svg b/assets/icons/complex/digital.svg
new file mode 100644
index 00000000..0ea90679
--- /dev/null
+++ b/assets/icons/complex/digital.svg
@@ -0,0 +1,10 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_12081)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.250977C21.6528 0.250977 19.75 2.15377 19.75 4.50098C19.75 6.59227 21.2605 8.33078 23.25 8.68501V32.875L14.25 26.5511V21.9453C16.2395 21.5911 17.75 19.8526 17.75 17.7613C17.75 15.4141 15.8472 13.5113 13.5 13.5113C11.1528 13.5113 9.25 15.4141 9.25 17.7613C9.25 19.8526 10.7605 21.5911 12.75 21.9453V27.3304L23.25 34.7082V39.3169C21.2605 39.6712 19.75 41.4097 19.75 43.501C19.75 45.8482 21.6528 47.751 24 47.751C26.3472 47.751 28.25 45.8482 28.25 43.501C28.25 41.4097 26.7395 39.6712 24.75 39.3169V29.4831C24.8462 29.4609 24.9395 29.4193 25.0242 29.3573L34.25 22.6033V17.2274C36.2395 16.8731 37.75 15.1346 37.75 13.0433C37.75 10.6961 35.8472 8.79333 33.5 8.79333C31.1528 8.79333 29.25 10.6961 29.25 13.0433C29.25 15.1346 30.7605 16.8731 32.75 17.2274V21.8424L24.75 27.699V8.68501C26.7395 8.33078 28.25 6.59228 28.25 4.50098C28.25 2.15377 26.3472 0.250977 24 0.250977ZM21.25 4.50098C21.25 2.98219 22.4812 1.75098 24 1.75098C25.5188 1.75098 26.75 2.98219 26.75 4.50098C26.75 6.01976 25.5188 7.25098 24 7.25098C22.4812 7.25098 21.25 6.01976 21.25 4.50098ZM24 40.751C22.4812 40.751 21.25 41.9822 21.25 43.501C21.25 45.0198 22.4812 46.251 24 46.251C25.5188 46.251 26.75 45.0198 26.75 43.501C26.75 41.9822 25.5188 40.751 24 40.751ZM33.5 10.2933C31.9812 10.2933 30.75 11.5246 30.75 13.0433C30.75 14.5621 31.9812 15.7933 33.5 15.7933C35.0188 15.7933 36.25 14.5621 36.25 13.0433C36.25 11.5246 35.0188 10.2933 33.5 10.2933ZM10.75 17.7613C10.75 16.2425 11.9812 15.0113 13.5 15.0113C15.0188 15.0113 16.25 16.2425 16.25 17.7613C16.25 19.2801 15.0188 20.5113 13.5 20.5113C11.9812 20.5113 10.75 19.2801 10.75 17.7613Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_12081">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/disability.svg b/assets/icons/complex/disability.svg
new file mode 100644
index 00000000..3ef00686
--- /dev/null
+++ b/assets/icons/complex/disability.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.6981 5.7084C36.6981 8.86059 34.1427 11.4159 30.9905 11.4159C27.8383 11.4159 25.283 8.86059 25.283 5.7084C25.283 2.55621 27.8383 0.000854492 30.9905 0.000854492C34.1427 0.000854492 36.6981 2.55621 36.6981 5.7084ZM35.1414 5.7084C35.1414 8.0009 33.283 9.85935 30.9905 9.85935C28.698 9.85935 26.8396 8.0009 26.8396 5.7084C26.8396 3.4159 28.698 1.55746 30.9905 1.55746C33.283 1.55746 35.1414 3.4159 35.1414 5.7084Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 9.75085C5.25 9.33664 5.58579 9.00085 6 9.00085H9.98156C11.7135 9.00085 13.2201 10.1869 13.6267 11.8705L15.5918 20.0067C15.7274 20.0028 15.8635 20.0009 16 20.0009C16.7698 20.0009 17.5251 20.063 18.2611 20.1825C18.4201 19.526 18.5834 18.8916 18.7501 18.2923C19.3027 16.3053 20.3063 13.9039 21.2488 11.8486C22.5046 9.11057 26.2145 9.06841 27.6976 11.5965L33.5952 21.6497L42.5272 23.3087C44.1024 23.6013 45.0839 25.1863 44.6437 26.7269C44.2783 28.0059 43.0408 28.8323 41.7194 28.6798L39.4516 28.4182L44.8955 41.3997C45.5159 42.8792 44.827 44.5822 43.3524 45.2142C42.0342 45.7791 40.5009 45.3036 39.7338 44.0919L32.6803 32.951C32.6346 32.8788 32.5513 32.8392 32.4663 32.8495L29.9747 33.1516C29.9915 33.4325 30 33.7157 30 34.0009C30 41.7328 23.732 48.0009 16 48.0009C8.26801 48.0009 2 41.7328 2 34.0009C2 26.9206 7.25587 21.0679 14.0789 20.1316L12.1687 12.2226C11.9247 11.2125 11.0207 10.5009 9.98156 10.5009H6C5.58579 10.5009 5.25 10.1651 5.25 9.75085ZM29.7958 31.6052L32.279 31.3043C32.9604 31.2217 33.6284 31.5385 33.9955 32.1184L41.0489 43.2592C41.4073 43.8252 42.1235 44.0473 42.7392 43.7834C43.428 43.4882 43.7498 42.6928 43.46 42.0017L37.6779 28.2135L31.2153 27.4678C30.1334 27.343 29.158 26.7574 28.5392 25.8612L25.7557 21.83C25.5115 21.4762 25.6002 20.9915 25.9539 20.7473C26.3077 20.503 26.7924 20.5918 27.0366 20.9455L29.8201 24.9768C30.184 25.5037 30.7575 25.8481 31.3937 25.9215L41.8979 27.1335C42.4623 27.1986 42.9909 26.8456 43.147 26.2993C43.3351 25.6412 42.9158 24.9641 42.2429 24.8391L32.6122 23.0503L26.355 12.3841C25.4676 10.8715 23.3609 10.9774 22.6637 12.4975C21.7288 14.5362 20.768 16.8459 20.2498 18.7094C20.0908 19.281 19.9344 19.8878 19.7816 20.5175C24.9267 21.9576 28.8748 26.2634 29.7958 31.6052ZM16 46.5009C22.9036 46.5009 28.5 40.9044 28.5 34.0009C28.5 27.0973 22.9036 21.5009 16 21.5009C9.09644 21.5009 3.5 27.0973 3.5 34.0009C3.5 40.9044 9.09644 46.5009 16 46.5009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 48.0009C35.2091 48.0009 37 46.21 37 44.0009C37 41.7917 35.2091 40.0009 33 40.0009C30.7909 40.0009 29 41.7917 29 44.0009C29 46.21 30.7909 48.0009 33 48.0009ZM33 46.5009C34.3807 46.5009 35.5 45.3816 35.5 44.0009C35.5 42.6201 34.3807 41.5009 33 41.5009C31.6193 41.5009 30.5 42.6201 30.5 44.0009C30.5 45.3816 31.6193 46.5009 33 46.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-agreement.svg b/assets/icons/complex/doc-agreement.svg
new file mode 100644
index 00000000..b3e4305e
--- /dev/null
+++ b/assets/icons/complex/doc-agreement.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 26.0615C30.2929 25.7686 30.2929 25.2937 30 25.0009C29.7071 24.708 29.2322 24.708 28.9393 25.0009L22.5 31.4402L21.0607 30.0009C20.7678 29.708 20.2929 29.708 20 30.0009C19.7071 30.2937 19.7071 30.7686 20 31.0615L21.7929 32.8544C22.1834 33.2449 22.8166 33.2449 23.2071 32.8544L30 26.0615Z" fill="currentColor"/>
+<path d="M30 8.00085C30.2929 8.29375 30.2929 8.76862 30 9.06151L23.2071 15.8544C22.8166 16.2449 22.1834 16.2449 21.7929 15.8544L20 14.0615C19.7071 13.7686 19.7071 13.2937 20 13.0009C20.2929 12.708 20.7678 12.708 21.0607 13.0009L22.5 14.4402L28.9393 8.00085C29.2322 7.70796 29.7071 7.70796 30 8.00085Z" fill="currentColor"/>
+<path d="M23 24.0009C23.9228 24.0009 24.8039 24.1794 25.6106 24.5039C26.0846 24.6945 26.1643 25.3014 25.8031 25.6626C25.5679 25.8978 25.2112 25.9524 24.8991 25.8375C24.3072 25.6198 23.6675 25.5009 23 25.5009C19.9624 25.5009 17.5 27.9633 17.5 31.0009C17.5 34.0384 19.9624 36.5009 23 36.5009C26.0376 36.5009 28.5 34.0384 28.5 31.0009C28.5 30.8399 28.4931 30.6806 28.4795 30.5231C28.4571 30.2619 28.5379 29.9988 28.7234 29.8134C29.155 29.3818 29.8801 29.5667 29.9515 30.1728C29.9835 30.4444 30 30.7207 30 31.0009C30 34.8668 26.866 38.0009 23 38.0009C19.134 38.0009 16 34.8668 16 31.0009C16 27.1349 19.134 24.0009 23 24.0009Z" fill="currentColor"/>
+<path d="M25.8031 8.66263C26.1643 8.30139 26.0846 7.69449 25.6106 7.50387C24.8039 7.17941 23.9228 7.00085 23 7.00085C19.134 7.00085 16 10.1349 16 14.0009C16 17.8668 19.134 21.0009 23 21.0009C26.866 21.0009 30 17.8668 30 14.0009C30 13.7207 29.9835 13.4444 29.9515 13.1728C29.8801 12.5667 29.155 12.3818 28.7234 12.8134C28.5379 12.9988 28.4571 13.2619 28.4795 13.5231C28.4931 13.6806 28.5 13.8399 28.5 14.0009C28.5 17.0384 26.0376 19.5009 23 19.5009C19.9624 19.5009 17.5 17.0384 17.5 14.0009C17.5 10.9633 19.9624 8.50085 23 8.50085C23.6675 8.50085 24.3072 8.61976 24.8991 8.83755C25.2112 8.95237 25.5679 8.89776 25.8031 8.66263Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 45.0009C6.89543 45.0009 6 44.1054 6 43.0009V2.00085C6 0.896285 6.89543 0.000854492 8 0.000854492H38C39.1046 0.000854492 40 0.896285 40 2.00085V3.00085H41C42.1046 3.00085 43 3.89628 43 5.00085V46.0009C43 47.1054 42.1046 48.0009 41 48.0009H11C9.89543 48.0009 9 47.1054 9 46.0009V45.0009H8ZM7.5 2.00085C7.5 1.72471 7.72386 1.50085 8 1.50085H38C38.2761 1.50085 38.5 1.72471 38.5 2.00085V43.0009C38.5 43.277 38.2761 43.5009 38 43.5009H8C7.72386 43.5009 7.5 43.277 7.5 43.0009V2.00085ZM10.5 45.0009V46.0009C10.5 46.277 10.7239 46.5009 11 46.5009H41C41.2761 46.5009 41.5 46.277 41.5 46.0009V5.00085C41.5 4.72471 41.2761 4.50085 41 4.50085H40V43.0009C40 44.1054 39.1046 45.0009 38 45.0009H10.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-basic-info.svg b/assets/icons/complex/doc-basic-info.svg
new file mode 100644
index 00000000..621ac401
--- /dev/null
+++ b/assets/icons/complex/doc-basic-info.svg
@@ -0,0 +1,18 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10607)">
+<path d="M35.5112 3.50085C35.8464 3.50085 36.1816 3.61259 36.405 3.83605C36.6285 4.05951 36.7961 4.33884 36.7961 4.67404C36.7961 5.00923 36.6844 5.28856 36.405 5.51203C36.1257 5.73549 35.8464 5.84722 35.5112 5.84722C35.176 5.84722 34.8408 5.73549 34.6173 5.51203C34.338 5.28856 34.2263 5.00923 34.2263 4.67404C34.2263 4.33884 34.338 4.05951 34.6173 3.83605C34.8408 3.61259 35.176 3.50085 35.5112 3.50085Z" fill="currentColor"/>
+<path d="M36.6285 7.02041L36.7402 7.13214V12.2718C36.7402 12.4394 36.7961 12.5511 36.852 12.6629C36.9078 12.7746 37.0196 12.8305 37.1313 12.8863C37.1871 12.9143 37.229 12.9282 37.271 12.9422C37.3129 12.9562 37.3547 12.9701 37.4106 12.9981C37.5223 13.0539 37.6341 13.0539 37.7458 13.0539V13.5009H33.6676V13.0539C33.7793 13.0539 33.8911 13.0539 34.0028 12.9981C34.0682 12.9981 34.1337 12.9789 34.1879 12.963C34.2263 12.9518 34.259 12.9422 34.2821 12.9422C34.3939 12.8863 34.5056 12.8305 34.5615 12.7187C34.6173 12.607 34.6732 12.4953 34.6732 12.3277V8.58465C34.6732 8.41706 34.6173 8.30532 34.5615 8.19359C34.5056 8.08186 34.3939 7.97013 34.2821 7.91426C34.2263 7.8584 34.1145 7.80253 33.9469 7.74666C33.8631 7.71873 33.7933 7.70477 33.7235 7.6908C33.6536 7.67683 33.5838 7.66287 33.5 7.63493V7.18801L36.6285 7.02041Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5 17.0009C40.1944 17.0009 44 13.1953 44 8.50085C44 3.80643 40.1944 0.000854492 35.5 0.000854492C30.8056 0.000854492 27 3.80643 27 8.50085C27 13.1953 30.8056 17.0009 35.5 17.0009ZM35.5 15.5009C39.366 15.5009 42.5 12.3668 42.5 8.50085C42.5 4.63486 39.366 1.50085 35.5 1.50085C31.634 1.50085 28.5 4.63486 28.5 8.50085C28.5 12.3668 31.634 15.5009 35.5 15.5009Z" fill="currentColor"/>
+<path d="M24.25 5.00085C24.6642 5.00085 25 5.33664 25 5.75085C25 6.16507 24.6642 6.50085 24.25 6.50085H6C5.72386 6.50085 5.5 6.72471 5.5 7.00085V46.0009C5.5 46.277 5.72386 46.5009 6 46.5009H36C36.2761 46.5009 36.5 46.277 36.5 46.0009V19.7509C36.5 19.3366 36.8358 19.0009 37.25 19.0009C37.6642 19.0009 38 19.3366 38 19.7509V46.0005C38 47.1051 37.1046 48.0005 36 48.0005H6C4.89543 48.0005 4 47.1051 4 46.0005V7.00085C4 5.89629 4.89543 5.00085 6 5.00085H24.25Z" fill="currentColor"/>
+<path d="M31.389 25.9492C31.8049 25.9492 32.142 26.2864 32.142 26.7022C32.142 27.1181 31.8049 27.4552 31.389 27.4552H10.6851C10.2692 27.4552 9.9321 27.1181 9.9321 26.7022C9.9321 26.2864 10.2692 25.9492 10.6851 25.9492H31.389Z" fill="currentColor"/>
+<path d="M31.389 19.9137C31.8049 19.9137 32.142 20.2509 32.142 20.6667C32.142 21.0826 31.8049 21.4197 31.389 21.4197H10.6851C10.2692 21.4197 9.9321 21.0826 9.9321 20.6667C9.9321 20.2509 10.2692 19.9137 10.6851 19.9137H31.389Z" fill="currentColor"/>
+<path d="M15.9446 13.8782C16.3604 13.8782 16.6975 14.2154 16.6975 14.6312C16.6975 15.0471 16.3604 15.3842 15.9446 15.3842H10.6851C10.2692 15.3842 9.9321 15.0471 9.9321 14.6312C9.9321 14.2154 10.2692 13.8782 10.6851 13.8782H15.9446Z" fill="currentColor"/>
+<path d="M21.9431 34.2257C21.9266 33.995 21.6325 33.9085 21.4937 34.0935L19.0504 37.3513C18.8019 37.6827 18.3318 37.7498 18.0004 37.5013C17.669 37.2528 17.6019 36.7827 17.8504 36.4513L20.2937 33.1935C21.2653 31.898 23.3239 32.5036 23.4393 34.1188L23.583 36.1316C23.5987 36.3504 23.8684 36.4444 24.0167 36.2827L26.3807 33.7037C27.3286 32.6696 29.0339 33.5581 28.7295 34.9274C28.6448 35.3086 29.0167 35.6317 29.3823 35.4946L30.5348 35.0624C30.9226 34.917 31.355 35.1135 31.5004 35.5013C31.6458 35.8891 31.4493 36.3214 31.0615 36.4669L29.909 36.8991C28.5617 37.4043 27.1933 36.3663 27.2162 35.0121L25.1224 37.2963C24.0847 38.4283 22.1963 37.7702 22.0868 36.2384L21.9431 34.2257Z" fill="currentColor"/>
+<path d="M31.1787 41.8778C31.5945 41.8778 31.9316 42.2149 31.9316 42.6308C31.9316 43.0466 31.5945 43.3837 31.1787 43.3837H17.6846C17.2688 43.3837 16.9316 43.0466 16.9316 42.6308C16.9316 42.2149 17.2688 41.8778 17.6846 41.8778H31.1787Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10607">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-business.svg b/assets/icons/complex/doc-business.svg
new file mode 100644
index 00000000..aaf4e25c
--- /dev/null
+++ b/assets/icons/complex/doc-business.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.5 0.250854C30.9812 0.250854 29.75 1.48207 29.75 3.00085H27C25.8954 3.00085 25 3.89629 25 5.00085V16.0009C25 17.1054 25.8954 18.0009 27 18.0009H43C44.1046 18.0009 45 17.1054 45 16.0009V5.00085C45 3.89629 44.1046 3.00085 43 3.00085H40.25C40.25 1.48207 39.0188 0.250854 37.5 0.250854H32.5ZM32.5 1.75085C31.8096 1.75085 31.25 2.3105 31.25 3.00085H38.75C38.75 2.3105 38.1904 1.75085 37.5 1.75085H32.5ZM27 4.50085H43C43.2761 4.50085 43.5 4.72471 43.5 5.00085V8.3012L40.75 8.60676V8.50085C40.75 8.08664 40.4142 7.75085 40 7.75085C39.5858 7.75085 39.25 8.08664 39.25 8.50085V8.77342L35.0008 9.24556L30.75 8.77325V8.50085C30.75 8.08664 30.4142 7.75085 30 7.75085C29.5858 7.75085 29.25 8.08664 29.25 8.50085V8.60658L26.5 8.30103V5.00085C26.5 4.72471 26.7239 4.50085 27 4.50085ZM29.25 10.1158L26.5 9.81026V16.0009C26.5 16.277 26.7239 16.5009 27 16.5009H43C43.2761 16.5009 43.5 16.277 43.5 16.0009V9.81043L40.75 10.116V11.5009C40.75 11.9151 40.4142 12.2509 40 12.2509C39.5858 12.2509 39.25 11.9151 39.25 11.5009V10.2827L35.0008 10.7548L30.75 10.2825V11.5009C30.75 11.9151 30.4142 12.2509 30 12.2509C29.5858 12.2509 29.25 11.9151 29.25 11.5009V10.1158Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.00085C3 3.89629 3.89543 3.00085 5 3.00085H22.25C22.6642 3.00085 23 3.33664 23 3.75085C23 4.16507 22.6642 4.50085 22.25 4.50085H5C4.72386 4.50085 4.5 4.72471 4.5 5.00085V46.0009C4.5 46.277 4.72386 46.5009 5 46.5009H11.5V44.5009C11.5 39.8064 15.3056 36.0009 20 36.0009C24.6944 36.0009 28.5 39.8064 28.5 44.5009V46.5009H35C35.2761 46.5009 35.5 46.277 35.5 46.0009V20.7509C35.5 20.3366 35.8358 20.0009 36.25 20.0009C36.6642 20.0009 37 20.3366 37 20.7509V46.0009C37 47.1054 36.1046 48.0009 35 48.0009H5C3.89543 48.0009 3 47.1054 3 46.0009V5.00085ZM27 46.5009V44.5009C27 41.0931 24.5649 38.2541 21.3399 37.629L20.5 38.3009L22 43.1009L20 45.5009L18 43.1009L19.5 38.3009L18.6601 37.629C15.4351 38.2541 13 41.0931 13 44.5009V46.5009H27Z" fill="currentColor"/>
+<path d="M14.7477 10.0009C15.1619 10.0009 15.4977 9.66507 15.4977 9.25085C15.4977 8.83664 15.1619 8.50085 14.7477 8.50085H9.20312C8.78891 8.50085 8.45312 8.83664 8.45312 9.25085C8.45312 9.66507 8.78891 10.0009 9.20312 10.0009H14.7477Z" fill="currentColor"/>
+<path d="M8.45312 13.2509C8.45312 13.6651 8.78891 14.0009 9.20312 14.0009H20.3331C20.7473 14.0009 21.0831 13.6651 21.0831 13.2509C21.0831 12.8366 20.7473 12.5009 20.3331 12.5009H9.20312C8.78891 12.5009 8.45312 12.8366 8.45312 13.2509Z" fill="currentColor"/>
+<path d="M9.20312 18.0009C8.78891 18.0009 8.45312 17.6651 8.45312 17.2509C8.45312 16.8366 8.78891 16.5009 9.20312 16.5009H20.3331C20.7473 16.5009 21.0831 16.8366 21.0831 17.2509C21.0831 17.6651 20.7473 18.0009 20.3331 18.0009H9.20312Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 35.0009C23.0376 35.0009 25.5 32.5384 25.5 29.5009C25.5 26.4633 23.0376 24.0009 20 24.0009C16.9624 24.0009 14.5 26.4633 14.5 29.5009C14.5 32.5384 16.9624 35.0009 20 35.0009ZM20 33.5009C22.2091 33.5009 24 31.71 24 29.5009C24 27.2917 22.2091 25.5009 20 25.5009C17.7909 25.5009 16 27.2917 16 29.5009C16 31.71 17.7909 33.5009 20 33.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-car-point-list.svg b/assets/icons/complex/doc-car-point-list.svg
new file mode 100644
index 00000000..d0b654fc
--- /dev/null
+++ b/assets/icons/complex/doc-car-point-list.svg
@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3855)">
+<path d="M32.25 32.5009C32.6642 32.5009 33 32.1651 33 31.7509C33 31.3366 32.6642 31.0009 32.25 31.0009H15.75C15.3358 31.0009 15 31.3366 15 31.7509C15 32.1651 15.3358 32.5009 15.75 32.5009H32.25Z" fill="currentColor"/>
+<path d="M32.25 37.5009C32.6642 37.5009 33 37.1651 33 36.7509C33 36.3366 32.6642 36.0009 32.25 36.0009H15.75C15.3358 36.0009 15 36.3366 15 36.7509C15 37.1651 15.3358 37.5009 15.75 37.5009H32.25Z" fill="currentColor"/>
+<path d="M29.25 41.0009C29.6642 41.0009 30 41.3366 30 41.7509C30 42.1651 29.6642 42.5009 29.25 42.5009H18.75C18.3358 42.5009 18 42.1651 18 41.7509C18 41.3366 18.3358 41.0009 18.75 41.0009H29.25Z" fill="currentColor"/>
+<path d="M18.5 19.0009C19.3284 19.0009 20 18.3293 20 17.5009C20 16.6724 19.3284 16.0009 18.5 16.0009C17.6716 16.0009 17 16.6724 17 17.5009C17 18.3293 17.6716 19.0009 18.5 19.0009Z" fill="currentColor"/>
+<path d="M31 17.5009C31 18.3293 30.3284 19.0009 29.5 19.0009C28.6716 19.0009 28 18.3293 28 17.5009C28 16.6724 28.6716 16.0009 29.5 16.0009C30.3284 16.0009 31 16.6724 31 17.5009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 12.3759C13 13.1011 13.5615 13.6952 14.2736 13.7472C14.0493 14.0513 13.9167 14.4273 13.9167 14.8342V19.2338C13.9167 20.0782 14.4912 20.8031 15.2917 21.009V22.1258C15.2917 22.632 15.7021 23.0424 16.2084 23.0424H18.0417C18.5479 23.0424 18.9584 22.632 18.9584 22.1258V21.5068C22.3092 21.8776 25.6908 21.8776 29.0416 21.5068V22.1258C29.0416 22.632 29.4521 23.0424 29.9583 23.0424H31.7916C32.2979 23.0424 32.7083 22.632 32.7083 22.1258V21.0091C33.5088 20.8031 34.0834 20.0782 34.0834 19.2338V14.8342C34.0834 14.4273 33.9508 14.0513 33.7265 13.7472C34.4385 13.6952 35 13.1011 35 12.3759C35 11.6165 34.3844 11.0009 33.625 11.0009H31.425L30.3992 8.20305C30.1344 7.48093 29.447 7.00085 28.6779 7.00085H19.3222C18.553 7.00085 17.8657 7.48094 17.6009 8.20306L16.575 11.0009H14.375C13.6156 11.0009 13 11.6165 13 12.3759ZM33.625 12.7509H32.0667L31.7917 12.0009H33.625C33.8321 12.0009 34 12.1687 34 12.3759C34 12.583 33.8321 12.7509 33.625 12.7509ZM14.375 12.0009H16.2084L15.9334 12.7509H14.375C14.1679 12.7509 14 12.583 14 12.3759C14 12.1687 14.1679 12.0009 14.375 12.0009ZM19.3222 8.50085H28.6779C28.8177 8.50085 28.9427 8.58814 28.9908 8.71944L30.5607 13.0009H17.4393L19.0092 8.71944C19.0573 8.58814 19.1823 8.50085 19.3222 8.50085ZM15.75 14.5009C15.5659 14.5009 15.4167 14.6501 15.4167 14.8342V19.2338C15.4167 19.4005 15.5398 19.5416 15.705 19.5641L18.01 19.8784C21.985 20.4204 26.0151 20.4204 29.99 19.8784L32.2951 19.5641C32.4602 19.5416 32.5834 19.4005 32.5834 19.2338V14.8342C32.5834 14.6501 32.4341 14.5009 32.25 14.5009H15.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 48.0009C6.89543 48.0009 6 47.1054 6 46.0009V2.00085C6 0.896285 6.89543 0.000854492 8 0.000854492H40C41.1046 0.000854492 42 0.896286 42 2.00086V46.0009C42 47.1054 41.1046 48.0009 40 48.0009H8ZM7.5 2.00085C7.5 1.72471 7.72386 1.50085 8 1.50085H40C40.2761 1.50085 40.5 1.72471 40.5 2.00086V46.0009C40.5 46.277 40.2761 46.5009 40 46.5009H8C7.72386 46.5009 7.5 46.277 7.5 46.0009V2.00085Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3855">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-diploma.svg b/assets/icons/complex/doc-diploma.svg
new file mode 100644
index 00000000..c13272b2
--- /dev/null
+++ b/assets/icons/complex/doc-diploma.svg
@@ -0,0 +1,17 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10610)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.636 17.6993L8.68198 24.6534C6.92462 26.4108 4.07539 26.4108 2.31802 24.6534C0.560658 22.896 0.560661 20.0468 2.31802 18.2894L19.2886 1.31887C21.0459 -0.43848 23.8952 -0.438491 25.6525 1.31887C27.4099 3.07624 27.4099 5.92548 25.6525 7.68284L19.886 13.4493V23.3074L17.761 20.4779L15.636 26.1369V17.6993ZM7.55061 23.522C8.68313 22.3895 8.68313 20.5533 7.55061 19.4208C6.41809 18.2883 4.58191 18.2883 3.44939 19.4208C2.31687 20.5533 2.31687 22.3895 3.44939 23.522C4.58192 24.6546 6.41809 24.6545 7.55061 23.522ZM24.5212 6.55146L19.8833 11.1893C19.7967 10.1683 19.3628 9.17123 18.5815 8.38994C17.8002 7.60866 16.8031 7.17472 15.7821 7.08812L20.42 2.45025C21.5525 1.31773 23.3886 1.31772 24.5212 2.45025C25.6537 3.58277 25.6537 5.41895 24.5212 6.55146ZM14.6217 12.3497C15.7542 13.4823 15.7542 15.3184 14.6217 16.451L9.98381 21.0888C9.89721 20.0678 9.46327 19.0707 8.68198 18.2894C7.9007 17.5082 6.90361 17.0742 5.88259 16.9876L10.5205 12.3497C11.653 11.2172 13.4892 11.2172 14.6217 12.3497Z" fill="currentColor"/>
+<path d="M39.6725 21.5491C39.9067 21.3149 39.9544 20.9485 39.7595 20.6807C38.7162 19.2468 37.1007 18.2559 35.2486 18.0435C34.8371 17.9963 34.5 18.3366 34.5 18.7509C34.5 19.1651 34.8377 19.4949 35.2474 19.5563C36.5362 19.7495 37.664 20.4345 38.4338 21.4143C38.7371 21.8003 39.3253 21.8962 39.6725 21.5491Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.5 40.0009V36.9477C30.5 34.6133 29.0058 32.5941 27.4425 30.8604C25.9243 29.1766 25 26.9466 25 24.5009C25 19.2541 29.2533 15.0009 34.5 15.0009C39.7467 15.0009 44 19.2541 44 24.5009C44 26.9466 43.0757 29.1766 41.5575 30.8604C39.9942 32.5941 38.5 34.6133 38.5 36.9477V40.0009H45C46.1046 40.0009 47 40.8963 47 42.0009V43.0009C47 44.1054 46.1046 45.0009 45 45.0009V46.0009C45 47.1054 44.1046 48.0009 43 48.0009H26C24.8954 48.0009 24 47.1054 24 46.0009V45.0009C22.8954 45.0009 22 44.1054 22 43.0009V42.0009C22 40.8963 22.8954 40.0009 24 40.0009H30.5ZM42.5 24.5009C42.5 26.5614 41.7229 28.4369 40.4435 29.8559C38.8778 31.5923 37 33.9915 37 36.9477V40.0009H32V36.9477C32 33.9915 30.1222 31.5923 28.5565 29.8559C27.2771 28.4369 26.5 26.5614 26.5 24.5009C26.5 20.0826 30.0817 16.5009 34.5 16.5009C38.9183 16.5009 42.5 20.0826 42.5 24.5009ZM45 43.5009C45.2761 43.5009 45.5 43.277 45.5 43.0009V42.0009C45.5 41.7247 45.2761 41.5009 45 41.5009H24C23.7239 41.5009 23.5 41.7247 23.5 42.0009V43.0009C23.5 43.277 23.7239 43.5009 24 43.5009H45ZM26 46.5009C25.7239 46.5009 25.5 46.277 25.5 46.0009V45.0009H43.5V46.0009C43.5 46.277 43.2761 46.5009 43 46.5009H26Z" fill="currentColor"/>
+<path d="M4 4.00085C4 2.89629 4.89543 2.00085 6 2.00085H14.1827C14.6341 2.00085 15 2.36675 15 2.81811C15 3.26947 14.6341 3.63537 14.1827 3.63537H6.12871C5.85257 3.63537 5.62871 3.85923 5.62871 4.13537V12.1865C5.62871 12.6363 5.26411 13.0009 4.81436 13.0009C4.3646 13.0009 4 12.6363 4 12.1865V4.00085Z" fill="currentColor"/>
+<path d="M4.81436 28.0009C4.3646 28.0009 4 28.3655 4 28.8152V46.0009C4 47.1054 4.89543 48.0009 6 48.0009H20.2396C20.691 48.0009 21.0569 47.635 21.0569 47.1836C21.0569 46.7322 20.691 46.3663 20.2396 46.3663H5.62871V28.8152C5.62871 28.3655 5.26411 28.0009 4.81436 28.0009Z" fill="currentColor"/>
+<path d="M34.9703 4.13537C34.9703 3.85923 34.7464 3.63537 34.4703 3.63537H29.8173C29.3659 3.63537 29 3.26947 29 2.81811C29 2.36675 29.3659 2.00085 29.8173 2.00085H34.599C35.7035 2.00085 36.599 2.89629 36.599 4.00085V10.4606C36.599 10.9104 36.2344 11.275 35.7846 11.275C35.3349 11.275 34.9703 10.9104 34.9703 10.4606V4.13537Z" fill="currentColor"/>
+<path d="M20.25 29.0009C20.6642 29.0009 21 29.3366 21 29.7509C21 30.1651 20.6642 30.5009 20.25 30.5009H10.75C10.3358 30.5009 10 30.1651 10 29.7509C10 29.3366 10.3358 29.0009 10.75 29.0009H20.25Z" fill="currentColor"/>
+<path d="M20.25 34.0009C20.6642 34.0009 21 34.3366 21 34.7509C21 35.1651 20.6642 35.5009 20.25 35.5009H10.75C10.3358 35.5009 10 35.1651 10 34.7509C10 34.3366 10.3358 34.0009 10.75 34.0009H20.25Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10610">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-driver-info.svg b/assets/icons/complex/doc-driver-info.svg
new file mode 100644
index 00000000..3d7c9028
--- /dev/null
+++ b/assets/icons/complex/doc-driver-info.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.9068 0.000854492C36.6826 0.000854492 37.4036 0.400498 37.8148 1.05836L39.2692 3.38547H41.3846C42.7866 3.38547 43.9231 4.52198 43.9231 5.92393V7.61624C43.9231 8.55088 43.1654 9.30855 42.2308 9.30855H42.087C41.7388 10.2949 40.7983 11.0016 39.6928 11.0016C38.5872 11.0016 37.6467 10.2949 37.2985 9.30855H33.6242C33.2759 10.2949 32.3354 11.0016 31.2299 11.0016C30.1243 11.0016 29.1838 10.2949 28.8356 9.30855H28.6923C27.7577 9.30855 27 8.55087 27 7.61624V5.20572C27 4.57862 27.2321 3.97371 27.6516 3.50758L29.7993 1.12128C30.4412 0.408095 31.3556 0.000854492 32.3151 0.000854492H35.9068ZM42.2308 8.03932H42.196C41.9943 6.83911 40.9503 5.92468 39.6928 5.92468C38.4352 5.92468 37.3912 6.83911 37.1895 8.03932H33.7331C33.5314 6.83911 32.4874 5.92468 31.2299 5.92468C29.9723 5.92468 28.9284 6.83911 28.7266 8.03932H28.6923C28.4586 8.03932 28.2692 7.8499 28.2692 7.61624V5.20572C28.2692 5.01344 28.3129 4.82534 28.395 4.65485L41.3846 4.6547C42.0856 4.6547 42.6538 5.22296 42.6538 5.92393V7.61624C42.6538 7.8499 42.4644 8.03932 42.2308 8.03932ZM32.3151 1.27009H35.8961C36.2409 1.27009 36.5614 1.44771 36.7441 1.74009L37.7726 3.38562H29.469L30.7427 1.97035C31.1439 1.52461 31.7154 1.27009 32.3151 1.27009ZM32.4991 8.46314C32.4991 9.16412 31.9308 9.73238 31.2299 9.73238C30.5289 9.73238 29.9606 9.16412 29.9606 8.46314C29.9606 7.76217 30.5289 7.19391 31.2299 7.19391C31.9308 7.19391 32.4991 7.76217 32.4991 8.46314ZM40.962 8.46314C40.962 9.16412 40.3937 9.73238 39.6928 9.73238C38.9918 9.73238 38.4235 9.16412 38.4235 8.46314C38.4235 7.76217 38.9918 7.19391 39.6928 7.19391C40.3937 7.19391 40.962 7.76217 40.962 8.46314Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25 3.75085C25 3.33664 24.6642 3.00085 24.25 3.00085H7C5.89543 3.00085 5 3.89629 5 5.00085V46.0009C5 47.1054 5.89543 48.0009 7 48.0009H37C38.1046 48.0009 39 47.1054 39 46.0009V13.7509C39 13.3366 38.6642 13.0009 38.25 13.0009C37.8358 13.0009 37.5 13.3366 37.5 13.7509V46.0009C37.5 46.277 37.2761 46.5009 37 46.5009H30.5V44.5009C30.5 39.8064 26.6944 36.0009 22 36.0009C17.3056 36.0009 13.5 39.8064 13.5 44.5009V46.5009H7C6.72386 46.5009 6.5 46.277 6.5 46.0009V5.00085C6.5 4.72471 6.72386 4.50085 7 4.50085H24.25C24.6642 4.50085 25 4.16507 25 3.75085ZM29 44.5009V46.5009H15V44.5009C15 40.6349 18.134 37.5009 22 37.5009C25.866 37.5009 29 40.6349 29 44.5009Z" fill="currentColor"/>
+<path d="M16.2946 10.038C16.7088 10.038 17.0446 9.70218 17.0446 9.28796C17.0446 8.87375 16.7088 8.53796 16.2946 8.53796H10.75C10.3358 8.53796 10 8.87375 10 9.28796C10 9.70218 10.3358 10.038 10.75 10.038H16.2946Z" fill="currentColor"/>
+<path d="M19.25 14.1356C19.6642 14.1356 20 13.7998 20 13.3856C20 12.9714 19.6642 12.6356 19.25 12.6356H10.75C10.3358 12.6356 10 12.9714 10 13.3856C10 13.7998 10.3358 14.1356 10.75 14.1356H19.25Z" fill="currentColor"/>
+<path d="M10.75 18.2333C10.3358 18.2333 10 17.8975 10 17.4833C10 17.0691 10.3358 16.7333 10.75 16.7333H19.25C19.6642 16.7333 20 17.0691 20 17.4833C20 17.8975 19.6642 18.2333 19.25 18.2333H10.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 35.0009C25.0376 35.0009 27.5 32.5384 27.5 29.5009C27.5 26.4633 25.0376 24.0009 22 24.0009C18.9624 24.0009 16.5 26.4633 16.5 29.5009C16.5 32.5384 18.9624 35.0009 22 35.0009ZM22 33.5009C24.2091 33.5009 26 31.71 26 29.5009C26 27.2917 24.2091 25.5009 22 25.5009C19.7909 25.5009 18 27.2917 18 29.5009C18 31.71 19.7909 33.5009 22 33.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-election.svg b/assets/icons/complex/doc-election.svg
new file mode 100644
index 00000000..1bde3adf
--- /dev/null
+++ b/assets/icons/complex/doc-election.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3863_9601)">
+<path d="M25.4937 34.0935C25.6325 33.9085 25.9266 33.995 25.9431 34.2257L26.0868 36.2384C26.1963 37.7702 28.0847 38.4283 29.1224 37.2963L31.2162 35.0121C31.1933 36.3663 32.5617 37.4043 33.909 36.8991L35.0615 36.4669C35.4493 36.3214 35.6458 35.8891 35.5004 35.5013C35.355 35.1135 34.9226 34.917 34.5348 35.0624L33.3823 35.4946C33.0167 35.6317 32.6448 35.3086 32.7295 34.9274C33.0339 33.5581 31.3286 32.6696 30.3807 33.7037L28.0167 36.2827C27.8684 36.4444 27.5987 36.3504 27.583 36.1316L27.4393 34.1188C27.3239 32.5036 25.2653 31.898 24.2937 33.1935L21.8504 36.4513C21.6019 36.7827 21.669 37.2528 22.0004 37.5013C22.3318 37.7498 22.8019 37.6827 23.0504 37.3513L25.4937 34.0935Z" fill="currentColor"/>
+<path d="M35.1787 43.3837C35.5945 43.3837 35.9316 43.0466 35.9316 42.6308C35.9316 42.2149 35.5945 41.8778 35.1787 41.8778H21.6846C21.2688 41.8778 20.9316 42.2149 20.9316 42.6308C20.9316 43.0466 21.2688 43.3837 21.6846 43.3837H35.1787Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.486 8.17236L31.1575 10.5009H31.7203C32.5004 10.5009 33.2093 10.9544 33.5363 11.6627L36 17.0009V25.0009C36 26.1054 35.1046 27.0009 34 27.0009H14C12.8954 27.0009 12 26.1054 12 25.0009V17.0009L14.4637 11.6627C14.7907 10.9544 15.4996 10.5009 16.2797 10.5009H19.8438L27.8292 2.5155L33.486 8.17236ZM20.051 12.415L27.8292 4.63682L31.3647 8.17236L25.7862 13.7509H21.3869L20.051 12.415ZM30.5 14.5009C30.5 14.0866 30.1642 13.7509 29.75 13.7509H27.9075L29.6575 12.0009H31.7203C31.9154 12.0009 32.0926 12.1143 32.1743 12.2913L34.2326 16.7509H13.7674L15.8257 12.2913C15.9074 12.1143 16.0846 12.0009 16.2797 12.0009H18.3438L17.9297 12.415L19.2655 13.7509H18.25C17.8358 13.7509 17.5 14.0866 17.5 14.5009C17.5 14.9151 17.8358 15.2509 18.25 15.2509H29.75C30.1642 15.2509 30.5 14.9151 30.5 14.5009ZM34.5 18.2509H13.5V25.0009C13.5 25.277 13.7239 25.5009 14 25.5009H34C34.2761 25.5009 34.5 25.277 34.5 25.0009V18.2509Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.000854492C6.89543 0.000854492 6 0.896286 6 2.00086V46.0009C6 47.1054 6.89543 48.0009 8 48.0009H40C41.1046 48.0009 42 47.1054 42 46.0009V2.00085C42 0.896285 41.1046 0.000854492 40 0.000854492H8ZM40.5 1.50085H8C7.72386 1.50085 7.5 1.72471 7.5 2.00086V46.0009C7.5 46.277 7.72386 46.5009 8 46.5009H40C40.2761 46.5009 40.5 46.277 40.5 46.0009V1.50085Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3863_9601">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-filled.svg b/assets/icons/complex/doc-filled.svg
new file mode 100644
index 00000000..02c303b1
--- /dev/null
+++ b/assets/icons/complex/doc-filled.svg
@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10608)">
+<path d="M3 46.0009C3 47.1054 3.89543 48.0009 5 48.0009H38.1478C39.2524 48.0009 40.1478 47.1054 40.1478 46.0009V34.2426C40.1478 33.7729 39.7671 33.3922 39.2974 33.3922C38.8277 33.3922 38.447 33.7729 38.447 34.2426V45.7953C38.447 46.0714 38.2231 46.2953 37.947 46.2953H5.19952C4.92338 46.2953 4.69952 46.0714 4.69952 45.7953V2.20644C4.69952 1.9303 4.92338 1.70644 5.19952 1.70644H37.9472C38.2234 1.70644 38.4472 1.9303 38.4472 2.20644V9.87191C38.4472 10.3412 38.8277 10.7217 39.297 10.7217C39.7663 10.7217 40.1468 10.3412 40.1468 9.87191V2.00085C40.1468 0.896285 39.2513 0.000854492 38.1468 0.000854492H5C3.89543 0.000854492 3 0.896286 3 2.00086V46.0009Z" fill="currentColor"/>
+<path d="M13.95 38.7057C14.0948 38.5126 14.4017 38.6029 14.4189 38.8437L14.5689 40.9439C14.6831 42.5423 16.6536 43.229 17.7364 42.0477L19.9213 39.6643C19.8973 41.0773 21.3252 42.1605 22.7311 41.6333L23.9337 41.1823C24.3384 41.0305 24.5435 40.5794 24.3917 40.1747C24.24 39.77 23.7888 39.565 23.3841 39.7167L22.1815 40.1677C21.8 40.3108 21.412 39.9736 21.5004 39.5759C21.8179 38.147 20.0386 37.22 19.0495 38.299L16.5826 40.9901C16.4279 41.1588 16.1464 41.0607 16.1301 40.8324L15.9801 38.7322C15.8597 37.0467 13.7117 36.4148 12.6978 37.7666L10.1482 41.166C9.8889 41.5118 9.95898 42.0023 10.3048 42.2617C10.6505 42.521 11.1411 42.4509 11.4004 42.1052L13.95 38.7057Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.4639 17.8664L32.4639 38.651L27.1441 41.6042L27.0418 35.5206L39.0418 14.736C39.6181 13.7378 40.8944 13.3958 41.8926 13.9721L43.7 15.0156C44.6982 15.5919 45.0402 16.8683 44.4639 17.8664ZM28.6141 35.9278L37.4625 20.6018L40.1736 22.167L31.3251 37.493L28.6652 38.9696L28.6141 35.9278ZM38.2451 19.2463L40.9562 20.8115L43.1083 17.0838C43.2524 16.8343 43.1669 16.5152 42.9174 16.3711L41.11 15.3276C40.8605 15.1836 40.5414 15.2691 40.3973 15.5186L38.2451 19.2463Z" fill="currentColor"/>
+<path d="M26.3086 15.1895C26.3086 14.7521 25.954 14.3976 25.5167 14.3976H10.5908C10.1535 14.3976 9.79891 14.7521 9.79891 15.1895C9.79891 15.6268 10.1535 15.9814 10.5908 15.9814H25.5167C25.954 15.9814 26.3086 15.6268 26.3086 15.1895Z" fill="currentColor"/>
+<path d="M9.79891 30.3301C9.79891 29.8928 10.1535 29.5382 10.5908 29.5382H25.5167C25.954 29.5382 26.3086 29.8928 26.3086 30.3301C26.3086 30.7674 25.954 31.122 25.5167 31.122H10.5908C10.1535 31.122 9.79891 30.7674 9.79891 30.3301Z" fill="currentColor"/>
+<path d="M14.4189 7.53984C14.4017 7.29906 14.0948 7.20879 13.95 7.4019L11.4004 10.8013C11.1411 11.1471 10.6505 11.2172 10.3048 10.9578C9.95898 10.6985 9.8889 10.208 10.1482 9.86218L12.6978 6.46277C13.7117 5.11096 15.8597 5.74285 15.9801 7.42832L16.1301 9.52856C16.1464 9.75689 16.4279 9.855 16.5826 9.68625L19.0495 6.99514C20.0386 5.91612 21.8179 6.84315 21.5004 8.27208C21.412 8.66978 21.8 9.00693 22.1815 8.86388L23.3841 8.41289C23.7888 8.26113 24.24 8.46618 24.3917 8.87088C24.5435 9.27558 24.3384 9.72669 23.9337 9.87845L22.7311 10.3294C21.3252 10.8566 19.8973 9.77345 19.9213 8.36046L17.7364 10.7439C16.6536 11.9252 14.6831 11.2385 14.5689 9.64007L14.4189 7.53984Z" fill="currentColor"/>
+<path d="M13.95 22.5425C14.0948 22.3494 14.4017 22.4397 14.4189 22.6805L14.5689 24.7807C14.6831 26.3791 16.6536 27.0658 17.7364 25.8845L19.9213 23.5011C19.8973 24.9141 21.3252 25.9973 22.7311 25.4701L23.9337 25.0191C24.3384 24.8673 24.5435 24.4162 24.3917 24.0115C24.24 23.6068 23.7888 23.4018 23.3841 23.5535L22.1815 24.0045C21.8 24.1476 21.412 23.8104 21.5004 23.4127C21.8179 21.9838 20.0386 21.0567 19.0495 22.1358L16.5826 24.8269C16.4279 24.9956 16.1464 24.8975 16.1301 24.6692L15.9801 22.5689C15.8597 20.8835 13.7117 20.2516 12.6978 21.6034L10.1482 25.0028C9.8889 25.3486 9.95898 25.8391 10.3048 26.0985C10.6505 26.3578 11.1411 26.2877 11.4004 25.9419L13.95 22.5425Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10608">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-health.svg b/assets/icons/complex/doc-health.svg
new file mode 100644
index 00000000..4f3e618b
--- /dev/null
+++ b/assets/icons/complex/doc-health.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 32V46C6 47.1046 6.89543 48 8 48H42C43.1046 48 44 47.1046 44 46V17.7932C44 17.2837 43.8056 16.7934 43.4564 16.4224L28.5923 0.629271C28.2143 0.227697 27.6873 0 27.1359 0H8C6.89543 0 6 0.895432 6 2V23H5C4.44772 23 4 23.4477 4 24V31C4 31.5523 4.44772 32 5 32H6ZM42.5 18.25H28.75C27.6454 18.25 26.75 17.3546 26.75 16.25V1.5H8C7.72386 1.5 7.5 1.72386 7.5 2V23H11.5V16.5C11.5 15.9477 11.9477 15.5 12.5 15.5H19.5C20.0523 15.5 20.5 15.9477 20.5 16.5V23H27C27.5523 23 28 23.4477 28 24V31C28 31.5523 27.5523 32 27 32H20.5V38.5C20.5 39.0523 20.0523 39.5 19.5 39.5H12.5C11.9477 39.5 11.5 39.0523 11.5 38.5V32H7.5V46C7.5 46.2761 7.72386 46.5 8 46.5H42C42.2761 46.5 42.5 46.2761 42.5 46V18.25ZM41.7048 16.75L28.25 2.45424V16.25C28.25 16.5261 28.4739 16.75 28.75 16.75H41.7048ZM19 30.5V38H13V30.5H5.5V24.5H13V17H19V24.5H26.5V30.5H19Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-judgment.svg b/assets/icons/complex/doc-judgment.svg
new file mode 100644
index 00000000..65ac8a99
--- /dev/null
+++ b/assets/icons/complex/doc-judgment.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.25 13.7509H36.25V2.98124L39.9479 3.98976L37.1001 10.1599L37.4722 10.532L37.4749 10.5346L37.4814 10.5409L37.499 10.5578C37.5129 10.5708 37.531 10.5873 37.5533 10.6068C37.5978 10.6458 37.6593 10.6968 37.7378 10.7556C37.8946 10.8733 38.1202 11.0229 38.4149 11.1702C39.0066 11.4661 39.8707 11.7494 41.0003 11.7494C42.1298 11.7494 42.994 11.4661 43.5857 11.1702C43.8803 11.0229 44.1059 10.8733 44.2628 10.7556C44.3412 10.6968 44.4027 10.6458 44.4473 10.6068C44.4696 10.5873 44.4876 10.5708 44.5015 10.5578L44.5192 10.5409L44.5257 10.5346L44.5283 10.532L44.5295 10.5308L44.5336 10.5267L44.9004 10.1599L42.0123 3.90235L43.0825 3.47428C43.467 3.32044 43.6541 2.88397 43.5003 2.49938C43.3464 2.11479 42.91 1.92773 42.5254 2.08156L40.9551 2.70967L36.25 1.42646V0.750855C36.25 0.336641 35.9142 0.000854492 35.5 0.000854492C35.0858 0.000854492 34.75 0.336641 34.75 0.750854V1.42646L30.0449 2.70967L28.4746 2.08156C28.09 1.92773 27.6536 2.11479 27.4997 2.49938C27.3459 2.88397 27.533 3.32044 27.9175 3.47428L28.9877 3.90235L26.0996 10.1599L26.4658 10.5261L26.4705 10.5308L26.4717 10.532L26.4743 10.5346L26.4808 10.5409L26.4985 10.5578C26.5124 10.5708 26.5304 10.5873 26.5527 10.6068C26.5973 10.6458 26.6588 10.6968 26.7372 10.7556C26.8941 10.8733 27.1197 11.0229 27.4143 11.1702C28.006 11.4661 28.8702 11.7494 29.9997 11.7494C31.1293 11.7494 31.9934 11.4661 32.5851 11.1702C32.8798 11.0229 33.1054 10.8733 33.2622 10.7556C33.3407 10.6968 33.4022 10.6458 33.4467 10.6068C33.469 10.5873 33.4871 10.5708 33.501 10.5578L33.5186 10.5409L33.5251 10.5346L33.5278 10.532L33.8999 10.1599L31.0521 3.98976L34.75 2.98124V13.7509H31.75C31.3358 13.7509 31 14.0866 31 14.5009C31 14.9151 31.3358 15.2509 31.75 15.2509H39.25C39.6642 15.2509 40 14.9151 40 14.5009C40 14.0866 39.6642 13.7509 39.25 13.7509ZM29.9997 5.28911L27.9401 9.75158C27.9849 9.77679 28.0332 9.8026 28.0851 9.82856C28.4934 10.0327 29.1293 10.2494 29.9997 10.2494C30.8702 10.2494 31.506 10.0327 31.9143 9.82856C31.9662 9.8026 32.0146 9.77679 32.0593 9.75158L29.9997 5.28911ZM41.0003 5.28911L43.0599 9.75158C43.0151 9.77679 42.9668 9.8026 42.9149 9.82856C42.5066 10.0327 41.8707 10.2494 41.0003 10.2494C40.1298 10.2494 39.494 10.0327 39.0857 9.82856C39.0338 9.8026 38.9854 9.77679 38.9407 9.75158L41.0003 5.28911Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 3.75085C24 3.33664 23.6642 3.00085 23.25 3.00085H6C4.89543 3.00085 4 3.89629 4 5.00085V46.0009C4 47.1054 4.89543 48.0009 6 48.0009H36C37.1046 48.0009 38 47.1054 38 46.0009V17.7509C38 17.3366 37.6642 17.0009 37.25 17.0009C36.8358 17.0009 36.5 17.3366 36.5 17.7509V46.0009C36.5 46.277 36.2761 46.5009 36 46.5009H29.5V44.5009C29.5 39.8064 25.6944 36.0009 21 36.0009C16.3056 36.0009 12.5 39.8064 12.5 44.5009V46.5009H6C5.72386 46.5009 5.5 46.277 5.5 46.0009V5.00085C5.5 4.72471 5.72386 4.50085 6 4.50085H23.25C23.6642 4.50085 24 4.16507 24 3.75085ZM28 44.5009V46.5009H14V44.5009C14 40.6349 17.134 37.5009 21 37.5009C24.866 37.5009 28 40.6349 28 44.5009Z" fill="currentColor"/>
+<path d="M15.2946 10.038C15.7088 10.038 16.0446 9.70218 16.0446 9.28796C16.0446 8.87375 15.7088 8.53796 15.2946 8.53796H9.75C9.33579 8.53796 9 8.87375 9 9.28796C9 9.70218 9.33579 10.038 9.75 10.038H15.2946Z" fill="currentColor"/>
+<path d="M18.25 14.1356C18.6642 14.1356 19 13.7998 19 13.3856C19 12.9714 18.6642 12.6356 18.25 12.6356H9.75C9.33579 12.6356 9 12.9714 9 13.3856C9 13.7998 9.33579 14.1356 9.75 14.1356H18.25Z" fill="currentColor"/>
+<path d="M9.75 18.2333C9.33579 18.2333 9 17.8975 9 17.4833C9 17.0691 9.33579 16.7333 9.75 16.7333H18.25C18.6642 16.7333 19 17.0691 19 17.4833C19 17.8975 18.6642 18.2333 18.25 18.2333H9.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 35.0009C24.0376 35.0009 26.5 32.5384 26.5 29.5009C26.5 26.4633 24.0376 24.0009 21 24.0009C17.9624 24.0009 15.5 26.4633 15.5 29.5009C15.5 32.5384 17.9624 35.0009 21 35.0009ZM21 33.5009C23.2091 33.5009 25 31.71 25 29.5009C25 27.2917 23.2091 25.5009 21 25.5009C18.7909 25.5009 17 27.2917 17 29.5009C17 31.71 18.7909 33.5009 21 33.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-patient.svg b/assets/icons/complex/doc-patient.svg
new file mode 100644
index 00000000..222a2f52
--- /dev/null
+++ b/assets/icons/complex/doc-patient.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0002 17.057L13.0626 12.1195C11.6463 10.7038 11.6457 8.48018 13.0614 7.05852C13.3933 6.72383 13.7881 6.45808 14.2231 6.27656C14.6581 6.09505 15.1247 6.00135 15.596 6.00085C16.4866 6.00088 17.3446 6.33542 18.0002 6.9382C18.6558 6.33553 19.5138 6.001 20.4043 6.00085C20.8751 6.00122 21.3412 6.09463 21.7757 6.27573C22.2103 6.45683 22.6048 6.72204 22.9365 7.05612L21.8722 8.11304C21.6797 7.91923 21.4509 7.76538 21.1987 7.66032C20.9469 7.55535 20.6767 7.50116 20.4039 7.50085C19.8895 7.5011 19.394 7.69439 19.0153 8.0425L18 8.97581L16.9849 8.04236C16.6063 7.69432 16.111 7.50107 15.5968 7.50085C15.3235 7.50125 15.0529 7.55563 14.8007 7.66088C14.5482 7.76623 14.3191 7.92048 14.1264 8.11473L14.1243 8.11693C13.2905 8.95419 13.2937 10.2296 14.123 11.0586L18.0002 14.9357L21.8771 11.0588C22.7057 10.2305 22.7104 8.95486 21.8736 8.11453L22.9365 7.05612C24.3546 8.48018 24.354 10.7038 22.9377 12.1195L18.0002 17.057Z" fill="currentColor"/>
+<path d="M32.2946 8.03796C32.7088 8.03796 33.0446 7.70218 33.0446 7.28796C33.0446 6.87375 32.7088 6.53796 32.2946 6.53796H26.75C26.3358 6.53796 26 6.87375 26 7.28796C26 7.70218 26.3358 8.03796 26.75 8.03796H32.2946Z" fill="currentColor"/>
+<path d="M36 11.3856C36 11.7998 35.6642 12.1356 35.25 12.1356H26.75C26.3358 12.1356 26 11.7998 26 11.3856C26 10.9714 26.3358 10.6356 26.75 10.6356H35.25C35.6642 10.6356 36 10.9714 36 11.3856Z" fill="currentColor"/>
+<path d="M26 15.4833C26 15.8975 26.3358 16.2333 26.75 16.2333H35.25C35.6642 16.2333 36 15.8975 36 15.4833C36 15.0691 35.6642 14.7333 35.25 14.7333H26.75C26.3358 14.7333 26 15.0691 26 15.4833Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 29.5009C29.5 32.5384 27.0376 35.0009 24 35.0009C20.9624 35.0009 18.5 32.5384 18.5 29.5009C18.5 26.4633 20.9624 24.0009 24 24.0009C27.0376 24.0009 29.5 26.4633 29.5 29.5009ZM28 29.5009C28 31.71 26.2091 33.5009 24 33.5009C21.7909 33.5009 20 31.71 20 29.5009C20 27.2917 21.7909 25.5009 24 25.5009C26.2091 25.5009 28 27.2917 28 29.5009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 48.0009C6.89543 48.0009 6 47.1054 6 46.0009V2.00085C6 0.896285 6.89543 0.000854492 8 0.000854492H40C41.1046 0.000854492 42 0.896286 42 2.00086V46.0009C42 47.1054 41.1046 48.0009 40 48.0009H8ZM7.5 2.00085C7.5 1.72471 7.72386 1.50085 8 1.50085H40C40.2761 1.50085 40.5 1.72471 40.5 2.00086V46.0009C40.5 46.277 40.2761 46.5009 40 46.5009H32.5V44.5009C32.5 39.8064 28.6944 36.0009 24 36.0009C19.3056 36.0009 15.5 39.8064 15.5 44.5009V46.5009H8C7.72386 46.5009 7.5 46.277 7.5 46.0009V2.00085ZM17 46.5009H31V44.5009C31 40.6349 27.866 37.5009 24 37.5009C20.134 37.5009 17 40.6349 17 44.5009V46.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-personal-info.svg b/assets/icons/complex/doc-personal-info.svg
new file mode 100644
index 00000000..7b39f3b7
--- /dev/null
+++ b/assets/icons/complex/doc-personal-info.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 0.000854492C35.7907 0.000854492 34 1.79155 34 4.00085C34 6.21016 35.7907 8.00085 38 8.00085C40.2093 8.00085 42 6.21016 42 4.00085C42 1.79155 40.2093 0.000854492 38 0.000854492ZM38 1.50085C36.6191 1.50085 35.5 2.61998 35.5 4.00085C35.5 5.38173 36.6191 6.50085 38 6.50085C39.3809 6.50085 40.5 5.38173 40.5 4.00085C40.5 2.61998 39.3809 1.50085 38 1.50085Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 9.00085C41.5275 9.00085 44.4456 11.6101 44.9295 15.0038C45.0075 15.5506 44.5523 16.0009 44 16.0009H32C31.4477 16.0009 30.9925 15.5506 31.0705 15.0038C31.5544 11.6101 34.4725 9.00085 38 9.00085ZM43.293 14.5009C42.64 12.1923 40.5176 10.5009 38 10.5009C35.4824 10.5009 33.36 12.1923 32.707 14.5009H43.293Z" fill="currentColor"/>
+<path d="M31 3.75085C31 3.33664 30.6642 3.00085 30.25 3.00085H7C5.89543 3.00085 5 3.89629 5 5.00085V46.0009C5 47.1054 5.89543 48.0009 7 48.0009H37C38.1046 48.0009 39 47.1054 39 46.0009V18.7509C39 18.3366 38.6642 18.0009 38.25 18.0009C37.8358 18.0009 37.5 18.3366 37.5 18.7509V46.0009C37.5 46.277 37.2761 46.5009 37 46.5009H7C6.72386 46.5009 6.5 46.277 6.5 46.0009V5.00085C6.5 4.72471 6.72386 4.50085 7 4.50085H30.25C30.6642 4.50085 31 4.16507 31 3.75085Z" fill="currentColor"/>
+<path d="M11.4531 9.25085C11.4531 9.66507 11.7889 10.0009 12.2031 10.0009H17.7477C18.1619 10.0009 18.4977 9.66507 18.4977 9.25085C18.4977 8.83664 18.1619 8.50085 17.7477 8.50085H12.2031C11.7889 8.50085 11.4531 8.83664 11.4531 9.25085Z" fill="currentColor"/>
+<path d="M11.4531 24.2509C11.4531 24.6651 11.7889 25.0009 12.2031 25.0009H17.7477C18.1619 25.0009 18.4977 24.6651 18.4977 24.2509C18.4977 23.8366 18.1619 23.5009 17.7477 23.5009H12.2031C11.7889 23.5009 11.4531 23.8366 11.4531 24.2509Z" fill="currentColor"/>
+<path d="M26.0831 13.2509C26.0831 13.6651 25.7473 14.0009 25.3331 14.0009H12.2031C11.7889 14.0009 11.4531 13.6651 11.4531 13.2509C11.4531 12.8366 11.7889 12.5009 12.2031 12.5009H25.3331C25.7473 12.5009 26.0831 12.8366 26.0831 13.2509Z" fill="currentColor"/>
+<path d="M11.4531 28.2509C11.4531 28.6651 11.7889 29.0009 12.2031 29.0009H31.3331C31.7473 29.0009 32.0831 28.6651 32.0831 28.2509C32.0831 27.8366 31.7473 27.5009 31.3331 27.5009H12.2031C11.7889 27.5009 11.4531 27.8366 11.4531 28.2509Z" fill="currentColor"/>
+<path d="M32.0831 32.2509C32.0831 32.6651 31.7473 33.0009 31.3331 33.0009H12.2031C11.7889 33.0009 11.4531 32.6651 11.4531 32.2509C11.4531 31.8366 11.7889 31.5009 12.2031 31.5009H31.3331C31.7473 31.5009 32.0831 31.8366 32.0831 32.2509Z" fill="currentColor"/>
+<path d="M11.4531 40.2509C11.4531 40.6651 11.7889 41.0009 12.2031 41.0009H31.3331C31.7473 41.0009 32.0831 40.6651 32.0831 40.2509C32.0831 39.8366 31.7473 39.5009 31.3331 39.5009H12.2031C11.7889 39.5009 11.4531 39.8366 11.4531 40.2509Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-petition.svg b/assets/icons/complex/doc-petition.svg
new file mode 100644
index 00000000..a2f10e7f
--- /dev/null
+++ b/assets/icons/complex/doc-petition.svg
@@ -0,0 +1,15 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_406_1114)">
+<path d="M20.6001 9.75C20.6001 10.1642 20.2643 10.5 19.8501 10.5H10.3501C9.93588 10.5 9.6001 10.1642 9.6001 9.75C9.6001 9.33579 9.93588 9 10.3501 9H19.8501C20.2643 9 20.6001 9.33579 20.6001 9.75Z" fill="currentColor"/>
+<path d="M25.8501 17C26.2643 17 26.6001 17.3358 26.6001 17.75C26.6001 18.1642 26.2643 18.5 25.8501 18.5H10.3501C9.93588 18.5 9.6001 18.1642 9.6001 17.75C9.6001 17.3358 9.93588 17 10.3501 17H25.8501Z" fill="currentColor"/>
+<path d="M25.8501 25C26.2643 25 26.6001 25.3358 26.6001 25.75C26.6001 26.1642 26.2643 26.5 25.8501 26.5H10.3501C9.93588 26.5 9.6001 26.1642 9.6001 25.75C9.6001 25.3358 9.93588 25 10.3501 25H25.8501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.236 38.0398L43.736 18.1212C44.2883 17.1646 43.9606 15.9414 43.004 15.3891L41.2719 14.3891C40.3154 13.8368 39.0922 14.1646 38.5399 15.1212L27.0399 35.0398L27.138 40.8699L32.236 38.0398ZM37.0264 20.7426L28.5467 35.43L28.5957 38.345L31.1447 36.93L39.6245 22.2426L37.0264 20.7426ZM40.3745 20.9435L37.7764 19.4435L39.8389 15.8712C39.977 15.632 40.2828 15.5501 40.5219 15.6882L42.254 16.6882C42.4931 16.8262 42.5751 17.132 42.437 17.3712L40.3745 20.9435Z" fill="currentColor"/>
+<path d="M14.4936 38.0922C14.6324 37.9071 14.9264 37.9936 14.9429 38.2244L15.0867 40.2371C15.1961 41.7689 17.0846 42.427 18.1223 41.2949L20.2161 39.0108C20.1931 40.3649 21.5615 41.403 22.9088 40.8977L24.0613 40.4655C24.4492 40.3201 24.6457 39.8878 24.5002 39.5C24.3548 39.1121 23.9225 38.9156 23.5347 39.061L22.3821 39.4932C22.0166 39.6303 21.6447 39.3072 21.7294 38.9261C22.0337 37.5567 20.3285 36.6683 19.3806 37.7024L17.0165 40.2813C16.8683 40.4431 16.5985 40.349 16.5829 40.1302L16.4391 38.1175C16.3237 36.5023 14.2652 35.8967 13.2936 37.1922L10.8502 40.45C10.6017 40.7813 10.6689 41.2514 11.0002 41.5C11.3316 41.7485 11.8017 41.6813 12.0502 41.3499L14.4936 38.0922Z" fill="currentColor"/>
+<path d="M5.5 2C5.5 1.72386 5.72386 1.5 6 1.5H38C38.2761 1.5 38.5 1.72386 38.5 2V9.25C38.5 9.66421 38.8358 10 39.25 10Lnan nanL39.25 10C39.6642 10 40 9.66421 40 9.25V2C40 0.89543 39.1046 0 38 0H6C4.89543 0 4 0.895431 4 2V46C4 47.1046 4.89543 48 6 48H38C39.1046 48 40 47.1046 40 46V33.75C40 33.3358 39.6642 33 39.25 33Lnan nanL39.25 33C38.8358 33 38.5 33.3358 38.5 33.75V46C38.5 46.2761 38.2761 46.5 38 46.5H6C5.72386 46.5 5.5 46.2761 5.5 46V2Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_406_1114">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-registers.svg b/assets/icons/complex/doc-registers.svg
new file mode 100644
index 00000000..a14d5192
--- /dev/null
+++ b/assets/icons/complex/doc-registers.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.4973 7.25085C23.4973 7.66507 23.1615 8.00085 22.7473 8.00085H17.2028C16.7885 8.00085 16.4528 7.66507 16.4528 7.25085C16.4528 6.83664 16.7885 6.50085 17.2028 6.50085H22.7473C23.1615 6.50085 23.4973 6.83664 23.4973 7.25085Z" fill="currentColor"/>
+<path d="M32.0827 11.2509C32.0827 11.6651 31.7469 12.0009 31.3327 12.0009H17.2028C16.7885 12.0009 16.4528 11.6651 16.4528 11.2509C16.4528 10.8366 16.7885 10.5009 17.2028 10.5009H31.3327C31.7469 10.5009 32.0827 10.8366 32.0827 11.2509Z" fill="currentColor"/>
+<path d="M31.3327 16.0009C31.7469 16.0009 32.0827 15.6651 32.0827 15.2509C32.0827 14.8366 31.7469 14.5009 31.3327 14.5009H17.2028C16.7885 14.5009 16.4528 14.8366 16.4528 15.2509C16.4528 15.6651 16.7885 16.0009 17.2028 16.0009H31.3327Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 35C27.5899 35 30.5 32.0899 30.5 28.5C30.5 24.9101 27.5899 22 24 22C20.4101 22 17.5 24.9101 17.5 28.5C17.5 32.0899 20.4101 35 24 35ZM24 33.5C26.7614 33.5 29 31.2614 29 28.5C29 25.7386 26.7614 23.5 24 23.5C21.2386 23.5 19 25.7386 19 28.5C19 31.2614 21.2386 33.5 24 33.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00086C7 0.896286 7.89543 0.000854492 9 0.000854492H39C40.1046 0.000854492 41 0.896285 41 2.00085V46.0009C41 47.1054 40.1046 48.0009 39 48.0009H9C7.89543 48.0009 7 47.1054 7 46.0009V2.00086ZM39 1.50085C39.2761 1.50085 39.5 1.72471 39.5 2.00085V46.0009C39.5 46.277 39.2761 46.5009 39 46.5009H34C34 40.978 29.5228 36.5009 24 36.5009C18.4772 36.5009 14 40.978 14 46.5009H9C8.72386 46.5009 8.5 46.277 8.5 46.0009V2.00086C8.5 1.72471 8.72386 1.50085 9 1.50085H39ZM15.5 46.5009H32.5C32.5 41.8064 28.6944 38.0009 24 38.0009C19.3056 38.0009 15.5 41.8064 15.5 46.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-review.svg b/assets/icons/complex/doc-review.svg
new file mode 100644
index 00000000..f446557c
--- /dev/null
+++ b/assets/icons/complex/doc-review.svg
@@ -0,0 +1,20 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_247)">
+<path d="M22.6 12.55C22.3515 12.2187 21.8814 12.1515 21.55 12.4C21.2187 12.6486 21.1515 13.1187 21.4 13.45C23.95 16.85 29.05 16.85 31.6 13.45C31.8486 13.1187 31.7814 12.6486 31.45 12.4C31.1187 12.1515 30.6486 12.2187 30.4 12.55C28.45 15.15 24.55 15.15 22.6 12.55Z" fill="currentColor"/>
+<path d="M24 8C24 8.55229 23.5523 9 23 9C22.4477 9 22 8.55229 22 8C22 7.44772 22.4477 7 23 7C23.5523 7 24 7.44772 24 8Z" fill="currentColor"/>
+<path d="M30 9C30.5523 9 31 8.55229 31 8C31 7.44772 30.5523 7 30 7C29.4477 7 29 7.44772 29 8C29 8.55229 29.4477 9 30 9Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.5 0C32.3435 0 37 4.65652 37 10.5C37 16.3435 32.3435 21 26.5 21C20.6565 21 16 16.3435 16 10.5C16 4.65652 20.6565 0 26.5 0ZM35.5 10.5C35.5 5.48495 31.5151 1.5 26.5 1.5C21.485 1.5 17.5 5.48495 17.5 10.5C17.5 15.5151 21.485 19.5 26.5 19.5C31.5151 19.5 35.5 15.5151 35.5 10.5Z" fill="currentColor"/>
+<path d="M14 5.75085C14 5.33664 13.6642 5.00085 13.25 5.00085H2C0.895432 5.00085 0 5.89629 0 7.00085V46.0009C0 47.1054 0.895431 48.0009 2 48.0009H33C34.1046 48.0009 35 47.1054 35 46.0009V28.75C35 28.3358 34.6642 28 34.25 28C33.8358 28 33.5 28.3358 33.5 28.75V46.0009C33.5 46.277 33.2761 46.5009 33 46.5009H2C1.72386 46.5009 1.5 46.277 1.5 46.0009V7.00085C1.5 6.72471 1.72386 6.50085 2 6.50085H13.25C13.6642 6.50085 14 6.16507 14 5.75085Z" fill="currentColor"/>
+<path d="M16.8501 24.5C17.2643 24.5 17.6001 24.1642 17.6001 23.75C17.6001 23.3358 17.2643 23 16.8501 23H6.3501C5.93588 23 5.6001 23.3358 5.6001 23.75C5.6001 24.1642 5.93588 24.5 6.3501 24.5H16.8501Z" fill="currentColor"/>
+<path d="M22.8501 31C23.2643 31 23.6001 31.3358 23.6001 31.75C23.6001 32.1642 23.2643 32.5 22.8501 32.5H6.3501C5.93588 32.5 5.6001 32.1642 5.6001 31.75C5.6001 31.3358 5.93588 31 6.3501 31H22.8501Z" fill="currentColor"/>
+<path d="M22.8501 39C23.2643 39 23.6001 39.3358 23.6001 39.75C23.6001 40.1642 23.2643 40.5 22.8501 40.5H6.3501C5.93588 40.5 5.6001 40.1642 5.6001 39.75C5.6001 39.3358 5.93588 39 6.3501 39H22.8501Z" fill="currentColor"/>
+<path d="M38.3233 6.52398C38.0256 6.49818 37.7642 6.30557 37.6541 6.02777C37.4594 5.53652 37.7949 4.97966 38.3219 5.01866C42.6127 5.33622 46.3971 8.28387 47.6194 12.6976C49.179 18.3291 45.9342 24.0595 40.3027 25.6191C36.5298 26.664 32.7125 25.5524 30.1348 23.0114C29.7562 22.6382 29.9647 22.0143 30.4673 21.841C30.7474 21.7444 31.056 21.8171 31.2696 22.0224C33.4761 24.1433 36.7048 25.0591 39.9024 24.1735C44.7355 22.835 47.5123 17.9311 46.1738 13.098C45.1359 9.34998 41.9538 6.83858 38.3233 6.52398Z" fill="currentColor"/>
+<path d="M42 13C42 13.5523 41.5523 14 41 14C40.4477 14 40 13.5523 40 13C40 12.4477 40.4477 12 41 12C41.5523 12 42 12.4477 42 13Z" fill="currentColor"/>
+<path d="M34.4881 21.5695C36.2213 20.0839 38.7788 20.0839 40.5119 21.5695C40.8264 21.8391 41.2999 21.8026 41.5695 21.4881C41.839 21.1737 41.8026 20.7002 41.4881 20.4306C39.1932 18.4636 35.8068 18.4636 33.5119 20.4306C33.1974 20.7002 33.161 21.1737 33.4306 21.4881C33.7001 21.8026 34.1736 21.8391 34.4881 21.5695Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_247">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-search.svg b/assets/icons/complex/doc-search.svg
new file mode 100644
index 00000000..cfbe30d5
--- /dev/null
+++ b/assets/icons/complex/doc-search.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.3608 11.5C42.3608 17.8513 37.2121 23 30.8608 23C24.5096 23 19.3608 17.8513 19.3608 11.5C19.3608 5.14873 24.5096 0 30.8608 0C37.2121 0 42.3608 5.14873 42.3608 11.5ZM40.8608 11.5C40.8608 17.0228 36.3837 21.5 30.8608 21.5C25.338 21.5 20.8608 17.0228 20.8608 11.5C20.8608 5.97715 25.338 1.5 30.8608 1.5C36.3837 1.5 40.8608 5.97715 40.8608 11.5Z" fill="currentColor"/>
+<path d="M16.6001 17.75C16.6001 18.1642 16.2643 18.5 15.8501 18.5H6.3501C5.93588 18.5 5.6001 18.1642 5.6001 17.75C5.6001 17.3358 5.93588 17 6.3501 17H15.8501C16.2643 17 16.6001 17.3358 16.6001 17.75Z" fill="currentColor"/>
+<path d="M21.8501 25C22.2643 25 22.6001 25.3358 22.6001 25.75C22.6001 26.1642 22.2643 26.5 21.8501 26.5H6.3501C5.93588 26.5 5.6001 26.1642 5.6001 25.75C5.6001 25.3358 5.93588 25 6.3501 25H21.8501Z" fill="currentColor"/>
+<path d="M21.8501 33C22.2643 33 22.6001 33.3358 22.6001 33.75C22.6001 34.1642 22.2643 34.5 21.8501 34.5H6.3501C5.93588 34.5 5.6001 34.1642 5.6001 33.75C5.6001 33.3358 5.93588 33 6.3501 33H21.8501Z" fill="currentColor"/>
+<path d="M41.1999 20.4973C40.9513 20.2579 40.5168 20.3057 40.2295 20.604C39.9422 20.9024 39.9109 21.3384 40.1595 21.5778L46.4625 27.647C46.7111 27.8864 47.1456 27.8386 47.4329 27.5403C47.7202 27.2419 47.7516 26.8059 47.5029 26.5665L41.1999 20.4973Z" fill="currentColor"/>
+<path d="M17.25 2.00085C17.6642 2.00085 18 2.33664 18 2.75085C18 3.16507 17.6642 3.50085 17.25 3.50085H2C1.72386 3.50085 1.5 3.72471 1.5 4.00085V45.0009C1.5 45.277 1.72386 45.5009 2 45.5009H33C33.2761 45.5009 33.5 45.277 33.5 45.0009V25.75C33.5 25.3358 33.8358 25 34.25 25C34.6642 25 35 25.3358 35 25.75V45.0009C35 46.1054 34.1046 47.0009 33 47.0009H2C0.895431 47.0009 0 46.1054 0 45.0009V4.00085C0 2.89629 0.895432 2.00085 2 2.00085H17.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/doc-stamp.svg b/assets/icons/complex/doc-stamp.svg
new file mode 100644
index 00000000..2c43ce46
--- /dev/null
+++ b/assets/icons/complex/doc-stamp.svg
@@ -0,0 +1,15 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_223)">
+<path d="M20 45.2509C20 45.6651 19.6642 46.0009 19.25 46.0009H2C0.895432 46.0009 0 45.1054 0 44.0009V2.00085C0 0.896286 0.895431 0.000854492 2 0.000854492H33C34.1046 0.000854492 35 0.896286 35 2.00085V11.2517C35 11.6659 34.6642 12.0017 34.25 12.0017C33.8358 12.0017 33.5 11.6659 33.5 11.2517V2.00085C33.5 1.72471 33.2761 1.50085 33 1.50085H2C1.72386 1.50085 1.5 1.72471 1.5 2.00085V44.0009C1.5 44.277 1.72386 44.5009 2 44.5009H19.25C19.6642 44.5009 20 44.8366 20 45.2509Z" fill="currentColor"/>
+<path d="M19.8501 26.5017C20.2643 26.5017 20.6001 26.8375 20.6001 27.2517C20.6001 27.6659 20.2643 28.0017 19.8501 28.0017H6.3501C5.93588 28.0017 5.6001 27.6659 5.6001 27.2517C5.6001 26.8375 5.93588 26.5017 6.3501 26.5017H19.8501Z" fill="currentColor"/>
+<path d="M19.8501 20.0017C20.2643 20.0017 20.6001 19.6659 20.6001 19.2517C20.6001 18.8375 20.2643 18.5017 19.8501 18.5017H6.3501C5.93588 18.5017 5.6001 18.8375 5.6001 19.2517C5.6001 19.6659 5.93588 20.0017 6.3501 20.0017H19.8501Z" fill="currentColor"/>
+<path d="M14.8501 12.0017C15.2643 12.0017 15.6001 11.6659 15.6001 11.2517C15.6001 10.8375 15.2643 10.5017 14.8501 10.5017H6.3501C5.93588 10.5017 5.6001 10.8375 5.6001 11.2517C5.6001 11.6659 5.93588 12.0017 6.3501 12.0017H14.8501Z" fill="currentColor"/>
+<path d="M40.7595 20.6799C40.9544 20.9477 40.9067 21.3141 40.6725 21.5483C40.3253 21.8954 39.7371 21.7994 39.4338 21.4134C38.664 20.4337 37.5362 19.7486 36.2474 19.5555C35.8377 19.4941 35.5 19.1642 35.5 18.75C35.5 18.3358 35.8371 17.9955 36.2486 18.0426C38.1007 18.255 39.7162 19.2459 40.7595 20.6799Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5 36.9468V40H25C23.8954 40 23 40.8954 23 42V43C23 44.1046 23.8954 45 25 45V46C25 47.1046 25.8954 48 27 48H44C45.1046 48 46 47.1046 46 46V45C47.1046 45 48 44.1046 48 43V42C48 40.8954 47.1046 40 46 40H39.5V36.9468C39.5 34.6124 40.9942 32.5932 42.5575 30.8595C44.0757 29.1757 45 26.9458 45 24.5C45 19.2533 40.7467 15 35.5 15C30.2533 15 26 19.2533 26 24.5C26 26.9458 26.9243 29.1757 28.4425 30.8595C30.0058 32.5932 31.5 34.6124 31.5 36.9468ZM41.4435 29.8551C42.7229 28.4361 43.5 26.5605 43.5 24.5C43.5 20.0817 39.9183 16.5 35.5 16.5C31.0817 16.5 27.5 20.0817 27.5 24.5C27.5 26.5605 28.2771 28.4361 29.5565 29.8551C31.1222 31.5915 33 33.9906 33 36.9468V40H38V36.9468C38 33.9906 39.8778 31.5915 41.4435 29.8551ZM46.5 43C46.5 43.2761 46.2761 43.5 46 43.5H25C24.7239 43.5 24.5 43.2761 24.5 43V42C24.5 41.7239 24.7239 41.5 25 41.5H46C46.2761 41.5 46.5 41.7239 46.5 42V43ZM26.5 46C26.5 46.2761 26.7239 46.5 27 46.5H44C44.2761 46.5 44.5 46.2761 44.5 46V45H26.5V46Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_223">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-state.svg b/assets/icons/complex/doc-state.svg
new file mode 100644
index 00000000..b170a685
--- /dev/null
+++ b/assets/icons/complex/doc-state.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10976)">
+<path d="M32.25 36.501C32.6642 36.501 33 36.1652 33 35.751C33 35.3368 32.6642 35.001 32.25 35.001H15.75C15.3358 35.001 15 35.3368 15 35.751C15 36.1652 15.3358 36.501 15.75 36.501H32.25Z" fill="currentColor"/>
+<path d="M29.25 40.001C29.6642 40.001 30 40.3368 30 40.751C30 41.1652 29.6642 41.501 29.25 41.501H18.75C18.3358 41.501 18 41.1652 18 40.751C18 40.3368 18.3358 40.001 18.75 40.001H29.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 48.001C6.89543 48.001 6 47.1055 6 46.001V2.00098C6 0.896408 6.89543 0.000976562 8 0.000976562H40C41.1046 0.000976562 42 0.896407 42 2.00098V46.001C42 47.1055 41.1046 48.001 40 48.001H8ZM7.5 2.00098C7.5 1.72484 7.72386 1.50098 8 1.50098H40C40.2761 1.50098 40.5 1.72483 40.5 2.00098V46.001C40.5 46.2771 40.2761 46.501 40 46.501H8C7.72386 46.501 7.5 46.2771 7.5 46.001V2.00098Z" fill="currentColor"/>
+<path d="M26.2745 6.41194C26.6581 6.41194 26.7677 6.63111 26.8225 6.7955V6.90509C26.8225 7.01468 26.8225 7.17906 26.7677 7.23385L26.7129 7.34344V7.39824L26.7677 7.45303L26.9321 7.727L27.0417 7.89139C27.2608 8.27495 27.5348 8.7681 27.5348 9.26125C27.5348 10.0832 27.6992 11.0695 28.4663 11.8914H28.3019L28.1923 11.8366C27.9732 11.7818 27.754 11.6174 27.48 11.3982C27.4252 11.3982 27.4252 11.5078 27.4252 11.6722V12.2202C27.4252 12.2749 27.4252 12.3845 27.4252 12.4393V12.6585C27.4252 12.7133 27.4252 12.7133 27.4252 12.7681V12.9873C27.48 13.316 27.5348 13.59 27.6444 13.7544C27.754 13.864 27.5348 13.8092 27.3156 13.59L27.0417 13.316C26.9869 13.2065 26.9321 13.1517 26.8773 13.2065H26.8225L26.7677 13.2613L26.6033 13.59C26.4937 14.0284 26.3841 14.6859 26.7677 15.3434C26.8225 15.453 26.7677 15.453 26.6581 15.3982L26.6033 15.3434L26.4937 15.2886C26.3293 15.1791 26.0553 14.9599 25.9458 14.7407C25.9458 14.6859 25.891 14.7407 25.8362 14.8503L25.7266 15.0695V15.2339C25.617 15.727 25.617 16.5489 26.0006 17.2612C26.0553 17.3708 25.9458 17.316 25.8362 17.2612L25.617 17.1517L25.7266 17.0969C25.7266 17.0969 25.6718 17.0969 25.6718 17.0421L25.617 16.9873C25.5622 16.9325 25.5622 16.9325 25.5074 16.8777V16.8229C25.3978 16.6585 25.2334 17.0421 25.5074 17.6448L25.8362 18.2476L26.0553 18.6859C26.2197 18.9599 26.3293 19.1791 26.4389 19.2886C26.5485 19.3982 26.7677 19.5626 27.0417 19.6722L27.48 19.8914C27.5348 19.9462 27.5896 19.9462 27.6444 20.001H27.6992L28.1923 20.3297C28.6307 20.6037 29.2882 20.9325 29.891 20.9325C30.8225 20.9325 31.3156 20.275 31.3156 19.9462H31.2608L30.9321 19.8914H30.8225L30.7129 19.8366L30.3841 19.727H30.3293L30.1649 19.6722C29.343 19.3434 28.3019 18.6311 28.3019 16.8777C28.3019 15.5078 29.1786 14.5215 29.891 13.9188L30.2197 13.6996L30.3293 13.59L30.6581 13.3708L31.1512 13.864L30.9869 13.9736L30.7677 14.138L30.6033 14.2476L30.3841 14.4667C29.7814 15.0147 29.0143 15.8914 29.0143 16.8777C29.0143 18.5215 30.4937 19.2886 31.3704 19.2886V19.0147C31.3704 19.0147 31.3704 19.0147 31.3704 18.9599V18.7955C31.3704 18.7407 31.3704 18.7407 31.3704 18.6859L31.3156 18.5763C31.1512 18.1928 30.7677 17.7544 29.7814 17.316H30.1101C30.4389 17.316 30.9869 17.3708 31.3704 17.9188C31.5348 18.138 31.5896 17.9736 31.6444 17.9188C31.6992 17.864 31.9732 17.5352 32.4115 17.6996L32.3019 17.7544C32.3019 17.7544 32.3019 17.7544 32.3019 17.8092L32.2471 17.864C32.0827 18.0832 31.8636 18.5763 32.0827 19.2339H32.2471L32.3567 19.1791H32.4115L32.5211 19.1243C33.0143 18.8503 33.7814 18.3023 33.7814 17.0969C33.7814 16.001 33.0143 15.1791 32.2471 14.4667L32.028 14.2476L31.5896 13.864C31.5348 13.8092 31.5348 13.8092 31.48 13.7544L31.3156 13.59C31.206 13.5352 31.1512 13.4256 31.0964 13.3708L31.0417 13.316C30.9321 13.2065 30.8225 13.0421 30.7129 12.9325L30.2197 12.4393C29.6718 11.8914 29.1786 11.2886 29.069 10.4119L29.0143 10.3023H28.9595C28.7951 10.1928 28.3567 9.97358 28.3567 9.26125C28.3567 8.8229 28.6307 8.38454 28.9047 8.05577L29.0143 7.89139L29.2882 7.61741L29.3978 7.56262L29.4526 7.50783H29.5074C29.5074 7.50783 29.5074 7.50783 29.5074 7.56262L29.4526 7.83659L29.3978 7.94618C29.343 8.16536 29.343 8.43933 29.5622 8.43933C29.891 8.43933 30.6033 7.61741 30.6033 7.45303C30.6033 7.39824 30.6581 7.45303 30.6581 7.50783V7.7818L30.6033 7.89139C30.5485 8.05577 30.4937 8.22015 30.3841 8.32974L30.3293 8.38454C30.2745 8.49413 30.1649 8.54892 30.1101 8.65851L29.7814 9.04207C29.617 9.26125 29.4526 9.42563 29.617 9.59002C29.7814 9.8092 30.1649 9.53522 30.3841 9.31604L30.4389 9.20646L30.4937 9.15166V9.09687C30.4937 9.04207 30.5485 9.04207 30.4937 9.09687V9.15166V9.26125L30.4389 9.37084V9.42563L30.3841 9.53522C30.2745 9.8092 30.0553 10.138 29.7266 10.3023V10.6859L29.7814 10.7407L29.891 10.9599C29.891 10.9599 29.891 11.0147 29.9458 11.0147L30.0006 11.1243L30.2745 11.3982L30.3841 11.5626L30.7129 11.8914C30.6033 11.9462 30.6581 11.9462 30.6581 12.001L31.2608 12.6037L31.8088 13.0421L32.028 13.2613L32.3567 13.5352L32.9047 13.9736L33.2334 14.3023H33.2882C33.343 14.2476 33.3978 14.1928 33.3978 14.0284V13.9736C33.3978 13.6448 33.5074 13.316 33.6718 13.2065V14.0832C33.6718 14.5215 33.7266 15.0147 33.891 15.1243C34.0554 15.1791 34.1101 15.0147 34.1101 14.7955C34.1649 14.5763 34.3293 14.3571 34.3841 14.4119L34.3293 14.5763L34.2745 14.7955V15.1243C34.2197 15.5626 34.2197 16.001 34.4937 16.1654C34.5485 16.1654 34.5485 16.1654 34.6033 16.1106L34.6581 16.0558C34.7129 15.9462 34.8773 15.8914 35.1512 16.001L35.0964 15.7818L35.0417 15.8366C34.8225 15.9462 34.4937 16.3297 34.5485 16.8777C34.6033 17.6448 33.891 19.6174 32.0827 19.8914V20.001L32.028 20.1106L31.9732 20.1654L31.8636 20.3845C31.5896 20.8777 31.0417 21.59 29.6718 21.4256L30.0554 21.8092L30.2745 22.138C30.2745 22.1928 30.3293 22.1928 30.3293 22.2476L30.4389 22.4119C30.9321 23.1243 31.4252 24.1654 31.3704 25.316L31.3156 25.2065L31.2608 24.9873L31.0417 24.4393L30.9321 24.2749C30.9321 24.2202 30.8773 24.2202 30.8773 24.1654L30.7677 24.001L30.5485 23.5626L30.2197 23.1243C30.1101 22.9051 29.9458 22.7407 29.7814 22.5215L29.5622 22.3023C29.0143 21.6448 28.3567 21.0421 27.5896 20.6037L27.4252 20.4941C27.3704 20.4941 27.3156 20.5489 27.3704 20.7681C27.4252 21.0421 27.206 21.6448 27.0417 21.9188C27.0417 21.9736 26.9869 21.9736 26.9869 22.0832V22.9051C27.0964 23.8366 27.5896 25.0969 29.1238 25.5352C29.3978 25.59 29.617 25.59 29.8362 25.59H30.0554L30.1649 25.5352V25.59L30.0554 25.6996L30.1101 25.59C29.891 25.7544 29.5074 25.9736 28.7403 25.9736C28.4115 25.9736 28.4115 26.4667 28.9047 26.4667C28.9047 26.4667 28.9047 26.4667 28.9047 26.5215V26.7955L28.7403 27.2886L28.5759 27.9462L28.2471 28.6037C28.2471 28.6585 28.1923 28.6585 28.1923 28.7133L28.0827 28.9325C27.8636 29.4256 27.5896 29.864 27.3156 30.138C27.1512 30.2476 27.2608 30.3023 27.3156 30.3571H27.4252C27.48 30.3571 27.5348 30.4119 27.6444 30.4667L27.754 30.5215C27.754 30.5215 27.8088 30.5215 27.8088 30.5763L27.9184 30.6311C27.9732 30.6859 28.028 30.6859 28.0827 30.7407H28.028C27.9184 30.7407 27.8088 30.7407 27.8088 30.7955V31.1243C27.754 31.2886 27.6992 31.5078 27.3704 31.5078C26.9321 31.5078 26.8225 31.0695 26.8225 30.8503C26.8225 30.6311 26.6033 30.6311 26.4937 30.6311C26.4389 30.6311 26.1101 30.7407 26.0006 31.1243L25.9458 31.2886C25.891 31.6722 25.7266 32.001 25.3978 32.001C25.0143 32.001 24.9047 31.727 24.9047 31.5078C24.9047 31.453 24.9047 31.453 24.8499 31.453H24.7951C24.7403 31.453 24.6307 31.453 24.5211 31.3982L24.6855 31.2886L24.7951 31.2339L25.1238 31.0147C25.3978 30.7955 25.617 30.5763 25.5622 30.4667C25.4526 30.1928 25.2882 30.2476 25.1786 30.3571L25.1238 30.4119L25.0143 30.4667C24.8499 30.5763 24.5759 30.7407 24.3567 30.7955C24.028 30.8503 23.8636 30.4119 24.028 30.0832L24.0827 30.0284C24.1375 29.9736 24.0827 29.9736 24.028 29.9188L23.9184 29.864C23.8636 29.8092 23.8088 29.8092 23.754 29.7544H24.3567C24.7951 29.7544 25.2882 29.7544 25.2882 29.5352C25.2334 29.2065 24.9595 29.2065 24.7951 29.2612C24.6307 29.316 24.1375 29.2612 24.1375 28.9325C24.1375 28.8777 24.1923 28.8229 24.1923 28.7681L24.2471 28.6585C24.3019 28.6037 24.3019 28.5489 24.3019 28.4941C24.3019 28.4393 24.2471 28.3845 24.1923 28.3297L24.1375 28.2749H24.1923C24.1923 28.2749 24.1923 28.2749 24.2471 28.2749H24.3567C24.4663 28.2749 24.6307 28.275 24.7951 28.3297C24.9047 28.3845 25.0143 28.4393 25.1238 28.6037L25.343 28.8229C25.5622 29.0421 25.8362 29.316 26.0553 29.316C26.4937 29.316 26.8773 28.6585 26.8773 27.3434V26.1928C26.8225 25.9736 26.8225 25.864 26.7129 25.8092L26.6581 25.7544L26.5485 25.6996L26.4937 25.6448C26.4937 25.6448 26.4389 25.59 26.4389 25.5352V25.4256C26.4389 25.3708 26.4389 25.2613 26.3293 25.2065C26.1649 25.1517 25.9458 25.3708 25.891 26.2476V26.4667C25.891 26.5215 25.891 26.5215 25.891 26.5763V27.1243L25.8362 27.2886L25.7266 27.0695V27.0147L25.617 26.6859C25.5622 26.4667 25.5074 26.2476 25.5074 25.9736C25.5074 25.9188 25.5074 25.864 25.5074 25.8092V25.5352C25.5074 25.4256 25.5074 25.3708 25.4526 25.316C25.4526 25.316 25.3978 25.316 25.343 25.3708L25.1238 25.59C24.9595 25.7544 24.7403 25.9736 24.4663 26.0832L24.6307 25.7544C24.7403 25.5352 24.8499 25.2065 24.8499 24.9325C24.8499 24.8777 24.8499 24.8229 24.7951 24.7681V24.7133L24.8499 24.5489L24.6855 24.3845C24.5211 24.1654 24.3019 23.727 24.3019 22.5763C24.3019 22.1928 24.3567 21.9188 24.4115 21.6996L24.4663 21.5352C24.5211 21.316 24.5759 21.0969 24.5759 20.7681C24.5759 20.3845 24.1375 19.9462 23.6444 19.5078L23.206 19.1791L23.0964 19.0695L22.3841 18.5763L21.9458 18.2476C21.891 18.1928 21.891 18.1928 21.8362 18.138L21.5622 17.9188L20.9047 17.2612C20.9047 17.2612 20.9047 17.2612 20.9047 17.2065C20.8499 17.1517 20.9595 17.0421 21.0143 16.9325L21.343 16.5489L21.4526 16.3845C21.617 16.1654 21.7266 15.9462 21.5622 15.8366C21.343 15.6722 21.2334 15.7818 21.069 16.001L20.9047 16.3297C20.9047 16.3845 20.8499 16.3845 20.8499 16.4393C20.6307 16.7681 20.2471 17.0969 20.0827 17.2065C20.028 17.2065 20.028 17.1517 20.028 17.0421V16.4393C20.028 16.1654 19.9732 15.8914 19.8088 15.8914C19.4252 15.8914 19.3704 16.2749 19.4252 16.4393V16.4941C19.4252 16.5489 19.4252 16.5489 19.3156 16.5489H19.206C19.0417 16.5489 18.8773 16.6037 18.7129 16.7681L18.6581 16.8777C18.6581 16.8777 18.6581 16.9325 18.6033 16.9325L18.5485 17.0421C18.4389 17.2612 18.2745 17.5352 18.2197 17.9736V17.864C18.1649 17.6996 18.1101 17.316 18.2197 16.9873L18.2745 16.8777C18.2745 16.8229 18.2745 16.8229 18.1649 16.8229H17.5074L17.069 16.9325L16.6855 16.9873L16.1375 17.0969C16.0827 17.0969 16.028 17.0969 15.9732 17.1517C15.8088 17.2065 15.754 17.2612 15.754 17.5352V18.1928C15.754 18.4119 15.754 18.5215 15.754 18.6859C15.754 18.7407 15.6992 18.6859 15.6992 18.6311V18.4667C15.6992 18.4667 15.6992 18.4667 15.6444 18.4667H15.48C15.2608 18.5215 14.9321 18.5215 14.9321 18.1928C14.9321 17.9188 14.9869 17.864 15.0964 17.8092L15.1512 17.7544C15.206 17.6996 15.2608 17.6996 15.2608 17.59C15.2608 17.2612 15.0417 17.0969 14.7677 17.0969C14.6033 17.0969 14.4937 17.2065 14.3841 17.316L14.2745 17.4256C14.1101 17.59 13.9458 17.7544 13.7266 17.7544C13.2334 17.7544 13.1786 17.4256 13.1786 17.2612C13.1786 17.0969 13.2334 17.0421 13.2334 16.9325C13.2334 16.8229 13.1238 16.7133 13.0143 16.7133C12.9595 16.7133 13.069 16.6585 13.2334 16.6585H13.2882L13.617 16.7133C14.0006 16.7681 14.4937 16.7133 14.4937 16.3845C14.4937 16.2749 14.3841 16.2202 14.2745 16.2749H14.1101C14.0553 16.2749 14.0553 16.2749 14.0006 16.2749L13.7814 16.2202C13.5074 16.1654 13.1238 16.0558 13.1238 15.6174C13.1238 15.3982 13.343 15.2886 13.4526 15.2339H13.5074C13.5074 15.1791 13.5622 15.0695 13.5622 14.9599C13.5622 14.9051 13.5622 14.9051 13.6718 14.9599V14.8503L13.7814 14.9051L13.9458 15.0147L14.4389 15.5078C14.5485 15.6722 14.7129 15.6174 14.7677 15.5626H14.8225C14.8773 15.5078 14.9869 15.3434 14.7129 15.1791C14.3841 15.0147 14.3841 14.8503 14.3841 14.5763C14.3841 14.3571 14.5485 14.3023 14.6581 14.2476H14.7129C14.7677 14.2476 14.8225 14.0284 14.7677 13.9188V13.864C14.7129 13.6996 15.1512 14.0832 15.3704 14.5215C15.3704 14.5763 15.4252 14.6311 15.4252 14.6859V14.9599C15.4252 15.2339 15.48 15.453 15.8088 15.6174H16.028C16.028 15.6174 16.028 15.6174 16.0827 15.6174H16.1923L16.3019 15.5626L16.4663 15.5078C16.4663 15.5078 16.5211 15.5078 16.5759 15.453L16.6855 15.3982L17.0143 15.2886L18.0006 14.9051L19.5348 14.3571C19.6444 14.3023 19.8636 14.1928 19.754 14.0284C19.6444 13.8092 19.2608 13.7544 18.7129 14.138L18.6581 14.1928C18.5485 14.3023 18.4937 14.2476 18.5485 14.138L18.6033 14.0832L18.6581 13.9736C18.6581 13.9736 18.6581 13.9188 18.7129 13.9188L18.7677 13.8092C18.7677 13.8092 18.7677 13.7544 18.8225 13.7544L18.9321 13.6448C18.9869 13.59 18.9869 13.5352 19.0417 13.5352L19.1512 13.4256C19.5348 12.9325 20.1375 12.4393 20.6855 12.4393C20.9047 12.4393 20.9595 12.3297 20.9595 12.2202V12.1654C20.9595 12.0558 20.8499 11.9462 20.4663 11.9462C19.9732 11.9462 19.3156 12.4393 19.0417 12.9325C19.0417 12.9325 18.9869 12.9325 18.9321 12.9325L18.7677 12.8229C18.6581 12.7133 18.4389 12.6585 18.1649 12.6585C17.8362 12.6585 17.617 12.7133 17.4526 12.7133L17.343 12.7681H17.1786C17.069 12.7681 17.4526 12.2202 18.1101 12.2202C18.2197 12.2202 18.2197 12.0558 18.0006 11.8914L17.9458 11.8366C17.8362 11.7818 17.6718 11.5626 17.5074 11.3982L17.0143 10.7407C16.9595 10.6859 16.9595 10.6859 16.9047 10.6311C16.7951 10.5215 16.6855 10.6859 16.5211 10.9599L16.4663 11.0695L16.3019 11.5626C16.3019 11.6174 16.2471 11.5626 16.2471 11.5078V11.3434C16.2471 11.2886 16.1923 11.2886 16.1923 11.2886L16.0827 11.2339C15.9184 11.1791 15.754 11.0695 15.754 10.7407C15.754 10.3571 15.9732 10.3023 16.1923 10.3571H16.2471L16.3567 10.4119C16.3567 10.4119 16.3567 10.4119 16.4115 10.4119C16.6307 10.4667 16.8499 10.1928 16.7951 9.97358C16.4115 9.7544 16.1923 9.48043 15.8636 9.48043H15.8088C15.4252 9.53522 14.8773 9.26125 14.8773 8.8229C14.8773 8.60372 14.9869 8.49413 15.0964 8.43933L15.206 8.38454H15.2608C15.3156 8.32974 15.3156 8.11057 15.3156 8.05577C15.3156 8.05577 15.3156 8.05577 15.3704 8.05577L15.4252 8.11057L15.5348 8.16536L15.9184 8.54892C15.9732 8.60372 15.9732 8.60372 16.028 8.65851L16.1923 8.8229C16.3567 8.98728 16.4115 9.04207 16.5211 8.98728C16.6307 8.93248 16.6855 8.65851 16.3019 8.32974C15.9184 8.00098 15.9732 7.61741 16.1375 7.39824C16.1375 7.39824 16.1923 7.39824 16.2471 7.39824H16.4115C16.5759 7.39824 16.7403 7.39824 16.7951 7.28865C16.7951 7.17906 16.8499 7.23385 16.8499 7.28865V7.45303L16.9047 7.56262V8.00098L16.9595 8.11057V8.27495C16.9595 8.60372 17.069 8.65851 17.1786 8.65851C17.2882 8.65851 17.3978 8.60372 17.343 8.11057C17.2882 7.67221 17.3978 7.56262 17.5074 7.50783L17.5622 7.45303C17.6718 7.39824 17.8362 7.39824 17.9458 7.50783C18.0553 7.61741 18.2745 7.45303 18.2745 7.28865V7.50783C18.3293 7.67221 18.3293 7.89139 18.1649 8.11057C18.1101 8.16536 18.1101 8.22015 18.0553 8.22015L17.8362 8.43933C17.617 8.65851 17.4526 8.93248 17.6718 9.37084L17.7266 9.48043L19.9184 11.727C19.9732 11.727 20.028 11.6722 19.9184 11.5626C19.8088 11.3982 19.8088 11.2339 19.9184 11.1243V11.0695L19.9732 11.1243L20.1923 11.2339C20.1923 11.2339 20.2471 11.2339 20.2471 11.2886L20.3567 11.3434C20.7403 11.5078 21.2882 11.6722 22.1101 11.5626C23.5896 11.3982 24.1923 10.3571 23.9732 10.138L24.0827 10.1928L23.8088 10.4667C23.5348 10.6311 23.206 10.8503 22.8773 10.8503C22.2745 10.8503 21.9458 10.2476 22.0553 9.86399V9.8092L22.1649 9.91879C22.2745 10.0284 22.5485 10.1928 22.8773 10.1928C23.3704 10.1928 23.9184 9.59002 23.8088 9.26125C23.8088 9.20646 23.754 9.20646 23.6444 9.26125L23.5348 9.20646L22.9869 9.37084L22.7677 9.42563C22.7129 9.42563 22.7129 9.42563 22.6581 9.48043L22.4389 9.53522C22.0553 9.64481 21.5074 9.69961 20.9595 9.69961C19.206 9.69961 18.9321 7.94618 20.1923 7.23385L20.1375 7.28865L20.0827 7.39824V7.89139C19.9732 8.49413 20.1375 9.26125 21.5622 9.26125C21.8362 9.26125 22.1101 9.26125 22.3293 9.20646L22.5485 9.15166C22.6033 9.15166 22.7129 9.15166 22.7677 9.09687L22.9869 9.04207L23.3156 8.93248L23.5348 8.8229L23.6992 8.7681V8.65851C23.6444 8.49413 23.4252 8.11057 22.9321 8.11057C22.4389 8.11057 22.2197 8.49413 22.1101 8.65851L22.0553 8.71331V8.7681L22.0006 8.71331L21.891 8.8229C21.7266 8.71331 21.4526 8.38454 21.5622 8.00098C21.5622 7.94618 21.617 7.94618 21.6718 7.94618H21.891C22.0553 7.89139 22.2197 7.83659 22.2197 7.61741C22.2197 7.50783 22.1649 7.45303 22.1101 7.45303H22.0553C22.0006 7.45303 21.9458 7.50783 21.891 7.56262L21.8362 7.67221C21.7814 7.727 21.7814 7.7818 21.6718 7.7818C21.4526 7.7818 21.4526 7.12426 21.891 7.12426H21.9458C22.0554 7.12426 22.2197 7.12426 22.2745 7.01468V6.95988C22.2745 6.7955 22.6581 6.63111 23.48 6.57632H23.754C23.8636 6.57632 24.028 6.57632 24.1923 6.57632C24.7951 6.57632 25.1786 6.68591 25.3978 6.7407L25.5074 6.7955L25.6718 6.95988V6.90509C25.7266 6.68591 25.891 6.41194 26.2745 6.41194ZM20.4663 19.0147H22.6033C22.6581 19.0147 22.6581 19.0695 22.6581 19.1243V19.1791C22.6581 19.2339 22.6581 19.3434 22.8225 19.3982C23.0417 19.453 23.6992 20.001 23.6992 20.275C23.6992 20.3297 23.6444 20.4393 23.5896 20.4941L23.4252 20.7133C23.3704 20.8229 23.3156 20.9325 23.4252 21.1517C23.6992 21.5352 23.9184 21.5352 24.0827 21.5352H24.028C24.028 21.5352 24.028 21.5352 23.9732 21.5352L23.9184 21.59C23.754 21.6448 23.4252 21.6996 22.9321 21.6996H22.8225C22.6033 21.6996 22.3841 21.6448 22.1649 21.59L21.5622 21.4804C21.2334 21.4256 20.9595 21.3708 20.6307 21.4256H20.4663C19.8636 21.5352 19.48 22.0832 19.754 23.8366V24.001C19.754 24.0558 19.8636 24.1106 20.0827 24.1106C20.4115 24.1106 21.2334 24.4941 21.7266 25.316L21.5074 25.2065V25.0969L21.1786 24.9873C20.7403 24.7681 20.3019 24.6037 20.1375 24.8777C20.028 25.0969 20.0827 25.2612 20.2471 25.3708C20.3019 25.3708 20.1923 25.4256 20.028 25.4804L19.8636 25.5352L19.5896 25.6448H19.3156L18.7677 25.8092L17.7814 26.0832C17.617 26.138 17.5622 26.2476 17.891 26.4667L17.9458 26.5215L18.2745 26.7407L18.3293 26.7955C18.3841 26.8503 18.4389 26.9051 18.3841 26.9051H18.2197C18.0553 26.9051 17.891 26.9051 17.891 27.0147C17.891 27.1243 17.8362 27.3982 17.5622 27.3982C17.2882 27.3982 17.1238 27.2339 17.1238 27.0147V26.7407C17.1238 26.5215 17.0143 26.3571 16.7951 26.3571C16.4663 26.3571 16.2471 26.6859 16.2471 27.2886C16.2471 27.727 15.8088 27.8366 15.6444 27.8366C15.48 27.8366 15.3156 27.7818 15.3156 27.5078C15.3156 27.453 15.206 27.453 15.0964 27.453H14.9869C14.9321 27.453 14.9869 27.3982 15.0964 27.2886L15.206 27.2339L15.5348 27.0147L15.8636 26.7407C15.9732 26.6859 15.9732 26.4667 15.9184 26.4119L15.8636 26.3571C15.754 26.3023 15.6444 26.2476 15.4252 26.4119C15.206 26.6311 14.9321 26.7955 14.7129 26.7955C14.4937 26.7955 14.2745 26.5763 14.2745 26.3571V26.0832C14.2745 25.9736 14.2745 25.8092 14.1101 25.7544L14.0553 25.6996C14.0006 25.6448 14.0006 25.6448 14.1101 25.6448H15.3704C15.5896 25.6448 15.8088 25.59 15.8088 25.5352C15.8088 25.2612 15.5348 25.2065 15.4252 25.2065H15.2608C14.9869 25.2065 14.6033 25.2065 14.6033 24.8229C14.6033 24.7133 14.6581 24.6585 14.7129 24.6037H14.7677C14.7677 24.5489 14.8225 24.5489 14.8225 24.4941C14.8225 24.3845 14.6581 24.3845 14.6033 24.3845L14.7129 24.2749C14.8773 24.2202 15.206 24.1106 15.5348 24.3845C15.5896 24.4393 15.6992 24.5489 15.754 24.6037L15.9732 24.9325C16.1375 25.1517 16.3019 25.316 16.5759 25.316H16.6855C17.2334 25.2613 18.5485 24.7681 18.5485 23.2886C18.5485 22.8503 18.4389 22.4667 18.3293 22.138L18.2197 21.8092L18.0553 21.4804C18.0553 21.4256 18.0553 21.4256 18.0553 21.4256C18.0553 21.3708 18.0553 21.3708 18.1101 21.3708H18.2197C18.3293 21.3708 18.4937 21.316 18.4937 21.0969C18.4937 20.6585 15.8636 20.6037 15.0417 21.4256V21.2065L15.0964 21.0969C15.2608 20.8229 15.6444 20.4393 16.5211 20.4393C16.7403 20.4393 16.9047 20.4941 17.0143 20.4941L17.1786 20.5489C17.343 20.6037 17.4526 20.6037 17.617 20.5489C17.6718 20.5489 17.6718 20.4941 17.617 20.4393L17.3978 20.1654C17.2334 20.001 17.069 19.8366 17.1238 19.5078L17.1786 19.5626C17.343 19.727 17.7266 20.0558 18.1649 20.0558C18.2197 20.0558 18.2197 20.0558 18.2745 20.001L18.3293 19.9462L18.4389 19.7818L18.6581 19.5626C18.9869 19.3434 19.5348 19.0147 20.4663 19.0147ZM23.1512 15.727C23.0417 15.727 22.9321 15.7818 22.9321 15.8914V16.0558C22.9321 16.0558 22.9321 16.1106 22.8773 16.1106L22.7677 16.3297C22.6033 16.5489 22.3841 16.8229 21.891 17.0421C21.8362 17.0969 21.7814 17.2065 21.8362 17.316C21.891 17.3708 21.9458 17.4256 22.0553 17.4256H22.1101C22.8225 17.0969 23.1512 16.6585 23.2608 16.3297L23.3156 16.2202V15.9462C23.3156 15.8366 23.2608 15.727 23.1512 15.727ZM24.6855 15.6174C24.5759 15.6174 24.5211 15.6722 24.4663 15.7818V16.001C24.4115 16.2749 24.2471 16.7681 23.6444 17.0969C23.5896 17.1517 23.5348 17.2612 23.5896 17.3708C23.6444 17.4256 23.6992 17.4804 23.8088 17.4804H23.8636C24.5211 17.1517 24.7951 16.6037 24.9047 16.2202V15.8366C24.8499 15.6722 24.7951 15.6174 24.6855 15.6174ZM22.2197 13.0969C22.1649 13.2065 22.2197 13.316 22.2745 13.4256L22.3293 13.4804C22.3841 13.5352 22.5485 13.6996 22.6033 13.9188C22.7129 14.3023 22.6033 14.8503 22.2745 15.3982C22.2197 15.453 22.2197 15.6174 22.3293 15.6722C22.3841 15.727 22.3841 15.727 22.4389 15.727C22.4937 15.727 22.6033 15.6722 22.6581 15.6174C23.0417 14.9599 23.206 14.3571 23.0964 13.864V13.7544C23.0417 13.4256 22.8225 13.2613 22.7129 13.1517L22.6581 13.0969L22.4937 13.0421C22.3841 12.9873 22.2197 12.9873 22.2197 13.0969ZM21.1786 13.2613L21.069 13.316L20.8499 13.5352C20.5759 13.8092 20.3019 14.3023 20.1923 15.1243C20.1923 15.2339 20.2471 15.3434 20.3567 15.3434H20.4663C20.5211 15.3434 20.6307 15.2886 20.6855 15.1791V15.1243C20.7403 14.3571 21.069 13.9188 21.2882 13.6996L21.3978 13.59C21.5074 13.5352 21.5074 13.3708 21.4526 13.316C21.3978 13.2613 21.2882 13.2613 21.1786 13.2613ZM23.754 11.8366C23.6992 11.9462 23.6992 12.0558 23.8088 12.1106L23.9732 12.2749C23.9732 12.2749 23.9732 12.2749 23.9732 12.3297L24.028 12.3845C24.1923 12.6585 24.3567 13.0969 24.1923 13.9188L24.1375 14.0832C24.0827 14.1928 24.1375 14.2476 24.2471 14.3023H24.3567C24.4115 14.3023 24.5211 14.2476 24.5759 14.138C24.8499 12.9325 24.4663 12.2749 24.2471 12.001L24.1375 11.8914L24.0827 11.7818L24.028 11.727C23.9184 11.727 23.8088 11.727 23.754 11.8366ZM32.4663 7.34344L32.6307 7.67221C32.7951 8.00098 33.1238 8.38454 33.4526 8.32974C33.5622 8.32974 33.5622 8.16536 33.5074 8.00098L33.4526 7.7818L33.3978 7.67221V7.56262C33.3978 7.50783 33.3978 7.50783 33.3978 7.45303L33.7266 7.7818C33.891 7.94618 34.0553 8.11057 34.2197 8.22015C34.5485 8.43933 34.6033 9.09687 34.4389 9.48043C34.2745 9.7544 34.0006 10.0284 33.9458 10.3023V10.3571C33.891 10.5215 33.7814 10.7407 33.617 11.0695L33.5074 11.2886C33.3978 11.453 33.343 11.5626 33.1786 11.727L32.9595 11.9462C32.7951 12.1654 32.5759 12.3845 32.3567 12.6037L32.2471 12.7133L31.6992 12.2202L32.5759 11.3434C32.9595 10.9051 33.2882 10.4667 33.2334 10.138H33.1786L33.1238 10.0832C33.1238 10.0832 33.1238 10.0832 33.069 10.0832L32.9595 10.0284C32.7403 9.86399 32.4115 9.53522 32.4663 9.04207L32.5211 9.15166C32.5211 9.15166 32.5211 9.15166 32.5759 9.20646L32.6307 9.31604C32.7951 9.53522 33.069 9.7544 33.2334 9.59002C33.5074 9.42563 33.2882 8.98728 32.9595 8.65851L32.8499 8.54892V8.38454L32.7951 8.32974C32.5759 8.11057 32.4663 7.7818 32.4663 7.56262V7.34344ZM24.6855 9.15166C24.6307 9.26125 24.6855 9.37084 24.7951 9.42563C25.3978 9.64481 25.9458 9.97358 26.0006 10.138H25.9458C25.9458 10.138 25.9458 10.138 25.891 10.138H25.1786C25.1238 10.138 25.0143 10.1928 24.9595 10.2476C24.9047 10.3023 24.9595 10.3571 24.9595 10.4667L25.0143 10.5763L25.069 10.6311V10.6859C25.069 10.6859 25.069 10.6859 25.069 10.7407V11.2339C25.069 11.453 25.069 11.727 25.0143 12.001C25.0143 12.1106 25.069 12.1654 25.2334 12.2202H25.343C25.3978 12.2202 25.5074 12.1106 25.5074 12.001C25.5074 11.8914 25.5074 11.7818 25.5074 11.727V11.453C25.5074 11.3982 25.5074 11.3982 25.5074 11.3434V11.1243C25.5074 10.8503 25.4526 10.6859 25.3978 10.5215C25.7266 10.5215 26.0006 10.4667 26.1649 10.3023C26.2197 10.2476 26.2745 10.138 26.2745 10.0284C26.2745 9.64481 25.7266 9.31604 25.2882 9.09687L24.9595 8.98728L24.8499 8.93248H24.7951C24.8499 8.98728 24.7403 9.04207 24.6855 9.15166ZM24.1923 7.01468H23.206C23.0417 7.01468 23.0417 7.06947 22.9869 7.12426C22.9869 7.23385 23.0417 7.28865 23.0417 7.34344L23.0964 7.39824H23.6992C23.754 7.39824 23.8636 7.39824 23.8636 7.45303C23.8636 7.50783 23.6992 7.56262 23.5348 7.61741H23.2608L23.3156 7.67221C23.3704 7.7818 23.48 7.83659 23.6992 7.83659C24.028 7.83659 24.1375 7.56262 24.1375 7.34344V7.23385C24.1923 7.23385 24.3567 7.23385 24.3567 7.12426C24.4115 7.06947 24.3019 7.01468 24.1923 7.01468ZM23.9732 4.00098L24.1375 4.05577L24.3019 4.22015L24.4663 4.27495C24.6855 4.43933 24.9047 4.65851 24.9047 4.87769C24.9047 5.15166 24.6307 5.26125 24.4663 5.31604H24.4115C24.5211 5.59002 24.7403 5.69961 24.8499 5.7544H25.343C25.6718 5.7544 25.6718 5.48043 25.6718 5.37084V5.26125H25.617C25.5074 5.26125 25.2882 5.15166 25.2882 4.93248C25.2882 4.65851 25.6718 4.43933 26.0553 4.32974L26.2745 4.22015L26.4389 4.16536L26.3293 4.60372H26.2745C26.1649 4.60372 26.0553 4.71331 26.0553 4.87769C26.0553 4.93248 26.1101 4.98728 26.1649 5.04207H26.2197L25.891 6.13796H22.2745L22.0006 5.09687C22.0554 5.04207 22.1649 4.98728 22.1649 4.87769C22.1649 4.71331 22.0554 4.60372 21.9458 4.60372H21.891L21.7266 4.11057C22.0554 4.16536 22.8773 4.49413 22.8773 4.87769C22.8773 5.15166 22.6581 5.26125 22.5485 5.26125H22.4937C22.4937 5.59002 22.7129 5.69961 22.8225 5.69961H23.4252C23.6992 5.69961 23.754 5.37084 23.754 5.26125V5.20646H23.5896C23.4252 5.15166 23.2608 5.09687 23.2608 4.93248C23.2608 4.65851 23.48 4.43933 23.6992 4.22015L23.9184 4.00098H23.9732ZM24.0827 4.65851C23.9184 4.65851 23.8088 4.7681 23.8088 4.93248C23.8088 5.09687 23.9184 5.20646 24.0827 5.20646C24.2471 5.20646 24.3567 5.09687 24.3567 4.93248C24.3567 4.7681 24.2471 4.65851 24.0827 4.65851Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10976">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-taxes.svg b/assets/icons/complex/doc-taxes.svg
new file mode 100644
index 00000000..749d1b9d
--- /dev/null
+++ b/assets/icons/complex/doc-taxes.svg
@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_232)">
+<path d="M44.4496 13.4497C47.1832 10.7161 47.1832 6.28392 44.4496 3.55025C42.0003 1.10095 38.1875 0.846163 35.4545 2.7859C35.1786 2.9817 34.8073 2.9935 34.529 2.80125C34.1302 2.52578 34.0658 1.94513 34.4556 1.65704C37.7825 -0.801718 42.4964 -0.524202 45.5102 2.48959C48.8297 5.80905 48.8297 11.191 45.5102 14.5104C44.1334 15.8872 42.4017 16.693 40.6096 16.9277C40.1314 16.9903 39.7743 16.5367 39.8663 16.0633C39.9314 15.729 40.2088 15.4725 40.5456 15.4219C41.9744 15.2072 43.3495 14.5498 44.4496 13.4497Z" fill="currentColor"/>
+<path d="M28.0998 9.78505V17.0313C28.0998 17.4455 27.7641 17.7813 27.3498 17.7813C26.9356 17.7813 26.5998 17.4455 26.5998 17.0313V12.0588L26.0533 12.5576C25.748 12.8363 25.2743 12.8137 24.9969 12.5073C24.7217 12.2034 24.7431 11.7346 25.0447 11.457L27.2613 9.41713C27.5817 9.12221 28.0998 9.34953 28.0998 9.78505Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.155 2.01929C33.5299 2.01929 38.6098 7.11929 38.6098 13.5193C38.6098 19.9193 33.5299 25.0193 27.155 25.0193C20.7802 25.0193 15.7002 19.9193 15.7002 13.5193C15.7002 7.11929 20.7802 2.01929 27.155 2.01929ZM37.1098 13.5193C37.1098 7.94214 32.6959 3.51929 27.155 3.51929C21.6141 3.51929 17.2002 7.94214 17.2002 13.5193C17.2002 19.0964 21.6141 23.5193 27.155 23.5193C32.6959 23.5193 37.1098 19.0964 37.1098 13.5193Z" fill="currentColor"/>
+<path d="M15.25 5.00085C15.6642 5.00085 16 5.33664 16 5.75085C16 6.16507 15.6642 6.50085 15.25 6.50085H2C1.72386 6.50085 1.5 6.72471 1.5 7.00085V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H33C33.2761 46.5009 33.5 46.277 33.5 46.0009V26.75C33.5 26.3358 33.8358 26 34.25 26C34.6642 26 35 26.3358 35 26.75V46.0009C35 47.1054 34.1046 48.0009 33 48.0009H2C0.895431 48.0009 0 47.1054 0 46.0009V7.00085C0 5.89629 0.895432 5.00085 2 5.00085H15.25Z" fill="currentColor"/>
+<path d="M15.8501 24.5C16.2643 24.5 16.6001 24.1642 16.6001 23.75C16.6001 23.3358 16.2643 23 15.8501 23H6.3501C5.93588 23 5.6001 23.3358 5.6001 23.75C5.6001 24.1642 5.93588 24.5 6.3501 24.5H15.8501Z" fill="currentColor"/>
+<path d="M21.8501 31C22.2643 31 22.6001 31.3358 22.6001 31.75C22.6001 32.1642 22.2643 32.5 21.8501 32.5H6.3501C5.93588 32.5 5.6001 32.1642 5.6001 31.75C5.6001 31.3358 5.93588 31 6.3501 31H21.8501Z" fill="currentColor"/>
+<path d="M21.8501 39C22.2643 39 22.6001 39.3358 22.6001 39.75C22.6001 40.1642 22.2643 40.5 21.8501 40.5H6.3501C5.93588 40.5 5.6001 40.1642 5.6001 39.75C5.6001 39.3358 5.93588 39 6.3501 39H21.8501Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_232">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-universal.svg b/assets/icons/complex/doc-universal.svg
new file mode 100644
index 00000000..29f53c55
--- /dev/null
+++ b/assets/icons/complex/doc-universal.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10977)">
+<path d="M22 13.751C22 14.1652 21.6642 14.501 21.25 14.501H15.75C15.3358 14.501 15 14.1652 15 13.751C15 13.3368 15.3358 13.001 15.75 13.001H21.25C21.6642 13.001 22 13.3368 22 13.751Z" fill="currentColor"/>
+<path d="M35 17.751C35 18.1652 34.6642 18.501 34.25 18.501H15.75C15.3358 18.501 15 18.1652 15 17.751C15 17.3368 15.3358 17.001 15.75 17.001H34.25C34.6642 17.001 35 17.3368 35 17.751Z" fill="currentColor"/>
+<path d="M15 21.751C15 22.1652 15.3358 22.501 15.75 22.501H34.25C34.6642 22.501 35 22.1652 35 21.751C35 21.3368 34.6642 21.001 34.25 21.001H15.75C15.3358 21.001 15 21.3368 15 21.751Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.00098V2.00098C6 0.896407 6.89543 0.000976562 8 0.000976562H40C41.1046 0.000976562 42 0.896408 42 2.00098V46.001C42 47.1055 41.1046 48.001 40 48.001H8C6.89543 48.001 6 47.1055 6 46.001V42.501H4.75C4.33579 42.501 4 42.1652 4 41.751C4 41.3368 4.33579 41.001 4.75 41.001H6V36.501H4.75C4.33579 36.501 4 36.1652 4 35.751C4 35.3368 4.33579 35.001 4.75 35.001H6V30.501H4.75C4.33579 30.501 4 30.1652 4 29.751C4 29.3368 4.33579 29.001 4.75 29.001H6V24.501H4.75C4.33579 24.501 4 24.1652 4 23.751C4 23.3368 4.33579 23.001 4.75 23.001H6V18.501H4.75C4.33579 18.501 4 18.1652 4 17.751C4 17.3368 4.33579 17.001 4.75 17.001H6V12.501H4.75C4.33579 12.501 4 12.1652 4 11.751C4 11.3368 4.33579 11.001 4.75 11.001H6V6.50098H4.75C4.33579 6.50098 4 6.16519 4 5.75098C4 5.33676 4.33579 5.00098 4.75 5.00098H6ZM7.5 42.501H8.25C8.66421 42.501 9 42.1652 9 41.751C9 41.3368 8.66421 41.001 8.25 41.001H7.5V36.501H8.25C8.66421 36.501 9 36.1652 9 35.751C9 35.3368 8.66421 35.001 8.25 35.001H7.5V30.501H8.25C8.66421 30.501 9 30.1652 9 29.751C9 29.3368 8.66421 29.001 8.25 29.001H7.5V24.501H8.25C8.66421 24.501 9 24.1652 9 23.751C9 23.3368 8.66421 23.001 8.25 23.001H7.5V18.501H8.25C8.66421 18.501 9 18.1652 9 17.751C9 17.3368 8.66421 17.001 8.25 17.001H7.5V12.501H8.25C8.66421 12.501 9 12.1652 9 11.751C9 11.3368 8.66421 11.001 8.25 11.001H7.5V6.50098H8.25C8.66421 6.50098 9 6.16519 9 5.75098C9 5.33676 8.66421 5.00098 8.25 5.00098H7.5V2.00098C7.5 1.72483 7.72386 1.50098 8 1.50098H40C40.2761 1.50098 40.5 1.72484 40.5 2.00098V46.001C40.5 46.2771 40.2761 46.501 40 46.501H8C7.72386 46.501 7.5 46.2771 7.5 46.001V42.501Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10977">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/doc-visa.svg b/assets/icons/complex/doc-visa.svg
new file mode 100644
index 00000000..6f921406
--- /dev/null
+++ b/assets/icons/complex/doc-visa.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3778)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 25.0009C29.5228 25.0009 34 20.5237 34 15.0009C34 9.47801 29.5228 5.00085 24 5.00085C18.4772 5.00085 14 9.47801 14 15.0009C14 20.5237 18.4772 25.0009 24 25.0009ZM32.0453 17.7509C32.3401 16.8883 32.5 15.9633 32.5 15.0009C32.5 14.0385 32.3401 13.1134 32.0453 12.2509H27.8088C27.9271 13.0818 27.9962 13.9969 27.9962 15.0008C27.9962 16.0048 27.9271 16.9199 27.8088 17.7509H32.0453ZM26.4962 15.0008C26.4962 13.9803 26.4196 13.0659 26.2922 12.2509H21.7039C21.5765 13.0659 21.4998 13.9803 21.4998 15.0008C21.4998 16.0214 21.5765 16.9358 21.7039 17.7509H26.2922C26.4196 16.9358 26.4962 16.0214 26.4962 15.0008ZM20.1873 17.7509H15.9547C15.6599 16.8883 15.5 15.9633 15.5 15.0009C15.5 14.0385 15.6599 13.1134 15.9547 12.2509H20.1873C20.069 13.0818 19.9998 13.9969 19.9998 15.0008C19.9998 16.0048 20.069 16.9199 20.1873 17.7509ZM22.0188 10.7509H25.9773C25.7204 9.79129 25.3981 9.01736 25.0813 8.41025C24.7332 7.74314 24.3892 7.27225 24.1399 6.97446C24.0883 6.91283 24.0408 6.85859 23.9981 6.81155C23.9553 6.85859 23.9078 6.91283 23.8562 6.97446C23.6069 7.27225 23.2628 7.74314 22.9148 8.41025C22.598 9.01736 22.2757 9.79129 22.0188 10.7509ZM22.1938 6.69316C21.9985 6.98108 21.7912 7.32109 21.5849 7.7164C21.1734 8.50516 20.7689 9.50878 20.4715 10.7509H16.6371C17.8173 8.71071 19.8211 7.20661 22.1938 6.69316ZM20.4715 19.2509C20.7689 20.4929 21.1734 21.4965 21.5849 22.2852C21.7912 22.6806 21.9985 23.0206 22.1938 23.3086C19.8211 22.7951 17.8173 21.291 16.6371 19.2509H20.4715ZM23.998 23.1901C23.9553 23.1431 23.9078 23.0888 23.8562 23.0272C23.6069 22.7294 23.2628 22.2585 22.9148 21.5914C22.598 20.9843 22.2757 20.2104 22.0188 19.2509H25.9773C25.7204 20.2104 25.3981 20.9843 25.0813 21.5914C24.7332 22.2585 24.3892 22.7294 24.1399 23.0272C24.0883 23.0888 24.0408 23.1431 23.998 23.1901ZM31.3629 10.7509H27.5246C27.2272 9.50878 26.8227 8.50516 26.4112 7.7164C26.2047 7.32064 25.9971 6.9803 25.8017 6.69217C28.1764 7.20467 30.1819 8.7094 31.3629 10.7509ZM31.3629 19.2509C30.1819 21.2923 28.1763 22.7971 25.8016 23.3095C25.9971 23.0214 26.2047 22.681 26.4112 22.2852C26.8227 21.4965 27.2272 20.4929 27.5246 19.2509H31.3629Z" fill="currentColor"/>
+<path d="M29.25 42.5009C29.6642 42.5009 30 42.1651 30 41.7509C30 41.3366 29.6642 41.0009 29.25 41.0009H18.75C18.3358 41.0009 18 41.3366 18 41.7509C18 42.1651 18.3358 42.5009 18.75 42.5009H29.25Z" fill="currentColor"/>
+<path d="M32.25 36.0009C32.6642 36.0009 33 36.3366 33 36.7509C33 37.1651 32.6642 37.5009 32.25 37.5009H15.75C15.3358 37.5009 15 37.1651 15 36.7509C15 36.3366 15.3358 36.0009 15.75 36.0009H32.25Z" fill="currentColor"/>
+<path d="M32.25 32.5009C32.6642 32.5009 33 32.1651 33 31.7509C33 31.3366 32.6642 31.0009 32.25 31.0009H15.75C15.3358 31.0009 15 31.3366 15 31.7509C15 32.1651 15.3358 32.5009 15.75 32.5009H32.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.000854492C6.89543 0.000854492 6 0.896286 6 2.00086V46.0009C6 47.1054 6.89543 48.0009 8 48.0009H40C41.1046 48.0009 42 47.1054 42 46.0009V2.00085C42 0.896285 41.1046 0.000854492 40 0.000854492H8ZM40.5 2.00085C40.5 1.72471 40.2761 1.50085 40 1.50085H8C7.72386 1.50085 7.5 1.72471 7.5 2.00086V46.0009C7.5 46.277 7.72386 46.5009 8 46.5009H40C40.2761 46.5009 40.5 46.277 40.5 46.0009V2.00085Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3778">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/documents.svg b/assets/icons/complex/documents.svg
new file mode 100644
index 00000000..9f999f10
--- /dev/null
+++ b/assets/icons/complex/documents.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.43 12.8953C15.7314 12.8953 15.8175 13.0675 15.8605 13.1967V13.2828C15.8605 13.3689 15.8605 13.498 15.8175 13.5411L15.7744 13.6272V13.6703L15.8175 13.7133L15.9466 13.9286L16.0327 14.0577C16.2049 14.3591 16.4202 14.7466 16.4202 15.134C16.4202 15.7798 16.5494 16.5548 17.1521 17.2006H17.0229L16.9368 17.1575C16.7646 17.1145 16.5924 16.9853 16.3771 16.8131C16.3341 16.8131 16.3341 16.8992 16.3341 17.0284V18.0616C16.3771 18.32 16.4202 18.5352 16.5063 18.6644C16.5924 18.7505 16.4202 18.7074 16.248 18.5352L16.0327 18.32C15.9897 18.2339 15.9466 18.1908 15.9036 18.2339H15.8605L15.8175 18.2769L15.6883 18.5352C15.6022 18.8796 15.5161 19.3963 15.8175 19.9129C15.8605 19.999 15.8175 19.999 15.7314 19.956L15.6883 19.9129L15.6022 19.8699C15.473 19.7838 15.2578 19.6115 15.1717 19.4393C15.1717 19.3963 15.1286 19.4393 15.0856 19.5254L14.9995 19.6977V19.8268C14.9134 20.2143 14.9134 20.8601 15.2147 21.4198C15.2578 21.5059 15.1717 21.4628 15.0856 21.4198L14.9134 21.3337L14.9995 21.2906C14.9995 21.2906 14.9564 21.2906 14.9564 21.2476L14.8272 21.1184V21.0753C14.7411 20.9462 14.612 21.2476 14.8272 21.7211L15.0856 22.1947L15.2578 22.5391C15.2924 22.5968 15.3239 22.6514 15.3532 22.7021C15.4331 22.8405 15.4961 22.9497 15.5591 23.0127C15.6453 23.0988 15.8175 23.228 16.0327 23.3141L16.3771 23.4863C16.3987 23.5078 16.4202 23.5186 16.4417 23.5294C16.4633 23.5401 16.4848 23.5509 16.5063 23.5724H16.5494L16.9368 23.8307C17.2813 24.046 17.7979 24.3043 18.2715 24.3043C19.0034 24.3043 19.3908 23.7877 19.3908 23.5294H19.3478L19.0895 23.4863H19.0034L18.9173 23.4432L18.659 23.3571H18.6159L18.4867 23.3141C17.8409 23.0558 17.0229 22.4961 17.0229 21.1184C17.0229 20.0421 17.7118 19.2671 18.2715 18.7935L18.5298 18.6213L18.6159 18.5352L18.8742 18.363L19.2617 18.7505L19.1325 18.8366L18.9603 18.9658L18.8312 19.0519L18.659 19.2241C18.1854 19.6546 17.5826 20.3434 17.5826 21.1184C17.5826 22.41 18.7451 23.0127 19.4339 23.0127V22.5391L19.3908 22.453C19.2617 22.1517 18.9603 21.8072 18.1854 21.4628H18.4437C18.702 21.4628 19.1325 21.5059 19.4339 21.9364C19.541 22.0791 19.5889 22.0148 19.6266 21.9641C19.6344 21.9537 19.6418 21.9438 19.6492 21.9364L19.6591 21.9261C19.7194 21.8629 19.9288 21.643 20.2519 21.7642L20.1658 21.8072V21.8503L20.1227 21.8933C19.9936 22.0656 19.8214 22.453 19.9936 22.9697H20.1227L20.2089 22.9266H20.2519L20.338 22.8836C20.7255 22.6683 21.3282 22.2378 21.3282 21.2906C21.3282 20.4295 20.7255 19.7838 20.1227 19.2241L19.9505 19.0519L19.6061 18.7505L19.3908 18.5352C19.3308 18.5052 19.2917 18.4543 19.2589 18.4116C19.2447 18.393 19.2317 18.376 19.2186 18.363L19.1756 18.32C19.1325 18.2769 19.0895 18.2231 19.0464 18.1693C19.0034 18.1155 18.9603 18.0616 18.9173 18.0186L18.5298 17.6311C18.0993 17.2006 17.7118 16.727 17.6257 16.0382L17.5826 15.9521H17.5396C17.5296 15.9454 17.5183 15.9382 17.506 15.9304C17.3592 15.837 17.066 15.6504 17.066 15.134C17.066 14.7896 17.2813 14.4452 17.4965 14.1869L17.5826 14.0577L17.7979 13.8425L17.884 13.7994L17.9271 13.7564H17.9701V13.7994L17.9271 14.0147L17.884 14.1008C17.8409 14.273 17.8409 14.4883 18.0132 14.4883C18.2715 14.4883 18.8312 13.8425 18.8312 13.7133C18.8312 13.6703 18.8742 13.7133 18.8742 13.7564V13.9716L18.8312 14.0577C18.7881 14.1869 18.7451 14.316 18.659 14.4022L18.6159 14.4452C18.5944 14.4883 18.5621 14.5205 18.5298 14.5528C18.4975 14.5851 18.4652 14.6174 18.4437 14.6605L18.1854 14.9618C18.1706 14.9815 18.1559 15.0005 18.1416 15.0191C18.0301 15.1635 17.9418 15.2779 18.0562 15.3924C18.1854 15.5646 18.4867 15.3493 18.659 15.1771L18.702 15.091L18.7451 15.0479V15.134L18.702 15.2202V15.2632L18.659 15.3493C18.5728 15.5646 18.4006 15.8229 18.1423 15.9521V16.2534L18.1854 16.2965L18.2715 16.4687C18.2715 16.4687 18.2715 16.5117 18.3145 16.5117L18.3576 16.5978L18.5728 16.8131L18.659 16.9423L18.9173 17.2006C18.8564 17.231 18.8601 17.2399 18.8675 17.2578C18.8705 17.2652 18.8742 17.2741 18.8742 17.2867L19.3478 17.7603L19.7783 18.1047L19.9505 18.2769L20.2089 18.4922L20.6394 18.8366L20.8977 19.0949H20.9408C20.9838 19.0519 21.0269 19.0088 21.0269 18.8796V18.8366C21.0269 18.5783 21.113 18.32 21.2421 18.2339V18.9227C21.2421 19.2671 21.2852 19.6546 21.4143 19.7407C21.5435 19.7838 21.5865 19.6546 21.5865 19.4824C21.6296 19.3102 21.7588 19.138 21.8018 19.181L21.7588 19.3102L21.7157 19.4824V19.7407C21.6726 20.0851 21.6726 20.4295 21.8879 20.5587C21.9062 20.5587 21.9167 20.5587 21.9261 20.5554C21.9387 20.5509 21.9493 20.5404 21.974 20.5157L22.0171 20.4726C22.0443 20.4182 22.1058 20.381 22.2018 20.3827C22.0508 20.5192 21.897 20.7786 21.931 21.1184C21.974 21.7211 21.4143 23.271 19.9936 23.4863V23.5724L19.9505 23.6585L19.9075 23.7016L19.8214 23.8738C19.6061 24.2613 19.1756 24.8209 18.0993 24.6918L18.4006 24.9931L18.5728 25.2515C18.5728 25.273 18.5836 25.2838 18.5944 25.2945C18.6051 25.3053 18.6159 25.316 18.6159 25.3376L18.702 25.4667C19.0895 26.0264 19.477 26.8444 19.4339 27.7485L19.3908 27.6624L19.3478 27.4902L19.1756 27.0597L19.0895 26.9305C19.0895 26.909 19.0787 26.8982 19.068 26.8875C19.0572 26.8767 19.0464 26.8659 19.0464 26.8444L18.9603 26.7153L18.7881 26.3708L18.5298 26.0264C18.4703 25.9075 18.3904 25.8091 18.304 25.703C18.2654 25.6554 18.2253 25.6061 18.1854 25.5528L18.0132 25.3806C17.5826 24.864 17.066 24.3904 16.4633 24.046L16.3341 23.9599C16.291 23.9599 16.248 24.0029 16.291 24.1751C16.3341 24.3904 16.1619 24.864 16.0327 25.0793C16.0327 25.0971 16.0253 25.1075 16.0167 25.1198C16.0044 25.1371 15.9897 25.158 15.9897 25.2084V25.8542C16.0758 26.5861 16.4633 27.5763 17.6687 27.9207C17.884 27.9638 18.0562 27.9638 18.2284 27.9638H18.4006L18.4867 27.9207V27.9638L18.4006 28.0499L18.4437 27.9638C18.2715 28.093 17.9701 28.2652 17.3674 28.2652C17.109 28.2652 17.109 28.6526 17.4965 28.6526V28.911L17.3674 29.2984L17.2382 29.8151L16.9799 30.3317C16.9799 30.3532 16.9691 30.364 16.9584 30.3748C16.9476 30.3855 16.9368 30.3963 16.9368 30.4178L16.8507 30.59C16.6785 30.9775 16.4633 31.3219 16.248 31.5372C16.1369 31.6112 16.185 31.6534 16.2281 31.6912C16.2351 31.6973 16.242 31.7034 16.248 31.7094H16.3341C16.3607 31.7094 16.3873 31.7258 16.4241 31.7486C16.4468 31.7626 16.4734 31.7791 16.5063 31.7955L16.5924 31.8386C16.5924 31.8386 16.6355 31.8386 16.6355 31.8816L16.7216 31.9247C16.7431 31.9462 16.7646 31.9569 16.7862 31.9677C16.8077 31.9785 16.8292 31.9892 16.8507 32.0108H16.8077C16.7216 32.0108 16.6355 32.0108 16.6355 32.0538V32.3121L16.6291 32.3316C16.5876 32.4579 16.5366 32.6135 16.291 32.6135C15.9466 32.6135 15.8605 32.2691 15.8605 32.0969C15.8605 31.9247 15.6883 31.9247 15.6022 31.9247C15.5591 31.9247 15.3008 32.0108 15.2147 32.3121L15.1717 32.4413C15.1286 32.7427 14.9995 33.001 14.7411 33.001C14.4398 33.001 14.3537 32.7857 14.3537 32.6135C14.3537 32.5704 14.3537 32.5704 14.3106 32.5704H14.2676C14.2245 32.5704 14.1384 32.5704 14.0523 32.5274L14.1815 32.4413L14.2676 32.3982L14.5259 32.226C14.7411 32.0538 14.9134 31.8816 14.8703 31.7955C14.7842 31.5802 14.655 31.6233 14.5689 31.7094L14.5259 31.7524L14.4398 31.7955C14.3106 31.8816 14.0953 32.0108 13.9231 32.0538C13.6648 32.0969 13.5357 31.7524 13.6648 31.4941L13.7079 31.4511C13.7383 31.4206 13.7257 31.4117 13.7005 31.3939C13.69 31.3865 13.6774 31.3776 13.6648 31.365L13.5787 31.3219C13.5572 31.3004 13.5357 31.2896 13.5141 31.2789C13.4926 31.2681 13.4711 31.2573 13.4496 31.2358H13.9231C14.2676 31.2358 14.655 31.2358 14.655 31.0636C14.612 30.8053 14.3967 30.8053 14.2676 30.8483C14.1384 30.8914 13.7509 30.8483 13.7509 30.59C13.7509 30.5685 13.7617 30.547 13.7725 30.5254C13.7832 30.5039 13.794 30.4824 13.794 30.4609L13.837 30.3748C13.8801 30.3317 13.8801 30.2886 13.8801 30.2456C13.8801 30.2025 13.837 30.1595 13.794 30.1164L13.7509 30.0734H13.9231C14.0092 30.0734 14.1384 30.0734 14.2676 30.1164C14.3537 30.1595 14.4398 30.2025 14.5259 30.3317L14.6981 30.5039C14.8703 30.6761 15.0856 30.8914 15.2578 30.8914C15.6022 30.8914 15.9036 30.3748 15.9036 29.3415V28.4374C15.895 28.4029 15.8881 28.3719 15.8819 28.344C15.8571 28.2324 15.8433 28.1705 15.7744 28.136L15.7314 28.093L15.6453 28.0499L15.6022 28.0068C15.6022 28.0068 15.5591 27.9638 15.5591 27.9207V27.8346C15.5591 27.7916 15.5591 27.7055 15.473 27.6624C15.3439 27.6194 15.1717 27.7916 15.1286 28.4804V29.1693L15.0856 29.2984L14.9995 29.1262V29.0832L14.9134 28.8249C14.8703 28.6526 14.8272 28.4804 14.8272 28.2652V27.9207C14.8272 27.8346 14.8272 27.7916 14.7842 27.7485C14.7842 27.7485 14.7411 27.7485 14.6981 27.7916L14.5259 27.9638C14.3967 28.093 14.2245 28.2652 14.0092 28.3513L14.1384 28.093C14.2245 27.9207 14.3106 27.6624 14.3106 27.4472C14.3106 27.4041 14.3106 27.3611 14.2676 27.318V27.275L14.3106 27.1458L14.1815 27.0166C14.0523 26.8444 13.8801 26.5 13.8801 25.5959C13.8801 25.2945 13.9231 25.0793 13.9662 24.907L14.0092 24.7779C14.0523 24.6057 14.0953 24.4335 14.0953 24.1751C14.0953 23.8738 13.7509 23.5294 13.3635 23.1849L13.019 22.9266L12.9329 22.8405L12.3732 22.453L12.0288 22.1947L11.9427 22.1086L11.7274 21.9364L11.2108 21.4198V21.3767C11.1806 21.3465 11.214 21.2951 11.2514 21.2374C11.2674 21.2128 11.2841 21.1871 11.2969 21.1614L11.5552 20.8601L11.6413 20.7309C11.7705 20.5587 11.8566 20.3865 11.7274 20.3004C11.5552 20.1712 11.4691 20.2573 11.34 20.4295L11.2108 20.6879C11.2108 20.7094 11.2 20.7202 11.1893 20.7309C11.1785 20.7417 11.1678 20.7524 11.1678 20.774C10.9955 21.0323 10.6942 21.2906 10.565 21.3767C10.522 21.3767 10.522 21.3337 10.522 21.2476V20.774C10.522 20.5587 10.4789 20.3434 10.3498 20.3434C10.0484 20.3434 10.0053 20.6448 10.0484 20.774V20.817C10.0484 20.8337 10.0484 20.8439 10.0434 20.8501C10.0355 20.8601 10.0151 20.8601 9.96228 20.8601H9.87617C9.74701 20.8601 9.61785 20.9031 9.4887 21.0323L9.44564 21.1184C9.44564 21.1184 9.44564 21.1614 9.40259 21.1614L9.35954 21.2476C9.34916 21.2683 9.33817 21.2897 9.32677 21.3118C9.24356 21.4735 9.13909 21.6765 9.10122 21.9795V21.8933C9.05817 21.7642 9.01511 21.4628 9.10122 21.2045L9.14427 21.1184C9.14427 21.1018 9.14427 21.0915 9.1393 21.0853C9.13141 21.0753 9.11099 21.0753 9.05817 21.0753H8.54153L8.19711 21.1614L7.89574 21.2045L7.46521 21.2906C7.42216 21.2906 7.37911 21.2906 7.33605 21.3337C7.20689 21.3767 7.16384 21.4198 7.16384 21.635V22.5391C7.16384 22.5822 7.12079 22.5391 7.12079 22.4961V22.3669H6.94858C6.77637 22.41 6.51805 22.41 6.51805 22.1517C6.51805 21.9364 6.5611 21.8933 6.64721 21.8503L6.69026 21.8072C6.7018 21.7957 6.71333 21.7873 6.72404 21.7794C6.75329 21.758 6.77637 21.7411 6.77637 21.6781C6.77637 21.4198 6.60415 21.2906 6.38889 21.2906C6.25973 21.2906 6.17363 21.3767 6.08752 21.4628L6.00141 21.5489C5.87226 21.6781 5.7431 21.8072 5.57089 21.8072C5.18341 21.8072 5.14036 21.5489 5.14036 21.4198C5.14036 21.3487 5.15341 21.3037 5.16513 21.2632C5.17471 21.2302 5.18341 21.2002 5.18341 21.1614C5.18341 21.0753 5.0973 20.9892 5.0112 20.9892C4.96815 20.9892 5.05425 20.9462 5.18341 20.9462H5.22646L5.48478 20.9892C5.78615 21.0323 6.17363 20.9892 6.17363 20.7309C6.17363 20.6448 6.08752 20.6018 6.00141 20.6448H5.78615L5.61394 20.6018C5.39867 20.5587 5.0973 20.4726 5.0973 20.1282C5.0973 19.956 5.26952 19.8699 5.35562 19.8268H5.39867C5.39867 19.809 5.40606 19.7838 5.41472 19.7542C5.42695 19.7124 5.44173 19.662 5.44173 19.6115C5.44173 19.5949 5.44173 19.5848 5.44666 19.5809C5.45452 19.5749 5.47492 19.5851 5.52783 19.6115V19.5254L5.61394 19.5685L5.7431 19.6546L6.13057 20.0421C6.21668 20.1712 6.34584 20.1282 6.38889 20.0851H6.43194C6.475 20.0421 6.5611 19.9129 6.34584 19.7838C6.08752 19.6546 6.08752 19.5254 6.08752 19.3102C6.08752 19.1547 6.1928 19.1045 6.27662 19.0645C6.28564 19.0602 6.29442 19.056 6.30278 19.0519H6.34584C6.38889 19.0519 6.43194 18.8796 6.38889 18.7935V18.7505C6.34584 18.6213 6.69026 18.9227 6.86247 19.2671C6.86247 19.2886 6.87323 19.3102 6.884 19.3317C6.89476 19.3532 6.90552 19.3748 6.90552 19.3963V19.6115C6.90552 19.8268 6.94858 19.999 7.20689 20.1282H7.50826L7.59437 20.0851L7.72353 20.0421C7.72353 20.0421 7.76658 20.0421 7.80963 19.999L7.89574 19.956L8.15406 19.8699L8.92901 19.5685L10.1345 19.138C10.2206 19.0949 10.3928 19.0088 10.3067 18.8796C10.2206 18.7074 9.91922 18.6644 9.4887 18.9658L9.44564 19.0088C9.35954 19.0949 9.31648 19.0519 9.35954 18.9658L9.40259 18.9227L9.44564 18.8366C9.44564 18.8366 9.44564 18.7935 9.4887 18.7935L9.53175 18.7074C9.53175 18.7074 9.53175 18.6644 9.5748 18.6644L9.66091 18.5783C9.67735 18.5618 9.68751 18.5454 9.69619 18.5313C9.71024 18.5086 9.7204 18.4922 9.74701 18.4922L9.83312 18.4061C10.1345 18.0186 10.6081 17.6311 11.0386 17.6311C11.2108 17.6311 11.2539 17.545 11.2539 17.4589V17.4158C11.2539 17.3297 11.1678 17.2436 10.8664 17.2436C10.4789 17.2436 9.96228 17.6311 9.74701 18.0186H9.66091L9.53175 17.9325C9.44564 17.8464 9.27343 17.8033 9.05817 17.8033C8.90685 17.8033 8.78508 17.8181 8.6842 17.8303C8.61286 17.839 8.55198 17.8464 8.49848 17.8464L8.41237 17.8894H8.28321C8.19711 17.8894 8.49848 17.4589 9.01511 17.4589C9.10122 17.4589 9.10122 17.3297 8.92901 17.2006L8.88595 17.1575C8.8297 17.1294 8.75507 17.0462 8.67407 16.9558C8.63109 16.9078 8.58631 16.8579 8.54153 16.8131L8.15406 16.2965L8.06795 16.2104C7.98184 16.1243 7.89574 16.2534 7.76658 16.4687L7.72353 16.5548L7.59437 16.9423C7.59437 16.9853 7.55132 16.9423 7.55132 16.8992V16.7701C7.55132 16.727 7.50826 16.727 7.50826 16.727L7.42216 16.684C7.293 16.6409 7.16384 16.5548 7.16384 16.2965C7.16384 15.9951 7.33605 15.9521 7.50826 15.9951H7.55132L7.63742 16.0382H7.68048C7.85269 16.0812 8.0249 15.8659 7.98184 15.6937C7.88264 15.637 7.79744 15.5757 7.71855 15.5189C7.55777 15.4031 7.42323 15.3063 7.24995 15.3063H7.20689C6.90552 15.3493 6.475 15.134 6.475 14.7896C6.475 14.6174 6.5611 14.5313 6.64721 14.4883L6.73331 14.4452H6.77637C6.81942 14.4022 6.81942 14.2299 6.81942 14.1869H6.86247L6.90552 14.2299L6.99163 14.273L7.50826 14.7896C7.63742 14.9188 7.68048 14.9618 7.76658 14.9188C7.85269 14.8757 7.89574 14.6605 7.59437 14.4022C7.293 14.1438 7.33605 13.8425 7.46521 13.6703H7.68048C7.80963 13.6703 7.93879 13.6703 7.98184 13.5841C7.98184 13.498 8.0249 13.5411 8.0249 13.5841V13.7133L8.06795 13.7994V14.1438L8.111 14.2299V14.3591C8.111 14.6174 8.19711 14.6605 8.28321 14.6605C8.36932 14.6605 8.45543 14.6174 8.41237 14.2299C8.36932 13.8855 8.45543 13.7994 8.54153 13.7564L8.58459 13.7133C8.67069 13.6703 8.79985 13.6703 8.88595 13.7564C8.97206 13.8425 9.14427 13.7133 9.14427 13.5841V13.7564C9.18732 13.8855 9.18732 14.0577 9.05817 14.2299C9.04172 14.2464 9.03156 14.2628 9.02288 14.2769C9.00883 14.2996 8.99867 14.316 8.97206 14.316L8.79985 14.4883C8.62764 14.6605 8.49848 14.8757 8.67069 15.2202L8.71374 15.3063L10.4359 17.0714C10.4789 17.0714 10.522 17.0284 10.4359 16.9423C10.3498 16.8131 10.3498 16.684 10.4359 16.5978V16.5548L10.4789 16.5978L10.6511 16.684C10.6511 16.684 10.6942 16.684 10.6942 16.727L10.7803 16.7701C11.0816 16.8992 11.5122 17.0284 12.158 16.9423C13.1719 16.8296 13.6617 16.1929 13.6561 15.9178L13.4926 16.0812L13.4338 16.1167C13.2311 16.2398 12.9959 16.3826 12.7607 16.3826C12.2871 16.3826 12.0288 15.909 12.1149 15.6076V15.5646L12.201 15.6507C12.2871 15.7368 12.5024 15.8659 12.7607 15.8659C13.1482 15.8659 13.5787 15.3924 13.4926 15.134C13.4926 15.091 13.4496 15.091 13.3635 15.134L13.2773 15.091L12.8468 15.2202L12.6746 15.2632C12.6316 15.2632 12.6316 15.2632 12.5885 15.3063L12.4163 15.3493C12.1149 15.4354 11.6844 15.4785 11.2539 15.4785C9.87617 15.4785 9.66091 14.1008 10.6511 13.5411L10.6081 13.5841L10.565 13.6703V14.0577C10.4789 14.5313 10.6081 15.134 11.7274 15.134C11.9427 15.134 12.158 15.134 12.3302 15.091L12.5024 15.0479C12.5454 15.0479 12.6316 15.0479 12.6746 15.0049L12.8468 14.9618L13.1051 14.8757L13.2773 14.7896L13.4065 14.7466V14.6605C13.3635 14.5313 13.1912 14.2299 12.8038 14.2299C12.4397 14.2299 12.2657 14.4959 12.1746 14.6352L12.158 14.6605L12.1149 14.7035V14.7466L12.0719 14.7035L11.9858 14.7896C11.8566 14.7035 11.6413 14.4452 11.7274 14.1438C11.7274 14.1008 11.7705 14.1008 11.8135 14.1008H11.9858C12.1149 14.0577 12.2441 14.0147 12.2441 13.8425C12.2441 13.7564 12.201 13.7133 12.158 13.7133H12.1149C12.0719 13.7133 12.0288 13.7564 11.9858 13.7994L11.9427 13.8855C11.9312 13.8971 11.9227 13.9086 11.9149 13.9193C11.8935 13.9486 11.8766 13.9716 11.8135 13.9716C11.6413 13.9716 11.6413 13.455 11.9858 13.455H12.0288C12.1149 13.455 12.2441 13.455 12.2871 13.3689V13.3258C12.2871 13.1967 12.5885 13.0675 13.2343 13.0245H13.794C14.2331 13.0245 14.5241 13.0985 14.7014 13.1436L14.7411 13.1536L14.8272 13.1967L14.9564 13.3258V13.2828C14.9995 13.1106 15.1286 12.8953 15.43 12.8953ZM12.976 20.2143C12.8899 20.2143 12.8038 20.2573 12.8038 20.3434V20.4726C12.8038 20.4726 12.8038 20.5157 12.7607 20.5157L12.6746 20.6879C12.5454 20.8601 12.3732 21.0753 11.9858 21.2476C11.9427 21.2906 11.8997 21.3767 11.9427 21.4628C11.9858 21.5059 12.0288 21.5489 12.1149 21.5489H12.158C12.7177 21.2906 12.976 20.9462 13.0621 20.6879L13.1051 20.6018V20.3865C13.1051 20.3004 13.0621 20.2143 12.976 20.2143ZM14.1815 20.1282C14.0953 20.1282 14.0523 20.1712 14.0092 20.2573V20.4295C13.9662 20.6448 13.837 21.0323 13.3635 21.2906C13.3204 21.3337 13.2773 21.4198 13.3204 21.5059C13.3635 21.5489 13.4065 21.592 13.4926 21.592H13.5357C14.0523 21.3337 14.2676 20.9031 14.3537 20.6018V20.3004C14.3106 20.1712 14.2676 20.1282 14.1815 20.1282ZM12.2441 18.1477C12.201 18.2339 12.2441 18.32 12.2871 18.4061L12.3302 18.4491C12.3732 18.4922 12.5024 18.6213 12.5454 18.7935C12.6316 19.0949 12.5454 19.5254 12.2871 19.956C12.2441 19.999 12.2441 20.1282 12.3302 20.1712C12.3732 20.2143 12.3732 20.2143 12.4163 20.2143C12.4593 20.2143 12.5454 20.1712 12.5885 20.1282C12.8899 19.6115 13.019 19.138 12.9329 18.7505V18.6644C12.8955 18.4401 12.7608 18.3132 12.6696 18.2273C12.6557 18.2142 12.6429 18.2021 12.6316 18.1908L12.5885 18.1477L12.4593 18.1047C12.3732 18.0616 12.2441 18.0616 12.2441 18.1477ZM11.4261 18.2769L11.34 18.32L11.1678 18.4922C10.9525 18.7074 10.7372 19.0949 10.6511 19.7407C10.6511 19.8268 10.6942 19.9129 10.7803 19.9129H10.8664C10.9094 19.9129 10.9955 19.8699 11.0386 19.7838V19.7407C11.0816 19.138 11.34 18.7935 11.5122 18.6213L11.5983 18.5352C11.6844 18.4922 11.6844 18.363 11.6413 18.32C11.5983 18.2769 11.5122 18.2769 11.4261 18.2769ZM13.4496 17.1575C13.4065 17.2436 13.4065 17.3297 13.4926 17.3728L13.6218 17.502V17.545L13.6648 17.5881C13.794 17.8033 13.9231 18.1477 13.794 18.7935L13.7509 18.9227C13.7079 19.0088 13.7509 19.0519 13.837 19.0949H13.9231C13.9662 19.0949 14.0523 19.0519 14.0953 18.9658C14.3106 18.0186 14.0092 17.502 13.837 17.2867L13.7509 17.2006L13.7079 17.1145L13.6648 17.0714C13.5787 17.0714 13.4926 17.0714 13.4496 17.1575ZM14.1815 15.0479C14.1384 15.134 14.1815 15.2202 14.2676 15.2632C14.7411 15.4354 15.1717 15.6937 15.2147 15.8229H14.5689C14.5259 15.8229 14.4398 15.8659 14.3967 15.909C14.3701 15.9356 14.3764 15.9622 14.3851 15.999C14.3904 16.0217 14.3967 16.0483 14.3967 16.0812L14.4398 16.1673L14.4828 16.2104V16.684C14.4828 16.8562 14.4828 17.0714 14.4398 17.2867C14.4398 17.3728 14.4828 17.4158 14.612 17.4589H14.6981C14.7411 17.4589 14.8272 17.3728 14.8272 17.2867V16.5978C14.8272 16.3826 14.7842 16.2534 14.7411 16.1243C14.9995 16.1243 15.2147 16.0812 15.3439 15.9521C15.3869 15.909 15.43 15.8229 15.43 15.7368C15.43 15.4354 14.9995 15.1771 14.655 15.0049L14.3967 14.9188L14.3106 14.8757H14.2676C14.2942 14.9023 14.2714 14.9289 14.24 14.9657C14.2206 14.9884 14.1979 15.0151 14.1815 15.0479ZM13.794 13.3689H13.019C12.9168 13.3689 12.8955 13.3958 12.8697 13.4284C12.8629 13.437 12.8558 13.446 12.8468 13.455C12.8468 13.5054 12.8616 13.5411 12.8738 13.5706C12.8825 13.5915 12.8899 13.6094 12.8899 13.6272L12.9329 13.6703H13.4065C13.4496 13.6703 13.5357 13.6703 13.5357 13.7133C13.5357 13.7564 13.4065 13.7994 13.2773 13.8425H13.0621L13.1051 13.8855C13.1482 13.9716 13.2343 14.0147 13.4065 14.0147C13.6648 14.0147 13.7509 13.7994 13.7509 13.6272V13.5411C13.794 13.5411 13.9231 13.5411 13.9231 13.455C13.9662 13.4119 13.8801 13.3689 13.794 13.3689Z" fill="currentColor"/>
+<path d="M22.2018 20.3827C22.2421 20.3462 22.2822 20.3185 22.3184 20.3004L22.3615 20.2573L22.4045 20.4295C22.3253 20.3978 22.2577 20.3836 22.2018 20.3827Z" fill="currentColor"/>
+<path d="M10.8664 22.7975H12.5454C12.5885 22.7975 12.5885 22.8405 12.5885 22.8836V22.9266C12.5885 22.9697 12.5885 23.0558 12.7177 23.0988C12.8899 23.1419 13.4065 23.5724 13.4065 23.7877C13.4065 23.8307 13.3635 23.9168 13.3204 23.9599L13.1912 24.1321C13.1482 24.2182 13.1051 24.3043 13.1912 24.4765C13.4065 24.7779 13.5787 24.7779 13.7079 24.7779H13.6218L13.5787 24.8209C13.4496 24.864 13.1912 24.907 12.8038 24.907H12.7177C12.5454 24.907 12.3732 24.864 12.201 24.8209L11.7274 24.7348L11.6722 24.7255C11.4378 24.686 11.2352 24.6518 10.9955 24.6918H10.8664C10.3928 24.7779 10.0914 25.2084 10.3067 26.5861V26.7153C10.3067 26.7583 10.3928 26.8014 10.565 26.8014C10.8233 26.8014 11.4691 27.1027 11.8566 27.7485L11.6844 27.6624V27.5763L11.4261 27.4902C11.0816 27.318 10.7372 27.1888 10.6081 27.4041C10.522 27.5763 10.565 27.7055 10.6942 27.7916C10.7372 27.7916 10.6511 27.8346 10.522 27.8777L10.3928 27.9207L10.1775 28.0068H9.96228L9.53175 28.136L8.7568 28.3513C8.62764 28.3943 8.58459 28.4804 8.8429 28.6526L8.88595 28.6957L9.14427 28.8679L9.18732 28.911C9.23038 28.954 9.27343 28.9971 9.23038 28.9971H9.10122C8.97206 28.9971 8.8429 28.9971 8.8429 29.0832C8.8429 29.1693 8.79985 29.3845 8.58459 29.3845C8.36932 29.3845 8.24016 29.2554 8.24016 29.0832V28.8679C8.24016 28.6957 8.15406 28.5665 7.98184 28.5665C7.72353 28.5665 7.55132 28.8249 7.55132 29.2984C7.55132 29.6429 7.20689 29.729 7.07774 29.729C6.94858 29.729 6.81942 29.6859 6.81942 29.4706C6.81942 29.4276 6.73331 29.4276 6.64721 29.4276H6.5611C6.51805 29.4276 6.5611 29.3845 6.64721 29.2984L6.73331 29.2554L6.99163 29.0832L7.24995 28.8679C7.33605 28.8249 7.33605 28.6526 7.293 28.6096L7.24995 28.5665C7.16384 28.5235 7.07774 28.4804 6.90552 28.6096C6.73331 28.7818 6.51805 28.911 6.34584 28.911C6.17363 28.911 6.00141 28.7387 6.00141 28.5665V28.3513C6.00141 28.2652 6.00141 28.136 5.87226 28.093L5.8292 28.0499C5.80968 28.0304 5.79901 28.0197 5.80121 28.0139C5.80385 28.0068 5.82518 28.0068 5.87222 28.0068H6.86247C7.03468 28.0068 7.20689 27.9638 7.20689 27.9207C7.20689 27.7055 6.99163 27.6624 6.90552 27.6624H6.77637C6.5611 27.6624 6.25973 27.6624 6.25973 27.3611C6.25973 27.275 6.30278 27.2319 6.34584 27.1888H6.38889C6.38889 27.1673 6.39965 27.1566 6.41042 27.1458C6.42118 27.135 6.43194 27.1243 6.43194 27.1027C6.43194 27.0166 6.30278 27.0166 6.25973 27.0166L6.34584 26.9305C6.475 26.8875 6.73331 26.8014 6.99163 27.0166L7.16384 27.1888L7.33605 27.4472C7.46521 27.6194 7.59437 27.7485 7.80963 27.7485H7.89574C8.32627 27.7055 9.35954 27.318 9.35954 26.1556C9.35954 25.8112 9.27343 25.5098 9.18732 25.2515L9.10122 24.9931L8.97206 24.7348V24.6918C8.97206 24.6703 8.97206 24.6595 8.97744 24.6541C8.98282 24.6487 8.99359 24.6487 9.01511 24.6487H9.10122C9.18732 24.6487 9.31648 24.6057 9.31648 24.4335C9.31648 24.089 7.24995 24.046 6.60415 24.6918V24.5196L6.64721 24.4335C6.77637 24.2182 7.07774 23.9168 7.76658 23.9168C7.86746 23.9168 7.95357 23.9316 8.0249 23.9438C8.07533 23.9525 8.1184 23.9599 8.15406 23.9599L8.28321 24.0029C8.41237 24.046 8.49848 24.046 8.62764 24.0029C8.67069 24.0029 8.67069 23.9599 8.62764 23.9168L8.45543 23.7016C8.32627 23.5724 8.19711 23.4432 8.24016 23.1849L8.28321 23.228C8.41237 23.3571 8.71374 23.6155 9.05817 23.6155C9.07646 23.6155 9.08698 23.6155 9.09634 23.6122C9.10899 23.6077 9.11951 23.5972 9.14427 23.5724L9.18732 23.5294L9.27343 23.4002L9.44564 23.228C9.70396 23.0558 10.1345 22.7975 10.8664 22.7975Z" fill="currentColor"/>
+<path d="M20.4241 13.8855C20.5533 14.1438 20.8116 14.4452 21.0699 14.4022C21.156 14.4022 21.156 14.273 21.113 14.1438L21.0699 13.9716L21.0269 13.8855V13.7133L21.2852 13.9716C21.4143 14.1008 21.5435 14.2299 21.6726 14.316C21.931 14.4883 21.974 15.0049 21.8449 15.3063C21.8018 15.378 21.7492 15.4498 21.6966 15.5215C21.5913 15.665 21.4861 15.8085 21.4574 15.9521V15.9951C21.4143 16.1243 21.3282 16.2965 21.1991 16.5548L21.113 16.727C21.095 16.754 21.0789 16.779 21.0635 16.803C21.0051 16.894 20.9568 16.9692 20.8546 17.0714L20.6824 17.2436C20.5533 17.4158 20.3811 17.588 20.2089 17.7602L20.1227 17.8464L19.6922 17.4589L20.3811 16.7701C20.6824 16.4256 20.9408 16.0812 20.8977 15.8229H20.8546L20.8116 15.7798H20.7685L20.6824 15.7368C20.5102 15.6076 20.2519 15.3493 20.295 14.9618L20.338 15.0479L20.3811 15.091L20.4241 15.1771C20.5533 15.3493 20.7685 15.5215 20.8977 15.3924C21.113 15.2632 20.9408 14.9188 20.6824 14.6605L20.5963 14.5744V14.4452L20.5533 14.4022C20.3811 14.2299 20.295 13.9716 20.295 13.7994V13.6272L20.4241 13.8855Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6218 11.001L13.7509 11.044L13.8801 11.1732L14.0092 11.2162C14.1815 11.3454 14.3537 11.5176 14.3537 11.6898C14.3537 11.9051 14.1384 11.9912 14.0092 12.0342H13.9662C14.0523 12.2495 14.2245 12.3356 14.3106 12.3787H14.6981C14.9564 12.3787 14.9564 12.1634 14.9564 12.0773V11.9912H14.9134C14.8272 11.9912 14.655 11.9051 14.655 11.7329C14.655 11.5176 14.9564 11.3454 15.2578 11.2593L15.43 11.1732L15.5591 11.1301L15.473 11.4746H15.43C15.3439 11.4746 15.2578 11.5607 15.2578 11.6898C15.2578 11.7329 15.3008 11.7759 15.3439 11.819H15.3869L15.1286 12.68H12.2871L12.0719 11.862C12.082 11.8519 12.0946 11.8417 12.1079 11.831C12.1508 11.7963 12.201 11.7556 12.201 11.6898C12.201 11.5607 12.1149 11.4746 12.0288 11.4746H11.9858L11.8566 11.0871C12.1149 11.1301 12.7607 11.3885 12.7607 11.6898C12.7607 11.9051 12.5885 11.9912 12.5024 11.9912H12.4593C12.4593 12.2495 12.6316 12.3356 12.7177 12.3356H13.1912C13.4065 12.3356 13.4496 12.0773 13.4496 11.9912V11.9481H13.3204C13.1912 11.9051 13.0621 11.862 13.0621 11.7329C13.0621 11.5176 13.2343 11.3454 13.4065 11.1732L13.5787 11.001H13.6218ZM13.7079 11.5176C13.5787 11.5176 13.4926 11.6037 13.4926 11.7329C13.4926 11.862 13.5787 11.9481 13.7079 11.9481C13.837 11.9481 13.9231 11.862 13.9231 11.7329C13.9231 11.6037 13.837 11.5176 13.7079 11.5176Z" fill="currentColor"/>
+<path d="M33.25 15.001C33.6642 15.001 34 15.3368 34 15.751C34 16.1652 33.6642 16.501 33.25 16.501H26.75C26.3358 16.501 26 16.1652 26 15.751C26 15.3368 26.3358 15.001 26.75 15.001H33.25Z" fill="currentColor"/>
+<path d="M32.25 23.001C32.6642 23.001 33 23.3368 33 23.751C33 24.1652 32.6642 24.501 32.25 24.501H26.75C26.3358 24.501 26 24.1652 26 23.751C26 23.3368 26.3358 23.001 26.75 23.001H32.25Z" fill="currentColor"/>
+<path d="M38.25 20.501C38.6642 20.501 39 20.1652 39 19.751C39 19.3368 38.6642 19.001 38.25 19.001H26.75C26.3358 19.001 26 19.3368 26 19.751C26 20.1652 26.3358 20.501 26.75 20.501H38.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 37.001C0.895431 37.001 0 36.1055 0 35.001V8.00098C0 6.89641 0.895431 6.00098 2 6.00098H42C43.1046 6.00098 44 6.89641 44 8.00098V10.001H46C47.1046 10.001 48 10.8964 48 12.001V39.001C48 40.1055 47.1046 41.001 46 41.001H6C4.89543 41.001 4 40.1055 4 39.001V37.001H2ZM1.5 8.00098C1.5 7.72483 1.72386 7.50098 2 7.50098H42C42.2761 7.50098 42.5 7.72483 42.5 8.00098V35.001C42.5 35.2771 42.2761 35.501 42 35.501H2C1.72386 35.501 1.5 35.2771 1.5 35.001V8.00098ZM5.5 37.001V39.501H46C46.2761 39.501 46.5 39.2771 46.5 39.001V12.001C46.5 11.7248 46.2761 11.501 46 11.501H44V35.001C44 36.1055 43.1046 37.001 42 37.001H5.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/driver-file.svg b/assets/icons/complex/driver-file.svg
new file mode 100644
index 00000000..bbf5ce1a
--- /dev/null
+++ b/assets/icons/complex/driver-file.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10638)">
+<path d="M16.25 23.5009C16.6642 23.5009 17 23.1651 17 22.7509C17 22.3366 16.6642 22.0009 16.25 22.0009H14.75C14.3358 22.0009 14 22.3366 14 22.7509C14 23.1651 14.3358 23.5009 14.75 23.5009H16.25Z" fill="currentColor"/>
+<path d="M19 22.7509C19 22.3366 19.3358 22.0009 19.75 22.0009H31.25C31.6642 22.0009 32 22.3366 32 22.7509C32 23.1651 31.6642 23.5009 31.25 23.5009H19.75C19.3358 23.5009 19 23.1651 19 22.7509Z" fill="currentColor"/>
+<path d="M19 26.7509C19 26.3366 19.3358 26.0009 19.75 26.0009H31.25C31.6642 26.0009 32 26.3366 32 26.7509C32 27.1651 31.6642 27.5009 31.25 27.5009H19.75C19.3358 27.5009 19 27.1651 19 26.7509Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5875 5.94086L29.5 9.00085H32C33.6569 9.00085 35 10.344 35 12.0009V14.0009C35 15.1054 34.1046 16.0009 33 16.0009H32.8293C32.4175 17.166 31.3062 18.0009 30 18.0009C28.6938 18.0009 27.5825 17.166 27.1707 16.0009H18.8293C18.4175 17.166 17.3062 18.0009 16 18.0009C14.6938 18.0009 13.5825 17.166 13.1707 16.0009H13C11.8954 16.0009 11 15.1054 11 14.0009V11.1521C11 10.4109 11.2743 9.69604 11.7701 9.14517L14.3083 6.325C15.0668 5.48214 16.1475 5.00085 17.2815 5.00085H25.8915C26.5811 5.00085 27.222 5.35609 27.5875 5.94086ZM33 14.5009H32.9585C32.7205 13.082 31.4865 12.0009 30 12.0009C28.5135 12.0009 27.2795 13.082 27.0415 14.5009H18.9585C18.7205 13.082 17.4865 12.0009 16 12.0009C14.5135 12.0009 13.2795 13.082 13.0415 14.5009H13C12.7239 14.5009 12.5 14.277 12.5 14.0009V11.1521C12.5 10.9248 12.5516 10.7024 12.6487 10.5009H32C32.8284 10.5009 33.5 11.1724 33.5 12.0009V14.0009C33.5 14.277 33.2761 14.5009 33 14.5009ZM26.3155 6.73586L27.7311 9.00085H13.918L15.4232 7.32844C15.8973 6.80166 16.5727 6.50085 17.2815 6.50085H25.8915C26.0639 6.50085 26.2241 6.58966 26.3155 6.73586ZM17.5 15.0009C17.5 15.8293 16.8284 16.5009 16 16.5009C15.1716 16.5009 14.5 15.8293 14.5 15.0009C14.5 14.1724 15.1716 13.5009 16 13.5009C16.8284 13.5009 17.5 14.1724 17.5 15.0009ZM31.5 15.0009C31.5 15.8293 30.8284 16.5009 30 16.5009C29.1716 16.5009 28.5 15.8293 28.5 15.0009C28.5 14.1724 29.1716 13.5009 30 13.5009C30.8284 13.5009 31.5 14.1724 31.5 15.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 0.000854492C40.1046 0.000854492 41 0.896285 41 2.00085V16.0009H43C44.1046 16.0009 45 16.8963 45 18.0009V30.0009H45.6391C46.875 30.0009 47.815 31.1106 47.6119 32.3297L45.2785 46.3297C45.1178 47.294 44.2834 48.0009 43.3057 48.0009H2C0.895431 48.0009 0 47.1054 0 46.0009V18.0009C0 16.8963 0.89543 16.0009 2 16.0009H5V2.00085C5 0.896285 5.89543 0.000854492 7 0.000854492H39ZM17.0788 27.9931C16.7204 27.3787 16.0626 27.0009 15.3513 27.0009H6.5V2.00085C6.5 1.72471 6.72386 1.50085 7 1.50085H39C39.2761 1.50085 39.5 1.72471 39.5 2.00085V30.0009H18.25L17.0788 27.9931ZM43.5 30.0009H41V17.5009H43C43.2761 17.5009 43.5 17.7247 43.5 18.0009V30.0009ZM1.5 18.0009C1.5 17.7247 1.72386 17.5009 2 17.5009H5V27.0009H4.73459C3.73929 27.0009 2.89545 27.7327 2.75469 28.718L1.5 37.5009V18.0009ZM46.1323 32.0831C46.1831 31.7783 45.9481 31.5009 45.6391 31.5009H17.3884L15.7831 28.7489C15.6935 28.5953 15.5291 28.5009 15.3513 28.5009H4.73459C4.48577 28.5009 4.27481 28.6838 4.23962 28.9301L1.81104 45.9301C1.76801 46.2314 2.00174 46.5009 2.30602 46.5009H43.3057C43.5502 46.5009 43.7588 46.3241 43.7989 46.0831L46.1323 32.0831Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10638">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/driver.svg b/assets/icons/complex/driver.svg
new file mode 100644
index 00000000..5f8ea8c3
--- /dev/null
+++ b/assets/icons/complex/driver.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.0311 12.7173L33.7905 19.0009H3.61035L8.12586 13.9836C9.54818 12.4033 11.5744 11.5009 13.7006 11.5009H27.8858C28.765 11.5009 29.5797 11.9628 30.0311 12.7173ZM35 20.5009H34.6879H2.30721C1.78425 21.2518 1.5 22.1486 1.5 23.0725V29.6932C1.5 31.2438 2.75705 32.5009 4.30769 32.5009H4.37976C4.33289 32.1869 4.30859 31.8656 4.30859 31.5386C4.30859 27.97 7.20152 25.077 10.7701 25.077C14.3387 25.077 17.2317 27.97 17.2317 31.5386C17.2317 31.8656 17.2074 32.1869 17.1605 32.5009H30.2255C30.1786 32.1869 30.1543 31.8656 30.1543 31.5386C30.1543 27.97 33.0472 25.077 36.6158 25.077C40.1844 25.077 43.0774 27.97 43.0774 31.5386C43.0774 31.8656 43.0531 32.1869 43.0062 32.5009H43.6923C45.243 32.5009 46.5 31.2438 46.5 29.6932V25.0009C46.5 22.5156 44.4853 20.5009 42 20.5009H35ZM42.5917 34.0009H43.6923C46.0714 34.0009 48 32.0722 48 29.6932V25.0009C48 21.6871 45.3137 19.0009 42 19.0009H35.5385L31.3183 11.9472C30.596 10.7399 29.2926 10.0009 27.8858 10.0009H13.7006C11.1492 10.0009 8.71771 11.0837 7.01092 12.9802L1.54024 19.0587C0.548662 20.1605 0 21.5903 0 23.0725V29.6932C0 32.0722 1.92862 34.0009 4.30769 34.0009H4.7943C5.76251 36.3481 8.0734 38.0001 10.7701 38.0001C13.4669 38.0001 15.7778 36.3481 16.746 34.0009H30.64C31.6082 36.3481 33.9191 38.0001 36.6158 38.0001C39.3126 38.0001 41.6235 36.3481 42.5917 34.0009ZM15.7317 31.5386C15.7317 34.2787 13.5103 36.5001 10.7701 36.5001C8.02995 36.5001 5.80859 34.2787 5.80859 31.5386C5.80859 28.7984 8.02995 26.577 10.7701 26.577C13.5103 26.577 15.7317 28.7984 15.7317 31.5386ZM41.5774 31.5386C41.5774 34.2787 39.356 36.5001 36.6158 36.5001C33.8757 36.5001 31.6543 34.2787 31.6543 31.5386C31.6543 28.7984 33.8757 26.577 36.6158 26.577C39.356 26.577 41.5774 28.7984 41.5774 31.5386Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/driving-licence.svg b/assets/icons/complex/driving-licence.svg
new file mode 100644
index 00000000..c47ff39a
--- /dev/null
+++ b/assets/icons/complex/driving-licence.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.9068 12.0009C34.6826 12.0009 35.4036 12.4005 35.8148 13.0584L37.2692 15.3855H39.3846C40.7866 15.3855 41.9231 16.522 41.9231 17.9239V19.6162C41.9231 20.5509 41.1654 21.3085 40.2308 21.3085H40.087C39.7388 22.2949 38.7983 23.0016 37.6928 23.0016C36.5872 23.0016 35.6467 22.2949 35.2985 21.3085H31.6242C31.2759 22.2949 30.3354 23.0016 29.2299 23.0016C28.1243 23.0016 27.1838 22.2949 26.8356 21.3085H26.6923C25.7577 21.3085 25 20.5509 25 19.6162V17.2057C25 16.5786 25.2321 15.9737 25.6516 15.5076L27.7993 13.1213C28.4412 12.4081 29.3556 12.0009 30.3151 12.0009H33.9068ZM40.2308 20.0393H40.196C39.9943 18.8391 38.9503 17.9247 37.6928 17.9247C36.4352 17.9247 35.3912 18.8391 35.1895 20.0393H31.7331C31.5314 18.8391 30.4874 17.9247 29.2299 17.9247C27.9723 17.9247 26.9284 18.8391 26.7266 20.0393H26.6923C26.4586 20.0393 26.2692 19.8499 26.2692 19.6162V17.2057C26.2692 17.0134 26.3129 16.8253 26.395 16.6549L39.3846 16.6547C40.0856 16.6547 40.6538 17.223 40.6538 17.9239V19.6162C40.6538 19.8499 40.4644 20.0393 40.2308 20.0393ZM30.3151 13.2701H33.8961C34.2409 13.2701 34.5614 13.4477 34.7441 13.7401L35.7726 15.3856H27.469L28.7427 13.9704C29.1439 13.5246 29.7154 13.2701 30.3151 13.2701ZM30.4991 20.4631C30.4991 21.1641 29.9308 21.7324 29.2299 21.7324C28.5289 21.7324 27.9606 21.1641 27.9606 20.4631C27.9606 19.7622 28.5289 19.1939 29.2299 19.1939C29.9308 19.1939 30.4991 19.7622 30.4991 20.4631ZM38.962 20.4631C38.962 21.1641 38.3937 21.7324 37.6928 21.7324C36.9918 21.7324 36.4235 21.1641 36.4235 20.4631C36.4235 19.7622 36.9918 19.1939 37.6928 19.1939C38.3937 19.1939 38.962 19.7622 38.962 20.4631Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 22.5009C20 25.5384 17.5376 28.0009 14.5 28.0009C11.4624 28.0009 9 25.5384 9 22.5009C9 19.4633 11.4624 17.0009 14.5 17.0009C17.5376 17.0009 20 19.4633 20 22.5009ZM18.5 22.5009C18.5 24.71 16.7091 26.5009 14.5 26.5009C12.2909 26.5009 10.5 24.71 10.5 22.5009C10.5 20.2917 12.2909 18.5009 14.5 18.5009C16.7091 18.5009 18.5 20.2917 18.5 22.5009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 39.0009C0 40.1054 0.895431 41.0009 2 41.0009H46C47.1046 41.0009 48 40.1054 48 39.0009V9.00085C48 7.89628 47.1046 7.00085 46 7.00085H2C0.895432 7.00085 0 7.89629 0 9.00085V39.0009ZM2 8.50085C1.72386 8.50085 1.5 8.72471 1.5 9.00085V39.0009C1.5 39.277 1.72386 39.5009 2 39.5009H6V37.5009C6 32.8064 9.80558 29.0009 14.5 29.0009C19.1944 29.0009 23 32.8064 23 37.5009V39.5009H46C46.2761 39.5009 46.5 39.277 46.5 39.0009V9.00085C46.5 8.72471 46.2761 8.50085 46 8.50085H2ZM21.5 39.5009V37.5009C21.5 33.6349 18.366 30.5009 14.5 30.5009C10.634 30.5009 7.5 33.6349 7.5 37.5009V39.5009H21.5Z" fill="currentColor"/>
+<path d="M34.25 30.5009C34.6642 30.5009 35 30.8366 35 31.2509C35 31.6651 34.6642 32.0009 34.25 32.0009H26.75C26.3358 32.0009 26 31.6651 26 31.2509C26 30.8366 26.3358 30.5009 26.75 30.5009H34.25Z" fill="currentColor"/>
+<path d="M43 35.2509C43 35.6651 42.6642 36.0009 42.25 36.0009H26.75C26.3358 36.0009 26 35.6651 26 35.2509C26 34.8366 26.3358 34.5009 26.75 34.5009H42.25C42.6642 34.5009 43 34.8366 43 35.2509Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/email-notification.svg b/assets/icons/complex/email-notification.svg
new file mode 100644
index 00000000..f1ef1f1a
--- /dev/null
+++ b/assets/icons/complex/email-notification.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4248_10861)">
+<path d="M41.0832 17.9496C41.0832 19.0778 40.1457 20.0009 38.9998 20.0009C37.854 20.0009 36.9165 19.0778 36.9165 17.9496H41.0832Z" fill="currentColor"/>
+<path d="M45.2498 13.498C45.2498 13.7213 45.3394 13.9352 45.4985 14.0918L47.1175 15.6859C47.2555 15.8218 47.3332 16.0073 47.3332 16.201C47.3332 16.6003 47.0095 16.9239 46.6103 16.9239H31.3894C30.9902 16.9239 30.6665 16.6003 30.6665 16.201C30.6665 16.0073 30.7442 15.8218 30.8822 15.6859L32.5012 14.0918C32.6603 13.9352 32.7498 13.7213 32.7498 13.498V8.7188C32.7498 5.53932 34.4165 2.97521 37.4373 2.25726V1.53932C37.4373 0.718803 38.1665 0.000854492 38.9998 0.000854492C39.8332 0.000854492 40.5623 0.718803 40.5623 1.53932V2.25726C43.5832 2.97521 45.2498 5.53932 45.2498 8.7188V13.498Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.2501 8.00085C28.6643 8.00085 29.0001 8.33664 29.0001 8.75085C29.0001 9.16507 28.6643 9.50085 28.2501 9.50085H2.56066L21.6465 28.5867C21.8418 28.782 22.1583 28.782 22.3536 28.5867L30.7198 20.2205C30.8604 20.0799 31.0512 20.0009 31.2501 20.0009C31.9183 20.0009 32.2529 20.8087 31.7804 21.2812L29.0607 24.001L42.5 37.4403V21.7509C42.5 21.3366 42.8358 21.0009 43.25 21.0009C43.6642 21.0009 44 21.3366 44 21.7509V38.0009C44 39.1054 43.1046 40.0009 42 40.0009H2C0.895431 40.0009 0 39.1054 0 38.0009V10.0009C0 8.89628 0.895431 8.00085 2 8.00085H28.2501ZM14.9394 24.0009L1.5 10.5615V37.4403L14.9394 24.0009ZM41.4392 38.5009H2.56077L16.0001 25.0616L20.5858 29.6474C21.3669 30.4284 22.6332 30.4284 23.4143 29.6474L28 25.0616L41.4392 38.5009Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_4248_10861">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/energy.svg b/assets/icons/complex/energy.svg
new file mode 100644
index 00000000..7ad6fe9e
--- /dev/null
+++ b/assets/icons/complex/energy.svg
@@ -0,0 +1,11 @@
+<svg width="47" height="48" viewBox="0 0 47 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3028_9106)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6129 8.16557C32.6472 8.03068 32.6645 7.89224 32.6643 7.75329C32.6643 6.80519 31.8871 6.03235 30.9147 6.00168C30.8943 6.00085 30.8742 6.00085 30.8542 6.00085L30.8507 6.00086C30.802 6.00086 30.7533 6.00258 30.7055 6.00606C30.387 6.03106 30.1759 6.13446 29.9256 6.29788C29.7847 6.38915 29.6576 6.49917 29.5481 6.62471C29.5152 6.6624 29.4842 6.70158 29.4552 6.74213L19.3461 19.7382C18.9469 20.2696 18.8883 20.9711 19.195 21.5573C19.5012 22.1435 20.1205 22.515 20.7993 22.5198L26.007 22.5566L24.3697 31.9268C24.2141 32.7321 24.6561 33.5347 25.4342 33.858C25.6603 33.9524 25.9038 34.001 26.1499 34.0009C26.7169 34.0009 27.1828 33.7432 27.5324 33.278L37.6541 19.1949C38.0533 18.6634 38.1115 17.9611 37.8052 17.3758C37.4989 16.7896 36.8797 16.418 36.2009 16.4132L30.9932 16.4045L32.6129 8.16557ZM26.2684 32.3048L36.3772 18.2397C36.3838 18.2305 36.3905 18.2214 36.3973 18.2124C36.4131 18.1914 36.4159 18.1765 36.4165 18.1692C36.4171 18.1621 36.4165 18.152 36.4084 18.1365C36.3898 18.1008 36.3195 18.0304 36.1925 18.0286C36.1916 18.0286 36.1908 18.0286 36.1899 18.0286L30.9906 18.0199C30.5165 18.0191 30.0678 17.8016 29.7676 17.4272C29.4675 17.0529 29.3476 16.561 29.4408 16.0868L31.0604 7.8479C31.0663 7.81829 31.0729 7.78885 31.0803 7.75962C31.0809 7.75751 31.081 7.75609 31.081 7.75513L31.081 7.75329C31.081 7.74306 31.0794 7.7206 31.0464 7.6876C31.0116 7.65286 30.9511 7.61898 30.8658 7.61629L30.8643 7.61625L30.8507 7.61624C30.8493 7.61624 30.8479 7.61625 30.8466 7.61626C30.8315 7.62511 30.8099 7.63839 30.7791 7.6585L30.7742 7.66171C30.7562 7.67331 30.7424 7.68567 30.732 7.69732C30.7201 7.71389 30.7079 7.73022 30.6954 7.74632L20.5992 20.7258C20.5863 20.7446 20.584 20.7576 20.5835 20.7638C20.583 20.7703 20.5833 20.7804 20.5918 20.7966C20.6106 20.8325 20.6816 20.9036 20.8103 20.9045C20.8103 20.9045 20.8103 20.9045 20.8103 20.9045L26.018 20.9413C26.4846 20.9446 26.926 21.1577 27.2244 21.5238C27.5227 21.8898 27.6476 22.3715 27.5657 22.8402L25.9285 32.2103L25.9232 32.2392C25.9212 32.2492 25.9208 32.2611 25.932 32.2815C25.9439 32.3031 25.9721 32.3373 26.0315 32.362L26.0338 32.363C26.0678 32.3772 26.1072 32.3855 26.1489 32.3855C26.1723 32.3855 26.185 32.3829 26.1879 32.3822C26.1906 32.3815 26.1913 32.3812 26.1922 32.3807C26.1934 32.38 26.2008 32.3761 26.2139 32.3645C26.2262 32.3537 26.2449 32.335 26.2684 32.3048ZM30.8686 7.61626C30.8686 7.61626 30.8686 7.61626 30.8686 7.61626V7.61626Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.30263 33.79C5.56638 30.2468 3.93878 25.8054 3.93878 20.9843C3.93878 9.39547 13.3433 0.000854492 24.9443 0.000854492H44.9995C46.1043 0.000854492 47 0.89558 47 1.99928V20.4597C47 32.3383 37.3604 41.9678 25.4694 41.9678H24.9443C18.7408 41.9678 13.1654 39.2814 9.32016 35.0097C4.94053 39.7858 2.4185 44.8155 1.5352 47.4626C1.39763 47.8749 0.951538 48.0977 0.538825 47.9603C0.126112 47.8228 -0.0969348 47.3772 0.0406362 46.9649C0.990406 44.1186 3.66025 38.802 8.30263 33.79ZM24.9443 1.57461H44.9995C45.2343 1.57461 45.4246 1.76474 45.4246 1.99928V20.4597C45.4246 31.4691 36.4903 40.394 25.4694 40.394H24.9443C19.1619 40.394 13.9695 37.8708 10.4103 33.8665C12.5409 31.718 15.0603 29.6659 17.9892 27.9592C18.365 27.7402 18.4919 27.2584 18.2727 26.883C18.0535 26.5076 17.5712 26.3808 17.1954 26.5998C14.1921 28.3498 11.6035 30.4447 9.40745 32.6417C6.963 29.3957 5.51419 25.359 5.51419 20.9843C5.51419 10.2646 14.2133 1.57461 24.9443 1.57461Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3028_9106">
+<rect width="47" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/envelope.svg b/assets/icons/complex/envelope.svg
new file mode 100644
index 00000000..8cc78cac
--- /dev/null
+++ b/assets/icons/complex/envelope.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 40C0.895431 40 0 39.1046 0 38V10C0 8.89543 0.895431 8 2 8H46C47.1046 8 48 8.89543 48 10V38C48 39.1046 47.1046 40 46 40H2ZM45.3118 9.5H2.68823L23.6673 28.1988C23.8569 28.3677 24.1431 28.3677 24.3327 28.1988L45.3118 9.5ZM1.5 10.4503V37.5472L16.7007 23.9987L1.5 10.4503ZM2.68534 38.5H45.3147L30.1721 25.0034L25.3307 29.3185C24.5723 29.9945 23.4277 29.9945 22.6693 29.3185L17.8279 25.0034L2.68534 38.5ZM46.5 37.5472V10.4503L31.2993 23.9987L46.5 37.5472Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/european-parliament.svg b/assets/icons/complex/european-parliament.svg
new file mode 100644
index 00000000..79afec91
--- /dev/null
+++ b/assets/icons/complex/european-parliament.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11939)">
+<path d="M24 24.0009L24.5327 25.6376H26.2465L24.8537 26.6453L25.3864 28.2884L23.9936 27.2743L22.6008 28.2884L23.1335 26.6453L21.7407 25.6376H23.4608L24 24.0009ZM16.9268 26.9277L18.4673 27.7107L19.6804 26.4912L19.4108 28.1921L20.9448 28.9752L19.2439 29.2448L18.9743 30.9457L18.1913 29.4052L16.4904 29.6812L17.7099 28.4617L16.9268 26.9277ZM14 34.0009L15.6367 33.4681V31.7544L16.6444 33.1472L18.2875 32.6145L17.2734 34.0073L18.2875 35.4001L16.6444 34.8674L15.6367 36.2602V34.54L14 34.0009ZM16.9268 41.074L17.7099 39.5336L16.4904 38.3205L18.1913 38.5901L18.9743 37.0561L19.2439 38.757L20.9448 39.0265L19.4044 39.8096L19.6804 41.5105L18.4608 40.291L16.9268 41.074ZM24 44.0009L23.4673 42.3641H21.7535L23.1463 41.3564L22.6136 39.7133L24.0064 40.7274L25.3992 39.7133L24.8665 41.3564L26.2593 42.3641H24.5392L24 44.0009ZM31.0732 41.074L29.5327 40.291L28.3196 41.5105L28.5892 39.8096L27.0552 39.0265L28.7561 38.757L29.0257 37.0561L29.8087 38.5965L31.5096 38.3205L30.2901 39.54L31.0732 41.074ZM34 34.0009L32.3633 34.5336V36.2473L31.3556 34.8545L29.7125 35.3872L30.7266 33.9944L29.7125 32.6016L31.3556 33.1344L32.3633 31.7415V33.4617L34 34.0009ZM31.0732 26.9277L30.2901 28.4681L31.5096 29.6812L29.8087 29.4116L29.0257 30.9457L28.7561 29.2448L27.0552 28.9752L28.5956 28.1921L28.3196 26.4912L29.5392 27.7107L31.0732 26.9277Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11939">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/family.svg b/assets/icons/complex/family.svg
new file mode 100644
index 00000000..94a1b7df
--- /dev/null
+++ b/assets/icons/complex/family.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3028_9099)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.625 11.2509C15.7316 11.2509 18.25 8.73246 18.25 5.62585C18.25 2.51925 15.7316 0.000854492 12.625 0.000854492C9.5184 0.000854492 7 2.51925 7 5.62585C7 8.73246 9.5184 11.2509 12.625 11.2509ZM12.625 9.75085C14.9032 9.75085 16.75 7.90403 16.75 5.62585C16.75 3.34768 14.9032 1.50085 12.625 1.50085C10.3468 1.50085 8.5 3.34768 8.5 5.62585C8.5 7.90403 10.3468 9.75085 12.625 9.75085Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.625 11.2509C39.7316 11.2509 42.25 8.73246 42.25 5.62585C42.25 2.51925 39.7316 0.000854492 36.625 0.000854492C33.5184 0.000854492 31 2.51925 31 5.62585C31 8.73246 33.5184 11.2509 36.625 11.2509ZM36.625 9.75085C38.9032 9.75085 40.75 7.90403 40.75 5.62585C40.75 3.34768 38.9032 1.50085 36.625 1.50085C34.3468 1.50085 32.5 3.34768 32.5 5.62585C32.5 7.90403 34.3468 9.75085 36.625 9.75085Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64033 12.745L16.3597 12.744C17.8091 12.744 19.2498 13.0714 20.548 13.8586C21.8438 14.642 22.7759 15.7453 23.4256 16.9549C23.5789 17.2396 23.7184 17.5337 23.8452 17.8361C24.3542 17.6203 24.9133 17.5009 25.501 17.5009C25.764 17.5009 26.0213 17.5248 26.271 17.5705C26.3655 17.3613 26.4666 17.1562 26.5744 16.9558C27.2242 15.7463 28.1563 14.643 29.4521 13.8596C30.7503 13.0724 32.191 12.745 33.6404 12.745L39.3597 12.744C40.8092 12.744 42.2498 13.0714 43.5481 13.8586C44.8438 14.642 45.7759 15.7453 46.4257 16.9549C47.6565 19.2414 48.0001 22.1353 48.0001 25.0217V28.9876C48.0002 29.5804 47.8596 30.1648 47.59 30.6928C47.3205 31.2207 46.9295 31.6772 46.4493 32.0248C45.969 32.3724 45.4132 32.6011 44.8274 32.6921C44.745 32.7049 44.6623 32.715 44.5795 32.7223C44.3298 32.7442 43.9609 32.7021 43.6515 32.654L45.3307 39.258C45.6522 40.5222 44.6969 41.7509 43.3924 41.7509H42V45.5009C42 46.8816 40.8807 48.0009 39.5 48.0009C38.1193 48.0009 37 46.8816 37 45.5009V41.7509H36V45.5009C36 46.8816 34.8807 48.0009 33.5 48.0009C32.1193 48.0009 31 46.8816 31 45.5009V41.7509H30.2503V45.4384C30.2503 46.8412 29.1339 48.0009 27.7228 48.0009C26.7555 48.0009 25.9267 47.4559 25.501 46.6612C25.0754 47.4559 24.2466 48.0009 23.2792 48.0009C21.8681 48.0009 20.7518 46.8412 20.7518 45.4384V37.5535C20.5449 37.7034 20.3181 37.8192 20.0798 37.8993L20.0798 38.3897C20.0796 40.3368 20.0794 42.2839 20.0794 44.2312C20.0807 45.1967 19.7094 46.1256 19.0427 46.8241C18.3761 47.5226 17.4656 47.937 16.501 47.9808C15.5364 48.0246 14.5922 47.6945 13.8649 47.0593C13.5986 46.8267 13.3689 46.5597 13.1805 46.2674C12.8626 45.7744 12.6623 45.2095 12.6018 44.6166L12.5986 44.5843L12.5974 44.571L12.5 40.6552L12.4026 44.572L12.4014 44.5852L12.3982 44.6176C12.3377 45.2105 12.1374 45.7754 11.8195 46.2684C11.6311 46.5606 11.4014 46.8276 11.1351 47.0603C10.4078 47.6955 9.46355 48.0256 8.49897 47.9818C7.53439 47.9379 6.62391 47.5236 5.95728 46.8251C5.29065 46.1265 4.91928 45.1977 4.92055 44.2321C4.92055 42.2848 4.92039 40.3377 4.92024 38.3907C4.92008 36.4438 4.91992 34.4969 4.91992 32.5499C4.43624 32.709 3.92606 32.7676 3.42055 32.7232C3.33775 32.716 3.25507 32.7059 3.17266 32.6931C2.58688 32.602 2.03105 32.3733 1.55081 32.0258C1.07057 31.6782 0.679609 31.2217 0.410024 30.6937C0.140439 30.1658 -8.07779e-05 29.5814 3.48359e-08 28.9886V25.0226C3.48359e-08 22.1363 0.343613 19.2424 1.57438 16.9558C2.22412 15.7463 3.15625 14.643 4.45199 13.8596C5.75022 13.0724 7.1909 12.745 8.64033 12.745ZM40.5 41.7509H38.5V45.5009C38.5 46.0531 38.9477 46.5009 39.5 46.5009C40.0523 46.5009 40.5 46.0531 40.5 45.5009V41.7509ZM34.5 41.7509H32.5V45.5009C32.5 46.0531 32.9477 46.5009 33.5 46.5009C34.0523 46.5009 34.5 46.0531 34.5 45.5009V41.7509ZM18.5796 37.9401C18.3453 37.8761 18.1154 37.7784 17.8968 37.6458C17.8857 37.6391 17.8748 37.6321 17.8641 37.6248C16.7344 36.8568 16.419 35.2913 17.127 34.0778C17.1307 34.0713 17.1346 34.0649 17.1386 34.0585L18.5798 31.7503L18.5801 22.4994C18.5801 22.0852 18.9159 21.7494 19.3301 21.7494C19.7443 21.7494 20.0801 22.0852 20.0801 22.4994V29.3487C21.1954 27.6223 23.096 26.5124 25.1567 26.5124H25.8454C27.3817 26.5124 28.8233 27.126 29.92 28.1501V22.5004C29.92 22.0862 30.2558 21.7504 30.67 21.7504C31.0842 21.7504 31.42 22.0862 31.42 22.5004L31.4201 27.2509H41.58L41.5801 22.4994C41.5801 22.0852 41.9159 21.7494 42.3301 21.7494C42.7444 21.7494 43.0801 22.0852 43.0801 22.4994V30.5146C43.0801 30.7986 43.2788 31.0351 43.5485 31.1239C43.8863 31.2351 44.2456 31.2646 44.597 31.2099C44.9483 31.1553 45.2818 31.0181 45.5698 30.8096C45.8579 30.6012 46.0924 30.3273 46.2541 30.0106C46.4158 29.6939 46.5001 29.3432 46.5001 28.9876V25.0217C46.5001 22.2095 46.1566 19.6198 45.1049 17.6658L45.1043 17.6647C44.5579 16.6476 43.7984 15.7628 42.772 15.1422L42.7704 15.1412C41.7438 14.5187 40.5819 14.244 39.3597 14.244L33.6404 14.245C32.4182 14.245 31.2564 14.5197 30.2298 15.1422L30.2282 15.1432C29.2017 15.7638 28.4422 16.6486 27.8959 17.6657L27.8953 17.6668C27.8192 17.8082 27.7468 17.9529 27.678 18.1007C28.9538 18.863 29.8059 20.2736 29.8059 21.8759C29.8059 24.2788 27.8893 26.2509 25.501 26.2509C23.1127 26.2509 21.1962 24.2788 21.1962 21.8759C21.1962 20.617 21.7221 19.4765 22.5664 18.6757C22.4305 18.3232 22.2771 17.986 22.1048 17.6658L22.1042 17.6647C21.5579 16.6476 20.7984 15.7628 19.7719 15.1422L19.7703 15.1412C18.7437 14.5187 17.5818 14.244 16.3597 14.244L8.64033 14.245C7.41817 14.245 6.2563 14.5197 5.22971 15.1422L5.2281 15.1432C4.20164 15.7638 3.44215 16.6486 2.89578 17.6657L2.8952 17.6668C1.84347 19.6207 1.5 22.2105 1.5 25.0226V28.9886C1.49995 29.3442 1.58424 29.6949 1.74595 30.0116C1.90766 30.3283 2.14217 30.6021 2.43024 30.8106C2.71831 31.0191 3.05172 31.1563 3.40309 31.2109C3.75447 31.2655 4.11378 31.236 4.45155 31.1249C4.60464 31.0745 4.91992 31.0004 4.91992 31.0004V22.5004C4.91992 22.0862 5.25571 21.7504 5.66992 21.7504C6.08414 21.7504 6.41992 22.0862 6.41992 22.5004C6.41992 26.123 6.42008 29.7452 6.42024 33.3674C6.4204 36.9896 6.42055 40.6117 6.42055 44.2341C6.41979 44.8133 6.64255 45.3705 7.04242 45.7895C7.4423 46.2085 7.98844 46.457 8.56703 46.4833C9.14563 46.5096 9.71205 46.3116 10.1483 45.9306C10.5739 45.5588 10.8435 45.0409 10.9044 44.4801L11.1663 33.9493C11.1851 33.1917 11.7634 32.5768 12.5 32.4957C13.2366 32.5768 13.8149 33.1907 13.8337 33.9483L14.0956 44.4791C14.1565 45.0399 14.4261 45.5578 14.8517 45.9296C15.2879 46.3106 15.8544 46.5086 16.433 46.4823C17.0116 46.456 17.5577 46.2075 17.9576 45.7885C18.3575 45.3695 18.5802 44.8123 18.5794 44.2332L18.5796 37.9401ZM31.5012 30.2751L33.8635 34.0585C33.8674 34.0649 33.8713 34.0713 33.8751 34.0778C34.5862 35.2966 34.265 36.873 33.0702 37.6365C32.1736 38.2122 31.0597 38.1405 30.2503 37.553V40.2509H42.7494C43.4016 40.2509 43.8793 39.6365 43.7185 39.0044L41.1113 28.7509H31.8888L31.5012 30.2751ZM22.6962 21.8759C22.6962 20.2743 23.9679 19.0009 25.501 19.0009C27.0342 19.0009 28.3059 20.2743 28.3059 21.8759C28.3059 23.4774 27.0342 24.7509 25.501 24.7509C23.9679 24.7509 22.6962 23.4774 22.6962 21.8759ZM21.2849 30.2501C22.1357 28.8698 23.6076 28.0124 25.1567 28.0124H25.8454C27.3996 28.0124 28.8661 28.8694 29.7172 30.2501L32.5845 34.8424C32.9108 35.4114 32.7315 36.0728 32.2624 36.3726L32.2605 36.3738C31.7922 36.6751 31.1615 36.5373 30.8558 36.0398L30.1385 34.8775C29.9624 34.5921 29.6182 34.4583 29.2955 34.5498C28.9729 34.6414 28.7503 34.936 28.7503 35.2714V45.4384C28.7503 46.0406 28.278 46.5009 27.7228 46.5009C27.1676 46.5009 26.6954 46.0406 26.6954 45.4384C26.6954 45.4156 26.6944 45.3929 26.6923 45.3703L26.1968 39.9328C26.1614 39.5439 25.8334 39.2472 25.4429 39.2509C25.0524 39.2545 24.73 39.5572 24.7019 39.9468L24.3086 45.3843C24.3073 45.4023 24.3067 45.4203 24.3067 45.4384C24.3067 46.0406 23.8344 46.5009 23.2792 46.5009C22.7241 46.5009 22.2518 46.0406 22.2518 45.4384V35.2714C22.2518 34.936 22.0292 34.6414 21.7065 34.5498C21.3839 34.4583 21.0397 34.5921 20.8636 34.8775L20.1463 36.0398C19.8517 36.5192 19.227 36.6866 18.692 36.3736C18.2687 36.073 18.0921 35.41 18.4176 34.8424L21.2826 30.2537L21.2849 30.2501Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3028_9099">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/globe.svg b/assets/icons/complex/globe.svg
new file mode 100644
index 00000000..c04583ed
--- /dev/null
+++ b/assets/icons/complex/globe.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_216)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4131 16.6959C19.275 16.3089 20.8178 16.1758 22.45 17.4C23.1415 17.9186 23.6749 18.3341 24.0733 18.6541C24.4621 18.9663 24.9887 19.0875 25.4699 18.976C26.0718 18.8365 26.7487 18.7035 27.3256 18.6446C27.6114 18.6155 27.9011 18.6013 28.157 18.6225C28.2852 18.6332 28.4266 18.6543 28.5648 18.6975C28.6974 18.7389 28.8765 18.8158 29.0303 18.9696C29.1587 19.0979 29.2493 19.2688 29.2989 19.3658C29.3629 19.4908 29.4304 19.6409 29.4984 19.8028C29.6352 20.1283 29.7915 20.5421 29.9509 20.9849C30.2706 21.8729 30.6157 22.9135 30.8637 23.6766C31.0003 24.0971 31.3605 24.4446 31.8391 24.603C32.3701 24.7788 33.0318 25.0331 33.5746 25.3615C33.8454 25.5253 34.1209 25.7278 34.3363 25.9762C34.5529 26.2258 34.75 26.5717 34.75 26.9999C34.75 27.6354 34.4314 28.1491 34.1007 28.5349C33.7781 28.9113 33.3622 29.2578 33.0052 29.5552L32.9801 29.5761C32.5926 29.8991 32.2705 30.1701 32.0382 30.4412C31.8064 30.7116 31.75 30.8854 31.75 30.9999C31.75 31.5371 31.9001 32.3122 32.0636 33.1567C32.1004 33.3471 32.138 33.5411 32.1747 33.7367C32.2683 34.2361 32.3547 34.7458 32.3814 35.1719C32.3946 35.3842 32.3955 35.6088 32.3633 35.8175C32.3339 36.0081 32.2605 36.3001 32.0303 36.5303C32.0311 36.5295 32.0309 36.5297 32.0297 36.5311C32.0253 36.5362 32.0069 36.5571 31.9715 36.6029C31.9307 36.6556 31.8792 36.7258 31.8169 36.8136C31.6925 36.9891 31.5372 37.2182 31.3584 37.4863C31.1889 37.7405 31.0016 38.0249 30.8036 38.3257L30.7729 38.3724C30.564 38.6896 30.3441 39.0233 30.124 39.3535C29.686 40.0105 29.2381 40.667 28.8644 41.1624C28.6794 41.4079 28.499 41.632 28.3386 41.8008C28.2598 41.8837 28.1678 41.9725 28.0685 42.0461C28.0056 42.0927 27.793 42.2499 27.5 42.2499C27.2259 42.2499 26.9822 42.133 26.8449 42.0598C26.6792 41.9716 26.5088 41.8572 26.349 41.7395C26.0273 41.5027 25.6849 41.2054 25.4023 40.9448C25.0081 40.5813 24.7556 40.111 24.6396 39.6179L22.7779 31.7055C22.5391 30.9975 22.0939 29.9537 21.5346 29.0976C21.2504 28.6627 20.9566 28.3069 20.6702 28.0673C20.381 27.8252 20.159 27.7499 20 27.7499C19.3597 27.7499 18.8159 27.807 18.3839 27.8827C17.4705 28.0425 16.3523 27.9365 15.515 27.2387L14.2395 26.1758C13.6125 25.6533 13.25 24.8793 13.25 24.0632V23.2675C13.25 22.5881 13.5015 21.9328 13.9559 21.4278L17.7744 17.185C17.9116 17.0327 18.1197 16.8277 18.4131 16.6959ZM21.55 18.6C20.3702 17.7151 19.4099 17.8926 19.0275 18.0643C19.0243 18.0658 19.0111 18.0723 18.9866 18.0924C18.9614 18.1131 18.9301 18.1433 18.8894 18.1885L15.0709 22.4313C14.8643 22.6608 14.75 22.9587 14.75 23.2675V24.0632C14.75 24.4342 14.9148 24.786 15.1998 25.0235L16.4753 26.0864C16.8588 26.406 17.4732 26.5192 18.1253 26.4051C18.6406 26.3149 19.2709 26.2499 20 26.2499C20.641 26.2499 21.194 26.5496 21.6329 26.917C22.0747 27.2867 22.4621 27.7747 22.7904 28.2772C23.4477 29.2833 23.9476 30.4711 24.2115 31.2628L24.2223 31.295L26.0998 39.2743C26.1541 39.5053 26.2665 39.7013 26.4192 39.8421C26.6826 40.0851 26.9796 40.3411 27.2383 40.5316C27.2875 40.5678 27.3332 40.6 27.375 40.6283C27.4574 40.5308 27.555 40.4075 27.6668 40.2593C28.0119 39.8016 28.439 39.1769 28.876 38.5214C29.0934 38.1953 29.311 37.8649 29.5201 37.5474L29.5513 37.5L29.552 37.499C29.7491 37.1997 29.9384 36.9121 30.1103 36.6542C30.291 36.3833 30.456 36.1397 30.5933 35.946C30.6878 35.8126 30.79 35.6727 30.8842 35.5628C30.8907 35.5025 30.8931 35.406 30.8843 35.2655C30.864 34.9416 30.7942 34.5137 30.7003 34.0131C30.6702 33.8525 30.6372 33.6832 30.6032 33.5086C30.4386 32.6644 30.25 31.6974 30.25 30.9999C30.25 30.3645 30.5686 29.8508 30.8993 29.465C31.2219 29.0886 31.6378 28.7421 31.9948 28.4447L32.0199 28.4238C32.4074 28.1008 32.7295 27.8297 32.9618 27.5587C33.1794 27.3048 33.2424 27.1361 33.2493 27.0216C33.243 27.0102 33.2296 26.9895 33.2032 26.959C33.1295 26.8741 32.9983 26.766 32.7981 26.6449C32.3991 26.4035 31.8625 26.1908 31.3677 26.027C30.4965 25.7386 29.7398 25.0718 29.4371 24.1401C29.1906 23.3815 28.8512 22.3585 28.5396 21.493C28.3834 21.0591 28.2374 20.6737 28.1156 20.384C28.0699 20.2752 28.0299 20.1855 27.9961 20.1149C27.8734 20.1082 27.6999 20.1142 27.4779 20.1369C26.9926 20.1864 26.3859 20.3035 25.8085 20.4373C24.8746 20.6537 23.8778 20.421 23.134 19.8236C22.7505 19.5155 22.2304 19.1103 21.55 18.6Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.1737 32.52C38.0861 31.4251 39.8556 31.8299 40.2012 33.2125C40.2055 33.2296 40.2116 33.2462 40.2195 33.262L40.8093 34.4416C41.1783 35.1796 40.9816 36.0752 40.3373 36.5907L38.501 38.0597L37.7374 38.8233C36.635 39.9257 34.75 39.1449 34.75 37.5858V37.1926C34.75 36.97 34.7925 36.7494 34.8752 36.5427L35.7448 34.3686C35.813 34.198 35.9077 34.0393 36.0253 33.8982L37.1737 32.52ZM38.3261 33.4803C38.4526 33.3284 38.6981 33.3846 38.746 33.5763C38.7768 33.6996 38.821 33.8191 38.8779 33.9328L39.4676 35.1124C39.5204 35.2178 39.4923 35.3457 39.4002 35.4194L37.499 36.9403L36.6768 37.7626C36.5193 37.9201 36.25 37.8085 36.25 37.5858V37.1926C36.25 37.1608 36.2561 37.1293 36.2679 37.0998L37.1375 34.9257C37.1473 34.9013 37.1608 34.8786 37.1776 34.8585L38.3261 33.4803Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.7101 20.2586C45.9134 8.78076 35.9821 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 22.8189 47.9147 21.6577 47.7499 20.5223C47.7526 20.4319 47.7387 20.3426 47.7101 20.2586ZM46.5 24C46.5 36.4264 36.4264 46.5 24 46.5C18.1159 46.5 12.7593 44.2413 8.75004 40.5437L8.76002 40.4614C8.77 40.3809 8.78511 40.2638 8.80532 40.1198C8.84583 39.8312 8.90642 39.4376 8.98685 39.0153C9.06764 38.5912 9.16641 38.149 9.28169 37.76C9.4016 37.3553 9.52205 37.0692 9.62413 36.916C9.985 36.3748 10.4888 35.4727 10.8536 34.4849C11.2082 33.525 11.4845 32.3455 11.2277 31.3181C11.0942 30.784 10.8401 30.3696 10.4509 30.0892C10.0839 29.8248 9.67392 29.7379 9.35441 29.6929C9.2166 29.6734 9.07412 29.6595 8.94852 29.6471L8.88655 29.641C8.73907 29.6263 8.61067 29.6122 8.48872 29.5913C8.24762 29.5501 8.07501 29.489 7.93603 29.3897C7.43301 29.0304 7.09256 28.6913 6.75227 28.3133C6.65797 28.2086 6.55953 28.0958 6.45534 27.9765C6.19238 27.6753 5.89248 27.3317 5.53043 26.9696C4.66914 26.1083 3.80937 25.7359 2.96812 25.6308C2.46751 25.5682 1.98261 25.6051 1.56029 25.6598C1.52033 25.1118 1.5 24.5583 1.5 24C1.5 23.5529 1.51304 23.1088 1.53877 22.6681L1.62318 22.6549C1.68103 22.6459 1.74169 22.6364 1.80572 22.6263C2.05757 22.5862 2.34281 22.5373 2.63771 22.465C3.22869 22.3201 3.89255 22.0735 4.4846 21.5725C5.1733 20.9898 5.30799 20.1463 5.39018 19.6315C5.39767 19.5847 5.40473 19.5404 5.41172 19.4995C5.51498 18.8945 5.59966 18.7718 5.79119 18.6912C5.91587 18.6387 6.02039 18.6418 6.33476 18.7087L6.38969 18.7206C6.68619 18.7851 7.17353 18.8912 7.72781 18.7146C10.0893 17.9622 10.7531 15.3888 10.2271 13.3155C9.92496 12.1246 9.09701 11.2769 8.22301 10.7201C7.64712 10.3533 7.02137 10.0925 6.44096 9.92994C10.5646 4.79042 16.898 1.5 24 1.5C24.1454 1.5 24.2905 1.50138 24.4352 1.50412L21.4877 4.45163C21.2787 4.66069 21.0023 4.78888 20.7076 4.81343L17.2716 5.09976C15.8463 5.21854 14.75 6.41002 14.75 7.84027V8.68121C14.75 9.78129 15.4056 10.7755 16.4167 11.2089L18.1512 11.9522C18.6475 12.1649 19.1953 12.2268 19.7265 12.1302L23.0756 11.5213C23.8891 11.3734 24.7284 11.5411 25.4225 11.9903L31.897 16.1796C32.2698 16.4208 32.5892 16.7359 32.8355 17.1054L33.3663 17.9015C34.1533 19.082 35.7091 19.47 36.9582 18.7974L40.3401 16.9764C40.8846 16.6832 41.5617 16.8322 41.9327 17.327L43.5635 19.5013C43.8661 19.9048 44.2739 20.2173 44.7422 20.4046L46.3057 21.0301C46.4339 22.0019 46.5 22.9932 46.5 24ZM1.71916 27.1529C2.36698 31.7727 4.4177 35.9425 7.4268 39.2179C7.45268 39.0641 7.48152 38.9017 7.51334 38.7346C7.59922 38.2838 7.70878 37.7885 7.8435 37.3338C7.9736 36.8947 8.14481 36.4309 8.37606 36.084C8.68186 35.6253 9.12809 34.8273 9.44656 33.9652C9.77535 33.075 9.91565 32.2546 9.77249 31.6819C9.70601 31.416 9.6183 31.3381 9.57407 31.3062C9.50757 31.2583 9.39244 31.213 9.14519 31.1782C9.04127 31.1636 8.93446 31.153 8.80751 31.1405L8.73795 31.1336C8.58749 31.1187 8.41381 31.1003 8.2358 31.0698C7.87698 31.0085 7.45812 30.8917 7.06416 30.6103C6.44364 30.1671 6.02225 29.7443 5.6375 29.317C5.51562 29.1816 5.40225 29.0517 5.28976 28.9227C5.03984 28.6363 4.79434 28.3549 4.46976 28.0303C3.83105 27.3916 3.27416 27.1807 2.78207 27.1192C2.42643 27.0747 2.0898 27.1026 1.71916 27.1529ZM2.28052 21.0082C2.08349 21.0565 1.88444 21.0934 1.68173 21.1268C2.14491 17.4928 3.47497 14.1295 5.45802 11.2509C6.0161 11.3291 6.76314 11.5687 7.41714 11.9853C8.08976 12.4137 8.59515 12.9827 8.77318 13.6844C9.19302 15.3392 8.57575 16.8701 7.27248 17.2853C7.1183 17.3345 6.99239 17.3152 6.64726 17.2417L6.63741 17.2396C6.31695 17.1713 5.79818 17.0607 5.2091 17.3087C4.19341 17.7364 4.02806 18.6907 3.9331 19.2471C3.81868 19.9175 3.76418 20.2172 3.51569 20.4274C3.165 20.7242 2.74553 20.8942 2.28052 21.0082ZM46.0073 19.2952L45.2993 19.0119C45.0864 18.9268 44.9011 18.7847 44.7635 18.6013L43.1327 16.427C42.3164 15.3385 40.8269 15.0106 39.629 15.6557L36.2471 17.4767C35.6793 17.7824 34.9721 17.606 34.6144 17.0695L34.0836 16.2734C33.7236 15.7333 33.2567 15.2728 32.7118 14.9202L26.2374 10.7309C25.2229 10.0744 23.9962 9.8293 22.8073 10.0455L19.4581 10.6544C19.2167 10.6983 18.9677 10.6702 18.7421 10.5735L17.0076 9.83014C16.548 9.63317 16.25 9.18124 16.25 8.68121V7.84027C16.25 7.19016 16.7483 6.64857 17.3962 6.59458L20.8322 6.30825C21.4804 6.25423 22.0884 5.97222 22.5484 5.51229L26.4309 1.62979C36.1452 2.67336 44.0085 9.89963 46.0073 19.2952Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_216">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/graduate.svg b/assets/icons/complex/graduate.svg
new file mode 100644
index 00000000..805ff4d1
--- /dev/null
+++ b/assets/icons/complex/graduate.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.98339 11.7061L0.751476 11.2947C-0.250492 10.96 -0.250492 9.53997 0.751476 9.20531L23.6525 1.55651C23.8781 1.48116 24.1219 1.48116 24.3475 1.55651L47.2485 9.20531C48.2505 9.53997 48.2505 10.96 47.2485 11.2947L40.75 13.4652V16.9602C40.75 17.2929 40.5025 17.5689 40.1776 17.6403C39.7239 17.7399 39.25 17.42 39.25 16.9555V13.9661L24.3475 18.9435C24.1219 19.0188 23.8781 19.0188 23.6525 18.9435L8.75 13.9661V21.9588C8.75 22.3129 8.95003 22.6366 9.26671 22.7949C15.313 25.818 22.0571 26.8704 28.5892 25.9519C29.288 25.8537 29.7544 26.731 29.2554 27.2299C29.1482 27.3371 29.0095 27.4073 28.8594 27.4286C22.0108 28.4041 14.9364 27.3068 8.59589 24.1365C7.77104 23.7241 7.25 22.881 7.25 21.9588V13.4652L3.99988 12.3796V23C3.99988 23.5523 3.55216 24 2.99988 24H2.08307C1.49935 24 1.03971 23.5021 1.08626 22.9203L1.98339 11.7061ZM2.35859 10.25L3.78688 10.727L23.9453 9.25203C24.3584 9.22181 24.7178 9.53219 24.748 9.9453C24.7783 10.3584 24.4679 10.7178 24.0548 10.748L7.48073 11.9608L24 17.4781L45.6414 10.25L24 3.02189L2.35859 10.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.636 36.6985L27.682 43.6525C25.9246 45.4099 23.0754 45.4099 21.318 43.6525C19.5607 41.8952 19.5607 39.0459 21.318 37.2886L38.2886 20.318C40.0459 18.5607 42.8952 18.5607 44.6525 20.318C46.4099 22.0754 46.4099 24.9246 44.6525 26.682L38.886 32.4485V42.3065L36.761 39.477L34.636 45.136V36.6985ZM33.6217 31.3489C34.7542 32.4814 34.8249 34.3883 33.6924 35.5208L28.9901 40.2231C28.9035 39.2021 28.5692 38.1758 27.682 37.2886C26.7948 36.4014 25.7685 36.067 24.7475 35.9804L29.4497 31.2782C30.5823 30.1457 32.4892 30.2164 33.6217 31.3489ZM43.6626 25.5506C44.7951 24.4181 44.7244 22.5112 43.5919 21.3787C42.4594 20.2462 40.5525 20.1754 39.42 21.308L34.5763 26.1517C35.5973 26.2383 36.6236 26.5726 37.5108 27.4598C38.398 28.347 38.7323 29.3733 38.8189 30.3943L43.6626 25.5506ZM26.6213 42.5919C25.4497 43.7635 23.5503 43.7635 22.3787 42.5919C21.2071 41.4203 21.2071 39.5208 22.3787 38.3492C23.5503 37.1777 25.4497 37.1777 26.6213 38.3492C27.7929 39.5208 27.7929 41.4203 26.6213 42.5919Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand-400.svg b/assets/icons/complex/hand-400.svg
new file mode 100644
index 00000000..217c3eeb
--- /dev/null
+++ b/assets/icons/complex/hand-400.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.57447 0.000854492H44.4255C46.3997 0.000854492 48 1.6012 48 3.57532V19.9157C48 21.8899 46.3997 23.4902 44.4255 23.4902H26.0426V28.717H28.8088C29.5549 28.717 30.2704 29.0134 30.798 29.541C31.3255 30.0685 31.6219 30.7841 31.6219 31.5301C31.6219 32.2674 31.3648 32.9732 30.902 33.4934C30.9714 33.5496 31.0378 33.6089 31.101 33.6711C31.6456 34.2071 31.9146 34.9194 31.9146 35.6245C31.9146 36.3296 31.6456 37.0418 31.101 37.5778C30.9453 37.731 30.7708 37.8663 30.579 37.9816C30.9914 38.4853 31.1954 39.1048 31.1954 39.7188C31.1954 40.4239 30.9263 41.1361 30.3818 41.6721C30.1309 41.919 29.8312 42.1194 29.4889 42.2643C29.8068 42.73 29.9643 43.2737 29.9643 43.8131C29.9643 44.5182 29.6953 45.2304 29.1507 45.7664C28.5997 46.3087 27.8132 46.6262 26.8585 46.6262H9.89928C9.46797 47.4256 8.62283 47.9688 7.65082 47.9688H5.10638C3.69629 47.9688 2.55319 46.8257 2.55319 45.4156V31.6604C2.55319 30.2503 3.69629 29.1072 5.10638 29.1072H7.65082C8.73855 29.1072 9.66742 29.7874 10.0353 30.7457L15.7273 26.3329C16.3247 25.7954 17.0894 25.4799 17.8927 25.4403C18.7073 25.4001 19.5102 25.6459 20.1626 26.1353L21.9574 27.4814V23.4902H3.57447C1.60035 23.4902 0 21.8899 0 19.9157V3.57532C0 1.6012 1.60034 0.000854492 3.57447 0.000854492ZM3.57447 1.53277C2.4464 1.53277 1.53192 2.44725 1.53192 3.57532V19.9157C1.53192 21.0438 2.4464 21.9583 3.57447 21.9583H44.4255C45.5536 21.9583 46.4681 21.0438 46.4681 19.9157V3.57532C46.4681 2.44725 45.5536 1.53277 44.4255 1.53277H3.57447ZM28.0761 42.9516C27.8471 42.7262 27.4637 42.5319 26.8585 42.5319H26.0792C25.6562 42.5319 25.3132 42.189 25.3132 41.766C25.3132 41.5545 25.399 41.363 25.5376 41.2244C25.5722 41.1897 25.6102 41.1584 25.6509 41.1308C25.7732 41.0482 25.9206 41 26.0792 41H28.0896C28.6948 41 29.0782 40.8057 29.3072 40.5803C29.5426 40.3486 29.6635 40.0373 29.6635 39.7188C29.6635 39.4003 29.5426 39.0889 29.3072 38.8572C29.0782 38.6319 28.6948 38.4376 28.0896 38.4376H26.0792C25.6562 38.4376 25.3133 38.0946 25.3133 37.6716C25.3133 37.2486 25.6562 36.9057 26.0792 36.9057H28.8088C29.414 36.9057 29.7974 36.7114 30.0264 36.486C30.2618 36.2543 30.3827 35.9429 30.3827 35.6245C30.3827 35.306 30.2618 34.9946 30.0264 34.7629C29.7974 34.5375 29.414 34.3433 28.8088 34.3433H26.0792C25.6562 34.3433 25.3133 34.0003 25.3133 33.5773C25.3133 33.1543 25.6562 32.8113 26.0792 32.8113H28.9671C29.5961 32.8113 30.09 32.3212 30.09 31.5301C30.09 31.1903 29.955 30.8645 29.7147 30.6242C29.4745 30.3839 29.1486 30.2489 28.8088 30.2489H23.3601C23.3528 30.249 23.3454 30.249 23.338 30.2489H19.2554C18.8324 30.2489 18.4894 29.906 18.4894 29.483C18.4894 29.06 18.8324 28.717 19.2554 28.717H21.0517L19.2434 27.3608C18.8769 27.0859 18.4258 26.9477 17.9683 26.9703C17.5107 26.9929 17.0754 27.1748 16.7378 27.4845C16.7223 27.4987 16.7061 27.5124 16.6894 27.5253L10.2128 32.5464V45.0943H26.8585C27.4637 45.0943 27.8471 44.9 28.0761 44.6746C28.3115 44.443 28.4324 44.1316 28.4324 43.8131C28.4324 43.4946 28.3115 43.1833 28.0761 42.9516ZM4.08511 31.6604C4.08511 31.0964 4.54235 30.6392 5.10638 30.6392H7.65082C8.21486 30.6392 8.6721 31.0964 8.6721 31.6604V45.4156C8.6721 45.9796 8.21486 46.4368 7.65082 46.4368H5.10638C4.54235 46.4368 4.08511 45.9796 4.08511 45.4156V31.6604Z" fill="currentColor"/>
+<path d="M27.3467 11.4099V13.213C27.3467 14.0766 27.2619 14.814 27.0923 15.4251C26.9278 16.0312 26.6884 16.5236 26.3742 16.9024C26.06 17.2812 25.6835 17.5589 25.2447 17.7357C24.8108 17.9125 24.3246 18.0009 23.786 18.0009C23.3571 18.0009 22.9582 17.9453 22.5891 17.8342C22.2251 17.7231 21.8959 17.5488 21.6017 17.3115C21.3075 17.0741 21.0556 16.7685 20.8462 16.3948C20.6417 16.016 20.4821 15.564 20.3674 15.0387C20.2577 14.5135 20.2029 13.9049 20.2029 13.213V11.4099C20.2029 10.5413 20.2876 9.80894 20.4572 9.21298C20.6268 8.61197 20.8686 8.12459 21.1828 7.75085C21.497 7.37207 21.871 7.09681 22.3049 6.9251C22.7437 6.75338 23.2324 6.66752 23.771 6.66752C24.2049 6.66752 24.6038 6.72308 24.9679 6.83419C25.3369 6.94025 25.6661 7.10944 25.9553 7.34176C26.2495 7.57409 26.4989 7.87712 26.7033 8.25085C26.9128 8.61954 27.0724 9.06651 27.1821 9.59176C27.2918 10.112 27.3467 10.718 27.3467 11.4099ZM25.5439 13.4706V11.1372C25.5439 10.6978 25.5189 10.3115 25.4691 9.97813C25.4192 9.63974 25.3444 9.35439 25.2447 9.12207C25.1499 8.88469 25.0302 8.69277 24.8856 8.54631C24.741 8.39479 24.5764 8.28621 24.3919 8.22055C24.2074 8.14984 24.0004 8.11449 23.771 8.11449C23.4918 8.11449 23.2424 8.17005 23.023 8.28116C22.8036 8.38722 22.619 8.55894 22.4694 8.79631C22.3198 9.03368 22.2051 9.34681 22.1253 9.7357C22.0505 10.1195 22.0131 10.5867 22.0131 11.1372V13.4706C22.0131 13.915 22.0381 14.3064 22.0879 14.6448C22.1378 14.9832 22.2126 15.2736 22.3123 15.516C22.4121 15.7534 22.5318 15.9504 22.6714 16.1069C22.816 16.2584 22.9806 16.3695 23.1651 16.4403C23.3546 16.511 23.5616 16.5463 23.786 16.5463C24.0702 16.5463 24.3221 16.4908 24.5415 16.3796C24.7609 16.2685 24.9454 16.0918 25.0951 15.8493C25.2447 15.6019 25.3569 15.2812 25.4317 14.8872C25.5065 14.4933 25.5439 14.0211 25.5439 13.4706Z" fill="currentColor"/>
+<path d="M36.6667 11.4099V13.213C36.6667 14.0766 36.5819 14.814 36.4123 15.4251C36.2478 16.0312 36.0084 16.5236 35.6942 16.9024C35.38 17.2812 35.0035 17.5589 34.5647 17.7357C34.1308 17.9125 33.6446 18.0009 33.106 18.0009C32.6771 18.0009 32.2782 17.9453 31.9091 17.8342C31.5451 17.7231 31.2159 17.5488 30.9217 17.3115C30.6275 17.0741 30.3756 16.7685 30.1662 16.3948C29.9617 16.016 29.8021 15.564 29.6874 15.0387C29.5777 14.5135 29.5229 13.9049 29.5229 13.213V11.4099C29.5229 10.5413 29.6076 9.80894 29.7772 9.21298C29.9468 8.61197 30.1886 8.12459 30.5028 7.75085C30.817 7.37207 31.191 7.09681 31.6249 6.9251C32.0637 6.75338 32.5524 6.66752 33.091 6.66752C33.5249 6.66752 33.9239 6.72308 34.2879 6.83419C34.6569 6.94025 34.9861 7.10944 35.2753 7.34176C35.5695 7.57409 35.8189 7.87712 36.0234 8.25085C36.2328 8.61954 36.3924 9.06651 36.5021 9.59176C36.6118 10.112 36.6667 10.718 36.6667 11.4099ZM34.8639 13.4706V11.1372C34.8639 10.6978 34.839 10.3115 34.7891 9.97813C34.7392 9.63974 34.6644 9.35439 34.5647 9.12207C34.4699 8.88469 34.3502 8.69277 34.2056 8.54631C34.061 8.39479 33.8964 8.28621 33.7119 8.22055C33.5274 8.14984 33.3204 8.11449 33.091 8.11449C32.8118 8.11449 32.5624 8.17005 32.343 8.28116C32.1236 8.38722 31.939 8.55894 31.7894 8.79631C31.6398 9.03368 31.5251 9.34681 31.4453 9.7357C31.3705 10.1195 31.3331 10.5867 31.3331 11.1372V13.4706C31.3331 13.915 31.3581 14.3064 31.4079 14.6448C31.4578 14.9832 31.5326 15.2736 31.6323 15.516C31.7321 15.7534 31.8518 15.9504 31.9914 16.1069C32.136 16.2584 32.3006 16.3695 32.4851 16.4403C32.6746 16.511 32.8816 16.5463 33.106 16.5463C33.3902 16.5463 33.6421 16.4908 33.8615 16.3796C34.0809 16.2685 34.2655 16.0918 34.4151 15.8493C34.5647 15.6019 34.6769 15.2812 34.7517 14.8872C34.8265 14.4933 34.8639 14.0211 34.8639 13.4706Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.581 13.984V15.4386H17.2195V17.9158H15.4167V15.4386H10.7265L10.6667 14.3401L15.3644 6.88552H17.2195V13.984H18.581ZM12.5443 13.984L15.4001 9.34776V13.984H12.5443Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand-401.svg b/assets/icons/complex/hand-401.svg
new file mode 100644
index 00000000..5b1647b5
--- /dev/null
+++ b/assets/icons/complex/hand-401.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.57447 0.000854492H44.4255C46.3997 0.000854492 48 1.6012 48 3.57532V19.9157C48 21.8899 46.3997 23.4902 44.4255 23.4902H26.0426V28.717H28.8088C29.5549 28.717 30.2704 29.0134 30.798 29.541C31.3255 30.0685 31.6219 30.7841 31.6219 31.5301C31.6219 32.2674 31.3648 32.9732 30.902 33.4934C30.9714 33.5496 31.0378 33.6089 31.101 33.6711C31.6456 34.2071 31.9146 34.9194 31.9146 35.6245C31.9146 36.3296 31.6456 37.0418 31.101 37.5778C30.9453 37.731 30.7708 37.8663 30.579 37.9816C30.9914 38.4853 31.1954 39.1048 31.1954 39.7188C31.1954 40.4239 30.9263 41.1361 30.3818 41.6721C30.1309 41.919 29.8312 42.1194 29.4889 42.2643C29.8068 42.73 29.9643 43.2737 29.9643 43.8131C29.9643 44.5182 29.6953 45.2304 29.1507 45.7664C28.5997 46.3087 27.8132 46.6262 26.8585 46.6262H9.89928C9.46797 47.4256 8.62283 47.9688 7.65082 47.9688H5.10638C3.69629 47.9688 2.55319 46.8257 2.55319 45.4156V31.6604C2.55319 30.2503 3.69629 29.1072 5.10638 29.1072H7.65082C8.73855 29.1072 9.66742 29.7874 10.0353 30.7457L15.7273 26.3329C16.3247 25.7954 17.0894 25.4799 17.8927 25.4403C18.7073 25.4001 19.5102 25.6459 20.1626 26.1353L21.9574 27.4814V23.4902H3.57447C1.60035 23.4902 0 21.8899 0 19.9157V3.57532C0 1.6012 1.60034 0.000854492 3.57447 0.000854492ZM3.57447 1.53277C2.4464 1.53277 1.53192 2.44725 1.53192 3.57532V19.9157C1.53192 21.0438 2.4464 21.9583 3.57447 21.9583H44.4255C45.5536 21.9583 46.4681 21.0438 46.4681 19.9157V3.57532C46.4681 2.44725 45.5536 1.53277 44.4255 1.53277H3.57447ZM28.0761 42.9516C27.8471 42.7262 27.4637 42.5319 26.8585 42.5319H26.0792C25.6562 42.5319 25.3132 42.189 25.3132 41.766C25.3132 41.5545 25.399 41.363 25.5376 41.2244C25.5722 41.1897 25.6102 41.1584 25.6509 41.1308C25.7732 41.0482 25.9206 41 26.0792 41H28.0896C28.6948 41 29.0782 40.8057 29.3072 40.5803C29.5426 40.3486 29.6635 40.0373 29.6635 39.7188C29.6635 39.4003 29.5426 39.0889 29.3072 38.8572C29.0782 38.6319 28.6948 38.4376 28.0896 38.4376H26.0792C25.6562 38.4376 25.3133 38.0946 25.3133 37.6716C25.3133 37.2486 25.6562 36.9057 26.0792 36.9057H28.8088C29.414 36.9057 29.7974 36.7114 30.0264 36.486C30.2618 36.2543 30.3827 35.9429 30.3827 35.6245C30.3827 35.306 30.2618 34.9946 30.0264 34.7629C29.7974 34.5375 29.414 34.3433 28.8088 34.3433H26.0792C25.6562 34.3433 25.3133 34.0003 25.3133 33.5773C25.3133 33.1543 25.6562 32.8113 26.0792 32.8113H28.9671C29.5961 32.8113 30.09 32.3212 30.09 31.5301C30.09 31.1903 29.955 30.8645 29.7147 30.6242C29.4745 30.3839 29.1486 30.2489 28.8088 30.2489H23.3601C23.3528 30.249 23.3454 30.249 23.338 30.2489H19.2554C18.8324 30.2489 18.4894 29.906 18.4894 29.483C18.4894 29.06 18.8324 28.717 19.2554 28.717H21.0517L19.2434 27.3608C18.8769 27.0859 18.4258 26.9477 17.9683 26.9703C17.5107 26.9929 17.0754 27.1748 16.7378 27.4845C16.7223 27.4987 16.7061 27.5124 16.6894 27.5253L10.2128 32.5464V45.0943H26.8585C27.4637 45.0943 27.8471 44.9 28.0761 44.6746C28.3115 44.443 28.4324 44.1316 28.4324 43.8131C28.4324 43.4946 28.3115 43.1833 28.0761 42.9516ZM4.08511 31.6604C4.08511 31.0964 4.54235 30.6392 5.10638 30.6392H7.65082C8.21486 30.6392 8.6721 31.0964 8.6721 31.6604V45.4156C8.6721 45.9796 8.21486 46.4368 7.65082 46.4368H5.10638C4.54235 46.4368 4.08511 45.9796 4.08511 45.4156V31.6604Z" fill="currentColor"/>
+<path d="M28.9396 11.4099V13.213C28.9396 14.0766 28.8558 14.814 28.6882 15.4251C28.5256 16.0312 28.289 16.5236 27.9784 16.9024C27.6679 17.2812 27.2958 17.5589 26.862 17.7357C26.4332 17.9125 25.9526 18.0009 25.4202 18.0009C24.9963 18.0009 24.602 17.9453 24.2372 17.8342C23.8774 17.7231 23.5521 17.5488 23.2613 17.3115C22.9704 17.0741 22.7215 16.7685 22.5145 16.3948C22.3124 16.016 22.1547 15.564 22.0413 15.0387C21.9329 14.5135 21.8786 13.9049 21.8786 13.213V11.4099C21.8786 10.5413 21.9624 9.80894 22.13 9.21298C22.2976 8.61197 22.5367 8.12459 22.8472 7.75085C23.1577 7.37207 23.5274 7.09681 23.9563 6.9251C24.39 6.75338 24.8731 6.66752 25.4054 6.66752C25.8343 6.66752 26.2286 6.72308 26.5884 6.83419C26.9532 6.94025 27.2785 7.10944 27.5644 7.34176C27.8552 7.57409 28.1017 7.87712 28.3038 8.25085C28.5108 8.61954 28.6685 9.06651 28.777 9.59176C28.8854 10.112 28.9396 10.718 28.9396 11.4099ZM27.1577 13.4706V11.1372C27.1577 10.6978 27.1331 10.3115 27.0838 9.97813C27.0345 9.63974 26.9606 9.35439 26.862 9.12207C26.7683 8.88469 26.65 8.69277 26.5071 8.54631C26.3641 8.39479 26.2015 8.28621 26.0191 8.22055C25.8367 8.14984 25.6322 8.11449 25.4054 8.11449C25.1294 8.11449 24.8829 8.17005 24.6661 8.28116C24.4492 8.38722 24.2668 8.55894 24.1189 8.79631C23.9711 9.03368 23.8577 9.34681 23.7788 9.7357C23.7049 10.1195 23.6679 10.5867 23.6679 11.1372V13.4706C23.6679 13.915 23.6926 14.3064 23.7418 14.6448C23.7911 14.9832 23.8651 15.2736 23.9637 15.516C24.0622 15.7534 24.1805 15.9504 24.3186 16.1069C24.4615 16.2584 24.6242 16.3695 24.8065 16.4403C24.9938 16.511 25.1984 16.5463 25.4202 16.5463C25.7012 16.5463 25.9501 16.4908 26.167 16.3796C26.3839 16.2685 26.5662 16.0918 26.7141 15.8493C26.862 15.6019 26.9729 15.2812 27.0468 14.8872C27.1208 14.4933 27.1577 14.0211 27.1577 13.4706Z" fill="currentColor"/>
+<path d="M36 6.78116V17.8493H34.2181V8.94782L31.5786 9.86449V8.35692L35.7856 6.78116H36Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8225 13.8682V15.3228H18.4769V17.8H16.695V15.3228H12.0591L12 14.2243L16.6432 6.76974H18.4769V13.8682H19.8225ZM13.8558 13.8682L16.6786 9.23197V13.8682H13.8558Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand-403.svg b/assets/icons/complex/hand-403.svg
new file mode 100644
index 00000000..58cbf660
--- /dev/null
+++ b/assets/icons/complex/hand-403.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.57447 0.000854492H44.4255C46.3997 0.000854492 48 1.6012 48 3.57532V19.9157C48 21.8899 46.3997 23.4902 44.4255 23.4902H26.0426V28.717H28.8088C29.5549 28.717 30.2704 29.0134 30.798 29.541C31.3255 30.0685 31.6219 30.7841 31.6219 31.5301C31.6219 32.2674 31.3648 32.9732 30.902 33.4934C30.9714 33.5496 31.0378 33.6089 31.101 33.6711C31.6456 34.2071 31.9146 34.9194 31.9146 35.6245C31.9146 36.3296 31.6456 37.0418 31.101 37.5778C30.9453 37.731 30.7708 37.8663 30.579 37.9816C30.9914 38.4853 31.1954 39.1048 31.1954 39.7188C31.1954 40.4239 30.9263 41.1361 30.3818 41.6721C30.1309 41.919 29.8312 42.1194 29.4889 42.2643C29.8068 42.73 29.9643 43.2737 29.9643 43.8131C29.9643 44.5182 29.6953 45.2304 29.1507 45.7664C28.5997 46.3087 27.8132 46.6262 26.8585 46.6262H9.89928C9.46797 47.4256 8.62283 47.9688 7.65082 47.9688H5.10638C3.69629 47.9688 2.55319 46.8257 2.55319 45.4156V31.6604C2.55319 30.2503 3.69629 29.1072 5.10638 29.1072H7.65082C8.73855 29.1072 9.66742 29.7874 10.0353 30.7457L15.7273 26.3329C16.3247 25.7954 17.0894 25.4799 17.8927 25.4403C18.7073 25.4001 19.5102 25.6459 20.1626 26.1353L21.9574 27.4814V23.4902H3.57447C1.60035 23.4902 0 21.8899 0 19.9157V3.57532C0 1.6012 1.60034 0.000854492 3.57447 0.000854492ZM3.57447 1.53277C2.4464 1.53277 1.53192 2.44725 1.53192 3.57532V19.9157C1.53192 21.0438 2.4464 21.9583 3.57447 21.9583H44.4255C45.5536 21.9583 46.4681 21.0438 46.4681 19.9157V3.57532C46.4681 2.44725 45.5536 1.53277 44.4255 1.53277H3.57447ZM28.0761 42.9516C27.8471 42.7262 27.4637 42.5319 26.8585 42.5319H26.0792C25.6562 42.5319 25.3132 42.189 25.3132 41.766C25.3132 41.5545 25.399 41.363 25.5376 41.2244C25.5722 41.1897 25.6102 41.1584 25.6509 41.1308C25.7732 41.0482 25.9206 41 26.0792 41H28.0896C28.6948 41 29.0782 40.8057 29.3072 40.5803C29.5426 40.3486 29.6635 40.0373 29.6635 39.7188C29.6635 39.4003 29.5426 39.0889 29.3072 38.8572C29.0782 38.6319 28.6948 38.4376 28.0896 38.4376H26.0792C25.6562 38.4376 25.3133 38.0946 25.3133 37.6716C25.3133 37.2486 25.6562 36.9057 26.0792 36.9057H28.8088C29.414 36.9057 29.7974 36.7114 30.0264 36.486C30.2618 36.2543 30.3827 35.9429 30.3827 35.6245C30.3827 35.306 30.2618 34.9946 30.0264 34.7629C29.7974 34.5375 29.414 34.3433 28.8088 34.3433H26.0792C25.6562 34.3433 25.3133 34.0003 25.3133 33.5773C25.3133 33.1543 25.6562 32.8113 26.0792 32.8113H28.9671C29.5961 32.8113 30.09 32.3212 30.09 31.5301C30.09 31.1903 29.955 30.8645 29.7147 30.6242C29.4745 30.3839 29.1486 30.2489 28.8088 30.2489H23.3601C23.3528 30.249 23.3454 30.249 23.338 30.2489H19.2554C18.8324 30.2489 18.4894 29.906 18.4894 29.483C18.4894 29.06 18.8324 28.717 19.2554 28.717H21.0517L19.2434 27.3608C18.8769 27.0859 18.4258 26.9477 17.9683 26.9703C17.5107 26.9929 17.0754 27.1748 16.7378 27.4845C16.7223 27.4987 16.7061 27.5124 16.6894 27.5253L10.2128 32.5464V45.0943H26.8585C27.4637 45.0943 27.8471 44.9 28.0761 44.6746C28.3115 44.443 28.4324 44.1316 28.4324 43.8131C28.4324 43.4946 28.3115 43.1833 28.0761 42.9516ZM4.08511 31.6604C4.08511 31.0964 4.54235 30.6392 5.10638 30.6392H7.65082C8.21486 30.6392 8.6721 31.0964 8.6721 31.6604V45.4156C8.6721 45.9796 8.21486 46.4368 7.65082 46.4368H5.10638C4.54235 46.4368 4.08511 45.9796 4.08511 45.4156V31.6604Z" fill="currentColor"/>
+<path d="M27.4244 11.4099V13.213C27.4244 14.0766 27.3397 14.814 27.1703 15.4251C27.006 16.0312 26.7668 16.5236 26.453 16.9024C26.1392 17.2812 25.7631 17.5589 25.3247 17.7357C24.8914 17.9125 24.4057 18.0009 23.8677 18.0009C23.4393 18.0009 23.0408 17.9453 22.6722 17.8342C22.3085 17.7231 21.9798 17.5488 21.6859 17.3115C21.392 17.0741 21.1404 16.7685 20.9312 16.3948C20.727 16.016 20.5676 15.564 20.453 15.0387C20.3434 14.5135 20.2886 13.9049 20.2886 13.213V11.4099C20.2886 10.5413 20.3733 9.80894 20.5427 9.21298C20.712 8.61197 20.9536 8.12459 21.2674 7.75085C21.5813 7.37207 21.9549 7.09681 22.3882 6.9251C22.8266 6.75338 23.3148 6.66752 23.8528 6.66752C24.2861 6.66752 24.6846 6.72308 25.0483 6.83419C25.4169 6.94025 25.7457 7.10944 26.0346 7.34176C26.3285 7.57409 26.5776 7.87712 26.7818 8.25085C26.991 8.61954 27.1504 9.06651 27.26 9.59176C27.3696 10.112 27.4244 10.718 27.4244 11.4099ZM25.6236 13.4706V11.1372C25.6236 10.6978 25.5987 10.3115 25.5489 9.97813C25.4991 9.63974 25.4244 9.35439 25.3247 9.12207C25.2301 8.88469 25.1106 8.69277 24.9661 8.54631C24.8216 8.39479 24.6572 8.28621 24.4729 8.22055C24.2886 8.14984 24.0819 8.11449 23.8528 8.11449C23.5738 8.11449 23.3247 8.17005 23.1056 8.28116C22.8864 8.38722 22.7021 8.55894 22.5526 8.79631C22.4032 9.03368 22.2886 9.34681 22.2089 9.7357C22.1342 10.1195 22.0968 10.5867 22.0968 11.1372V13.4706C22.0968 13.915 22.1217 14.3064 22.1716 14.6448C22.2214 14.9832 22.2961 15.2736 22.3957 15.516C22.4953 15.7534 22.6149 15.9504 22.7544 16.1069C22.8988 16.2584 23.0632 16.3695 23.2475 16.4403C23.4368 16.511 23.6435 16.5463 23.8677 16.5463C24.1516 16.5463 24.4032 16.4908 24.6224 16.3796C24.8416 16.2685 25.0259 16.0918 25.1753 15.8493C25.3247 15.6019 25.4368 15.2812 25.5115 14.8872C25.5863 14.4933 25.6236 14.0211 25.6236 13.4706Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5721 13.984V15.4386H17.2122V17.9158H15.4114V15.4386H10.7264L10.6667 14.3401L15.3591 6.88552H17.2122V13.984H18.5721ZM12.5421 13.984L15.3948 9.34776V13.984H12.5421Z" fill="currentColor"/>
+<path d="M31.7576 11.5084H32.8335C33.252 11.5084 33.5982 11.4352 33.8721 11.2887C34.1511 11.1423 34.3578 10.9402 34.4923 10.6827C34.6268 10.4251 34.6941 10.1296 34.6941 9.79631C34.6941 9.44782 34.6318 9.14985 34.5073 8.90237C34.3877 8.64985 34.2034 8.4554 33.9543 8.31904C33.7102 8.18267 33.3989 8.11449 33.0203 8.11449C32.7015 8.11449 32.4126 8.18015 32.1536 8.31146C31.8995 8.43772 31.6978 8.61954 31.5483 8.85692C31.3989 9.08924 31.3242 9.36702 31.3242 9.69025H29.516C29.516 9.10439 29.6679 8.58419 29.9717 8.12964C30.2756 7.6751 30.6891 7.31904 31.2121 7.06146C31.7401 6.79883 32.3329 6.66752 32.9904 6.66752C33.6928 6.66752 34.3055 6.78621 34.8286 7.02358C35.3566 7.25591 35.7675 7.60439 36.0614 8.06904C36.3553 8.53368 36.5023 9.10944 36.5023 9.79631C36.5023 10.1094 36.4301 10.4276 36.2856 10.7509C36.1411 11.0741 35.9269 11.3695 35.643 11.6372C35.4195 11.8439 35.1528 12.0209 34.8429 12.1682C35.2489 12.3162 35.5829 12.5418 35.8447 12.7887C36.1287 13.0514 36.3354 13.3519 36.4649 13.6902C36.5994 14.0286 36.6667 14.3872 36.6667 14.766C36.6667 15.2812 36.5745 15.7408 36.3902 16.1448C36.2109 16.5438 35.9543 16.8822 35.6206 17.1599C35.2868 17.4377 34.8958 17.6473 34.4475 17.7887C34.0041 17.9301 33.521 18.0009 32.9979 18.0009C32.5297 18.0009 32.0813 17.9352 31.6529 17.8039C31.2246 17.6726 30.841 17.4781 30.5023 17.2206C30.1635 16.9579 29.8945 16.6322 29.6953 16.2433C29.501 15.8493 29.4039 15.3948 29.4039 14.8796H31.2046C31.2046 15.2079 31.2793 15.4983 31.4288 15.7509C31.5832 15.9983 31.7974 16.1928 32.0714 16.3342C32.3503 16.4756 32.6691 16.5463 33.0278 16.5463C33.4064 16.5463 33.7327 16.4781 34.0066 16.3418C34.2806 16.2054 34.4898 16.0034 34.6343 15.7357C34.7837 15.468 34.8584 15.1448 34.8584 14.766C34.8584 14.3367 34.7762 13.9882 34.6119 13.7206C34.4475 13.4529 34.2134 13.2559 33.9095 13.1296C33.6056 12.9983 33.247 12.9327 32.8335 12.9327H31.7576V11.5084Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand-404.svg b/assets/icons/complex/hand-404.svg
new file mode 100644
index 00000000..e649c612
--- /dev/null
+++ b/assets/icons/complex/hand-404.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.57447 0.000854492H44.4255C46.3997 0.000854492 48 1.6012 48 3.57532V19.9157C48 21.8899 46.3997 23.4902 44.4255 23.4902H26.0426V28.717H28.8088C29.5549 28.717 30.2704 29.0134 30.798 29.541C31.3255 30.0685 31.6219 30.7841 31.6219 31.5301C31.6219 32.2674 31.3648 32.9732 30.902 33.4934C30.9714 33.5496 31.0378 33.6089 31.101 33.6711C31.6456 34.2071 31.9146 34.9194 31.9146 35.6245C31.9146 36.3296 31.6456 37.0418 31.101 37.5778C30.9453 37.731 30.7708 37.8663 30.579 37.9816C30.9914 38.4853 31.1954 39.1048 31.1954 39.7188C31.1954 40.4239 30.9263 41.1361 30.3818 41.6721C30.1309 41.919 29.8312 42.1194 29.4889 42.2643C29.8068 42.73 29.9643 43.2737 29.9643 43.8131C29.9643 44.5182 29.6953 45.2304 29.1507 45.7664C28.5997 46.3087 27.8132 46.6262 26.8585 46.6262H9.89928C9.46797 47.4256 8.62283 47.9688 7.65082 47.9688H5.10638C3.69629 47.9688 2.55319 46.8257 2.55319 45.4156V31.6604C2.55319 30.2503 3.69629 29.1072 5.10638 29.1072H7.65082C8.73855 29.1072 9.66742 29.7874 10.0353 30.7457L15.7273 26.3329C16.3247 25.7954 17.0894 25.4799 17.8927 25.4403C18.7073 25.4001 19.5102 25.6459 20.1626 26.1353L21.9574 27.4814V23.4902H3.57447C1.60035 23.4902 0 21.8899 0 19.9157V3.57532C0 1.6012 1.60034 0.000854492 3.57447 0.000854492ZM3.57447 1.53277C2.4464 1.53277 1.53192 2.44725 1.53192 3.57532V19.9157C1.53192 21.0438 2.4464 21.9583 3.57447 21.9583H44.4255C45.5536 21.9583 46.4681 21.0438 46.4681 19.9157V3.57532C46.4681 2.44725 45.5536 1.53277 44.4255 1.53277H3.57447ZM28.0761 42.9516C27.8471 42.7262 27.4637 42.5319 26.8585 42.5319H26.0792C25.6562 42.5319 25.3132 42.189 25.3132 41.766C25.3132 41.5545 25.399 41.363 25.5376 41.2244C25.5722 41.1897 25.6102 41.1584 25.6509 41.1308C25.7732 41.0482 25.9206 41 26.0792 41H28.0896C28.6948 41 29.0782 40.8057 29.3072 40.5803C29.5426 40.3486 29.6635 40.0373 29.6635 39.7188C29.6635 39.4003 29.5426 39.0889 29.3072 38.8572C29.0782 38.6319 28.6948 38.4376 28.0896 38.4376H26.0792C25.6562 38.4376 25.3133 38.0946 25.3133 37.6716C25.3133 37.2486 25.6562 36.9057 26.0792 36.9057H28.8088C29.414 36.9057 29.7974 36.7114 30.0264 36.486C30.2618 36.2543 30.3827 35.9429 30.3827 35.6245C30.3827 35.306 30.2618 34.9946 30.0264 34.7629C29.7974 34.5375 29.414 34.3433 28.8088 34.3433H26.0792C25.6562 34.3433 25.3133 34.0003 25.3133 33.5773C25.3133 33.1543 25.6562 32.8113 26.0792 32.8113H28.9671C29.5961 32.8113 30.09 32.3212 30.09 31.5301C30.09 31.1903 29.955 30.8645 29.7147 30.6242C29.4745 30.3839 29.1486 30.2489 28.8088 30.2489H23.3601C23.3528 30.249 23.3454 30.249 23.338 30.2489H19.2554C18.8324 30.2489 18.4894 29.906 18.4894 29.483C18.4894 29.06 18.8324 28.717 19.2554 28.717H21.0517L19.2434 27.3608C18.8769 27.0859 18.4258 26.9477 17.9683 26.9703C17.5107 26.9929 17.0754 27.1748 16.7378 27.4845C16.7223 27.4987 16.7061 27.5124 16.6894 27.5253L10.2128 32.5464V45.0943H26.8585C27.4637 45.0943 27.8471 44.9 28.0761 44.6746C28.3115 44.443 28.4324 44.1316 28.4324 43.8131C28.4324 43.4946 28.3115 43.1833 28.0761 42.9516ZM4.08511 31.6604C4.08511 31.0964 4.54235 30.6392 5.10638 30.6392H7.65082C8.21486 30.6392 8.6721 31.0964 8.6721 31.6604V45.4156C8.6721 45.9796 8.21486 46.4368 7.65082 46.4368H5.10638C4.54235 46.4368 4.08511 45.9796 4.08511 45.4156V31.6604Z" fill="currentColor"/>
+<path d="M27.5925 11.4099V13.213C27.5925 14.0766 27.5106 14.814 27.3468 15.4251C27.1879 16.0312 26.9566 16.5236 26.6531 16.9024C26.3496 17.2812 25.9858 17.5589 25.5619 17.7357C25.1427 17.9125 24.673 18.0009 24.1527 18.0009C23.7384 18.0009 23.353 17.9453 22.9964 17.8342C22.6447 17.7231 22.3268 17.5488 22.0425 17.3115C21.7583 17.0741 21.515 16.7685 21.3126 16.3948C21.1151 16.016 20.961 15.564 20.8501 15.0387C20.7442 14.5135 20.6912 13.9049 20.6912 13.213V11.4099C20.6912 10.5413 20.7731 9.80894 20.9369 9.21298C21.1007 8.61197 21.3343 8.12459 21.6378 7.75085C21.9414 7.37207 22.3027 7.09681 22.7218 6.9251C23.1458 6.75338 23.6179 6.66752 24.1382 6.66752C24.5574 6.66752 24.9428 6.72308 25.2945 6.83419C25.651 6.94025 25.969 7.10944 26.2484 7.34176C26.5326 7.57409 26.7735 7.87712 26.9711 8.25085C27.1734 8.61954 27.3276 9.06651 27.4336 9.59176C27.5395 10.112 27.5925 10.718 27.5925 11.4099ZM25.8509 13.4706V11.1372C25.8509 10.6978 25.8268 10.3115 25.7787 9.97813C25.7305 9.63974 25.6582 9.35439 25.5619 9.12207C25.4703 8.88469 25.3547 8.69277 25.215 8.54631C25.0753 8.39479 24.9163 8.28621 24.738 8.22055C24.5598 8.14984 24.3599 8.11449 24.1382 8.11449C23.8684 8.11449 23.6276 8.17005 23.4156 8.28116C23.2036 8.38722 23.0253 8.55894 22.8808 8.79631C22.7363 9.03368 22.6255 9.34681 22.5484 9.7357C22.4761 10.1195 22.44 10.5867 22.44 11.1372V13.4706C22.44 13.915 22.4641 14.3064 22.5123 14.6448C22.5604 14.9832 22.6327 15.2736 22.7291 15.516C22.8254 15.7534 22.941 15.9504 23.0759 16.1069C23.2156 16.2584 23.3746 16.3695 23.5529 16.4403C23.736 16.511 23.9359 16.5463 24.1527 16.5463C24.4273 16.5463 24.6706 16.4908 24.8826 16.3796C25.0946 16.2685 25.2728 16.0918 25.4173 15.8493C25.5619 15.6019 25.6703 15.2812 25.7425 14.8872C25.8148 14.4933 25.8509 14.0211 25.8509 13.4706Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.979 13.9175V15.3721H17.6638V17.8493H15.9222V15.3721H11.3911L11.3333 14.2736L15.8716 6.81904H17.6638V13.9175H18.979ZM13.1472 13.9175L15.9061 9.28127V13.9175H13.1472Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.6667 14.0236V15.4781H35.3514V17.9554H33.6098V15.4781H29.0788L29.021 14.3796L33.5592 6.9251H35.3514V14.0236H36.6667ZM30.8348 14.0236L33.5938 9.38733V14.0236H30.8348Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand-500.svg b/assets/icons/complex/hand-500.svg
new file mode 100644
index 00000000..3455fcc9
--- /dev/null
+++ b/assets/icons/complex/hand-500.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.57447 0.000854492H44.4255C46.3997 0.000854492 48 1.6012 48 3.57532V19.9157C48 21.8899 46.3997 23.4902 44.4255 23.4902H26.0426V28.717H28.8088C29.5549 28.717 30.2704 29.0134 30.798 29.541C31.3255 30.0685 31.6219 30.7841 31.6219 31.5301C31.6219 32.2674 31.3648 32.9732 30.902 33.4934C30.9714 33.5496 31.0378 33.6089 31.101 33.6711C31.6456 34.2071 31.9146 34.9194 31.9146 35.6245C31.9146 36.3296 31.6456 37.0418 31.101 37.5778C30.9453 37.731 30.7708 37.8663 30.579 37.9816C30.9914 38.4853 31.1954 39.1048 31.1954 39.7188C31.1954 40.4239 30.9263 41.1361 30.3818 41.6721C30.1309 41.919 29.8312 42.1194 29.4889 42.2643C29.8068 42.73 29.9643 43.2737 29.9643 43.8131C29.9643 44.5182 29.6953 45.2304 29.1507 45.7664C28.5997 46.3087 27.8132 46.6262 26.8585 46.6262H9.89928C9.46797 47.4256 8.62283 47.9688 7.65082 47.9688H5.10638C3.69629 47.9688 2.55319 46.8257 2.55319 45.4156V31.6604C2.55319 30.2503 3.69629 29.1072 5.10638 29.1072H7.65082C8.73855 29.1072 9.66742 29.7874 10.0353 30.7457L15.7273 26.3329C16.3247 25.7954 17.0894 25.4799 17.8927 25.4403C18.7073 25.4001 19.5102 25.6459 20.1626 26.1353L21.9574 27.4814V23.4902H3.57447C1.60035 23.4902 0 21.8899 0 19.9157V3.57532C0 1.6012 1.60034 0.000854492 3.57447 0.000854492ZM3.57447 1.53277C2.4464 1.53277 1.53192 2.44725 1.53192 3.57532V19.9157C1.53192 21.0438 2.4464 21.9583 3.57447 21.9583H44.4255C45.5536 21.9583 46.4681 21.0438 46.4681 19.9157V3.57532C46.4681 2.44725 45.5536 1.53277 44.4255 1.53277H3.57447ZM28.0761 42.9516C27.8471 42.7262 27.4637 42.5319 26.8585 42.5319H26.0792C25.6562 42.5319 25.3132 42.189 25.3132 41.766C25.3132 41.5545 25.399 41.363 25.5376 41.2244C25.5722 41.1897 25.6102 41.1584 25.6509 41.1308C25.7732 41.0482 25.9206 41 26.0792 41H28.0896C28.6948 41 29.0782 40.8057 29.3072 40.5803C29.5426 40.3486 29.6635 40.0373 29.6635 39.7188C29.6635 39.4003 29.5426 39.0889 29.3072 38.8572C29.0782 38.6319 28.6948 38.4376 28.0896 38.4376H26.0792C25.6562 38.4376 25.3133 38.0946 25.3133 37.6716C25.3133 37.2486 25.6562 36.9057 26.0792 36.9057H28.8088C29.414 36.9057 29.7974 36.7114 30.0264 36.486C30.2618 36.2543 30.3827 35.9429 30.3827 35.6245C30.3827 35.306 30.2618 34.9946 30.0264 34.7629C29.7974 34.5375 29.414 34.3433 28.8088 34.3433H26.0792C25.6562 34.3433 25.3133 34.0003 25.3133 33.5773C25.3133 33.1543 25.6562 32.8113 26.0792 32.8113H28.9671C29.5961 32.8113 30.09 32.3212 30.09 31.5301C30.09 31.1903 29.955 30.8645 29.7147 30.6242C29.4745 30.3839 29.1486 30.2489 28.8088 30.2489H23.3601C23.3528 30.249 23.3454 30.249 23.338 30.2489H19.2554C18.8324 30.2489 18.4894 29.906 18.4894 29.483C18.4894 29.06 18.8324 28.717 19.2554 28.717H21.0517L19.2434 27.3608C18.8769 27.0859 18.4258 26.9477 17.9683 26.9703C17.5107 26.9929 17.0754 27.1748 16.7378 27.4845C16.7223 27.4987 16.7061 27.5124 16.6894 27.5253L10.2128 32.5464V45.0943H26.8585C27.4637 45.0943 27.8471 44.9 28.0761 44.6746C28.3115 44.443 28.4324 44.1316 28.4324 43.8131C28.4324 43.4946 28.3115 43.1833 28.0761 42.9516ZM4.08511 31.6604C4.08511 31.0964 4.54235 30.6392 5.10638 30.6392H7.65082C8.21486 30.6392 8.6721 31.0964 8.6721 31.6604V45.4156C8.6721 45.9796 8.21486 46.4368 7.65082 46.4368H5.10638C4.54235 46.4368 4.08511 45.9796 4.08511 45.4156V31.6604Z" fill="currentColor"/>
+<path d="M12.4588 12.7206L11.0008 12.3645L11.6007 6.81904H17.5618V8.36449H13.1195L12.8157 11.069C12.9878 10.968 13.2258 10.8695 13.5295 10.7736C13.8333 10.6726 14.1801 10.6221 14.5699 10.6221C15.0913 10.6221 15.5571 10.7079 15.9671 10.8796C16.3823 11.0463 16.7341 11.2913 17.0227 11.6145C17.3113 11.9327 17.5315 12.3216 17.6833 12.7812C17.8352 13.2357 17.9112 13.7483 17.9112 14.319C17.9112 14.8291 17.8352 15.3064 17.6833 15.7509C17.5365 16.1953 17.3138 16.5867 17.0151 16.9251C16.7164 17.2635 16.3392 17.5286 15.8836 17.7206C15.4331 17.9074 14.899 18.0009 14.2813 18.0009C13.8206 18.0009 13.3777 17.9352 12.9524 17.8039C12.5322 17.6675 12.1551 17.468 11.8209 17.2054C11.4868 16.9377 11.2185 16.6094 11.016 16.2206C10.8135 15.8266 10.697 15.3746 10.6667 14.8645H12.4588C12.5044 15.2231 12.6031 15.5286 12.755 15.7812C12.9119 16.0286 13.1195 16.218 13.3777 16.3493C13.6358 16.4807 13.9345 16.5463 14.2737 16.5463C14.5825 16.5463 14.8483 16.4933 15.0711 16.3872C15.2938 16.2761 15.4786 16.1195 15.6254 15.9175C15.7773 15.7105 15.8887 15.468 15.9596 15.1902C16.0355 14.9125 16.0735 14.6044 16.0735 14.266C16.0735 13.9428 16.0304 13.6473 15.9444 13.3796C15.8634 13.112 15.7393 12.8796 15.5723 12.6827C15.4103 12.4857 15.2052 12.3342 14.9572 12.2281C14.7091 12.117 14.4231 12.0615 14.0991 12.0615C13.6637 12.0615 13.3296 12.1246 13.0967 12.2509C12.8689 12.3771 12.6562 12.5337 12.4588 12.7206Z" fill="currentColor"/>
+<path d="M27.2054 11.4099V13.213C27.2054 14.0766 27.1193 14.814 26.9472 15.4251C26.7801 16.0312 26.5371 16.5236 26.2182 16.9024C25.8992 17.2812 25.517 17.5589 25.0715 17.7357C24.6311 17.9125 24.1375 18.0009 23.5907 18.0009C23.1554 18.0009 22.7503 17.9453 22.3757 17.8342C22.0062 17.7231 21.672 17.5488 21.3733 17.3115C21.0746 17.0741 20.819 16.7685 20.6064 16.3948C20.3988 16.016 20.2368 15.564 20.1204 15.0387C20.009 14.5135 19.9533 13.9049 19.9533 13.213V11.4099C19.9533 10.5413 20.0394 9.80894 20.2115 9.21298C20.3836 8.61197 20.6291 8.12459 20.9481 7.75085C21.267 7.37207 21.6467 7.09681 22.0872 6.9251C22.5327 6.75338 23.0288 6.66752 23.5755 6.66752C24.016 6.66752 24.421 6.72308 24.7906 6.83419C25.1652 6.94025 25.4993 7.10944 25.7929 7.34176C26.0916 7.57409 26.3448 7.87712 26.5523 8.25085C26.7649 8.61954 26.9269 9.06651 27.0383 9.59176C27.1497 10.112 27.2054 10.718 27.2054 11.4099ZM25.3753 13.4706V11.1372C25.3753 10.6978 25.35 10.3115 25.2993 9.97813C25.2487 9.63974 25.1728 9.35439 25.0715 9.12207C24.9753 8.88469 24.8538 8.69277 24.707 8.54631C24.5602 8.39479 24.3931 8.28621 24.2058 8.22055C24.0185 8.14984 23.8084 8.11449 23.5755 8.11449C23.292 8.11449 23.0389 8.17005 22.8162 8.28116C22.5934 8.38722 22.4061 8.55894 22.2542 8.79631C22.1023 9.03368 21.9859 9.34681 21.9049 9.7357C21.829 10.1195 21.791 10.5867 21.791 11.1372V13.4706C21.791 13.915 21.8163 14.3064 21.8669 14.6448C21.9176 14.9832 21.9935 15.2736 22.0947 15.516C22.196 15.7534 22.3175 15.9504 22.4593 16.1069C22.6061 16.2584 22.7731 16.3695 22.9604 16.4403C23.1528 16.511 23.3629 16.5463 23.5907 16.5463C23.8793 16.5463 24.135 16.4908 24.3577 16.3796C24.5805 16.2685 24.7678 16.0918 24.9196 15.8493C25.0715 15.6019 25.1854 15.2812 25.2614 14.8872C25.3373 14.4933 25.3753 14.0211 25.3753 13.4706Z" fill="currentColor"/>
+<path d="M36.6667 11.4099V13.213C36.6667 14.0766 36.5806 14.814 36.4085 15.4251C36.2414 16.0312 35.9984 16.5236 35.6795 16.9024C35.3605 17.2812 34.9783 17.5589 34.5328 17.7357C34.0924 17.9125 33.5988 18.0009 33.052 18.0009C32.6166 18.0009 32.2116 17.9453 31.837 17.8342C31.4674 17.7231 31.1333 17.5488 30.8346 17.3115C30.5359 17.0741 30.2803 16.7685 30.0676 16.3948C29.8601 16.016 29.6981 15.564 29.5816 15.0387C29.4703 14.5135 29.4146 13.9049 29.4146 13.213V11.4099C29.4146 10.5413 29.5006 9.80894 29.6728 9.21298C29.8449 8.61197 30.0904 8.12459 30.4094 7.75085C30.7283 7.37207 31.108 7.09681 31.5484 6.9251C31.9939 6.75338 32.4901 6.66752 33.0368 6.66752C33.4773 6.66752 33.8823 6.72308 34.2518 6.83419C34.6265 6.94025 34.9606 7.10944 35.2542 7.34176C35.5529 7.57409 35.806 7.87712 36.0136 8.25085C36.2262 8.61954 36.3882 9.06651 36.4996 9.59176C36.611 10.112 36.6667 10.718 36.6667 11.4099ZM34.8366 13.4706V11.1372C34.8366 10.6978 34.8112 10.3115 34.7606 9.97813C34.71 9.63974 34.6341 9.35439 34.5328 9.12207C34.4366 8.88469 34.3151 8.69277 34.1683 8.54631C34.0215 8.39479 33.8544 8.28621 33.6671 8.22055C33.4798 8.14984 33.2697 8.11449 33.0368 8.11449C32.7533 8.11449 32.5002 8.17005 32.2774 8.28116C32.0547 8.38722 31.8674 8.55894 31.7155 8.79631C31.5636 9.03368 31.4472 9.34681 31.3662 9.7357C31.2902 10.1195 31.2523 10.5867 31.2523 11.1372V13.4706C31.2523 13.915 31.2776 14.3064 31.3282 14.6448C31.3788 14.9832 31.4548 15.2736 31.556 15.516C31.6573 15.7534 31.7788 15.9504 31.9205 16.1069C32.0673 16.2584 32.2344 16.3695 32.4217 16.4403C32.6141 16.511 32.8242 16.5463 33.052 16.5463C33.3406 16.5463 33.5962 16.4908 33.819 16.3796C34.0417 16.2685 34.2291 16.0918 34.3809 15.8493C34.5328 15.6019 34.6467 15.2812 34.7227 14.8872C34.7986 14.4933 34.8366 14.0211 34.8366 13.4706Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand-502.svg b/assets/icons/complex/hand-502.svg
new file mode 100644
index 00000000..949287e3
--- /dev/null
+++ b/assets/icons/complex/hand-502.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.57447 0.000854492H44.4255C46.3997 0.000854492 48 1.6012 48 3.57532V19.9157C48 21.8899 46.3997 23.4902 44.4255 23.4902H26.0426V28.717H28.8088C29.5549 28.717 30.2704 29.0134 30.798 29.541C31.3255 30.0685 31.6219 30.7841 31.6219 31.5301C31.6219 32.2674 31.3648 32.9732 30.902 33.4934C30.9714 33.5496 31.0378 33.6089 31.101 33.6711C31.6456 34.2071 31.9146 34.9194 31.9146 35.6245C31.9146 36.3296 31.6456 37.0418 31.101 37.5778C30.9453 37.731 30.7708 37.8663 30.579 37.9816C30.9914 38.4853 31.1954 39.1048 31.1954 39.7188C31.1954 40.4239 30.9263 41.1361 30.3818 41.6721C30.1309 41.919 29.8312 42.1194 29.4889 42.2643C29.8068 42.73 29.9643 43.2737 29.9643 43.8131C29.9643 44.5182 29.6953 45.2304 29.1507 45.7664C28.5997 46.3087 27.8132 46.6262 26.8585 46.6262H9.89928C9.46797 47.4256 8.62283 47.9688 7.65082 47.9688H5.10638C3.69629 47.9688 2.55319 46.8257 2.55319 45.4156V31.6604C2.55319 30.2503 3.69629 29.1072 5.10638 29.1072H7.65082C8.73855 29.1072 9.66742 29.7874 10.0353 30.7457L15.7273 26.3329C16.3247 25.7954 17.0894 25.4799 17.8927 25.4403C18.7073 25.4001 19.5102 25.6459 20.1626 26.1353L21.9574 27.4814V23.4902H3.57447C1.60035 23.4902 0 21.8899 0 19.9157V3.57532C0 1.6012 1.60034 0.000854492 3.57447 0.000854492ZM3.57447 1.53277C2.4464 1.53277 1.53192 2.44725 1.53192 3.57532V19.9157C1.53192 21.0438 2.4464 21.9583 3.57447 21.9583H44.4255C45.5536 21.9583 46.4681 21.0438 46.4681 19.9157V3.57532C46.4681 2.44725 45.5536 1.53277 44.4255 1.53277H3.57447ZM28.0761 42.9516C27.8471 42.7262 27.4637 42.5319 26.8585 42.5319H26.0792C25.6562 42.5319 25.3132 42.189 25.3132 41.766C25.3132 41.5545 25.399 41.363 25.5376 41.2244C25.5722 41.1897 25.6102 41.1584 25.6509 41.1308C25.7732 41.0482 25.9206 41 26.0792 41H28.0896C28.6948 41 29.0782 40.8057 29.3072 40.5803C29.5426 40.3486 29.6635 40.0373 29.6635 39.7188C29.6635 39.4003 29.5426 39.0889 29.3072 38.8572C29.0782 38.6319 28.6948 38.4376 28.0896 38.4376H26.0792C25.6562 38.4376 25.3133 38.0946 25.3133 37.6716C25.3133 37.2486 25.6562 36.9057 26.0792 36.9057H28.8088C29.414 36.9057 29.7974 36.7114 30.0264 36.486C30.2618 36.2543 30.3827 35.9429 30.3827 35.6245C30.3827 35.306 30.2618 34.9946 30.0264 34.7629C29.7974 34.5375 29.414 34.3433 28.8088 34.3433H26.0792C25.6562 34.3433 25.3133 34.0003 25.3133 33.5773C25.3133 33.1543 25.6562 32.8113 26.0792 32.8113H28.9671C29.5961 32.8113 30.09 32.3212 30.09 31.5301C30.09 31.1903 29.955 30.8645 29.7147 30.6242C29.4745 30.3839 29.1486 30.2489 28.8088 30.2489H23.3601C23.3528 30.249 23.3454 30.249 23.338 30.2489H19.2554C18.8324 30.2489 18.4894 29.906 18.4894 29.483C18.4894 29.06 18.8324 28.717 19.2554 28.717H21.0517L19.2434 27.3608C18.8769 27.0859 18.4258 26.9477 17.9683 26.9703C17.5107 26.9929 17.0754 27.1748 16.7378 27.4845C16.7223 27.4987 16.7061 27.5124 16.6894 27.5253L10.2128 32.5464V45.0943H26.8585C27.4637 45.0943 27.8471 44.9 28.0761 44.6746C28.3115 44.443 28.4324 44.1316 28.4324 43.8131C28.4324 43.4946 28.3115 43.1833 28.0761 42.9516ZM4.08511 31.6604C4.08511 31.0964 4.54235 30.6392 5.10638 30.6392H7.65082C8.21486 30.6392 8.6721 31.0964 8.6721 31.6604V45.4156C8.6721 45.9796 8.21486 46.4368 7.65082 46.4368H5.10638C4.54235 46.4368 4.08511 45.9796 4.08511 45.4156V31.6604Z" fill="currentColor"/>
+<path d="M12.4448 12.7206L10.9982 12.3645L11.5934 6.81904H17.5079V8.36449H13.1003L12.7989 11.069C12.9697 10.968 13.2058 10.8695 13.5071 10.7736C13.8085 10.6726 14.1526 10.6221 14.5393 10.6221C15.0567 10.6221 15.5188 10.7079 15.9257 10.8796C16.3376 11.0463 16.6867 11.2913 16.973 11.6145C17.2593 11.9327 17.4778 12.3216 17.6285 12.7812C17.7791 13.2357 17.8545 13.7483 17.8545 14.319C17.8545 14.8291 17.7791 15.3064 17.6285 15.7509C17.4828 16.1953 17.2618 16.5867 16.9654 16.9251C16.6691 17.2635 16.2949 17.5286 15.8428 17.7206C15.3958 17.9074 14.8658 18.0009 14.253 18.0009C13.796 18.0009 13.3564 17.9352 12.9345 17.8039C12.5176 17.6675 12.1434 17.468 11.8119 17.2054C11.4804 16.9377 11.2142 16.6094 11.0132 16.2206C10.8123 15.8266 10.6968 15.3746 10.6667 14.8645H12.4448C12.49 15.2231 12.5879 15.5286 12.7386 15.7812C12.8943 16.0286 13.1003 16.218 13.3564 16.3493C13.6126 16.4807 13.909 16.5463 14.2455 16.5463C14.5519 16.5463 14.8156 16.4933 15.0366 16.3872C15.2576 16.2761 15.441 16.1195 15.5866 15.9175C15.7373 15.7105 15.8478 15.468 15.9181 15.1902C15.9935 14.9125 16.0312 14.6044 16.0312 14.266C16.0312 13.9428 15.9885 13.6473 15.9031 13.3796C15.8227 13.112 15.6996 12.8796 15.5339 12.6827C15.3732 12.4857 15.1697 12.3342 14.9236 12.2281C14.6775 12.117 14.3937 12.0615 14.0722 12.0615C13.6402 12.0615 13.3087 12.1246 13.0777 12.2509C12.8516 12.3771 12.6407 12.5337 12.4448 12.7206Z" fill="currentColor"/>
+<path d="M27.076 11.4099V13.213C27.076 14.0766 26.9906 14.814 26.8198 15.4251C26.6541 16.0312 26.413 16.5236 26.0965 16.9024C25.7801 17.2812 25.4008 17.5589 24.9588 17.7357C24.5218 17.9125 24.0321 18.0009 23.4896 18.0009C23.0576 18.0009 22.6558 17.9453 22.2841 17.8342C21.9174 17.7231 21.5859 17.5488 21.2896 17.3115C20.9932 17.0741 20.7396 16.7685 20.5286 16.3948C20.3227 16.016 20.1619 15.564 20.0464 15.0387C19.9359 14.5135 19.8806 13.9049 19.8806 13.213V11.4099C19.8806 10.5413 19.966 9.80894 20.1368 9.21298C20.3076 8.61197 20.5512 8.12459 20.8676 7.75085C21.1841 7.37207 21.5608 7.09681 21.9978 6.9251C22.4398 6.75338 22.9321 6.66752 23.4745 6.66752C23.9115 6.66752 24.3134 6.72308 24.68 6.83419C25.0517 6.94025 25.3833 7.10944 25.6746 7.34176C25.9709 7.57409 26.2221 7.87712 26.428 8.25085C26.639 8.61954 26.7997 9.06651 26.9102 9.59176C27.0207 10.112 27.076 10.718 27.076 11.4099ZM25.2602 13.4706V11.1372C25.2602 10.6978 25.2351 10.3115 25.1848 9.97813C25.1346 9.63974 25.0593 9.35439 24.9588 9.12207C24.8634 8.88469 24.7428 8.69277 24.5972 8.54631C24.4515 8.39479 24.2857 8.28621 24.0999 8.22055C23.914 8.14984 23.7056 8.11449 23.4745 8.11449C23.1933 8.11449 22.9421 8.17005 22.7211 8.28116C22.5001 8.38722 22.3142 8.55894 22.1636 8.79631C22.0129 9.03368 21.8973 9.34681 21.817 9.7357C21.7416 10.1195 21.704 10.5867 21.704 11.1372V13.4706C21.704 13.915 21.7291 14.3064 21.7793 14.6448C21.8295 14.9832 21.9049 15.2736 22.0053 15.516C22.1058 15.7534 22.2263 15.9504 22.367 16.1069C22.5126 16.2584 22.6784 16.3695 22.8643 16.4403C23.0551 16.511 23.2636 16.5463 23.4896 16.5463C23.7759 16.5463 24.0296 16.4908 24.2506 16.3796C24.4716 16.2685 24.6574 16.0918 24.8081 15.8493C24.9588 15.6019 25.0718 15.2812 25.1472 14.8872C25.2225 14.4933 25.2602 14.0211 25.2602 13.4706Z" fill="currentColor"/>
+<path d="M36.6667 16.3948V17.8493H29.3131V16.5993L32.8844 12.6827C33.2762 12.2382 33.5851 11.8544 33.8111 11.5312C34.0372 11.2079 34.1954 10.9175 34.2858 10.6599C34.3812 10.3973 34.429 10.1423 34.429 9.89479C34.429 9.54631 34.3637 9.24075 34.2331 8.97813C34.1075 8.71045 33.9216 8.50085 33.6755 8.34934C33.4294 8.19277 33.1305 8.11449 32.7789 8.11449C32.3721 8.11449 32.0305 8.20288 31.7542 8.37964C31.478 8.55641 31.2695 8.80136 31.1289 9.11449C30.9882 9.42257 30.9179 9.77611 30.9179 10.1751H29.1021C29.1021 9.53368 29.2478 8.94782 29.5391 8.41752C29.8305 7.88217 30.2524 7.45793 30.8049 7.14479C31.3574 6.82661 32.023 6.66752 32.8015 6.66752C33.5349 6.66752 34.1577 6.79126 34.6701 7.03873C35.1824 7.28621 35.5717 7.63722 35.8379 8.09176C36.1091 8.54631 36.2447 9.08419 36.2447 9.7054C36.2447 10.0488 36.1895 10.3897 36.079 10.7281C35.9685 11.0665 35.8103 11.4049 35.6043 11.7433C35.4034 12.0766 35.1648 12.4125 34.8885 12.7509C34.6123 13.0842 34.3084 13.4226 33.9769 13.766L31.6036 16.3948H36.6667Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hand.svg b/assets/icons/complex/hand.svg
new file mode 100644
index 00000000..186a2c3b
--- /dev/null
+++ b/assets/icons/complex/hand.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4186_9921)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9152 8.23581C33.518 6.63304 36.1166 6.63303 37.7194 8.23581C39.2534 9.76987 39.3192 12.2162 37.9167 13.8285C38.8339 13.9153 39.7276 14.3099 40.43 15.0122C42.0327 16.615 42.0327 19.2136 40.43 20.8164L38.6072 22.6391C39.52 22.7284 40.4085 23.1225 41.1076 23.8216C42.7104 25.4244 42.7104 28.023 41.1076 29.6258L28.2025 42.5308C21.7509 48.9824 11.2908 48.9824 4.83918 42.5308C-0.0791974 37.6124 -1.39007 30.1402 1.56043 23.8413L7.38006 11.4173C8.33816 9.36341 10.7801 8.47435 12.8342 9.43221C14.8885 10.3901 15.7773 12.832 14.8193 14.8863L13.982 16.682L24.4611 6.20288C26.0639 4.6001 28.6625 4.6001 30.2653 6.20288C30.9644 6.90196 31.3586 7.7905 31.4478 8.70323L31.9152 8.23581ZM29.2046 10.9464C30.2216 9.92939 30.2216 8.28053 29.2046 7.26354C28.1877 6.24655 26.5388 6.24655 25.5218 7.26354L12.5658 20.2195L13.4502 21.1039C16.8673 24.521 16.8673 30.0612 13.4502 33.4782C13.1573 33.7711 12.6824 33.7711 12.3895 33.4782C12.0966 33.1853 12.0966 32.7105 12.3895 32.4176C15.2208 29.5863 15.2208 24.9958 12.3895 22.1645L10.9985 20.7735C10.7595 20.5552 10.685 20.2031 10.8249 19.903L13.4599 14.2524C14.0677 12.9489 13.5037 11.3995 12.2003 10.7917C10.8968 10.1838 9.34735 10.7478 8.73952 12.0513L8.73897 12.0525L2.91879 24.4776C0.236183 30.2045 1.42804 36.9983 5.89984 41.4701C11.7657 47.3359 21.2761 47.3359 27.1419 41.4701L40.0469 28.5651C41.0639 27.5481 41.0639 25.8993 40.0469 24.8823C39.0299 23.8653 37.3811 23.8653 36.3641 24.8823C36.3448 24.9016 36.3246 24.9197 36.3038 24.9364L27.1539 34.0863C26.861 34.3792 26.3861 34.3792 26.0933 34.0863C25.8004 33.7934 25.8004 33.3186 26.0933 33.0257L35.816 23.303L35.819 23.306L39.3693 19.7557C40.3863 18.7388 40.3863 17.0899 39.3693 16.0729C38.3871 15.0907 36.8156 15.0571 35.7931 15.972L24.5377 27.2274C24.2448 27.5203 23.7699 27.5203 23.477 27.2274C23.1841 26.9345 23.1841 26.4597 23.477 26.1668L34.5731 15.0707C34.5895 15.0505 34.607 15.031 34.6258 15.0122L36.6587 12.9793C37.6757 11.9623 37.6757 10.3135 36.6587 9.29647C35.6417 8.27948 33.9929 8.27948 32.9759 9.29647L31.6353 10.637L31.6369 10.6387L20.5 21.7756C20.2071 22.0685 19.7322 22.0685 19.4394 21.7756C19.1465 21.4827 19.1465 21.0078 19.4394 20.7149L29.1644 10.9899C29.1771 10.975 29.1905 10.9605 29.2046 10.9464Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2502 4.10247C23.2673 4.51633 22.944 4.86094 22.5353 4.92836C20.5838 5.25032 18.8889 6.50243 18.0173 8.31227C17.8376 8.68546 17.3894 8.8423 17.0162 8.66257C16.643 8.48285 16.4862 8.03462 16.6659 7.66143C17.778 5.35214 19.9667 3.77218 22.4726 3.42065C22.8828 3.36311 23.2332 3.68861 23.2502 4.10247Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8782 0.962267C22.8621 1.37617 22.5128 1.69491 22.0992 1.71873C19.0835 1.89243 16.4115 3.81105 15.3056 6.6709C15.1562 7.05723 14.722 7.24931 14.3356 7.09992C13.9493 6.95053 13.7572 6.51624 13.9066 6.1299C15.2438 2.67193 18.5 0.367297 22.1573 0.213994C22.5711 0.196647 22.8942 0.548363 22.8782 0.962267Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0001 35.9974C38.9146 35.5921 39.1762 35.1986 39.5681 35.0643C41.4392 34.4231 42.9028 32.9072 43.4621 30.9778C43.5775 30.58 43.9935 30.351 44.3913 30.4663C44.7891 30.5816 45.0182 30.9976 44.9028 31.3955C44.1892 33.8573 42.293 35.7784 39.88 36.5407C39.4851 36.6655 39.0856 36.4027 39.0001 35.9974Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.8877 39.0326C39.8348 38.6217 40.1265 38.2495 40.5303 38.1574C43.4754 37.4858 45.7922 35.1505 46.4083 32.1469C46.4915 31.7411 46.8879 31.4796 47.2937 31.5629C47.6995 31.6461 47.9609 32.0425 47.8777 32.4483C47.1327 36.0802 44.3039 38.893 40.7227 39.6509C40.3174 39.7366 39.9405 39.4434 39.8877 39.0326Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_4186_9921">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/health.svg b/assets/icons/complex/health.svg
new file mode 100644
index 00000000..f9f979a1
--- /dev/null
+++ b/assets/icons/complex/health.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 30.0008V25.0008H17C16.4477 25.0008 16 24.553 16 24.0008V22.0008C16 21.4485 16.4477 21.0008 17 21.0008H22V16.0008C22 15.4485 22.4477 15.0008 23 15.0008H25C25.5523 15.0008 26 15.4485 26 16.0008V21.0008H31C31.5523 21.0008 32 21.4485 32 22.0008V24.0008C32 24.553 31.5523 25.0008 31 25.0008H26V30.0008C26 30.553 25.5523 31.0008 25 31.0008H23C22.4477 31.0008 22 30.553 22 30.0008Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7473 42.6781C24.2681 42.8948 23.7319 42.8948 23.2528 42.678C19.4536 40.9586 8 34.6668 8 21.0713V13.514C8 12.6224 8.59113 11.8417 9.4418 11.5748C11.7547 10.8493 14.0245 9.99135 16.24 9.00522C18.5439 8.00827 20.7872 6.87728 22.9584 5.61818C23.6023 5.24482 24.3977 5.24482 25.0416 5.61818C27.2128 6.87728 29.4561 8.00827 31.76 9.00522C33.9755 9.99135 36.2453 10.8493 38.5582 11.5748C39.4089 11.8417 40 12.6224 40 13.514V21.0713C40 34.679 28.5465 40.9604 24.7473 42.6781ZM31.9627 36.048C35.4146 32.7432 38.5 27.9034 38.5 21.0713V13.4969C38.5 13.2772 38.3566 13.0835 38.147 13.0179C35.7687 12.2734 33.4349 11.3923 31.1571 10.3788C28.7893 9.35383 26.4841 8.19055 24.2534 6.89505C24.0967 6.80409 23.9033 6.80409 23.7466 6.89505C21.5159 8.19056 19.2106 9.35384 16.8428 10.3788C14.5651 11.3923 12.2313 12.2734 9.85304 13.0179C9.64342 13.0835 9.5 13.2772 9.5 13.4969V21.0713C9.5 27.8964 12.5852 32.7364 16.0376 36.0432C18.9645 38.8467 22.1269 40.5152 23.7982 41.2782C23.9271 41.337 24.0732 41.3371 24.2021 41.2782C25.8739 40.5158 29.036 38.8499 31.9627 36.048Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7602 47.6719C24.2758 47.8897 23.7242 47.8897 23.2399 47.6717C18.678 45.6187 4 37.6886 4 20.3001V10.3535C4 9.46406 4.58823 8.684 5.43742 8.41934C8.45474 7.47896 11.4142 6.35684 14.3 5.05884C17.2696 3.76029 20.1587 2.28172 22.9515 0.63132C23.598 0.249276 24.402 0.249277 25.0485 0.631321C27.8413 2.28172 30.7304 3.76029 33.7 5.05884C36.5858 6.35684 39.5453 7.47896 42.5626 8.41934C43.4118 8.684 44 9.46406 44 10.3535V20.3001C44 37.7043 29.3222 45.6206 24.7602 47.6719ZM34.207 39.5087C38.576 35.282 42.5 29.0699 42.5 20.3001V10.3398C42.5 10.12 42.3565 9.92617 42.1466 9.86086C39.0637 8.90136 36.04 7.75575 33.0918 6.43004C30.0587 5.10338 27.1082 3.59241 24.2564 1.90557C24.0983 1.81204 23.9017 1.81204 23.7436 1.90557C20.8918 3.59242 17.9413 5.10339 14.9081 6.43005C11.96 7.75575 8.93632 8.90137 5.85337 9.86086C5.64354 9.92617 5.5 10.12 5.5 10.3398V20.3001C5.5 29.0612 9.42376 35.2734 13.7932 39.5026C17.6123 43.1992 21.7449 45.3487 23.7982 46.278C23.9268 46.3362 24.0735 46.3362 24.2021 46.2781C26.256 45.3493 30.3883 43.2032 34.207 39.5087Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/healthcare.svg b/assets/icons/complex/healthcare.svg
new file mode 100644
index 00000000..a603f16d
--- /dev/null
+++ b/assets/icons/complex/healthcare.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 30.0008V25.0008H17C16.4477 25.0008 16 24.5531 16 24.0008V22.0008C16 21.4485 16.4477 21.0008 17 21.0008H22V16.0008C22 15.4485 22.4477 15.0008 23 15.0008H25C25.5523 15.0008 26 15.4485 26 16.0008V21.0008H31C31.5523 21.0008 32 21.4485 32 22.0008V24.0008C32 24.5531 31.5523 25.0008 31 25.0008H26V30.0008C26 30.5531 25.5523 31.0008 25 31.0008H23C22.4477 31.0008 22 30.5531 22 30.0008Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7473 42.6782C24.2681 42.8949 23.7319 42.8949 23.2528 42.678C19.4536 40.9587 8 34.6668 8 21.0713V13.514C8 12.6225 8.59113 11.8418 9.4418 11.5749C11.7547 10.8493 14.0245 9.99142 16.24 9.00528C18.5439 8.00833 20.7872 6.87735 22.9584 5.61824C23.6023 5.24488 24.3977 5.24488 25.0416 5.61824C27.2128 6.87735 29.4561 8.00833 31.76 9.00528C33.9755 9.99142 36.2453 10.8493 38.5582 11.5749C39.4089 11.8418 40 12.6225 40 13.514V21.0713C40 34.6791 28.5465 40.9604 24.7473 42.6782ZM31.9627 36.048C35.4146 32.7433 38.5 27.9035 38.5 21.0713V13.497C38.5 13.2773 38.3566 13.0836 38.147 13.0179C35.7687 12.2735 33.4349 11.3923 31.1571 10.3788C28.7893 9.35389 26.4841 8.19061 24.2534 6.89511C24.0967 6.80415 23.9033 6.80415 23.7466 6.89511C21.5159 8.19062 19.2106 9.3539 16.8428 10.3788C14.5651 11.3924 12.2313 12.2735 9.85304 13.0179C9.64342 13.0836 9.5 13.2773 9.5 13.497V21.0713C9.5 27.8965 12.5852 32.7365 16.0376 36.0433C18.9645 38.8468 22.1269 40.5152 23.7982 41.2782C23.9271 41.3371 24.0732 41.3371 24.2021 41.2783C25.8739 40.5159 29.036 38.8499 31.9627 36.048Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7602 47.6719C24.2758 47.8897 23.7242 47.8897 23.2399 47.6718C18.678 45.6188 4 37.6886 4 20.3002V10.3536C4 9.46412 4.58823 8.68406 5.43742 8.4194C8.45474 7.47902 11.4142 6.3569 14.3 5.0589C17.2696 3.76035 20.1587 2.28178 22.9515 0.631381C23.598 0.249337 24.402 0.249338 25.0485 0.631382C27.8413 2.28178 30.7304 3.76035 33.7 5.0589C36.5858 6.3569 39.5453 7.47902 42.5626 8.4194C43.4118 8.68406 44 9.46412 44 10.3536V20.3002C44 37.7043 29.3222 45.6207 24.7602 47.6719ZM34.207 39.5088C38.576 35.282 42.5 29.0699 42.5 20.3002V10.3398C42.5 10.1201 42.3565 9.92623 42.1466 9.86092C39.0637 8.90143 36.04 7.75581 33.0918 6.4301C30.0587 5.10344 27.1082 3.59247 24.2564 1.90563C24.0983 1.8121 23.9017 1.8121 23.7436 1.90563C20.8918 3.59248 17.9413 5.10345 14.9081 6.43011C11.96 7.75582 8.93632 8.90143 5.85337 9.86092C5.64354 9.92623 5.5 10.1201 5.5 10.3398V20.3002C5.5 29.0612 9.42376 35.2734 13.7932 39.5027C17.6123 43.1992 21.7449 45.3487 23.7982 46.2781C23.9268 46.3363 24.0735 46.3363 24.2021 46.2781C26.256 45.3494 30.3883 43.2032 34.207 39.5088Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/help.svg b/assets/icons/complex/help.svg
new file mode 100644
index 00000000..7cbad87b
--- /dev/null
+++ b/assets/icons/complex/help.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5374 25.6931C28.7079 25.6234 28.8631 25.5208 28.9939 25.3911L39.8704 14.5005C41.2347 13.122 42 11.2607 42 9.32121C42 7.38168 41.2347 5.52048 39.8704 4.14191C38.4954 2.77081 36.6329 2.00085 34.6911 2.00085C32.7493 2.00085 30.8868 2.77081 29.5118 4.14191L28 5.65371L26.4882 4.14191C25.1132 2.77081 23.2507 2.00085 21.3089 2.00085C19.3671 2.00085 17.5046 2.77081 16.1296 4.14191C14.7653 5.52048 14 7.38168 14 9.32121C14 11.2607 14.7653 13.122 16.1296 14.5005L27.0061 25.3911C27.1369 25.5208 27.2921 25.6234 27.4626 25.6931C27.6332 25.7628 27.8158 25.7981 28 25.797C28.1842 25.7981 28.3668 25.7628 28.5374 25.6931ZM28 24.2635L38.8043 13.4454L38.8064 13.4432C39.8914 12.3457 40.5 10.8646 40.5 9.32121C40.5 7.77846 39.8919 6.29795 38.8077 5.20058C37.7143 4.11205 36.2341 3.50085 34.6911 3.50085C33.147 3.50085 31.6658 4.11292 30.5721 5.20292L30.571 5.20407L28 7.77503L25.429 5.20407L25.4282 5.2032C24.3345 4.11303 22.8532 3.50085 21.3089 3.50085C19.7659 3.50085 18.2857 4.11204 17.1923 5.20056C16.1081 6.29794 15.5 7.77845 15.5 9.32121C15.5 10.8646 16.1085 12.3456 17.1935 13.4431L17.1957 13.4454L28 24.2635Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.50495 27.5011H5.00132C6.21353 27.5011 7.22464 28.3605 7.45636 29.5021C9.7729 28.4121 11.8382 27.8665 13.7633 27.7197C16.0369 27.5464 18.0186 27.9373 19.8672 28.5194C20.9316 28.8545 22.0613 29.2954 23.1573 29.7232C23.8484 29.993 24.5263 30.2576 25.1658 30.4871C26.923 31.1176 28.7515 31.635 30.8708 31.7962C31.5712 31.8494 32.2017 32.233 32.5575 32.822C32.9353 33.4471 32.9824 34.2958 32.4851 35.0084C31.5098 36.4173 30.1142 37.0785 28.6817 37.358C29.2266 37.4072 29.7715 37.4489 30.3169 37.4819L30.3182 37.4819C30.4966 37.4929 30.8595 37.4604 31.4531 37.3311C32.02 37.2077 32.6993 37.0186 33.4682 36.782C34.4254 36.4874 35.4509 36.1419 36.5171 35.7827C37.1905 35.5559 37.8802 35.3235 38.5794 35.095C40.3281 34.5235 42.1181 33.9824 43.5713 33.7426C44.2887 33.6242 45.0369 33.5587 45.7039 33.6518C46.3515 33.7423 47.2652 34.0401 47.7398 34.9669C48.2902 36.0419 47.8603 37.0801 47.4321 37.721C46.9892 38.3837 46.3144 39.0062 45.5854 39.5687C44.1047 40.7112 42.0124 41.8979 39.8432 42.9602C37.6589 44.03 35.3247 45.0087 33.3183 45.7233C32.3155 46.0805 31.3787 46.3774 30.5729 46.5871C29.8013 46.7878 29.0375 46.9393 28.4288 46.9393H28.3845L28.3404 46.9367C25.0006 46.7403 21.6964 45.9676 18.5475 45.2313L18.5429 45.2302C18.1279 45.1331 17.7156 45.0367 17.3062 44.9424C13.9183 44.1612 10.6989 43.5089 7.50405 43.5762C7.44815 44.9075 6.34903 45.9697 5.00132 45.9697H2.50495C1.12151 45.9697 0 44.8504 0 43.4697V30.0011C0 28.6204 1.12151 27.5011 2.50495 27.5011ZM7.50628 31.1466V42.0758C7.80307 42.0701 8.09969 42.0701 8.39614 42.0755C11.9074 42.1393 15.3958 42.9542 18.8933 43.7713C22.0565 44.5103 25.2272 45.251 28.4288 45.4393C31.678 45.4393 47.8615 38.5009 46.4014 35.6495C45.6973 34.2743 41.209 35.7858 37.0303 37.1931C34.1915 38.1491 31.4955 39.0571 30.2259 38.9791C26.9846 38.7829 23.7738 38.2905 20.5774 37.7374C19.9114 37.6222 19.4654 36.9906 19.5776 36.3254C19.6813 35.7109 20.2285 35.272 20.8477 35.3517C21.3408 35.4151 21.8695 35.4989 22.4193 35.5859C25.6006 36.0898 29.4868 36.7052 31.2505 34.153C31.5106 33.7829 31.2082 33.3262 30.7566 33.2918C27.5282 33.0464 24.9573 32.04 22.5157 31.0842C18.1209 29.3638 14.1446 27.8073 7.50628 31.1466ZM2.50495 29.0011C1.95158 29.0011 1.50297 29.4488 1.50297 30.0011V43.4697C1.50297 44.022 1.95158 44.4697 2.50495 44.4697H5.00132C5.5547 44.4697 6.0033 44.022 6.0033 43.4697V30.0011C6.0033 29.4488 5.5547 29.0011 5.00132 29.0011H2.50495Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/history.svg b/assets/icons/complex/history.svg
new file mode 100644
index 00000000..11e5748b
--- /dev/null
+++ b/assets/icons/complex/history.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 24.0009C3.75 12.2638 13.2506 2.75085 24.9679 2.75085C30.9495 2.75085 36.3521 5.22879 40.2101 9.21791C40.5287 9.54726 40.8366 9.88689 41.1335 10.2363L38.8893 11.4896C38.5532 11.6773 38.5463 12.1583 38.8769 12.3555L44.8268 15.905C45.1573 16.1022 45.5774 15.8676 45.5829 15.4827L45.6819 8.55525C45.6874 8.17039 45.2742 7.9239 44.9381 8.11156L42.4668 9.49172C42.0909 9.03763 41.6978 8.59842 41.2884 8.17511C37.1596 3.90613 31.3729 1.25085 24.9679 1.25085C12.4201 1.25085 2.25 11.4374 2.25 24.0009C2.25 36.5643 12.4201 46.7509 24.9679 46.7509C34.3618 46.7509 42.4217 41.0415 45.8806 32.9029C46.0426 32.5217 45.8649 32.0813 45.4837 31.9193C45.1025 31.7573 44.6621 31.935 44.5001 32.3162C41.2678 39.9216 33.7381 45.2509 24.9679 45.2509C13.2506 45.2509 3.75 35.7379 3.75 24.0009Z" fill="currentColor"/>
+<path d="M25.75 8.00085C25.75 7.58664 25.4142 7.25085 25 7.25085C24.5858 7.25085 24.25 7.58664 24.25 8.00085V25.3268L31.9883 32.5491C32.2911 32.8318 32.7657 32.8154 33.0483 32.5126C33.3309 32.2098 33.3146 31.7352 33.0117 31.4526L25.75 24.6749V8.00085Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/holiday.svg b/assets/icons/complex/holiday.svg
new file mode 100644
index 00000000..f5c90458
--- /dev/null
+++ b/assets/icons/complex/holiday.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.75 0.75C39.75 0.335786 39.4142 0 39 0C38.5858 0 38.25 0.335786 38.25 0.75V2.25C38.25 2.66421 38.5858 3 39 3C39.4142 3 39.75 2.66421 39.75 2.25V0.75Z" fill="currentColor"/>
+<path d="M45.3641 3.69669C45.657 3.40379 45.657 2.92892 45.3641 2.63603C45.0712 2.34313 44.5963 2.34313 44.3034 2.63603L43.2428 3.69669C42.9499 3.98958 42.9499 4.46445 43.2428 4.75735C43.5357 5.05024 44.0105 5.05024 44.3034 4.75735L45.3641 3.69669Z" fill="currentColor"/>
+<path d="M32.636 2.63604C32.9289 2.34315 33.4038 2.34315 33.6967 2.63604L34.7574 3.6967C35.0503 3.98959 35.0503 4.46447 34.7574 4.75736C34.4645 5.05025 33.9896 5.05025 33.6967 4.75736L32.636 3.6967C32.3431 3.40381 32.3431 2.92893 32.636 2.63604Z" fill="currentColor"/>
+<path d="M45.75 8.25C45.3358 8.25 45 8.58578 45 9C45 9.41421 45.3358 9.75 45.75 9.75H47.25C47.6642 9.75 48 9.41421 48 9C48 8.58578 47.6642 8.25 47.25 8.25H45.75Z" fill="currentColor"/>
+<path d="M30 9C30 8.58579 30.3358 8.25 30.75 8.25H32.25C32.6642 8.25 33 8.58579 33 9C33 9.41421 32.6642 9.75 32.25 9.75H30.75C30.3358 9.75 30 9.41421 30 9Z" fill="currentColor"/>
+<path d="M34.7575 14.3033C35.0504 14.0104 35.0504 13.5355 34.7575 13.2426C34.4646 12.9497 33.9897 12.9497 33.6968 13.2426L32.6362 14.3033C32.3433 14.5962 32.3433 15.0711 32.6362 15.3639C32.9291 15.6568 33.4039 15.6568 33.6968 15.3639L34.7575 14.3033Z" fill="currentColor"/>
+<path d="M43.2426 13.2426C43.5355 12.9497 44.0104 12.9497 44.3033 13.2426L45.364 14.3033C45.6569 14.5962 45.6569 15.0711 45.364 15.364C45.0711 15.6569 44.5962 15.6569 44.3033 15.364L43.2426 14.3033C42.9497 14.0104 42.9497 13.5355 43.2426 13.2426Z" fill="currentColor"/>
+<path d="M39.75 15.75C39.75 15.3358 39.4142 15 39 15C38.5858 15 38.25 15.3358 38.25 15.75V17.25C38.25 17.6642 38.5858 18 39 18C39.4142 18 39.75 17.6642 39.75 17.25V15.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39 14C41.7614 14 44 11.7614 44 9C44 6.23858 41.7614 4 39 4C36.2386 4 34 6.23858 34 9C34 11.7614 36.2386 14 39 14ZM39 12.5C40.933 12.5 42.5 10.933 42.5 9C42.5 7.067 40.933 5.5 39 5.5C37.067 5.5 35.5 7.067 35.5 9C35.5 10.933 37.067 12.5 39 12.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8378 17.8332C15.5995 12.6967 10.9791 8.83729 5.90363 9.48487L8.06965 12.0119C8.33921 12.3264 8.30279 12.7999 7.9883 13.0694C7.67381 13.339 7.20033 13.3026 6.93076 12.9881L3.94081 9.4998C3.86505 9.41518 3.80743 9.31201 3.77589 9.19485C3.6682 8.79488 3.90515 8.38334 4.30512 8.27565C10.6804 6.5592 16.8634 11.1489 17.3206 17.4931C21.8908 11.8587 31.1594 13.5785 33.221 20.794C33.3347 21.1923 33.1041 21.6074 32.7058 21.7212C32.5701 21.76 32.4324 21.7588 32.3053 21.7245L30.3179 21.2277C29.9161 21.1272 29.6717 20.72 29.7722 20.3182C29.8727 19.9163 30.2799 19.672 30.6817 19.7725L31.2926 19.9252C28.8176 14.7931 21.4581 14.0211 18.0736 18.9922C18.8662 18.7067 19.8588 18.4182 20.9538 18.258C23.6704 17.8604 27.1242 18.2491 29.5998 21.5501C30.6017 22.886 31.0636 24.1688 31.1561 25.3565C31.2484 26.5406 30.9696 27.5793 30.5686 28.4258C30.1694 29.2687 29.645 29.9308 29.2257 30.3795C29.0149 30.6051 28.8274 30.7803 28.6901 30.901C28.6214 30.9614 28.565 31.0084 28.5242 31.0415L28.5034 31.0582L28.4751 31.0807L28.4717 31.0833C28.3922 31.1476 28.2982 31.1967 28.1931 31.2248C27.7928 31.3315 27.3819 31.0935 27.2751 30.6933C26.1081 26.3168 22.6828 22.9027 18.3024 21.75L16.5575 21.2908C13.0066 22.8403 10.1876 25.7026 8.69394 29.2842C8.62888 29.4433 8.50907 29.581 8.34441 29.6662C7.9765 29.8565 7.52398 29.7125 7.33368 29.3446C4.54902 23.9609 9.38882 18.0114 14.9953 19.2195L14.206 18.1461C10.7853 13.4939 3.69268 14.8527 1.99985 20.0559L6.36595 19.2621C6.77349 19.188 7.16392 19.4583 7.23802 19.8658C7.31212 20.2734 7.04181 20.6638 6.63428 20.7379L1.15145 21.7348C1.06347 21.7529 0.97073 21.7555 0.876818 21.7398C0.46824 21.6717 0.192225 21.2853 0.260322 20.8767C1.48966 13.5007 10.9847 11.233 15.4145 17.2575L15.8378 17.8332ZM21.171 19.7422C23.5794 19.3897 26.3756 19.751 28.3998 22.45C29.2525 23.5871 29.5929 24.6033 29.6607 25.473C29.7287 26.3463 29.5256 27.1236 29.213 27.7838C28.962 28.3136 28.6432 28.7617 28.3478 29.1103C26.7877 24.828 23.2375 21.5364 18.7942 20.3288C19.475 20.0952 20.2899 19.8711 21.171 19.7422ZM14.4828 20.649C11.808 22.1489 9.60164 24.3648 8.11309 27.0469C7.45572 23.3988 10.7155 19.9862 14.4828 20.649Z" fill="currentColor"/>
+<path d="M17.2473 23.435C17.2125 23.035 16.8688 22.7333 16.4676 22.7507C16.0664 22.7681 15.7501 23.0984 15.7501 23.5C15.7501 26.5559 14.6266 30.532 13.1748 34.319C12.8969 35.044 12.6083 35.7587 12.3151 36.455C8.71695 35.4966 4.98188 35 1.19784 35H0.75C0.335786 35 0 35.3358 0 35.75C0 36.1642 0.335786 36.5 0.75 36.5H1.19784C4.77468 36.5 8.30619 36.9597 11.7127 37.8475C10.6704 40.194 9.62459 42.2428 8.84575 43.6336C8.64337 43.995 8.77228 44.452 9.13368 44.6544C9.49509 44.8568 9.95213 44.7279 10.1545 44.3665C11.3369 42.2551 13.1028 38.6974 14.5754 34.856C14.9772 33.8079 15.3598 32.732 15.7036 31.6534C15.1709 37.6486 13.7106 42.8407 12.7993 45.233C12.6518 45.6201 12.8461 46.0534 13.2331 46.2009C13.6202 46.3483 14.0535 46.1541 14.201 45.767C14.7337 44.3686 15.4411 42.0734 16.0558 39.237C21.0859 41.1553 25.7417 44.0464 29.7367 47.7968C30.0387 48.0803 30.5133 48.0653 30.7968 47.7633C31.0803 47.4613 31.0653 46.9867 30.7633 46.7032C26.5636 42.7606 21.6589 39.7346 16.3594 37.7482C17.1557 33.5839 17.6877 28.499 17.2473 23.435Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/hourglass.svg b/assets/icons/complex/hourglass.svg
new file mode 100644
index 00000000..3b9a13f2
--- /dev/null
+++ b/assets/icons/complex/hourglass.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7161 15.8032C17.4549 15.0401 17.9663 13.0009 19.4188 13.0009H28.5812C30.0337 13.0009 30.5451 15.0401 29.2839 15.8032L24.7027 18.5756C24.2673 18.8391 23.7327 18.8391 23.2973 18.5756L18.7161 15.8032Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 0.750854C6 0.336641 6.33579 0.000854492 6.75 0.000854492H41.25C41.6642 0.000854492 42 0.336641 42 0.750854C42 1.16507 41.6642 1.50085 41.25 1.50085H40V11.7343C40 13.7709 38.9669 15.6685 37.2562 16.7738L28.0212 22.7411C27.1067 23.332 27.1067 24.6699 28.0212 25.2609L37.2562 31.2281C38.9669 32.3334 40 34.231 40 36.2676V46.5009H41.25C41.6642 46.5009 42 46.8366 42 47.2509C42 47.6651 41.6642 48.0009 41.25 48.0009H6.75C6.33579 48.0009 6 47.6651 6 47.2509C6 46.8366 6.33579 46.5009 6.75 46.5009H8V36.2676C8 34.231 9.03308 32.3334 10.7437 31.2281L19.9788 25.2609C20.8933 24.6699 20.8933 23.332 19.9788 22.7411L10.7437 16.7738C9.03308 15.6685 8 13.7709 8 11.7343V1.50085H6.75C6.33579 1.50085 6 1.16507 6 0.750854ZM13 46.5009H9.5V36.2676C9.5 34.7401 10.2749 33.3169 11.5578 32.488L20.7929 26.5207C22.6219 25.3388 22.6218 22.6631 20.7929 21.4812L11.5578 15.5139C10.2748 14.685 9.5 13.2618 9.5 11.7343V1.50085H38.5V11.7343C38.5 13.2618 37.7251 14.685 36.4421 15.5139L27.2071 21.4812C25.3781 22.6632 25.3782 25.3388 27.2071 26.5207L36.4422 32.4881C37.7252 33.3169 38.5 34.7401 38.5 36.2676V46.5009H35L25.5889 34.874C24.6044 33.7098 23.3955 33.7098 22.4111 34.874L13 46.5009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/house.svg b/assets/icons/complex/house.svg
new file mode 100644
index 00000000..7144e817
--- /dev/null
+++ b/assets/icons/complex/house.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_244)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 24.5344C26.7614 24.5344 29 22.2958 29 19.5344C29 16.773 26.7614 14.5344 24 14.5344C21.2386 14.5344 19 16.773 19 19.5344C19 22.2958 21.2386 24.5344 24 24.5344ZM24 23.0344C25.933 23.0344 27.5 21.4674 27.5 19.5344C27.5 17.6014 25.933 16.0344 24 16.0344C22.067 16.0344 20.5 17.6014 20.5 19.5344C20.5 21.4674 22.067 23.0344 24 23.0344Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 26.5344V41.5344H15V26.5344H6ZM13.5 28.0344H7.5V33.2844H13.5V28.0344ZM7.5 40.0344V34.7844H13.5V40.0344H7.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 26.5344V41.5344H42V26.5344H33ZM40.5 28.0344H34.5V33.2844H40.5V28.0344ZM34.5 40.0344V34.7844H40.5V40.0344H34.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.80409 4.01908C3.03755 3.14358 3.83045 2.53441 4.73656 2.53441H21.2L23.2689 0.317682C23.6643 -0.105894 24.3357 -0.105894 24.7311 0.317682L26.8 2.53441H43.2634C44.1695 2.53441 44.9624 3.14358 45.1959 4.01908L48 14.5344V46C48 47.1046 47.1046 48 46 48H2C0.895431 48 0 47.1046 0 46V14.5344L2.80409 4.01908ZM10 14.5344H1.55242L4.25344 4.40558C4.31181 4.1867 4.51003 4.03441 4.73656 4.03441H19.8L10 14.5344ZM46.4476 14.5344L43.7466 4.40558C43.6882 4.1867 43.49 4.03441 43.2634 4.03441H28.2L38 14.5344H46.4476ZM28 46.5H46C46.2761 46.5 46.5 46.2761 46.5 46V16.0344H37.3482L24 1.7328L10.6518 16.0344H1.5V46C1.5 46.2761 1.72386 46.5 2 46.5H20V33.5344H28V46.5ZM26.5 46.5V35.0344H21.5V46.5H26.5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_244">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/id-card.svg b/assets/icons/complex/id-card.svg
new file mode 100644
index 00000000..e2d38dea
--- /dev/null
+++ b/assets/icons/complex/id-card.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 16.5C20 19.5376 17.5376 22 14.5 22C11.4624 22 9 19.5376 9 16.5C9 13.4624 11.4624 11 14.5 11C17.5376 11 20 13.4624 20 16.5ZM18.5 16.5C18.5 18.7091 16.7091 20.5 14.5 20.5C12.2909 20.5 10.5 18.7091 10.5 16.5C10.5 14.2909 12.2909 12.5 14.5 12.5C16.7091 12.5 18.5 14.2909 18.5 16.5Z" fill="currentColor"/>
+<path d="M36.25 16.001C36.6642 16.001 37 16.3368 37 16.751C37 17.1652 36.6642 17.501 36.25 17.501H27.75C27.3358 17.501 27 17.1652 27 16.751C27 16.3368 27.3358 16.001 27.75 16.001H36.25Z" fill="currentColor"/>
+<path d="M33.25 22.001C33.6642 22.001 34 22.3368 34 22.751C34 23.1652 33.6642 23.501 33.25 23.501H27.75C27.3358 23.501 27 23.1652 27 22.751C27 22.3368 27.3358 22.001 27.75 22.001H33.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C0.895431 6 0 6.89543 0 8V33C0 34.1046 0.89543 35 2 35H6V39C6 40.1046 6.89543 41 8 41H46C47.1046 41 48 40.1046 48 39V14C48 12.8954 47.1046 12 46 12H42V8C42 6.89543 41.1046 6 40 6H2ZM21.5 31.5V33.5H7.5V31.5C7.5 27.634 10.634 24.5 14.5 24.5C18.366 24.5 21.5 27.634 21.5 31.5ZM23 31.5V33.5H40C40.2761 33.5 40.5 33.2761 40.5 33V8C40.5 7.72386 40.2761 7.5 40 7.5H2C1.72386 7.5 1.5 7.72386 1.5 8V33C1.5 33.2761 1.72386 33.5 2 33.5H6V31.5C6 26.8056 9.80558 23 14.5 23C19.1944 23 23 26.8056 23 31.5ZM7.5 39V35H40C41.1046 35 42 34.1046 42 33V13.5H46C46.2761 13.5 46.5 13.7239 46.5 14V39C46.5 39.2761 46.2761 39.5 46 39.5H8C7.72386 39.5 7.5 39.2761 7.5 39Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/id-info.svg b/assets/icons/complex/id-info.svg
new file mode 100644
index 00000000..532c1c79
--- /dev/null
+++ b/assets/icons/complex/id-info.svg
@@ -0,0 +1,9 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 22.501C20 25.5385 17.5376 28.001 14.5 28.001C11.4624 28.001 9 25.5385 9 22.501C9 19.4634 11.4624 17.001 14.5 17.001C17.5376 17.001 20 19.4634 20 22.501ZM18.5 22.501C18.5 24.7101 16.7091 26.501 14.5 26.501C12.2909 26.501 10.5 24.7101 10.5 22.501C10.5 20.2918 12.2909 18.501 14.5 18.501C16.7091 18.501 18.5 20.2918 18.5 22.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 39.001C0 40.1055 0.895431 41.001 2 41.001H46C47.1046 41.001 48 40.1055 48 39.001V9.00098C48 7.89641 47.1046 7.00098 46 7.00098H2C0.895432 7.00098 0 7.89641 0 9.00098V39.001ZM2 8.50098C1.72386 8.50098 1.5 8.72483 1.5 9.00098V39.001C1.5 39.2771 1.72386 39.501 2 39.501H6V37.501C6 32.8066 9.80558 29.001 14.5 29.001C19.1944 29.001 23 32.8066 23 37.501V39.501H46C46.2761 39.501 46.5 39.2771 46.5 39.001V9.00098C46.5 8.72483 46.2761 8.50098 46 8.50098H2ZM21.5 39.501V37.501C21.5 33.635 18.366 30.501 14.5 30.501C10.634 30.501 7.5 33.635 7.5 37.501V39.501H21.5Z" fill="currentColor"/>
+<path d="M34.25 30.501C34.6642 30.501 35 30.8368 35 31.251C35 31.6652 34.6642 32.001 34.25 32.001H27.75C27.3358 32.001 27 31.6652 27 31.251C27 30.8368 27.3358 30.501 27.75 30.501H34.25Z" fill="currentColor"/>
+<path d="M43 35.251C43 35.6652 42.6642 36.001 42.25 36.001H27.75C27.3358 36.001 27 35.6652 27 35.251C27 34.8368 27.3358 34.501 27.75 34.501H42.25C42.6642 34.501 43 34.8368 43 35.251Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 25.501C36.5899 25.501 39.5 22.5908 39.5 19.001C39.5 15.4111 36.5899 12.501 33 12.501C29.4101 12.501 26.5 15.4111 26.5 19.001C26.5 22.5908 29.4101 25.501 33 25.501ZM41 19.001C41 23.4193 37.4183 27.001 33 27.001C28.5817 27.001 25 23.4193 25 19.001C25 14.5827 28.5817 11.001 33 11.001C37.4183 11.001 41 14.5827 41 19.001Z" fill="currentColor"/>
+<path d="M34.2402 18.1323L34.1285 18.0205L31 18.1881V18.6351C31.1676 18.6909 31.2793 18.6909 31.4469 18.7468C31.6145 18.8027 31.7263 18.8585 31.7821 18.9144C31.8939 18.9703 32.0056 19.082 32.0615 19.1937L32.0615 19.1937C32.1173 19.3054 32.1732 19.4172 32.1732 19.5848V22.3278C32.1732 22.4954 32.1173 22.6071 32.0615 22.7189C32.0056 22.8306 31.8939 22.8865 31.7821 22.9423C31.7263 22.9423 31.6145 22.9982 31.5028 22.9982C31.3911 23.054 31.2793 23.054 31.1676 23.054V23.501H35.2458V23.054C35.1341 23.054 35.0223 23.054 34.9106 22.9982C34.7989 22.9423 34.743 22.9423 34.6313 22.8865C34.5196 22.8306 34.4078 22.7747 34.352 22.663C34.2961 22.5513 34.2402 22.4395 34.2402 22.2719V18.1323Z" fill="currentColor"/>
+<path d="M33.905 14.8362C33.6816 14.6127 33.3464 14.501 33.0112 14.501C32.676 14.501 32.3408 14.6127 32.1173 14.8362C31.838 15.0596 31.7263 15.339 31.7263 15.6742C31.7263 16.0094 31.838 16.2887 32.1173 16.5121C32.3408 16.7356 32.676 16.8473 33.0112 16.8473C33.3464 16.8473 33.6257 16.7356 33.905 16.5121C34.1844 16.2887 34.2961 16.0094 34.2961 15.6742C34.2961 15.339 34.1285 15.0596 33.905 14.8362Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/id.svg b/assets/icons/complex/id.svg
new file mode 100644
index 00000000..37b8393c
--- /dev/null
+++ b/assets/icons/complex/id.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.25 17.501C34.6642 17.501 35 17.8368 35 18.251C35 18.6652 34.6642 19.001 34.25 19.001H26.75C26.3358 19.001 26 18.6652 26 18.251C26 17.8368 26.3358 17.501 26.75 17.501H34.25Z" fill="currentColor"/>
+<path d="M43 22.251C43 22.6652 42.6642 23.001 42.25 23.001H26.75C26.3358 23.001 26 22.6652 26 22.251C26 21.8368 26.3358 21.501 26.75 21.501H42.25C42.6642 21.501 43 21.8368 43 22.251Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 22.501C20 25.5385 17.5376 28.001 14.5 28.001C11.4624 28.001 9 25.5385 9 22.501C9 19.4634 11.4624 17.001 14.5 17.001C17.5376 17.001 20 19.4634 20 22.501ZM18.5 22.501C18.5 24.7101 16.7091 26.501 14.5 26.501C12.2909 26.501 10.5 24.7101 10.5 22.501C10.5 20.2918 12.2909 18.501 14.5 18.501C16.7091 18.501 18.5 20.2918 18.5 22.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 39.001C0 40.1055 0.895431 41.001 2 41.001H46C47.1046 41.001 48 40.1055 48 39.001V9.00098C48 7.89641 47.1046 7.00098 46 7.00098H2C0.895432 7.00098 0 7.89641 0 9.00098V39.001ZM2 8.50098C1.72386 8.50098 1.5 8.72483 1.5 9.00098V39.001C1.5 39.2771 1.72386 39.501 2 39.501H6V37.501C6 32.8066 9.80558 29.001 14.5 29.001C19.1944 29.001 23 32.8066 23 37.501V39.501H46C46.2761 39.501 46.5 39.2771 46.5 39.001V9.00098C46.5 8.72483 46.2761 8.50098 46 8.50098H2ZM21.5 39.501V37.501C21.5 33.635 18.366 30.501 14.5 30.501C10.634 30.501 7.5 33.635 7.5 37.501V39.501H21.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/illness.svg b/assets/icons/complex/illness.svg
new file mode 100644
index 00000000..c58f01d6
--- /dev/null
+++ b/assets/icons/complex/illness.svg
@@ -0,0 +1,9 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.7302 22.5308C22.3182 22.3931 21.6038 22.7665 21.6038 23.1966C21.6038 23.3011 21.6401 23.402 21.7215 23.4686C22.0396 23.7287 23.0638 24.3581 25.5283 24.3581C27.9928 24.3581 29.017 23.7287 29.3351 23.4686C29.4165 23.402 29.4528 23.3011 29.4528 23.1966C29.4528 22.7665 28.7384 22.3931 28.3264 22.5308C27.7203 22.7335 26.823 22.9072 25.5283 22.9072C24.2336 22.9072 23.3363 22.7335 22.7302 22.5308Z" fill="currentColor"/>
+<path d="M10.9566 22.5309C10.5447 22.3932 9.83019 22.7665 9.83019 23.1966C9.83019 23.3012 9.86651 23.402 9.94795 23.4686C10.266 23.7287 11.2902 24.3582 13.7547 24.3582C16.2192 24.3582 17.2435 23.7287 17.5615 23.4686C17.6429 23.402 17.6792 23.3012 17.6792 23.1966C17.6792 22.7665 16.9648 22.3932 16.5528 22.5309C15.9467 22.7335 15.0495 22.9072 13.7547 22.9072C12.46 22.9072 11.5628 22.7335 10.9566 22.5309Z" fill="currentColor"/>
+<path d="M15.6038 33.6633C15.6038 34.0935 16.3182 34.4668 16.7302 34.3291C17.3363 34.1265 18.2336 33.9527 19.5283 33.9527C20.823 33.9527 21.7203 34.1265 22.3264 34.3291C22.7384 34.4668 23.4528 34.0935 23.4528 33.6633C23.4528 33.5588 23.4165 33.458 23.3351 33.3914C23.017 33.1312 21.9928 32.5018 19.5283 32.5018C17.0638 32.5018 16.0396 33.1312 15.7215 33.3914C15.6401 33.458 15.6038 33.5588 15.6038 33.6633Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.6538 4.97167C32.0097 5.09272 32.1619 5.5039 31.9937 5.84C31.9551 5.91718 31.9166 5.99474 31.8783 6.0726C31.756 6.3212 31.4654 6.4372 31.2031 6.34797C30.676 6.16866 30.1805 6.03731 29.801 5.96886C29.7754 5.96425 29.7507 5.95999 29.7269 5.95605C29.7061 6.22861 29.6809 6.5773 29.6546 6.98312C29.5883 8.00407 29.5149 9.38298 29.4855 10.8195C29.4561 12.2596 29.4715 13.7408 29.5793 14.9718C29.6333 15.5879 29.7091 16.1249 29.8087 16.5549C29.9124 17.0024 30.0262 17.2619 30.1146 17.3821C30.698 18.1749 31.7203 18.7196 32.6884 19.0679C33.0913 19.2129 33.4651 19.3169 33.7606 19.3883C33.9653 18.5138 34.1757 17.5306 34.3555 16.508C34.4198 16.1424 34.7823 15.9092 35.1506 15.9559C35.534 16.0044 35.8316 16.3464 35.7642 16.727C35.5318 18.0409 35.2378 19.3444 34.924 20.6404C36.7853 21.1496 38.1599 22.8831 38.1599 24.9387C38.1599 27.1973 36.5003 29.0671 34.359 29.3512C33.836 32.4307 32.3997 35.2667 30.1868 37.522C27.354 40.4092 23.5876 41.9996 19.5814 42H19.58C15.5687 42 11.7974 40.3848 8.96044 37.4517C6.78767 35.2052 5.36653 32.3979 4.82585 29.3544C2.67242 29.0817 1 27.2062 1 24.9388C1 22.7586 2.54637 20.9408 4.57955 20.5617V17.3298C3.62497 17.0958 2.8082 16.8316 2.19595 16.5404L1.8099 16.3568L1.78627 15.9232C1.60795 12.6518 2.18413 9.5532 3.65733 6.94452C5.13529 4.32743 7.49145 2.24828 10.7891 0.990667C11.7917 0.608314 13.3758 0.303335 15.1703 0.1376C16.9779 -0.0293487 19.0513 -0.0597633 21.0522 0.132378C23.0446 0.323706 25.0104 0.739838 26.5752 1.4942C27.9424 2.15331 29.0834 3.11348 29.5889 4.4769C29.7348 4.48923 29.8904 4.51149 30.0491 4.54011C30.5137 4.62393 31.0785 4.77595 31.6538 4.97167ZM6.15443 17.6667V26.559C6.15443 30.2378 7.54927 33.706 10.082 36.3247C12.6204 38.9491 15.9939 40.3946 19.58 40.3946H19.5814C23.167 40.3942 26.5379 38.9709 29.0733 36.3868C31.6091 33.8023 33.0055 30.366 33.0055 26.7108V20.6887C32.7634 20.6206 32.4957 20.5373 32.2146 20.4361C31.1661 20.0589 29.8158 19.3944 28.9757 18.2526C28.7082 17.8891 28.5402 17.393 28.4233 16.8883C28.3023 16.3661 28.2187 15.7544 28.1614 15.1009C28.1086 14.4983 28.0771 13.8461 28.0614 13.175C27.3099 14.4885 26.1974 15.7294 24.552 16.6868C22.5863 17.8305 19.9059 18.5431 16.2582 18.5431C13.5621 18.5431 10.6829 18.3393 8.17353 17.9924C7.47328 17.8955 6.79558 17.7868 6.15443 17.6667ZM15.2987 1.58263C13.5531 1.74386 12.1154 2.03404 11.288 2.3496C8.28097 3.49638 6.19398 5.3613 4.89112 7.66834C3.64787 9.86984 3.09646 12.5145 3.18823 15.3937C4.32833 15.8424 6.16643 16.2506 8.3649 16.5546C10.8109 16.8928 13.626 17.0921 16.2582 17.0921C19.7285 17.0921 22.1492 16.4141 23.8463 15.4267C25.5356 14.4438 26.5531 13.1283 27.1805 11.7659C27.8129 10.3925 28.0538 8.96003 28.1614 7.75377C28.2066 7.24607 28.2277 6.78836 28.2462 6.38684L28.251 6.28307L28.2566 6.16385C28.2672 5.94234 28.2788 5.73235 28.2964 5.55139C28.3058 5.45413 28.3184 5.34826 28.3379 5.24327C28.0661 4.23726 27.2579 3.42842 25.9665 2.80583C24.6118 2.15273 22.8295 1.76043 20.9186 1.57693C19.0163 1.39424 17.0313 1.42261 15.2987 1.58263ZM2.57487 24.9387C2.57487 23.6482 3.42232 22.5563 4.57955 22.2089V26.5591C4.57955 26.9349 4.59276 27.3086 4.61871 27.6799C3.44155 27.3455 2.57487 26.2437 2.57487 24.9387ZM34.55 27.6773C34.5695 27.3569 34.5805 27.0347 34.5805 26.7109V22.2089C35.7377 22.5563 36.585 23.6482 36.585 24.9387C36.585 26.2403 35.7228 27.34 34.55 27.6773Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.0977 3.68627L36.2629 2.24405C36.0703 1.91136 35.59 1.91136 35.3975 2.24405L34.5626 3.68627C33.9148 4.80551 32.8817 6.67553 32.2528 8.22609C32.0769 8.65962 31.9357 9.06071 31.8363 9.41659C31.7437 9.7478 31.6604 10.1322 31.6604 10.5C31.6604 12.8472 33.5273 14.75 35.8302 14.75C38.1331 14.75 40 12.8472 40 10.5C40 10.1322 39.9167 9.7478 39.8241 9.41659C39.7247 9.06071 39.5835 8.65962 39.4076 8.22609C38.7787 6.67553 37.7456 4.80551 37.0977 3.68627ZM38.0476 8.79915C37.6843 7.90347 37.1672 6.8747 36.6733 5.95708C36.3698 5.39338 36.0751 4.87163 35.8302 4.44846C35.5852 4.87163 35.2905 5.39338 34.9871 5.95708C34.4932 6.87469 33.9761 7.90347 33.6128 8.79915C33.2908 9.5932 33.1321 10.1804 33.1321 10.5C33.1321 12.0188 34.3401 13.25 35.8302 13.25C37.3203 13.25 38.5283 12.0188 38.5283 10.5C38.5283 10.1804 38.3696 9.5932 38.0476 8.79915Z" fill="currentColor"/>
+<path d="M42 32C42.1989 32 42.3897 32.079 42.5303 32.2197C42.671 32.3603 42.75 32.5511 42.75 32.75V40.615C43.3201 40.7942 43.8071 41.1716 44.123 41.6788C44.4389 42.1861 44.5627 42.7896 44.4721 43.3803C44.3814 43.9709 44.0823 44.5096 43.6288 44.8988C43.1754 45.2879 42.5976 45.5019 42 45.5019C41.4024 45.5019 40.8246 45.2879 40.3712 44.8988C39.9177 44.5096 39.6186 43.9709 39.5279 43.3803C39.4373 42.7896 39.5611 42.1861 39.877 41.6788C40.1929 41.1716 40.6799 40.7942 41.25 40.615V32.75C41.25 32.5511 41.329 32.3603 41.4697 32.2197C41.6103 32.079 41.8011 32 42 32Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42 26C42.83 25.9999 43.6285 26.3174 44.2319 26.8873C44.8353 27.4572 45.1978 28.2364 45.245 29.065L45.25 29.25L45.251 39.202L45.331 39.271C46.2629 40.1018 46.8495 41.2518 46.975 42.494L46.994 42.746L47 43C47.0001 43.8238 46.7967 44.6349 46.4079 45.3612C46.019 46.0874 45.4567 46.7063 44.7709 47.1629C44.0852 47.6194 43.2973 47.8994 42.4772 47.9781C41.6572 48.0567 40.8304 47.9315 40.0704 47.6135C39.3104 47.2956 38.6407 46.7948 38.1209 46.1557C37.6011 45.5166 37.2473 44.7589 37.0909 43.9501C36.9345 43.1412 36.9804 42.3063 37.2245 41.5195C37.4686 40.7326 37.9033 40.0183 38.49 39.44L38.67 39.27L38.749 39.202L38.75 29.25C38.7498 28.4513 39.0438 27.6805 39.5757 27.0847C40.1077 26.489 40.8404 26.1099 41.634 26.02L41.816 26.005L42 26ZM42 27.5C41.5606 27.5 41.1374 27.6653 40.8143 27.963C40.4912 28.2608 40.2919 28.6691 40.256 29.107L40.25 29.25V39.944L39.941 40.169C39.3506 40.5984 38.9093 41.2017 38.6788 41.8944C38.4484 42.5871 38.4402 43.3345 38.6556 44.0321C38.871 44.7296 39.2991 45.3423 39.88 45.7845C40.4609 46.2266 41.1656 46.476 41.8953 46.4979C42.625 46.5197 43.3432 46.3127 43.9495 45.9061C44.5558 45.4994 45.0197 44.9133 45.2764 44.2299C45.533 43.5465 45.5696 42.7999 45.3809 42.0947C45.1922 41.3895 44.7877 40.7609 44.224 40.297L44.059 40.17L43.752 39.945L43.75 29.25C43.75 28.7859 43.5656 28.3408 43.2374 28.0126C42.9092 27.6844 42.4641 27.5 42 27.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/info-list.svg b/assets/icons/complex/info-list.svg
new file mode 100644
index 00000000..1e57d50a
--- /dev/null
+++ b/assets/icons/complex/info-list.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11975)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.25 5.00098C24.6642 5.00098 25 5.33676 25 5.75098C25 6.16519 24.6642 6.50098 24.25 6.50098H6.5C5.94772 6.50098 5.5 6.94869 5.5 7.50098V45.501C5.5 46.0533 5.94772 46.501 6.5 46.501H35.5C36.0523 46.501 36.5 46.0533 36.5 45.501V19.751C36.5 19.3368 36.8358 19.001 37.25 19.001C37.6642 19.001 38 19.3368 38 19.751V46.0007C38 47.1052 37.1046 48.0007 36 48.0007H6C4.89543 48.0007 4 47.1052 4 46.0007V7.00098C4 5.89641 4.89543 5.00098 6 5.00098H24.25ZM31.389 25.9494C31.8049 25.9494 32.142 26.2865 32.142 26.7023C32.142 27.1182 31.8049 27.4553 31.389 27.4553H10.6851C10.2692 27.4553 9.9321 27.1182 9.9321 26.7023C9.9321 26.2865 10.2692 25.9494 10.6851 25.9494H31.389ZM31.389 19.9139C31.8049 19.9139 32.142 20.251 32.142 20.6668C32.142 21.0827 31.8049 21.4198 31.389 21.4198H10.6851C10.2692 21.4198 9.9321 21.0827 9.9321 20.6668C9.9321 20.251 10.2692 19.9139 10.6851 19.9139H31.389ZM15.9446 13.8784C16.3604 13.8784 16.6975 14.2155 16.6975 14.6313C16.6975 15.0472 16.3604 15.3843 15.9446 15.3843H10.6851C10.2692 15.3843 9.9321 15.0472 9.9321 14.6313C9.9321 14.2155 10.2692 13.8784 10.6851 13.8784H15.9446Z" fill="currentColor"/>
+<path d="M17.6846 43.3838H31.1787C31.5945 43.3838 31.9316 43.0467 31.9316 42.6309C31.9316 42.215 31.5945 41.8779 31.1787 41.8779H17.6846C17.2688 41.8779 16.9316 42.215 16.9316 42.6309C16.9316 43.0467 17.2688 43.3838 17.6846 43.3838Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5 15.501C39.366 15.501 42.5 12.367 42.5 8.50098C42.5 4.63498 39.366 1.50098 35.5 1.50098C31.634 1.50098 28.5 4.63498 28.5 8.50098C28.5 12.367 31.634 15.501 35.5 15.501ZM35.5 17.001C40.1944 17.001 44 13.1954 44 8.50098C44 3.80656 40.1944 0.000976562 35.5 0.000976562C30.8056 0.000976562 27 3.80656 27 8.50098C27 13.1954 30.8056 17.001 35.5 17.001Z" fill="currentColor"/>
+<path d="M36.7402 7.13226L36.6285 7.02053L33.5 7.18813V7.63506C33.6676 7.69092 33.7793 7.69092 33.9469 7.74679C34.1145 7.80265 34.2263 7.85852 34.2821 7.91438C34.3939 7.97025 34.5056 8.08198 34.5615 8.19371C34.6173 8.30545 34.6732 8.41718 34.6732 8.58477V12.3278C34.6732 12.4954 34.6173 12.6071 34.5615 12.7189C34.5056 12.8306 34.3939 12.8865 34.2821 12.9423C34.2263 12.9423 34.1145 12.9982 34.0028 12.9982C33.8911 13.054 33.7793 13.054 33.6676 13.054V13.501H37.7458V13.054C37.6341 13.054 37.5223 13.054 37.4106 12.9982C37.2989 12.9423 37.243 12.9423 37.1313 12.8865C37.0196 12.8306 36.9078 12.7747 36.852 12.663C36.7961 12.5513 36.7402 12.4395 36.7402 12.2719V7.13226Z" fill="currentColor"/>
+<path d="M36.405 3.83617C36.1816 3.61271 35.8464 3.50098 35.5112 3.50098C35.176 3.50098 34.8408 3.61271 34.6173 3.83617C34.338 4.05964 34.2263 4.33896 34.2263 4.67416C34.2263 5.00936 34.338 5.28869 34.6173 5.51215C34.8408 5.73561 35.176 5.84735 35.5112 5.84735C35.8464 5.84735 36.1257 5.73561 36.405 5.51215C36.6844 5.28869 36.7961 5.00936 36.7961 4.67416C36.7961 4.33896 36.6285 4.05964 36.405 3.83617Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11975">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/info.svg b/assets/icons/complex/info.svg
new file mode 100644
index 00000000..e22257d1
--- /dev/null
+++ b/assets/icons/complex/info.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.341 43.21C30.7401 43.21 31.0395 43.5094 31.1393 43.9085V44.0083V47.2017C31.1393 47.6008 30.8399 47.9002 30.4407 48H30.341H16.7692C16.3701 48 16.0707 47.7006 15.9709 47.3015V47.2017V44.0083C15.9709 43.6091 16.2703 43.21 16.7692 43.21C17.1684 43.21 17.4678 43.5094 17.5676 43.9085V44.0083V46.4033H29.6424V44.0083C29.6424 43.6091 29.9418 43.3098 30.341 43.21ZM23.5551 0C35.4304 0 45.1102 9.67984 45.1102 21.5551C45.1102 33.4304 35.4304 43.1102 23.5551 43.1102C11.6798 43.1102 2 33.4304 2 21.5551C2 9.67984 11.6798 0 23.5551 0ZM23.5551 1.49688C12.4782 1.49688 3.49688 10.4782 3.49688 21.5551C3.49688 32.632 12.4782 41.6133 23.5551 41.6133C34.632 41.6133 43.6133 32.632 43.6133 21.5551C43.6133 10.4782 34.632 1.49688 23.5551 1.49688ZM23.5551 4.98961C32.736 4.98961 40.1206 12.3742 40.1206 21.5551C40.1206 30.736 32.736 38.1206 23.5551 38.1206C14.3742 38.1206 6.9896 30.736 6.9896 21.5551C6.9896 12.3742 14.3742 4.98961 23.5551 4.98961ZM23.5551 6.48649C15.2723 6.48649 8.48649 13.2724 8.48649 21.5551C8.48649 29.8378 15.2723 36.6237 23.5551 36.6237C31.8378 36.6237 38.6237 29.8378 38.6237 21.5551C38.6237 13.2724 31.9376 6.48649 23.5551 6.48649ZM25.4511 18.5613L25.6507 18.7609V27.9418C25.6507 28.2412 25.7505 28.4408 25.8503 28.6403C25.9501 28.8399 26.1497 28.9397 26.3493 29.0395C26.5489 29.1393 26.6486 29.1393 26.8482 29.2391C27.0478 29.3389 27.2474 29.3389 27.447 29.3389V30.1372H20.1622V29.3389C20.3617 29.3389 20.5613 29.3389 20.7609 29.2391C20.9605 29.2391 21.1601 29.1393 21.2599 29.1393C21.4595 29.0395 21.659 28.9397 21.7588 28.7401C21.8586 28.5405 21.9584 28.341 21.9584 28.0416V21.3555C21.9584 21.0561 21.8586 20.8566 21.7588 20.657C21.659 20.4574 21.4595 20.2578 21.2599 20.158C21.1601 20.0582 20.9605 19.9584 20.6611 19.8586C20.3617 19.7588 20.1622 19.7588 19.8628 19.659V18.8607L25.4511 18.5613ZM23.4553 12.2744C24.0541 12.2744 24.6528 12.474 25.052 12.8732C25.4511 13.2723 25.7505 13.7713 25.7505 14.3701C25.7505 14.9688 25.5509 15.4678 25.052 15.8669C24.553 16.2661 24.0541 16.4657 23.4553 16.4657C22.8565 16.4657 22.2578 16.2661 21.8586 15.8669C21.3597 15.4678 21.1601 14.9688 21.1601 14.3701C21.1601 13.7713 21.3597 13.2723 21.8586 12.8732C22.2578 12.474 22.8565 12.2744 23.4553 12.2744Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/institute-file.svg b/assets/icons/complex/institute-file.svg
new file mode 100644
index 00000000..dead0a62
--- /dev/null
+++ b/assets/icons/complex/institute-file.svg
@@ -0,0 +1,23 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10865)">
+<path d="M9 6.75085C9 7.16507 9.33579 7.50085 9.75 7.50085H18.25C18.6642 7.50085 19 7.16507 19 6.75085C19 6.33664 18.6642 6.00085 18.25 6.00085H9.75C9.33579 6.00085 9 6.33664 9 6.75085Z" fill="currentColor"/>
+<path d="M9 10.7509C9 11.1651 9.33579 11.5009 9.75 11.5009H18.25C18.6642 11.5009 19 11.1651 19 10.7509C19 10.3366 18.6642 10.0009 18.25 10.0009H9.75C9.33579 10.0009 9 10.3366 9 10.7509Z" fill="currentColor"/>
+<path d="M16 14.7509C16 15.1651 15.6642 15.5009 15.25 15.5009H9.75C9.33579 15.5009 9 15.1651 9 14.7509C9 14.3366 9.33579 14.0009 9.75 14.0009H15.25C15.6642 14.0009 16 14.3366 16 14.7509Z" fill="currentColor"/>
+<path d="M18.5 20.0009H21.5V23.0009H18.5V20.0009Z" fill="currentColor"/>
+<path d="M18.5 25.0009H21.5V28.0009H18.5V25.0009Z" fill="currentColor"/>
+<path d="M29.5 10.0009H26.5V13.0009H29.5V10.0009Z" fill="currentColor"/>
+<path d="M34.5 10.0009H31.5V13.0009H34.5V10.0009Z" fill="currentColor"/>
+<path d="M29.5 15.0009H26.5V18.0009H29.5V15.0009Z" fill="currentColor"/>
+<path d="M29.5 20.0009H26.5V23.0009H29.5V20.0009Z" fill="currentColor"/>
+<path d="M29.5 25.0009H26.5V28.0009H29.5V25.0009Z" fill="currentColor"/>
+<path d="M34.5 15.0009H31.5V18.0009H34.5V15.0009Z" fill="currentColor"/>
+<path d="M34.5 20.0009H31.5V23.0009H34.5V20.0009Z" fill="currentColor"/>
+<path d="M34.5 25.0009H31.5V28.0009H34.5V25.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 16.0009V2.00085C41 0.896285 40.1046 0.000854492 39 0.000854492H7C5.89543 0.000854492 5 0.896285 5 2.00085V16.0009H2C0.895431 16.0009 0 16.8963 0 18.0009V46.0009C0 47.1054 0.89543 48.0009 2 48.0009H43.3057C44.2834 48.0009 45.1178 47.294 45.2785 46.3297L47.6119 32.3297C47.815 31.1106 46.875 30.0009 45.6391 30.0009H45V18.0009C45 16.8963 44.1046 16.0009 43 16.0009H41ZM6.5 27.0009H15V17.0009H23V6.00085H26V5.00085H35V6.00085H38V30.0009H39.5V2.00085C39.5 1.72471 39.2761 1.50085 39 1.50085H7C6.72386 1.50085 6.5 1.72471 6.5 2.00085V27.0009ZM23 30.0009H18.25L16.5 27.0009V18.5009H23V30.0009ZM36.5 30.0009H24.5V7.50085H36.5V30.0009ZM41 30.0009H43.5V18.0009C43.5 17.7247 43.2761 17.5009 43 17.5009H41V30.0009ZM5 17.5009H2C1.72386 17.5009 1.5 17.7247 1.5 18.0009V37.5009L2.75469 28.718C2.89545 27.7327 3.73929 27.0009 4.73459 27.0009H5V17.5009ZM46.1323 32.0831C46.1831 31.7783 45.9481 31.5009 45.6391 31.5009H17.3884L15.7831 28.7489C15.6935 28.5953 15.5291 28.5009 15.3513 28.5009H4.73459C4.48577 28.5009 4.27481 28.6838 4.23962 28.9301L1.81104 45.9301C1.76801 46.2314 2.00174 46.5009 2.30602 46.5009H43.7293L46.1323 32.0831Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10865">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/institution.svg b/assets/icons/complex/institution.svg
new file mode 100644
index 00000000..c7195a75
--- /dev/null
+++ b/assets/icons/complex/institution.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M23.25 2.00085C23.25 0.896285 24.1454 0.000854492 25.25 0.000854492H33.5765C35.0239 0.000854492 35.992 1.49056 35.4042 2.81313L34.5153 4.81313C34.1943 5.53539 33.478 6.00085 32.6877 6.00085H24.75V9.06138L40.6409 18H43.694C44.9111 18 45.846 19.078 45.6739 20.2828L45.2453 23.2828C45.1046 24.2681 44.2453 25 43.25 25V40C44.2498 40 45.0931 40.7445 45.2171 41.7365L45.719 45.7519C45.8682 46.9456 44.9374 48 43.7344 48H4.26556C3.06257 48 2.1318 46.9456 2.28101 45.7519L2.78294 41.7365C2.90694 40.7445 3.75025 40 4.75 40V25C3.7547 25 2.89545 24.2681 2.75469 23.2828L2.32612 20.2828C2.154 19.078 3.08892 18 4.30602 18H6.85041L23.25 9.05477V2.00085ZM9.9829 18H37.5813L23.9944 10.3574L9.9829 18ZM24.75 4.50085H32.6877C32.8853 4.50085 33.0643 4.38449 33.1446 4.20392L34.0335 2.20392C34.1804 1.87328 33.9384 1.50085 33.5765 1.50085H25.25C24.9739 1.50085 24.75 1.72471 24.75 2.00085V4.50085ZM41.75 40V25H40.25V40H41.75ZM23.25 25H24.75V40H23.25V25ZM26.25 40V25H30.25V40H26.25ZM31.75 40H33.25V25H31.75V40ZM38.75 40H34.75V25H38.75V40ZM21.75 40V25H17.75V40H21.75ZM16.25 40H14.75V25H16.25V40ZM9.25 25H13.25V40H9.25V25ZM7.75 40H6.25V25H7.75V40ZM4.73459 23.5C4.48577 23.5 4.27481 23.317 4.23962 23.0707L3.81104 20.0707C3.76801 19.7695 4.00174 19.5 4.30602 19.5H43.694C43.9983 19.5 44.232 19.7695 44.189 20.0707L43.7604 23.0707C43.7252 23.317 43.5142 23.5 43.2654 23.5H4.73459ZM4.26556 46.5C3.96482 46.5 3.73212 46.2364 3.76943 45.938L4.26943 41.938C4.3007 41.6878 4.5134 41.5 4.76556 41.5H43.2344C43.4866 41.5 43.6993 41.6878 43.7306 41.938L44.2306 45.938C44.2679 46.2364 44.0352 46.5 43.7344 46.5H4.26556Z"
+          fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/job-loss.svg b/assets/icons/complex/job-loss.svg
new file mode 100644
index 00000000..ed029d3b
--- /dev/null
+++ b/assets/icons/complex/job-loss.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.6412 30.5806C33.3483 30.2877 32.8734 30.2877 32.5806 30.5806C32.2877 30.8735 32.2877 31.3484 32.5806 31.6412L35.9393 35L32.5806 38.3588C32.2877 38.6516 32.2877 39.1265 32.5806 39.4194C32.8734 39.7123 33.3483 39.7123 33.6412 39.4194L37 36.0607L40.3587 39.4194C40.6516 39.7123 41.1265 39.7123 41.4194 39.4194C41.7123 39.1265 41.7123 38.6516 41.4194 38.3588L38.0606 35L41.4194 31.6412C41.7123 31.3484 41.7123 30.8735 41.4194 30.5806C41.1265 30.2877 40.6516 30.2877 40.3587 30.5806L37 33.9393L33.6412 30.5806Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 6.5V8H3C1.34315 8 0 9.34315 0 11V33C0 34.6569 1.34315 36 3 36H26.0448C26.5501 41.6065 31.262 46 37 46C43.0751 46 48 41.0751 48 35C48 29.262 43.6065 24.5501 38 24.0448V11C38 9.34315 36.6569 8 35 8H29.75V6.5C29.75 4.42893 28.0711 2.75 26 2.75H12C9.92893 2.75 8.25 4.42893 8.25 6.5ZM36.5 24.0112V19.8101L31.75 20.3379V23C31.75 23.4142 31.4142 23.75 31 23.75C30.5858 23.75 30.25 23.4142 30.25 23V20.5046L19.0001 21.7546L7.75 20.5046V23C7.75 23.4142 7.41421 23.75 7 23.75C6.58579 23.75 6.25 23.4142 6.25 23V20.3379L1.5 19.8101V33C1.5 33.8284 2.17157 34.5 3 34.5H26.0112C26.2651 28.8227 30.8227 24.2651 36.5 24.0112ZM12 4.25C10.7574 4.25 9.75 5.25736 9.75 6.5V8H28.25V6.5C28.25 5.25736 27.2426 4.25 26 4.25H12ZM35 9.5H3C2.17157 9.5 1.5 10.1716 1.5 11V18.3009L6.25 18.8287V17C6.25 16.5858 6.58579 16.25 7 16.25C7.41421 16.25 7.75 16.5858 7.75 17V18.9953L19.0001 20.2453L30.25 18.9953V17C30.25 16.5858 30.5858 16.25 31 16.25C31.4142 16.25 31.75 16.5858 31.75 17V18.8287L36.5 18.3009V11C36.5 10.1716 35.8284 9.5 35 9.5ZM37 44.5C42.2467 44.5 46.5 40.2467 46.5 35C46.5 29.7533 42.2467 25.5 37 25.5C31.7533 25.5 27.5 29.7533 27.5 35C27.5 40.2467 31.7533 44.5 37 44.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/job.svg b/assets/icons/complex/job.svg
new file mode 100644
index 00000000..fb789aca
--- /dev/null
+++ b/assets/icons/complex/job.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.25 7.75085V10H4C1.79086 10 0 11.7909 0 14V41C0 43.2091 1.79086 45 4 45H44C46.2091 45 48 43.2091 48 41V14C48 11.7909 46.2091 10 44 10H37.75V7.75085C37.75 5.1275 35.6234 3.00085 33 3.00085H15C12.3766 3.00085 10.25 5.1275 10.25 7.75085ZM15 4.50085C13.2051 4.50085 11.75 5.95593 11.75 7.75085V10H36.25V7.75085C36.25 5.95593 34.7949 4.50085 33 4.50085H15ZM4 11.5H44C45.3807 11.5 46.5 12.6193 46.5 14V22.7999L40 23.5065V20.75C40 20.3358 39.6642 20 39.25 20C38.8358 20 38.5 20.3358 38.5 20.75V23.6695L24 25.2456L9.5 23.6695V20.75C9.5 20.3358 9.16421 20 8.75 20C8.33579 20 8 20.3358 8 20.75V23.5065L1.5 22.7999V14C1.5 12.6193 2.61929 11.5 4 11.5ZM8 25.0153L1.5 24.3088V41C1.5 42.3807 2.61929 43.5 4 43.5H44C45.3807 43.5 46.5 42.3807 46.5 41V24.3088L40 25.0153V28.25C40 28.6642 39.6642 29 39.25 29C38.8358 29 38.5 28.6642 38.5 28.25V25.1783L24 26.7544L9.5 25.1783V28.25C9.5 28.6642 9.16421 29 8.75 29C8.33579 29 8 28.6642 8 28.25V25.0153Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/map.svg b/assets/icons/complex/map.svg
new file mode 100644
index 00000000..26eb867c
--- /dev/null
+++ b/assets/icons/complex/map.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_251)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 13C34.2091 13 36 11.2091 36 9C36 6.79086 34.2091 5 32 5C29.7909 5 28 6.79086 28 9C28 11.2091 29.7909 13 32 13ZM32 11.5C33.3807 11.5 34.5 10.3807 34.5 9C34.5 7.61929 33.3807 6.5 32 6.5C30.6193 6.5 29.5 7.61929 29.5 9C29.5 10.3807 30.6193 11.5 32 11.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.8999 9.99381C40.9652 9.64184 41 9.3092 41 9C41 4.02944 36.9706 0 32 0C27.0294 0 23 4.02944 23 9C23 9.3092 23.0348 9.64184 23.1001 9.99381L16.9805 6.55153C16.3717 6.20906 15.6283 6.20906 15.0195 6.55153L1.01948 14.4265C0.389725 14.7808 0 15.4471 0 16.1697V46.2901C0 47.055 0.823657 47.5367 1.49026 47.1617L15.7549 39.1379C15.9071 39.0522 16.0929 39.0522 16.2451 39.1379L31.0195 47.4484C31.6283 47.7909 32.3717 47.7909 32.9805 47.4484L46.9805 39.5734C47.6103 39.2192 48 38.5528 48 37.8303V7.70983C48 6.945 47.1763 6.46329 46.5097 6.83825L40.8999 9.99381ZM38.2451 12.9403C39.0736 11.2386 39.5 9.87948 39.5 9C39.5 4.85786 36.1421 1.5 32 1.5C27.8579 1.5 24.5 4.85786 24.5 9C24.5 9.87948 24.9264 11.2386 25.7549 12.9403C26.5574 14.5887 27.6421 16.3711 28.7485 18.0325C29.8514 19.6887 30.9571 21.1967 31.7886 22.2921C31.8612 22.3879 31.9318 22.4804 32 22.5696C32.0682 22.4804 32.1388 22.3879 32.2114 22.2921C33.0429 21.1967 34.1486 19.6887 35.2515 18.0325C36.3579 16.3711 37.4426 14.5887 38.2451 12.9403ZM40.2723 12.0679C38.6547 16.1609 34.7613 21.4487 32.9529 23.7913C32.882 23.8832 32.8142 23.9705 32.75 24.0531V45.8571L46.2451 38.2661C46.4026 38.1775 46.5 38.0109 46.5 37.8303V8.56475L40.2723 12.0679ZM31.25 24.0531V45.8571L16.9805 37.8305C16.9056 37.7883 16.8285 37.7514 16.75 37.7196V8.14288L23.7277 12.0679C25.3453 16.1609 29.2387 21.4487 31.0471 23.7913C31.118 23.8832 31.1858 23.9705 31.25 24.0531ZM1.75487 15.7339L15.25 8.14288V37.7196C15.1715 37.7514 15.0944 37.7883 15.0195 37.8305L1.5 45.4352V16.1697C1.5 15.989 1.59743 15.8224 1.75487 15.7339Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_251">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/mobile-phone.svg b/assets/icons/complex/mobile-phone.svg
new file mode 100644
index 00000000..a3aded3a
--- /dev/null
+++ b/assets/icons/complex/mobile-phone.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 40.0009C15 39.4486 15.4477 39.0009 16 39.0009H19C19.5523 39.0009 20 39.4486 20 40.0009V43.0009C20 43.5531 19.5523 44.0009 19 44.0009H16C15.4477 44.0009 15 43.5531 15 43.0009V40.0009Z" fill="currentColor"/>
+<path d="M21.5 40.0009C21.5 39.4486 21.9477 39.0009 22.5 39.0009H25.5C26.0523 39.0009 26.5 39.4486 26.5 40.0009V43.0009C26.5 43.5531 26.0523 44.0009 25.5 44.0009H22.5C21.9477 44.0009 21.5 43.5531 21.5 43.0009V40.0009Z" fill="currentColor"/>
+<path d="M29 39.0009C28.4477 39.0009 28 39.4486 28 40.0009V43.0009C28 43.5531 28.4477 44.0009 29 44.0009H32C32.5523 44.0009 33 43.5531 33 43.0009V40.0009C33 39.4486 32.5523 39.0009 32 39.0009H29Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 0.000854492C12.7909 0.000854492 11 1.79171 11 4.00085V44.0009C11 46.21 12.7909 48.0009 15 48.0009H33C35.2091 48.0009 37 46.21 37 44.0009V4.00085C37 1.79172 35.2091 0.000854492 33 0.000854492H15ZM30 1.50085C29.4477 1.50085 29 1.94857 29 2.50085V3.00085C29 3.55314 28.5523 4.00085 28 4.00085H20C19.4477 4.00085 19 3.55314 19 3.00085V2.50085C19 1.94857 18.5523 1.50085 18 1.50085H15C13.6193 1.50085 12.5 2.62014 12.5 4.00085V44.0009C12.5 45.3816 13.6193 46.5009 15 46.5009H33C34.3807 46.5009 35.5 45.3816 35.5 44.0009V4.00085C35.5 2.62014 34.3807 1.50085 33 1.50085H30Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/mouse.svg b/assets/icons/complex/mouse.svg
new file mode 100644
index 00000000..7c9d6bfc
--- /dev/null
+++ b/assets/icons/complex/mouse.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0511 2.00098C29.0511 1.58676 28.7153 1.25098 28.3011 1.25098C27.8869 1.25098 27.5511 1.58676 27.5511 2.00098V4.72913C27.5511 5.62241 26.9064 6.38526 26.0256 6.5342C24.4232 6.80518 23.2502 8.19309 23.2502 9.81828V12.2745C17.1102 12.6612 12.25 17.7635 12.25 24.001V35.001C12.25 41.4903 17.5107 46.751 24 46.751C30.4893 46.751 35.75 41.4903 35.75 35.001V24.001C35.75 17.7636 30.89 12.6614 24.7502 12.2745V9.81828C24.7502 8.925 25.3949 8.16215 26.2757 8.01321C27.8782 7.74223 29.0511 6.35432 29.0511 4.72913V2.00098ZM24.7502 13.778V25.1094H34.25V24.001C34.25 18.5924 30.0609 14.1622 24.7502 13.778ZM23.2502 13.778C17.9394 14.1619 13.75 18.5922 13.75 24.001V25.1094H23.2502V13.778ZM34.25 26.6094V35.001C34.25 40.6619 29.6609 45.251 24 45.251C18.3391 45.251 13.75 40.6619 13.75 35.001V26.6094H34.25Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/my-filing.svg b/assets/icons/complex/my-filing.svg
new file mode 100644
index 00000000..e995309d
--- /dev/null
+++ b/assets/icons/complex/my-filing.svg
@@ -0,0 +1,15 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6263_11001)">
+<path d="M39.6 46.001C39.6 47.1055 38.7046 48.001 37.6 48.001H6C4.89543 48.001 4 47.1055 4 46.001V2.00098C4 0.896407 4.89543 0.000976562 6 0.000976562H37.599C38.7035 0.000976562 39.599 0.896407 39.599 2.00098V9.46073C39.599 9.91049 39.2344 10.2751 38.7846 10.2751C38.3349 10.2751 37.9703 9.91049 37.9703 9.46073V2.63549C37.9703 2.08321 37.5225 1.63549 36.9703 1.63549H6.62871C6.07643 1.63549 5.62871 2.08321 5.62871 2.63549V45.3665C5.62871 45.9187 6.07643 46.3665 6.62871 46.3665H36.97C37.5223 46.3665 37.97 45.9187 37.97 45.3665V32.816C37.97 32.3659 38.3349 32.001 38.785 32.001C39.2351 32.001 39.6 32.3659 39.6 32.816V46.001Z" fill="currentColor"/>
+<path d="M14.9431 37.2253C14.9266 36.9946 14.6325 36.9081 14.4937 37.0932L11.6004 40.9509L10.4004 40.0509L13.2937 36.1932C14.2653 34.8977 16.3239 35.5032 16.4393 37.1185L16.583 39.1312C16.5987 39.35 16.8684 39.444 17.0167 39.2823L19.3807 36.7034C20.3286 35.6693 22.0339 36.5577 21.7295 37.9271C21.6448 38.3082 22.0167 38.6313 22.3823 38.4942L24.237 37.7987L24.7637 39.2032L22.909 39.8987C21.5617 40.4039 20.1933 39.3659 20.2162 38.0118L18.1224 40.2959C17.0847 41.4279 15.1963 40.7699 15.0868 39.2381L14.9431 37.2253Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.7362 17.1222L32.2362 37.0407L27.1381 39.8709L27.04 34.0407L38.54 14.1222C39.0923 13.1656 40.3155 12.8378 41.2721 13.3901L43.0041 14.3901C43.9607 14.9424 44.2885 16.1656 43.7362 17.1222ZM28.5468 34.4309L37.0266 19.7436L39.6247 21.2436L31.1449 35.9309L28.5959 37.346L28.5468 34.4309ZM37.7766 18.4445L40.3747 19.9445L42.4372 16.3722C42.5752 16.133 42.4933 15.8272 42.2541 15.6891L40.5221 14.6891C40.2829 14.5511 39.9771 14.633 39.8391 14.8722L37.7766 18.4445Z" fill="currentColor"/>
+<path d="M10.6846 22.4553H27.3886C27.8044 22.4553 28.1415 22.1182 28.1415 21.7024C28.1415 21.2865 27.8044 20.9494 27.3886 20.9494H10.6846C10.2688 20.9494 9.93164 21.2865 9.93164 21.7024C9.93164 22.1182 10.2688 22.4553 10.6846 22.4553Z" fill="currentColor"/>
+<path d="M10.6846 16.4198H29.3886C29.8044 16.4198 30.1415 16.0827 30.1415 15.6669C30.1415 15.251 29.8044 14.9139 29.3886 14.9139H10.6846C10.2688 14.9139 9.93164 15.251 9.93164 15.6669C9.93164 16.0827 10.2688 16.4198 10.6846 16.4198Z" fill="currentColor"/>
+<path d="M10.6846 10.3843H15.9441C16.36 10.3843 16.6971 10.0472 16.6971 9.63138C16.6971 9.21553 16.36 8.87842 15.9441 8.87842H10.6846C10.2688 8.87842 9.93164 9.21553 9.93164 9.63138C9.93164 10.0472 10.2688 10.3843 10.6846 10.3843Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6263_11001">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/my-state-data.svg b/assets/icons/complex/my-state-data.svg
new file mode 100644
index 00000000..3c4c24ea
--- /dev/null
+++ b/assets/icons/complex/my-state-data.svg
@@ -0,0 +1,19 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6263_11000)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.25 5.00098C24.6642 5.00098 25 5.33676 25 5.75098C25 6.16519 24.6642 6.50098 24.25 6.50098H6.5C5.94772 6.50098 5.5 6.94869 5.5 7.50098V45.501C5.5 46.0533 5.94772 46.501 6.5 46.501H8.16109C8.84776 43.3558 11.6489 41.001 15 41.001C18.3511 41.001 21.1522 43.3558 21.8389 46.501H35.5C36.0523 46.501 36.5 46.0533 36.5 45.501V19.751C36.5 19.3368 36.8358 19.001 37.25 19.001C37.6642 19.001 38 19.3368 38 19.751V46.0007C38 47.1052 37.1046 48.0007 36 48.0007H22L8 48.001L6 48.0007C4.89543 48.0007 4 47.1052 4 46.0007V7.00098C4 5.89641 4.89543 5.00098 6 5.00098H24.25ZM20.293 46.501C19.64 44.1925 17.5176 42.501 15 42.501C12.4824 42.501 10.36 44.1925 9.70703 46.501H20.293Z" fill="currentColor"/>
+<path d="M31.389 25.9494C31.8049 25.9494 32.142 26.2865 32.142 26.7023C32.142 27.1182 31.8049 27.4553 31.389 27.4553H10.6851C10.2692 27.4553 9.9321 27.1182 9.9321 26.7023C9.9321 26.2865 10.2692 25.9494 10.6851 25.9494H31.389Z" fill="currentColor"/>
+<path d="M31.389 19.9139C31.8049 19.9139 32.142 20.251 32.142 20.6668C32.142 21.0827 31.8049 21.4198 31.389 21.4198H10.6851C10.2692 21.4198 9.9321 21.0827 9.9321 20.6668C9.9321 20.251 10.2692 19.9139 10.6851 19.9139H31.389Z" fill="currentColor"/>
+<path d="M15.9446 13.8784C16.3604 13.8784 16.6975 14.2155 16.6975 14.6313C16.6975 15.0472 16.3604 15.3843 15.9446 15.3843H10.6851C10.2692 15.3843 9.9321 15.0472 9.9321 14.6313C9.9321 14.2155 10.2692 13.8784 10.6851 13.8784H15.9446Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 32.001C12.7907 32.001 11 33.7917 11 36.001C11 38.2103 12.7907 40.001 15 40.001C17.2093 40.001 19 38.2103 19 36.001C19 33.7917 17.2093 32.001 15 32.001ZM15 33.501C13.6191 33.501 12.5 34.6201 12.5 36.001C12.5 37.3819 13.6191 38.501 15 38.501C16.3809 38.501 17.5 37.3819 17.5 36.001C17.5 34.6201 16.3809 33.501 15 33.501Z" fill="currentColor"/>
+<path d="M23.6846 34.3838H27.1787C27.5945 34.3838 27.9316 34.0467 27.9316 33.6309C27.9316 33.215 27.5945 32.8779 27.1787 32.8779H23.6846C23.2688 32.8779 22.9316 33.215 22.9316 33.6309C22.9316 34.0467 23.2688 34.3838 23.6846 34.3838Z" fill="currentColor"/>
+<path d="M23.6846 38.3838H31.1787C31.5945 38.3838 31.9316 38.0467 31.9316 37.6309C31.9316 37.215 31.5945 36.8779 31.1787 36.8779H23.6846C23.2688 36.8779 22.9316 37.215 22.9316 37.6309C22.9316 38.0467 23.2688 38.3838 23.6846 38.3838Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5 15.501C39.366 15.501 42.5 12.367 42.5 8.50098C42.5 4.63498 39.366 1.50098 35.5 1.50098C31.634 1.50098 28.5 4.63498 28.5 8.50098C28.5 12.367 31.634 15.501 35.5 15.501ZM35.5 17.001C40.1944 17.001 44 13.1954 44 8.50098C44 3.80656 40.1944 0.000976562 35.5 0.000976562C30.8056 0.000976562 27 3.80656 27 8.50098C27 13.1954 30.8056 17.001 35.5 17.001Z" fill="currentColor"/>
+<path d="M36.7402 7.13226L36.6285 7.02053L33.5 7.18813V7.63506C33.6676 7.69092 33.7793 7.69092 33.9469 7.74679C34.1145 7.80265 34.2263 7.85852 34.2821 7.91438C34.3939 7.97025 34.5056 8.08198 34.5615 8.19371C34.6173 8.30545 34.6732 8.41718 34.6732 8.58477V12.3278C34.6732 12.4954 34.6173 12.6071 34.5615 12.7189C34.5056 12.8306 34.3939 12.8865 34.2821 12.9423C34.2263 12.9423 34.1145 12.9982 34.0028 12.9982C33.8911 13.054 33.7793 13.054 33.6676 13.054V13.501H37.7458V13.054C37.6341 13.054 37.5223 13.054 37.4106 12.9982C37.2989 12.9423 37.243 12.9423 37.1313 12.8865C37.0196 12.8306 36.9078 12.7747 36.852 12.663C36.7961 12.5513 36.7402 12.4395 36.7402 12.2719V7.13226Z" fill="currentColor"/>
+<path d="M36.405 3.83617C36.1816 3.61271 35.8464 3.50098 35.5112 3.50098C35.176 3.50098 34.8408 3.61271 34.6173 3.83617C34.338 4.05964 34.2263 4.33896 34.2263 4.67416C34.2263 5.00936 34.338 5.28869 34.6173 5.51215C34.8408 5.73561 35.176 5.84735 35.5112 5.84735C35.8464 5.84735 36.1257 5.73561 36.405 5.51215C36.6844 5.28869 36.7961 5.00936 36.7961 4.67416C36.7961 4.33896 36.6285 4.05964 36.405 3.83617Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6263_11000">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/new-comments.svg b/assets/icons/complex/new-comments.svg
new file mode 100644
index 00000000..7cac15be
--- /dev/null
+++ b/assets/icons/complex/new-comments.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.4183 19.939C43.8046 20.1418 44.2532 19.8088 44.1785 19.3746L43.0484 12.804L47.8378 8.14474C48.1538 7.83729 47.9818 7.29617 47.548 7.23324L40.9254 6.27238L37.9703 0.294221C37.7764 -0.0980439 37.2237 -0.0980819 37.0297 0.294156L34.0736 6.27238L27.4519 7.23324C27.0182 7.29618 26.8462 7.83724 27.1622 8.1447L31.9506 12.804L30.8215 19.3748C30.7469 19.809 31.1954 20.1419 31.5817 19.9391L37.5001 16.8322L43.4183 19.939ZM45.3878 8.43552L41.4362 12.2797L42.3673 17.6931L37.5001 15.138L32.6324 17.6934L33.5627 12.2797L29.6119 8.43552L35.0689 7.64367L37.4999 2.72751L39.93 7.64367L45.3878 8.43552Z" fill="currentColor"/>
+<path d="M1 10.001C1 8.89641 1.89543 8.00098 3 8.00098H23.25C23.6642 8.00098 24 8.33676 24 8.75098C24 9.16519 23.6642 9.50098 23.25 9.50098H3C2.72386 9.50098 2.5 9.72483 2.5 10.001V38.001C2.5 38.2771 2.72386 38.501 3 38.501H8.23223C8.76267 38.501 9.27137 38.7117 9.64645 39.0868L16.3964 45.8368C16.5917 46.032 16.9083 46.032 17.1036 45.8368L23.8536 39.0868C24.2286 38.7117 24.7373 38.501 25.2678 38.501H42C42.2761 38.501 42.5 38.2771 42.5 38.001V23.751C42.5 23.3368 42.8358 23.001 43.25 23.001C43.6642 23.001 44 23.3368 44 23.751V38.001C44 39.1055 43.1046 40.001 42 40.001H25.2678C25.1352 40.001 25.008 40.0537 24.9142 40.1474L18.1642 46.8974C17.3832 47.6785 16.1168 47.6785 15.3358 46.8974L8.58579 40.1474C8.49202 40.0537 8.36484 40.001 8.23223 40.001H3C1.89543 40.001 1 39.1055 1 38.001V10.001Z" fill="currentColor"/>
+<path d="M8.25 17.75C8.25 17.3358 8.58579 17 9 17H16C16.4142 17 16.75 17.3358 16.75 17.75C16.75 18.1642 16.4142 18.5 16 18.5H9C8.58579 18.5 8.25 18.1642 8.25 17.75Z" fill="currentColor"/>
+<path d="M9 26C8.58579 26 8.25 26.3358 8.25 26.75C8.25 27.1642 8.58579 27.5 9 27.5H29C29.4142 27.5 29.75 27.1642 29.75 26.75C29.75 26.3358 29.4142 26 29 26H9Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/newborn.svg b/assets/icons/complex/newborn.svg
new file mode 100644
index 00000000..36a3bf44
--- /dev/null
+++ b/assets/icons/complex/newborn.svg
@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_257)">
+<path d="M20 8.75C20 8.33579 20.3358 8 20.75 8C21.1642 8 21.5 8.33579 21.5 8.75V9.75C21.5 10.1642 21.1642 10.5 20.75 10.5C20.3358 10.5 20 10.1642 20 9.75V8.75Z" fill="currentColor"/>
+<path d="M20.9144 12.0315C21.1731 11.7081 21.6451 11.6556 21.9685 11.9144C23.1562 12.8645 24.8438 12.8645 26.0315 11.9144C26.355 11.6556 26.8269 11.7081 27.0857 12.0315C27.3444 12.355 27.292 12.8269 26.9685 13.0857C25.233 14.4741 22.767 14.4741 21.0315 13.0857C20.7081 12.8269 20.6556 12.355 20.9144 12.0315Z" fill="currentColor"/>
+<path d="M27.25 8C26.8358 8 26.5 8.33579 26.5 8.75V9.75C26.5 10.1642 26.8358 10.5 27.25 10.5C27.6642 10.5 28 10.1642 28 9.75V8.75C28 8.33579 27.6642 8 27.25 8Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.5 9.5C33.5 14.7467 29.2467 19 24 19C18.7533 19 14.5 14.7467 14.5 9.5C14.5 4.25329 18.7533 0 24 0C29.2467 0 33.5 4.25329 33.5 9.5ZM32 9.5C32 13.9183 28.4183 17.5 24 17.5C19.5817 17.5 16 13.9183 16 9.5C16 6.08007 18.146 3.16135 21.1648 2.01694C21.058 2.32492 21 2.65569 21 3C21 4.65685 22.3431 6 24 6C24.969 6 25.8307 5.54059 26.3792 4.82769C26.6319 4.4992 26.4492 4.04967 26.0683 3.8864C25.6876 3.72325 25.2523 3.92334 24.9268 4.17947C24.6717 4.38024 24.3498 4.5 24 4.5C23.1716 4.5 22.5 3.82843 22.5 3C22.5 2.17157 23.1716 1.5 24 1.5C28.4183 1.5 32 5.08172 32 9.5Z" fill="currentColor"/>
+<path d="M21.5 28.25C21.0858 28.25 20.75 28.5858 20.75 29C20.75 29.4142 21.0858 29.75 21.5 29.75H26.5C26.9142 29.75 27.25 29.4142 27.25 29C27.25 28.5858 26.9142 28.25 26.5 28.25H21.5Z" fill="currentColor"/>
+<path d="M16.5618 19C15.5231 19 14.5269 19.4126 13.7924 20.1471L10.0149 23.9246C8.64804 25.2915 8.64804 27.5075 10.0149 28.8744C11.3817 30.2412 13.5978 30.2412 14.9646 28.8744L15.0835 28.7555C15.3764 28.4626 15.3764 27.9877 15.0835 27.6948C14.7906 27.4019 14.3158 27.4019 14.0229 27.6948L13.904 27.8137C13.1229 28.5948 11.8566 28.5948 11.0755 27.8137C10.2945 27.0327 10.2945 25.7663 11.0755 24.9853L15.0405 21.0203C15.7714 20.2894 16.9311 20.253 17.8165 20.7864C19.6224 21.8742 21.738 22.5 23.9998 22.5C26.2617 22.5 28.3774 21.8742 30.1833 20.7863C31.0687 20.2528 32.2284 20.2892 32.9593 21.0201L36.9247 24.9853C37.7058 25.7663 37.7058 27.0327 36.9247 27.8137C36.1437 28.5948 34.8773 28.5948 34.0963 27.8137L33.9774 27.6948C33.6845 27.4019 33.2096 27.4019 32.9167 27.6948C32.6238 27.9877 32.6238 28.4626 32.9167 28.7555L33.0356 28.8744C34.4025 30.2412 36.6185 30.2412 37.9854 28.8744C39.3522 27.5075 39.3522 25.2915 37.9854 23.9246L34.208 20.1473C33.4734 19.4127 32.4771 19 31.4383 19C30.611 19 29.8162 19.2823 29.0931 19.6841C27.5846 20.5225 25.8479 21 23.9998 21C22.1517 21 20.4151 20.5224 18.9067 19.6841C18.1837 19.2822 17.389 19 16.5618 19Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.75 23.5C18.75 23.0858 18.4142 22.75 18 22.75C17.5858 22.75 17.25 23.0858 17.25 23.5V32.154L13.8688 35.5352C12.302 37.102 11.7263 39.4049 12.3714 41.5248L13.641 45.6963C14.1636 47.4134 15.9793 48.3818 17.6965 47.8592C19.4136 47.3366 20.382 45.5209 19.8594 43.8037L18.6772 39.9192L21.5052 37.0912L21.6645 37.1708C23.1346 37.9059 24.8651 37.9059 26.3353 37.1708L26.4957 37.0906L29.3243 39.9192L28.1421 43.8037C27.6194 45.5209 28.5878 47.3366 30.305 47.8592C32.0221 48.3818 33.8378 47.4134 34.3604 45.6963L35.63 41.5248C36.2752 39.4049 35.6995 37.102 34.1326 35.5352L30.75 32.1526V23.5C30.75 23.0858 30.4142 22.75 30 22.75C29.5858 22.75 29.25 23.0858 29.25 23.5V32.1465C27.7665 32.8937 26.5916 34.1478 25.9448 35.689L25.6645 35.8292C24.6166 36.3531 23.3832 36.3531 22.3353 35.8292L22.0571 35.6901C21.4102 34.1478 20.2345 32.8931 18.75 32.1458V23.5ZM18.0517 33.4736L14.9295 36.5958C13.7544 37.771 13.3226 39.4981 13.8064 41.088L15.076 45.2595C15.3574 46.1842 16.3351 46.7056 17.2597 46.4242C18.1844 46.1428 18.7058 45.1651 18.4244 44.2405L17.1548 40.069C17.0473 39.7157 17.1432 39.3319 17.4044 39.0707L20.5266 35.9485C19.9933 34.8763 19.1239 34.007 18.0517 33.4736ZM33.072 36.5958L29.9498 33.4736C28.8775 34.007 28.0082 34.8763 27.4749 35.9485L30.5971 39.0707C30.8582 39.3319 30.9542 39.7157 30.8467 40.069L29.5771 44.2405C29.2957 45.1651 29.8171 46.1428 30.7417 46.4242C31.6663 46.7056 32.644 46.1842 32.9254 45.2595L34.195 41.088C34.6789 39.4981 34.2471 37.771 33.072 36.5958Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_257">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/news.svg b/assets/icons/complex/news.svg
new file mode 100644
index 00000000..26048aaa
--- /dev/null
+++ b/assets/icons/complex/news.svg
@@ -0,0 +1,20 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3781)">
+<path d="M10.5 7.25085C10.5 6.83664 10.8358 6.50085 11.25 6.50085H30.75C31.1642 6.50085 31.5 6.83664 31.5 7.25085C31.5 7.66507 31.1642 8.00085 30.75 8.00085H11.25C10.8358 8.00085 10.5 7.66507 10.5 7.25085Z" fill="currentColor"/>
+<path d="M31.5 12.0009C31.5 11.4486 31.0523 11.0009 30.5 11.0009H11.5C10.9477 11.0009 10.5 11.4486 10.5 12.0009V20.0009C10.5 20.5531 10.9477 21.0009 11.5 21.0009H30.5C31.0523 21.0009 31.5 20.5531 31.5 20.0009V12.0009Z" fill="currentColor"/>
+<path d="M10.5 25.7509C10.5 25.3366 10.8358 25.0009 11.25 25.0009H30.75C31.1642 25.0009 31.5 25.3366 31.5 25.7509C31.5 26.1651 31.1642 26.5009 30.75 26.5009H11.25C10.8358 26.5009 10.5 26.1651 10.5 25.7509Z" fill="currentColor"/>
+<path d="M31.5 28.7509C31.5 28.3366 31.1642 28.0009 30.75 28.0009H11.25C10.8358 28.0009 10.5 28.3366 10.5 28.7509C10.5 29.1651 10.8358 29.5009 11.25 29.5009H30.75C31.1642 29.5009 31.5 29.1651 31.5 28.7509Z" fill="currentColor"/>
+<path d="M10.5 34.7509C10.5 34.3366 10.8358 34.0009 11.25 34.0009H19.25C19.6642 34.0009 20 34.3366 20 34.7509C20 35.1651 19.6642 35.5009 19.25 35.5009H11.25C10.8358 35.5009 10.5 35.1651 10.5 34.7509Z" fill="currentColor"/>
+<path d="M31.5 34.7509C31.5 34.3366 31.1642 34.0009 30.75 34.0009H22.75C22.3358 34.0009 22 34.3366 22 34.7509C22 35.1651 22.3358 35.5009 22.75 35.5009H30.75C31.1642 35.5009 31.5 35.1651 31.5 34.7509Z" fill="currentColor"/>
+<path d="M10.5 37.7509C10.5 37.3366 10.8358 37.0009 11.25 37.0009H19.25C19.6642 37.0009 20 37.3366 20 37.7509C20 38.1651 19.6642 38.5009 19.25 38.5009H11.25C10.8358 38.5009 10.5 38.1651 10.5 37.7509Z" fill="currentColor"/>
+<path d="M20 40.7509C20 40.3366 19.6642 40.0009 19.25 40.0009H11.25C10.8358 40.0009 10.5 40.3366 10.5 40.7509C10.5 41.1651 10.8358 41.5009 11.25 41.5009H19.25C19.6642 41.5009 20 41.1651 20 40.7509Z" fill="currentColor"/>
+<path d="M22 37.7509C22 37.3366 22.3358 37.0009 22.75 37.0009H30.75C31.1642 37.0009 31.5 37.3366 31.5 37.7509C31.5 38.1651 31.1642 38.5009 30.75 38.5009H22.75C22.3358 38.5009 22 38.1651 22 37.7509Z" fill="currentColor"/>
+<path d="M31.5 40.7509C31.5 40.3366 31.1642 40.0009 30.75 40.0009H22.75C22.3358 40.0009 22 40.3366 22 40.7509C22 41.1651 22.3358 41.5009 22.75 41.5009H30.75C31.1642 41.5009 31.5 41.1651 31.5 40.7509Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 0.000854492C4.89543 0.000854492 4 0.896286 4 2.00086V44.0009C4 46.21 5.79086 48.0009 8 48.0009H40L39.9912 47.9921C40.0767 47.9979 40.163 48.0009 40.25 48.0009C42.3211 48.0009 44 46.3219 44 44.2509V25.2509C44 24.1463 43.1046 23.2509 42 23.2509H38V2.00085C38 0.896285 37.1046 0.000854492 36 0.000854492H6ZM36.5 2.00085C36.5 1.72471 36.2761 1.50085 36 1.50085H6C5.72386 1.50085 5.5 1.72471 5.5 2.00085V44.0009C5.5 45.3816 6.61929 46.5009 8 46.5009H37.2497C36.779 45.8741 36.5 45.0951 36.5 44.2509V2.00085ZM38 44.2509V24.7509H42C42.2761 24.7509 42.5 24.9747 42.5 25.2509V44.2509C42.5 45.4935 41.4926 46.5009 40.25 46.5009C39.0074 46.5009 38 45.4935 38 44.2509Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3781">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/packet.svg b/assets/icons/complex/packet.svg
new file mode 100644
index 00000000..02861f96
--- /dev/null
+++ b/assets/icons/complex/packet.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_226)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 22C11.8954 22 11 22.8954 11 24V26C11 27.1046 11.8954 28 13 28H21C22.1046 28 23 27.1046 23 26V24C23 22.8954 22.1046 22 21 22H13ZM21 23.5H13C12.7239 23.5 12.5 23.7239 12.5 24V26C12.5 26.2761 12.7239 26.5 13 26.5H21C21.2761 26.5 21.5 26.2761 21.5 26V24C21.5 23.7239 21.2761 23.5 21 23.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.7072 15H41.655C42.3975 15 43.079 15.4114 43.4248 16.0685L47.8842 24.5343C48.2347 25.2002 47.7468 26 46.9943 26H42.9704L42.9948 41C42.9948 42.1046 42.0995 43 40.9951 43H5.72492C4.62048 43 3.72516 42.1046 3.72516 41V18L1.39948 22.0287C1.19239 22.3874 0.733756 22.5103 0.37508 22.3032C0.0164038 22.0961 -0.106488 21.6374 0.100594 21.2787L3.14788 16C3.5051 15.3812 4.16527 15 4.87972 15H8.29301L18.1466 5.14645C18.3418 4.95118 18.6584 4.95118 18.8537 5.14645L22.5001 8.7929L25.1466 6.14645C25.3418 5.95118 25.6584 5.95118 25.8537 6.14645L34.7072 15ZM28.7072 15H32.5859L25.5001 7.91421L23.5608 9.85356L28.7072 15ZM10.4143 15L18.5001 6.91421L26.5859 15H10.4143ZM34.3725 26C34.0013 26 33.6606 25.7943 33.4877 25.4657L29.9964 18.7852V41.5H40.9951C41.2712 41.5 41.495 41.2761 41.495 41V26H34.3725ZM28.4966 41.5V16.5H5.22498V41C5.22498 41.2761 5.44881 41.5 5.72492 41.5H28.4966ZM30.4643 16.5L34.6743 24.5H46.2279L41.955 16.5H30.4643Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_226">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/passport.svg b/assets/icons/complex/passport.svg
new file mode 100644
index 00000000..d23da168
--- /dev/null
+++ b/assets/icons/complex/passport.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 19.501C40 23.6431 36.6421 27.001 32.5 27.001C28.3579 27.001 25 23.6431 25 19.501C25 15.3588 28.3579 12.001 32.5 12.001C36.6421 12.001 40 15.3588 40 19.501ZM38.5 19.501C38.5 20.1097 38.4093 20.6973 38.2408 21.251H36.0727C36.1846 20.7033 36.25 20.1188 36.25 19.5006C36.25 18.8827 36.1847 18.2985 36.0728 17.751H38.2408C38.4093 18.3046 38.5 18.8922 38.5 19.501ZM34.5352 17.751C34.6694 18.2923 34.75 18.8771 34.75 19.5006C34.75 20.1245 34.6693 20.7094 34.535 21.251H30.465C30.3307 20.7094 30.25 20.1245 30.25 19.5006C30.25 18.8771 30.3306 18.2923 30.4648 17.751H34.5352ZM35.628 16.251H37.5444C36.7746 15.0586 35.5936 14.1567 34.202 13.7458C34.3398 13.925 34.482 14.1215 34.624 14.3346C34.9793 14.8676 35.3382 15.5103 35.628 16.251ZM30.798 13.7458C29.4064 14.1567 28.2254 15.0586 27.4556 16.251H29.372C29.6618 15.5103 30.0207 14.8676 30.376 14.3346C30.518 14.1215 30.6602 13.925 30.798 13.7458ZM31.0061 16.251C31.1976 15.8503 31.41 15.4878 31.624 15.1667C31.9382 14.6955 32.2521 14.3195 32.5 14.0506C32.7479 14.3195 33.0618 14.6955 33.376 15.1667C33.59 15.4878 33.8024 15.8503 33.9939 16.251H31.0061ZM28.9272 17.751H26.7592C26.5907 18.3046 26.5 18.8922 26.5 19.501C26.5 20.1097 26.5907 20.6973 26.7592 21.251H28.9273C28.8154 20.7033 28.75 20.1188 28.75 19.5006C28.75 18.8827 28.8153 18.2985 28.9272 17.751ZM29.3723 22.751H27.4556C28.2255 23.9435 29.4067 24.8455 30.7986 25.2563C30.6606 25.0769 30.5183 24.8801 30.376 24.6667C30.0208 24.1339 29.6621 23.4913 29.3723 22.751ZM34.2014 25.2563C35.5933 24.8455 36.7745 23.9435 37.5444 22.751H35.6277C35.3379 23.4913 34.9792 24.1339 34.624 24.6667C34.4817 24.8801 34.3394 25.0769 34.2014 25.2563ZM31.0065 22.751C31.1978 23.1514 31.4101 23.5137 31.624 23.8346C31.9382 24.3058 32.2521 24.6818 32.5 24.9507C32.7479 24.6818 33.0618 24.3058 33.376 23.8346C33.5899 23.5137 33.8022 23.1514 33.9935 22.751H31.0065Z" fill="currentColor"/>
+<path d="M34.25 30.501C34.6642 30.501 35 30.8368 35 31.251C35 31.6652 34.6642 32.001 34.25 32.001H26.75C26.3358 32.001 26 31.6652 26 31.251C26 30.8368 26.3358 30.501 26.75 30.501H34.25Z" fill="currentColor"/>
+<path d="M43 35.251C43 35.6652 42.6642 36.001 42.25 36.001H26.75C26.3358 36.001 26 35.6652 26 35.251C26 34.8368 26.3358 34.501 26.75 34.501H42.25C42.6642 34.501 43 34.8368 43 35.251Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 22.501C20 25.5385 17.5376 28.001 14.5 28.001C11.4624 28.001 9 25.5385 9 22.501C9 19.4634 11.4624 17.001 14.5 17.001C17.5376 17.001 20 19.4634 20 22.501ZM18.5 22.501C18.5 24.7101 16.7091 26.501 14.5 26.501C12.2909 26.501 10.5 24.7101 10.5 22.501C10.5 20.2918 12.2909 18.501 14.5 18.501C16.7091 18.501 18.5 20.2918 18.5 22.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 39.001C0 40.1055 0.895431 41.001 2 41.001H46C47.1046 41.001 48 40.1055 48 39.001V9.00098C48 7.89641 47.1046 7.00098 46 7.00098H2C0.895432 7.00098 0 7.89641 0 9.00098V39.001ZM2 8.50098C1.72386 8.50098 1.5 8.72483 1.5 9.00098V39.001C1.5 39.2771 1.72386 39.501 2 39.501H6V37.501C6 32.8066 9.80558 29.001 14.5 29.001C19.1944 29.001 23 32.8066 23 37.501V39.501H46C46.2761 39.501 46.5 39.2771 46.5 39.001V9.00098C46.5 8.72483 46.2761 8.50098 46 8.50098H2ZM21.5 39.501V37.501C21.5 33.635 18.366 30.501 14.5 30.501C10.634 30.501 7.5 33.635 7.5 37.501V39.501H21.5Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/personal-file.svg b/assets/icons/complex/personal-file.svg
new file mode 100644
index 00000000..cd0b81d2
--- /dev/null
+++ b/assets/icons/complex/personal-file.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3795_10851)">
+<path d="M9 6.75085C9 7.16507 9.33579 7.50085 9.75 7.50085H18.25C18.6642 7.50085 19 7.16507 19 6.75085C19 6.33664 18.6642 6.00085 18.25 6.00085H9.75C9.33579 6.00085 9 6.33664 9 6.75085Z" fill="currentColor"/>
+<path d="M19 10.7509C19 11.1651 18.6642 11.5009 18.25 11.5009H9.75C9.33579 11.5009 9 11.1651 9 10.7509C9 10.3366 9.33579 10.0009 9.75 10.0009H18.25C18.6642 10.0009 19 10.3366 19 10.7509Z" fill="currentColor"/>
+<path d="M9 14.7509C9 15.1651 9.33579 15.5009 9.75 15.5009H15.25C15.6642 15.5009 16 15.1651 16 14.7509C16 14.3366 15.6642 14.0009 15.25 14.0009H9.75C9.33579 14.0009 9 14.3366 9 14.7509Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 11.5009C34 14.5384 31.5376 17.0009 28.5 17.0009C25.4624 17.0009 23 14.5384 23 11.5009C23 8.46329 25.4624 6.00085 28.5 6.00085C31.5376 6.00085 34 8.46329 34 11.5009ZM32.5 11.5009C32.5 13.71 30.7091 15.5009 28.5 15.5009C26.2909 15.5009 24.5 13.71 24.5 11.5009C24.5 9.29172 26.2909 7.50086 28.5 7.50086C30.7091 7.50086 32.5 9.29172 32.5 11.5009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 2.00085C41 0.896285 40.1046 0.000854492 39 0.000854492H7C5.89543 0.000854492 5 0.896285 5 2.00085V16.0009H2C0.89543 16.0009 0 16.8963 0 18.0009V46.0009C0 47.1054 0.895431 48.0009 2 48.0009H43.3057C44.2834 48.0009 45.1178 47.294 45.2785 46.3297L47.6119 32.3297C47.815 31.1106 46.875 30.0009 45.6391 30.0009H45V18.0009C45 16.8963 44.1046 16.0009 43 16.0009H41V2.00085ZM15.3513 27.0009C16.0626 27.0009 16.7204 27.3787 17.0788 27.9931L18.25 30.0009H20V26.5009C20 21.8064 23.8056 18.0009 28.5 18.0009C33.1944 18.0009 37 21.8064 37 26.5009V30.0009H39.5V2.00085C39.5 1.72471 39.2761 1.50085 39 1.50085H7C6.72386 1.50085 6.5 1.72471 6.5 2.00085V27.0009H15.3513ZM35.5 30.0009V26.5009C35.5 22.6349 32.366 19.5009 28.5 19.5009C24.634 19.5009 21.5 22.6349 21.5 26.5009V30.0009H35.5ZM41 30.0009H43.5V18.0009C43.5 17.7247 43.2761 17.5009 43 17.5009H41V30.0009ZM2 17.5009C1.72386 17.5009 1.5 17.7247 1.5 18.0009V37.5009L2.75469 28.718C2.89545 27.7327 3.73929 27.0009 4.73459 27.0009H5V17.5009H2ZM45.6391 31.5009H17.3884L15.7831 28.7489C15.6935 28.5953 15.5291 28.5009 15.3513 28.5009H4.73459C4.48577 28.5009 4.27481 28.6838 4.23962 28.9301L1.81104 45.9301C1.76801 46.2314 2.00174 46.5009 2.30602 46.5009H43.3057C43.5502 46.5009 43.7588 46.3241 43.7989 46.0831L46.1323 32.0831C46.1831 31.7783 45.948 31.5009 45.6391 31.5009Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3795_10851">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/pet.svg b/assets/icons/complex/pet.svg
new file mode 100644
index 00000000..c4e1b8b9
--- /dev/null
+++ b/assets/icons/complex/pet.svg
@@ -0,0 +1,10 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3784)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7 7.60096L11.6956 7.65805C11.5488 9.57934 12.0729 12.0267 13.167 13.9629C14.2703 15.9151 15.7377 17.0151 17.3556 17.0151C18.352 17.0151 19.2097 16.4429 19.8939 15.2724C20.5876 14.0858 20.9667 12.4722 20.9667 10.9723C20.9667 9.00122 20.3515 6.51273 19.2441 4.55313C18.1098 2.54589 16.717 1.50085 15.3111 1.50085C14.3147 1.50085 13.457 2.07313 12.7727 3.2436C12.079 4.43023 11.7 6.04384 11.7 7.54371V7.60096ZM34.243 13.9946C35.3523 12.0703 35.9593 9.67025 35.9593 7.88657C35.9593 6.3867 35.5802 4.77309 34.8865 3.58646C34.2023 2.41599 33.3446 1.84371 32.3482 1.84371C30.9375 1.84371 29.5443 2.89439 28.4088 4.86423C27.2996 6.78856 26.6926 9.18861 26.6926 10.9723C26.6926 12.4722 27.0716 14.0858 27.7653 15.2724C28.4496 16.4429 29.3073 17.0151 30.3037 17.0151C31.7144 17.0151 33.1076 15.9645 34.243 13.9946ZM38.431 19.5278C37.253 21.4013 36.5741 23.7836 36.5741 25.7151C36.5741 27.0686 36.8779 28.3112 37.4105 29.1623C37.9071 29.956 38.5697 30.3866 39.5037 30.3866C40.9697 30.3866 42.4447 29.3514 43.6431 27.4453C44.8211 25.5718 45.5 23.1895 45.5 21.258C45.5 19.9671 45.1388 18.7218 44.557 17.8436C43.9842 16.9792 43.2953 16.5866 42.5704 16.5866C41.1043 16.5866 39.6294 17.6217 38.431 19.5278ZM9.45289 19.5461C8.18732 17.5961 6.70706 16.5866 5.42963 16.5866C4.49564 16.5866 3.83305 17.0171 3.33639 17.8108C2.80383 18.6619 2.5 19.9046 2.5 21.258C2.5 23.1563 3.24432 25.5339 4.47304 27.4271C5.73861 29.377 7.21887 30.3866 8.4963 30.3866C9.43029 30.3866 10.0929 29.956 10.5895 29.1623C11.1221 28.3112 11.4259 27.0686 11.4259 25.7151C11.4259 23.8168 10.6816 21.4392 9.45289 19.5461ZM10.234 45.8475C10.8032 46.264 11.7094 46.5009 12.9259 46.5009C14.6486 46.5009 16.1882 45.9279 17.9573 45.2332C18.0228 45.2075 18.0887 45.1816 18.155 45.1555C19.7993 44.5084 21.7063 43.758 23.8296 43.758C25.7978 43.758 27.6288 44.5159 29.1745 45.1557C29.2454 45.1851 29.3157 45.2142 29.3853 45.2429C31.0791 45.9421 32.5183 46.5009 34.0519 46.5009C35.344 46.5009 36.4622 46.3277 37.2173 45.8893C37.8315 45.5328 38.3444 44.9314 38.3444 43.5437C38.3444 40.5974 37.4617 39.019 36.4432 37.8065C36.0417 37.3284 35.6373 36.9255 35.1953 36.4852C35.016 36.3066 34.8305 36.1218 34.6366 35.9234C34.0045 35.2767 33.3244 34.5216 32.8238 33.5671C31.9703 31.9395 31.3633 30.3406 30.8326 28.9294L30.8013 28.8459C30.2711 27.4357 29.8322 26.2682 29.2881 25.2863C28.7493 24.3139 28.1571 23.6211 27.3824 23.1523C26.6066 22.6828 25.5113 22.3555 23.8296 22.3555C22.148 22.3555 21.0526 22.6828 20.2769 23.1523C19.5022 23.6211 18.91 24.3139 18.3712 25.2863C17.8271 26.2682 17.3882 27.4357 16.858 28.8459L16.8266 28.9294C16.296 30.3406 15.689 31.9395 14.8355 33.5671C14.3349 34.5216 13.6548 35.2767 13.0227 35.9234C12.8287 36.1219 12.6433 36.3066 12.464 36.4852C12.022 36.9255 11.6176 37.3284 11.216 37.8065C10.1976 39.019 9.31482 40.5974 9.31482 43.5437C9.31482 44.8688 9.74965 45.4931 10.234 45.8475ZM37.4593 7.88657C37.4593 12.0009 34.7333 18.5151 30.3037 18.5151C26.8963 18.5151 25.1926 14.4009 25.1926 10.9723C25.1926 6.858 27.9185 0.343711 32.3482 0.343711C35.7556 0.343711 37.4593 4.458 37.4593 7.88657ZM22.4667 10.9723C22.4667 14.4009 20.763 18.5151 17.3556 18.5151C12.5852 18.5151 9.85926 12.0009 10.2 7.54371C10.2 4.11514 11.9037 0.000854492 15.3111 0.000854492C19.7407 0.000854492 22.4667 6.51514 22.4667 10.9723ZM35.0741 25.7151C35.0741 21.258 38.1407 15.0866 42.5704 15.0866C45.2963 15.0866 47 18.1723 47 21.258C47 25.7151 43.9333 31.8866 39.5037 31.8866C36.437 31.8866 35.0741 28.8009 35.0741 25.7151ZM5.42963 15.0866C9.51852 15.0866 12.9259 21.258 12.9259 25.7151C12.9259 28.8009 11.563 31.8866 8.4963 31.8866C4.40741 31.8866 1 25.7151 1 21.258C1 18.1723 2.36296 15.0866 5.42963 15.0866ZM15.4765 28.258C17.0452 24.0842 18.2586 20.8555 23.8296 20.8555C29.4006 20.8555 30.6141 24.0842 32.1828 28.258C32.7295 29.7129 33.3195 31.2826 34.1522 32.8704C34.6547 33.8287 35.412 34.5831 36.2115 35.3797C37.9302 37.092 39.8444 38.9991 39.8444 43.5437C39.8444 47.3151 36.7778 48.0009 34.0519 48.0009C32.1331 48.0009 30.393 47.2821 28.6943 46.5804C27.0747 45.9114 25.4927 45.258 23.8296 45.258C21.9963 45.258 20.326 45.9142 18.6194 46.5847C16.837 47.285 15.0148 48.0009 12.9259 48.0009C10.2 48.0009 7.81482 46.9723 7.81482 43.5437C7.81482 38.9991 9.72903 37.092 11.4477 35.3797C12.2473 34.5831 13.0046 33.8287 13.5071 32.8704C14.3398 31.2826 14.9297 29.7129 15.4765 28.258Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3784">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/petrol-station.svg b/assets/icons/complex/petrol-station.svg
new file mode 100644
index 00000000..5e89257a
--- /dev/null
+++ b/assets/icons/complex/petrol-station.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3028_9109)">
+<path d="M8 26.7509C8 26.3366 8.33579 26.0009 8.75 26.0009H11.25C11.6642 26.0009 12 26.3366 12 26.7509C12 27.1651 11.6642 27.5009 11.25 27.5009H8.75C8.33579 27.5009 8 27.1651 8 26.7509Z" fill="currentColor"/>
+<path d="M14.75 26.0009C14.3358 26.0009 14 26.3366 14 26.7509C14 27.1651 14.3358 27.5009 14.75 27.5009H23.25C23.6642 27.5009 24 27.1651 24 26.7509C24 26.3366 23.6642 26.0009 23.25 26.0009H14.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 5.00085C8.89543 5.00085 8 5.89629 8 7.00085V20.0009C8 21.1054 8.89543 22.0009 10 22.0009H26C27.1046 22.0009 28 21.1054 28 20.0009V7.00085C28 5.89629 27.1046 5.00085 26 5.00085H10ZM26 6.50085H10C9.72386 6.50085 9.5 6.72471 9.5 7.00085V20.0009C9.5 20.277 9.72386 20.5009 10 20.5009H26C26.2761 20.5009 26.5 20.277 26.5 20.0009V7.00085C26.5 6.72471 26.2761 6.50085 26 6.50085Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 25.2769V46.5009H39.25C39.6642 46.5009 40 46.8366 40 47.2509C40 47.6651 39.6642 48.0009 39.25 48.0009H1.75C1.33579 48.0009 1 47.6651 1 47.2509C1 46.8366 1.33579 46.5009 1.75 46.5009H3V6.00085C3 2.68715 5.68629 0.000854492 9 0.000854492H27C30.3137 0.000854492 33 2.68715 33 6.00085V23.7706C36.218 24.0253 38.75 26.7174 38.75 30.0009V37.7216C38.75 39.6708 40.3301 41.2509 42.2792 41.2509C44.3649 41.2509 45.9957 39.4518 45.7915 37.3762L44.3324 22.5416L41.1668 21.2754C39.998 20.8079 39.2959 19.6064 39.4623 18.3586L40.0251 14.1374C40.2072 12.7712 41.3727 11.7509 42.751 11.7509H42.9383C42.744 11.3913 42.4976 11.0591 42.2044 10.7659L35.9697 4.53118C35.6768 4.23829 35.6768 3.76342 35.9697 3.47052C36.2626 3.17763 36.7374 3.17763 37.0303 3.47052L43.265 9.70523C44.2059 10.6461 44.7913 11.8841 44.9216 13.2082L47.2843 37.2293C47.5752 40.1872 45.2514 42.7509 42.2792 42.7509C39.5017 42.7509 37.25 40.4992 37.25 37.7216V30.0009C37.25 27.5464 35.3883 25.5267 33 25.2769ZM9 1.50085H27C29.4853 1.50085 31.5 3.51557 31.5 6.00085V46.5009H4.5V6.00085C4.5 3.51557 6.51472 1.50085 9 1.50085ZM43.4172 13.2509H42.751C42.1245 13.2509 41.5947 13.7146 41.5119 14.3356L40.9491 18.5569C40.8735 19.124 41.1926 19.6702 41.7239 19.8827L44.1669 20.8599L43.4288 13.3551C43.4253 13.3203 43.4215 13.2855 43.4172 13.2509Z" fill="currentColor"/>
+<path d="M41.75 46.5009C41.3358 46.5009 41 46.8366 41 47.2509C41 47.6651 41.3358 48.0009 41.75 48.0009H44.25C44.6642 48.0009 45 47.6651 45 47.2509C45 46.8366 44.6642 46.5009 44.25 46.5009H41.75Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3028_9109">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/pills.svg b/assets/icons/complex/pills.svg
new file mode 100644
index 00000000..191ab079
--- /dev/null
+++ b/assets/icons/complex/pills.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.0009C0 5.37344 5.37258 0.000854492 12 0.000854492C18.6274 0.000854492 24 5.37344 24 12.0009V36.0009C24 42.6283 18.6274 48.0009 12 48.0009C5.37258 48.0009 0 42.6283 0 36.0009V12.0009ZM1.5 23.2509V12.0009C1.5 6.20186 6.20101 1.50085 12 1.50085C17.799 1.50085 22.5 6.20186 22.5 12.0009V23.2509H1.5ZM1.5 24.7509V36.0009C1.5 41.7998 6.20101 46.5009 12 46.5009C17.799 46.5009 22.5 41.7998 22.5 36.0009V24.7509H1.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.5 48.0009C42.8513 48.0009 48 42.8521 48 36.5009C48 30.1496 42.8513 25.0009 36.5 25.0009C30.1487 25.0009 25 30.1496 25 36.5009C25 42.8521 30.1487 48.0009 36.5 48.0009ZM36.5 46.5009C42.0229 46.5009 46.5 42.0237 46.5 36.5009C46.5 34.0095 45.5889 31.7309 44.0818 29.9801L29.9792 44.0826C31.73 45.5898 34.0086 46.5009 36.5 46.5009ZM28.9186 43.022L43.0211 28.9194C41.2703 27.4121 38.9916 26.5009 36.5 26.5009C30.9772 26.5009 26.5 30.978 26.5 36.5009C26.5 38.9924 27.4112 41.2711 28.9186 43.022Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/population-register.svg b/assets/icons/complex/population-register.svg
new file mode 100644
index 00000000..6bf058e5
--- /dev/null
+++ b/assets/icons/complex/population-register.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6262_10996)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 11.501C34 14.5385 31.5376 17.001 28.5 17.001C25.4624 17.001 23 14.5385 23 11.501C23 8.46341 25.4624 6.00098 28.5 6.00098C31.5376 6.00098 34 8.46341 34 11.501ZM32.5 11.501C32.5 13.7101 30.7091 15.501 28.5 15.501C26.2909 15.501 24.5 13.7101 24.5 11.501C24.5 9.29184 26.2909 7.50098 28.5 7.50098C30.7091 7.50098 32.5 9.29184 32.5 11.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 2.00098C41 0.896407 40.1046 0.000976562 39 0.000976562H7C5.89543 0.000976562 5 0.896407 5 2.00098V16.001H2C0.89543 16.001 0 16.8964 0 18.001V46.001C0 47.1055 0.895431 48.001 2 48.001H43.3057C44.2834 48.001 45.1178 47.2942 45.2785 46.3298L47.6119 32.3298C47.815 31.1107 46.875 30.001 45.6391 30.001H45V18.001C45 16.8964 44.1046 16.001 43 16.001H41V2.00098ZM15.3513 27.001C16.0626 27.001 16.7204 27.3788 17.0788 27.9932L18.25 30.001H20V26.501C20 21.8066 23.8056 18.001 28.5 18.001C33.1944 18.001 37 21.8066 37 26.501V30.001H39.5V2.00098C39.5 1.72483 39.2761 1.50098 39 1.50098H7C6.72386 1.50098 6.5 1.72483 6.5 2.00098V27.001H15.3513ZM35.5 30.001V26.501C35.5 22.635 32.366 19.501 28.5 19.501C24.634 19.501 21.5 22.635 21.5 26.501V30.001H35.5ZM41 30.001H43.5V18.001C43.5 17.7248 43.2761 17.501 43 17.501H41V30.001ZM2 17.501C1.72386 17.501 1.5 17.7248 1.5 18.001V37.501L2.75469 28.7181C2.89545 27.7328 3.73929 27.001 4.73459 27.001H5V17.501H2ZM45.6391 31.501H17.3884L15.7831 28.749C15.6935 28.5954 15.5291 28.501 15.3513 28.501H4.73459C4.48577 28.501 4.27481 28.6839 4.23962 28.9303L1.81104 45.9303C1.76801 46.2315 2.00174 46.501 2.30602 46.501H43.3057C43.5502 46.501 43.7588 46.3243 43.7989 46.0832L46.1323 32.0832C46.1831 31.7784 45.948 31.501 45.6391 31.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 5.00098L19.6727 9.70341C19.8811 9.89293 20 10.1616 20 10.4433V16.001C20 16.5533 19.5523 17.001 19 17.001H10C9.44772 17.001 9 16.5533 9 16.001V10.4433C9 10.1616 9.11885 9.89293 9.32733 9.70341L14.5 5.00098ZM10.5 10.6645L14.5 7.02817L18.5 10.6645V15.501H16V12.501C16 12.2248 15.7761 12.001 15.5 12.001H12.5C12.2239 12.001 12 12.2248 12 12.501V15.501H10.5V10.6645ZM14.5 15.501H13.5V13.501H14.5V15.501Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6262_10996">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/portal.svg b/assets/icons/complex/portal.svg
new file mode 100644
index 00000000..297d9a91
--- /dev/null
+++ b/assets/icons/complex/portal.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 12.0009C5 11.4486 5.44772 11.0009 6 11.0009H15C15.5523 11.0009 16 11.4486 16 12.0009V31.0009C16 31.5531 15.5523 32.0009 15 32.0009H6C5.44771 32.0009 5 31.5531 5 31.0009V12.0009ZM6.5 30.5009V12.5009H14.5V30.5009H6.5Z" fill="currentColor"/>
+<path d="M40 13.0009C40 13.4151 39.6642 13.7509 39.25 13.7509H20.75C20.3358 13.7509 20 13.4151 20 13.0009C20 12.5866 20.3358 12.2509 20.75 12.2509H39.25C39.6642 12.2509 40 12.5866 40 13.0009Z" fill="currentColor"/>
+<path d="M20 18.0009C20 18.4151 20.3358 18.7509 20.75 18.7509H39.25C39.6642 18.7509 40 18.4151 40 18.0009C40 17.5866 39.6642 17.2509 39.25 17.2509H20.75C20.3358 17.2509 20 17.5866 20 18.0009Z" fill="currentColor"/>
+<path d="M28 23.0009C28 23.4151 27.6642 23.7509 27.25 23.7509H20.75C20.3358 23.7509 20 23.4151 20 23.0009C20 22.5866 20.3358 22.2509 20.75 22.2509H27.25C27.6642 22.2509 28 22.5866 28 23.0009Z" fill="currentColor"/>
+<path d="M32.4975 23.0243L41.7489 26.4715C41.8213 26.4965 41.8841 26.5435 41.9285 26.6059C41.9729 26.6682 41.9968 26.7429 41.9968 26.8195C41.9968 26.8961 41.9729 26.9707 41.9285 27.0331C41.8841 27.0955 41.8213 27.1425 41.7489 27.1675L38.5706 28.1509L41.9184 31.4139C41.9869 31.4829 42.0254 31.5762 42.0254 31.6735C42.0254 31.7708 41.9869 31.8642 41.9184 31.9332L41.0529 32.7987C40.9839 32.8673 40.8905 32.9058 40.7932 32.9058C40.6959 32.9058 40.6026 32.8673 40.5336 32.7987L37.1748 29.5209L36.1841 32.7434C36.161 32.8165 36.1157 32.8806 36.0545 32.9267C35.9933 32.9728 35.9192 32.9987 35.8426 33.0007C35.766 33.0028 35.6907 32.9808 35.6271 32.938C35.5635 32.8952 35.5149 32.8336 35.488 32.7618L32.0224 23.4957C31.9982 23.4295 31.9935 23.3578 32.0088 23.289C32.0241 23.2203 32.0589 23.1573 32.1089 23.1077C32.1589 23.0581 32.2221 23.0239 32.291 23.0091C32.3599 22.9943 32.4315 22.9995 32.4975 23.0243Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8.00085C0 6.89628 0.895431 6.00085 2 6.00085H46C47.1046 6.00085 48 6.89628 48 8.00085V35.0009C48 36.1054 47.1046 37.0009 46 37.0009H28.4545L29.2545 41.0009H40.4545C41.0068 41.0009 41.4545 41.4486 41.4545 42.0009C41.4545 42.5531 41.0068 43.0009 40.4545 43.0009H7.54541C6.99313 43.0009 6.54541 42.5531 6.54541 42.0009C6.54541 41.4486 6.99313 41.0009 7.54541 41.0009H18.7454L19.5454 37.0009H2C0.895432 37.0009 0 36.1054 0 35.0009V8.00085ZM2 7.50085H46C46.2761 7.50085 46.5 7.72471 46.5 8.00085V35.0009C46.5 35.277 46.2761 35.5009 46 35.5009H2C1.72386 35.5009 1.5 35.277 1.5 35.0009V8.00085C1.5 7.72471 1.72386 7.50085 2 7.50085Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/pregnant.svg b/assets/icons/complex/pregnant.svg
new file mode 100644
index 00000000..181b7e1e
--- /dev/null
+++ b/assets/icons/complex/pregnant.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45_255)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 42.3485C18.0658 42.3489 18.131 42.3365 18.1919 42.312C18.2528 42.2876 18.3082 42.2516 18.355 42.2061L22.2394 38.3853C22.7267 37.9017 23 37.2487 23 36.5682C23 35.8878 22.7267 35.2348 22.2394 34.7512C21.7484 34.2701 21.0832 34 20.3897 34C19.6962 34 19.031 34.2701 18.5399 34.7512L18 35.2815L17.4601 34.7512C16.969 34.2701 16.3038 34 15.6103 34C14.9168 34 14.2516 34.2701 13.7606 34.7512C13.2733 35.2348 13 35.8878 13 36.5682C13 37.2487 13.2733 37.9017 13.7606 38.3853L17.645 42.2061C17.6918 42.2516 17.7472 42.2876 17.8081 42.312C17.869 42.3365 17.9342 42.3489 18 42.3485ZM18 40.4512L21.1846 37.3188C21.3898 37.1142 21.5 36.8441 21.5 36.5682C21.5 36.2931 21.3904 36.0237 21.1862 35.8192C20.9786 35.6177 20.6929 35.5 20.3897 35.5C20.0851 35.5 19.7981 35.6188 19.5902 35.8221C19.59 35.8223 19.5904 35.8219 19.5902 35.8221L18 37.3842L16.4104 35.8227C16.4102 35.8225 16.4106 35.8229 16.4104 35.8227C16.2025 35.6194 15.9149 35.5 15.6103 35.5C15.3071 35.5 15.0214 35.6177 14.8138 35.8192C14.6096 36.0237 14.5 36.2931 14.5 36.5682C14.5 36.8441 14.6102 37.1142 14.8154 37.3188L18 40.4512ZM18.0055 41.8474L18.0033 41.8419Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.7249 17.1595C34.7578 13.2858 34.6758 8.03226 32.7656 4.35782C31.7994 2.49908 30.3377 0.997708 28.2761 0.346423C26.2215 -0.302685 23.7007 -0.0662153 20.6934 1.2819C20.4405 1.39528 20.2811 1.63153 20.2541 1.88869C18.4107 3.48635 18.4681 5.69247 18.4949 6.72152C18.4977 6.82748 18.5001 6.921 18.5001 7.00004C18.5001 7.16699 18.4206 7.40831 18.2375 7.68692C18.0601 7.95692 17.8326 8.18928 17.6532 8.32636C17.4159 8.50775 17.2467 8.80425 17.2511 9.14595C17.2803 11.4344 18.0066 12.8717 19.0871 13.6521C19.8628 14.2124 20.7346 14.37 21.4656 14.3325C21.4838 14.5906 21.4588 14.9821 21.284 15.5205C20.8457 16.8699 19.4672 19.1343 15.5198 22.4238C14.8585 22.9749 14.4283 23.5657 14.2081 24.1855C13.9864 24.8098 13.9963 25.4114 14.1323 25.948C14.3679 26.8776 14.9819 27.6169 15.4269 28.0589C15.2457 28.2436 15.0452 28.4394 14.8323 28.6474C13.9816 29.4781 12.9325 30.5026 12.1231 31.7901C11.0065 33.5664 10.2962 35.8776 10.7574 39.106C11.2072 42.2542 12.4569 43.9405 14.2066 46.3015L14.2073 46.3025C14.5291 46.7368 14.8679 47.1939 15.2216 47.6871C15.4631 48.0237 15.9316 48.1008 16.2682 47.8594C16.6048 47.618 16.6819 47.1494 16.4405 46.8128C16.0601 46.2825 15.7062 45.8031 15.378 45.3587C13.6487 43.0168 12.6353 41.6443 12.2423 38.8939C11.8322 36.0228 12.4624 34.069 13.393 32.5885C14.099 31.4655 14.9545 30.6294 15.777 29.8257C16.0864 29.5234 16.3911 29.2256 16.6815 28.9188C17.2176 28.3523 17.0598 27.5352 16.5967 27.1031C16.2141 26.7461 15.7412 26.1904 15.5863 25.5794C15.5135 25.292 15.5118 24.9967 15.6216 24.6876C15.733 24.3741 15.9776 23.9949 16.4801 23.5761C20.5256 20.2049 22.147 17.7192 22.7106 15.9838C22.9952 15.1074 23.0096 14.4224 22.9262 13.9239C22.8848 13.6767 22.8206 13.4822 22.7593 13.3393C22.7287 13.268 22.6991 13.21 22.6737 13.165C22.6618 13.144 22.6509 13.1258 22.6412 13.1105C22.5481 12.9571 22.4034 12.8438 22.2367 12.7882C22.1594 12.7624 22.0773 12.7491 21.9934 12.7499C21.9284 12.7504 21.8631 12.7594 21.7994 12.777C21.295 12.8979 20.5622 12.8672 19.9654 12.4361C19.4128 12.037 18.8252 11.1828 18.7567 9.35924C19.0133 9.13224 19.2755 8.83872 19.491 8.51071C19.7554 8.10839 20.0001 7.57699 20.0001 7.00004C20.0001 6.89825 19.9985 6.79071 19.9968 6.67839C19.9801 5.56976 19.9563 3.99495 21.4161 2.87582C22.1003 3.04566 22.5196 3.15919 22.8982 3.36539C23.3317 3.60145 23.7503 3.98887 24.3785 4.91964C24.8619 5.63585 25.0868 6.47838 25.1685 7.44073C25.2464 8.35952 25.1911 9.33345 25.1323 10.3691L25.1217 10.5556C25.0027 12.6671 24.8718 15.131 26.4257 16.9822C27.6431 18.4326 28.9858 19.4859 30.5129 20.1266L34.7543 26.6518C35.8129 28.2805 35.6326 30.4197 34.3162 31.8482L28.2542 38.4261C28.073 38.0405 27.8827 37.6296 27.6827 37.1897C27.6114 37.0327 27.5456 36.8754 27.4852 36.7179L31.7262 30.4993C32.1397 29.893 32.131 29.0932 31.7045 28.4961L29.9837 26.087C29.5208 25.439 28.519 25.3548 27.9994 26.0573C26.1878 28.5063 24.2304 33.2191 26.3172 37.8103C26.9466 39.1952 27.4816 40.2967 27.9368 41.2187C28.051 41.4501 28.1596 41.669 28.263 41.8775L28.2635 41.8784C28.5745 42.5055 28.8392 43.0389 29.0699 43.5351C29.6718 44.8289 30.0217 45.8231 30.2588 47.3641C30.3218 47.7735 30.7047 48.0543 31.1141 47.9913C31.5235 47.9283 31.8043 47.5454 31.7414 47.136C31.4784 45.427 31.0783 44.2961 30.43 42.9024C30.1905 42.3877 29.9141 41.8305 29.6003 41.1978C29.4981 40.9918 29.392 40.7779 29.2818 40.5548C29.1761 40.3406 29.0662 40.1169 28.9518 39.8825L35.4192 32.8647C37.2002 30.9321 37.4443 28.0379 36.012 25.8343L32.7009 20.7404C33.767 20.905 34.8965 20.9016 36.0979 20.7437C36.5086 20.6897 36.7978 20.313 36.7438 19.9023C36.6898 19.4916 36.3131 19.2025 35.9024 19.2565C34.1831 19.4825 32.7069 19.3479 31.3965 18.8631C31.3178 18.8142 31.2311 18.7806 31.1412 18.7634C29.8559 18.2343 28.6835 17.3389 27.5746 16.0179C26.4655 14.6965 26.4932 12.8771 26.6193 10.64L26.6315 10.4261C26.689 9.41812 26.7504 8.34312 26.6631 7.31392C26.5686 6.20012 26.2971 5.0809 25.6218 4.08047C24.9346 3.06234 24.3533 2.44977 23.6156 2.04805C23.5196 1.99579 23.4216 1.94763 23.3214 1.90283C25.1537 1.37551 26.6369 1.40162 27.8243 1.77674C29.4127 2.27858 30.601 3.44594 31.4347 5.0497C33.1246 8.30024 33.2425 13.1467 32.2755 16.773C32.1688 17.1733 32.4067 17.5842 32.8069 17.691C33.2072 17.7977 33.6181 17.5597 33.7249 17.1595ZM30.487 29.6541L26.9946 34.775C26.6152 31.8635 27.7484 29.0641 28.9812 27.2643L30.4839 29.3679C30.5448 29.4532 30.546 29.5675 30.487 29.6541Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_45_255">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/president.svg b/assets/icons/complex/president.svg
new file mode 100644
index 00000000..8385a375
--- /dev/null
+++ b/assets/icons/complex/president.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11938)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.167 26.1284C34.2693 26.1968 34.3532 26.2894 34.4113 26.398C34.4694 26.5065 34.4999 26.6277 34.5 26.7509V38.0009C34.5 38.1506 34.4551 38.297 34.3711 38.421C34.2872 38.5451 34.168 38.6411 34.029 38.6969L34.0245 38.6984L34.0155 38.7029L33.981 38.7164C33.7838 38.7947 33.5853 38.8697 33.3855 38.9414C32.9895 39.0839 32.439 39.2759 31.815 39.4664C30.591 39.8444 28.9965 40.2509 27.75 40.2509C26.4795 40.2509 25.428 39.8309 24.513 39.4634L24.471 39.4484C23.52 39.0659 22.71 38.7509 21.75 38.7509C20.7 38.7509 19.293 39.0959 18.0945 39.4664C17.5579 39.6336 17.0262 39.8162 16.5 40.0139V47.2509C16.5 47.4498 16.421 47.6405 16.2803 47.7812C16.1397 47.9218 15.9489 48.0009 15.75 48.0009C15.5511 48.0009 15.3603 47.9218 15.2197 47.7812C15.079 47.6405 15 47.4498 15 47.2509V26.7509C15 26.5519 15.079 26.3612 15.2197 26.2205C15.3603 26.0799 15.5511 26.0009 15.75 26.0009C15.9489 26.0009 16.1397 26.0799 16.2803 26.2205C16.421 26.3612 16.5 26.5519 16.5 26.7509V27.1739C16.839 27.0554 17.244 26.9189 17.685 26.7839C18.909 26.4089 20.505 26.0009 21.75 26.0009C23.01 26.0009 24.036 26.4164 24.9315 26.7794L24.996 26.8064C25.929 27.1829 26.742 27.5009 27.75 27.5009C28.8 27.5009 30.207 27.1559 31.4055 26.7854C32.0885 26.5721 32.7634 26.3339 33.429 26.0714C33.429 26.0714 33.8 25.9008 34.167 26.1284ZM33 27.8324C32.67 27.9494 32.28 28.0829 31.851 28.2149C30.636 28.5929 29.043 28.9994 27.75 28.9994C26.421 28.9994 25.362 28.5704 24.4455 28.1984L24.4335 28.1939C23.493 27.8159 22.7085 27.5009 21.75 27.5009C20.8136 27.5009 19.5272 27.7999 18.3734 28.1434C20.4207 28.9833 22.321 30.1455 24.0018 31.5862L24.9157 32.3696C26.6401 33.2057 28.6244 33.3354 30.4447 32.7286L33 31.8769V27.8339V27.8324ZM33 33.458L30.919 34.1517C28.842 34.844 26.5876 34.74 24.5902 33.8706L19.78 37.4783C20.4559 37.342 21.1367 37.2509 21.75 37.2509C23.0205 37.2509 24.072 37.6709 24.987 38.0384L25.029 38.0534C25.98 38.4359 26.79 38.7509 27.75 38.7509C28.752 38.7509 30.159 38.4074 31.3725 38.0339C31.9198 37.865 32.4625 37.6814 33 37.4834V33.458ZM16.5 38.0633V29.0088L17.6471 29.4676C19.6064 30.2513 21.4234 31.3518 23.0256 32.7251L23.3018 32.9619L16.5 38.0633Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11938">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/presidential-election.svg b/assets/icons/complex/presidential-election.svg
new file mode 100644
index 00000000..eed36143
--- /dev/null
+++ b/assets/icons/complex/presidential-election.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11937)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6718 26.5009H34.5V33.2508H22.7717L14.6718 26.5009ZM13.5 27.4769V40.5246L21.3286 34.0008L13.5 27.4769ZM14.6716 41.5009H34.5V34.7508H22.7717L14.6716 41.5009ZM12 43.0009V25.0009H36V43.0009H12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11937">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/profile-settings.svg b/assets/icons/complex/profile-settings.svg
new file mode 100644
index 00000000..2ec3edb1
--- /dev/null
+++ b/assets/icons/complex/profile-settings.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3039_9139)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.7601 14.8661C39.9692 14.8661 41.7601 13.0752 41.7601 10.8661C41.7601 8.65695 39.9692 6.86609 37.7601 6.86609C35.551 6.86609 33.7601 8.65695 33.7601 10.8661C33.7601 13.0752 35.551 14.8661 37.7601 14.8661ZM37.7601 13.3661C39.1408 13.3661 40.2601 12.2468 40.2601 10.8661C40.2601 9.48538 39.1408 8.36609 37.7601 8.36609C36.3794 8.36609 35.2601 9.48538 35.2601 10.8661C35.2601 12.2468 36.3794 13.3661 37.7601 13.3661Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.6932 3.25105L41.0271 3.39743L41.0362 3.40142C41.5848 3.64626 42.1056 3.94924 42.5896 4.30517L42.5916 4.30662L42.8827 4.51936L44.1099 4.12853C44.9619 3.85718 45.888 4.21565 46.3352 4.98997L47.1368 6.37772C47.5838 7.15165 47.432 8.13237 46.7719 8.73494L45.8195 9.60438L45.8593 9.96383L45.8595 9.96601C45.9273 10.5665 45.9273 11.1734 45.8596 11.7745L45.8593 11.7767L45.8196 12.1359L46.7697 13.002C47.4305 13.6043 47.5828 14.5855 47.1358 15.3598L46.3353 16.7463C45.8882 17.5207 44.9622 17.8793 44.1101 17.6081L42.8822 17.2172L42.5891 17.4317C42.1028 17.788 41.58 18.089 41.0316 18.3316L41.0271 18.3335L40.6933 18.4799L40.4193 19.7344C40.2284 20.6082 39.4546 21.2312 38.5601 21.2312H36.9594C36.065 21.2312 35.2913 20.6083 35.1004 19.7346L34.8264 18.481L34.4925 18.3346L34.4823 18.3301C34.2166 18.2113 33.9587 18.0798 33.7056 17.9333C33.4348 17.7788 33.1755 17.6097 32.9264 17.4267L32.9252 17.4258L32.6343 17.213L31.4089 17.6034C30.5567 17.8749 29.6304 17.5163 29.1831 16.7417L28.3827 15.3554C27.9357 14.5811 28.088 13.5999 28.7488 12.9976L29.6989 12.1314L29.6592 11.7727L29.659 11.7708C29.5912 11.17 29.5912 10.5629 29.659 9.96158L29.6592 9.95978L29.6989 9.60023L28.7497 8.73616C28.0885 8.13424 27.9355 7.15312 28.3821 6.37846L29.185 4.98587C29.6319 4.21061 30.5587 3.85152 31.4113 4.12319L32.637 4.51374L32.9298 4.29976C33.4156 3.94222 33.9404 3.63927 34.4929 3.39722L34.8241 3.25194L35.1005 1.99515C35.2923 1.12249 36.0655 0.500854 36.959 0.500854H38.5602C39.4546 0.500854 40.2283 1.12372 40.4193 1.9975L40.6932 3.25105ZM40.4249 4.77122C40.8762 4.97261 41.3046 5.2219 41.7026 5.51479L42.6124 6.17968L44.5651 5.55779C44.7455 5.50033 44.9416 5.57624 45.0363 5.74021L45.8379 7.12797C45.9325 7.29185 45.9004 7.49952 45.7606 7.62712L44.2447 9.01099L44.3688 10.1324C44.4242 10.6222 44.4242 11.1176 44.3688 11.6085L44.2447 12.7299L45.7592 14.1105C45.8992 14.2381 45.9314 14.4459 45.8367 14.6098L45.0363 15.9963C44.9416 16.1602 44.7455 16.2362 44.5651 16.1787L42.6113 15.5568L41.7026 16.2217C41.3048 16.5132 40.8759 16.7603 40.4249 16.9597L39.391 17.413L38.9538 19.4142C38.9134 19.5993 38.7495 19.7312 38.5601 19.7312H36.9594C36.77 19.7312 36.6062 19.5993 36.5658 19.4143L36.1286 17.4141L35.0947 16.9608C34.8742 16.8622 34.6614 16.7536 34.4531 16.6328C34.2315 16.5065 34.0187 16.368 33.8137 16.2173L32.905 15.5524L30.9535 16.1742C30.773 16.2317 30.5769 16.1558 30.4822 15.9917L29.6818 14.6054C29.5871 14.4414 29.6193 14.2337 29.7593 14.1061L31.2738 12.7255L31.1497 11.6041C31.0943 11.1143 31.0943 10.6189 31.1497 10.128L31.2738 9.00546L29.7594 7.62692C29.6194 7.49946 29.587 7.2917 29.6816 7.12766L30.4845 5.73507C30.5791 5.57091 30.7754 5.49486 30.9559 5.55239L32.9072 6.17414L33.817 5.50925C34.2143 5.21667 34.6428 4.96915 35.0947 4.77122L36.1253 4.3191L36.5655 2.31728C36.6061 2.13249 36.7698 2.00085 36.959 2.00085H38.5602C38.7496 2.00085 38.9134 2.13275 38.9538 2.31778L39.391 4.31799L40.4249 4.77122Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 30.0009C22.7467 30.0009 27 25.7476 27 20.5009C27 15.2541 22.7467 11.0009 17.5 11.0009C12.2533 11.0009 7.99998 15.2541 7.99998 20.5009C7.99998 25.7476 12.2533 30.0009 17.5 30.0009ZM17.5 28.5009C21.9183 28.5009 25.5 24.9191 25.5 20.5009C25.5 16.0826 21.9183 12.5009 17.5 12.5009C13.0817 12.5009 9.49998 16.0826 9.49998 20.5009C9.49998 24.9191 13.0817 28.5009 17.5 28.5009Z" fill="currentColor"/>
+<path d="M33.2186 47.0009C32.8134 47.0009 32.4832 46.6789 32.4505 46.275C31.8268 38.5641 25.3714 32.5009 17.4999 32.5009C9.62833 32.5009 3.17294 38.5641 2.54924 46.275C2.51657 46.6789 2.18638 47.0009 1.78112 47.0009C1.35753 47.0009 1.01602 46.6502 1.04825 46.2279C1.69816 37.71 8.81552 31.0009 17.4999 31.0009C26.1842 31.0009 33.3016 37.71 33.9515 46.2279C33.9837 46.6502 33.6422 47.0009 33.2186 47.0009Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3039_9139">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/property.svg b/assets/icons/complex/property.svg
new file mode 100644
index 00000000..c981eacd
--- /dev/null
+++ b/assets/icons/complex/property.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 14.6493V20.6493H40V14.6493H34ZM38.5 16.1493H35.5V19.1493H38.5V16.1493Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43 10.6493L32.6727 1.26079C32.2913 0.914046 31.7087 0.914046 31.3273 1.26079L21 10.6493V12.4618L16.9805 10.2008C16.3717 9.85835 15.6283 9.85835 15.0195 10.2008L1.01948 18.0758C0.389725 18.43 0 19.0964 0 19.819V45.9394C0 46.7043 0.823657 47.186 1.49026 46.811L16 38.6493L31.0195 47.0977C31.6283 47.4402 32.3717 47.4402 32.9805 47.0977L46.9805 39.2227C47.6103 38.8685 48 38.2021 48 37.4796V11.3591C48 10.5943 47.1763 10.1126 46.5097 10.4875L43 12.4618V10.6493ZM43 14.1828V24.6493H32.75V45.5064L46.5 37.772V12.214L43 14.1828ZM31.25 24.6493H21V14.1828L16.75 11.7922V37.3501L31.25 45.5064V24.6493ZM32 2.67646L41.5 11.3128V23.1493H31V14.6493H24V23.1493H22.5V11.3128L32 2.67646ZM25.5 23.1493H29.5V16.1493H25.5V23.1493ZM15.25 11.7922L1.5 19.5265V45.0845L15.25 37.3501V11.7922Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/queue.svg b/assets/icons/complex/queue.svg
new file mode 100644
index 00000000..5f51e7f0
--- /dev/null
+++ b/assets/icons/complex/queue.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4209_9797)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6228 0.000854492L16.67 0.00105291L16.7173 0.000854492C18.2086 0.000854492 19.6387 0.593252 20.6932 1.64773C21.7477 2.7022 22.3401 4.13238 22.3401 5.62363C22.3401 7.11488 21.7477 8.54506 20.6932 9.59953C19.6387 10.654 18.2086 11.2464 16.7173 11.2464L16.67 11.2462L16.6228 11.2464C15.1315 11.2464 13.7013 10.654 12.6469 9.59953C11.5924 8.54506 11 7.11488 11 5.62363C11 4.13238 11.5924 2.7022 12.6469 1.64773C13.7013 0.593252 15.1315 0.000854492 16.6228 0.000854492ZM16.67 9.74614L16.7173 9.74641C17.8107 9.74641 18.8594 9.31204 19.6326 8.53887C20.4057 7.7657 20.8401 6.71706 20.8401 5.62363C20.8401 4.5302 20.4057 3.48156 19.6326 2.70839C18.8594 1.93522 17.8107 1.50085 16.7173 1.50085L16.67 1.50113L16.6228 1.50085C15.5293 1.50085 14.4807 1.93522 13.7075 2.70839C12.9344 3.48156 12.5 4.5302 12.5 5.62363C12.5 6.71706 12.9344 7.7657 13.7075 8.53887C14.4807 9.31204 15.5293 9.74641 16.6228 9.74641L16.67 9.74614Z" fill="currentColor"/>
+<path d="M19.3517 12.7526C20.0118 12.751 20.3224 13.5968 19.8299 14.0365C19.6962 14.1558 19.5057 14.2455 19.3265 14.2455H12.6403C11.4182 14.2455 10.2563 14.5202 9.22971 15.1427L9.2281 15.1437C8.20164 15.7643 7.44215 16.6491 6.89578 17.6662L6.8952 17.6673C5.84347 19.6212 5.5 22.211 5.5 25.0231V28.9891C5.49995 29.3447 5.58424 29.6954 5.74595 30.0121C5.90766 30.3288 6.14217 30.6026 6.43024 30.8111C6.71831 31.0196 7.05172 31.1568 7.40309 31.2114C7.75447 31.266 8.11378 31.2365 8.45155 31.1254C8.60464 31.075 8.91992 31.0009 8.91992 31.0009V22.5009C8.91992 22.0866 9.25571 21.7509 9.66992 21.7509C10.0841 21.7509 10.4199 22.0866 10.4199 22.5009C10.4199 26.1234 10.4201 29.7457 10.4202 33.3679C10.4204 36.9901 10.4206 40.6122 10.4206 44.2346C10.4198 44.8138 10.6425 45.371 11.0424 45.79C11.4423 46.209 11.9884 46.4575 12.567 46.4838C13.1456 46.5101 13.7121 46.3121 14.1483 45.931C14.5739 45.5593 14.8435 45.0413 14.9044 44.4806L15.1663 33.9498C15.1865 33.1362 15.8519 32.4871 16.6658 32.4871L16.67 32.4871L16.6743 32.4871C17.4882 32.4871 18.1535 33.1362 18.1738 33.9498L18.4357 44.4806C18.4966 45.0413 18.7662 45.5593 19.1918 45.931C19.628 46.3121 20.1945 46.5101 20.7731 46.4838C20.8763 46.4791 20.9785 46.4673 21.0791 46.4488C21.4622 46.3781 21.893 46.5179 22.0952 46.8509C22.3071 47.2 22.2213 47.6749 21.833 47.8015C21.5147 47.9053 21.1813 47.9668 20.8411 47.9823C19.8765 48.0261 18.9322 47.696 18.205 47.0608C17.9387 46.8281 17.709 46.5611 17.5206 46.2689C17.2027 45.7759 17.0024 45.211 16.9419 44.6181L16.9387 44.5857L16.9375 44.5725L16.6742 33.9871L16.67 34.1552L16.6658 33.9871L16.4026 44.5725L16.4014 44.5857L16.3982 44.6181C16.3377 45.211 16.1374 45.7759 15.8195 46.2689C15.6311 46.5611 15.4014 46.8281 15.1351 47.0608C14.4078 47.696 13.4636 48.0261 12.499 47.9823C11.5344 47.9384 10.6239 47.5241 9.95728 46.8256C9.29065 46.127 8.91928 45.1982 8.92055 44.2326C8.92055 42.2853 8.92039 40.3382 8.92024 38.3912C8.92008 36.4442 8.91992 34.4974 8.91992 32.5504C8.43624 32.7095 7.92606 32.7681 7.42055 32.7237C7.33775 32.7164 7.25507 32.7064 7.17266 32.6936C6.58688 32.6025 6.03105 32.3738 5.55081 32.0263C5.07057 31.6787 4.67961 31.2222 4.41002 30.6942C4.14044 30.1663 3.99992 29.5819 4 28.9891V25.0231C4 22.1368 4.34361 19.2429 5.57438 16.9563C6.22412 15.7468 7.15625 14.6435 8.45199 13.86C9.75022 13.0729 11.1909 12.7455 12.6403 12.7455C13.5566 12.7455 14.4731 12.7476 15.3895 12.7498C16.7101 12.7529 18.031 12.756 19.3517 12.7526Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.67 0.00105291L30.6228 0.000854492C29.1315 0.000854492 27.7013 0.593252 26.6469 1.64773C25.5924 2.7022 25 4.13238 25 5.62363C25 7.11488 25.5924 8.54506 26.6469 9.59953C27.7013 10.654 29.1315 11.2464 30.6228 11.2464L30.67 11.2462L30.7173 11.2464C32.2086 11.2464 33.6387 10.654 34.6932 9.59953C35.7477 8.54506 36.3401 7.11488 36.3401 5.62363C36.3401 4.13238 35.7477 2.7022 34.6932 1.64773C33.6387 0.593252 32.2086 0.000854492 30.7173 0.000854492L30.67 0.00105291ZM30.7173 9.74641L30.67 9.74614L30.6228 9.74641C29.5293 9.74641 28.4807 9.31204 27.7075 8.53887C26.9344 7.7657 26.5 6.71706 26.5 5.62363C26.5 4.5302 26.9344 3.48156 27.7075 2.70839C28.4807 1.93522 29.5293 1.50085 30.6228 1.50085L30.67 1.50113L30.7173 1.50085C31.8107 1.50085 32.8594 1.93522 33.6326 2.70839C34.4057 3.48156 34.8401 4.5302 34.8401 5.62363C34.8401 6.71706 34.4057 7.7657 33.6326 8.53887C32.8594 9.31204 31.8107 9.74641 30.7173 9.74641Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.8881 13.86C37.5899 13.0729 36.1492 12.7455 34.6998 12.7455H26.6403C25.1909 12.7455 23.7502 13.0729 22.452 13.86C21.1562 14.6435 20.2241 15.7468 19.5744 16.9563C18.3436 19.2429 18 22.1368 18 25.0231V28.9891C17.9999 29.5819 18.1404 30.1663 18.41 30.6942C18.6796 31.2222 19.0706 31.6787 19.5508 32.0263C20.0311 32.3738 20.5869 32.6025 21.1727 32.6936C21.2551 32.7064 21.3377 32.7164 21.4206 32.7237C21.9261 32.7681 22.4362 32.7095 22.9199 32.5504C22.9199 34.4974 22.9201 36.4442 22.9202 38.3912C22.9204 40.3382 22.9206 42.2853 22.9206 44.2326C22.9193 45.1982 23.2906 46.127 23.9573 46.8256C24.6239 47.5241 25.5344 47.9384 26.499 47.9823C27.4636 48.0261 28.4078 47.696 29.1351 47.0608C29.4014 46.8281 29.6311 46.5611 29.8195 46.2689C30.1374 45.7759 30.3377 45.211 30.3982 44.6181L30.4014 44.5857L30.4026 44.5725L30.6658 33.9871L30.67 34.1552L30.6742 33.9871L30.9375 44.5725L30.9387 44.5857L30.9419 44.6181C31.0024 45.211 31.2027 45.7759 31.5206 46.2689C31.709 46.5611 31.9387 46.8281 32.205 47.0608C32.9322 47.696 33.8765 48.0261 34.8411 47.9823C35.8057 47.9384 36.7162 47.5241 37.3828 46.8256C38.0494 46.127 38.4208 45.1982 38.4195 44.2326C38.4195 42.2853 38.4197 40.3382 38.4199 38.3912C38.42 36.4444 38.4202 34.4973 38.4202 32.5504C38.9038 32.7095 39.414 32.7681 39.9195 32.7237C40.0023 32.7164 40.085 32.7064 40.1674 32.6936C40.7532 32.6025 41.309 32.3738 41.7893 32.0263C42.2695 31.6787 42.6605 31.2222 42.9301 30.6942C43.1996 30.1663 43.3402 29.5819 43.3401 28.9891V25.0231C43.3401 22.1368 42.9965 19.2429 41.7657 16.9563C41.116 15.7468 40.1838 14.6435 38.8881 13.86ZM30.6743 32.4871L30.67 32.4871L30.6658 32.4871C29.8519 32.4871 29.1865 33.1362 29.1663 33.9498L28.9044 44.4806C28.8435 45.0413 28.5739 45.5593 28.1483 45.931C27.7121 46.3121 27.1456 46.5101 26.567 46.4838C25.9884 46.4575 25.4423 46.209 25.0424 45.79C24.6425 45.371 24.4198 44.8138 24.4206 44.2346C24.4206 40.6554 24.4204 37.0765 24.4202 33.4975L24.4202 33.3679C24.4201 29.7457 24.4199 26.1234 24.4199 22.5009C24.4199 22.0866 24.0841 21.7509 23.6699 21.7509C23.2557 21.7509 22.9199 22.0866 22.9199 22.5009V31.0009C22.9199 31.0009 22.6046 31.075 22.4516 31.1254C22.1138 31.2365 21.7545 31.266 21.4031 31.2114C21.0517 31.1568 20.7183 31.0196 20.4302 30.8111C20.1422 30.6026 19.9077 30.3288 19.7459 30.0121C19.5842 29.6954 19.5 29.3447 19.5 28.9891V25.0231C19.5 22.211 19.8435 19.6212 20.8952 17.6673L20.8958 17.6662C21.4421 16.6491 22.2016 15.7643 23.2281 15.1437L23.2297 15.1427C24.2563 14.5202 25.4182 14.2455 26.6403 14.2455H34.6998C35.9219 14.2455 37.0838 14.5202 38.1104 15.1427L38.112 15.1437C39.1384 15.7643 39.8979 16.6491 40.4443 17.6662L40.4449 17.6673C41.4966 19.6212 41.8401 22.211 41.8401 25.0231V28.9891C41.8401 29.3447 41.7558 29.6954 41.5941 30.0121C41.4324 30.3288 41.1979 30.6026 40.9098 30.8111C40.6218 31.0196 40.2884 31.1568 39.937 31.2114C39.5856 31.266 39.2263 31.2365 38.8885 31.1254C38.7354 31.075 38.4202 31.0009 38.4202 31.0009V22.5009C38.4202 22.0866 38.0844 21.7509 37.6702 21.7509C37.256 21.7509 36.9202 22.0866 36.9202 22.5009C36.9202 26.0392 36.92 29.5773 36.9199 33.1153L36.9198 33.4976C36.9197 37.0765 36.9195 40.6556 36.9195 44.2346C36.9203 44.8138 36.6975 45.371 36.2977 45.79C35.8978 46.209 35.3516 46.4575 34.7731 46.4838C34.1945 46.5101 33.628 46.3121 33.1918 45.931C32.7662 45.5593 32.4966 45.0413 32.4357 44.4806L32.1738 33.9498C32.1535 33.1362 31.4882 32.4871 30.6743 32.4871Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_4209_9797">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/quotes.svg b/assets/icons/complex/quotes.svg
new file mode 100644
index 00000000..f54db971
--- /dev/null
+++ b/assets/icons/complex/quotes.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.7691 20.5691H25.7594L25.7594 12.2919C25.7594 9.96479 26.3379 7.96544 27.6974 6.30833C28.9147 4.82448 30.6048 3.78536 32.1863 2.86229L32.9225 2.43262L34.9846 7.3009L34.4147 7.63353C34.1179 7.80677 33.8549 7.95642 33.6185 8.09095C33.1726 8.34475 32.8211 8.54477 32.515 8.74793C32.0765 9.0389 31.8125 9.28688 31.609 9.61392L31.6003 9.62794L31.5909 9.64157C31.2045 10.2057 31.0453 10.7072 30.9952 11.5419H34.7691V20.5691ZM33.2691 19.0691V13.0419H29.4763V12.2919C29.4763 10.8574 29.6112 9.88384 30.3443 8.80721C30.6985 8.24344 31.1454 7.85659 31.6856 7.49809C32.0343 7.26669 32.4579 7.02543 32.9373 6.75238L33.0871 6.66703L32.2085 4.59287C30.902 5.38339 29.7229 6.2043 28.8571 7.2597C27.7661 8.5895 27.2594 10.2267 27.2594 12.2918L27.2594 19.0691H33.2691Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.27745 27.4328H0.267787V36.46H4.04163C3.99159 37.2947 3.83236 37.7962 3.44593 38.3603L3.43659 38.374L3.42787 38.388C3.22439 38.715 2.96036 38.963 2.52188 39.254C2.21581 39.4571 1.86443 39.6571 1.41862 39.9108C1.18224 40.0453 0.918971 40.1951 0.622177 40.3684L0.0522461 40.701L2.11432 45.5693L2.85051 45.1396C4.4321 44.2165 6.12219 43.1774 7.33949 41.6936C8.69893 40.0365 9.2775 38.0371 9.2775 35.71L9.27745 27.4328ZM1.76779 34.96V28.9328H7.77746L7.7775 35.7101C7.7775 37.7752 7.27072 39.4124 6.1798 40.7422C5.31398 41.7976 4.13484 42.6185 2.82831 43.409L1.94975 41.3349L2.09956 41.2495C2.57893 40.9765 3.00262 40.7352 3.35128 40.5038C3.89151 40.1453 4.33834 39.7585 4.69254 39.1947C5.4257 38.1181 5.5606 37.1445 5.5606 35.71V34.96H1.76779Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2411 27.4328H13.2314V36.46H17.0053C16.9552 37.2947 16.796 37.7962 16.4096 38.3603L16.4002 38.374L16.3915 38.388C16.188 38.715 15.924 38.963 15.4855 39.254C15.1794 39.4571 14.8279 39.6571 14.382 39.9109C14.1458 40.0454 13.8823 40.1953 13.5858 40.3684L13.0159 40.701L15.078 45.5693L15.8141 45.1396C17.3957 44.2165 19.0858 43.1774 20.3031 41.6936C21.6626 40.0365 22.2411 38.0371 22.2411 35.71L22.2411 27.4328ZM14.7314 34.96V28.9328H20.7411L20.7411 35.7101C20.7411 37.7752 20.2344 39.4124 19.1434 40.7422C18.2776 41.7976 17.0985 42.6185 15.7919 43.409L14.9134 41.3349L15.0632 41.2495C15.5426 40.9765 15.9663 40.7352 16.3149 40.5038C16.8551 40.1453 17.302 39.7585 17.6562 39.1947C18.3893 38.1181 18.5242 37.1445 18.5242 35.71V34.96H14.7314Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.723 20.5691H47.7327V11.5419H43.9589C44.0089 10.7072 44.1681 10.2057 44.5546 9.64157L44.5639 9.62794L44.5726 9.61392C44.7761 9.28688 45.0401 9.03891 45.4786 8.74793C45.7847 8.54478 46.1362 8.34475 46.5821 8.09096C46.8185 7.95642 47.0815 7.80677 47.3783 7.63353L47.9482 7.3009L45.8862 2.43262L45.15 2.86229C43.5684 3.78536 41.8783 4.82448 40.661 6.30833C39.3016 7.96544 38.723 9.96479 38.723 12.2919L38.723 20.5691ZM46.2327 13.0419V19.0691H40.223L40.223 12.2918C40.223 10.2267 40.7298 8.5895 41.8207 7.25971C42.6865 6.2043 43.8657 5.38339 45.1722 4.59287L46.0507 6.66703L45.9009 6.75238C45.4215 7.02544 44.9979 7.26669 44.6492 7.49809C44.109 7.85659 43.6621 8.24344 43.3079 8.80722C42.5748 9.88385 42.4399 10.8574 42.4399 12.2919V13.0419L46.2327 13.0419Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/region.svg b/assets/icons/complex/region.svg
new file mode 100644
index 00000000..4fa4b99d
--- /dev/null
+++ b/assets/icons/complex/region.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<path d="M15 21.501L16 23.501H19V21.501L17.5 20.501L15 21.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2353 10.2207C15.4636 9.9924 15.8123 9.93581 16.1011 10.0802L18.0386 11.0489C18.2165 11.1379 18.3518 11.2939 18.4147 11.4826L18.8008 12.641L19.1563 12.8187L19.5118 12.641L19.8979 11.4826C20 11.1763 20.2866 10.9697 20.6094 10.9697H22.5469C22.8536 10.9697 23.1294 11.1565 23.2433 11.4412L24.0553 13.4712L26.5452 13.8862C26.6499 13.9036 26.7496 13.9431 26.8379 14.002L28.1021 14.8447H30.0331C30.314 14.8447 30.5713 15.0017 30.6999 15.2514L31.4481 16.7045C31.6228 17.0438 31.5148 17.4602 31.1973 17.6719L30.3944 18.2072L30.6155 18.5111L32.2603 20.3207L32.6728 19.9082C32.7552 19.8258 32.8555 19.7638 32.966 19.727L33.7364 19.4702L33.2381 17.7398C33.1522 17.4416 33.2589 17.1214 33.5063 16.9341C33.7538 16.7469 34.091 16.7314 34.3545 16.8951L37.2219 18.6761L39.353 18.2499C39.6846 18.1836 40.0196 18.3475 40.1709 18.65L40.6552 19.6187C40.7996 19.9075 40.743 20.2562 40.5147 20.4844L40.0059 20.9932L40.7444 21.9779L41.6847 21.6645C41.8387 21.6132 42.0051 21.6132 42.1591 21.6645L43.5849 22.1398L45.4944 22.6171C45.7068 22.6702 45.8854 22.8135 45.9834 23.0093L46.8977 24.838L47.7804 25.7207C47.921 25.8613 48 26.0521 48 26.251V27.7041C48 28.1183 47.6643 28.4541 47.25 28.4541H45.7139L44.9937 29.5344L44.5302 30.4614C44.4413 30.6393 44.2853 30.7746 44.0966 30.8375L43.034 31.1917L42.6495 32.7298C42.6253 32.8268 42.5819 32.9179 42.5219 32.9979L41.0688 34.9354C40.9581 35.083 40.7968 35.1846 40.6159 35.2208L38.194 35.7052C38.0969 35.7246 37.9969 35.7246 37.8998 35.7052L36.0072 35.3267L34.6095 37.7647C34.4731 38.0026 34.2177 38.1471 33.9434 38.1415C33.6692 38.1358 33.42 37.981 33.2934 37.7377L32.6996 36.5957L31.0665 36.2368L30.0959 36.6329C30.0059 36.6696 29.9097 36.6885 29.8125 36.6885H27.875C27.6761 36.6885 27.4854 36.6095 27.3447 36.4688L26.1112 35.2354H25.4532C25.3367 35.2354 25.2219 35.2083 25.1177 35.1562L23.2701 34.2324L21.5959 33.8975L20.8365 36.1757C20.7543 36.4223 20.5503 36.6087 20.2973 36.6684C20.1576 36.7014 20.0138 36.6931 19.8822 36.6481L19.3427 37.727C19.2349 37.9427 19.03 38.0933 18.792 38.1319C18.5541 38.1706 18.312 38.0924 18.1416 37.922L17.6076 37.388L16.6661 38.0157C16.5005 38.126 16.298 38.1661 16.1029 38.1271L13.6811 37.6427C13.4098 37.5884 13.1905 37.3893 13.1103 37.1246C13.0424 36.9001 13.0839 36.6593 13.2174 36.472L10.5039 34.1462L9.61775 33.7031C9.54565 33.667 9.47983 33.6196 9.42283 33.5626L6.73625 30.876H6.07816C5.87924 30.876 5.68848 30.797 5.54783 30.6563L4.0947 29.2032C4.01237 29.1209 3.95034 29.0205 3.91352 28.91L3.46763 27.5724L2.08753 25.7322C1.91709 25.505 1.88967 25.2009 2.01671 24.9468L2.8438 23.2927L1.38337 22.5624C1.20546 22.4735 1.07017 22.3175 1.00727 22.1288L0.0385197 19.2225C-0.057407 18.9348 0.0294664 18.6175 0.258631 18.4188C0.487795 18.22 0.814121 18.1789 1.08544 18.3145L2.43075 18.9872L3.03224 18.085C3.10464 17.9764 3.20413 17.8885 3.32087 17.8302L5.25837 16.8614C5.43628 16.7725 5.64225 16.7578 5.83095 16.8207L6.77125 17.1342L7.90003 15.6291C8.04168 15.4403 8.26397 15.3291 8.50003 15.3291H9.89697L10.2104 14.3888C10.2915 14.1456 10.4912 13.9606 10.74 13.8984L12.5976 13.434L14.4995 12.483L14.2666 12.2501C13.9737 11.9572 13.9737 11.4823 14.2666 11.1894L15.2353 10.2207ZM15.8576 11.7197L16.296 12.1582C16.4665 12.3286 16.5446 12.5707 16.506 12.8086C16.4674 13.0466 16.3167 13.2515 16.1011 13.3593L13.1948 14.8124C13.1459 14.8369 13.0944 14.856 13.0413 14.8692L11.5032 15.2538L11.149 16.3163C11.047 16.6226 10.7604 16.8291 10.4375 16.8291H8.87503L8.02395 17.9639C8.08238 18.0209 8.13243 18.0885 8.17099 18.1656L9.35473 20.533L15.572 17.8685L16.1201 17.3203L15.3038 15.2795C15.1924 15.001 15.2577 14.6828 15.4698 14.4706L17.2396 12.7009L17.0899 12.2516L15.9137 11.6636L15.8576 11.7197ZM18.0961 13.9657L16.8802 15.1816L17.317 16.2737C17.3756 16.259 17.4369 16.2512 17.5 16.2512H21.4824L21.5 16.251C21.5586 16.251 21.6157 16.2577 21.6704 16.2704L23.4978 16.6359L24.0463 14.9904L23.3924 14.8814C23.1339 14.8383 22.9166 14.6635 22.8193 14.4202L22.0391 12.4697H21.15L20.8365 13.41C20.7736 13.5987 20.6384 13.7547 20.4604 13.8437L19.4917 14.3281C19.2805 14.4336 19.032 14.4336 18.8209 14.3281L18.0961 13.9657ZM17.7072 17.7512C17.6707 17.8546 17.6112 17.9506 17.5305 18.0313L16.5305 19.0313C16.463 19.0988 16.3833 19.1527 16.2956 19.1903L10.6801 21.597L12.8726 22.8498C13.183 23.0272 13.325 23.399 13.212 23.7381L12.291 26.501L12.5396 27.2467L19.7281 26.7674L23.25 24.126V23.1227L22.7918 21.7479C22.786 21.7313 22.7808 21.7144 22.7762 21.6972C22.7623 21.6462 22.7539 21.5938 22.7511 21.541C22.7502 21.5245 22.7499 21.508 22.75 21.4916V20.876L21.05 19.601C20.8612 19.4593 20.75 19.237 20.75 19.001V17.7512H17.7072ZM6.82934 18.8364L7.95305 21.0838L4.26652 22.4244C4.19672 22.3266 4.10322 22.2453 3.99169 22.1895L2.33206 21.3597L2.03413 20.4659L2.35212 20.6249C2.69043 20.7941 3.10176 20.6849 3.31157 20.3701L4.16984 19.0827L5.65133 18.342L6.78244 18.719C6.79456 18.7588 6.81015 18.798 6.82934 18.8364ZM3.56565 25.2031L4.1326 24.0692L8.93011 22.3246L11.5945 23.8471L10.7889 26.2638C10.7376 26.4178 10.7376 26.5842 10.7889 26.7381L11.226 28.0492L10.3601 32.3785L7.57724 29.5957C7.43658 29.455 7.24582 29.376 7.04691 29.376H6.38882L5.28056 28.2677L4.85217 26.9826C4.82668 26.9061 4.78902 26.8342 4.74066 26.7697L3.56565 25.2031ZM14.8006 35.8534L11.7264 33.2184L12.6171 28.7448L19.25 28.3026V29.501C19.25 29.6999 19.329 29.8907 19.4697 30.0313L20.4697 31.0313C20.5267 31.0883 20.5925 31.1357 20.6646 31.1718L23.25 32.4645V32.6986L21.2409 32.2968C20.87 32.2226 20.5019 32.4362 20.3823 32.7951L19.7436 34.7112C19.6704 34.7011 19.5952 34.7017 19.5205 34.7138C19.2825 34.7524 19.0776 34.9031 18.9698 35.1187L18.4664 36.1255L18.2335 35.8925C17.9807 35.6397 17.5846 35.6005 17.2871 35.7988L16.0925 36.5953L15.0618 36.3891C15.0525 36.1822 14.958 35.9883 14.8006 35.8534ZM25.6302 33.7354L24.75 33.2953V32.001C24.75 31.7169 24.5895 31.4572 24.3354 31.3302L21.4443 29.8846L20.75 29.1903V27.876L24.2791 25.2292L27.1648 26.672C27.2283 26.7037 27.2961 26.7263 27.366 26.739L29.7501 27.1725V30.3232L28.9183 31.9867L26.2953 33.7354H25.6302ZM24.8356 23.8303C24.8075 23.8163 24.7789 23.8041 24.75 23.7939V23.001C24.75 22.9204 24.737 22.8403 24.7116 22.7638L24.4891 22.0965L26.3828 21.7809L29.1647 23.1718C29.4188 23.2989 29.7228 23.2715 29.9501 23.101L31.6212 21.8477L31.6794 21.9117C31.8174 22.0635 32.0115 22.1521 32.2165 22.157C32.3993 22.1614 32.5766 22.0988 32.7157 21.9825L32.2885 23.264C32.2324 23.4323 32.2378 23.615 32.3037 23.7797L33.1571 25.9134L32.9467 26.2291L27.7397 25.2824L24.8356 23.8303ZM26.3768 20.2612L24.25 20.6157V20.501C24.25 20.2649 24.1389 20.0426 23.95 19.901L22.25 18.626V17.916L23.8529 18.2366C24.2238 18.3108 24.5919 18.0972 24.7115 17.7384L25.5443 15.2401L26.1398 15.3393L27.459 16.2188C27.5822 16.3009 27.727 16.3447 27.875 16.3447H29.5757L29.8078 16.7955L28.9121 17.3926C28.7422 17.5059 28.6258 17.6836 28.5899 17.8847C28.5539 18.0857 28.6015 18.2928 28.7217 18.4579L29.4267 19.4267C29.4426 19.4486 29.4598 19.4697 29.4781 19.4898L30.6078 20.7327L29.4209 21.6229L26.8355 20.3302C26.6938 20.2593 26.5332 20.2352 26.3768 20.2612ZM28.1857 35.1885L27.6393 34.6421L29.9161 33.1243C30.0247 33.0519 30.1125 32.9524 30.1709 32.8357L31.1709 30.8357C31.223 30.7315 31.2501 30.6167 31.2501 30.5002V27.4452L32.261 27.629C32.2674 27.6658 32.2765 27.7024 32.2885 27.7383L32.7885 29.2383C32.8583 29.4476 33.0166 29.6156 33.2215 29.6975L33.9205 29.9771L37.1609 34.0277L35.7721 33.7499C35.456 33.6867 35.1348 33.8326 34.9744 34.1123L33.9909 35.8277L33.8686 35.5925C33.766 35.3953 33.5813 35.2537 33.3642 35.206L31.1604 34.7216C31.0119 34.689 30.8569 34.7022 30.716 34.7597L29.6654 35.1885H28.1857ZM39.0613 34.002L40.0407 33.8061L41.231 32.219L41.6787 30.4285C41.7409 30.1797 41.9258 29.9799 42.1691 29.8989L43.3275 29.5127L43.5242 29.1194L41.0924 28.772L36.384 30.6554L39.0613 34.002ZM34.7159 20.7248L34.7115 20.7383L33.7984 23.4777L34.6964 25.7226C34.7881 25.9519 34.761 26.2117 34.6241 26.4172L33.8275 27.612L34.1015 28.434L36 29.1934L39.7828 27.6803L38.5527 26.1426L35.7628 25.2127C35.4566 25.1106 35.25 24.824 35.25 24.5011V23.0011C35.25 22.8847 35.2771 22.7699 35.3292 22.6657L36.3292 20.6657C36.4018 20.5206 36.5195 20.4029 36.6646 20.3303L36.9196 20.2028C36.8364 20.1848 36.7561 20.1526 36.6824 20.1069L35.219 19.1979L35.377 19.7466C35.4883 20.133 35.275 20.5385 34.8935 20.6656L34.7159 20.7248ZM41.4001 27.3007L44.3949 27.7285L44.6885 27.2881C44.8276 27.0794 45.0618 26.9541 45.3125 26.9541H46.5V26.5617L45.751 25.8126C45.694 25.7556 45.6465 25.6898 45.6105 25.6177L44.796 23.9887L43.1931 23.588L43.1763 23.5836L43.1628 23.5797L43.1482 23.5752L43.1379 23.5719L41.9219 23.1666L40.706 23.5719C40.3997 23.674 40.0625 23.5686 39.8688 23.3104L38.4157 21.3729C38.3713 21.3137 38.3369 21.2499 38.3123 21.1835L37.559 21.5602L36.75 23.1782V23.9606L39.2372 24.7896C39.3743 24.8353 39.4953 24.9197 39.5857 25.0326L41.4001 27.3007Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/assets/icons/complex/regional-elections-clear.svg b/assets/icons/complex/regional-elections-clear.svg
new file mode 100644
index 00000000..be0e9afe
--- /dev/null
+++ b/assets/icons/complex/regional-elections-clear.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11946)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.6166 34.6237L40.4078 35.0975L40.555 35.3817L40.6471 36.2344L40.4631 36.3671L40.2054 36.405L39.7086 36.3482L39.2853 36.386L39.083 36.5755L38.9725 36.9166L38.8069 37.2008L38.3469 37.5608L37.9788 37.8451L37.5187 38.1483L37.1875 38.4136L37.0219 38.9252L37.0403 39.4937L37.0587 39.9674L36.7275 40.3275L36.3042 40.1948L36.0833 40.4222L35.7153 40.8391L35.3657 41.218L34.9976 41.5592L34.6112 41.9192L34.0223 41.9949L33.5623 41.976L33.139 41.8813L32.7525 41.6728L32.3662 41.7486L32.1269 41.957L31.8141 42.317L31.5196 42.715L31.2068 43.2646L30.9491 42.7339L30.3051 42.6202L29.7714 42.355L29.5506 42.0708L29.2378 42.0518L28.8697 41.9949L28.6305 42.0897L28.3361 42.3739H28.0048L27.6 42.4118L27.1767 42.4497L26.827 42.3929L26.3118 42.1086L26.0174 41.7486L25.7597 41.4833L25.0605 41.4644L24.8212 41.3317L24.674 41.1044H24.4164L24.0484 41.1612H23.8235L23.4227 41.0096L23.0178 40.8769L22.6313 40.7632L22.3922 40.6496L21.9873 40.4222L21.6745 40.4032H21.4537L21.3616 40.5169L21.38 40.8012L21.196 41.3128L21.104 41.7297L20.9384 41.8813L20.4967 42.1276L20.1103 42.5445L20.0735 42.7909L19.8895 43.1887L19.5399 43.3782L19.2454 43.4162L18.8038 43.4919L18.3253 43.7003H17.3867L16.8971 43.5487L16.5034 43.3403L16.4667 43.0371V42.7718L16.301 42.4877L16.025 42.3929L15.7122 42.2931L15.565 41.9381L15.3238 41.5584C15.3238 41.4831 14.9579 41.0875 14.9579 41.0875L14.5554 40.7484L14.2079 40.5412L13.4212 40.2398L13.2931 39.8254L12.9273 39.5428L12.3053 38.94L11.6101 38.0734L10.9515 37.3953L10.6222 37.3199L10.0734 37.075L9.7624 36.6229L9.41481 36.0389L9.1404 35.5115L8.75623 34.8334L8.48182 34.6449L8.33546 34.2494L8.46352 33.7031L8.73793 33.3829L8.97576 33.1191L8.88429 32.6294L8.40864 32.0454L7.49394 31.3295L7.40247 30.9151L7.10976 30.3876L7 30.124L7.20124 29.9355H7.96958L8.13423 29.6341L8.60988 29.1632L9.41481 28.7111L10.5856 28.5792L11.2076 28.8053L11.5918 28.146L12.2321 28.033L12.598 27.562L13.2017 27.2606H13.5675L13.9151 27.0157L14.0432 26.6955L14.464 26.4317L14.9396 26.3564H16.0006L16.1836 26.0926L16.641 25.6594L17.08 25.4333L17.574 25.245L17.7934 25.0001L17.7752 24.6233L17.5007 24.1901L17.5191 23.8698L17.9581 23.7003L18.635 24.0582L19.2386 24.6233L19.2753 25.0377L19.3302 25.5087L19.6778 25.8478L19.9907 25.6608L20.2265 25.4619L20.337 25.434L20.4783 25.4146H20.9752L21.3249 25.3387L21.3616 25.1303L21.3249 24.8461L21.2696 24.6566L21.2512 24.4292L21.4537 24.2397L21.6929 24.2965L22.1713 24.3534L22.5762 24.4861L22.8706 25.0166L22.889 25.3577L23.0915 25.604L23.1467 26.0209L23.2202 26.5136L23.4779 26.6463L23.7723 26.5515L24.2324 26.5325L24.7292 26.4188H25.4653L25.8518 26.7031L26.3302 27.1768L26.4039 27.5178L26.6799 27.5748L26.7719 27.2336L27.2319 27.1578L27.784 27.0631L28.2257 27.1768L28.5201 27.4042L28.6121 27.821L28.4833 28.1242L28.2624 28.2758L27.9128 28.579L27.6736 28.939L28.0417 29.4886L28.428 29.8296L28.8329 30.2276L29.0906 30.5876L29.3297 31.0234L29.4402 31.6109L29.7714 31.8003L30.0107 31.6866V31.4782L30.5627 31.4025L30.7835 31.175L30.9491 30.7771L31.0043 30.3981H31.5012L31.4829 30.1897L31.1148 29.9623L30.7284 29.7349L30.6363 29.1286L30.7835 28.7495L31.078 28.7117L31.7036 28.977L32.4213 29.2991L33.3046 29.8865L33.7279 30.0949H34.1327L34.4456 30.0192L34.5743 29.8676L34.9608 29.7918L35.1448 30.0571L35.2001 30.4171L35.108 30.6445L34.7216 30.7392L34.5927 30.9856L34.74 31.3456L35.1264 31.6488L35.5313 32.1983L35.9361 32.293L36.2305 32.1794L36.341 31.8572L36.525 31.6866L36.801 31.8193L36.9851 32.3878L37.5003 32.4826L37.7211 32.672L38.0155 32.8236L38.586 32.7857L38.8621 33.0699L39.6166 34.0743V34.6237ZM38.1166 34.5749V35.4255L37.7752 35.7451L37.6197 36.2251L37.4263 36.3765L37.1064 36.6235L36.6352 36.9341L35.8989 37.5239L35.5142 38.7121L35.5187 38.8507L34.9825 39.4026L34.6017 39.8341L34.303 40.1577L33.9751 40.4617L33.9443 40.4904L33.7584 40.4828L33.6688 40.4627L32.9914 40.0973L31.6835 40.354L31.0631 40.8944L30.8096 41.1861L30.7789 41.1807L30.7458 41.1642L30.3189 40.6145L29.3981 40.5588L28.696 40.4502L27.8021 40.8045L27.7082 40.8951L27.4663 40.9178L27.4603 40.9183L27.2886 40.9337L27.138 40.7495L26.4105 40.0004L25.7343 39.9821L25.4897 39.6044H24.3013L24.05 39.6432L23.9218 39.5947L23.4632 39.4444L23.1682 39.3576L23.0821 39.3167L22.4217 38.9457L21.7198 38.9032H20.738L19.8269 40.0288L19.863 40.5869L19.7836 40.8078L19.5583 40.9334L18.6954 41.8645L18.6763 41.9919L18.3712 42.0442L18.0128 42.2003H17.8697L17.316 41.2502L16.7904 41.0697L16.6569 40.8596C16.6428 40.8312 16.63 40.8074 16.6196 40.7887C16.5688 40.6972 16.5164 40.6218 16.4842 40.5771C16.4161 40.4823 16.3411 40.3912 16.2868 40.3269C16.2284 40.2577 16.1722 40.1941 16.132 40.1493C16.1115 40.1264 16.0942 40.1073 16.0816 40.0936L16.0664 40.077L16.0617 40.0718L16.0601 40.0701L16.0593 40.0692C16.0592 40.0692 16.0591 40.069 14.9579 41.0875L16.0593 40.0692L15.9957 40.0005L15.4285 39.5226L14.8651 39.1867L14.639 39.1L14.586 38.9286L13.9107 38.407L13.4166 37.9282L12.7357 37.0794L11.7185 36.032L11.0996 35.8904L11.07 35.8772L11.0262 35.8134L10.7257 35.3086L10.4587 34.7955L10.0826 34.1315L10.5864 33.5728L10.2886 31.9784L9.46551 30.9677L9.21993 30.7755L9.34547 30.5457L9.52115 30.3718L9.88455 30.1677L10.4039 30.1092L11.8728 30.6431L12.5376 29.5022L13.0621 29.4097L13.5662 28.7606H14.0429L15.1428 27.9856L15.1945 27.8564H16.7856L17.3277 27.075L17.5175 26.8952L17.6924 26.8051L18.281 26.5807L19.4564 27.7274L20.8169 26.9146H21.136L21.7438 26.7827L21.8502 27.4954L23.3448 28.2649L24.0378 28.0418L24.4322 28.0256L24.8987 27.9188H24.9477L24.9581 27.9291L25.1439 28.7896L25.872 28.9397L25.8703 28.9422L26.9034 30.4846L27.4052 30.9276L27.6888 31.2063L27.8187 31.3878L27.8997 31.5355L28.094 32.5689L29.7072 33.4917L31.0612 32.8481L31.2786 32.8183L31.4112 32.6818L31.5107 32.6345V32.5794L32.0587 32.0151L32.1073 31.8981H33.1394L33.1006 31.458L33.1817 31.498L33.5018 32.2808L34.0399 32.7029L34.6515 33.533L36.0447 33.8589L36.2534 33.7783L36.8307 33.8846L36.8779 33.925L37.6994 34.348L37.9343 34.3324L38.1166 34.5749Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11946">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/regional-elections.svg b/assets/icons/complex/regional-elections.svg
new file mode 100644
index 00000000..f3e47808
--- /dev/null
+++ b/assets/icons/complex/regional-elections.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11945)">
+<path d="M18 32.3342L19.5 31.5009L21 32.3342V33.1675L18.75 34.0009L18 32.3342Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.6166 34.6237L40.4078 35.0975L40.555 35.3817L40.6471 36.2344L40.4631 36.3671L40.2054 36.405L39.7086 36.3482L39.2853 36.386L39.083 36.5755L38.9725 36.9166L38.8069 37.2008L38.3469 37.5608L37.9788 37.8451L37.5187 38.1483L37.1875 38.4136L37.0219 38.9252L37.0403 39.4937L37.0587 39.9674L36.7275 40.3275L36.3042 40.1948L36.0833 40.4222L35.7153 40.8391L35.3657 41.218L34.9976 41.5592L34.6112 41.9192L34.0223 41.9949L33.5623 41.976L33.139 41.8813L32.7525 41.6728L32.3662 41.7486L32.1269 41.957L31.8141 42.317L31.5196 42.715L31.2068 43.2646L30.9491 42.7339L30.3051 42.6202L29.7714 42.355L29.5506 42.0708L29.2378 42.0518L28.8697 41.9949L28.6305 42.0897L28.3361 42.3739H28.0048L27.6 42.4118L27.1767 42.4497L26.827 42.3929L26.3118 42.1086L26.0174 41.7486L25.7597 41.4833L25.0605 41.4644L24.8212 41.3317L24.674 41.1044H24.4164L24.0484 41.1612H23.8235L23.4227 41.0096L23.0178 40.8769L22.6313 40.7632L22.3922 40.6496L21.9873 40.4222L21.6745 40.4032H21.4537L21.3616 40.5169L21.38 40.8012L21.196 41.3128L21.104 41.7297L20.9384 41.8813L20.4967 42.1276L20.1103 42.5445L20.0735 42.7909L19.8895 43.1887L19.5399 43.3782L19.2454 43.4162L18.8038 43.4919L18.3253 43.7003H17.3867L16.8971 43.5487L16.5034 43.3403L16.4667 43.0371V42.7718L16.301 42.4877L16.025 42.3929L15.7122 42.2931L15.565 41.9381L15.3238 41.5584C15.3238 41.4831 14.9579 41.0875 14.9579 41.0875L16.0593 40.0692L16.0617 40.0718L16.0664 40.077L16.0816 40.0936L16.1003 40.1141L16.132 40.1493C16.1722 40.1941 16.2284 40.2577 16.2868 40.3269C16.3411 40.3912 16.4161 40.4823 16.4842 40.5771C16.5164 40.6218 16.5688 40.6972 16.6196 40.7887C16.63 40.8074 16.6428 40.8312 16.6569 40.8596L16.7904 41.0697L17.316 41.2502L17.8697 42.2003H18.0128L18.3712 42.0442L18.6763 41.9919L18.6954 41.8645L19.5583 40.9334L19.7836 40.8078L19.863 40.5869L19.8269 40.0288L20.738 38.9032H21.7198L22.1188 38.9274L20.5932 36.7915C20.5301 36.7033 20.4999 36.6015 20.5 36.5008H16.5001V36.571L15.6125 39.6776L15.9957 40.0005L16.0593 40.0692C16.0593 40.0692 16.0591 40.069 14.9579 41.0875L14.5554 40.7484L14.2079 40.5412L13.4212 40.2398L13.2931 39.8254L12.9273 39.5428L12.3053 38.94L11.6101 38.0734L10.9515 37.3953L10.6222 37.3199L10.0734 37.075L9.7624 36.6229L9.41481 36.0389L9.1404 35.5115L8.75623 34.8334L8.48182 34.6449L8.33546 34.2494L8.46352 33.7031L8.73793 33.3829L8.97576 33.1191L8.88429 32.6294L8.40864 32.0454L7.49394 31.3295L7.40247 30.9151L7.10976 30.3876L7 30.124L7.20124 29.9355H7.96958L8.13423 29.6341L8.60988 29.1632L9.41481 28.7111L10.5856 28.5792L11.2076 28.8053L11.5918 28.146L12.2321 28.033L12.598 27.562L13.2017 27.2606H13.5675L13.9151 27.0157L14.0432 26.6955L14.464 26.4317L14.9396 26.3564H16.0006L16.1836 26.0926L16.641 25.6594L17.08 25.4333L17.574 25.245L17.7934 25.0001L17.7752 24.6233L17.5007 24.1901L17.5191 23.8698L17.9581 23.7003L18.635 24.0582L19.2386 24.6233L19.2753 25.0377L19.3302 25.5087L19.6778 25.8478L19.9907 25.6608L20.2265 25.4619L20.337 25.434L20.4783 25.4146H20.9752L21.3249 25.3387L21.3616 25.1303L21.3249 24.8461L21.2696 24.6566L21.2512 24.4292L21.4537 24.2397L21.6929 24.2965L22.1713 24.3534L22.5762 24.4861L22.8706 25.0166L22.889 25.3577L23.0915 25.604L23.1467 26.0209L23.2202 26.5136L23.4779 26.6463L23.7723 26.5515L24.2324 26.5325L24.7292 26.4188H25.4653L25.8518 26.7031L26.3302 27.1768L26.4039 27.5178L26.6799 27.5748L26.7719 27.2336L27.2319 27.1578L27.784 27.0631L28.2257 27.1768L28.5201 27.4042L28.6121 27.821L28.4833 28.1242L28.2624 28.2758L27.9128 28.579L27.6736 28.939L28.0417 29.4886L28.428 29.8296L28.8329 30.2276L29.0906 30.5876L29.3297 31.0234L29.4402 31.6109L29.7714 31.8003L30.0107 31.6866V31.4782L30.5627 31.4025L30.7835 31.175L30.9491 30.7771L31.0043 30.3981H31.5012L31.4829 30.1897L31.1148 29.9623L30.7284 29.7349L30.6363 29.1286L30.7835 28.7495L31.078 28.7117L31.7036 28.977L32.4213 29.2991L33.3046 29.8865L33.7279 30.0949H34.1327L34.4456 30.0192L34.5743 29.8676L34.9608 29.7918L35.1448 30.0571L35.2001 30.4171L35.108 30.6445L34.7216 30.7392L34.5927 30.9856L34.74 31.3456L35.1264 31.6488L35.5313 32.1983L35.9361 32.293L36.2305 32.1794L36.341 31.8572L36.525 31.6866L36.801 31.8193L36.9851 32.3878L37.5003 32.4826L37.7211 32.672L38.0155 32.8236L38.586 32.7857L38.8621 33.0699L39.6166 34.0743V34.6237ZM21.6144 36.5008L23.7945 39.553L23.9218 39.5947L24.05 39.6432L24.3013 39.6044H25.1813L27.8573 36.4824L27.7822 36.4523L24.2552 34.4369L21.6754 36.5008H21.6144ZM26.1647 39.9937L28.8381 36.8747L30.3144 37.4652C30.3584 37.4828 30.4035 37.4937 30.4484 37.4984L32.4636 38.506L33.13 40.1721L32.9914 40.0973L31.6835 40.354L31.0631 40.8944L30.8096 41.1861L30.7789 41.1807L30.7458 41.1642L30.3189 40.6145L29.3981 40.5588L28.696 40.4502L27.8021 40.8045L27.7082 40.8951L27.4663 40.9178L27.4603 40.9183L27.2886 40.9337L27.138 40.7495L26.4105 40.0004L26.1647 39.9937ZM24.3665 33.5191C24.4905 33.4847 24.6276 33.4979 24.7482 33.5668L28.218 35.5496L29.9585 36.2458L29.5525 33.4032L28.094 32.5689L28.0737 32.4607L23.8737 32.0408L24.3665 33.5191ZM23.5498 31.0034L27.8433 31.4327L27.8187 31.3878L27.6888 31.2063L27.4052 30.9276L26.9034 30.4846L25.8703 28.9422L25.872 28.9397L25.6258 28.889L24.126 29.4889L23.0672 29.6212L23.5273 31.0016C23.5348 31.002 23.5423 31.0026 23.5498 31.0034ZM31.0294 36.6709L30.5201 33.1053L31.0612 32.8481L31.2786 32.8183L31.4112 32.6818L31.5107 32.6345V32.5794L31.8527 32.2272L34.2506 36.2236L31.842 37.0265C31.8226 37.033 31.8038 37.0405 31.7858 37.049L31.0294 36.6709ZM35.3149 36.0539L32.8215 31.8981H33.1394L33.1006 31.458L33.1817 31.498L33.5018 32.2808L34.0399 32.7029L34.6515 33.533L36.0447 33.8589L36.2534 33.7783L36.8307 33.8846L36.8779 33.925L37.6994 34.348L37.9343 34.3324L38.1166 34.5749V35.4255L37.7752 35.7451L37.6197 36.2251L37.4263 36.3765L37.3238 36.4557L35.3149 36.0539ZM33.0461 37.6792L33.2508 37.7816L34.2288 40.2265L34.303 40.1577L34.6017 39.8341L34.9825 39.4026L35.5187 38.8507L35.5142 38.7121L35.8989 37.5239L36.2319 37.2571L35.0323 37.0172L33.0461 37.6792ZM15.5001 35.9898L15.5 36.0008L15.5001 36.0117V36.4309L14.7278 39.1341L14.639 39.1L14.586 38.9286L13.9107 38.407L13.4166 37.9282L12.7357 37.0794L11.7185 36.032L11.0996 35.8904L11.07 35.8772L11.0262 35.8134L10.7257 35.3086L10.4587 34.7955L10.0826 34.1315L10.2572 33.938C10.3642 33.9975 10.4932 34.0181 10.6214 33.986L14.4801 33.0214L15.5001 33.3614V35.9898ZM16.5001 35.5008H21.3246L23.4154 33.8281L22.0553 29.7477L20.0621 29.9969C19.95 30.0109 19.842 29.9866 19.751 29.9344L15.2032 32.2083L16.5001 32.6406V35.5008ZM23.8741 28.5126L20 28.9969V27.4026L20.8169 26.9146H21.136L21.7438 26.7827L21.8502 27.4954L23.3448 28.2649L24.0378 28.0418L24.4322 28.0256L24.8987 27.9188H24.9477L24.9581 27.9291L24.9879 28.0671L23.8741 28.5126ZM13.9563 32.1216L12.2524 29.9917L11.8728 30.6431L10.4039 30.1092L9.88455 30.1677L9.52115 30.3718L9.34547 30.5457L9.21993 30.7755L9.46551 30.9677L10.2886 31.9784L10.4778 32.9912L13.9563 32.1216ZM13.0647 29.4063L14.6379 31.3729L19 29.1918V27.2822L18.281 26.5807L17.6924 26.8051L17.5175 26.8952L17.3277 27.075L16.7856 27.8564H15.1945L15.1428 27.9856L14.0429 28.7606H13.5662L13.0647 29.4063Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11945">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/register-of-persons.svg b/assets/icons/complex/register-of-persons.svg
new file mode 100644
index 00000000..da6db6aa
--- /dev/null
+++ b/assets/icons/complex/register-of-persons.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6263_10997)">
+<path d="M9 6.75098C9 7.16519 9.33579 7.50098 9.75 7.50098H18.25C18.6642 7.50098 19 7.16519 19 6.75098C19 6.33676 18.6642 6.00098 18.25 6.00098H9.75C9.33579 6.00098 9 6.33676 9 6.75098Z" fill="currentColor"/>
+<path d="M19 10.751C19 11.1652 18.6642 11.501 18.25 11.501H9.75C9.33579 11.501 9 11.1652 9 10.751C9 10.3368 9.33579 10.001 9.75 10.001H18.25C18.6642 10.001 19 10.3368 19 10.751Z" fill="currentColor"/>
+<path d="M9 14.751C9 15.1652 9.33579 15.501 9.75 15.501H15.25C15.6642 15.501 16 15.1652 16 14.751C16 14.3368 15.6642 14.001 15.25 14.001H9.75C9.33579 14.001 9 14.3368 9 14.751Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 11.501C34 14.5385 31.5376 17.001 28.5 17.001C25.4624 17.001 23 14.5385 23 11.501C23 8.46341 25.4624 6.00098 28.5 6.00098C31.5376 6.00098 34 8.46341 34 11.501ZM32.5 11.501C32.5 13.7101 30.7091 15.501 28.5 15.501C26.2909 15.501 24.5 13.7101 24.5 11.501C24.5 9.29184 26.2909 7.50098 28.5 7.50098C30.7091 7.50098 32.5 9.29184 32.5 11.501Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41 2.00098C41 0.896407 40.1046 0.000976562 39 0.000976562H7C5.89543 0.000976562 5 0.896407 5 2.00098V16.001H2C0.89543 16.001 0 16.8964 0 18.001V46.001C0 47.1055 0.895431 48.001 2 48.001H43.3057C44.2834 48.001 45.1178 47.2942 45.2785 46.3298L47.6119 32.3298C47.815 31.1107 46.875 30.001 45.6391 30.001H45V18.001C45 16.8964 44.1046 16.001 43 16.001H41V2.00098ZM15.3513 27.001C16.0626 27.001 16.7204 27.3788 17.0788 27.9932L18.25 30.001H20V26.501C20 21.8066 23.8056 18.001 28.5 18.001C33.1944 18.001 37 21.8066 37 26.501V30.001H39.5V2.00098C39.5 1.72483 39.2761 1.50098 39 1.50098H7C6.72386 1.50098 6.5 1.72483 6.5 2.00098V27.001H15.3513ZM35.5 30.001V26.501C35.5 22.635 32.366 19.501 28.5 19.501C24.634 19.501 21.5 22.635 21.5 26.501V30.001H35.5ZM41 30.001H43.5V18.001C43.5 17.7248 43.2761 17.501 43 17.501H41V30.001ZM2 17.501C1.72386 17.501 1.5 17.7248 1.5 18.001V37.501L2.75469 28.7181C2.89545 27.7328 3.73929 27.001 4.73459 27.001H5V17.501H2ZM45.6391 31.501H17.3884L15.7831 28.749C15.6935 28.5954 15.5291 28.501 15.3513 28.501H4.73459C4.48577 28.501 4.27481 28.6839 4.23962 28.9303L1.81104 45.9303C1.76801 46.2315 2.00174 46.501 2.30602 46.501H43.3057C43.5502 46.501 43.7588 46.3243 43.7989 46.0832L46.1323 32.0832C46.1831 31.7784 45.948 31.501 45.6391 31.501Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6263_10997">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000976562)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/retiree.svg b/assets/icons/complex/retiree.svg
new file mode 100644
index 00000000..81312e75
--- /dev/null
+++ b/assets/icons/complex/retiree.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.90748C8.65524 7.90748 9.27776 8.04694 9.83928 8.29769C16.7184 -1.43253 31.2817 -1.43256 38.161 8.29759C38.7224 8.04691 39.3449 7.90748 40 7.90748C42.1741 7.90748 43.9882 9.44296 44.4083 11.4844C46.4582 11.9028 48 13.7094 48 15.8745C48 18.2672 46.1172 20.2219 43.7467 20.3494C43.3584 20.9292 42.8381 21.4139 42.2284 21.7606C44.2563 22.2998 45.75 24.1418 45.75 26.3313C45.75 28.909 43.6797 31.0052 41.1047 31.0606C40.0027 39.4901 32.7647 46 24 46C15.2353 46 7.99728 39.4901 6.89526 31.0606C4.32028 31.0052 2.25 28.909 2.25 26.3313C2.25 24.1418 3.74366 22.2998 5.77157 21.7606C5.16194 21.4139 4.64158 20.9292 4.25333 20.3494C1.88277 20.2219 0 18.2672 0 15.8745C0 13.7094 1.54182 11.9028 3.59171 11.4844C4.01185 9.44296 5.82587 7.90748 8 7.90748ZM12.5 12.389C12.5 11.1039 11.9569 9.94524 11.0869 9.12809C17.3728 0.282465 30.6273 0.282405 36.9133 9.1279C36.0432 9.94507 35.5 11.1038 35.5 12.389C35.5 13.4203 35.8498 14.3703 36.4378 15.1276C35.8498 15.885 35.5 16.835 35.5 17.8663C35.5 18.2092 35.5387 18.5431 35.6119 18.8639C34.5574 18.2301 33.3215 17.8655 32 17.8655C28.4735 17.8655 25.5561 20.4624 25.0709 23.8408H22.9291C22.4439 20.4624 19.5265 17.8655 16 17.8655C14.6785 17.8655 13.4426 18.2301 12.3881 18.8639C12.4613 18.5431 12.5 18.2092 12.5 17.8663C12.5 16.835 12.1502 15.885 11.5622 15.1276C12.1502 14.3703 12.5 13.4203 12.5 12.389ZM10.3755 14.2139L9.66621 15.1276L10.3755 16.0413C10.7675 16.5463 11 17.1771 11 17.8663C11 19.5163 9.65685 20.854 8 20.854C6.9594 20.854 6.04162 20.3276 5.50132 19.5206L5.08449 18.8981L4.33425 18.8577C2.75517 18.7728 1.5 17.4691 1.5 15.8745C1.5 14.4328 2.52689 13.2266 3.89288 12.9478L4.86244 12.7499L5.06116 11.7843C5.34113 10.424 6.55234 9.4013 8 9.4013C9.65685 9.4013 11 10.7389 11 12.389C11 13.0781 10.7675 13.709 10.3755 14.2139ZM38.4252 22.0657C38.795 22.915 39 23.852 39 24.8366C39 28.6867 35.866 31.8078 32 31.8078C28.3021 31.8078 25.274 28.9523 25.0176 25.3346H22.9824C22.726 28.9523 19.6979 31.8078 16 31.8078C12.134 31.8078 9 28.6867 9 24.8366C9 23.852 9.20499 22.915 9.5748 22.0657C9.15887 22.2205 8.71379 22.3157 8.25 22.341V28.821C8.25 37.4837 15.3015 44.5062 24 44.5062C32.6985 44.5062 39.75 37.4837 39.75 28.821V22.341C39.2862 22.3157 38.8411 22.2205 38.4252 22.0657ZM3.75 26.3313C3.75 24.6275 5.07189 23.2313 6.75 23.1041V28.821C6.75 29.0685 6.75526 29.3147 6.76566 29.5596C5.08012 29.44 3.75 28.0404 3.75 26.3313ZM41.25 28.821V23.1041C42.9281 23.2313 44.25 24.6275 44.25 26.3313C44.25 28.0404 42.9199 29.44 41.2343 29.5596C41.2447 29.3147 41.25 29.0685 41.25 28.821ZM37.6245 14.2139L38.3338 15.1276L37.6245 16.0413C37.2325 16.5463 37 17.1771 37 17.8663C37 19.5163 38.3431 20.854 40 20.854C41.0406 20.854 41.9584 20.3276 42.4987 19.5206L42.9155 18.8981L43.6658 18.8577C45.2448 18.7728 46.5 17.4691 46.5 15.8745C46.5 14.4328 45.4731 13.2266 44.1071 12.9478L43.1376 12.7499L42.9388 11.7843C42.6589 10.424 41.4477 9.4013 40 9.4013C38.3431 9.4013 37 10.7389 37 12.389C37 13.0781 37.2325 13.709 37.6245 14.2139ZM21.5 24.8366C21.5 27.8617 19.0376 30.314 16 30.314C12.9624 30.314 10.5 27.8617 10.5 24.8366C10.5 21.8116 12.9624 19.3593 16 19.3593C19.0376 19.3593 21.5 21.8116 21.5 24.8366ZM37.5 24.8366C37.5 27.8617 35.0376 30.314 32 30.314C28.9624 30.314 26.5 27.8617 26.5 24.8366C26.5 21.8116 28.9624 19.3593 32 19.3593C35.0376 19.3593 37.5 21.8116 37.5 24.8366ZM19.7374 11.6038C22.5045 10.6852 25.496 10.6852 28.2631 11.6038C28.656 11.7342 29.0808 11.5227 29.2118 11.1314C29.3428 10.74 29.1304 10.317 28.7374 10.1866C25.6625 9.16583 22.338 9.16583 19.2631 10.1866C18.8701 10.317 18.6578 10.74 18.7887 11.1314C18.9197 11.5227 19.3445 11.7342 19.7374 11.6038ZM29.0835 15.5336C25.7207 14.9426 22.2799 14.9426 18.9171 15.5336L15.6306 16.1112C15.2227 16.1829 14.8337 15.9117 14.7617 15.5055C14.6897 15.0992 14.9621 14.7118 15.37 14.6401L18.6564 14.0625C22.1917 13.4412 25.8089 13.4412 29.3442 14.0625L32.6306 14.6401C33.0386 14.7118 33.3109 15.0992 33.2389 15.5055C33.1669 15.9117 32.7779 16.1829 32.37 16.1112L29.0835 15.5336ZM16.5002 26.8283C17.3287 26.8283 18.0002 26.1595 18.0002 25.3345C18.0002 24.5095 17.3287 23.8407 16.5002 23.8407C15.6718 23.8407 15.0002 24.5095 15.0002 25.3345C15.0002 26.1595 15.6718 26.8283 16.5002 26.8283ZM31.5 26.8283C32.3284 26.8283 33 26.1595 33 25.3345C33 24.5095 32.3284 23.8407 31.5 23.8407C30.6716 23.8407 30 24.5095 30 25.3345C30 26.1595 30.6716 26.8283 31.5 26.8283ZM27.2045 36.1006C25.1582 36.974 22.8418 36.974 20.7954 36.1006C20.4147 35.9381 19.9738 36.1138 19.8106 36.4929C19.6474 36.8721 19.8238 37.3112 20.2045 37.4737C22.6282 38.5081 25.3717 38.5081 27.7954 37.4737C28.1761 37.3112 28.3525 36.8721 28.1893 36.4929C28.0262 36.1138 27.5852 35.9381 27.2045 36.1006Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/rings.svg b/assets/icons/complex/rings.svg
new file mode 100644
index 00000000..30c92a44
--- /dev/null
+++ b/assets/icons/complex/rings.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.1388 16.234C22.4662 15.9038 22.4329 15.3516 22.0359 15.1096C19.8398 13.7711 17.26 13 14.5 13C6.49187 13 0 19.4919 0 27.5C0 35.5081 6.49187 42 14.5 42C22.5081 42 29 35.5081 29 27.5C29 24.5133 28.097 21.7374 26.549 19.4307C26.2908 19.0458 25.754 18.9874 25.4241 19.3128C25.1507 19.5826 25.1339 20.0103 25.346 20.3305C26.7072 22.3857 27.5 24.8503 27.5 27.5C27.5 34.6797 21.6797 40.5 14.5 40.5C7.3203 40.5 1.5 34.6797 1.5 27.5C1.5 20.3203 7.3203 14.5 14.5 14.5C16.9461 14.5 19.2344 15.1756 21.1885 16.3504C21.4939 16.534 21.8879 16.487 22.1388 16.234Z" fill="currentColor"/>
+<path d="M46.5 27.5C46.5 34.6797 40.6797 40.5 33.5 40.5C31.0538 40.5 28.7654 39.8244 26.8113 38.6495C26.5059 38.4659 26.1119 38.5129 25.861 38.7659Lnan nanL25.861 38.7659C25.5336 39.096 25.5668 39.6482 25.9639 39.8902C28.16 41.2288 30.7399 42 33.5 42C41.5081 42 48 35.5081 48 27.5C48 19.4919 41.5081 13 33.5 13C25.4919 13 19 19.4919 19 27.5C19 30.4867 19.903 33.2625 21.4509 35.5693C21.7091 35.9541 22.246 36.0126 22.5759 35.6871Lnan nanL22.5759 35.6871C22.8493 35.4173 22.8661 34.9897 22.654 34.6695C21.2927 32.6143 20.5 30.1497 20.5 27.5C20.5 20.3203 26.3203 14.5 33.5 14.5C40.6797 14.5 46.5 20.3203 46.5 27.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1313 6.5L10.6158 8.30446L11.8704 10.5H17.1294L18.384 8.30446L17.8684 6.5H11.1313ZM10.7542 5C10.3077 5 9.91532 5.29598 9.79267 5.72528L9.11563 8.09492C9.04162 8.35395 9.07525 8.63188 9.20891 8.86578L10.712 11.4961C10.89 11.8077 11.2214 12 11.5802 12H17.4196C17.7784 12 18.1098 11.8077 18.2878 11.4961L19.7909 8.86578C19.9245 8.63188 19.9582 8.35395 19.8842 8.09492L19.2071 5.72528C19.0845 5.29598 18.6921 5 18.2456 5H10.7542Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/senate-81.svg b/assets/icons/complex/senate-81.svg
new file mode 100644
index 00000000..7eccb32b
--- /dev/null
+++ b/assets/icons/complex/senate-81.svg
@@ -0,0 +1,15 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11940)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.019 28.5388C22.9977 28.2635 23.2035 28.022 23.4794 28.0111C23.6522 28.0043 23.8258 28.0009 24.0002 28.0009C24.1746 28.0009 24.3482 28.0043 24.521 28.0111C24.7969 28.022 25.0028 28.2635 24.9814 28.5388L24.9039 29.5358C24.8825 29.8111 24.642 30.0158 24.366 30.0068C24.2446 30.0029 24.1227 30.0009 24.0002 30.0009C23.8778 30.0009 23.7558 30.0029 23.6344 30.0068C23.3584 30.0158 23.1179 29.8111 23.0965 29.5358L23.019 28.5388ZM26.9191 28.8436C26.9834 28.575 27.2535 28.4085 27.5194 28.4831C27.8557 28.5774 28.1865 28.685 28.5113 28.8052C28.7702 28.901 28.891 29.1945 28.7852 29.4496L28.4021 30.3733C28.2964 30.6284 28.0042 30.7482 27.7445 30.6543C27.5176 30.5721 27.2871 30.4972 27.0535 30.4299C26.7882 30.3534 26.6222 30.0847 26.6864 29.8162L26.9191 28.8436ZM19.2152 29.4496C19.1095 29.1945 19.2302 28.901 19.4892 28.8052C19.8139 28.685 20.1447 28.5774 20.4811 28.4831C20.7469 28.4085 21.0171 28.575 21.0813 28.8436L21.314 29.8162C21.3783 30.0847 21.2122 30.3534 20.9469 30.4299C20.7133 30.4972 20.4829 30.5721 20.2559 30.6543C19.9962 30.7482 19.7041 30.6284 19.5983 30.3733L19.2152 29.4496ZM30.5326 30.3415C30.6771 30.1062 30.9856 30.0318 31.2152 30.1852C31.5043 30.3785 31.7852 30.583 32.0573 30.7981C32.2739 30.9694 32.298 31.2858 32.1186 31.4957L31.4688 32.2558C31.2893 32.4657 30.9744 32.4894 30.7566 32.3197C30.5652 32.1705 30.3688 32.0275 30.1676 31.891C29.9391 31.736 29.8648 31.429 30.0093 31.1937L30.5326 30.3415ZM15.8818 31.4957C15.7024 31.2858 15.7265 30.9694 15.9431 30.7981C16.2152 30.583 16.4961 30.3785 16.7853 30.1852C17.0148 30.0318 17.3233 30.1062 17.4678 30.3416L17.9911 31.1937C18.1356 31.429 18.0613 31.736 17.8328 31.891C17.6316 32.0275 17.4352 32.1705 17.2438 32.3197C17.026 32.4894 16.7111 32.4657 16.5316 32.2558L15.8818 31.4957ZM33.5054 32.8825C33.7153 32.7031 34.0317 32.7272 34.203 32.9438C34.4181 33.2158 34.6226 33.4968 34.8158 33.7859C34.9693 34.0155 34.8948 34.324 34.6595 34.4685L33.8074 34.9918C33.5721 35.1363 33.2651 35.062 33.1101 34.8334C32.9736 34.6323 32.8306 34.4358 32.6814 34.2445C32.5116 34.0267 32.5354 33.7117 32.7453 33.5323L33.5054 32.8825ZM13.3409 34.4685C13.1056 34.324 13.0312 34.0155 13.1846 33.7859C13.3778 33.4968 13.5823 33.2158 13.7975 32.9438C13.9687 32.7272 14.2852 32.7031 14.4951 32.8825L15.2552 33.5323C15.4651 33.7117 15.4888 34.0267 15.319 34.2445C15.1698 34.4358 15.0268 34.6323 14.8904 34.8334C14.7353 35.062 14.4284 35.1363 14.1931 34.9918L13.3409 34.4685ZM35.5515 36.2159C35.8066 36.1101 36.1001 36.2308 36.1959 36.4898C36.3161 36.8145 36.4236 37.1454 36.518 37.4817C36.5926 37.7476 36.426 38.0177 36.1575 38.082L35.1849 38.3146C34.9163 38.3789 34.6477 38.2129 34.5712 37.9475C34.5038 37.7139 34.429 37.4835 34.3468 37.2565C34.2528 36.9969 34.3727 36.7047 34.6278 36.5989L35.5515 36.2159ZM11.843 38.082C11.5744 38.0177 11.4078 37.7476 11.4824 37.4817C11.5768 37.1454 11.6844 36.8145 11.8045 36.4898C11.9003 36.2308 12.1938 36.1101 12.4489 36.2159L13.3726 36.5989C13.6277 36.7047 13.7476 36.9969 13.6536 37.2565C13.5715 37.4835 13.4966 37.7139 13.4292 37.9475C13.3527 38.2129 13.0841 38.3789 12.8155 38.3146L11.843 38.082Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8907 32.5727C22.8549 32.2989 23.0479 32.0465 23.3233 32.026C23.5469 32.0093 23.7727 32.0009 24.0002 32.0009C24.2278 32.0009 24.4535 32.0093 24.6771 32.026C24.9525 32.0465 25.1455 32.2989 25.1098 32.5727L24.9804 33.5643C24.9447 33.8381 24.6937 34.0293 24.4181 34.0131C24.2799 34.005 24.1406 34.0009 24.0002 34.0009C23.8598 34.0009 23.7205 34.005 23.5824 34.0131C23.3067 34.0293 23.0557 33.8381 23.02 33.5643L22.8907 32.5727ZM27.254 33.146C27.3598 32.891 27.6531 32.7687 27.9019 32.8885C28.3112 33.0857 28.7033 33.3129 29.0751 33.5672C29.3031 33.7231 29.3434 34.0382 29.1751 34.2572L28.5658 35.0501C28.3976 35.2691 28.0846 35.3085 27.8542 35.1563C27.6233 35.0036 27.3829 34.8644 27.1341 34.7396C26.8872 34.6158 26.7652 34.3248 26.871 34.0698L27.254 33.146ZM18.8253 34.2572C18.657 34.0382 18.6974 33.7231 18.9253 33.5672C19.2971 33.3129 19.6892 33.0857 20.0986 32.8885C20.3474 32.7687 20.6406 32.891 20.7464 33.146L21.1294 34.0698C21.2352 34.3248 21.1132 34.6158 20.8664 34.7396C20.6176 34.8644 20.3772 35.0036 20.1462 35.1563C19.9159 35.3085 19.6029 35.2691 19.4346 35.0501L18.8253 34.2572ZM30.7439 35.8259C30.9628 35.6577 31.278 35.698 31.4339 35.9259C31.6882 36.2978 31.9154 36.6898 32.1126 37.0992C32.2324 37.348 32.1101 37.6412 31.855 37.747L30.9313 38.1301C30.6762 38.2359 30.3853 38.1138 30.2615 37.867C30.1367 37.6182 29.9974 37.3778 29.8448 37.1469C29.6925 36.9165 29.732 36.6035 29.9509 36.4352L30.7439 35.8259ZM16.1454 37.747C15.8903 37.6412 15.768 37.348 15.8879 37.0992C16.0851 36.6898 16.3123 36.2978 16.5666 35.9259C16.7224 35.698 17.0376 35.6577 17.2566 35.8259L18.0495 36.4352C18.2684 36.6035 18.3079 36.9165 18.1556 37.1469C18.003 37.3778 17.8637 37.6182 17.7389 37.867C17.6151 38.1138 17.3242 38.2359 17.0691 38.1301L16.1454 37.747ZM32.4284 39.8913C32.7022 39.8556 32.9546 40.0486 32.9751 40.324C32.9918 40.5476 33.0002 40.7733 33.0002 41.0009C33.0002 41.2284 32.9918 41.4541 32.9751 41.6777C32.9546 41.9531 32.7022 42.1461 32.4284 42.1104L31.4368 41.9811C31.163 41.9453 30.9718 41.6944 30.988 41.4187C30.9961 41.2806 31.0002 41.1412 31.0002 41.0009C31.0002 40.8605 30.9961 40.7212 30.988 40.583C30.9718 40.3073 31.163 40.0564 31.4368 40.0207L32.4284 39.8913ZM15.0002 41.0009C15.0002 40.7733 15.0087 40.5476 15.0253 40.324C15.0458 40.0486 15.2982 39.8556 15.572 39.8913L16.5636 40.0207C16.8375 40.0564 17.0286 40.3073 17.0124 40.583C17.0043 40.7212 17.0002 40.8605 17.0002 41.0009C17.0002 41.1412 17.0043 41.2806 17.0124 41.4187C17.0286 41.6944 16.8375 41.9453 16.5636 41.9811L15.572 42.1104C15.2982 42.1461 15.0458 41.9531 15.0253 41.6777C15.0087 41.4541 15.0002 41.2284 15.0002 41.0009Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9205 24.5356C22.9027 24.2601 23.1117 24.0215 23.3876 24.0117C23.591 24.0045 23.7952 24.0009 24.0002 24.0009C24.2052 24.0009 24.4094 24.0045 24.6128 24.0117C24.8888 24.0215 25.0977 24.2601 25.0799 24.5356L25.0154 25.5336C24.9976 25.8091 24.7598 26.0172 24.4838 26.0085C24.3232 26.0034 24.162 26.0009 24.0002 26.0009C23.8384 26.0009 23.6772 26.0034 23.5166 26.0085C23.2406 26.0172 23.0028 25.8091 22.985 25.5336L22.9205 24.5356ZM27.2198 24.8149C27.2734 24.544 27.5367 24.3671 27.8059 24.4287C28.2064 24.5203 28.6015 24.6261 28.9907 24.7454C29.2547 24.8264 29.3946 25.111 29.3058 25.3725L28.9844 26.3195C28.8957 26.581 28.612 26.7202 28.3477 26.6403C28.0416 26.5478 27.7315 26.4648 27.4175 26.3916C27.1486 26.329 26.9722 26.0668 27.0258 25.7959L27.2198 24.8149ZM18.6946 25.3725C18.6059 25.111 18.7457 24.8264 19.0097 24.7454C19.3989 24.6261 19.7941 24.5203 20.1946 24.4287C20.4638 24.3671 20.727 24.544 20.7806 24.8149L20.9747 25.7959C21.0282 26.0668 20.8519 26.329 20.5829 26.3916C20.2689 26.4648 19.9588 26.5478 19.6528 26.6403C19.3884 26.7202 19.1047 26.581 19.016 26.3195L18.6946 25.3725ZM31.2999 26.1994C31.4222 25.9518 31.7224 25.8496 31.9663 25.9792C32.3278 26.1713 32.6815 26.376 33.0269 26.5928C33.2608 26.7396 33.3218 27.0509 33.1682 27.2803L32.6119 28.1113C32.4583 28.3408 32.1482 28.4015 31.9137 28.2556C31.6414 28.0862 31.3634 27.9252 31.0799 27.7731C30.8365 27.6426 30.7346 27.3435 30.8569 27.0959L31.2999 26.1994ZM14.8322 27.2803C14.6786 27.0509 14.7397 26.7396 14.9736 26.5928C15.3189 26.376 15.6726 26.1713 16.0342 25.9792C16.278 25.8496 16.5783 25.9518 16.7006 26.1994L17.1435 27.0959C17.2659 27.3435 17.1639 27.6426 16.9205 27.7731C16.637 27.9252 16.359 28.0862 16.0867 28.2556C15.8523 28.4015 15.5421 28.3408 15.3885 28.1113L14.8322 27.2803ZM34.8796 28.5954C35.0618 28.3879 35.3783 28.3667 35.5804 28.5549C35.8792 28.8331 36.168 29.1219 36.4462 29.4207C36.6343 29.6228 36.6132 29.9393 36.4057 30.1214L35.6541 30.7811C35.4465 30.9632 35.1312 30.942 34.9423 30.7406C34.7223 30.5061 34.4949 30.2787 34.2604 30.0588C34.059 29.8698 34.0378 29.5545 34.22 29.347L34.8796 28.5954ZM11.5948 30.1214C11.3872 29.9393 11.3661 29.6228 11.5542 29.4207C11.8324 29.1219 12.1212 28.8331 12.42 28.5549C12.6222 28.3667 12.9386 28.3879 13.1208 28.5954L13.7804 29.347C13.9626 29.5545 13.9414 29.8698 13.74 30.0588C13.5055 30.2787 13.2781 30.5061 13.0581 30.7406C12.8692 30.942 12.5539 30.9632 12.3464 30.7811L11.5948 30.1214ZM37.7207 31.8328C37.9502 31.6792 38.2614 31.7403 38.4082 31.9742C38.625 32.3195 38.8298 32.6733 39.0219 33.0348C39.1514 33.2787 39.0492 33.5789 38.8017 33.7012L37.9051 34.1442C37.6576 34.2665 37.3585 34.1645 37.2279 33.9212C37.0758 33.6377 36.9149 33.3596 36.7455 33.0874C36.5996 32.8529 36.6603 32.5428 36.8898 32.3892L37.7207 31.8328ZM9.19876 33.7012C8.95119 33.5789 8.84898 33.2787 8.97855 33.0348C9.17065 32.6733 9.37539 32.3195 9.59218 31.9742C9.73899 31.7403 10.0502 31.6792 10.2797 31.8328L11.1106 32.3892C11.3401 32.5428 11.4008 32.8529 11.2549 33.0874C11.0855 33.3596 10.9246 33.6377 10.7725 33.9212C10.642 34.1645 10.3429 34.2665 10.0953 34.1442L9.19876 33.7012Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+<path d="M23.9559 42.3215C23.9559 42.6876 23.8704 42.9962 23.6994 43.2473C23.5284 43.4958 23.2933 43.6842 22.994 43.8125C22.6974 43.9381 22.3607 44.0009 21.984 44.0009C21.6072 44.0009 21.2692 43.9381 20.9699 43.8125C20.6707 43.6842 20.4342 43.4958 20.2605 43.2473C20.0868 42.9962 20 42.6876 20 42.3215C20 42.0757 20.0494 41.8539 20.1483 41.6562C20.2472 41.4558 20.3848 41.2848 20.5611 41.1431C20.7401 40.9989 20.9499 40.8893 21.1904 40.8145C21.4309 40.737 21.6927 40.6982 21.976 40.6982C22.3554 40.6982 22.6947 40.765 22.994 40.8987C23.2933 41.0323 23.5284 41.2206 23.6994 41.4638C23.8704 41.7069 23.9559 41.9928 23.9559 42.3215ZM22.7936 42.2453C22.7936 42.0663 22.7589 41.9127 22.6894 41.7844C22.6226 41.6535 22.5277 41.5533 22.4048 41.4838C22.2819 41.4143 22.1389 41.3796 21.976 41.3796C21.813 41.3796 21.67 41.4143 21.5471 41.4838C21.4242 41.5533 21.328 41.6535 21.2585 41.7844C21.1917 41.9127 21.1583 42.0663 21.1583 42.2453C21.1583 42.4217 21.1917 42.574 21.2585 42.7023C21.328 42.8305 21.4242 42.9294 21.5471 42.9989C21.6727 43.0657 21.8183 43.0991 21.984 43.0991C22.1496 43.0991 22.2926 43.0657 22.4128 42.9989C22.5357 42.9294 22.6293 42.8305 22.6934 42.7023C22.7602 42.574 22.7936 42.4217 22.7936 42.2453ZM23.8317 39.6321C23.8317 39.9287 23.7528 40.1919 23.5952 40.4217C23.4375 40.6488 23.2184 40.8265 22.9379 40.9548C22.66 41.083 22.342 41.1471 21.984 41.1471C21.6232 41.1471 21.3026 41.083 21.022 40.9548C20.7415 40.8265 20.5224 40.6488 20.3647 40.4217C20.2071 40.1919 20.1283 39.9287 20.1283 39.6321C20.1283 39.2794 20.2071 38.9828 20.3647 38.7423C20.5251 38.4992 20.7442 38.3148 21.022 38.1892C21.3026 38.0636 21.6206 38.0009 21.976 38.0009C22.3367 38.0009 22.656 38.0636 22.9339 38.1892C23.2144 38.3148 23.4335 38.4992 23.5912 38.7423C23.7515 38.9828 23.8317 39.2794 23.8317 39.6321ZM22.6774 39.6842C22.6774 39.5266 22.6493 39.3903 22.5932 39.2754C22.5371 39.1578 22.4569 39.067 22.3527 39.0029C22.2512 38.9387 22.1256 38.9067 21.976 38.9067C21.8317 38.9067 21.7074 38.9374 21.6032 38.9989C21.5017 39.0603 21.4228 39.1498 21.3667 39.2674C21.3133 39.3823 21.2866 39.5212 21.2866 39.6842C21.2866 39.8419 21.3133 39.9808 21.3667 40.1011C21.4228 40.2186 21.503 40.3108 21.6072 40.3776C21.7114 40.4444 21.837 40.4778 21.984 40.4778C22.1309 40.4778 22.2552 40.4444 22.3567 40.3776C22.4609 40.3108 22.5397 40.2186 22.5932 40.1011C22.6493 39.9808 22.6774 39.8419 22.6774 39.6842Z" fill="currentColor"/>
+<path d="M27.6537 38.073V43.9207H26.4994V39.4037L25.1126 39.8445V38.9347L27.5295 38.073H27.6537Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11940">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/senate.svg b/assets/icons/complex/senate.svg
new file mode 100644
index 00000000..b434a378
--- /dev/null
+++ b/assets/icons/complex/senate.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7051_11941)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34 34.0009C34 39.5237 29.5228 44.0009 24 44.0009C18.4772 44.0009 14 39.5237 14 34.0009C14 28.478 18.4772 24.0009 24 24.0009C29.5228 24.0009 34 28.478 34 34.0009ZM32.5 34.0009C32.5 38.6953 28.6944 42.5009 24 42.5009C22.6199 42.5009 21.3167 42.172 20.1643 41.5883C20.196 41.432 20.2499 41.284 20.3261 41.1444C20.4203 40.985 20.5978 40.9053 20.8587 40.9053C20.9674 40.9053 21.3949 41.0357 22.1413 41.2966C22.8949 41.5574 23.6159 41.6879 24.3043 41.6879C25.6739 41.6879 26.7971 41.2966 27.6739 40.5139C28.558 39.7313 29 38.7567 29 37.59C29 36.7205 28.7536 35.9668 28.2609 35.3292C27.7609 34.6987 26.8986 34.0067 25.6739 33.2531L23.7174 32.0466C22.9855 31.5973 22.4457 31.1661 22.0978 30.7531C21.75 30.3473 21.5761 29.8582 21.5761 29.2857C21.5761 28.648 21.8007 28.1516 22.25 27.7966C22.7065 27.4342 23.2391 27.2531 23.8478 27.2531C24.6304 27.2531 25.4203 27.5357 26.2174 28.1009C27.0217 28.6661 27.6051 29.6625 27.9674 31.09H28.5L28.0277 26.5138C30.6904 27.9493 32.5 30.7637 32.5 34.0009ZM27.5375 26.2697C26.4604 25.776 25.2624 25.5009 24 25.5009C19.3056 25.5009 15.5 29.3064 15.5 34.0009C15.5 37.0892 17.1471 39.7929 19.6107 41.2814L19 36.9161H19.5109C19.8877 37.9161 20.3297 38.7132 20.837 39.3074C21.721 40.3437 22.8188 40.8618 24.1304 40.8618C24.8406 40.8618 25.4529 40.6371 25.9674 40.1879C26.4891 39.7386 26.75 39.1118 26.75 38.3074C26.75 37.5828 26.4891 36.9524 25.9674 36.4161C25.6268 36.0755 24.9094 35.5647 23.8152 34.8835L21.913 33.6987C21.3406 33.3364 20.8841 32.9705 20.5435 32.6009C19.913 31.898 19.5978 31.1226 19.5978 30.2748C19.5978 29.1516 19.971 28.2168 20.7174 27.4705C21.4638 26.7241 22.4529 26.3509 23.6848 26.3509C24.192 26.3509 24.8007 26.4777 25.5109 26.7313C26.2283 26.9777 26.6377 27.1009 26.7391 27.1009C27.0145 27.1009 27.2029 27.0357 27.3043 26.9053C27.4029 26.7869 27.4807 26.5004 27.5375 26.2697Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4409 10.5009L36.2132 8.72857L27.7279 0.243286L17.4704 10.5009H7.16065C6.44293 10.5009 5.78024 10.8854 5.42416 11.5086L0.263514 20.5397C0.0908306 20.8419 0 21.1839 0 21.532V46.0009C0 47.1054 0.895432 48.0009 2 48.0009H46C47.1046 48.0009 48 47.1054 48 46.0009V21.532C48 21.1839 47.9092 20.8419 47.7365 20.5397L42.5758 11.5086C42.2198 10.8854 41.5571 10.5009 40.8394 10.5009H34.4409ZM27.7279 2.36461L17.1213 12.9712L19.151 15.0009H27.8196L34.0919 8.72857L27.7279 2.36461ZM15 12.9712L17.0296 15.0009H12.75C12.3358 15.0009 12 15.3366 12 15.7509C12 16.1651 12.3358 16.5009 12.75 16.5009H35.25C35.6642 16.5009 36 16.1651 36 15.7509C36 15.3366 35.6642 15.0009 35.25 15.0009H29.9409L32.9409 12.0009H40.8394C41.0188 12.0009 41.1845 12.097 41.2735 12.2528L45.7009 20.0009H2.29905L6.72652 12.2528C6.81555 12.097 6.98122 12.0009 7.16065 12.0009H15.9704L15 12.9712ZM1.50097 21.5009C1.50032 21.5112 1.5 21.5216 1.5 21.532V46.0009C1.5 46.277 1.72386 46.5009 2 46.5009H46C46.2761 46.5009 46.5 46.277 46.5 46.0009V21.532C46.5 21.5216 46.4997 21.5112 46.499 21.5009H1.50097Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_7051_11941">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/senior.svg b/assets/icons/complex/senior.svg
new file mode 100644
index 00000000..f74aa030
--- /dev/null
+++ b/assets/icons/complex/senior.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0744 6.93752L22.0659 6.93294L22.0247 6.91107C21.987 6.8912 21.9297 6.86142 21.8567 6.82463C21.7099 6.75068 21.5036 6.65044 21.2678 6.54631C20.76 6.32214 20.2495 6.14075 19.9113 6.09169C19.1058 5.97486 18.108 6.22345 17.132 6.6833C16.4149 7.02122 15.8473 7.40699 15.5281 7.66008V11.4546C15.9537 11.8983 16.2167 12.5005 16.2167 13.1674V15.1253C16.2167 15.7923 15.9537 16.3944 15.5281 16.8381V44.2484L15.5283 44.3484C15.5295 44.8754 15.5315 45.7003 15.2667 46.3829C15.1008 46.8108 14.808 47.2605 14.3086 47.5831C13.8223 47.8972 13.28 48 12.7713 48C12.2625 48 11.7202 47.8972 11.2339 47.5831C10.7346 47.2605 10.4418 46.8108 10.2758 46.3829C10.011 45.7003 10.013 44.8754 10.0142 44.3484L10.0144 44.2484V16.8381C9.58887 16.3944 9.32587 15.7923 9.32587 15.1253V13.1674C9.32587 12.5238 9.57082 11.9405 9.97041 11.5017C9.95928 11.3224 9.95695 11.1435 9.95516 11.0062L9.9541 10.9301C9.94922 10.6234 9.94231 10.3098 9.91186 9.98954C9.8463 9.30003 9.69154 8.85111 9.48625 8.61504C9.36363 8.47402 9.18771 8.37615 8.63703 8.23633C8.59207 8.22492 8.53966 8.21255 8.48097 8.1987C8.00846 8.08719 7.12868 7.87957 6.45107 7.2997C4.78169 5.87112 4.38094 3.12044 6.16318 1.34671C6.87942 0.63389 7.78628 0.142629 8.8772 0.351814C9.72893 0.515137 10.4241 1.09183 10.8549 1.44924L10.8719 1.46332C11.0549 1.6151 11.3703 1.69506 11.7117 1.57795C12.8753 1.17882 14.523 0.670779 16.2383 0.33474C17.9707 -0.00467283 19.4474 -0.11926 21.4765 0.147483L21.5825 0.161343C22.2414 0.247253 23.3915 0.397213 24.5616 0.756698C25.7699 1.1279 27.2349 1.79005 28.1982 3.06474C28.9464 4.05483 28.9739 5.12381 28.9894 5.72402C28.9914 5.80111 28.9932 5.87047 28.9963 5.93093C29.0297 6.585 28.9059 7.30343 28.4157 7.88239C27.9186 8.46956 27.2585 8.66186 26.7509 8.70398C25.8274 8.78061 24.9061 8.41464 24.4485 8.19275C24.0255 7.98762 23.4227 7.66828 22.9439 7.41063C22.7005 7.27967 22.4822 7.16089 22.3248 7.07484L22.1381 6.97259L22.0871 6.94451L22.0744 6.93752ZM11.5144 44.2484V16.75H14.0281V44.2484C14.0281 45.4919 14.0207 46.5 12.7713 46.5C11.5218 46.5 11.5144 45.4919 11.5144 44.2484ZM14.0281 7.35367V11.5H11.4738C11.461 11.3606 11.4581 11.1738 11.4547 10.955C11.4403 10.0354 11.417 8.54941 10.6181 7.63074C10.1191 7.05689 9.45427 6.89269 8.81505 6.73482C8.30286 6.60832 7.80713 6.48589 7.42635 6.16003C6.33866 5.22924 6.13514 3.49088 7.2213 2.40991C8.26079 1.37538 8.94656 1.81528 9.91435 2.61791C10.5299 3.12846 11.4006 3.27045 12.1984 2.9968C13.3275 2.60952 14.9041 2.12464 16.5267 1.80676C18.1277 1.49308 19.4391 1.39255 21.281 1.63469L21.375 1.64701C22.7302 1.82421 25.6712 2.20877 27.0015 3.9691C27.442 4.55199 27.4636 5.12422 27.487 5.7423C27.4903 5.82969 27.4937 5.91809 27.4982 6.00747C27.5856 7.71829 25.8855 7.22251 25.103 6.84306C24.3205 6.46361 22.7932 5.62097 22.7932 5.62097C22.7932 5.62097 21.2297 4.76722 20.1266 4.60722C17.6753 4.25168 14.8648 6.13526 14.1944 6.84306C14.0991 6.94366 14.0281 7.11233 14.0281 7.35367Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6233 21.7398C29.0319 21.6717 29.3079 21.2853 29.2398 20.8767C29.1717 20.4681 28.7853 20.1921 28.3767 20.2602L26.9803 20.4929C25.7301 20.7013 24.6704 21.5262 24.1596 22.6851L24.0784 22.8695C23.4765 24.2351 22.7765 25.8235 22.2184 27.1284C21.9674 27.7152 21.7432 28.249 21.5688 28.6817C21.2055 29.3747 21 30.1633 21 31C21 33.7614 23.2386 36 26 36C28.7614 36 31 33.7614 31 31C31 30.6389 30.9617 30.2868 30.889 29.9474C31.6121 29.7213 32.3879 29.7213 33.111 29.9475C33.0383 30.2868 33 30.6389 33 31C33 33.7614 35.2386 36 38 36C40.7614 36 43 33.7614 43 31C43 30.1633 42.7945 29.3747 42.4312 28.6817C42.2568 28.249 42.0326 27.7152 41.7816 27.1284C41.2235 25.8236 40.5235 24.2352 39.9217 22.8696L39.8404 22.6851C39.3296 21.5262 38.2699 20.7013 37.0197 20.4929L35.6233 20.2602C35.2147 20.1921 34.8283 20.4681 34.7602 20.8767C34.6921 21.2853 34.9681 21.6717 35.3767 21.7398L36.7731 21.9725C37.5236 22.0976 38.1605 22.5929 38.4677 23.29L38.5486 23.4734C38.9491 24.3822 39.391 25.3849 39.8051 26.3358C39.2452 26.1189 38.6365 26 38 26C36.1315 26 34.5023 27.025 33.6441 28.5434C32.577 28.1893 31.423 28.1893 30.3559 28.5433C29.4977 27.025 27.8685 26 26 26C25.3635 26 24.7548 26.1189 24.1949 26.3358C24.6091 25.3848 25.051 24.382 25.4515 23.4732L25.5323 23.29C25.8395 22.5929 26.4764 22.0976 27.2269 21.9725L28.6233 21.7398ZM41.1167 29.4346L41.071 29.3196C40.4763 28.2352 39.324 27.5 38 27.5C36.067 27.5 34.5 29.067 34.5 31C34.5 32.933 36.067 34.5 38 34.5C39.933 34.5 41.5 32.933 41.5 31C41.5 30.781 41.4799 30.5668 41.4414 30.359C41.3964 30.2765 41.3664 30.1847 41.3551 30.0872C41.3481 30.0618 41.3353 30.0208 41.3149 29.9611C41.2714 29.8342 41.2048 29.6573 41.1167 29.4346ZM22.5586 30.359C22.6036 30.2765 22.6336 30.1847 22.6449 30.0872C22.6519 30.0618 22.6647 30.0208 22.6851 29.9611C22.7286 29.8342 22.7952 29.6573 22.8833 29.4346L22.929 29.3196C23.5237 28.2352 24.676 27.5 26 27.5C27.933 27.5 29.5 29.067 29.5 31C29.5 32.933 27.933 34.5 26 34.5C24.067 34.5 22.5 32.933 22.5 31C22.5 30.781 22.5201 30.5668 22.5586 30.359Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/settings.svg b/assets/icons/complex/settings.svg
new file mode 100644
index 00000000..cb976e1d
--- /dev/null
+++ b/assets/icons/complex/settings.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3039_9134)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.76 10.8661C41.76 13.0752 39.9691 14.8661 37.76 14.8661C35.5509 14.8661 33.76 13.0752 33.76 10.8661C33.76 8.65695 35.5509 6.86609 37.76 6.86609C39.9691 6.86609 41.76 8.65695 41.76 10.8661ZM40.26 10.8661C40.26 12.2468 39.1407 13.3661 37.76 13.3661C36.3793 13.3661 35.26 12.2468 35.26 10.8661C35.26 9.48538 36.3793 8.36609 37.76 8.36609C39.1407 8.36609 40.26 9.48538 40.26 10.8661Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.027 3.39743L40.6931 3.25105L40.4192 1.9975C40.2282 1.12372 39.4545 0.500854 38.5601 0.500854H36.9589C36.0654 0.500854 35.2923 1.12249 35.1004 1.99515L34.824 3.25194L34.4929 3.39722C33.9404 3.63927 33.4155 3.94222 32.9297 4.29976L32.6369 4.51374L31.4112 4.12319C30.5586 3.85152 29.6318 4.21061 29.1849 4.98587L28.382 6.37846C27.9354 7.15312 28.0884 8.13424 28.7496 8.73616L29.6988 9.60023L29.6591 9.95978L29.6589 9.96158C29.5911 10.5629 29.5911 11.17 29.6589 11.7708L29.6591 11.7727L29.6988 12.1314L28.7487 12.9976C28.0879 13.5999 27.9356 14.5811 28.3826 15.3554L29.1831 16.7417C29.6303 17.5163 30.5566 17.8749 31.4088 17.6034L32.6342 17.213L32.9251 17.4258L32.9264 17.4267C33.1754 17.6097 33.4348 17.7788 33.7055 17.9333C33.9586 18.0798 34.2165 18.2113 34.4822 18.3301L34.4924 18.3346L34.8263 18.481L35.1003 19.7346C35.2912 20.6083 36.0649 21.2312 36.9594 21.2312H38.56C39.4545 21.2312 40.2283 20.6082 40.4192 19.7344L40.6932 18.4799L41.027 18.3335L41.0315 18.3316C41.5799 18.089 42.1027 17.788 42.589 17.4317L42.8821 17.2172L44.11 17.6081C44.9621 17.8793 45.8881 17.5207 46.3352 16.7463L47.1357 15.3598C47.5828 14.5855 47.4304 13.6043 46.7696 13.002L45.8195 12.1359L45.8592 11.7767L45.8595 11.7745C45.9272 11.1734 45.9272 10.5665 45.8594 9.96601L45.8592 9.96383L45.8194 9.60438L46.7718 8.73494C47.4319 8.13237 47.5837 7.15165 47.1367 6.37772L46.3351 4.98997C45.8879 4.21565 44.9619 3.85718 44.1098 4.12853L42.8826 4.51936L42.5915 4.30662L42.5895 4.30517C42.1055 3.94924 41.5847 3.64626 41.0361 3.40142L41.027 3.39743ZM41.7025 5.51479C41.3045 5.2219 40.8761 4.97261 40.4248 4.77122L39.3909 4.31799L38.9538 2.31778C38.9133 2.13275 38.7495 2.00085 38.5601 2.00085H36.9589C36.7697 2.00085 36.606 2.13249 36.5654 2.31728L36.1252 4.3191L35.0946 4.77122C34.6427 4.96915 34.2142 5.21667 33.8169 5.50925L32.9071 6.17414L30.9558 5.55239C30.7753 5.49486 30.579 5.57091 30.4844 5.73507L29.6815 7.12766C29.5869 7.2917 29.6193 7.49946 29.7593 7.62692L31.2737 9.00546L31.1496 10.128C31.0942 10.6189 31.0942 11.1143 31.1496 11.6041L31.2737 12.7255L29.7592 14.1061C29.6193 14.2337 29.587 14.4414 29.6817 14.6054L30.4821 15.9917C30.5768 16.1558 30.7729 16.2317 30.9534 16.1742L32.9049 15.5524L33.8136 16.2173C34.0186 16.368 34.2314 16.5065 34.453 16.6328C34.6613 16.7536 34.8741 16.8622 35.0946 16.9608L36.1285 17.4141L36.5657 19.4143C36.6061 19.5993 36.77 19.7312 36.9594 19.7312H38.56C38.7495 19.7312 38.9133 19.5993 38.9537 19.4142L39.3909 17.413L40.4248 16.9597C40.8758 16.7603 41.3047 16.5132 41.7025 16.2217L42.6112 15.5568L44.565 16.1787C44.7454 16.2362 44.9415 16.1602 45.0362 15.9963L45.8367 14.6098C45.9313 14.4459 45.8991 14.2381 45.7591 14.1105L44.2446 12.7299L44.3687 11.6085C44.4241 11.1176 44.4241 10.6222 44.3687 10.1324L44.2446 9.01099L45.7605 7.62712C45.9003 7.49952 45.9325 7.29185 45.8378 7.12797L45.0362 5.74021C44.9415 5.57624 44.7454 5.50033 44.565 5.55779L42.6123 6.17968L41.7025 5.51479Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2724 29.2141C23.2724 32.8602 20.3167 35.816 16.6706 35.816C13.0246 35.816 10.0688 32.8602 10.0688 29.2141C10.0688 25.568 13.0246 22.6122 16.6706 22.6122C20.3167 22.6122 23.2724 25.568 23.2724 29.2141ZM21.7724 29.2141C21.7724 32.0318 19.4883 34.316 16.6706 34.316C13.853 34.316 11.5688 32.0318 11.5688 29.2141C11.5688 26.3964 13.853 24.1122 16.6706 24.1122C19.4883 24.1122 21.7724 26.3964 21.7724 29.2141Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7285 42.2019L11.5362 41.6792C11.0896 41.4795 10.6571 41.2588 10.233 41.0132C9.78073 40.7551 9.34705 40.4726 8.93007 40.1662L8.92829 40.1649L7.89191 39.4065L5.06561 40.3071C4.06534 40.6258 2.97812 40.2049 2.45321 39.2958L0.996166 36.7721C0.471444 35.8632 0.650217 34.7116 1.42578 34.0047L3.61841 32.0059L3.47689 30.7271L3.47668 30.7253C3.3634 29.7227 3.36345 28.7092 3.47665 27.7051L3.47684 27.7033L3.61841 26.4228L1.42685 24.4278C0.650756 23.7213 0.471217 22.5698 0.995401 21.6606L2.45691 19.1255C2.98151 18.2156 4.06924 17.7941 5.07 18.113L7.89646 19.0136L8.93554 18.2542C9.74746 17.6565 10.6232 17.1507 11.5468 16.7462L12.7235 16.23L13.3609 13.3309C13.5861 12.3067 14.4936 11.577 15.5424 11.577H18.457C19.5068 11.577 20.4149 12.3081 20.639 13.3337L21.2716 16.2282L22.4627 16.7503C23.3816 17.1603 24.2537 17.6678 25.0642 18.264L25.0663 18.2656L26.1038 19.0238L28.9329 18.1227C29.9329 17.8043 31.0198 18.225 31.5447 19.1338L33.0039 21.6601C33.5285 22.5685 33.3504 23.7195 32.5757 24.4268L30.3796 26.4315L30.5212 27.711L30.5215 27.7131C30.6347 28.7155 30.6346 29.7287 30.5215 30.7326L30.5213 30.7348L30.3797 32.014L32.5723 34.0127C33.3479 34.7197 33.5267 35.8713 33.0019 36.7801L31.5448 39.304C31.02 40.2129 29.9331 40.6339 28.933 40.3155L26.1024 39.4145L25.0638 40.1744C24.2514 40.7695 23.3763 41.2737 22.4582 41.6797L22.4537 41.6817L21.2717 42.1998L20.639 45.0962C20.415 46.1218 19.5068 46.853 18.4569 46.853H15.5431C14.4933 46.853 13.5852 46.122 13.3611 45.0964L12.7285 42.2019ZM12.1487 40.3099C11.7472 40.1304 11.3599 39.9327 10.9807 39.7128C10.5773 39.4828 10.1899 39.2307 9.81676 38.9563L8.16265 37.746L4.61021 38.8779C4.28171 38.9826 3.92464 38.8443 3.75225 38.5458L2.2952 36.0221C2.12288 35.7236 2.18159 35.3454 2.4363 35.1132L5.19331 32.6L4.96738 30.5585C4.86652 29.6669 4.86652 28.7652 4.96738 27.8715L5.19331 25.8281L2.4366 23.3186C2.18172 23.0866 2.12275 22.7084 2.29491 22.4098L3.75642 19.8747C3.92871 19.5759 4.28594 19.4375 4.61461 19.5422L8.16668 20.674L9.82281 19.4636C10.5459 18.931 11.326 18.4804 12.1487 18.1202L14.0247 17.2971L14.8259 13.653C14.8999 13.3167 15.1979 13.077 15.5424 13.077H18.457C18.8018 13.077 19.1 13.3171 19.1736 13.6539L19.9694 17.2951L21.8515 18.1202C22.673 18.4868 23.4527 18.9405 24.1773 19.4737L25.8334 20.6841L29.388 19.552C29.7165 19.4474 30.0734 19.5856 30.2458 19.8841L31.705 22.4103C31.8773 22.7087 31.8188 23.0867 31.5643 23.319L28.8048 25.8382L29.0307 27.8796C29.1316 28.7712 29.1316 29.6729 29.0307 30.5666L28.8048 32.608L31.5618 35.1213C31.8165 35.3535 31.8752 35.7317 31.7029 36.0301L30.2458 38.554C30.0734 38.8525 29.7165 38.9907 29.388 38.8862L25.8314 37.754L24.1773 38.9644C23.4531 39.4949 22.6725 39.9448 21.8515 40.3079L19.9694 41.1329L19.1736 44.776C19.1 45.1129 18.8017 45.353 18.4569 45.353H15.5431C15.1984 45.353 14.9001 45.1129 14.8265 44.7761L14.0307 41.135L12.1487 40.3099Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_3039_9134">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/complex/simple-envelope.svg b/assets/icons/complex/simple-envelope.svg
new file mode 100644
index 00000000..ba9ac973
--- /dev/null
+++ b/assets/icons/complex/simple-envelope.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 8.89543 0.895431 8 2 8H46C47.1046 8 48 8.89543 48 10V38C48 39.1046 47.1046 40 46 40H2C0.895432 40 0 39.1046 0 38V10ZM45.1815 9.5H2.81819L23.6865 26.2854C23.8695 26.4326 24.1302 26.4326 24.3132 26.2854L45.1815 9.5ZM1.5 10.3647V38C1.5 38.2761 1.72386 38.5 2 38.5H46C46.2761 38.5 46.5 38.2761 46.5 38V10.3645L25.2534 27.4542C24.5214 28.0429 23.4783 28.0429 22.7463 27.4542L1.5 10.3647Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/sms-notification.svg b/assets/icons/complex/sms-notification.svg
new file mode 100644
index 00000000..87dc2228
--- /dev/null
+++ b/assets/icons/complex/sms-notification.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.0832 17.9496C40.0832 19.0778 39.1457 20.0008 37.9998 20.0008C36.854 20.0008 35.9165 19.0778 35.9165 17.9496H40.0832Z" fill="currentColor"/>
+<path d="M44.2498 13.498C44.2498 13.7213 44.3394 13.9352 44.4985 14.0918L46.1174 15.6859C46.2554 15.8218 46.3332 16.0073 46.3332 16.201C46.3332 16.6003 46.0095 16.9239 45.6102 16.9239H30.3894C29.9902 16.9239 29.6665 16.6003 29.6665 16.201C29.6665 16.0073 29.7442 15.8218 29.8822 15.6859L31.5012 14.0918C31.6603 13.9352 31.7498 13.7213 31.7498 13.498V8.71879C31.7498 5.53931 33.4165 2.97521 36.4373 2.25726V1.53931C36.4373 0.718802 37.1665 0.000854492 37.9998 0.000854492C38.8332 0.000854492 39.5623 0.718802 39.5623 1.53931V2.25726C42.5832 2.97521 44.2498 5.53931 44.2498 8.71879V13.498Z" fill="currentColor"/>
+<path d="M3 8.00085C1.89543 8.00085 1 8.89629 1 10.0009V38.0009C1 39.1054 1.89543 40.0009 3 40.0009H8.23223C8.36484 40.0009 8.49202 40.0535 8.58579 40.1473L15.3358 46.8973C16.1168 47.6783 17.3832 47.6783 18.1642 46.8973L24.9142 40.1473C25.008 40.0535 25.1352 40.0009 25.2678 40.0009H42C43.1046 40.0009 44 39.1054 44 38.0009V21.7509C44 21.3366 43.6642 21.0009 43.25 21.0009C42.8358 21.0009 42.5 21.3366 42.5 21.7509V38.0009C42.5 38.277 42.2761 38.5009 42 38.5009H25.2678C24.7373 38.5009 24.2286 38.7116 23.8536 39.0866L17.1036 45.8366C16.9083 46.0319 16.5917 46.0319 16.3964 45.8366L9.64645 39.0866C9.27137 38.7116 8.76267 38.5009 8.23223 38.5009H3C2.72386 38.5009 2.5 38.277 2.5 38.0009V10.0009C2.5 9.72471 2.72386 9.50085 3 9.50085H27.25C27.6642 9.50085 28 9.16507 28 8.75085C28 8.33664 27.6642 8.00085 27.25 8.00085H3Z" fill="currentColor"/>
+<path d="M8.25 17.7499C8.25 17.3357 8.58579 16.9999 9 16.9999H16C16.4142 16.9999 16.75 17.3357 16.75 17.7499C16.75 18.1641 16.4142 18.4999 16 18.4999H9C8.58579 18.4999 8.25 18.1641 8.25 17.7499Z" fill="currentColor"/>
+<path d="M8.25 26.7499C8.25 26.3357 8.58579 25.9999 9 25.9999H29C29.4142 25.9999 29.75 26.3357 29.75 26.7499C29.75 27.1641 29.4142 27.4999 29 27.4999H9C8.58579 27.4999 8.25 27.1641 8.25 26.7499Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/sos.svg b/assets/icons/complex/sos.svg
new file mode 100644
index 00000000..030e96ba
--- /dev/null
+++ b/assets/icons/complex/sos.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8501 15.1571C14.8501 14.8915 14.8084 14.6571 14.7251 14.454C14.647 14.2456 14.5063 14.0581 14.3032 13.8915C14.1053 13.7248 13.8293 13.566 13.4751 13.4149C13.1261 13.2639 12.6834 13.1102 12.147 12.954C11.5845 12.7873 11.0767 12.6024 10.6235 12.3993C10.1704 12.191 9.78239 11.954 9.45947 11.6884C9.13656 11.4227 8.88916 11.118 8.71729 10.7743C8.54541 10.4305 8.45947 10.0373 8.45947 9.5946C8.45947 9.1519 8.55062 8.74304 8.73291 8.36804C8.9152 7.99304 9.17562 7.66752 9.51416 7.39148C9.85791 7.11023 10.2668 6.89148 10.7407 6.73523C11.2147 6.57898 11.7433 6.50085 12.3267 6.50085C13.1808 6.50085 13.9048 6.66492 14.4985 6.99304C15.0975 7.31596 15.5532 7.74044 15.8657 8.26648C16.0443 8.56409 16.1718 8.87361 16.2484 9.19503C16.3443 9.59798 15.9987 9.93835 15.5845 9.93835C15.1703 9.93835 14.8514 9.59432 14.7286 9.19871C14.6858 9.06059 14.6299 8.92953 14.561 8.80554C14.3787 8.47221 14.1027 8.21179 13.7329 8.02429C13.3631 7.83158 12.8944 7.73523 12.3267 7.73523C11.7902 7.73523 11.3475 7.81596 10.9985 7.97742C10.6496 8.13888 10.3892 8.35763 10.2173 8.63367C10.0506 8.90971 9.96729 9.22481 9.96729 9.57898C9.96729 9.81856 10.0168 10.0373 10.1157 10.2352C10.2199 10.4279 10.3787 10.6076 10.5923 10.7743C10.811 10.941 11.0871 11.0946 11.4204 11.2352C11.759 11.3759 12.1626 11.5113 12.6313 11.6415C13.2772 11.8238 13.8345 12.0269 14.3032 12.2509C14.772 12.4748 15.1574 12.7274 15.4595 13.0087C15.7668 13.2847 15.9933 13.5998 16.1392 13.954C16.2902 14.3029 16.3657 14.6988 16.3657 15.1415C16.3657 15.605 16.272 16.0243 16.0845 16.3993C15.897 16.7743 15.6287 17.0946 15.2798 17.3602C14.9308 17.6259 14.5116 17.8316 14.022 17.9774C13.5376 18.118 12.9959 18.1884 12.397 18.1884C11.8709 18.1884 11.3527 18.1154 10.8423 17.9696C10.3371 17.8238 9.87614 17.605 9.45947 17.3134C9.04801 17.0217 8.71729 16.6623 8.46729 16.2352C8.33573 16.0029 8.23952 15.751 8.17867 15.4796C8.08805 15.0754 8.43588 14.7352 8.8501 14.7352C9.26431 14.7352 9.5788 15.0811 9.71064 15.4737C9.74245 15.5685 9.78112 15.6582 9.82666 15.743C9.9777 16.0191 10.1834 16.2483 10.4438 16.4305C10.7095 16.6128 11.009 16.7483 11.3423 16.8368C11.6808 16.9201 12.0324 16.9618 12.397 16.9618C12.923 16.9618 13.3683 16.8889 13.7329 16.743C14.0975 16.5972 14.3735 16.3889 14.561 16.118C14.7537 15.8472 14.8501 15.5269 14.8501 15.1571Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0454 11.9852V12.704C29.0454 13.5581 28.9386 14.3238 28.7251 15.0009C28.5116 15.6779 28.2043 16.2535 27.8032 16.7274C27.4022 17.2014 26.9204 17.5634 26.3579 17.8134C25.8006 18.0634 25.1756 18.1884 24.4829 18.1884C23.811 18.1884 23.1938 18.0634 22.6313 17.8134C22.0741 17.5634 21.5897 17.2014 21.1782 16.7274C20.772 16.2535 20.4569 15.6779 20.2329 15.0009C20.009 14.3238 19.897 13.5581 19.897 12.704V11.9852C19.897 11.1311 20.0063 10.368 20.2251 9.69617C20.4491 9.01908 20.7642 8.44356 21.1704 7.9696C21.5767 7.49044 22.0584 7.12585 22.6157 6.87585C23.1782 6.62585 23.7954 6.50085 24.4673 6.50085C25.16 6.50085 25.785 6.62585 26.3423 6.87585C26.9048 7.12585 27.3866 7.49044 27.7876 7.9696C28.1938 8.44356 28.5037 9.01908 28.7173 9.69617C28.936 10.368 29.0454 11.1311 29.0454 11.9852ZM27.5532 12.704V11.9696C27.5532 11.2925 27.4829 10.6936 27.3423 10.1727C27.2069 9.6519 27.0063 9.2144 26.7407 8.86023C26.4751 8.50606 26.1496 8.23783 25.7642 8.05554C25.384 7.87325 24.9517 7.7821 24.4673 7.7821C23.9985 7.7821 23.5741 7.87325 23.1938 8.05554C22.8188 8.23783 22.4959 8.50606 22.2251 8.86023C21.9595 9.2144 21.7537 9.6519 21.6079 10.1727C21.4621 10.6936 21.3892 11.2925 21.3892 11.9696V12.704C21.3892 13.3863 21.4621 13.9904 21.6079 14.5165C21.7537 15.0373 21.9621 15.4774 22.2329 15.8368C22.509 16.191 22.8345 16.4592 23.2095 16.6415C23.5897 16.8238 24.0142 16.9149 24.4829 16.9149C24.9725 16.9149 25.4074 16.8238 25.7876 16.6415C26.1678 16.4592 26.4881 16.191 26.7485 15.8368C27.0142 15.4774 27.2147 15.0373 27.3501 14.5165C27.4855 13.9904 27.5532 13.3863 27.5532 12.704Z" fill="currentColor"/>
+<path d="M39.2407 14.454C39.3241 14.6571 39.3657 14.8915 39.3657 15.1571C39.3657 15.5269 39.2694 15.8472 39.0767 16.118C38.8892 16.3889 38.6131 16.5972 38.2485 16.743C37.884 16.8889 37.4386 16.9618 36.9126 16.9618C36.548 16.9618 36.1965 16.9201 35.8579 16.8368C35.5246 16.7483 35.2251 16.6128 34.9595 16.4305C34.6991 16.2483 34.4933 16.0191 34.3423 15.743C34.2967 15.6582 34.2581 15.5685 34.2263 15.4737C34.0944 15.0811 33.7799 14.7352 33.3657 14.7352C32.9515 14.7352 32.6037 15.0754 32.6943 15.4796C32.7551 15.751 32.8514 16.0029 32.9829 16.2352C33.2329 16.6623 33.5636 17.0217 33.9751 17.3134C34.3918 17.605 34.8527 17.8238 35.3579 17.9696C35.8683 18.1154 36.3866 18.1884 36.9126 18.1884C37.5116 18.1884 38.0532 18.118 38.5376 17.9774C39.0272 17.8316 39.4465 17.6259 39.7954 17.3602C40.1444 17.0946 40.4126 16.7743 40.6001 16.3993C40.7876 16.0243 40.8813 15.605 40.8813 15.1415C40.8813 14.6988 40.8058 14.3029 40.6548 13.954C40.509 13.5998 40.2824 13.2847 39.9751 13.0087C39.673 12.7274 39.2876 12.4748 38.8188 12.2509C38.3501 12.0269 37.7928 11.8238 37.147 11.6415C36.6782 11.5113 36.2746 11.3759 35.936 11.2352C35.6027 11.0946 35.3267 10.941 35.1079 10.7743C34.8944 10.6076 34.7355 10.4279 34.6313 10.2352C34.5324 10.0373 34.4829 9.81856 34.4829 9.57898C34.4829 9.22481 34.5662 8.90971 34.7329 8.63367C34.9048 8.35763 35.1652 8.13888 35.5142 7.97742C35.8631 7.81596 36.3058 7.73523 36.8423 7.73523C37.41 7.73523 37.8787 7.83158 38.2485 8.02429C38.6183 8.21179 38.8944 8.47221 39.0767 8.80554C39.1455 8.92953 39.2014 9.06059 39.2443 9.19871C39.367 9.59432 39.6859 9.93835 40.1001 9.93835C40.5143 9.93835 40.8599 9.59798 40.764 9.19503C40.6875 8.87361 40.5599 8.56409 40.3813 8.26648C40.0688 7.74044 39.6131 7.31596 39.0142 6.99304C38.4204 6.66492 37.6965 6.50085 36.8423 6.50085C36.259 6.50085 35.7303 6.57898 35.2563 6.73523C34.7824 6.89148 34.3735 7.11023 34.0298 7.39148C33.6912 7.66752 33.4308 7.99304 33.2485 8.36804C33.0662 8.74304 32.9751 9.1519 32.9751 9.5946C32.9751 10.0373 33.061 10.4305 33.2329 10.7743C33.4048 11.118 33.6522 11.4227 33.9751 11.6884C34.298 11.954 34.686 12.191 35.1392 12.3993C35.5923 12.6024 36.1001 12.7873 36.6626 12.954C37.1991 13.1102 37.6418 13.2639 37.9907 13.4149C38.3449 13.566 38.6209 13.7248 38.8188 13.8915C39.022 14.0581 39.1626 14.2456 39.2407 14.454Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 1.00085H44.5C46.433 1.00085 48 2.56786 48 4.50085V20.5009C48 22.4338 46.433 24.0009 44.5 24.0009H26.5V29.1188H29.2086C29.9391 29.1188 30.6398 29.409 31.1563 29.9256C31.6729 30.4421 31.9631 31.1427 31.9631 31.8733C31.9631 32.5952 31.7113 33.2863 31.2582 33.7956C31.3262 33.8507 31.3911 33.9087 31.4531 33.9697C31.9863 34.4945 32.2498 35.1919 32.2498 35.8823C32.2498 36.5727 31.9863 37.2701 31.4531 37.7949C31.3006 37.945 31.1297 38.0774 30.9419 38.1903C31.3457 38.6836 31.5455 39.2901 31.5455 39.8913C31.5455 40.5817 31.282 41.2791 30.7488 41.8039C30.5032 42.0457 30.2097 42.2419 29.8746 42.3838C30.1859 42.8398 30.3401 43.3721 30.3401 43.9004C30.3401 44.5908 30.0766 45.2882 29.5434 45.813C29.0039 46.344 28.2338 46.6549 27.2989 46.6549H10.693C10.2707 47.4376 9.44318 47.9694 8.49143 47.9694H6C4.61929 47.9694 3.5 46.8501 3.5 45.4694V32.0009C3.5 30.6201 4.61929 29.5009 6 29.5009H8.49143C9.5565 29.5009 10.466 30.1669 10.8262 31.1052L16.3996 26.7843C16.9846 26.258 17.7334 25.9491 18.52 25.9103C19.3175 25.8709 20.1038 26.1116 20.7426 26.5908L22.5 27.9089V24.0009H4.5C2.567 24.0009 1 22.4339 1 20.5009V4.50085C1 2.56786 2.567 1.00085 4.5 1.00085ZM4.5 2.50085C3.39543 2.50085 2.5 3.39629 2.5 4.50085V20.5009C2.5 21.6054 3.39543 22.5009 4.5 22.5009H44.5C45.6046 22.5009 46.5 21.6054 46.5 20.5009V4.50085C46.5 3.39629 45.6046 2.50085 44.5 2.50085H4.5ZM28.4912 43.0568C28.267 42.8361 27.8915 42.6459 27.2989 42.6459H26.5359C26.1217 42.6459 25.7859 42.3101 25.7859 41.8959C25.7859 41.6888 25.8698 41.5013 26.0056 41.3655C26.0395 41.3316 26.0767 41.3009 26.1166 41.2739C26.2363 41.1931 26.3806 41.1458 26.5359 41.1458H28.5044C29.097 41.1458 29.4724 40.9556 29.6966 40.7349C29.9271 40.508 30.0455 40.2032 30.0455 39.8913C30.0455 39.5795 29.9271 39.2746 29.6966 39.0477C29.4724 38.827 29.097 38.6368 28.5044 38.6368H26.5359C26.1217 38.6368 25.7859 38.301 25.7859 37.8868C25.7859 37.4726 26.1217 37.1368 26.5359 37.1368H29.2086C29.8012 37.1368 30.1766 36.9466 30.4009 36.7259C30.6314 36.499 30.7498 36.1942 30.7498 35.8823C30.7498 35.5704 30.6314 35.2656 30.4009 35.0387C30.1766 34.818 29.8012 34.6278 29.2086 34.6278H26.5359C26.1217 34.6278 25.7859 34.292 25.7859 33.8778C25.7859 33.4636 26.1217 33.1278 26.5359 33.1278H29.3636C29.9795 33.1278 30.4631 32.6479 30.4631 31.8733C30.4631 31.5406 30.3309 31.2215 30.0957 30.9862C29.8604 30.7509 29.5413 30.6188 29.2086 30.6188H23.8734C23.8662 30.6189 23.859 30.6189 23.8518 30.6188H19.8542C19.44 30.6188 19.1042 30.283 19.1042 29.8688C19.1042 29.4546 19.44 29.1188 19.8542 29.1188H21.6132L19.8425 27.7908C19.4837 27.5216 19.042 27.3863 18.5939 27.4085C18.1459 27.4306 17.7197 27.6087 17.3891 27.9119C17.3739 27.9259 17.3581 27.9392 17.3417 27.9519L11 32.8684V45.1549H27.2989C27.8915 45.1549 28.267 44.9646 28.4912 44.7439C28.7217 44.5171 28.8401 44.2122 28.8401 43.9004C28.8401 43.5885 28.7217 43.2837 28.4912 43.0568ZM5 32.0009C5 31.4486 5.44772 31.0009 6 31.0009H8.49143C9.04371 31.0009 9.49143 31.4486 9.49143 32.0009V45.4694C9.49143 46.0217 9.04371 46.4694 8.49143 46.4694H6C5.44772 46.4694 5 46.0217 5 45.4694V32.0009Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/state-file.svg b/assets/icons/complex/state-file.svg
new file mode 100644
index 00000000..2d1d3fee
--- /dev/null
+++ b/assets/icons/complex/state-file.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3263 16.2397C26.6825 16.2397 26.7843 16.4432 26.8352 16.5959V16.6976C26.8352 16.7994 26.8352 16.9521 26.7843 17.0029L26.7334 17.1047V17.1556L26.7843 17.2065L26.9369 17.4609L27.0387 17.6135C27.2422 17.9697 27.4966 18.4276 27.4966 18.8855C27.4966 19.6487 27.6492 20.5646 28.3616 21.3278H28.2089L28.1072 21.2769C27.9036 21.226 27.7001 21.0734 27.4457 20.8699C27.3948 20.8699 27.3948 20.9716 27.3948 21.1243V22.3454C27.4457 22.6507 27.4966 22.9051 27.5984 23.0577C27.7001 23.1595 27.4966 23.1086 27.2931 22.9051L27.0387 22.6507C26.9878 22.5489 26.9369 22.498 26.886 22.5489H26.8352L26.7843 22.5998L26.6316 22.9051C26.5299 23.3121 26.4281 23.9227 26.7843 24.5333C26.8352 24.635 26.7843 24.635 26.6825 24.5841L26.6316 24.5333L26.5299 24.4824C26.3772 24.3806 26.1228 24.1771 26.0211 23.9736C26.0211 23.9227 25.9702 23.9736 25.9193 24.0753L25.8175 24.2789V24.4315C25.7158 24.8894 25.7158 25.6526 26.0719 26.3141C26.1228 26.4158 26.0211 26.365 25.9193 26.3141L25.7158 26.2123L25.8175 26.1614C25.8175 26.1614 25.7667 26.1614 25.7667 26.1106L25.614 25.9579V25.907C25.5123 25.7544 25.3596 26.1106 25.614 26.6703L25.9193 27.2299L26.1228 27.637C26.1637 27.7051 26.2009 27.7696 26.2355 27.8295C26.3299 27.9931 26.4045 28.1222 26.479 28.1967C26.5808 28.2984 26.7843 28.4511 27.0387 28.5528L27.4457 28.7564C27.4712 28.7818 27.4966 28.7945 27.522 28.8072C27.5475 28.82 27.5729 28.8327 27.5984 28.8581H27.6492L28.1072 29.1634C28.5142 29.4178 29.1248 29.7231 29.6845 29.7231C30.5494 29.7231 31.0074 29.1125 31.0074 28.8072H30.9565L30.6512 28.7564H30.5494L30.4477 28.7055L30.1424 28.6037H30.0915L29.9389 28.5528C29.1757 28.2476 28.2089 27.5861 28.2089 25.9579C28.2089 24.6859 29.023 23.7701 29.6845 23.2104L29.9898 23.0068L30.0915 22.9051L30.3968 22.7016L30.8547 23.1595L30.7021 23.2613L30.4986 23.4139L30.3459 23.5157L30.1424 23.7192C29.5827 24.228 28.8704 25.0421 28.8704 25.9579C28.8704 27.4843 30.2442 28.1967 31.0582 28.1967V27.637L31.0074 27.5352C30.8547 27.1791 30.4986 26.772 29.5827 26.365H29.888C30.1933 26.365 30.7021 26.4158 31.0582 26.9247C31.1848 27.0933 31.2414 27.0174 31.286 26.9574C31.2952 26.9451 31.3039 26.9334 31.3126 26.9247L31.3244 26.9125C31.3956 26.8377 31.6431 26.5779 32.025 26.7211L31.9232 26.772V26.8229L31.8723 26.8738C31.7197 27.0773 31.5162 27.5352 31.7197 28.1458H31.8723L31.9741 28.0949H32.025L32.1267 28.044C32.5847 27.7896 33.297 27.2808 33.297 26.1614C33.297 25.1438 32.5847 24.3806 31.8723 23.7192L31.6688 23.5157L31.2618 23.1595L31.0074 22.9051C30.9364 22.8696 30.8902 22.8094 30.8515 22.7589C30.8347 22.737 30.8192 22.717 30.8038 22.7016L30.753 22.6507C30.7021 22.5998 30.6512 22.5362 30.6003 22.4726C30.5494 22.409 30.4986 22.3454 30.4477 22.2945L29.9898 21.8366C29.4809 21.3278 29.023 20.7681 28.9213 19.954L28.8704 19.8522H28.8195C28.8077 19.8444 28.7944 19.8359 28.7798 19.8266C28.6063 19.7163 28.2598 19.4958 28.2598 18.8855C28.2598 18.4785 28.5142 18.0714 28.7686 17.7661L28.8704 17.6135L29.1248 17.3591L29.2265 17.3082L29.2774 17.2573H29.3283V17.3082L29.2774 17.5626L29.2265 17.6644C29.1757 17.8679 29.1757 18.1223 29.3792 18.1223C29.6845 18.1223 30.3459 17.3591 30.3459 17.2065C30.3459 17.1556 30.3968 17.2065 30.3968 17.2573V17.5117L30.3459 17.6135C30.295 17.7661 30.2442 17.9188 30.1424 18.0205L30.0915 18.0714C30.0661 18.1223 30.0279 18.1605 29.9898 18.1986C29.9516 18.2368 29.9134 18.275 29.888 18.3258L29.5827 18.682C29.5653 18.7052 29.5479 18.7277 29.531 18.7497C29.3992 18.9203 29.2948 19.0556 29.4301 19.1908C29.5827 19.3943 29.9389 19.1399 30.1424 18.9364L30.1933 18.8346L30.2442 18.7838V18.8855L30.1933 18.9873V19.0382L30.1424 19.1399C30.0406 19.3943 29.8371 19.6996 29.5318 19.8522V20.2084L29.5827 20.2593L29.6845 20.4628C29.6845 20.4628 29.6845 20.5137 29.7353 20.5137L29.7862 20.6155L30.0406 20.8699L30.1424 21.0225L30.4477 21.3278C30.3757 21.3638 30.3801 21.3743 30.3888 21.3954C30.3924 21.4041 30.3968 21.4146 30.3968 21.4295L30.9565 21.9892L31.4653 22.3963L31.6688 22.5998L31.9741 22.8542L32.4829 23.2613L32.7882 23.5665H32.8391C32.8899 23.5157 32.9408 23.4648 32.9408 23.3121V23.2613C32.9408 22.956 33.0426 22.6507 33.1952 22.5489V23.363C33.1952 23.7701 33.2461 24.228 33.3988 24.3297C33.5514 24.3806 33.6023 24.228 33.6023 24.0245C33.6532 23.8209 33.8058 23.6174 33.8567 23.6683L33.8058 23.8209L33.7549 24.0245V24.3297C33.704 24.7368 33.704 25.1438 33.9584 25.2965C33.9801 25.2965 33.9925 25.2965 34.0036 25.2926C34.0185 25.2873 34.0309 25.2749 34.0602 25.2456L34.1111 25.1947C34.1432 25.1304 34.216 25.0864 34.3294 25.0884C34.1509 25.2498 33.9692 25.5563 34.0093 25.9579C34.0602 26.6703 33.3988 28.502 31.7197 28.7564V28.8581L31.6688 28.9599L31.6179 29.0108L31.5162 29.2143C31.2618 29.6722 30.753 30.3337 29.4809 30.181L29.8371 30.5372L30.0406 30.8425C30.0406 30.8679 30.0534 30.8806 30.0661 30.8933C30.0788 30.9061 30.0915 30.9188 30.0915 30.9442L30.1933 31.0969C30.6512 31.7583 31.1091 32.725 31.0582 33.7935L31.0074 33.6918L30.9565 33.4883L30.753 32.9795L30.6512 32.8268C30.6512 32.8014 30.6385 32.7886 30.6258 32.7759C30.613 32.7632 30.6003 32.7505 30.6003 32.725L30.4986 32.5724L30.295 32.1654L29.9898 31.7583C29.9195 31.6178 29.825 31.5015 29.723 31.376C29.6772 31.3198 29.63 31.2616 29.5827 31.1986L29.3792 30.9951C28.8704 30.3845 28.2598 29.8249 27.5475 29.4178L27.3948 29.316C27.344 29.316 27.2931 29.3669 27.344 29.5704C27.3948 29.8249 27.1913 30.3845 27.0387 30.6389C27.0387 30.66 27.0299 30.6724 27.0197 30.6868C27.0053 30.7073 26.9878 30.732 26.9878 30.7916V31.5548C27.0896 32.4198 27.5475 33.59 28.9721 33.9971C29.2265 34.0479 29.4301 34.0479 29.6336 34.0479H29.8371L29.9389 33.9971V34.0479L29.8371 34.1497L29.888 34.0479C29.6845 34.2006 29.3283 34.4041 28.616 34.4041C28.3107 34.4041 28.3107 34.862 28.7686 34.862V35.1673L28.616 35.6252L28.4633 36.2358L28.1581 36.8464C28.1581 36.8718 28.1453 36.8845 28.1326 36.8973C28.1199 36.91 28.1072 36.9227 28.1072 36.9481L28.0054 37.1517C27.8019 37.6096 27.5475 38.0166 27.2931 38.271C27.1618 38.3585 27.2187 38.4084 27.2695 38.453C27.2778 38.4603 27.286 38.4674 27.2931 38.4746H27.3948C27.4263 38.4746 27.4577 38.494 27.5012 38.5209C27.528 38.5374 27.5595 38.5569 27.5984 38.5763L27.7001 38.6272C27.7001 38.6272 27.751 38.6272 27.751 38.6781L27.8528 38.729C27.8782 38.7544 27.9036 38.7671 27.9291 38.7798C27.9545 38.7926 27.98 38.8053 28.0054 38.8307H27.9545C27.8528 38.8307 27.751 38.8307 27.751 38.8816V39.1869L27.7434 39.2098C27.6945 39.3591 27.6342 39.5431 27.344 39.5431C26.9369 39.5431 26.8352 39.136 26.8352 38.9325C26.8352 38.729 26.6316 38.729 26.5299 38.729C26.479 38.729 26.1737 38.8307 26.0719 39.1869L26.0211 39.3395C25.9702 39.6957 25.8175 40.001 25.5123 40.001C25.1561 40.001 25.0543 39.7466 25.0543 39.5431C25.0543 39.5176 25.0543 39.5049 25.048 39.4985C25.0416 39.4922 25.0289 39.4922 25.0035 39.4922H24.9526C24.9017 39.4922 24.7999 39.4922 24.6982 39.4413L24.8508 39.3395L24.9526 39.2887L25.2579 39.0851C25.5123 38.8816 25.7158 38.6781 25.6649 38.5763C25.5631 38.3219 25.4105 38.3728 25.3087 38.4746L25.2579 38.5254L25.1561 38.5763C25.0035 38.6781 24.749 38.8307 24.5455 38.8816C24.2402 38.9325 24.0876 38.5254 24.2402 38.2202L24.2911 38.1693C24.3271 38.1333 24.3122 38.1228 24.2824 38.1017C24.27 38.093 24.2551 38.0824 24.2402 38.0675L24.1385 38.0166C24.113 37.9912 24.0876 37.9785 24.0622 37.9657C24.0367 37.953 24.0113 37.9403 23.9858 37.9149H24.5455C24.9526 37.9149 25.4105 37.9149 25.4105 37.7113C25.3596 37.4061 25.1052 37.4061 24.9526 37.4569C24.7999 37.5078 24.342 37.4569 24.342 37.1517C24.342 37.1262 24.3547 37.1008 24.3674 37.0753C24.3802 37.0499 24.3929 37.0245 24.3929 36.999L24.4438 36.8973C24.4946 36.8464 24.4946 36.7955 24.4946 36.7446C24.4946 36.6937 24.4438 36.6429 24.3929 36.592L24.342 36.5411H24.5455C24.6473 36.5411 24.7999 36.5411 24.9526 36.592C25.0543 36.6429 25.1561 36.6937 25.2579 36.8464L25.4614 37.0499C25.6649 37.2534 25.9193 37.5078 26.1228 37.5078C26.5299 37.5078 26.886 36.8973 26.886 35.6761V34.6076C26.8759 34.5669 26.8677 34.5303 26.8604 34.4973C26.8311 34.3654 26.8148 34.2922 26.7334 34.2515L26.6825 34.2006L26.5808 34.1497L26.5299 34.0988C26.5299 34.0988 26.479 34.0479 26.479 33.9971V33.8953C26.479 33.8444 26.479 33.7427 26.3772 33.6918C26.2246 33.6409 26.0211 33.8444 25.9702 34.6585V35.4726L25.9193 35.6252L25.8175 35.4217V35.3708L25.7158 35.0656C25.6649 34.862 25.614 34.6585 25.614 34.4041V33.9971C25.614 33.8953 25.614 33.8444 25.5631 33.7935C25.5631 33.7935 25.5123 33.7935 25.4614 33.8444L25.2579 34.0479C25.1052 34.2006 24.9017 34.4041 24.6473 34.5059L24.7999 34.2006C24.9017 33.9971 25.0035 33.6918 25.0035 33.4374C25.0035 33.3865 25.0035 33.3356 24.9526 33.2847V33.2339L25.0035 33.0812L24.8508 32.9286C24.6982 32.725 24.4946 32.318 24.4946 31.2495C24.4946 30.8933 24.5455 30.6389 24.5964 30.4354L24.6473 30.2828C24.6982 30.0793 24.749 29.8757 24.749 29.5704C24.749 29.2143 24.342 28.8072 23.8841 28.4002L23.477 28.0949L23.3753 27.9931L22.7138 27.5352L22.3068 27.2299L22.205 27.1282L21.9506 26.9247L21.34 26.3141V26.2632C21.3043 26.2275 21.3438 26.1668 21.3881 26.0986C21.4069 26.0695 21.4266 26.0392 21.4418 26.0088L21.7471 25.6526L21.8489 25.5C22.0015 25.2965 22.1033 25.093 21.9506 24.9912C21.7471 24.8386 21.6453 24.9403 21.4927 25.1438L21.34 25.4491C21.34 25.4746 21.3273 25.4873 21.3146 25.5C21.3019 25.5127 21.2892 25.5254 21.2892 25.5509C21.0856 25.8562 20.7295 26.1614 20.5768 26.2632C20.526 26.2632 20.526 26.2123 20.526 26.1106V25.5509C20.526 25.2965 20.4751 25.0421 20.3224 25.0421C19.9663 25.0421 19.9154 25.3982 19.9663 25.5509V25.6018C19.9663 25.6526 19.9663 25.6526 19.8645 25.6526H19.7627C19.6101 25.6526 19.4575 25.7035 19.3048 25.8562L19.2539 25.9579C19.2539 25.9579 19.2539 26.0088 19.2031 26.0088L19.1522 26.1106C19.1399 26.1351 19.1269 26.1603 19.1135 26.1865C19.0151 26.3776 18.8916 26.6175 18.8469 26.9755V26.8738C18.796 26.7211 18.7451 26.365 18.8469 26.0597L18.8978 25.9579C18.8978 25.9383 18.8978 25.9262 18.8919 25.9188C18.8826 25.907 18.8584 25.907 18.796 25.907H18.1854L17.7784 26.0088L17.4222 26.0597L16.9134 26.1614C16.8626 26.1614 16.8117 26.1614 16.7608 26.2123C16.6081 26.2632 16.5573 26.3141 16.5573 26.5685V27.637C16.5573 27.6879 16.5064 27.637 16.5064 27.5861V27.4335H16.3029C16.0993 27.4843 15.7941 27.4843 15.7941 27.1791C15.7941 26.9247 15.8449 26.8738 15.9467 26.8229L15.9976 26.772C16.0112 26.7584 16.0248 26.7484 16.0375 26.7391C16.0721 26.7138 16.0993 26.6939 16.0993 26.6194C16.0993 26.3141 15.8958 26.1614 15.6414 26.1614C15.4888 26.1614 15.387 26.2632 15.2853 26.365L15.1835 26.4667C15.0308 26.6194 14.8782 26.772 14.6747 26.772C14.2168 26.772 14.1659 26.4667 14.1659 26.3141C14.1659 26.2301 14.1813 26.1769 14.1952 26.1291C14.2065 26.09 14.2168 26.0545 14.2168 26.0088C14.2168 25.907 14.115 25.8053 14.0132 25.8053C13.9624 25.8053 14.0641 25.7544 14.2168 25.7544H14.2676L14.5729 25.8053C14.9291 25.8562 15.387 25.8053 15.387 25.5C15.387 25.3982 15.2853 25.3474 15.1835 25.3982H14.9291L14.7256 25.3474C14.4712 25.2965 14.115 25.1947 14.115 24.7877C14.115 24.5841 14.3185 24.4824 14.4203 24.4315H14.4712C14.4712 24.4104 14.4799 24.3806 14.4901 24.3457C14.5046 24.2963 14.522 24.2367 14.522 24.1771C14.522 24.1575 14.522 24.1454 14.5279 24.1409C14.5372 24.1338 14.5613 24.1458 14.6238 24.1771L14.6238 24.0753L14.7256 24.1262L14.8782 24.228L15.3361 24.6859C15.4379 24.8386 15.5905 24.7877 15.6414 24.7368H15.6923C15.7432 24.6859 15.8449 24.5333 15.5905 24.3806C15.2853 24.228 15.2853 24.0753 15.2853 23.8209C15.2853 23.6372 15.4097 23.5779 15.5087 23.5306C15.5194 23.5255 15.5298 23.5206 15.5397 23.5157H15.5905C15.6414 23.5157 15.6923 23.3121 15.6414 23.2104V23.1595C15.5905 23.0068 15.9976 23.363 16.2011 23.7701C16.2011 23.7955 16.2138 23.8209 16.2265 23.8464C16.2393 23.8718 16.252 23.8973 16.252 23.9227V24.1771C16.252 24.4315 16.3029 24.635 16.6081 24.7877H16.9643L17.0661 24.7368L17.2187 24.6859C17.2187 24.6859 17.2696 24.6859 17.3205 24.635L17.4222 24.5841L17.7275 24.4824L18.6434 24.1262L20.068 23.6174C20.1698 23.5665 20.3733 23.4648 20.2716 23.3121C20.1698 23.1086 19.8136 23.0577 19.3048 23.4139L19.2539 23.4648C19.1522 23.5665 19.1013 23.5157 19.1522 23.4139L19.2031 23.363L19.2539 23.2613C19.2539 23.2613 19.2539 23.2104 19.3048 23.2104L19.3557 23.1086C19.3557 23.1086 19.3557 23.0577 19.4066 23.0577L19.5083 22.956C19.5278 22.9365 19.5398 22.9171 19.5501 22.9005C19.5666 22.8736 19.5787 22.8542 19.6101 22.8542L19.7119 22.7524C20.068 22.2945 20.6277 21.8366 21.1365 21.8366C21.34 21.8366 21.3909 21.7348 21.3909 21.6331V21.5822C21.3909 21.4804 21.2892 21.3787 20.933 21.3787C20.4751 21.3787 19.8645 21.8366 19.6101 22.2945H19.5083L19.3557 22.1928C19.2539 22.091 19.0504 22.0401 18.796 22.0401C18.6172 22.0401 18.4733 22.0576 18.354 22.072C18.2698 22.0823 18.1978 22.091 18.1346 22.091L18.0328 22.1419H17.8802C17.7784 22.1419 18.1346 21.6331 18.7451 21.6331C18.8469 21.6331 18.8469 21.4804 18.6434 21.3278L18.5925 21.2769C18.526 21.2437 18.4378 21.1453 18.3421 21.0385C18.2913 20.9818 18.2384 20.9228 18.1854 20.8699L17.7275 20.2593L17.6258 20.1575C17.524 20.0558 17.4222 20.2084 17.2696 20.4628L17.2187 20.5646L17.0661 21.0225C17.0661 21.0734 17.0152 21.0225 17.0152 20.9716V20.819C17.0152 20.7681 16.9643 20.7681 16.9643 20.7681L16.8626 20.7172C16.7099 20.6663 16.5573 20.5646 16.5573 20.2593C16.5573 19.9031 16.7608 19.8522 16.9643 19.9031H17.0152L17.117 19.954H17.1678C17.3714 20.0049 17.5749 19.7505 17.524 19.547C17.4068 19.48 17.3061 19.4075 17.2128 19.3403C17.0228 19.2035 16.8638 19.089 16.659 19.089H16.6081C16.252 19.1399 15.7432 18.8855 15.7432 18.4785C15.7432 18.2749 15.8449 18.1732 15.9467 18.1223L16.0485 18.0714H16.0993C16.1502 18.0205 16.1502 17.817 16.1502 17.7661H16.2011L16.252 17.817L16.3537 17.8679L16.9643 18.4785C17.117 18.6311 17.1678 18.682 17.2696 18.6311C17.3714 18.5802 17.4222 18.3258 17.0661 18.0205C16.7099 17.7153 16.7608 17.3591 16.9134 17.1556H17.1678C17.3205 17.1556 17.4731 17.1556 17.524 17.0538C17.524 16.9521 17.5749 17.0029 17.5749 17.0538V17.2065L17.6258 17.3082V17.7153L17.6766 17.817V17.9697C17.6766 18.2749 17.7784 18.3258 17.8802 18.3258C17.9819 18.3258 18.0837 18.2749 18.0328 17.817C17.9819 17.41 18.0837 17.3082 18.1854 17.2573L18.2363 17.2065C18.3381 17.1556 18.4907 17.1556 18.5925 17.2573C18.6943 17.3591 18.8978 17.2065 18.8978 17.0538V17.2573C18.9487 17.41 18.9487 17.6135 18.796 17.817C18.7766 17.8365 18.7646 17.8559 18.7543 17.8725C18.7377 17.8994 18.7257 17.9188 18.6943 17.9188L18.4907 18.1223C18.2872 18.3258 18.1346 18.5802 18.3381 18.9873L18.389 19.089L20.4242 21.1751C20.4751 21.1751 20.526 21.1243 20.4242 21.0225C20.3224 20.8699 20.3224 20.7172 20.4242 20.6155V20.5646L20.4751 20.6155L20.6786 20.7172C20.6786 20.7172 20.7295 20.7172 20.7295 20.7681L20.8312 20.819C21.1874 20.9716 21.6962 21.1243 22.4594 21.0225C23.6577 20.8894 24.2366 20.1369 24.2299 19.8117L24.0367 20.0049L23.9673 20.0469C23.7277 20.1923 23.4497 20.3611 23.1717 20.3611C22.6121 20.3611 22.3068 19.8014 22.4085 19.4452V19.3943L22.5103 19.4961C22.6121 19.5978 22.8665 19.7505 23.1717 19.7505C23.6297 19.7505 24.1385 19.1908 24.0367 18.8855C24.0367 18.8346 23.9858 18.8346 23.8841 18.8855L23.7823 18.8346L23.2735 18.9873L23.07 19.0382C23.0191 19.0382 23.0191 19.0382 22.9682 19.089L22.7647 19.1399C22.4085 19.2417 21.8997 19.2926 21.3909 19.2926C19.7627 19.2926 19.5083 17.6644 20.6786 17.0029L20.6277 17.0538L20.5768 17.1556V17.6135C20.4751 18.1732 20.6277 18.8855 21.9506 18.8855C22.205 18.8855 22.4594 18.8855 22.6629 18.8346L22.8665 18.7838C22.9173 18.7838 23.0191 18.7838 23.07 18.7329L23.2735 18.682L23.5788 18.5802L23.7823 18.4785L23.935 18.4276V18.3258C23.8841 18.1732 23.6806 17.817 23.2226 17.817C22.7924 17.817 22.5867 18.1314 22.479 18.296L22.4594 18.3258L22.4085 18.3767V18.4276L22.3577 18.3767L22.2559 18.4785C22.1033 18.3767 21.8489 18.0714 21.9506 17.7153C21.9506 17.6644 22.0015 17.6644 22.0524 17.6644H22.2559C22.4085 17.6135 22.5612 17.5626 22.5612 17.3591C22.5612 17.2573 22.5103 17.2065 22.4594 17.2065H22.4085C22.3577 17.2065 22.3068 17.2573 22.2559 17.3082L22.205 17.41C22.1914 17.4236 22.1814 17.4372 22.1721 17.4499C22.1468 17.4845 22.1269 17.5117 22.0524 17.5117C21.8489 17.5117 21.8489 16.9012 22.2559 16.9012H22.3068C22.4085 16.9012 22.5612 16.9012 22.6121 16.7994V16.7485C22.6121 16.5959 22.9682 16.4432 23.7314 16.3924H24.3929C24.9118 16.3924 25.2558 16.4798 25.4653 16.5331L25.5123 16.545L25.614 16.5959L25.7667 16.7485V16.6976C25.8175 16.4941 25.9702 16.2397 26.3263 16.2397ZM23.4262 24.8894C23.3244 24.8894 23.2226 24.9403 23.2226 25.0421V25.1947C23.2226 25.1947 23.2226 25.2456 23.1717 25.2456L23.07 25.4491C22.9173 25.6526 22.7138 25.907 22.2559 26.1106C22.205 26.1614 22.1541 26.2632 22.205 26.365C22.2559 26.4158 22.3068 26.4667 22.4085 26.4667H22.4594C23.1209 26.1614 23.4262 25.7544 23.5279 25.4491L23.5788 25.3474V25.093C23.5788 24.9912 23.5279 24.8894 23.4262 24.8894ZM24.8508 24.7877C24.749 24.7877 24.6982 24.8386 24.6473 24.9403V25.1438C24.5964 25.3982 24.4438 25.8562 23.8841 26.1614C23.8332 26.2123 23.7823 26.3141 23.8332 26.4158C23.8841 26.4667 23.935 26.5176 24.0367 26.5176H24.0876C24.6982 26.2123 24.9526 25.7035 25.0543 25.3474V24.9912C25.0035 24.8386 24.9526 24.7877 24.8508 24.7877ZM22.5612 22.4472C22.5103 22.5489 22.5612 22.6507 22.6121 22.7524L22.6629 22.8033C22.7138 22.8542 22.8665 23.0068 22.9173 23.2104C23.0191 23.5665 22.9173 24.0753 22.6121 24.5841C22.5612 24.635 22.5612 24.7877 22.6629 24.8386C22.6922 24.8678 22.7046 24.8802 22.7196 24.8855C22.7306 24.8894 22.7431 24.8894 22.7647 24.8894C22.8156 24.8894 22.9173 24.8386 22.9682 24.7877C23.3244 24.1771 23.477 23.6174 23.3753 23.1595V23.0577C23.3311 22.7927 23.1718 22.6427 23.064 22.5411C23.0477 22.5257 23.0325 22.5114 23.0191 22.498L22.9682 22.4472L22.8156 22.3963C22.7138 22.3454 22.5612 22.3454 22.5612 22.4472ZM21.5944 22.5998L21.4927 22.6507L21.2892 22.8542C21.0348 23.1086 20.7804 23.5665 20.6786 24.3297C20.6786 24.4315 20.7295 24.5333 20.8312 24.5333H20.933C20.9839 24.5333 21.0856 24.4824 21.1365 24.3806V24.3297C21.1874 23.6174 21.4927 23.2104 21.6962 23.0068L21.798 22.9051C21.8997 22.8542 21.8997 22.7016 21.8489 22.6507C21.798 22.5998 21.6962 22.5998 21.5944 22.5998ZM23.9858 21.2769C23.935 21.3787 23.935 21.4804 24.0367 21.5313L24.1894 21.684V21.7348L24.2402 21.7857C24.3929 22.0401 24.5455 22.4472 24.3929 23.2104L24.342 23.363C24.2911 23.4648 24.342 23.5157 24.4438 23.5665H24.5455C24.5964 23.5665 24.6982 23.5157 24.749 23.4139C25.0035 22.2945 24.6473 21.684 24.4438 21.4295L24.342 21.3278L24.2911 21.226L24.2402 21.1751C24.1385 21.1751 24.0367 21.1751 23.9858 21.2769ZM24.8508 18.7838C24.7999 18.8855 24.8508 18.9873 24.9526 19.0382C25.5123 19.2417 26.0211 19.547 26.0719 19.6996H25.3087C25.2579 19.6996 25.1561 19.7505 25.1052 19.8014C25.0738 19.8328 25.0812 19.8643 25.0914 19.9077C25.0978 19.9346 25.1052 19.966 25.1052 20.0049L25.1561 20.1067L25.207 20.1575V20.7172C25.207 20.9207 25.207 21.1751 25.1561 21.4295C25.1561 21.5313 25.207 21.5822 25.3596 21.6331H25.4614C25.5123 21.6331 25.614 21.5313 25.614 21.4295V20.6155C25.614 20.3611 25.5631 20.2084 25.5123 20.0558C25.8175 20.0558 26.0719 20.0049 26.2246 19.8522C26.2755 19.8014 26.3263 19.6996 26.3263 19.5978C26.3263 19.2417 25.8175 18.9364 25.4105 18.7329L25.1052 18.6311L25.0035 18.5802H24.9526C24.984 18.6117 24.9572 18.6431 24.92 18.6866C24.8971 18.7134 24.8702 18.7449 24.8508 18.7838ZM24.3929 16.7994H23.477C23.3562 16.7994 23.331 16.8313 23.3006 16.8698C23.2925 16.8799 23.2841 16.8906 23.2735 16.9012C23.2735 16.9608 23.291 17.0029 23.3054 17.0379C23.3157 17.0625 23.3244 17.0836 23.3244 17.1047L23.3753 17.1556H23.935C23.9858 17.1556 24.0876 17.1556 24.0876 17.2065C24.0876 17.2573 23.935 17.3082 23.7823 17.3591L23.5279 17.3591L23.5788 17.41C23.6297 17.5117 23.7314 17.5626 23.935 17.5626C24.2402 17.5626 24.342 17.3082 24.342 17.1047V17.0029C24.3929 17.0029 24.5455 17.0029 24.5455 16.9012C24.5964 16.8503 24.4946 16.7994 24.3929 16.7994Z" fill="currentColor"/>
+<path d="M34.3294 25.0884C34.377 25.0454 34.4244 25.0126 34.4672 24.9912L34.5181 24.9403L34.569 25.1438C34.4753 25.1064 34.3954 25.0896 34.3294 25.0884Z" fill="currentColor"/>
+<path d="M20.933 27.9423H22.9173C22.9682 27.9423 22.9682 27.9931 22.9682 28.044V28.0949C22.9682 28.1458 22.9682 28.2476 23.1209 28.2984C23.3244 28.3493 23.935 28.8581 23.935 29.1125C23.935 29.1634 23.8841 29.2652 23.8332 29.316L23.6806 29.5196C23.6297 29.6213 23.5788 29.7231 23.6806 29.9266C23.935 30.2828 24.1385 30.2828 24.2911 30.2828H24.1894L24.1385 30.3337C23.9858 30.3845 23.6806 30.4354 23.2226 30.4354H23.1209C22.9173 30.4354 22.7138 30.3845 22.5103 30.3337L21.9506 30.2319L21.8853 30.2209C21.6083 30.1742 21.3689 30.1338 21.0856 30.181H20.933C20.3733 30.2828 20.0172 30.7916 20.2716 32.4198V32.5724C20.2716 32.6233 20.3733 32.6742 20.5768 32.6742C20.8821 32.6742 21.6453 33.0303 22.1033 33.7935L21.8997 33.6918V33.59L21.5944 33.4883C21.1874 33.2847 20.7804 33.1321 20.6277 33.3865C20.526 33.59 20.5768 33.7427 20.7295 33.8444C20.7804 33.8444 20.6786 33.8953 20.526 33.9462L20.3733 33.9971L20.1189 34.0988H19.8645L19.3557 34.2515L18.4398 34.5059C18.2872 34.5567 18.2363 34.6585 18.5416 34.862L18.5925 34.9129L18.8978 35.1164L18.9487 35.1673C18.9995 35.2182 19.0504 35.2691 18.9995 35.2691H18.8469C18.6943 35.2691 18.5416 35.2691 18.5416 35.3708C18.5416 35.4726 18.4907 35.727 18.2363 35.727C17.9819 35.727 17.8293 35.5744 17.8293 35.3708V35.1164C17.8293 34.9129 17.7275 34.7603 17.524 34.7603C17.2187 34.7603 17.0152 35.0656 17.0152 35.6252C17.0152 36.0323 16.6081 36.134 16.4555 36.134C16.3029 36.134 16.1502 36.0832 16.1502 35.8288C16.1502 35.7779 16.0485 35.7779 15.9467 35.7779H15.8449C15.7941 35.7779 15.8449 35.727 15.9467 35.6252L16.0485 35.5744L16.3537 35.3708L16.659 35.1164C16.7608 35.0656 16.7608 34.862 16.7099 34.8112L16.659 34.7603C16.5573 34.7094 16.4555 34.6585 16.252 34.8112C16.0485 35.0147 15.7941 35.1673 15.5905 35.1673C15.387 35.1673 15.1835 34.9638 15.1835 34.7603V34.5059C15.1835 34.4041 15.1835 34.2515 15.0308 34.2006L14.98 34.1497C14.9569 34.1266 14.9443 34.114 14.9469 34.1071C14.95 34.0988 14.9752 34.0988 15.0308 34.0988H16.2011C16.4046 34.0988 16.6081 34.0479 16.6081 33.9971C16.6081 33.7427 16.3537 33.6918 16.252 33.6918H16.0993C15.8449 33.6918 15.4888 33.6918 15.4888 33.3356C15.4888 33.2339 15.5397 33.183 15.5905 33.1321H15.6414C15.6414 33.1067 15.6541 33.0939 15.6669 33.0812C15.6796 33.0685 15.6923 33.0558 15.6923 33.0303C15.6923 32.9286 15.5397 32.9286 15.4888 32.9286L15.5905 32.8268C15.7432 32.7759 16.0485 32.6742 16.3537 32.9286L16.5573 33.1321L16.7608 33.4374C16.9134 33.6409 17.0661 33.7935 17.3205 33.7935H17.4222C17.931 33.7427 19.1522 33.2847 19.1522 31.911C19.1522 31.5039 19.0504 31.1477 18.9487 30.8425L18.8469 30.5372L18.6943 30.2319V30.181C18.6943 30.1556 18.6943 30.1429 18.7006 30.1365C18.707 30.1301 18.7197 30.1301 18.7451 30.1301H18.8469C18.9487 30.1301 19.1013 30.0793 19.1013 29.8757C19.1013 29.4687 16.659 29.4178 15.8958 30.181V29.9775L15.9467 29.8757C16.0993 29.6213 16.4555 29.2652 17.2696 29.2652C17.3888 29.2652 17.4906 29.2826 17.5749 29.2971C17.6345 29.3073 17.6854 29.316 17.7275 29.316L17.8802 29.3669C18.0328 29.4178 18.1346 29.4178 18.2872 29.3669C18.3381 29.3669 18.3381 29.316 18.2872 29.2652L18.0837 29.0108C17.931 28.8581 17.7784 28.7055 17.8293 28.4002L17.8802 28.4511C18.0328 28.6037 18.389 28.909 18.796 28.909C18.8176 28.909 18.8301 28.909 18.8411 28.9051C18.8561 28.8998 18.8685 28.8874 18.8978 28.8581L18.9487 28.8072L19.0504 28.6546L19.2539 28.4511C19.5592 28.2476 20.068 27.9423 20.933 27.9423Z" fill="currentColor"/>
+<path d="M32.2285 17.41C32.3811 17.7153 32.6864 18.0714 32.9917 18.0205C33.0935 18.0205 33.0935 17.8679 33.0426 17.7153L32.9917 17.5117L32.9408 17.41V17.2065L33.2461 17.5117C33.3988 17.6644 33.5514 17.817 33.704 17.9188C34.0093 18.1223 34.0602 18.7329 33.9076 19.089C33.8567 19.1738 33.7945 19.2586 33.7324 19.3434C33.608 19.513 33.4836 19.6826 33.4496 19.8522V19.9031C33.3988 20.0558 33.297 20.2593 33.1444 20.5646L33.0426 20.7681C33.0214 20.8 33.0023 20.8296 32.9841 20.8579C32.9152 20.9654 32.8581 21.0544 32.7373 21.1751L32.5338 21.3787C32.3811 21.5822 32.1776 21.7857 31.9741 21.9892L31.8723 22.091L31.3635 21.6331L32.1776 20.819C32.5338 20.4119 32.8391 20.0049 32.7882 19.6996H32.7373L32.6864 19.6487H32.6355L32.5338 19.5978C32.3303 19.4452 32.025 19.1399 32.0759 18.682L32.1267 18.7838L32.1776 18.8346L32.2285 18.9364C32.3811 19.1399 32.6355 19.3434 32.7882 19.1908C33.0426 19.0382 32.8391 18.6311 32.5338 18.3258L32.432 18.2241V18.0714L32.3811 18.0205C32.1776 17.817 32.0759 17.5117 32.0759 17.3082V17.1047L32.2285 17.41Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.1894 14.001L24.342 14.0519L24.4946 14.2045L24.6473 14.2554C24.8508 14.408 25.0543 14.6115 25.0543 14.8151C25.0543 15.0695 24.7999 15.1712 24.6473 15.2221H24.5964C24.6982 15.4765 24.9017 15.5783 25.0035 15.6292H25.4614C25.7667 15.6292 25.7667 15.3748 25.7667 15.273V15.1712H25.7158C25.614 15.1712 25.4105 15.0695 25.4105 14.8659C25.4105 14.6115 25.7667 14.408 26.1228 14.3063L26.3263 14.2045L26.479 14.1536L26.3772 14.5607H26.3263C26.2246 14.5607 26.1228 14.6624 26.1228 14.8151C26.1228 14.8659 26.1737 14.9168 26.2246 14.9677H26.2755L25.9702 15.9853H22.6121L22.3577 15.0186C22.3697 15.0066 22.3845 14.9946 22.4002 14.9819C22.4509 14.9409 22.5103 14.8928 22.5103 14.8151C22.5103 14.6624 22.4085 14.5607 22.3068 14.5607H22.2559L22.1033 14.1027C22.4085 14.1536 23.1717 14.4589 23.1717 14.8151C23.1717 15.0695 22.9682 15.1712 22.8665 15.1712H22.8156C22.8156 15.4765 23.0191 15.5783 23.1209 15.5783H23.6806C23.935 15.5783 23.9858 15.273 23.9858 15.1712V15.1204H23.8332C23.6806 15.0695 23.5279 15.0186 23.5279 14.8659C23.5279 14.6115 23.7314 14.408 23.935 14.2045L24.1385 14.001H24.1894ZM24.2911 14.6115C24.1385 14.6115 24.0367 14.7133 24.0367 14.8659C24.0367 15.0186 24.1385 15.1204 24.2911 15.1204C24.4438 15.1204 24.5455 15.0186 24.5455 14.8659C24.5455 14.7133 24.4438 14.6115 24.2911 14.6115Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45 10.001V6.00098C45 4.89641 44.1046 4.00098 43 4.00098H2C0.89543 4.00098 0 4.89641 0 6.00098V42.001C0 43.1055 0.895431 44.001 2 44.001H43.1687C44.2051 44.001 45.0699 43.2092 45.161 42.1768L47.808 12.1768C47.9112 11.0074 46.9897 10.001 45.8158 10.001H45ZM43.5 6.00098C43.5 5.72483 43.2761 5.50098 43 5.50098H2C1.72386 5.50098 1.5 5.72483 1.5 6.00098V25.501L2.85094 8.83934C2.93514 7.80086 3.8025 7.00098 4.8444 7.00098H20.1716C20.702 7.00098 21.2107 7.21169 21.5858 7.58676L24 10.001H43.5V6.00098ZM20.5251 8.64742C20.4314 8.55366 20.3042 8.50098 20.1716 8.50098H4.8444C4.58393 8.50098 4.36709 8.70095 4.34604 8.96057L1.67036 41.9606C1.64676 42.2517 1.87665 42.501 2.16873 42.501H43.1687C43.4278 42.501 43.644 42.303 43.6668 42.0449L46.3138 12.0449C46.3396 11.7526 46.1092 11.501 45.8158 11.501H23.3787L20.5251 8.64742Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/time.svg b/assets/icons/complex/time.svg
new file mode 100644
index 00000000..0871bcf1
--- /dev/null
+++ b/assets/icons/complex/time.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.75 8.00073C24.75 7.58652 24.4142 7.25073 24 7.25073C23.5858 7.25073 23.25 7.58652 23.25 8.00073V24.3266L30.9883 31.549C31.2911 31.8316 31.7657 31.8153 32.0483 31.5125C32.3309 31.2097 32.3146 30.7351 32.0117 30.4524L24.75 23.6748V8.00073Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 45.4998C35.8741 45.4998 45.5 35.8739 45.5 23.9998C45.5 12.1256 35.8741 2.49976 24 2.49976C12.1259 2.49976 2.5 12.1256 2.5 23.9998C2.5 35.8739 12.1259 45.4998 24 45.4998ZM24 46.9998C36.7025 46.9998 47 36.7023 47 23.9998C47 11.2972 36.7025 0.999756 24 0.999756C11.2975 0.999756 1 11.2972 1 23.9998C1 36.7023 11.2975 46.9998 24 46.9998Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/tombstone.svg b/assets/icons/complex/tombstone.svg
new file mode 100644
index 00000000..6609e7b8
--- /dev/null
+++ b/assets/icons/complex/tombstone.svg
@@ -0,0 +1,7 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 32.75C12 32.3358 12.3358 32 12.75 32H35.25C35.6642 32 36 32.3358 36 32.75C36 33.1642 35.6642 33.5 35.25 33.5H12.75C12.3358 33.5 12 33.1642 12 32.75Z" fill="currentColor"/>
+<path d="M12 36.75C12 36.3358 12.3358 36 12.75 36H35.25C35.6642 36 36 36.3358 36 36.75C36 37.1642 35.6642 37.5 35.25 37.5H12.75C12.3358 37.5 12 37.1642 12 36.75Z" fill="currentColor"/>
+<path d="M12 40.75C12 40.3358 12.3358 40 12.75 40H35.25C35.6642 40 36 40.3358 36 40.75C36 41.1642 35.6642 41.5 35.25 41.5H12.75C12.3358 41.5 12 41.1642 12 40.75Z" fill="currentColor"/>
+<path d="M24 7.75C24.4142 7.75 24.75 8.08579 24.75 8.5V15H30.25C30.6642 15 31 15.3358 31 15.75C31 16.1642 30.6642 16.5 30.25 16.5H24.75V27C24.75 27.4142 24.4142 27.75 24 27.75C23.5858 27.75 23.25 27.4142 23.25 27V16.5H17.75C17.3358 16.5 17 16.1642 17 15.75C17 15.3358 17.3358 15 17.75 15H23.25V8.5C23.25 8.08579 23.5858 7.75 24 7.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0C13.5066 0 5 8.50659 5 19V46C5 47.1046 5.89543 48 7 48H41C42.1046 48 43 47.1046 43 46V19C43 8.50659 34.4934 0 24 0ZM41.5 19C41.5 9.33502 33.665 1.5 24 1.5C14.335 1.5 6.5 9.33502 6.5 19V46C6.5 46.2761 6.72386 46.5 7 46.5H41C41.2761 46.5 41.5 46.2761 41.5 46V19Z" fill="currentColor"/>
+</svg>
diff --git a/assets/icons/complex/vaccine.svg b/assets/icons/complex/vaccine.svg
new file mode 100644
index 00000000..312d6619
--- /dev/null
+++ b/assets/icons/complex/vaccine.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_985_3803)">
+<path d="M11.1193 1.15821C11.4122 1.4511 11.4122 1.92597 11.1193 2.21887L8.82119 4.51696L10.9425 6.63828C11.1378 6.83355 11.1378 7.15013 10.9425 7.34539L7.44357 10.8443C7.24831 11.0396 6.93173 11.0396 6.73646 10.8443L4.61514 8.72301L2.28045 11.0577C1.98756 11.3506 1.51269 11.3506 1.21979 11.0577C0.926899 10.7648 0.926899 10.2899 1.21979 9.99704L10.0586 1.15821C10.3515 0.865314 10.8264 0.865314 11.1193 1.15821Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.3733 41.3723L36.1242 42.1296C33.9954 42.4843 31.8889 41.7268 30.3629 40.2008L6.34632 16.1842C5.56527 15.4032 5.56527 14.1368 6.34632 13.3558L13.4174 6.28473C14.1984 5.50368 15.4648 5.50368 16.2458 6.28473L40.2624 30.3013C41.7884 31.8273 42.5318 33.948 42.177 36.0767L41.4339 40.3116L46.1714 45.0491L46.525 47.524L40.3733 41.3723ZM15.235 7.39526C15.0398 7.2 14.7232 7.2 14.5279 7.39526L7.45684 14.4663C7.26158 14.6616 7.26158 14.9782 7.45684 15.1734L10.9425 18.6591L13.5942 16.0074C13.8871 15.7146 14.3619 15.7146 14.6548 16.0074C14.9477 16.3003 14.9477 16.7752 14.6548 17.0681L12.0032 19.7198L15.8923 23.6088L18.5439 20.9572C18.8368 20.6643 19.3117 20.6643 19.6046 20.9572C19.8975 21.2501 19.8975 21.725 19.6046 22.0179L16.9529 24.6695L21.428 29.1446L36.8726 29.0328L15.235 7.39526Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_985_3803">
+<rect width="48" height="48" fill="white" transform="translate(0 0.000854492)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/build/core.css b/build/core.css
new file mode 100644
index 00000000..d3a78100
--- /dev/null
+++ b/build/core.css
@@ -0,0 +1 @@
+.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}*{margin:0}h1,.h1{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing)}h2,.h2{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}h3,.h3{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing)}h4,.h4{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}h5,.h5{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}h6,.h6{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-text--xs{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing)}.gov-text--s{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-text--m{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-text--l{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-text--xl{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-text--2xl{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}.gov-text--3xl{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}.gov-text--4xl{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing)}.gov-text--5xl{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}.gov-text--6xl{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing)}a,.gov-link{color:var(--gov-color-primary);text-decoration:underline;transition:color 150ms ease-in-out;cursor:pointer}a:focus,.gov-link:focus{outline:none}a:focus-visible,.gov-link:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}a>*,.gov-link>*{color:var(--gov-color-primary)}a .gov-link--icon-unset .gov-icon,.gov-link .gov-link--icon-unset .gov-icon{display:none !important}a .gov-link--external-unset:after,.gov-link .gov-link--external-unset:after{display:none !important}@media not all and (pointer: coarse){a:hover,.gov-link:hover{text-decoration:none}}a .gov-link--external.gov-text--xs::after,a[target=_blank].gov-text--xs::after,.gov-link .gov-link--external.gov-text--xs::after,.gov-link[target=_blank].gov-text--xs::after{font-size:calc(var(--gov-text-xs-font-size) * 1.4)}a .gov-link--external.gov-text--s::after,a[target=_blank].gov-text--s::after,.gov-link .gov-link--external.gov-text--s::after,.gov-link[target=_blank].gov-text--s::after{font-size:calc(var(--gov-text-s-font-size) * 1.4)}a .gov-link--external.gov-text--m::after,a[target=_blank].gov-text--m::after,.gov-link .gov-link--external.gov-text--m::after,.gov-link[target=_blank].gov-text--m::after{font-size:calc(var(--gov-text-m-font-size) * 1.4)}a .gov-link--external.gov-text--l::after,a[target=_blank].gov-text--l::after,.gov-link .gov-link--external.gov-text--l::after,.gov-link[target=_blank].gov-text--l::after{font-size:calc(var(--gov-text-l-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}.gov-ordered-list{margin:0}.gov-ordered-list>li,.gov-ordered-list>.gov-ordered-list__item{margin-bottom:0.25rem}.gov-list{margin:0;list-style:none}.gov-list>*:last-child{margin-bottom:0}.gov-list--plain{padding-left:0}.gov-list--plain>li,.gov-list--plain>.gov-list__item{margin-bottom:0.25rem}.gov-list--plain>li::before,.gov-list--plain>.gov-list__item::before{display:none}.gov-list--inline>li,.gov-list--inline>.gov-list__item{display:inline-block;margin-right:0.75rem}.gov-list>li,.gov-list__item{position:relative;margin-bottom:0.5rem}.gov-list>li::before,.gov-list__item::before{content:"";position:absolute;display:block;top:0.625rem;left:-0.875rem;width:0.3125rem;height:0.3125rem;border-radius:100%;background-color:var(--gov-color-primary)}.gov-box-shadow--unset{box-shadow:none}.gov-box-shadow--s{box-shadow:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16)}.gov-box-shadow--m{box-shadow:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2)}.gov-box-shadow--l{box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-box-shadow--xl{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-bg--primary-100{background-color:var(--gov-color-primary-100)}.gov-bg--primary-200{background-color:var(--gov-color-primary-200)}.gov-bg--primary-300{background-color:var(--gov-color-primary-300)}.gov-bg--primary-400{background-color:var(--gov-color-primary-400)}.gov-bg--primary-500{background-color:var(--gov-color-primary-500)}.gov-bg--primary-600{background-color:var(--gov-color-primary-600)}.gov-bg--primary-700{background-color:var(--gov-color-primary-700)}.gov-bg--primary-800{background-color:var(--gov-color-primary-800)}.gov-bg--primary-900{background-color:var(--gov-color-primary-900)}.gov-bg--secondary-100{background-color:var(--gov-color-secondary-100)}.gov-bg--secondary-200{background-color:var(--gov-color-secondary-200)}.gov-bg--secondary-300{background-color:var(--gov-color-secondary-300)}.gov-bg--secondary-400{background-color:var(--gov-color-secondary-400)}.gov-bg--secondary-500{background-color:var(--gov-color-secondary-500)}.gov-bg--secondary-600{background-color:var(--gov-color-secondary-600)}.gov-bg--secondary-700{background-color:var(--gov-color-secondary-700)}.gov-bg--secondary-800{background-color:var(--gov-color-secondary-800)}.gov-bg--secondary-900{background-color:var(--gov-color-secondary-900)}.gov-bg--success-100{background-color:var(--gov-color-success-100)}.gov-bg--success-200{background-color:var(--gov-color-success-200)}.gov-bg--success-300{background-color:var(--gov-color-success-300)}.gov-bg--success-400{background-color:var(--gov-color-success-400)}.gov-bg--success-500{background-color:var(--gov-color-success-500)}.gov-bg--success-600{background-color:var(--gov-color-success-600)}.gov-bg--success-700{background-color:var(--gov-color-success-700)}.gov-bg--warning-100{background-color:var(--gov-color-warning-100)}.gov-bg--warning-200{background-color:var(--gov-color-warning-200)}.gov-bg--warning-300{background-color:var(--gov-color-warning-300)}.gov-bg--warning-400{background-color:var(--gov-color-warning-400)}.gov-bg--warning-500{background-color:var(--gov-color-warning-500)}.gov-bg--warning-600{background-color:var(--gov-color-warning-600)}.gov-bg--warning-700{background-color:var(--gov-color-warning-700)}.gov-bg--error-100{background-color:var(--gov-color-error-100)}.gov-bg--error-200{background-color:var(--gov-color-error-200)}.gov-bg--error-300{background-color:var(--gov-color-error-300)}.gov-bg--error-400{background-color:var(--gov-color-error-400)}.gov-bg--error-500{background-color:var(--gov-color-error-500)}.gov-bg--error-600{background-color:var(--gov-color-error-600)}.gov-bg--focus-base{background-color:var(--gov-color-focus-base)}.gov-bg--neutral-black{background-color:var(--gov-color-neutral-black)}.gov-bg--neutral-white{background-color:var(--gov-color-neutral-white)}.gov-color--primary-100{color:var(--gov-color-primary-100)}.gov-color--primary-200{color:var(--gov-color-primary-200)}.gov-color--primary-300{color:var(--gov-color-primary-300)}.gov-color--primary-400{color:var(--gov-color-primary-400)}.gov-color--primary-500{color:var(--gov-color-primary-500)}.gov-color--primary-600{color:var(--gov-color-primary-600)}.gov-color--primary-700{color:var(--gov-color-primary-700)}.gov-color--primary-800{color:var(--gov-color-primary-800)}.gov-color--primary-900{color:var(--gov-color-primary-900)}.gov-color--secondary-100{color:var(--gov-color-secondary-100)}.gov-color--secondary-200{color:var(--gov-color-secondary-200)}.gov-color--secondary-300{color:var(--gov-color-secondary-300)}.gov-color--secondary-400{color:var(--gov-color-secondary-400)}.gov-color--secondary-500{color:var(--gov-color-secondary-500)}.gov-color--secondary-600{color:var(--gov-color-secondary-600)}.gov-color--secondary-700{color:var(--gov-color-secondary-700)}.gov-color--secondary-800{color:var(--gov-color-secondary-800)}.gov-color--secondary-900{color:var(--gov-color-secondary-900)}.gov-color--success-100{color:var(--gov-color-success-100)}.gov-color--success-200{color:var(--gov-color-success-200)}.gov-color--success-300{color:var(--gov-color-success-300)}.gov-color--success-400{color:var(--gov-color-success-400)}.gov-color--success-500{color:var(--gov-color-success-500)}.gov-color--success-600{color:var(--gov-color-success-600)}.gov-color--success-700{color:var(--gov-color-success-700)}.gov-color--warning-100{color:var(--gov-color-warning-100)}.gov-color--warning-200{color:var(--gov-color-warning-200)}.gov-color--warning-300{color:var(--gov-color-warning-300)}.gov-color--warning-400{color:var(--gov-color-warning-400)}.gov-color--warning-500{color:var(--gov-color-warning-500)}.gov-color--warning-600{color:var(--gov-color-warning-600)}.gov-color--warning-700{color:var(--gov-color-warning-700)}.gov-color--error-100{color:var(--gov-color-error-100)}.gov-color--error-200{color:var(--gov-color-error-200)}.gov-color--error-300{color:var(--gov-color-error-300)}.gov-color--error-400{color:var(--gov-color-error-400)}.gov-color--error-500{color:var(--gov-color-error-500)}.gov-color--error-600{color:var(--gov-color-error-600)}.gov-color--focus-base{color:var(--gov-color-focus-base)}.gov-color--neutral-black{color:var(--gov-color-neutral-black)}.gov-color--neutral-white{color:var(--gov-color-neutral-white)}.gov-hide{display:none}@media (max-width: 29.99em){.gov-hide--sm{display:none;visibility:hidden}}@media (max-width: 47.99em){.gov-hide--md{display:none;visibility:hidden}}@media (max-width: 63.99em){.gov-hide--lg{display:none;visibility:hidden}}@media (max-width: 74.99em){.gov-hide--xl{display:none;visibility:hidden}}:root,:host{--gov-color-primary:#2362a2;--gov-color-secondary:#3b3b3b;--gov-color-success:#6fbd2c;--gov-color-warning:#f9c13c;--gov-color-error:#c52a3a;--gov-color-primary-100-rgb:236, 247, 255;--gov-color-primary-100:#ecf7ff;--gov-color-primary-200-rgb:217, 239, 255;--gov-color-primary-200:#d9efff;--gov-color-primary-300-rgb:181, 217, 243;--gov-color-primary-300:#b5d9f3;--gov-color-primary-400-rgb:102, 161, 216;--gov-color-primary-400:#66a1d8;--gov-color-primary-500-rgb:48, 119, 183;--gov-color-primary-500:#3077b7;--gov-color-primary-600-rgb:35, 98, 162;--gov-color-primary-600:#2362a2;--gov-color-primary-700-rgb:37, 78, 128;--gov-color-primary-700:#254e80;--gov-color-primary-800-rgb:21, 53, 94;--gov-color-primary-800:#15355e;--gov-color-primary-900-rgb:13, 33, 58;--gov-color-primary-900:#0d213a;--gov-color-secondary-100-rgb:252, 252, 252;--gov-color-secondary-100:#fcfcfc;--gov-color-secondary-200-rgb:250, 250, 250;--gov-color-secondary-200:#fafafa;--gov-color-secondary-300-rgb:245, 245, 245;--gov-color-secondary-300:#f5f5f5;--gov-color-secondary-400-rgb:234, 234, 234;--gov-color-secondary-400:#eaeaea;--gov-color-secondary-500-rgb:221, 221, 221;--gov-color-secondary-500:#dddddd;--gov-color-secondary-600-rgb:168, 168, 168;--gov-color-secondary-600:#a8a8a8;--gov-color-secondary-700-rgb:104, 104, 104;--gov-color-secondary-700:#686868;--gov-color-secondary-800-rgb:59, 59, 59;--gov-color-secondary-800:#3b3b3b;--gov-color-secondary-900-rgb:35, 35, 35;--gov-color-secondary-900:#232323;--gov-color-success-100-rgb:245, 250, 240;--gov-color-success-100:#f5faf0;--gov-color-success-200-rgb:220, 239, 204;--gov-color-success-200:#dcefcc;--gov-color-success-300-rgb:163, 213, 120;--gov-color-success-300:#a3d578;--gov-color-success-400-rgb:111, 189, 44;--gov-color-success-400:#6fbd2c;--gov-color-success-500-rgb:72, 133, 21;--gov-color-success-500:#488515;--gov-color-success-600-rgb:58, 98, 23;--gov-color-success-600:#3a6217;--gov-color-success-700-rgb:44, 79, 13;--gov-color-success-700:#2c4f0d;--gov-color-warning-100-rgb:254, 249, 239;--gov-color-warning-100:#fef9ef;--gov-color-warning-200-rgb:250, 236, 200;--gov-color-warning-200:#faecc8;--gov-color-warning-300-rgb:250, 212, 123;--gov-color-warning-300:#fad47b;--gov-color-warning-400-rgb:249, 193, 60;--gov-color-warning-400:#f9c13c;--gov-color-warning-500-rgb:199, 131, 0;--gov-color-warning-500:#c78300;--gov-color-warning-600-rgb:153, 98, 15;--gov-color-warning-600:#99620f;--gov-color-warning-700-rgb:134, 81, 2;--gov-color-warning-700:#865102;--gov-color-error-100-rgb:255, 232, 234;--gov-color-error-100:#ffe8ea;--gov-color-error-200-rgb:247, 205, 210;--gov-color-error-200:#f7cdd2;--gov-color-error-300-rgb:217, 102, 113;--gov-color-error-300:#d96671;--gov-color-error-400-rgb:197, 42, 58;--gov-color-error-400:#c52a3a;--gov-color-error-500-rgb:158, 6, 21;--gov-color-error-500:#9e0615;--gov-color-error-600-rgb:131, 7, 19;--gov-color-error-600:#830713;--gov-color-focus-base-rgb:0, 123, 255;--gov-color-focus-base:#007bff;--gov-color-neutral-black-rgb:0, 0, 0;--gov-color-neutral-black:#000000;--gov-color-neutral-white-rgb:255, 255, 255;--gov-color-neutral-white:#ffffff;--gov-box-shadow-unset:none;--gov-box-shadow-s:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16);--gov-box-shadow-m:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2);--gov-box-shadow-l:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24);--gov-box-shadow-xl:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}@media (min-width: 0){:root,:host{--gov-text-xs-font-size:0.75rem;--gov-text-xs-line-height:150%;--gov-text-xs-font-weight:400;--gov-text-xs-letter-spacing:0.0166em;--gov-text-xs-margin-bottom:0.5rem;--gov-text-s-font-size:0.875rem;--gov-text-s-line-height:150%;--gov-text-s-font-weight:400;--gov-text-s-letter-spacing:0.0125em;--gov-text-s-margin-bottom:0.5rem;--gov-text-m-font-size:1rem;--gov-text-m-line-height:150%;--gov-text-m-font-weight:400;--gov-text-m-letter-spacing:0.0125em;--gov-text-m-margin-bottom:0.5rem;--gov-text-l-font-size:1.125rem;--gov-text-l-line-height:150%;--gov-text-l-font-weight:400;--gov-text-l-letter-spacing:0.0125em;--gov-text-l-margin-bottom:0.5rem;--gov-text-xl-font-size:1.25rem;--gov-text-xl-line-height:150%;--gov-text-xl-font-weight:500;--gov-text-xl-letter-spacing:0.0125em;--gov-text-xl-margin-top:0.5rem;--gov-text-xl-margin-bottom:0.5rem;--gov-text-2xl-font-size:1.375rem;--gov-text-2xl-line-height:150%;--gov-text-2xl-font-weight:500;--gov-text-2xl-letter-spacing:0.0312em;--gov-text-2xl-margin-top:0.5rem;--gov-text-2xl-margin-bottom:0.5rem;--gov-text-3xl-font-size:1.625rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-font-weight:400;--gov-text-3xl-margin-top:1rem;--gov-text-3xl-margin-bottom:0.5rem;--gov-text-4xl-font-size:2rem;--gov-text-4xl-line-height:130%;--gov-text-4xl-font-weight:300;--gov-text-4xl-margin-top:1rem;--gov-text-4xl-margin-bottom:1rem;--gov-text-5xl-font-size:2.25rem;--gov-text-5xl-line-height:125%;--gov-text-5xl-font-weight:300;--gov-text-5xl-margin-top:1.5rem;--gov-text-5xl-margin-bottom:1rem;--gov-text-6xl-font-size:3rem;--gov-text-6xl-line-height:125%;--gov-text-6xl-font-weight:300;--gov-text-6xl-margin-top:2rem;--gov-text-6xl-margin-bottom:1.5rem}}@media (min-width: 48em){:root,:host{--gov-text-2xl-font-size:1.375rem;--gov-text-2xl-margin-top:1rem;--gov-text-3xl-font-size:1.75rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-margin-top:1.5rem;--gov-text-4xl-font-size:2.25rem;--gov-text-4xl-margin-top:1.5rem;--gov-text-5xl-font-size:2.625rem;--gov-text-5xl-margin-top:2rem;--gov-text-6xl-font-size:3.625rem;--gov-text-6xl-margin-top:2.5rem}}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-content h1,.gov-content .h1{margin-bottom:var(--gov-text-6xl-margin-bottom);margin-top:var(--gov-text-6xl-margin-top)}.gov-content h2,.gov-content .h2{margin-bottom:var(--gov-text-5xl-margin-bottom);margin-top:var(--gov-text-5xl-margin-top)}.gov-content h3,.gov-content .h3{margin-bottom:var(--gov-text-4xl-margin-bottom);margin-top:var(--gov-text-4xl-margin-top)}.gov-content h4,.gov-content .h4{margin-bottom:var(--gov-text-3xl-margin-bottom);margin-top:var(--gov-text-3xl-margin-top)}.gov-content h5,.gov-content .h5{margin-bottom:var(--gov-text-2xl-margin-bottom);margin-top:var(--gov-text-2xl-margin-top)}.gov-content h6,.gov-content .h6{margin-bottom:var(--gov-text-xl-margin-bottom);margin-top:var(--gov-text-xl-margin-top)}.gov-content p{margin-bottom:var(--gov-text-m-margin-bottom);margin-top:var(--gov-text-m-margin-top)}.gov-content .gov-text--xs{margin-bottom:var(--gov-text-xs-margin-bottom);margin-top:var(--gov-text-xs-margin-top)}.gov-content .gov-text--s{margin-bottom:var(--gov-text-s-margin-bottom);margin-top:var(--gov-text-s-margin-top)}.gov-content .gov-text--m{margin-bottom:var(--gov-text-m-margin-bottom);margin-top:var(--gov-text-m-margin-top)}.gov-content .gov-text--l{margin-bottom:var(--gov-text-l-margin-bottom);margin-top:var(--gov-text-l-margin-top)}.gov-content .gov-text--xl{margin-bottom:var(--gov-text-xl-margin-bottom);margin-top:var(--gov-text-xl-margin-top)}.gov-content .gov-text--2xl{margin-bottom:var(--gov-text-2xl-margin-bottom);margin-top:var(--gov-text-2xl-margin-top)}.gov-content .gov-text--3xl{margin-bottom:var(--gov-text-3xl-margin-bottom);margin-top:var(--gov-text-3xl-margin-top)}.gov-content .gov-text--4xl{margin-bottom:var(--gov-text-4xl-margin-bottom);margin-top:var(--gov-text-4xl-margin-top)}.gov-content .gov-text--5xl{margin-bottom:var(--gov-text-5xl-margin-bottom);margin-top:var(--gov-text-5xl-margin-top)}.gov-content .gov-text--6xl{margin-bottom:var(--gov-text-6xl-margin-bottom);margin-top:var(--gov-text-6xl-margin-top)}.gov-content *:first-child{margin-top:0}.gov-content *:last-child{margin-bottom:0}html{font-size:16px;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,:host{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);min-width:var(--gov-layout-min-width, 20rem);margin:0;padding:0;color:var(--gov-color-secondary);font-family:var(--gov-font-family, "Roboto", sans-serif)}body.body-fixed,:host.body-fixed{overflow:hidden}:first-child{margin-top:0}hr{height:0;border:0 none;border-top:1px solid gainsboro;font-size:0}legend{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:1rem;padding:0;color:var(--gov-form-legend-color, #3b3b3b)}fieldset{border:none;padding:0}
\ No newline at end of file
diff --git a/build/core.esm.js b/build/core.esm.js
new file mode 100644
index 00000000..8fa93cf3
--- /dev/null
+++ b/build/core.esm.js
@@ -0,0 +1,2 @@
+import{p as e,H as a,b as i}from"./p-3336fe3b.js";export{s as setNonce}from"./p-3336fe3b.js";import{g as l}from"./p-e1255160.js";const t=()=>{{c(a.prototype)}const i=import.meta.url;const l={};if(i!==""){l.resourcesUrl=new URL(".",i).href}return e(l)};const c=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const i=a.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){i.appendChild(l[e].cloneNode(true))}}}return i}};t().then((async e=>{await l();return i(JSON.parse('[["p-67aa21e9",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[4],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"multiple":[4],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"attachmentsLabel":[1,"attachments-label"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagAttachmentsLabel":[1,"wcag-attachments-label"],"files":[32],"getRef":[64],"getAreaRef":[64],"reset":[64],"validateWcag":[64]},null,{"disabled":["watchDisabled"],"invalid":["watchDisabled"]}]]],["p-cb1e975d",[[4,"gov-form-multi-select",{"identifier":[1],"placeholder":[1],"variant":[1],"size":[1],"name":[1],"hideSelectedList":[4,"hide-selected-list"],"required":[4],"disabled":[4],"invalid":[4],"success":[4],"messageEmpty":[1,"message-empty"],"messageLoading":[1,"message-loading"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"value":[32],"selectedOptions":[32],"options":[32],"setFocus":[64],"setValue":[64],"getRef":[64],"getSelectedOptions":[64],"setOptions":[64],"setSelectedOptions":[64],"removeSelectedOption":[64],"setSelectedOption":[64],"validateWcag":[64]},null,{"variant":["validateVariant"],"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"],"success":["watchDisabled"]}]]],["p-0aabbc7c",[[4,"gov-modal",{"open":[1028],"blockClose":[4,"block-close"],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"show":[64],"hide":[64],"validateWcag":[64]},null,{"labelTag":["validateLabelTag"],"open":["watchOpen"]}]]],["p-5d0381fc",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"inverse":[4],"size":[1],"variant":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagPageLabel":[1,"wcag-page-label"],"pagination":[32],"validateWcag":[64]},null,{"type":["validateType"],"size":["validateSize"],"variant":["validateVariant"],"current":["recalculate"],"total":["recalculate"],"pageSize":["recalculate"],"maxPages":["recalculate"]}]]],["p-e5df1da2",[[4,"gov-prompt",{"open":[1028],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"show":[64],"hide":[64],"validateWcag":[64]},null,{"labelTag":["validateLabelTag"],"open":["watchOpen"]}]]],["p-e4ccde4f",[[4,"gov-tabs",{"type":[1],"variant":[1],"orientation":[1],"wcagLabel":[1,"wcag-label"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"controller":[32],"focusIndex":[32],"compactControls":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"validateWcag":[64]},null,{"type":["validateType"],"variant":["validateVariant"]}]]],["p-57925518",[[4,"gov-infobar",{"headline":[1],"variant":[1],"inverse":[4],"wcagCloseLabel":[1,"wcag-close-label"],"wcagToggleLabel":[1,"wcag-toggle-label"],"closable":[4],"toggleContent":[32],"validateWcag":[64]},null,{"variant":["validateVariant"]}]]],["p-572aea8b",[[4,"gov-loading"]]],["p-ddc93dbe",[[4,"gov-side-nav-item",{"inverse":[4],"compact":[4],"identifier":[1],"count":[4],"label":[1],"disabled":[4],"href":[1],"isExpanded":[4,"is-expanded"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]},null,{"label":["validateLabel"]}]]],["p-f334afac",[[4,"gov-toast",{"variant":[1],"gravity":[1],"position":[1],"type":[1],"time":[2],"closeLabel":[1,"close-label"],"wcagCloseLabel":[1,"wcag-close-label"],"destroy":[64]},null,{"variant":["validateVariant"]}]]],["p-7b939606",[[4,"gov-tooltip-content",{"variant":[1],"size":[1],"persist":[4],"isVisible":[1028,"is-visible"],"parentId":[1,"parent-id"]},null,{"isVisible":["visibleContent"]}]]],["p-1ee61328",[[4,"gov-accordion-item",{"variant":[1],"identifier":[1],"size":[1],"disabled":[4],"isExpanded":[1028,"is-expanded"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]},null,{"size":["validateSize"],"variant":["validateVariant"]}]]],["p-07bc366d",[[4,"gov-card",{"promotion":[4],"label":[1],"collapsible":[4],"expanded":[4],"headlineTag":[1,"headline-tag"],"wcagTriggerLabel":[1,"wcag-trigger-label"],"wcagTriggerLabelledBy":[1,"wcag-trigger-labelled-by"],"isExpanded":[32],"open":[64],"close":[64],"validateWcag":[64]},null,{"headlineTag":["validateHeadlineTag"]}]]],["p-bdb44c03",[[4,"gov-form-checkbox",{"value":[1],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]},null,{"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"]}]]],["p-bb2df43a",[[4,"gov-tag",{"inverse":[4],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"size":[513],"variant":[513]},null,{"variant":["validateVariant"],"size":["validateSize"]}]]],["p-38d94fa0",[[4,"gov-tile",{"href":[513],"target":[1],"getTriggerRef":[64]}]]],["p-f9b4e9a0",[[4,"gov-wizard-item",{"variant":[1],"size":[1],"identifier":[1],"collapsible":[4],"annotation":[1],"label":[1],"disabled":[4],"isExpanded":[1028,"is-expanded"],"labelTag":[1,"label-tag"],"open":[64],"close":[64],"toggle":[64],"currentState":[64]},null,{"label":["validateLabel"],"labelTag":["validateTriggerTag"],"variant":["validateVariant"]}]]],["p-c0179e60",[[4,"gov-accordion",{"size":[1],"variant":[1],"noBorder":[4,"no-border"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]},null,{"size":["validateSize"],"variant":["validateVariant"]}]]],["p-cc676417",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labeled-by"],"validateWcag":[64]}]]],["p-5f26e34c",[[4,"gov-container",{"slottedChildren":[64]}]]],["p-ef86c051",[[4,"gov-control-group",{"variant":[1],"noBorder":[4,"no-border"]},null,{"variant":["validateVariant"]}]]],["p-b77208d4",[[4,"gov-cookiebar"]]],["p-75bbf75a",[[4,"gov-dropdown",{"open":[1028],"position":[1],"getState":[64],"setOpen":[64]}]]],["p-c0f93efd",[[4,"gov-empty"]]],["p-492c001b",[[4,"gov-error-code"]]],["p-045188f1",[[4,"gov-form-control",{"gap":[1],"identifier":[1],"invalid":[4],"disabled":[4],"success":[4],"fieldset":[4],"size":[1]}]]],["p-7b2fb08d",[[4,"gov-form-group",{"gap":[1],"orientation":[1]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-f83153e2",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-4a28fbd9",[[4,"gov-form-password-power",{"power":[514]}]]],["p-baa01f22",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]},null,{"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"]}]]],["p-e8ff3a4d",[[4,"gov-form-search",{"variant":[513]}]]],["p-961cd710",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]},null,{"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"]}]]],["p-c4f1e636",[[4,"gov-grid",{"alignX":[1,"align-x"],"alignY":[1,"align-y"]}]]],["p-c2c7d717",[[4,"gov-grid-item",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["p-c55a29ad",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-f346644d",[[4,"gov-layout-column"]]],["p-3f9cdac9",[[4,"gov-message",{"variant":[1]},null,{"variant":["validateVariant"]}]]],["p-b7dff6e0",[[4,"gov-nav",{"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-6a2beb22",[[4,"gov-nav-item",{"href":[1],"isExpandedState":[32]},null,{"href":["validateHref"]}]]],["p-879d57d5",[[4,"gov-side-nav",{"inverse":[4],"compact":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-1f586452",[[0,"gov-skeleton",{"variant":[1],"count":[2],"shape":[1],"width":[1],"height":[1],"animation":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]},null,{"variant":["validateVariant"],"shape":["validateShape"],"animation":["validateAnimation"]}]]],["p-d9726d0d",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]},null,{"size":["validateSize"],"breakpoint":["validateBreakpoint"]}]]],["p-b76cafed",[[4,"gov-statsbar",{"iconPosition":[1,"icon-position"],"variant":[1]},null,{"iconPosition":["validateIconPosition"],"variant":["validateVariant"]}]]],["p-a07c5078",[[4,"gov-statsbar-item",{"iconPosition":[1,"icon-position"]},null,{"iconPosition":["validateIconPosition"]}]]],["p-b1931d43",[[4,"gov-stepper",{"size":[1]},null,{"size":["validateSize"]}]]],["p-c91c2100",[[4,"gov-stepper-item",{"variant":[1],"size":[1],"identifier":[1],"label":[1],"annotation":[1],"triggerTag":[1,"trigger-tag"],"isExpandedState":[32],"currentState":[64]},null,{"label":["validateLabel"],"triggerTag":["validateTriggerTag"],"variant":["validateVariant"]}]]],["p-89e7ef95",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[513],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"setActiveStatus":[64]}]]],["p-1ce05bc3",[[4,"gov-tiles",{"columns":[2],"noBorder":[4,"no-border"]}]]],["p-6e0ca96d",[[4,"gov-tooltip",{"variant":[1],"size":[1],"position":[1025],"message":[1],"identifier":[1],"icon":[516],"persist":[32],"show":[64],"hide":[64]},null,{"variant":["validateVariant"],"size":["validateSize"],"position":["validatePosition"]}]]],["p-2e7d3da8",[[4,"gov-wizard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]},null,{"size":["validateSize"]}]]],["p-20b9a2e7",[[0,"gov-icon",{"name":[1],"type":[1],"iconData":[32],"visible":[32],"error":[32]},null,{"name":["loadIconPathData"]}]]],["p-5fc6a21c",[[4,"gov-form-input",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"name":[1],"multiline":[4],"rows":[2],"cols":[2],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"minlength":[2],"maxlength":[2],"min":[8],"max":[8],"autocomplete":[4],"autocorrect":[4],"type":[1],"inputType":[1,"input-type"],"role":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagAutocomplete":[1,"wcag-autocomplete"],"wcagExpanded":[4,"wcag-expanded"],"focused":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getRef":[64],"validateWcag":[64]},null,{"variant":["validateVariant"],"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"],"type":["watchDisabled"]}]]],["p-a775c2fe",[[4,"gov-form-autocomplete",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"messageEmpty":[1,"message-empty"],"messageLoading":[1,"message-loading"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"setFocus":[64],"setOptions":[64],"clearValue":[64],"setProcessing":[64],"setSearchCallback":[64],"setTemplateResolver":[64]},null,{"variant":["validateVariant"],"size":["validateSize"]}]]],["p-69807570",[[4,"gov-chip",{"inverse":[4],"disabled":[4],"href":[1],"target":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"size":[1],"tag":[1],"variant":[1],"focusable":[4],"identifier":[1],"wcagLabel":[1,"wcag-label"],"wcagControls":[1,"wcag-controls"],"wcagSelected":[4,"wcag-selected"],"getTriggerRef":[64],"getTriggerIdentifier":[64],"setFocus":[64]},null,{"variant":["validateVariant"],"size":["validateSize"]}]]],["p-8c7872f0",[[4,"gov-form-select",{"value":[1537],"identifier":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"success":[4],"disabled":[4],"invalid":[4],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"options":[32],"setFocus":[64],"setValue":[64],"getRef":[64],"setOptions":[64],"validateWcag":[64]},null,{"variant":["validateVariant"],"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"],"value":["watchValue"]}]]],["p-1cd49d91",[[4,"gov-attachments-item",{"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagRemoveLabelledBy":[1,"wcag-remove-labelled-by"],"validateWcag":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"variant":[1],"identifier":[64]},null,{"variant":["validateVariant"]}]]],["p-e7dd99a8",[[0,"gov-backdrop",{"inverse":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-324f10aa",[[4,"gov-button",{"variant":[513],"size":[513],"type":[513],"expanded":[516],"inverse":[516],"name":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"disabled":[516],"nativeType":[1,"native-type"],"href":[1],"target":[1],"download":[4],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"loading":[1],"focusable":[4],"identifier":[1],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagDescription":[1,"wcag-description"],"wcagDetails":[1,"wcag-details"],"wcagExpanded":[4,"wcag-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagHasPopup":[1,"wcag-has-popup"],"wcagPressed":[1,"wcag-pressed"],"wcagCurrent":[1,"wcag-current"],"isPressed":[32],"setFocus":[64],"getTriggerRef":[64],"validateWcag":[64]},null,{"variant":["validateVariant"],"type":["validateType"],"size":["validateSize"],"nativeType":["validateNativeType"]}]]]]'),e)}));
+//# sourceMappingURL=core.esm.js.map
\ No newline at end of file
diff --git a/build/core.esm.js.map b/build/core.esm.js.map
new file mode 100644
index 00000000..f7e1e45f
--- /dev/null
+++ b/build/core.esm.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.4 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAKA,MAAMA,EAAe,KAKO,CAEpBC,EAAkBC,EAAEC,UAC5B,CAKI,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EAE/B,MAAML,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,EAChD,CACQ,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MACtE,CACA,CACA,CACQ,OAAOK,CACf,CAAK,ECtCLlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,g2cAAuCJ,EAAA"}
\ No newline at end of file
diff --git a/build/core.js b/build/core.js
new file mode 100644
index 00000000..dd17e06c
--- /dev/null
+++ b/build/core.js
@@ -0,0 +1,33 @@
+
+(function() {
+  function checkSupport() {
+    if (!document.body) {
+      setTimeout(checkSupport);
+      return;
+    }
+    function supportsDynamicImports() {
+      try {
+        new Function('import("")');
+        return true;
+      } catch (e) {}
+      return false;
+    }
+    var supportsEsModules = !!('noModule' in document.createElement('script'));
+
+    if (!supportsEsModules) {
+      document.body.innerHTML = '\n  \n<style>\nbody {\n  display: block !important;\n  font-family: sans-serif;\n  padding: 20px;\n  line-height:22px;\n}\nh1 {\n  font-size: 18px;\n}\nh2 {\n  font-size: 14px;\n  margin-top: 40px;\n}\n</style>\n\n\n  <h1>This Stencil app is disabled for this browser.</h1>\n\n  <h2>Developers:</h2>\n  <ul>\n    <li>ES5 builds are disabled <strong>during development</strong> to take advantage of 2x faster build times.</li>\n    <li>Please see the example below or our <a href="https://stenciljs.com/docs/stencil-config" target="_blank" rel="noopener noreferrer">config docs</a> if you would like to develop on a browser that does not fully support ES2017 and custom elements.</li>\n    <li>Note that as of Stencil v2, ES5 builds and polyfills are <strong>disabled</strong> during production builds. You can enable these <a href="https://stenciljs.com/docs/config#buildes5" target="_blank" rel="noopener noreferrer">in your stencil.config.ts file</a>.</li>\n    <li>When testing browsers it is recommended to always test in production mode, and ES5 builds should always be enabled during production builds.</li>\n    <li><em>This is only an experiment and if it slows down app development then we will revert this and enable ES5 builds during dev.</em></li>\n  </ul>\n\n\n  <h2>Enabling ES5 builds during development:</h2>\n  <pre>\n    <code>npm run dev --es5</code>\n  </pre>\n  <p>For stencil-component-starter, use:</p>\n  <pre>\n    <code>npm start --es5</code>\n  </pre>\n\n\n  <h2>Enabling full production builds during development:</h2>\n  <pre>\n    <code>npm run dev --prod</code>\n  </pre>\n  <p>For stencil-component-starter, use:</p>\n  <pre>\n    <code>npm start --prod</code>\n  </pre>\n\n  <h2>Current Browser\'s Support:</h2>\n  <ul>\n    <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import">ES Module Imports</a>: <span id="es-modules-test"></span></li>\n    <li><a href="http://2ality.com/2017/01/import-operator.html">ES Dynamic Imports</a>: <span id="es-dynamic-modules-test"></span></li>\n    <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/customElements">Custom Elements</a>: <span id="custom-elements-test"></span></li>\n    <li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a>: <span id="shadow-dom-test"></span></li>\n    <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">fetch</a>: <span id="fetch-test"></span></li>\n    <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables">CSS Variables</a>: <span id="css-variables-test"></span></li>\n  </ul>\n\n  <h2>Current Browser:</h2>\n  <pre>\n    <code id="current-browser-output"></code>\n  </pre>\n';
+
+      document.getElementById('current-browser-output').textContent = window.navigator.userAgent;
+      document.getElementById('es-modules-test').textContent = supportsEsModules;
+      document.getElementById('es-dynamic-modules-test').textContent = supportsDynamicImports();
+      document.getElementById('shadow-dom-test').textContent = !!(document.head.attachShadow);
+      document.getElementById('custom-elements-test').textContent = !!(window.customElements);
+      document.getElementById('css-variables-test').textContent = !!(window.CSS && window.CSS.supports && window.CSS.supports('color', 'var(--c)'));
+      document.getElementById('fetch-test').textContent = !!(window.fetch);
+    } else {
+      document.body.innerHTML = '\n  \n<style>\nbody {\n  display: block !important;\n  font-family: sans-serif;\n  padding: 20px;\n  line-height:22px;\n}\nh1 {\n  font-size: 18px;\n}\nh2 {\n  font-size: 14px;\n  margin-top: 40px;\n}\n</style>\n\n\n  <h1>Update src/index.html</h1>\n\n  <p>Stencil recently changed how scripts are loaded in order to improve performance.</p>\n\n  <h2>BEFORE:</h2>\n  <p>Previously, a single script was included that handled loading the correct JavaScript based on browser support.</p>\n  <pre>\n    <code>&lt;script src=&quot;/build/core.js&quot;&gt;&lt;/script&gt;\n</code>\n  </pre>\n\n  <h2 style="margin-top:0">AFTER:</h2>\n  <p>The index.html should now include two scripts using the modern ES Module script pattern.\n  Note that only one file will actually be requested and loaded based on the browser\'s native support for ES Modules.\n  For more info, please see <a href="https://developers.google.com/web/fundamentals/primers/modules#browser" target="_blank" rel="noopener noreferrer">Using JavaScript modules on the web</a>.\n  </p>\n  <pre>\n  <code>&lt;script <span style="background:yellow">type="module"</span> src="/build/core<span style="background:yellow">.esm</span>.js"&gt;&lt;/script&gt;\n  &lt;script <span style="background:yellow">nomodule</span> src=&quot;/build/core.js&quot;&gt;&lt;/script&gt;</code>\n    </pre>\n';
+    }
+  }
+
+  setTimeout(checkSupport);
+})();
\ No newline at end of file
diff --git a/build/index.esm.js b/build/index.esm.js
new file mode 100644
index 00000000..54c3b628
--- /dev/null
+++ b/build/index.esm.js
@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map
\ No newline at end of file
diff --git a/build/index.esm.js.map b/build/index.esm.js.map
new file mode 100644
index 00000000..3e517f16
--- /dev/null
+++ b/build/index.esm.js.map
@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}
\ No newline at end of file
diff --git a/build/p-045188f1.entry.js b/build/p-045188f1.entry.js
new file mode 100644
index 00000000..9d4b7cd5
--- /dev/null
+++ b/build/p-045188f1.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as r,a as t,g as e}from"./p-3336fe3b.js";import{g as i,b as s}from"./p-7670cb34.js";import{g as m}from"./p-8a8117a5.js";import{c,s as l}from"./p-4029f0cb.js";import"./p-1693d6aa.js";import"./p-2b6bbee5.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";const a='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-control__holder{display:flex;flex-direction:column;padding:0;border:none}.gov-form-control__bottom>*:last-child{margin-bottom:0}.gov-form-control__bottom>:first-child{margin-top:0.25rem}.gov-form-control .gov-form-label .gov-form-label__label{margin:0rem 0rem 0.25rem}.gov-form-control[type=file] .gov-form-label[slot=top] .gov-form-label__label{margin:0rem 0rem 0.5rem}.gov-form-control[type=file] .gov-form-control__bottom>:first-child{margin-top:0.5rem}.gov-form-control[size=xs][type=checkbox] .gov-form-control__holder>.gov-form-control__bottom>:first-child,.gov-form-control[size=xs][type=radio] .gov-form-control__holder>.gov-form-control__bottom>:first-child{margin-top:var(--gov-form-checkbox-core-xs-message-gap, 0.5rem);margin-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}.gov-form-control[size=s][type=checkbox] .gov-form-control__holder>.gov-form-control__bottom>:first-child,.gov-form-control[size=s][type=radio] .gov-form-control__holder>.gov-form-control__bottom>:first-child{margin-top:var(--gov-form-checkbox-core-s-message-gap, 0.5rem);margin-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}.gov-form-control[size=m][type=checkbox] .gov-form-control__holder>.gov-form-control__bottom>:first-child,.gov-form-control[size=m][type=radio] .gov-form-control__holder>.gov-form-control__bottom>:first-child{margin-top:var(--gov-form-checkbox-core-m-message-gap, 0.75rem);margin-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}.gov-form-control[size=l][type=checkbox] .gov-form-control__holder>.gov-form-control__bottom>:first-child,.gov-form-control[size=l][type=radio] .gov-form-control__holder>.gov-form-control__bottom>:first-child{margin-top:var(--gov-form-checkbox-core-l-message-gap, 0.75rem);margin-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}.gov-form-control[size=xs][type=switch] .gov-form-control__bottom>:first-child{margin-top:var(--gov-form-switch-xs-message-gap, 0.5rem);margin-left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 + var(--gov-form-switch-xs-gap, 0.75rem))}.gov-form-control[size=s][type=switch] .gov-form-control__bottom>:first-child{margin-top:var(--gov-form-switch-s-message-gap, 0.5rem);margin-left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 + var(--gov-form-switch-s-gap, 0.75rem))}.gov-form-control[size=m][type=switch] .gov-form-control__bottom>:first-child{margin-top:var(--gov-form-switch-m-message-gap, 0.75rem);margin-left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 + var(--gov-form-switch-m-gap, 1rem))}.gov-form-control[size=l][type=switch] .gov-form-control__bottom>:first-child{margin-top:var(--gov-form-switch-l-message-gap, 0.75rem);margin-left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 + var(--gov-form-switch-l-gap, 1rem))}.gov-form-control[invalid=""] .gov-form-label[slot=top] .gov-form-label__label,.gov-form-control[invalid=true i] .gov-form-label[slot=top] .gov-form-label__label,.gov-form-control[invalid="1"] .gov-form-label[slot=top] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-control[disabled=""] .gov-form-label__label,.gov-form-control[disabled=true i] .gov-form-label__label,.gov-form-control[disabled="1"] .gov-form-label__label{pointer-events:none}';const f=a;const g=class{constructor(r){o(this,r);this.gap=undefined;this.identifier=undefined;this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=m(this.host);this.f=i(this.h);this.controlId=c("GovFormControl")}componentDidRender(){this.passChildAttrs();this.invalidChildAttrs();this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){var o;(o=this.observer)===null||o===void 0?void 0:o.disconnect()}passChildAttrs(){const o=["gov-form-select","gov-form-input","gov-form-switch","gov-form-checkbox","gov-form-radio","gov-form-multi-select","gov-form-file","gov-form-search"];this.h.passChildAttr(o,"success",this.success);if(this.f.hasGroupChildren===false){this.h.passChildAttr([...o,"gov-form-label"],"identifier",this.identifier||this.controlId)}}invalidChildAttrs(){const o=["gov-form-select","gov-form-input","gov-form-switch","gov-form-checkbox","gov-form-radio","gov-form-multi-select","gov-form-file","gov-form-search"];this.h.passChildAttr(o,"invalid",this.invalid);if(this.f.hasGroupChildren===false){this.h.passChildAttr([...o,"gov-form-label"],"identifier",this.identifier||this.controlId)}}formElementDescriptionControl(){const o=this.host.querySelector("."+s.bottom);if(!o)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(o,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((o=>o.identifier()))).then((o=>{this.f.mainElementsInControl.forEach((r=>{const t=l(r.getAttribute("wcag-described-by"));r.removeAttribute("wcag-described-by");if(Array.isArray(t)){t.forEach((r=>r.indexOf("GovFormMessage")===-1?o.push(r):null))}if(o.length){r.setAttribute("wcag-described-by",o.join(" "))}}))}))}render(){const o=this.fieldset?"fieldset":"div";return r(t,{key:"5079858744b06f44c4f1e60c9c8caf4af01444e0",size:this.size,class:this.h.classes(s.root)},r(o,{key:"5050f97719c62f6119582ca55710428a920db136",class:s.holder},this.h.hasSlot("top")&&r("slot",{name:"top"}),r("slot",{key:"6de9ded69025a94e2aeeb1d7c7ec7b0a906d5b40"}),this.h.hasSlot("bottom")&&r("div",{class:s.bottom},r("slot",{name:"bottom"}))))}get host(){return e(this)}};g.style=f;export{g as gov_form_control};
+//# sourceMappingURL=p-045188f1.entry.js.map
\ No newline at end of file
diff --git a/build/p-045188f1.entry.js.map b/build/p-045188f1.entry.js.map
new file mode 100644
index 00000000..461dc4b0
--- /dev/null
+++ b/build/p-045188f1.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormControlCss","GovFormControlStyle0","GovFormControl","constructor","hostRef","this","h","govHost","host","f","govForm","controlId","createID","componentDidRender","passChildAttrs","invalidChildAttrs","syncControlMessages","formElementDescriptionControl","disconnectedCallback","_a","observer","disconnect","formElements","passChildAttr","success","hasGroupChildren","identifier","invalid","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","indexOf","push","length","setAttribute","join","render","Tag","fieldset","Host","key","size","class","classes","root","holder","hasSlot","name"],"sources":["../../packages/core/src/components/gov-form/control/gov-form-control.scss?tag=gov-form-control","../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["/*\n *   Form Control\n */\n\n$class: \".gov-form-control\";\n\n#{$class} {\n\t&__holder {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\tborder: none;\n\t}\n\t&__bottom {\n\t\t@include reset-last-margin();\n\t\t> :first-child {\n\t\t\tmargin-top: rem-calc(4);\n\t\t}\n\t}\n\n\t// VARIANTS\n\t.gov-form-label .gov-form-label__label {\n\t\tmargin: rem-calc(0 0 4);\n\t}\n\t&[type=\"file\"] {\n\t\t.gov-form-label[slot=\"top\"] .gov-form-label__label {\n\t\t\tmargin: rem-calc(0 0 8);\n\t\t}\n\t\t#{$class}__bottom > :first-child {\n\t\t\tmargin-top: rem-calc(8);\n\t\t}\n\t}\n\t// Checkbox, radio\n\t@each $size, $definitions in $form-checkbox-core-sizes {\n\t\t&[size=\"#{$size}\"][type=\"checkbox\"],\n\t\t&[size=\"#{$size}\"][type=\"radio\"] {\n\t\t\t#{$class} {\n\t\t\t\t$indicator-width: get(\"indicator-size\", $definitions);\n\t\t\t\t&__holder > #{$class}__bottom > :first-child {\n\t\t\t\t\tmargin-top: get(\"message-gap\", $definitions);\n\t\t\t\t\tmargin-left: calc($indicator-width + get(\"gap\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t// Switch\n\t@each $size, $definitions in $form-switch-sizes {\n\t\t&[size=\"#{$size}\"][type=\"switch\"] {\n\t\t\t#{$class} {\n\t\t\t\t$indicator-ratio: calc(5 / 3);\n\t\t\t\t$indicator-width: calc(get(\"indicator-height\", $definitions) * $indicator-ratio);\n\t\t\t\t&__bottom > :first-child {\n\t\t\t\t\tmargin-top: get(\"message-gap\", $definitions);\n\t\t\t\t\tmargin-left: calc($indicator-width + get(\"gap\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t@include parameter(\"invalid\") {\n\t\t.gov-form-label[slot=\"top\"] .gov-form-label__label {\n\t\t\tcolor: $form-state-color-error;\n\t\t}\n\t}\n\t@include parameter(\"disabled\") {\n\t\t.gov-form-label__label {\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { createID, splitByWhitespace } from \"../../../utils/string.utils\"\nimport { FormControlClass, FormControlSizesType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-form-control\",\n\tstyleUrl: \"gov-form-control.scss\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate readonly controlId: string\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.controlId = createID(\"GovFormControl\")\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/**\n\t * Defines the space between nested components.\n\t */\n\t@Prop() readonly gap?: FormControlSizesType\n\t/**\n\t * Form element identifier\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean = false\n\t/**\n\t/**\n\t * Indicates the form element is disabled\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean = false\n\t/**\n\t * Use control as a fieldset for better accessibility.\n\t * Note: Don't forget to set the legend attribute of the gov-form-label component\n\t */\n\t@Prop() readonly fieldset: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.passChildAttrs()\n\t\tthis.invalidChildAttrs()\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate passChildAttrs() {\n\t\tconst formElements = [\n\t\t\t\"gov-form-select\",\n\t\t\t\"gov-form-input\",\n\t\t\t\"gov-form-switch\",\n\t\t\t\"gov-form-checkbox\",\n\t\t\t\"gov-form-radio\",\n\t\t\t\"gov-form-multi-select\",\n\t\t\t\"gov-form-file\",\n\t\t\t\"gov-form-search\",\n\t\t]\n\t\tthis.h.passChildAttr(formElements, \"success\", this.success)\n\n\t\tif (this.f.hasGroupChildren === false) {\n\t\t\tthis.h.passChildAttr([...formElements, \"gov-form-label\"], \"identifier\", this.identifier || this.controlId)\n\t\t}\n\t}\n\n\tprivate invalidChildAttrs() {\n\t\tconst formElements = [\n\t\t\t\"gov-form-select\",\n\t\t\t\"gov-form-input\",\n\t\t\t\"gov-form-switch\",\n\t\t\t\"gov-form-checkbox\",\n\t\t\t\"gov-form-radio\",\n\t\t\t\"gov-form-multi-select\",\n\t\t\t\"gov-form-file\",\n\t\t\t\"gov-form-search\",\n\t\t]\n\t\tthis.h.passChildAttr(formElements, \"invalid\", this.invalid)\n\n\t\tif (this.f.hasGroupChildren === false) {\n\t\t\tthis.h.passChildAttr([...formElements, \"gov-form-label\"], \"identifier\", this.identifier || this.controlId)\n\t\t}\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction() {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, { childList: true })\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"wcag-described-by\"))\n\t\t\t\telement.removeAttribute(\"wcag-described-by\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"wcag-described-by\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"8TAAA,MAAMA,EAAoB,+zHAC1B,MAAAC,EAAeD,E,MCWFE,EAAc,MAM1B,WAAAC,CAAAC,G,oEAkBoC,M,cAKC,M,aAKD,M,cAKC,M,UAIU,IApC9CC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,EAAIC,EAAQL,KAAKC,GACtBD,KAAKM,UAAYC,EAAS,iB,CAoC3B,kBAAAC,GACCR,KAAKS,iBACLT,KAAKU,oBACLV,KAAKW,sBACLX,KAAKY,+B,CAGN,oBAAAC,G,OACCC,EAAAd,KAAKe,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,Y,CAGR,cAAAP,GACP,MAAMQ,EAAe,CACpB,kBACA,iBACA,kBACA,oBACA,iBACA,wBACA,gBACA,mBAEDjB,KAAKC,EAAEiB,cAAcD,EAAc,UAAWjB,KAAKmB,SAEnD,GAAInB,KAAKI,EAAEgB,mBAAqB,MAAO,CACtCpB,KAAKC,EAAEiB,cAAc,IAAID,EAAc,kBAAmB,aAAcjB,KAAKqB,YAAcrB,KAAKM,U,EAI1F,iBAAAI,GACP,MAAMO,EAAe,CACpB,kBACA,iBACA,kBACA,oBACA,iBACA,wBACA,gBACA,mBAEDjB,KAAKC,EAAEiB,cAAcD,EAAc,UAAWjB,KAAKsB,SAEnD,GAAItB,KAAKI,EAAEgB,mBAAqB,MAAO,CACtCpB,KAAKC,EAAEiB,cAAc,IAAID,EAAc,kBAAmB,aAAcjB,KAAKqB,YAAcrB,KAAKM,U,EAI1F,6BAAAM,GACP,MAAMW,EAAavB,KAAKG,KAAKqB,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBvB,KAAKe,SAAW,IAAIY,iBACnB,WACC3B,KAAKW,qB,EACJiB,KAAK5B,OAGRA,KAAKe,SAASc,QAAQN,EAAY,CAAEO,UAAW,M,CAGxC,mBAAAnB,GACPoB,QAAQC,IAAIhC,KAAKI,EAAE6B,gBAAgBC,KAAKC,GAAuCA,EAAQd,gBAAee,MAAMC,IAC3GrC,KAAKI,EAAEkC,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,sBAC5DH,EAAQI,gBAAgB,qBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAAQQ,GAAOA,EAAGC,QAAQ,qBAAuB,EAAIX,EAAIY,KAAKF,GAAM,M,CAElF,GAAIV,EAAIa,OAAQ,CACfV,EAAQW,aAAa,oBAAqBd,EAAIe,KAAK,K,IAEnD,G,CAIJ,MAAAC,GACC,MAAMC,EAAMtD,KAAKuD,SAAW,WAAa,MACzC,OACCtD,EAACuD,EAAI,CAAAC,IAAA,2CAACC,KAAM1D,KAAK0D,KAAMC,MAAO3D,KAAKC,EAAE2D,QAAQnC,EAAiBoC,OAC7D5D,EAACqD,EAAG,CAAAG,IAAA,2CAACE,MAAOlC,EAAiBqC,QAC3B9D,KAAKC,EAAE8D,QAAQ,QAAU9D,EAAA,QAAM+D,KAAK,QACrC/D,EAAA,QAAAwD,IAAA,6CACCzD,KAAKC,EAAE8D,QAAQ,WACf9D,EAAA,OAAK0D,MAAOlC,EAAiBC,QAC5BzB,EAAA,QAAM+D,KAAK,a"}
\ No newline at end of file
diff --git a/build/p-07bc366d.entry.js b/build/p-07bc366d.entry.js
new file mode 100644
index 00000000..35de7cc1
--- /dev/null
+++ b/build/p-07bc366d.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as a,h as e,a as r,g as i}from"./p-3336fe3b.js";import{g as d,b as t}from"./p-8a8117a5.js";import{c}from"./p-4029f0cb.js";import{a as s}from"./p-40f10385.js";import{v as n}from"./p-b24413c7.js";import{c as l}from"./p-32d89c78.js";import{d as g}from"./p-2b6bbee5.js";const v={root:"gov-card",header:"gov-card__header",title:"gov-card__title",inner:"gov-card__inner",img:"gov-card__img",main:"gov-card__main",content:"gov-card__content",icon:"gov-card__icon",btns:"gov-card__btns",footer:"gov-card__footer",arrow:"gov-card__arrow"};const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-card{position:relative;display:flex;width:100%;flex-direction:column;border:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-card-bg, var(--gov-color-neutral-white));overflow:hidden}.gov-card__header{gap:1.75rem;width:100%;padding:1.5rem;border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-card__arrow{flex:0 0 auto;width:1rem;height:1rem;color:var(--gov-card-arrow-color, var(--gov-color-primary))}.gov-card__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);color:var(--gov-card-title-color, var(--gov-color-secondary-800));font-weight:700}.gov-card__img{width:100%;margin:0;line-height:1}.gov-card__img img{width:100%;height:auto}.gov-card__inner{display:flex;flex:1 1 auto;flex-direction:column}.gov-card__inner[aria-hidden=""],.gov-card__inner[aria-hidden=true i],.gov-card__inner[aria-hidden="1"]{display:none}.gov-card__main{display:flex;gap:16px 24px;flex:1 1 auto;flex-direction:column;padding:1.5rem}.gov-card__icon{flex:0 0 auto;width:2.5rem;height:2.5rem;color:var(--gov-card-icon-color, var(--gov-color-primary))}.gov-card__btns{display:flex;gap:1rem;flex:0 0 auto;flex-wrap:wrap}.gov-card__content>*:last-child{margin-bottom:0}.gov-card__footer{padding:1rem 1.5rem;background:var(--gov-card-footer-bg, var(--gov-color-primary-100))}.gov-card__footer>*:last-child{margin-bottom:0}.gov-card__footer p{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-card[is-expanded=""],.gov-card[is-expanded=true i],.gov-card[is-expanded="1"]{height:100%}.gov-card[collapsible=""] .gov-card__header,.gov-card[collapsible=true i] .gov-card__header,.gov-card[collapsible="1"] .gov-card__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:space-between;text-align:left}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus-visible,.gov-card[collapsible=true i] .gov-card__header:focus-visible,.gov-card[collapsible="1"] .gov-card__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:-0.125rem}@media not all and (pointer: coarse){.gov-card[collapsible=""] .gov-card__header:hover,.gov-card[collapsible=true i] .gov-card__header:hover,.gov-card[collapsible="1"] .gov-card__header:hover{background:var(--gov-card-header-hover-bg, var(--gov-color-primary-100))}}.gov-card[collapsible=""][is-expanded=""] .gov-card__header,.gov-card[collapsible=""][is-expanded=true i] .gov-card__header,.gov-card[collapsible=""][is-expanded="1"] .gov-card__header,.gov-card[collapsible=true i][is-expanded=""] .gov-card__header,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__header,.gov-card[collapsible="1"][is-expanded=""] .gov-card__header,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__header,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__header{border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-card[collapsible=""][is-expanded=""] .gov-card__arrow,.gov-card[collapsible=""][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible=""][is-expanded="1"] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded=""] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded=""] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__arrow{transform:scale(-1)}@media (min-width: 30em){.gov-card[promotion=""] .gov-card__main,.gov-card[promotion=true i] .gov-card__main,.gov-card[promotion="1"] .gov-card__main{flex-direction:row;padding:2rem}.gov-card[promotion=""] .gov-card__icon,.gov-card[promotion=true i] .gov-card__icon,.gov-card[promotion="1"] .gov-card__icon{width:3rem;height:3rem}.gov-card[promotion=""] .gov-card__btns,.gov-card[promotion=true i] .gov-card__btns,.gov-card[promotion="1"] .gov-card__btns{flex-direction:column}}';const p=h;const _=class{constructor(e){o(this,e);this.govToggle=a(this,"gov-toggle",7);this.promotion=false;this.label=undefined;this.collapsible=false;this.expanded=false;this.headlineTag="h3";this.wcagTriggerLabel=undefined;this.wcagTriggerLabelledBy=undefined;this.isExpanded=undefined;this.h=d(this.host);this.headlineId=c("GovCardHeadline");this.contentId=c("GovCardContent")}validateHeadlineTag(o){const a=["h1","h2","h3","h4","h5","h6","span"];if(o){if(!a.includes(o)){s(`[${v.root}]: Tag ${o} is not allowed.`)}}}componentWillLoad(){this.isExpanded=this.label?this.expanded:true;this.validateHeadlineTag(this.headlineTag)}async componentDidRender(){if(l()){await g(500);await this.validateWcag()}}emmitChange(){this.govToggle.emit({open:this.isExpanded,element:this.host})}render(){const o=this.headlineTag;return e(r,{key:"76e6632e38f63b26f73bfe66f6033f2ea3660889",class:this.h.classes(v.root),"is-expanded":this.isExpanded,collapsible:t(this.collapsible),promotion:this.promotion},this.label&&this.collapsible?e("button",{id:this.headlineId,class:v.header,"aria-label":this.wcagTriggerLabel,"aria-labelledby":this.wcagTriggerLabelledBy,"aria-expanded":t(this.isExpanded),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},e(o,{class:v.title},this.label),e("gov-icon",{class:v.arrow,name:"chevron-down"})):null,this.label&&!this.collapsible?e("div",{class:v.header},e(o,{class:v.title},this.label)):null,e("div",{key:"c3ba87698259205ce13c6bce5cdc2f29fcf48bf2",class:v.inner,id:this.contentId,"aria-hidden":this.collapsible?t(!this.isExpanded):undefined,hidden:this.collapsible?!this.isExpanded:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&e("p",{class:v.img},e("slot",{name:"img"})),e("div",{key:"d8d63c92e34c1687b5ff909e0d251f057a1de478",class:v.main},this.h.hasSlot("icon")&&this.promotion&&e("div",{class:v.icon},e("slot",{name:"icon"})),e("div",{key:"87311b909dcca7f1aeacacf809bc26cc6ca03d95",class:v.content},e("slot",{key:"4f07404ae5bd2fb2fb7602f01572a454510fdfa9"})),this.h.hasSlot("btn")&&this.promotion&&e("div",{class:v.btns},e("slot",{name:"btn"}))),this.h.hasSlot("footer")&&e("div",{class:v.footer},e("slot",{name:"footer"}))))}onClickHandler(o){o.stopPropagation();if(this.collapsible){this.isExpanded=!this.isExpanded;this.emmitChange()}}async open(){if(this.collapsible){this.isExpanded=true;this.emmitChange()}}async close(){if(this.collapsible){this.isExpanded=false;this.emmitChange()}}async validateWcag(){if(this.collapsible){n(this.wcagTriggerLabel,this.wcagTriggerLabelledBy,v.root)}}get host(){return i(this)}static get watchers(){return{headlineTag:["validateHeadlineTag"]}}};_.style=p;export{_ as gov_card};
+//# sourceMappingURL=p-07bc366d.entry.js.map
\ No newline at end of file
diff --git a/build/p-07bc366d.entry.js.map b/build/p-07bc366d.entry.js.map
new file mode 100644
index 00000000..49222b1c
--- /dev/null
+++ b/build/p-07bc366d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["CardClass","root","header","title","inner","img","main","content","icon","btns","footer","arrow","govCardCss","GovCardStyle0","GovCard","constructor","hostRef","this","h","govHost","host","headlineId","createID","contentId","validateHeadlineTag","newValue","validTags","includes","govErrorLog","componentWillLoad","isExpanded","label","expanded","headlineTag","componentDidRender","canValidateWcagOnRender","delay","validateWcag","emmitChange","govToggle","emit","open","element","render","HeadlineTag","Host","key","class","classes","collapsible","booleanString","promotion","id","wcagTriggerLabel","wcagTriggerLabelledBy","onClick","onClickHandler","bind","name","undefined","hidden","hasSlot","e","stopPropagation","close","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-card/constants.ts","../../packages/core/src/components/gov-card/gov-card.scss?tag=gov-card","../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["export const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\ttitle: 'gov-card__title',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\tmain: 'gov-card__main',\n\tcontent: 'gov-card__content',\n\ticon: 'gov-card__icon',\n\tbtns: 'gov-card__btns',\n\tfooter: 'gov-card__footer',\n\tarrow: 'gov-card__arrow',\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-card\";\n\n#{$class} {\n\t@include base(flex);\n\tflex-direction: column;\n\tborder: $card-border;\n\tborder-radius: $border-radius;\n\tbackground: $card-bg;\n\toverflow: hidden;\n\t&__header {\n\t\tgap: rem-calc(28);\n\t\twidth: 100%;\n\t\tpadding: rem-calc(24);\n\t\tborder-bottom: $card-border;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(16);\n\t\theight: rem-calc(16);\n\t\tcolor: $card-arrow-color;\n\t}\n\t&__title {\n\t\t@include general;\n\t\t@include typography($font-size-xl);\n\t\tcolor: $card-title-color;\n\t\tfont-weight: 700;\n\t}\n\t&__img {\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tline-height: 1;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t}\n\t}\n\t&__inner {\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\t@include parameter(\"aria-hidden\") {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&__main {\n\t\tdisplay: flex;\n\t\tgap: 16px 24px;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\tpadding: rem-calc(24);\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(40);\n\t\theight: rem-calc(40);\n\t\tcolor: $card-icon-color;\n\t}\n\t&__btns {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tflex: 0 0 auto;\n\t\tflex-wrap: wrap;\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n\t&__footer {\n\t\t@include reset-last-margin();\n\t\tpadding: rem-calc(16 24);\n\t\tbackground: $card-footer-bg;\n\t\tp {\n\t\t\t@include typography($font-size-s);\n\t\t}\n\t}\n\n\t// STATES\n\t@include parameter(\"is-expanded\") {\n\t\theight: 100%;\n\t}\n\n\t// VARIANTS\n\t@include parameter(\"collapsible\") {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\t@include button-core();\n\t\t\t\t@include focus-outline($border-radius, rem-calc(-2));\n\t\t\t\tjustify-content: space-between;\n\t\t\t\ttext-align: left;\n\t\t\t\t@include hover() {\n\t\t\t\t\tbackground: $card-header-hover-bg;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATES\n\t\t@include parameter(\"is-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tborder-bottom: $card-border;\n\t\t\t\t}\n\t\t\t\t&__arrow {\n\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t// VARIANTS\n\t\t@include parameter(\"promotion\") {\n\t\t\t#{$class} {\n\t\t\t\t&__main {\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tpadding: rem-calc(32);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: rem-calc(48);\n\t\t\t\t\theight: rem-calc(48);\n\t\t\t\t}\n\t\t\t\t&__btns {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch, State, Method, Event, EventEmitter } from '@stencil/core'\nimport { CardClass } from './constants'\nimport { govHost, booleanString } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { createID } from '../../utils/string.utils'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { GovCardChangeEvent } from './interfaces'\n\n@Component({\n\ttag: 'gov-card',\n\tstyleUrl: 'gov-card.scss',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Style variation of the card.\n\t */\n\t@Prop() readonly promotion: boolean = false\n\t/**\n\t * Item label of the card\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Defines wether the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed by button\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the card headline for correct semantic structure\n\t */\n\t@Prop({ attribute: 'headline-tag' }) readonly headlineTag: string = 'h3'\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-trigger-label' }) wcagTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({ attribute: 'wcag-trigger-labelled-by' }) wcagTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({ eventName: 'gov-toggle' }) govToggle: EventEmitter<GovCardChangeEvent>\n\t@State() isExpanded: boolean\n\n\t@Watch('headlineTag')\n\tvalidateHeadlineTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${CardClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpanded = this.label ? this.expanded : true\n\t\tthis.validateHeadlineTag(this.headlineTag)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govToggle.emit({ open: this.isExpanded, element: this.host })\n\t}\n\n\trender() {\n\t\tconst HeadlineTag = this.headlineTag\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} is-expanded={this.isExpanded} collapsible={booleanString(this.collapsible)} promotion={this.promotion}>\n\t\t\t\t{this.label && this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.wcagTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.wcagTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<HeadlineTag class={CardClass.title}>{this.label}</HeadlineTag>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : null}\n\n\t\t\t\t{this.label && !this.collapsible ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<HeadlineTag class={CardClass.title}>{this.label}</HeadlineTag>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={CardClass.inner}\n\t\t\t\t\tid={this.contentId}\n\t\t\t\t\taria-hidden={this.collapsible ? booleanString(!this.isExpanded) : undefined}\n\t\t\t\t\thidden={this.collapsible ? !this.isExpanded : undefined}\n\t\t\t\t\taria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t>\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<p class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.main}>\n\t\t\t\t\t\t{this.h.hasSlot('icon') && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.h.hasSlot('btn') && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.btns}>\n\t\t\t\t\t\t\t\t<slot name=\"btn\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = !this.isExpanded\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Open the card if it is collapsible\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = true\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Close the card if it is collapsible\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = false\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateWcagLabel(this.wcagTriggerLabel, this.wcagTriggerLabelledBy, CardClass.root)\n\t\t}\n\t}\n}\n"],"mappings":"0RAAO,MAAMA,EAAY,CACxBC,KAAM,WACNC,OAAQ,mBACRC,MAAO,kBACPC,MAAO,kBACPC,IAAK,gBACLC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,KAAM,iBACNC,OAAQ,mBACRC,MAAO,mBCXR,MAAMC,EAAa,82KACnB,MAAAC,EAAeD,E,MCcFE,EAAO,MAKnB,WAAAC,CAAAC,G,+DAWsC,M,sCAQE,M,cAIH,M,iBAI+B,K,+FA1BnEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,WAAaC,EAAS,mBAC3BL,KAAKM,UAAYD,EAAS,iB,CAwC3B,mBAAAE,CAAoBC,GACnB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAI5B,EAAUC,cAAcwB,oB,GAK3C,iBAAAI,GACCZ,KAAKa,WAAab,KAAKc,MAAQd,KAAKe,SAAW,KAC/Cf,KAAKO,oBAAoBP,KAAKgB,Y,CAG/B,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNnB,KAAKoB,c,EAIL,WAAAC,GACPrB,KAAKsB,UAAUC,KAAK,CAAEC,KAAMxB,KAAKa,WAAYY,QAASzB,KAAKG,M,CAG5D,MAAAuB,GACC,MAAMC,EAAc3B,KAAKgB,YAEzB,OACCf,EAAC2B,EAAI,CAAAC,IAAA,2CAACC,MAAO9B,KAAKC,EAAE8B,QAAQhD,EAAUC,MAAK,cAAegB,KAAKa,WAAYmB,YAAaC,EAAcjC,KAAKgC,aAAcE,UAAWlC,KAAKkC,WACvIlC,KAAKc,OAASd,KAAKgC,YACnB/B,EAAA,UACCkC,GAAInC,KAAKI,WACT0B,MAAO/C,EAAUE,OAAM,aACXe,KAAKoC,iBAAgB,kBAChBpC,KAAKqC,sBAAqB,gBAC5BJ,EAAcjC,KAAKa,YAAW,gBAC9Bb,KAAKM,UACpBgC,QAAStC,KAAKuC,eAAeC,KAAKxC,OAElCC,EAAC0B,EAAW,CAACG,MAAO/C,EAAUG,OAAQc,KAAKc,OAC3Cb,EAAA,YAAU6B,MAAO/C,EAAUW,MAAO+C,KAAK,kBAErC,KAEHzC,KAAKc,QAAUd,KAAKgC,YACpB/B,EAAA,OAAK6B,MAAO/C,EAAUE,QACrBgB,EAAC0B,EAAW,CAACG,MAAO/C,EAAUG,OAAQc,KAAKc,QAEzC,KAEJb,EAAA,OAAA4B,IAAA,2CACCC,MAAO/C,EAAUI,MACjBgD,GAAInC,KAAKM,UAAS,cACLN,KAAKgC,YAAcC,GAAejC,KAAKa,YAAc6B,UAClEC,OAAQ3C,KAAKgC,aAAehC,KAAKa,WAAa6B,UAAS,kBACtC1C,KAAKgC,YAAchC,KAAKI,WAAasC,WAErD1C,KAAKC,EAAE2C,QAAQ,QACf3C,EAAA,KAAG6B,MAAO/C,EAAUK,KACnBa,EAAA,QAAMwC,KAAK,SAIbxC,EAAA,OAAA4B,IAAA,2CAAKC,MAAO/C,EAAUM,MACpBW,KAAKC,EAAE2C,QAAQ,SAAW5C,KAAKkC,WAC/BjC,EAAA,OAAK6B,MAAO/C,EAAUQ,MACrBU,EAAA,QAAMwC,KAAK,UAIbxC,EAAA,OAAA4B,IAAA,2CAAKC,MAAO/C,EAAUO,SACrBW,EAAA,QAAA4B,IAAA,8CAGA7B,KAAKC,EAAE2C,QAAQ,QAAU5C,KAAKkC,WAC9BjC,EAAA,OAAK6B,MAAO/C,EAAUS,MACrBS,EAAA,QAAMwC,KAAK,UAKbzC,KAAKC,EAAE2C,QAAQ,WACf3C,EAAA,OAAK6B,MAAO/C,EAAUU,QACrBQ,EAAA,QAAMwC,KAAK,a,CAQT,cAAAF,CAAeM,GACtBA,EAAEC,kBACF,GAAI9C,KAAKgC,YAAa,CACrBhC,KAAKa,YAAcb,KAAKa,WACxBb,KAAKqB,a,EAQP,UAAMG,GACL,GAAIxB,KAAKgC,YAAa,CACrBhC,KAAKa,WAAa,KAClBb,KAAKqB,a,EAQP,WAAM0B,GACL,GAAI/C,KAAKgC,YAAa,CACrBhC,KAAKa,WAAa,MAClBb,KAAKqB,a,EAQP,kBAAMD,GACL,GAAIpB,KAAKgC,YAAa,CACrBgB,EAAkBhD,KAAKoC,iBAAkBpC,KAAKqC,sBAAuBtD,EAAUC,K"}
\ No newline at end of file
diff --git a/build/p-0aabbc7c.entry.js b/build/p-0aabbc7c.entry.js
new file mode 100644
index 00000000..607b08ed
--- /dev/null
+++ b/build/p-0aabbc7c.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as a,h as e,a as t,g as i}from"./p-3336fe3b.js";import{g as d,a as r}from"./p-8a8117a5.js";import{c as s}from"./p-32d89c78.js";import{a as l}from"./p-40f10385.js";import{a as n}from"./p-b24413c7.js";import{c as m}from"./p-4029f0cb.js";import{d as c}from"./p-2b6bbee5.js";import{M as g}from"./p-1ef9a822.js";const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__footer,.gov-modal__actions{padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__content{padding:2rem 3rem}.gov-modal__footer{padding:1rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__footer,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const v=h;const f=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.blockClose=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcagLabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel="Zavřít okno";this.wcagCloseLabelledBy=undefined;this.h=d(this.host);this.labelId=m("GovModalLabel");this.contentId=m("GovModalContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){l(`[${g.root}]: Tag ${o} is not allowed.`)}}}watchOpen(o){this.open=o}showModal(){this.open=true;document.body.classList.add(g.bodyFix)}hideModal(){this.open=false;document.body.classList.remove(g.bodyFix)}async componentWillRender(){if(this.open){this.showModal()}else{this.hideModal()}}async componentDidRender(){if(s()){await c(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{key:"ccc3dc0cf7f2c27aae8a66666f00139bdf3e510f",class:this.h.classes(g.root),open:this.open},e("dialog",{key:"ba5ef15152280d18b8b488fa6584d45e3ca13c34",class:g.dialog,hidden:!this.open,tabindex:"-1",open:this.open,"aria-modal":"true","aria-hidden":r(!this.open),"aria-labelledby":this.wcagLabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{key:"7228829a0216e1945ab0ddeca303e1d8be65cf9f",class:g.inner},e("div",{key:"bd398fcb7f39ee544f71fb177b9045801f4b98fd",class:g.header},this.h.hasSlot("icon")&&e("div",{class:g.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:g.title,id:this.labelId},this.label),e("gov-button",{key:"cac598f2d8802181d6b93e488557153570904260",disabled:this.blockClose,class:g.close,variant:"primary",wcagLabel:this.wcagCloseLabel,wcagLabelledBy:this.wcagCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},e("gov-icon",{key:"efefa794c70ab658825c8ecbe486724019e3e439",name:"x-lg"}))),e("div",{key:"7705dea13099009bc4f8652bded1d1da61533c80",class:g.content,id:this.contentId},e("slot",{key:"7cdaa4604bdc21567bb12f1a3771dcd611b5fa07"})),this.h.hasSlot("footer")&&e("div",{class:g.footer},e("slot",{name:"footer"})))),this.open?e("gov-backdrop",{"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(o){o.stopPropagation();if(this.blockClose===false){this.hideModal();this.govClose.emit(o)}}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){n(this.wcagLabelledBy,"wcag-labelled-by",g.root);n(this.wcagDescribedBy,"wcag-described-by",g.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"],open:["watchOpen"]}}};f.style=v;export{f as gov_modal};
+//# sourceMappingURL=p-0aabbc7c.entry.js.map
\ No newline at end of file
diff --git a/build/p-0aabbc7c.entry.js.map b/build/p-0aabbc7c.entry.js.map
new file mode 100644
index 00000000..9a33f54e
--- /dev/null
+++ b/build/p-0aabbc7c.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govModalCss","GovModalStyle0","GovModal","constructor","hostRef","this","h","govHost","host","labelId","createID","contentId","validateLabelTag","newValue","validTags","includes","govErrorLog","ModalClass","root","watchOpen","open","showModal","document","body","classList","add","bodyFix","hideModal","remove","componentWillRender","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","LabelTag","labelTag","Host","key","class","classes","dialog","hidden","tabindex","toBoolAttr","wcagLabelledBy","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","disabled","blockClose","close","variant","wcagLabel","wcagCloseLabel","wcagCloseLabelledBy","type","onCloseHandler","bind","content","footer","e","stopPropagation","govClose","emit","show","hide","validateWcagRef"],"sources":["../../packages/core/src/components/gov-modal/gov-modal.scss?tag=gov-modal","../../packages/core/src/components/gov-modal/gov-modal.tsx"],"sourcesContent":["/*\n *   Modal\n */\n\n$class: \".gov-modal\";\n\n#{$class} {\n\tdisplay: none;\n\n\t&__dialog {\n\t\t@include z-index(\"modal\", 1);\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tmax-width: $modal-max-width;\n\t\theight: 100%;\n\t\tpadding: rem-calc(8);\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\ttransform: translate(-50%, -50%);\n\t\tpointer-events: none;\n\t}\n\n\t&__inner {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tmax-height: 100%;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $modal-bg;\n\t\toverflow: hidden;\n\t\tpointer-events: auto;\n\t\tbox-shadow: get($shadow-l, $shadows);\n\t}\n\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\talign-items: flex-start;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-bottom: $modal-border;\n\t}\n\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(24)) / 2);\n\n\t\t& > * {\n\t\t\twidth: rem-calc(24);\n\t\t\theight: rem-calc(24);\n\t\t}\n\t}\n\n\t&__title {\n\t\t@include typography($font-size-3xl);\n\t\tmargin: 0;\n\t}\n\n\t&__close {\n\t\tflex: 0 0 auto;\n\t\tmargin-left: auto;\n\t}\n\n\t&__content {\n\t\t@include reset-last-margin();\n\t\theight: 100%;\n\t\tpadding: rem-calc(24 16);\n\t\tcolor: $modal-text-color;\n\t\toverflow: auto;\n\t}\n\n\t&__footer,\n\t&__actions {\n\t\tpadding: rem-calc(24 16);\n\t\tborder-top: $modal-border;\n\t}\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8 16);\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t}\n\n\t// STATES\n\t&__dialog:focus &__inner {\n\t\toutline: $outline;\n\t}\n\n\t@include parameter(\"open\") {\n\t\tdisplay: block;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__dialog {\n\t\t\tmax-width: calc($modal-max-width + 2 * rem-calc(24));\n\t\t\tpadding: rem-calc(24);\n\n\t\t\t&:focus {\n\t\t\t\toutline-offset: rem-calc(-24);\n\t\t\t}\n\t\t}\n\t\t&__inner {\n\t\t\tbox-shadow: get($shadow-xl, $shadows);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt &__dialog {\n\t\t\tmax-width: calc($modal-prompt-max-width + 2 * rem-calc(24));\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&__header {\n\t\t\tgap: rem-calc(20);\n\t\t\tpadding: rem-calc(32 40 32 48);\n\t\t}\n\t\t&__content {\n\t\t\tpadding: rem-calc(32 48);\n\t\t}\n\t\t&__footer {\n\t\t\tpadding: rem-calc(16 48);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt {\n\t\t\t#{$class} {\n\t\t\t\t&__header,\n\t\t\t\t&__content,\n\t\t\t\t&__footer,\n\t\t\t\t&__actions {\n\t\t\t\t\tpadding: rem-calc(24);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core'\nimport { govHost, toBoolAttr } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateWcagRef } from '../../helpers/Validate/wcag'\nimport { Nullable } from '../../types/interfaces'\nimport { createID } from '../../utils/string.utils'\nimport { delay } from '../../utils/utils'\nimport { ModalClass } from './constants'\n\n@Component({\n\ttag: 'gov-modal',\n\tstyleUrl: 'gov-modal.scss',\n})\nexport class GovModal {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovModalLabel')\n\t\tthis.contentId = createID('GovModalContent')\n\t}\n\n\t@Element() host: HTMLGovModalElement\n\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop({ mutable: true }) open = false\n\t/**\n\t * Attribute allowing blocking the modal closing\n\t */\n\t@Prop() blockClose = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: 'role' }) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: 'label-tag' }) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: 'wcag-close-labelled-by' }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('labelTag')\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t}\n\n\tprivate showModal() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.open) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal()\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ModalClass.root)} open={this.open}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={ModalClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label && (\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t\t\t</LabelTag>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={ModalClass.close}\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={ModalClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop wcag-label={this.wcagCloseLabel} wcag-labelled-by={this.wcagCloseLabelledBy} on-gov-click={this.onCloseHandler.bind(this)} />\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideModal()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', ModalClass.root)\n\t}\n}\n"],"mappings":"mUAAA,MAAMA,EAAc,wyFACpB,MAAAC,EAAeD,E,MCcFE,EAAQ,MAKpB,WAAAC,CAAAC,G,wDAWgC,M,gBAIX,M,+BAQiC,S,cAIQ,K,iFAYa,c,mCAtC1EC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,iBACxBL,KAAKM,UAAYD,EAAS,kB,CA+C3B,gBAAAE,CAAiBC,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,oB,GAM5C,SAAAM,CAAUN,GACTR,KAAKe,KAAOP,C,CAGL,SAAAQ,GACPhB,KAAKe,KAAO,KACZE,SAASC,KAAKC,UAAUC,IAAIR,EAAWS,Q,CAGhC,SAAAC,GACPtB,KAAKe,KAAO,MACZE,SAASC,KAAKC,UAAUI,OAAOX,EAAWS,Q,CAG3C,yBAAMG,GACL,GAAIxB,KAAKe,KAAM,CACdf,KAAKgB,W,KACC,CACNhB,KAAKsB,W,EAIP,wBAAMG,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACN3B,KAAK4B,c,EAIb,MAAAC,GACC,MAAMC,EAAW9B,KAAK+B,SACtB,OACC9B,EAAC+B,EAAI,CAAAC,IAAA,2CAACC,MAAOlC,KAAKC,EAAEkC,QAAQvB,EAAWC,MAAOE,KAAMf,KAAKe,MACxDd,EAAA,UAAAgC,IAAA,2CACCC,MAAOtB,EAAWwB,OAClBC,QAASrC,KAAKe,KACduB,SAAS,KACTvB,KAAMf,KAAKe,KAAI,aACJ,OAAM,cACJwB,GAAYvC,KAAKe,MAAK,kBAClBf,KAAKwC,gBAAkBxC,KAAKI,QAAO,mBAClCJ,KAAKyC,iBAAmBzC,KAAKM,UAC/CoC,KAAM1C,KAAK0C,MAEXzC,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAW+B,OACtB1C,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAWgC,QACrB5C,KAAKC,EAAE4C,QAAQ,SACf5C,EAAA,OAAKiC,MAAOtB,EAAWkC,MACtB7C,EAAA,QAAM8C,KAAK,UAGZ/C,KAAKgD,OACL/C,EAAC6B,EAAQ,CAACI,MAAOtB,EAAWqC,MAAOC,GAAIlD,KAAKI,SAC1CJ,KAAKgD,OAGR/C,EAAA,cAAAgC,IAAA,2CACCkB,SAAUnD,KAAKoD,WACflB,MAAOtB,EAAWyC,MAClBC,QAAQ,UACRC,UAAWvD,KAAKwD,eAChBhB,eAAgBxC,KAAKyD,oBACrBC,KAAK,OAAM,eACG1D,KAAK2D,eAAeC,KAAK5D,OAEvCC,EAAA,YAAAgC,IAAA,2CAAUc,KAAK,WAGjB9C,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAWiD,QAASX,GAAIlD,KAAKM,WACxCL,EAAA,QAAAgC,IAAA,8CAEAjC,KAAKC,EAAE4C,QAAQ,WACf5C,EAAA,OAAKiC,MAAOtB,EAAWkD,QACtB7D,EAAA,QAAM8C,KAAK,cAMd/C,KAAKe,KACLd,EAAA,6BAA0BD,KAAKwD,eAAc,mBAAoBxD,KAAKyD,oBAAmB,eAAgBzD,KAAK2D,eAAeC,KAAK5D,QAC/H,K,CAKC,cAAA2D,CAAeI,GACtBA,EAAEC,kBACF,GAAIhE,KAAKoD,aAAe,MAAO,CAC9BpD,KAAKsB,YACLtB,KAAKiE,SAASC,KAAKH,E,EAQrB,UAAMI,GACLnE,KAAKgB,W,CAON,UAAMoD,GACLpE,KAAKsB,W,CAON,kBAAMM,GACLyC,EAAgBrE,KAAKwC,eAAgB,mBAAoB5B,EAAWC,MACpEwD,EAAgBrE,KAAKyC,gBAAiB,oBAAqB7B,EAAWC,K"}
\ No newline at end of file
diff --git a/build/p-1693d6aa.js b/build/p-1693d6aa.js
new file mode 100644
index 00000000..eb9dd39d
--- /dev/null
+++ b/build/p-1693d6aa.js
@@ -0,0 +1,2 @@
+var x;(function(x){x["_2XS"]="2xs";x["_XS"]="xs";x["_S"]="s";x["_M"]="m";x["_L"]="l";x["_XL"]="xl";x["_2XL"]="2xl";x["_3XL"]="3xl";x["_4XL"]="4xl";x["_5XL"]="6xl";x["_6XL"]="6xl"})(x||(x={}));export{x as S};
+//# sourceMappingURL=p-1693d6aa.js.map
\ No newline at end of file
diff --git a/build/p-1693d6aa.js.map b/build/p-1693d6aa.js.map
new file mode 100644
index 00000000..fb0d7020
--- /dev/null
+++ b/build/p-1693d6aa.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["Sizes"],"sources":["../../packages/core/src/core/constants/sizes.ts"],"sourcesContent":["export enum Sizes {\n\t_2XS = '2xs',\n\t_XS = 'xs',\n\t_S = 's',\n\t_M = 'm',\n\t_L = 'l',\n\t_XL = 'xl',\n\t_2XL = '2xl',\n\t_3XL = '3xl',\n\t_4XL = '4xl',\n\t_5XL = '6xl',\n\t_6XL = '6xl',\n}\n"],"mappings":"IAAYA,GAAZ,SAAYA,GACXA,EAAA,cACAA,EAAA,YACAA,EAAA,UACAA,EAAA,UACAA,EAAA,UACAA,EAAA,YACAA,EAAA,cACAA,EAAA,cACAA,EAAA,cACAA,EAAA,cACAA,EAAA,aACA,EAZD,CAAYA,MAAK,Y"}
\ No newline at end of file
diff --git a/build/p-1cd49d91.entry.js b/build/p-1cd49d91.entry.js
new file mode 100644
index 00000000..b107af63
--- /dev/null
+++ b/build/p-1cd49d91.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as t,a,g as s,c as o}from"./p-3336fe3b.js";import{c as i,v as r}from"./p-b24413c7.js";import{c as n}from"./p-32d89c78.js";import{d as c}from"./p-2b6bbee5.js";import{g as m}from"./p-8a8117a5.js";import{F as g,a as l}from"./p-e55a8f78.js";import{v}from"./p-bc59b609.js";import{c as f}from"./p-4029f0cb.js";import"./p-40f10385.js";import"./p-55e78f21.js";const d={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const p={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const h=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-attachments{position:relative;display:block;width:100%}.gov-attachments__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);color:var(--gov-form-label-color, #686868)}.gov-attachments__list>*:last-child{margin-bottom:0}";const b=h;const y=class{constructor(t){e(this,t);this.label=undefined;this.wcagLabel=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return t(a,{key:"aa547c47c902f12c38bdd679526ff86cfec12818",class:this.h.classes(d.root)},this.label?t("p",{class:d.label},this.label):null,t("div",{key:"6cf6368fab23af6d4cd90f5da5ae3251fefcefba",class:d.list,role:"list","aria-label":this.wcagLabel},t("slot",{key:"f0892797011686b6e3bc46c95dc8946206dcd469"})))}async validateWcag(){i(this.wcagLabel,"wcag-label",d.root)}get host(){return s(this)}};y.style=b;const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-attachments-item{position:relative;display:block;width:100%;margin:0rem 0rem 0.5rem}.gov-attachments-item__messages>*:last-child{margin-bottom:0}.gov-attachments-item__file{display:flex;gap:1rem}.gov-attachments-item__name{display:flex;gap:0 0.5rem;flex-wrap:wrap;align-items:center;align-self:center;margin:0;color:var(--gov-attachments-name-color, var(--gov-color-primary))}.gov-attachments-item__name span{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);color:var(--gov-attachments-decor-color, var(--gov-color-secondary-700))}";const k=u;const x=class{constructor(t){e(this,t);this.govRemove=o(this,"gov-remove",7);this.wcagRemoveLabel=undefined;this.wcagRemoveLabelledBy=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return t(a,{key:"76c9b8bdb75bb91378e8752154a31882c2c0bee6",class:this.h.classes(p.root),role:"listitem"},t("div",{key:"0364ce1cc0cef0b602319284324a7b594b7d246c",class:p.file},t("p",{key:"b9adc7239bdaa56687ae341d2ed7a81b0e0fe07d",class:p.name},t("slot",{key:"e559148b9cb72d772919b2f7ad7ca24d22aa7a22"}),t("slot",{key:"28ef2dcbc647ed1132d2d37bd7345a5ff2d95c77",name:"info"})),t("gov-button",{key:"eb3e122c8eccb6d023c1ea1fa63c192502c2388e",variant:"primary",type:"base",size:"s","wcag-label":this.wcagRemoveLabel,"wcag-labelled-by":this.wcagRemoveLabelledBy,"on-gov-click":this.govRemove.emit},t("gov-icon",{key:"b54a13790e224aa0745998087007d6d22a04a003",slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&t("div",{class:p.messages},t("slot",{name:"message"})))}async validateWcag(){r(this.wcagRemoveLabel,this.wcagRemoveLabelledBy,p.root)}get host(){return s(this)}};x.style=k;const _=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-message{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const w=_;const j=class{constructor(t){e(this,t);this.variant="secondary";this.h=m(this.host);this.messageId=f("GovFormMessage")}validateVariant(e){v(l,e,g.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return t(a,{key:"e490cc2594836751d397a6af7120ee46811cc8dc",class:this.h.classes(g.root),variant:this.variant},this.h.hasSlot("icon")&&t("span",{class:g.icon},t("slot",{name:"icon"})),t("span",{key:"8d182e5b50155cf8482df3a40e8c6e47e2270aec",id:this.messageId,class:g.content},t("slot",{key:"dbd8d43925667e79db53e39acfbe9df1a7fcbed2"})))}async identifier(){return this.messageId}get host(){return s(this)}static get watchers(){return{variant:["validateVariant"]}}};j.style=w;export{y as gov_attachments,x as gov_attachments_item,j as gov_form_message};
+//# sourceMappingURL=p-1cd49d91.entry.js.map
\ No newline at end of file
diff --git a/build/p-1cd49d91.entry.js.map b/build/p-1cd49d91.entry.js.map
new file mode 100644
index 00000000..30556c88
--- /dev/null
+++ b/build/p-1cd49d91.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["AttachmentsClass","root","label","list","AttachmentsItemClass","name","file","messages","govAttachmentsCss","GovAttachmentsStyle0","GovAttachments","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","role","wcagLabel","validateWcagProp","govAttachmentsItemCss","GovAttachmentsItemStyle0","GovAttachmentsItem","variant","type","size","wcagRemoveLabel","wcagRemoveLabelledBy","govRemove","emit","slot","hasSlot","validateWcagLabel","govFormMessageCss","GovFormMessageStyle0","GovFormMessage","messageId","createID","validateVariant","newValue","validateProp","FormMessageVariants","FormMessageClass","componentWillLoad","icon","id","content","identifier"],"sources":["../../packages/core/src/components/gov-attachments/constants.ts","../../packages/core/src/components/gov-attachments/gov-attachments.scss?tag=gov-attachments","../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../packages/core/src/components/gov-form/message/gov-form-message.scss?tag=gov-form-message","../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","/*\n *   Attachments\n */\n\n$class: \".gov-attachments\";\n\n#{$class} {\n\t@include base();\n\t&__label {\n\t\t@include typography($font-size-s);\n\t\tcolor: $form-label-color;\n\t}\n\t&__list {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n\tstyleUrl: 'gov-attachments.scss',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/*\n *   Attachments - Item\n */\n\n$class: \".gov-attachments-item\";\n\n#{$class} {\n\t@include base();\n\tmargin: rem-calc(0 0 8);\n\t&__messages {\n\t\t@include reset-last-margin();\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: 0 rem-calc(8);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography($font-size-xs);\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsItemClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-remove-label' }) readonly wcagRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({ attribute: 'wcag-remove-labelled-by' }) readonly wcagRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({ eventName: 'gov-remove' }) govRemove: EventEmitter<PointerEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<p class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<slot name=\"info\" />\n\t\t\t\t\t</p>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagRemoveLabel}\n\t\t\t\t\t\twcag-labelled-by={this.wcagRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagRemoveLabel, this.wcagRemoveLabelledBy, AttachmentsItemClass.root)\n\t}\n}\n","/*\n *   Form Message\n */\n\n$class: \".gov-form-message\";\n$font-size: $font-size-s;\n\n#{$class} {\n\t@include typography($font-size);\n\tdisplay: flex;\n\tgap: rem-calc(8);\n\tmargin: rem-calc(0 0 16);\n\t&__icon {\n\t\tposition: relative;\n\t\ttop: calc(var(--gov-text-#{$font-size}-font-size) / 6);\n\t\tdisplay: flex;\n\t\t& > * {\n\t\t\twidth: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t\theight: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $form-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tcolor: get(\"color\", $definitions);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { FormMessageClass, FormMessageVariants, FormMessageVariantType } from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n\tstyleUrl: 'gov-form-message.scss',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'variant' }) readonly variant?: FormMessageVariantType = 'secondary'\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMessageVariants, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<span class={FormMessageClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns unique identfiier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"mappings":"gXAAO,MAAMA,EAAmB,CAC/BC,KAAM,kBACNC,MAAO,yBACPC,KAAM,yBAGA,MAAMC,EAAuB,CACnCH,KAAM,uBACNI,KAAM,6BACNC,KAAM,6BACNC,SAAU,kCCVX,MAAMC,EAAoB,srBAC1B,MAAAC,EAAeD,E,MCWFE,EAAc,MAG1B,WAAAC,CAAAC,G,wDACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,c,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQzB,EAAiBC,OAC3CY,KAAKX,MAAQY,EAAA,KAAGU,MAAOxB,EAAiBE,OAAQW,KAAKX,OAAa,KACnEY,EAAA,OAAAS,IAAA,2CAAKC,MAAOxB,EAAiBG,KAAMuB,KAAK,OAAM,aAAab,KAAKc,WAC/Db,EAAA,QAAAS,IAAA,8C,CAUJ,kBAAMH,GACLQ,EAAiBf,KAAKc,UAAW,aAAc3B,EAAiBC,K,uCCpDlE,MAAM4B,EAAwB,8+BAC9B,MAAAC,EAAeD,E,MCWFE,EAAkB,MAG9B,WAAApB,CAAAC,G,mHACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkBvB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,c,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQrB,EAAqBH,MAAOyB,KAAK,YAC5DZ,EAAA,OAAAS,IAAA,2CAAKC,MAAOpB,EAAqBE,MAChCQ,EAAA,KAAAS,IAAA,2CAAGC,MAAOpB,EAAqBC,MAC9BS,EAAA,QAAAS,IAAA,6CACAT,EAAA,QAAAS,IAAA,2CAAMlB,KAAK,UAEZS,EAAA,cAAAS,IAAA,2CACCS,QAAQ,UACRC,KAAK,OACLC,KAAK,IAAG,aACIrB,KAAKsB,gBAAe,mBACdtB,KAAKuB,qBAAoB,eAC7BvB,KAAKwB,UAAUC,MAE7BxB,EAAA,YAAAS,IAAA,2CAAUgB,KAAK,YAAYlC,KAAK,WAIjCQ,KAAKC,EAAE0B,QAAQ,YACf1B,EAAA,OAAKU,MAAOpB,EAAqBG,UAChCO,EAAA,QAAMT,KAAK,a,CAWhB,kBAAMe,GACLqB,EAAkB5B,KAAKsB,gBAAiBtB,KAAKuB,qBAAsBhC,EAAqBH,K,uCC3E1F,MAAMyC,EAAoB,mtCAC1B,MAAAC,EAAeD,E,MCUFE,EAAc,MAI1B,WAAAjC,CAAAC,G,uBAS4E,YAR3EC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKgC,UAAYC,EAAS,iB,CAU3B,eAAAC,CAAgBC,GACfC,EAAaC,EAAqBF,EAAUG,EAAiBlD,K,CAG9D,iBAAAmD,GACCvC,KAAKkC,gBAAgBlC,KAAKmB,Q,CAG3B,MAAAX,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQ0B,EAAiBlD,MAAO+B,QAASnB,KAAKmB,SAChEnB,KAAKC,EAAE0B,QAAQ,SACf1B,EAAA,QAAMU,MAAO2B,EAAiBE,MAC7BvC,EAAA,QAAMT,KAAK,UAGbS,EAAA,QAAAS,IAAA,2CAAM+B,GAAIzC,KAAKgC,UAAWrB,MAAO2B,EAAiBI,SACjDzC,EAAA,QAAAS,IAAA,8C,CAUJ,gBAAMiC,GACL,OAAO3C,KAAKgC,S"}
\ No newline at end of file
diff --git a/build/p-1ce05bc3.entry.js b/build/p-1ce05bc3.entry.js
new file mode 100644
index 00000000..de72d3aa
--- /dev/null
+++ b/build/p-1ce05bc3.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as t,a as i,g as r}from"./p-3336fe3b.js";import{g as o,p as s}from"./p-8a8117a5.js";const d={root:"gov-tiles"};const n=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tiles{overflow:hidden}.gov-tiles>*{margin:0 -0.0625rem -0.0625rem 0;border:0.0625rem solid var(--gov-tiles-border-color, var(--gov-color-secondary-500));border-width:0 0 0.0625rem}.gov-tiles>*:last-child{border-bottom-width:0}.gov-tiles[no-border]>*{border:none}@media (min-width: 48em){.gov-tiles{display:grid}.gov-tiles--x2{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x2>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x2>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x2>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 48em) and (max-width: 63.99em){.gov-tiles--x3,.gov-tiles--x4{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x3>*,.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+3),.gov-tiles--x4>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x3>*:nth-child(2n+2),.gov-tiles--x4>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 64em){.gov-tiles--x3{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x3>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x3>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 64em) and (max-width: 74.99em){.gov-tiles--x4{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x4>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 75em){.gov-tiles--x4{grid-template-columns:repeat(4, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+5){border-top-width:0}.gov-tiles--x4>*:nth-child(4n+4){border-right-width:0}}";const l=n;const a=class{constructor(t){e(this,t);this.columns=3;this.noBorder=false;this.h=o(this.host)}get classNames(){return s([d.root,this.columns&&d.root+"--x"+this.columns])}render(){return t(i,{key:"7788d1cde0c93626fbefd1bbd84bc2413a63a323",class:this.h.classes(this.classNames)},t("slot",{key:"2007beaa6f01423052bc287b3c8ab641aa671711"}))}get host(){return r(this)}};a.style=l;export{a as gov_tiles};
+//# sourceMappingURL=p-1ce05bc3.entry.js.map
\ No newline at end of file
diff --git a/build/p-1ce05bc3.entry.js.map b/build/p-1ce05bc3.entry.js.map
new file mode 100644
index 00000000..59e1fe8b
--- /dev/null
+++ b/build/p-1ce05bc3.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["TilesClass","root","govTilesCss","GovTilesStyle0","GovTiles","constructor","hostRef","this","h","govHost","host","classNames","prepareClasses","columns","render","Host","key","class","classes"],"sources":["../../packages/core/src/components/gov-tile/container/constants.ts","../../packages/core/src/components/gov-tile/container/gov-tiles.scss?tag=gov-tiles","../../packages/core/src/components/gov-tile/container/gov-tiles.tsx"],"sourcesContent":["export const TilesClass = {\n\troot: 'gov-tiles',\n}\n","/*\n *   Tiles\n */\n\n$class: \".gov-tiles\";\n$line-width: rem-calc(1);\n\n@mixin grid-lines($i) {\n\tgrid-template-columns: repeat(#{$i}, 1fr);\n\t& > * {\n\t\tborder-width: $line-width $line-width $line-width 0;\n\t\t&:nth-child(-n + #{$i + 1}) {\n\t\t\tborder-top-width: 0;\n\t\t}\n\t\t&:nth-child(#{$i}n + #{$i}) {\n\t\t\tborder-right-width: 0;\n\t\t}\n\t}\n}\n\n#{$class} {\n\toverflow: hidden;\n\t& > * {\n\t\tmargin: 0 calc($line-width * -1) calc($line-width * -1) 0;\n\t\tborder: $line-width solid $tiles-border-color;\n\t\tborder-width: 0 0 $line-width;\n\t\t&:last-child {\n\t\t\tborder-bottom-width: 0;\n\t\t}\n\t}\n\t&[no-border] {\n\t\t& > * {\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@include mq($from: md) {\n\t\tdisplay: grid;\n\t\t&--x2 {\n\t\t\t@include grid-lines(2);\n\t\t}\n\t\t@include mq($until: lg) {\n\t\t\t&--x3,\n\t\t\t&--x4 {\n\t\t\t\t@include grid-lines(2);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: lg) {\n\t\t&--x3 {\n\t\t\t@include grid-lines(3);\n\t\t}\n\t\t@include mq($until: xl) {\n\t\t\t&--x4 {\n\t\t\t\t@include grid-lines(3);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: xl) {\n\t\t&--x4 {\n\t\t\t@include grid-lines(4);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { TilesClass } from './constants'\nimport { prepareClasses } from '../../../helpers/Dom/template'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-tiles',\n\tstyleUrl: 'gov-tiles.scss',\n})\nexport class GovTiles {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Number of columns between 1-4\n\t */\n\t@Prop() readonly columns: number = 3\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\n\t@Element() host: HTMLGovTilesElement\n\n\tget classNames(): string {\n\t\treturn prepareClasses([TilesClass.root, this.columns && TilesClass.root + '--x' + this.columns])\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(this.classNames)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oGAAO,MAAMA,EAAa,CACzBC,KAAM,aCDP,MAAMC,EAAc,89DACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,MAGpB,WAAAC,CAAAC,G,uBAMmC,E,cAI4B,MAT9DC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,cAAIC,GACH,OAAOC,EAAe,CAACZ,EAAWC,KAAMM,KAAKM,SAAWb,EAAWC,KAAO,MAAQM,KAAKM,S,CAGxF,MAAAC,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOV,KAAKC,EAAEU,QAAQX,KAAKI,aAChCH,EAAA,QAAAQ,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-1e979cc8.js b/build/p-1e979cc8.js
new file mode 100644
index 00000000..8ee1a9b9
--- /dev/null
+++ b/build/p-1e979cc8.js
@@ -0,0 +1,2 @@
+import{p as o}from"./p-2b6bbee5.js";import{S as a}from"./p-1693d6aa.js";o(a,["_XS","_S","_M","_L","_XL"]);const l={root:"gov-form-label",label:"gov-form-label__label"};export{l as F};
+//# sourceMappingURL=p-1e979cc8.js.map
\ No newline at end of file
diff --git a/build/p-1e979cc8.js.map b/build/p-1e979cc8.js.map
new file mode 100644
index 00000000..b2df5c85
--- /dev/null
+++ b/build/p-1e979cc8.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["pick","Sizes","FormLabelClass","root","label"],"sources":["../../packages/core/src/components/gov-form/label/constants.ts"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormLabelSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormLabelSizesTypes = `${ValueOf<typeof FormLabelSizes>}`\n\nexport const FormLabelClass = {\n\troot: 'gov-form-label',\n\tlabel: 'gov-form-label__label',\n}\n"],"mappings":"wEAI8BA,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,Q,MAGvDC,EAAiB,CAC7BC,KAAM,iBACNC,MAAO,gC"}
\ No newline at end of file
diff --git a/build/p-1ee61328.entry.js b/build/p-1ee61328.entry.js
new file mode 100644
index 00000000..db8808cb
--- /dev/null
+++ b/build/p-1ee61328.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as i,h as e,a,g as r}from"./p-3336fe3b.js";import{v as t}from"./p-bc59b609.js";import{A as c,a as n,b as d,c as g}from"./p-2f58e2e8.js";import{c as v}from"./p-4029f0cb.js";import{g as s,b as m,t as l}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-2b6bbee5.js";const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item::before{content:"";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px;background-color:var(--gov-color-secondary-500)}.gov-accordion-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=""] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded="1"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]){transform:scale(-1)}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__title{display:flex;flex-direction:column;margin-right:auto}.gov-accordion-item__label *{margin-bottom:0;display:inline-block;transform:translateY(1px)}.gov-accordion-item__annotation *{color:var(--gov-color-secondary);margin-bottom:0}.gov-accordion-item__right{display:flex;flex-shrink:0;align-items:center;margin-left:auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;line-height:initial}.gov-accordion-item__arrow{flex:0 0 auto}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);min-height:var(--gov-accordion-xs-min-height, 3rem);padding:var(--gov-accordion-xs-padding-y, 0.75rem) var(--gov-accordion-xs-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__label *{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__annotation{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);transform:translateY(var(--gov-accordion-xs-arrow-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-xs-icon-size, 1rem);height:var(--gov-accordion-xs-icon-size, 1rem)}.gov-accordion-item[size=xs] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-xs-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__label *{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right{gap:var(--gov-accordion-s-headline-gap, 0.5rem);transform:translateY(var(--gov-accordion-s-arrow-position, 0.4375rem))}.gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 1rem);height:var(--gov-accordion-s-icon-size, 1rem)}.gov-accordion-item[size=s] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__label *{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right{gap:var(--gov-accordion-m-headline-gap, 1rem);transform:translateY(var(--gov-accordion-m-arrow-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1.5rem);height:var(--gov-accordion-m-icon-size, 1.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__label *{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right{gap:var(--gov-accordion-l-headline-gap, 1rem);transform:translateY(var(--gov-accordion-l-arrow-position, 0.625rem))}.gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.5rem);height:var(--gov-accordion-l-icon-size, 1.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}';const _=h;const p=class{constructor(e){o(this,e);this.govChange=i(this,"gov-change",7);this.isExpandedState=undefined;this.variant=undefined;this.identifier=undefined;this.size=undefined;this.disabled=false;this.isExpanded=false;this.h=s(this.host);this.triggerId=v("GovAccordionItem");this.contentId=v("GovAccordionContent")}validateSize(o){t(d,o,c.root)}validateVariant(o){t(g,o,c.root)}emmitChange(){this.govChange.emit({open:this.isExpanded,component:c.root,ref:this.host})}componentWillLoad(){this.getPropsFromParents();this.validateSize(this.size);this.validateVariant(this.variant)}getPropsFromParents(){const o=this.h.getParent(n.root);if(o){this.size=o.getAttribute("size");this.variant=o.getAttribute("variant")}}render(){const o=this.identifier||this.triggerId;const i=this.contentId;return e(a,{key:"357951146184db343c08a2fc72c2feae24e3c42f",class:this.h.classes(c.root),size:this.size,variant:this.variant,role:"listitem"},e("button",{key:"64183d5b58665677700fcb2c91aed5fb306ae3b8",id:o,class:c.header,"aria-expanded":m(this.isExpanded),"aria-controls":i,disabled:this.disabled,type:"button","aria-disabled":l(this.disabled),onClick:o=>{o.stopPropagation();this.toggle().finally()}},this.h.hasSlot("icon")&&e("span",{class:c.icon},e("slot",{name:"icon"})),e("span",{key:"5e6968e6e419ca6e429e6575427e760b711a8b84",class:c.title},e("span",{key:"4e3a49e1b9db2ff571a8e55e08092bbcdb1441df",class:c.label},e("slot",{key:"8581d6158a6174845065a9b5245b33c10ed2e618",name:"label"})),this.h.hasSlot("annotation")&&e("span",{class:c.annotation},e("slot",{name:"annotation"}))),e("span",{key:"2ea7093577499c8c1d501790b322ef91ce53452e",class:c.right},this.h.hasSlot("suffix")&&e("span",{class:c.suffix},e("slot",{name:"suffix"})),e("span",{key:"e1458fcc6b647a69abac973f493fa64c64ca0970",class:c.arrow},this.h.hasSlot("toggle-icon")?e("slot",{name:"toggle-icon"}):e("gov-icon",{name:"chevron-down"})))),e("div",{key:"1d1819db371f230f1a01fdd86cf0ba259f8e8ff0",class:c.content,id:i,"aria-hidden":m(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":o},e("slot",{key:"47bdc4e3f68d26c03a17d5d5adcec9e637e18ec2"})))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return r(this)}static get watchers(){return{size:["validateSize"],variant:["validateVariant"]}}};p.style=_;export{p as gov_accordion_item};
+//# sourceMappingURL=p-1ee61328.entry.js.map
\ No newline at end of file
diff --git a/build/p-1ee61328.entry.js.map b/build/p-1ee61328.entry.js.map
new file mode 100644
index 00000000..3166826f
--- /dev/null
+++ b/build/p-1ee61328.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govAccordionItemCss","GovAccordionItemStyle0","GovAccordionItem","constructor","hostRef","this","h","govHost","host","triggerId","createID","contentId","validateSize","newValue","validateProp","AccordionSizes","AccordionItemClass","root","validateVariant","AccordionVariants","emmitChange","govChange","emit","open","isExpanded","component","ref","componentWillLoad","getPropsFromParents","size","variant","accordion","getParent","AccordionClass","getAttribute","render","identifier","Host","key","class","classes","role","id","header","booleanString","disabled","type","toBoolAttrIfDefined","onClick","e","stopPropagation","toggle","finally","hasSlot","icon","name","title","label","annotation","right","suffix","arrow","content","hidden","close","currentState"],"sources":["../../packages/core/src/components/gov-accordion/gov-accordion-item.scss?tag=gov-accordion-item","../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["/*\n *   Accordion - Item\n */\n\n$class: \".gov-accordion-item\";\n\n#{$class} {\n\t@include base();\n\t&::before {\n\t\t@include pseudo();\n\t\tright: 0;\n\t\tbottom: -1px;\n\t\tleft: 0;\n\t\theight: 1px;\n\t\tbackground-color: color(\"secondary.500\");\n\t}\n\n\t&__header {\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\t@include general;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\n\t\t// STATES\n\t\t&:focus-visible {\n\t\t\t&::before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"aria-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__arrow .gov-icon:not([slot=\"toggle-icon\"]) {\n\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&__icon {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t}\n\t&__title {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-right: auto;\n\t}\n\t&__label * {\n\t\tmargin-bottom: 0;\n\t\tdisplay: inline-block;\n\t\ttransform: translateY(1px);\n\t}\n\t&__annotation * {\n\t\tcolor: color(\"secondary\");\n\t\tmargin-bottom: 0;\n\t}\n\t&__right {\n\t\tdisplay: flex;\n\t\tflex-shrink: 0;\n\t\talign-items: center;\n\t\tmargin-left: auto;\n\t}\n\t&__suffix {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t\talign-self: start;\n\t\tline-height: initial;\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $accordion-sizes {\n\t\t&[size=\"#{$size}\"],\n\t\t& #{$class}[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t\tmin-height: get(\"min-height\", $definitions);\n\t\t\t\t\tpadding: get(\"padding-y\", $definitions) get(\"padding-x\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\theight: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__label * {\n\t\t\t\t\t@include typography(get(\"font\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__annotation {\n\t\t\t\t\t@include typography(get(\"font-annotation\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__right {\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t\ttransform: translateY(get(\"arrow-position\", $definitions));\n\t\t\t\t\t&:has(#{$class}__suffix) {\n\t\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&__arrow {\n\t\t\t\t\twidth: get(\"icon-size\", $definitions);\n\t\t\t\t\theight: get(\"icon-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"padding-inner\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $accordion-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-color: get(\"separator\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__header {\n\t\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tbackground-color: get(\"background-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"disabled\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\tcolor: get(\"disabled-color\", $definitions);\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($until: md) {\n\t\t&__title {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t\t&__label {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tAccordionClass,\n\tAccordionItemClass,\n\tAccordionSizes,\n\tAccordionSizeType,\n\tAccordionVariants,\n\tAccordionVariantType,\n} from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { AccordionItemEvent } from \"./gov-accordion.types\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-accordion-item\",\n\tstyleUrl: \"gov-accordion-item.scss\",\n})\nexport class GovAccordionItem {\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovAccordionItem\")\n\t\tthis.contentId = createID(\"GovAccordionContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() variant?: AccordionVariantType\n\t/**\n\t * Custom accordion item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<AccordionItemEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AccordionVariants, newValue, AccordionItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({\n\t\t\topen: this.isExpanded,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.getPropsFromParents()\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\n\t}\n\n\tgetPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t\tthis.variant = accordion.getAttribute(\"variant\") as AccordionVariantType\n\t\t}\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionItemClass.root)} size={this.size} variant={this.variant} role=\"listitem\">\n\t\t\t\t<button\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={AccordionItemClass.header}\n\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\taria-controls={contentId}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.toggle().finally()\n\t\t\t\t\t}}>\n\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t<span class={AccordionItemClass.label}>\n\t\t\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.h.hasSlot(\"annotation\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.annotation}>\n\t\t\t\t\t\t\t\t<slot name=\"annotation\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t{this.h.hasSlot(\"suffix\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.suffix}>\n\t\t\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"toggle-icon\") ? (\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t\t<div\n\t\t\t\t\tclass={AccordionItemClass.content}\n\t\t\t\t\tid={contentId}\n\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\taria-labelledby={triggerId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the accordion\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the accordion\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"8UAAA,MAAMA,EAAsB,+5aAC5B,MAAAC,EAAeD,E,MCkBFE,EAAgB,MAK5B,WAAAC,CAAAC,G,kKAyBqC,M,gBAI2B,MA5B/DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,oBAC1BL,KAAKM,UAAYD,EAAS,sB,CAkC3B,YAAAE,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAmBC,K,CAI3D,eAAAC,CAAgBL,GACfC,EAAaK,EAAmBN,EAAUG,EAAmBC,K,CAGtD,WAAAG,GACPf,KAAKgB,UAAUC,KAAK,CACnBC,KAAMlB,KAAKmB,WACXC,UAAWT,EAAmBC,KAC9BS,IAAKrB,KAAKG,M,CAIZ,iBAAAmB,GACCtB,KAAKuB,sBACLvB,KAAKO,aAAaP,KAAKwB,MACvBxB,KAAKa,gBAAgBb,KAAKyB,Q,CAI3B,mBAAAF,GACC,MAAMG,EAAY1B,KAAKC,EAAE0B,UAAUC,EAAehB,MAClD,GAAIc,EAAW,CACd1B,KAAKwB,KAAOE,EAAUG,aAAa,QACnC7B,KAAKyB,QAAUC,EAAUG,aAAa,U,EAIxC,MAAAC,GACC,MAAM1B,EAAYJ,KAAK+B,YAAc/B,KAAKI,UAC1C,MAAME,EAAYN,KAAKM,UAEvB,OACCL,EAAC+B,EAAI,CAAAC,IAAA,2CAACC,MAAOlC,KAAKC,EAAEkC,QAAQxB,EAAmBC,MAAOY,KAAMxB,KAAKwB,KAAMC,QAASzB,KAAKyB,QAASW,KAAK,YAClGnC,EAAA,UAAAgC,IAAA,2CACCI,GAAIjC,EACJ8B,MAAOvB,EAAmB2B,OAAM,gBACjBC,EAAcvC,KAAKmB,YAAW,gBAC9Bb,EACfkC,SAAUxC,KAAKwC,SACfC,KAAM,SAAQ,gBACCC,EAAoB1C,KAAKwC,UACxCG,QAAUC,IACTA,EAAEC,kBACF7C,KAAK8C,SAASC,SAAS,GAGvB/C,KAAKC,EAAE+C,QAAQ,SACf/C,EAAA,QAAMiC,MAAOvB,EAAmBsC,MAC/BhD,EAAA,QAAMiD,KAAK,UAIbjD,EAAA,QAAAgC,IAAA,2CAAMC,MAAOvB,EAAmBwC,OAC/BlD,EAAA,QAAAgC,IAAA,2CAAMC,MAAOvB,EAAmByC,OAC/BnD,EAAA,QAAAgC,IAAA,2CAAMiB,KAAK,WAEXlD,KAAKC,EAAE+C,QAAQ,eACf/C,EAAA,QAAMiC,MAAOvB,EAAmB0C,YAC/BpD,EAAA,QAAMiD,KAAK,iBAKdjD,EAAA,QAAAgC,IAAA,2CAAMC,MAAOvB,EAAmB2C,OAC9BtD,KAAKC,EAAE+C,QAAQ,WACf/C,EAAA,QAAMiC,MAAOvB,EAAmB4C,QAC/BtD,EAAA,QAAMiD,KAAK,YAIbjD,EAAA,QAAAgC,IAAA,2CAAMC,MAAOvB,EAAmB6C,OAC9BxD,KAAKC,EAAE+C,QAAQ,eACf/C,EAAA,QAAMiD,KAAK,gBAEXjD,EAAA,YAAUiD,KAAK,oBAKnBjD,EAAA,OAAAgC,IAAA,2CACCC,MAAOvB,EAAmB8C,QAC1BpB,GAAI/B,EAAS,cACAiC,GAAevC,KAAKmB,YACjCuC,QAAS1D,KAAKmB,WAAU,kBACPf,GACjBH,EAAA,QAAAgC,IAAA,8C,CAUJ,UAAMf,GACLlB,KAAKmB,WAAa,KAClBnB,KAAKe,a,CAON,WAAM4C,GACL3D,KAAKmB,WAAa,MAClBnB,KAAKe,a,CAON,YAAM+B,GACL9C,KAAKmB,YAAcnB,KAAKmB,WACxBnB,KAAKe,a,CAON,kBAAM6C,GACL,OAAO5D,KAAKmB,U"}
\ No newline at end of file
diff --git a/build/p-1ef9a822.js b/build/p-1ef9a822.js
new file mode 100644
index 00000000..a1923e85
--- /dev/null
+++ b/build/p-1ef9a822.js
@@ -0,0 +1,2 @@
+const o={root:"gov-modal",rootPrompt:"gov-modal gov-modal--prompt",dialog:"gov-modal__dialog",inner:"gov-modal__inner",header:"gov-modal__header",icon:"gov-modal__icon",title:"gov-modal__title",content:"gov-modal__content",close:"gov-modal__close",footer:"gov-modal__footer",actions:"gov-modal__actions",bodyFix:"body-fixed"};export{o as M};
+//# sourceMappingURL=p-1ef9a822.js.map
\ No newline at end of file
diff --git a/build/p-1ef9a822.js.map b/build/p-1ef9a822.js.map
new file mode 100644
index 00000000..6326dc43
--- /dev/null
+++ b/build/p-1ef9a822.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["ModalClass","root","rootPrompt","dialog","inner","header","icon","title","content","close","footer","actions","bodyFix"],"sources":["../../packages/core/src/components/gov-modal/constants.ts"],"sourcesContent":["export const ModalClass = {\n\troot: 'gov-modal',\n\trootPrompt: 'gov-modal gov-modal--prompt',\n\tdialog: 'gov-modal__dialog',\n\tinner: 'gov-modal__inner',\n\theader: 'gov-modal__header',\n\ticon: 'gov-modal__icon',\n\ttitle: 'gov-modal__title',\n\tcontent: 'gov-modal__content',\n\tclose: 'gov-modal__close',\n\tfooter: 'gov-modal__footer',\n\tactions: 'gov-modal__actions',\n\tbodyFix: 'body-fixed',\n}\n"],"mappings":"MAAaA,EAAa,CACzBC,KAAM,YACNC,WAAY,8BACZC,OAAQ,oBACRC,MAAO,mBACPC,OAAQ,oBACRC,KAAM,kBACNC,MAAO,mBACPC,QAAS,qBACTC,MAAO,mBACPC,OAAQ,oBACRC,QAAS,qBACTC,QAAS,qB"}
\ No newline at end of file
diff --git a/build/p-1f586452.entry.js b/build/p-1f586452.entry.js
new file mode 100644
index 00000000..ba6e026e
--- /dev/null
+++ b/build/p-1f586452.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as r,a as e,g as a}from"./p-3336fe3b.js";import{p as s,d as n}from"./p-2b6bbee5.js";import{V as t}from"./p-55e78f21.js";import{g as i}from"./p-8a8117a5.js";import{v as g}from"./p-bc59b609.js";import{c as l}from"./p-32d89c78.js";import{v}from"./p-b24413c7.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const c=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var d;(function(o){o["CIRCLE"]="circle";o["REACT"]="rect";o["TEXT"]="text"})(d||(d={}));var k;(function(o){o["PULSE"]="pulse";o["PROGRESS"]="progress";o["FALSE"]="false"})(k||(k={}));const p={root:"gov-skeleton",loader:"gov-skeleton__loader"};const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader+.gov-skeleton__loader{margin-top:var(--gov-skeleton-margin-top, 8px)}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";const b=u;const m=class{constructor(r){o(this,r);this.items=[];this.variant="secondary";this.count=1;this.shape="text";this.width=null;this.height=null;this.animation="progress";this.wcagLabel=undefined;this.h=i(this.host)}validateVariant(o){g(c,o,p.root)}validateShape(o){g(d,o,p.root)}validateAnimation(o){g(k,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init()}componentWillUpdate(){this.init()}async componentDidRender(){if(l()){await n(500);await this.validateWcag()}}init(){this.items.length=this.count;this.items.fill(1)}get style(){const o={width:null,height:null};if(this.width){o.width=this.width}if(this.height){o.height=this.height}return Object.assign({},o)}render(){return r(e,{key:"29d706f71f924175beddb240d0bad8cfa16e6f30",class:this.h.classes(p.root),variant:this.variant},this.items.map(((o,e)=>r("span",{key:e,class:{circle:this.shape==="circle",rect:this.shape==="rect",progress:this.animation==="progress",pulse:this.animation==="pulse",[p.loader]:true},"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":this.wcagLabel,role:"progressbar",tabindex:"0",style:this.style}))))}async validateWcag(){v(this.wcagLabel,undefined,p.root)}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"],shape:["validateShape"],animation:["validateAnimation"]}}};m.style=b;export{m as gov_skeleton};
+//# sourceMappingURL=p-1f586452.entry.js.map
\ No newline at end of file
diff --git a/build/p-1f586452.entry.js.map b/build/p-1f586452.entry.js.map
new file mode 100644
index 00000000..9375e5ef
--- /dev/null
+++ b/build/p-1f586452.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["SkeletonVariants","pick","Variants","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","loader","govSkeletonCss","GovSkeletonStyle0","GovSkeleton","constructor","hostRef","this","items","h","govHost","host","validateVariant","newValue","validateProp","validateShape","validateAnimation","componentWillLoad","variant","shape","animation","init","componentWillUpdate","componentDidRender","canValidateWcagOnRender","delay","validateWcag","length","count","fill","style","dimenssionsStyles","width","height","Object","assign","render","Host","key","class","classes","map","_","index","circle","rect","progress","pulse","wcagLabel","role","tabindex","validateWcagLabel","undefined"],"sources":["../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.scss?tag=gov-skeleton","../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n","$class: \".gov-skeleton\";\n\n#{$class} {\n\t&__loader {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: $skeleton-width;\n\t\theight: $skeleton-height;\n\t\tborder-radius: $skeleton-border-radius;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t\twill-change: transform;\n\n\t\t+ #{$class}__loader {\n\t\t\tmargin-top: $skeleton-margin-top;\n\t\t}\n\n\t\t&.circle {\n\t\t\twidth: $skeleton-circle-size;\n\t\t\theight: $skeleton-circle-size;\n\t\t\tborder-radius: $skeleton-circle-radius;\n\t\t}\n\n\t\t&.rect {\n\t\t\tborder-radius: $skeleton-rect-radius;\n\t\t}\n\n\t\t&.progress {\n\t\t\tbackground-size: 200px 100%;\n\t\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\n\t\t&.pulse {\n\t\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t\tanimation-delay: 0.5s;\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t&.pulse,\n\t\t\t&.progress {\n\t\t\t\tbackground-image: none;\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $skeleton-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class}__loader {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tbackground-repeat: no-repeat;\n\n\t\t\t\t&.progress {\n\t\t\t\t\tbackground-image: linear-gradient(90deg, get(\"background\", $definitions), get(\"foreground\", $definitions), get(\"background\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass, SkeletonShapes,\n\tSkeletonShapesType, SkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root)\n\t}\n}\n"],"mappings":"mUAIO,MAAMA,EAAmBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAG5F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,gBACAA,EAAA,cACA,EAJD,CAAYA,MAAc,KAO1B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,gBACA,EAJD,CAAYA,MAAiB,KAOtB,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,OAAQ,wBCvBT,MAAMC,EAAiB,0pHACvB,MAAAC,EAAeD,E,MCkBFE,EAAW,MAGvB,WAAAC,CAAAC,G,UAkCAC,KAAAC,MAAkB,G,aA1BgC,Y,WAIlC,E,WAIqB,O,WAIb,K,YAIC,K,eAImB,W,yBA3B3CD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAoCvB,eAAAC,CAAgBC,GACfC,EAAapB,EAAkBmB,EAAUd,EAAcC,K,CAIxD,aAAAe,CAAcF,GACbC,EAAajB,EAAgBgB,EAAUd,EAAcC,K,CAItD,iBAAAgB,CAAkBH,GACjBC,EAAahB,EAAmBe,EAAUd,EAAcC,K,CAGzD,iBAAAiB,GACCV,KAAKK,gBAAgBL,KAAKW,SAC1BX,KAAKQ,cAAcR,KAAKY,OACxBZ,KAAKS,kBAAkBT,KAAKa,WAC5Bb,KAAKc,M,CAGN,mBAAAC,GACCf,KAAKc,M,CAGN,wBAAME,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNlB,KAAKmB,c,EAIb,IAAAL,GACCd,KAAKC,MAAMmB,OAASpB,KAAKqB,MACzBrB,KAAKC,MAAMqB,KAAK,E,CAGjB,SAAIC,GACH,MAAMC,EAGF,CACHC,MAAO,KACPC,OAAQ,MAET,GAAI1B,KAAKyB,MAAO,CACfD,EAAkBC,MAAQzB,KAAKyB,K,CAGhC,GAAIzB,KAAK0B,OAAQ,CAChBF,EAAkBE,OAAS1B,KAAK0B,M,CAGjC,OAAAC,OAAAC,OAAA,GAAYJ,E,CAGb,MAAAK,GACC,OACC3B,EAAC4B,EAAI,CAAAC,IAAA,2CAACC,MAAOhC,KAAKE,EAAE+B,QAAQzC,EAAcC,MAAOkB,QAASX,KAAKW,SAC7DX,KAAKC,MAAMiC,KAAI,CAACC,EAAGC,IAElBlC,EAAA,QACC6B,IAAKK,EACLJ,MAAO,CACNK,OAAQrC,KAAKY,QAAU,SACvB0B,KAAMtC,KAAKY,QAAU,OACrB2B,SAAUvC,KAAKa,YAAc,WAC7B2B,MAAOxC,KAAKa,YAAc,QAC1B,CAACrB,EAAcE,QAAS,MACxB,YAES,OAAM,gBACF,IAAG,gBACH,MAAK,iBACHM,KAAKyC,UACrBC,KAAK,cACLC,SAAS,IACTpB,MAAOvB,KAAKuB,U,CAYlB,kBAAMJ,GACLyB,EAAkB5C,KAAKyC,UAAWI,UAAWrD,EAAcC,K"}
\ No newline at end of file
diff --git a/build/p-20b9a2e7.entry.js b/build/p-20b9a2e7.entry.js
new file mode 100644
index 00000000..0f4ca32e
--- /dev/null
+++ b/build/p-20b9a2e7.entry.js
@@ -0,0 +1,2 @@
+import{d as t,r as i,h as s,a as n,g as e}from"./p-3336fe3b.js";import{i as o,a}from"./p-32d89c78.js";import{g as r}from"./p-8a8117a5.js";import"./p-2b6bbee5.js";var c;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(c||(c={}));const h={root:"gov-icon",holder:"gov-icon__holder"};const l="0.0.70";const p=()=>l;const d={};const f={};const u=t=>t.startsWith("http://")||t.startsWith("https://");const g=(i,s,n)=>{if(u(i)){return`${i}/${n}/${s}.svg?v=${p()}`}return t(`${i}/${n}/${s}.svg`)+`?v=${p()}`};async function m({name:t,type:i}){const s=i+"-"+t;if(d[s]){return d[s]}if(!f[s]){f[s]=fetch(g(o(),t,i)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const n=await f[s];d[s]=n;return n}const y=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-icon{display:inline-flex}.gov-icon__holder{display:inline-flex;width:100%;height:100%}.gov-icon__holder+.gov-icon__holder{display:none !important}.gov-icon svg{display:inline-flex;width:100%;height:100%;max-width:100%;max-height:100%}";const v=y;const w=class{constructor(t){i(this,t);this.name=null;this.type="basic";this.iconData=undefined;this.visible=false;this.error=false;this.h=r(this.host)}async loadIconPathData(){const{name:t,visible:i,type:s}=this;if(!t||!i){return}try{this.iconData=await m({name:t,type:s})}catch(t){this.error=true}}connectedCallback(){if(a()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}render(){if(this.error){return null}return s(n,{class:this.h.classes(h.root)},s("span",{class:h.holder,innerHTML:this.iconData}))}static get assetsDirs(){return["assets"]}get host(){return e(this)}static get watchers(){return{name:["loadIconPathData"]}}};w.style=v;export{w as gov_icon};
+//# sourceMappingURL=p-20b9a2e7.entry.js.map
\ No newline at end of file
diff --git a/build/p-20b9a2e7.entry.js.map b/build/p-20b9a2e7.entry.js.map
new file mode 100644
index 00000000..cad9d1a4
--- /dev/null
+++ b/build/p-20b9a2e7.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["Types","IconClass","root","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","getAssetPath","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","govIconCss","GovIconStyle0","GovIcon","constructor","hostRef","this","h","govHost","host","loadIconPathData","visible","iconData","e","error","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","render","Host","class","classes","innerHTML"],"sources":["../../packages/core/src/components/gov-icon/constants.ts","../../packages/core/src/utils/ds.utils.ts","../../packages/core/src/utils/icon.utils.ts","../../packages/core/src/components/gov-icon/gov-icon.scss?tag=gov-icon","../../packages/core/src/components/gov-icon/gov-icon.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\nimport { iconsPath } from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n\tif (isExternalUrl(path)) {\n\t\treturn `${path}/${type}/${name}.svg?v=${dsVersion()}`\n\t}\n\treturn getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({ name, type }: { name: string; type: string }): Promise<string> {\n\tconst cacheKey = type + \"-\" + name\n\tif (iconCache[cacheKey]) {\n\t\treturn iconCache[cacheKey]\n\t}\n\tif (!requestCache[cacheKey]) {\n\t\trequestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n\t\t\tif (resp.status === 200) {\n\t\t\t\treturn resp.text()\n\t\t\t} else {\n\t\t\t\tthrow new Error(\"Gov Icon doesn't exists\")\n\t\t\t}\n\t\t})\n\t}\n\tconst path = await requestCache[cacheKey]\n\ticonCache[cacheKey] = path\n\treturn path\n}\n","/*\n *   Icon\n */\n\n$class: \".gov-icon\";\n\n#{$class} {\n\tdisplay: inline-flex;\n\t&__holder {\n\t\tdisplay: inline-flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\t& + #{$class}__holder {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\tsvg {\n\t\tdisplay: inline-flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t}\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\n\n@Component({\n  assetsDirs: [\"assets\"],\n  styleUrl: \"gov-icon.scss\",\n  tag: \"gov-icon\",\n})\nexport class GovIcon {\n  private h: GovHost\n\n  constructor() {\n    this.h = govHost(this.host)\n  }\n\n  @Element() host: HTMLGovIconElement\n  /**\n   * Name of icon\n   */\n  @Prop() name: string = null\n  /**\n   * Type (folder) of icon\n   */\n  @Prop() type: string = \"basic\"\n  @State() private iconData: string\n  @State() private visible = false\n  @State() private error = false\n  private intersectionObserver: IntersectionObserver\n\n  @Watch(\"name\")\n  private async loadIconPathData(): Promise<void> {\n    const {name, visible, type} = this\n    if (!Build.isBrowser || !name || !visible) {\n      return\n    }\n    try {\n      this.iconData = await fetchIcon({name, type})\n    } catch (e) {\n      this.error = true\n    }\n  }\n\n  connectedCallback(): void {\n    if (iconsLazyLoad()) {\n      this.visible = true\n      this.loadIconPathData().finally()\n    } else {\n      this.waitUntilVisible(async () => {\n        this.visible = true\n        await this.loadIconPathData()\n      })\n    }\n  }\n\n  disconnectedCallback(): void {\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect()\n      this.intersectionObserver = null\n    }\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await this.loadIconPathData()\n  }\n\n  private waitUntilVisible(callback: () => void): void {\n    if (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n      callback()\n      return\n    }\n    this.intersectionObserver = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            if (this.intersectionObserver) {\n              this.intersectionObserver.disconnect()\n              this.intersectionObserver = null\n            }\n            callback()\n          }\n        })\n      },\n      {rootMargin: \"50px\"},\n    )\n    this.intersectionObserver.observe(this.host)\n  }\n\n  render() {\n    if (this.error) {\n      return null\n    }\n    return (\n      <Host class={this.h.classes(IconClass.root)}>\n        <span class={IconClass.holder} innerHTML={this.iconData}></span>\n      </Host>\n    )\n  }\n}\n"],"mappings":"kKAEA,IAAKA,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,qBACAA,EAAA,oBACA,EAJD,CAAKA,MAAK,KAOH,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,oB,iBCTF,MAAMC,EAAY,IACjBC,ECCR,MAAMC,EAAuC,GAC7C,MAAMC,EAAmD,GAEzD,MAAMC,EAAiBC,GAAiBA,EAAKC,WAAW,YAAcD,EAAKC,WAAW,YACtF,MAAMC,EAAU,CAACF,EAAcG,EAAcC,KAC5C,GAAIL,EAAcC,GAAO,CACxB,MAAO,GAAGA,KAAQI,KAAQD,WAAcR,K,CAEzC,OAAOU,EAAa,GAAGL,KAAQI,KAAQD,SAAc,MAAMR,KAAa,EAGlEW,eAAeC,GAAUJ,KAAEA,EAAIC,KAAEA,IACvC,MAAMI,EAAWJ,EAAO,IAAMD,EAC9B,GAAIN,EAAUW,GAAW,CACxB,OAAOX,EAAUW,E,CAElB,IAAKV,EAAaU,GAAW,CAC5BV,EAAaU,GAAYC,MAAMP,EAAQQ,IAAaP,EAAMC,IAAOO,MAAKC,IACrE,GAAIA,EAAKC,SAAW,IAAK,CACxB,OAAOD,EAAKE,M,KACN,CACN,MAAM,IAAIC,MAAM,0B,KAInB,MAAMf,QAAaF,EAAaU,GAChCX,EAAUW,GAAYR,EACtB,OAAOA,CACR,CChCA,MAAMgB,EAAa,wkBACnB,MAAAC,EAAeD,E,MCWFE,EAAO,MAGlB,WAAAC,CAAAC,G,oBAQuB,K,UAIA,Q,qCAEI,M,WACF,MAdvBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkBhB,sBAAMC,GACZ,MAAMtB,KAACA,EAAIuB,QAAEA,EAAOtB,KAAEA,GAAQiB,KAC9B,IAAyBlB,IAASuB,EAAS,CACzC,M,CAEF,IACEL,KAAKM,eAAiBpB,EAAU,CAACJ,OAAMC,Q,CACvC,MAAOwB,GACPP,KAAKQ,MAAQ,I,EAIjB,iBAAAC,GACE,GAAIC,IAAiB,CACnBV,KAAKK,QAAU,KACfL,KAAKI,mBAAmBO,S,KACnB,CACLX,KAAKY,kBAAiB3B,UACpBe,KAAKK,QAAU,WACTL,KAAKI,kBAAkB,G,EAKnC,oBAAAS,GACE,GAAIb,KAAKc,qBAAsB,CAC7Bd,KAAKc,qBAAqBC,aAC1Bf,KAAKc,qBAAuB,I,EAIhC,uBAAME,SACEhB,KAAKI,kB,CAGL,gBAAAQ,CAAiBK,GACvB,UAA+BC,SAAW,cAAiBA,OAAeC,qBAAsB,CAC9FF,IACA,M,CAEFjB,KAAKc,qBAAuB,IAAIK,sBAC9BC,IACEA,EAAQC,SAAQC,IACd,GAAIA,EAAMC,eAAgB,CACxB,GAAIvB,KAAKc,qBAAsB,CAC7Bd,KAAKc,qBAAqBC,aAC1Bf,KAAKc,qBAAuB,I,CAE9BG,G,IAEF,GAEJ,CAACO,WAAY,SAEfxB,KAAKc,qBAAqBW,QAAQzB,KAAKG,K,CAGzC,MAAAuB,GACE,GAAI1B,KAAKQ,MAAO,CACd,OAAO,I,CAET,OACEP,EAAC0B,EAAI,CAACC,MAAO5B,KAAKC,EAAE4B,QAAQ1D,EAAUC,OACpC6B,EAAA,QAAM2B,MAAOzD,EAAUE,OAAQyD,UAAW9B,KAAKM,W"}
\ No newline at end of file
diff --git a/build/p-2b6bbee5.js b/build/p-2b6bbee5.js
new file mode 100644
index 00000000..1093b9ff
--- /dev/null
+++ b/build/p-2b6bbee5.js
@@ -0,0 +1,2 @@
+async function t(t){return new Promise((e=>setTimeout(e,t)))}function e(t,e){let n=0;return function(...s){clearTimeout(n);n=setTimeout((()=>t.apply(this,s)),e)}}const n=(t,e)=>Object.prototype.hasOwnProperty.call(e,t);const s=(t,e)=>n(t,e)?e[t]:undefined;const c=(t,e)=>Object.fromEntries(Object.entries(t).filter((([t])=>e.includes(t))));export{s as a,t as d,n as h,c as p,e as t};
+//# sourceMappingURL=p-2b6bbee5.js.map
\ No newline at end of file
diff --git a/build/p-2b6bbee5.js.map b/build/p-2b6bbee5.js.map
new file mode 100644
index 00000000..77304260
--- /dev/null
+++ b/build/p-2b6bbee5.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["async","delay","miliseconds","Promise","resolve","setTimeout","throttle","f","timer","args","clearTimeout","apply","this","has","prop","obj","Object","prototype","hasOwnProperty","call","property","name","object","undefined","pick","keys","fromEntries","entries","filter","key","includes"],"sources":["../../packages/core/src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n\treturn (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '')\n}\n\nexport async function delay(miliseconds: number): Promise<void> {\n\treturn new Promise(resolve => setTimeout(resolve, miliseconds))\n}\n\nexport function throttle(f: (entries) => void, delay: number) {\n\tlet timer: any = 0\n\treturn function (...args) {\n\t\tclearTimeout(timer)\n\t\ttimer = setTimeout(() => f.apply(this, args), delay)\n\t}\n}\n\n/**\n * Checks if object has that property\n *\n * @param {K} prop\n * @param {T} obj\n * @return {obj is T & Record<K, V>}\n */\nexport const has = <T extends object, K extends PropertyKey, V>(prop: K, obj: T): obj is T & Record<K, V> => {\n\treturn Object.prototype.hasOwnProperty.call(obj, prop)\n}\n\n/**\n * Returns property of given Object\n *\n * @param {K} name\n * @param {T} object\n * @return {(T & Record<K, unknown>)[K]}\n */\nexport const property = <T extends object, K extends keyof T>(name: K, object: T) => {\n\treturn has(name, object) ? object[name] : undefined\n}\n\nexport const pick = <T extends Record<string, unknown>, K extends keyof T>(obj: T, keys: readonly K[]): Pick<T, K> =>\n\tObject.fromEntries(Object.entries(obj).filter(([key]) => (keys as readonly string[]).includes(key))) as Pick<T, K>\n"],"mappings":"AAIOA,eAAeC,EAAMC,GAC3B,OAAO,IAAIC,SAAQC,GAAWC,WAAWD,EAASF,IACnD,C,SAEgBI,EAASC,EAAsBN,GAC9C,IAAIO,EAAa,EACjB,OAAO,YAAaC,GACnBC,aAAaF,GACbA,EAAQH,YAAW,IAAME,EAAEI,MAAMC,KAAMH,IAAOR,E,CAEhD,C,MASaY,EAAM,CAA6CC,EAASC,IACjEC,OAAOC,UAAUC,eAAeC,KAAKJ,EAAKD,G,MAUrCM,EAAW,CAAsCC,EAASC,IAC/DT,EAAIQ,EAAMC,GAAUA,EAAOD,GAAQE,U,MAG9BC,EAAO,CAAuDT,EAAQU,IAClFT,OAAOU,YAAYV,OAAOW,QAAQZ,GAAKa,QAAO,EAAEC,KAAUJ,EAA2BK,SAASD,a"}
\ No newline at end of file
diff --git a/build/p-2e7d3da8.entry.js b/build/p-2e7d3da8.entry.js
new file mode 100644
index 00000000..2e3566de
--- /dev/null
+++ b/build/p-2e7d3da8.entry.js
@@ -0,0 +1,2 @@
+import{r as s,c as i,h as a,a as t,g as o}from"./p-3336fe3b.js";import{v as e}from"./p-bc59b609.js";import{W as r,a as n,b as p}from"./p-a1e54124.js";import{g as c}from"./p-8a8117a5.js";import{v as m}from"./p-b24413c7.js";import{c as d}from"./p-32d89c78.js";import{d as f}from"./p-2b6bbee5.js";import"./p-40f10385.js";import"./p-55e78f21.js";import"./p-1693d6aa.js";import"./p-4029f0cb.js";const h=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizard{position:relative;display:block;width:100%}.gov-wizard>*:last-child{margin-bottom:0}";const b=h;const l=class{constructor(a){s(this,a);this.govChange=i(this,"gov-change",7);this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=c(this.host)}validateSize(s){e(p,s,n.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(d()){await f(500);await this.validateWcag()}}render(){return a(t,{key:"92f3149ba9c0c94319a3ea39a10e173db6029a53",class:this.h.classes(n.root),role:"list",size:this.size},a("slot",{key:"ca9c7e40f7cd2af16628b5bd48c6c98662e6b64f"}))}async validateWcag(){m(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return o(this)}static get watchers(){return{size:["validateSize"]}}};l.style=b;export{l as gov_wizard};
+//# sourceMappingURL=p-2e7d3da8.entry.js.map
\ No newline at end of file
diff --git a/build/p-2e7d3da8.entry.js.map b/build/p-2e7d3da8.entry.js.map
new file mode 100644
index 00000000..e622441d
--- /dev/null
+++ b/build/p-2e7d3da8.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govWizardCss","GovWizardStyle0","GovWizard","constructor","hostRef","this","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","size","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","role","validateWcagLabel","wcagLabel","wcagLabelledBy"],"sources":["../../packages/core/src/components/gov-wizard/gov-wizard.scss?tag=gov-wizard","../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["/*\n *   Wizard\n */\n\n$class: \".gov-wizard\";\n\n#{$class} {\n\t@include base();\n\t@include reset-last-margin();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n\tstyleUrl: \"gov-wizard.scss\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"sYAAA,MAAMA,EAAe,ybACrB,MAAAC,EAAeD,E,MCaFE,EAAS,MAKrB,WAAAC,CAAAC,G,0DAO0C,I,uDANzCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBf,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCV,KAAKI,aAAaJ,KAAKW,K,CAGxB,gBAAAC,GACCZ,KAAKG,KAAKU,iBAAiBC,EAAgBL,MAAMM,SAASC,IACzDA,EAAMC,aAAa,OAAQjB,KAAKW,KAAK,G,CAUvC,wBAAMO,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNpB,KAAKqB,c,EAIb,MAAAC,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAOzB,KAAKC,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAOhB,KAAMX,KAAKW,MACrEV,EAAA,QAAAuB,IAAA,6C,CASI,kBAAMH,GACZO,EAAkB5B,KAAK6B,UAAW7B,KAAK8B,eAAgBtB,EAAYC,K"}
\ No newline at end of file
diff --git a/build/p-2f58e2e8.js b/build/p-2f58e2e8.js
new file mode 100644
index 00000000..3e00dd21
--- /dev/null
+++ b/build/p-2f58e2e8.js
@@ -0,0 +1,2 @@
+import{S as o}from"./p-1693d6aa.js";import{V as i}from"./p-55e78f21.js";import{p as t}from"./p-2b6bbee5.js";const a=t(o,["_XS","_S","_M","_L"]);const c=t(i,["PRIMARY","SECONDARY","CUSTOM"]);const r={root:"gov-accordion"};const n={root:"gov-accordion-item",header:"gov-accordion-item__header",icon:"gov-accordion-item__icon",title:"gov-accordion-item__title",label:"gov-accordion-item__label",annotation:"gov-accordion-item__annotation",suffix:"gov-accordion-item__suffix",right:"gov-accordion-item__right",arrow:"gov-accordion-item__arrow",content:"gov-accordion-item__content"};export{n as A,r as a,a as b,c};
+//# sourceMappingURL=p-2f58e2e8.js.map
\ No newline at end of file
diff --git a/build/p-2f58e2e8.js.map b/build/p-2f58e2e8.js.map
new file mode 100644
index 00000000..7de42ba7
--- /dev/null
+++ b/build/p-2f58e2e8.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["AccordionSizes","pick","Sizes","AccordionVariants","Variants","AccordionClass","root","AccordionItemClass","header","icon","title","label","annotation","suffix","right","arrow","content"],"sources":["../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\ticon: 'gov-accordion-item__icon',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tannotation: 'gov-accordion-item__annotation',\n\tsuffix: 'gov-accordion-item__suffix',\n\tright: 'gov-accordion-item__right',\n\tarrow: 'gov-accordion-item__arrow',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"mappings":"kHAKaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,O,MAGjDC,EAAoBF,EAAKG,EAAU,CAAC,UAAW,YAAa,W,MAG5DC,EAAiB,CAC7BC,KAAM,iB,MAGMC,EAAqB,CACjCD,KAAM,qBACNE,OAAQ,6BACRC,KAAM,2BACNC,MAAO,4BACPC,MAAO,4BACPC,WAAY,iCACZC,OAAQ,6BACRC,MAAO,4BACPC,MAAO,4BACPC,QAAS,sC"}
\ No newline at end of file
diff --git a/build/p-324f10aa.entry.js b/build/p-324f10aa.entry.js
new file mode 100644
index 00000000..dead0288
--- /dev/null
+++ b/build/p-324f10aa.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,a as t,g as n}from"./p-3336fe3b.js";import{v as a}from"./p-bc59b609.js";import{B as i,b as v,T as l,N as s}from"./p-a9bfe306.js";import{g as b,p as u,t as g,a as c}from"./p-8a8117a5.js";import{S as d}from"./p-1693d6aa.js";import{a as m,v as p}from"./p-b24413c7.js";import{c as y}from"./p-32d89c78.js";import{d as h}from"./p-2b6bbee5.js";import{p as k}from"./p-6ec83778.js";import"./p-40f10385.js";import"./p-55e78f21.js";import"./p-4029f0cb.js";function w(e){if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1}else if(typeof e==="number"){return e>0}else if(typeof e==="boolean"){return e}else{return e?true:false}}const f='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled="1"].gov-button{cursor:not-allowed}[hoverable][disabled=""].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled="1"].gov-button .element{pointer-events:none}[expanded=""].gov-button,[expanded=true i].gov-button,[expanded="1"].gov-button{display:block}[expanded=""].gov-button .element,[expanded=true i].gov-button .element,[expanded="1"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][inverse=""].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=""].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled="1"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""][inverse=""].gov-button .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=""].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled="1"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=""].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled="1"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-button .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=""].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=""].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled="1"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=""][inverse=""].gov-button .element,[type=link][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=link][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=""].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled="1"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=""].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled="1"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=""].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled="1"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=""].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=""].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled="1"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=link][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=error][inverse=""].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=""].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled="1"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""][inverse=""].gov-button .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=""].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled="1"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=""].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled="1"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-button .element,[type=base][variant=error][disabled=""][inverse=true i].gov-button .element,[type=base][variant=error][disabled=""][inverse="1"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=""].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=error][disabled="1"][inverse=""].gov-button .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=""].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=""].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled="1"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=""][inverse=""].gov-button .element,[type=link][variant=error][disabled=""][inverse=true i].gov-button .element,[type=link][variant=error][disabled=""][inverse="1"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=""].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=error][disabled="1"][inverse=""].gov-button .element,[type=link][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=success][inverse=""].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=""].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled="1"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""][inverse=""].gov-button .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=""].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled="1"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=""].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled="1"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-button .element,[type=base][variant=success][disabled=""][inverse=true i].gov-button .element,[type=base][variant=success][disabled=""][inverse="1"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=""].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=success][disabled="1"][inverse=""].gov-button .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=""].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=""].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled="1"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=""][inverse=""].gov-button .element,[type=link][variant=success][disabled=""][inverse=true i].gov-button .element,[type=link][variant=success][disabled=""][inverse="1"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=""].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=success][disabled="1"][inverse=""].gov-button .element,[type=link][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][inverse=""].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=""].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled="1"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""][inverse=""].gov-button .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=""].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled="1"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=""].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled="1"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-button .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=""].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=""].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled="1"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=""][inverse=""].gov-button .element,[type=link][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=link][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{justify-content:flex-start;align-items:flex-start;text-align:left;min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading="1"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading="1"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading="1"] .element .gov-icon{margin:0}.gov-button[loading="0"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=""][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading="0"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=""][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading="0"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=""][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading="0"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=""][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading="0"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=""][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}.gov-button[size=s][type=link] .gov-icon{margin-top:4px}.gov-button[size=m][type=link] .gov-icon{margin-top:2px}';const x=f;var z;(function(e){e["A"]="a";e["BUTTON"]="button"})(z||(z={}));const j=class{constructor(r){e(this,r);this.govClick=o(this,"gov-click",7);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.variant=undefined;this.size="m";this.type="solid";this.expanded=false;this.inverse=false;this.name=undefined;this.iconLeft=undefined;this.iconRight=undefined;this.disabled=false;this.nativeType="button";this.href=undefined;this.target=undefined;this.download=undefined;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.loading=undefined;this.focusable=true;this.identifier=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagDescription=undefined;this.wcagDetails=undefined;this.wcagExpanded=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.wcagHasPopup=undefined;this.wcagPressed=undefined;this.wcagCurrent=undefined;this.isPressed=false;this.h=b(this.host)}validateVariant(e){a(v,e,i.root)}validateType(e){a(l,e,i.root)}validateSize(e){a(d,e,i.root)}validateNativeType(e){a(s,e,i.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType)}async componentDidRender(){if(y()){await h(500);await this.validateWcag()}}get classNames(){const{h:e}=this;return u([i.root,e.hasSlot("left-icon")&&i.rootWithIcon,e.hasSlot("right-icon")&&i.rootWithIcon])}render(){const e=this.href?z.A:z.BUTTON;const o=e===z.A?undefined:this.nativeType;const n=k(this.iconLeft);const a=k(this.iconRight);return r(t,{key:"974715d918c7c50032b09edc5842f6c7cbd74c2e",hoverable:true,size:this.size,variant:this.variant,class:this.h.classes(this.classNames),type:this.type,inverse:this.inverse},r(e,{key:"5a0e69ef4cfa96396848863a908705335b063c36",class:"element",ref:e=>this.triggerRef=e,onClick:this.onClickHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onMouseDown:()=>this.isPressed=true,onMouseUp:()=>this.isPressed=false,disabled:this.disabled,id:this.identifier,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,rel:this.rel,name:this.name,type:o,tabindex:this.focusable?"0":"-1","aria-activedescendant":this.wcagActiveDescendant,"aria-describedby":this.wcagActiveDescendant,"aria-description":this.wcagDescription,"aria-controls":this.wcagControls,"aria-details":this.wcagDetails,"aria-expanded":g(this.wcagExpanded),"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns,"aria-haspopup":g(this.wcagHasPopup),"aria-pressed":c(this.isPressed),"aria-disabled":g(this.disabled),"aria-current":this.wcagCurrent},w(this.loading)&&!this.h.hasSlot("right-icon")&&r("gov-icon",{name:"loader",class:"gov-spin-animation"}),this.h.hasSlot("left-icon")&&r("slot",{name:"left-icon"}),n&&r("gov-icon",{type:n.type,name:n.name}),r("slot",{key:"c43759742836556bf148dae376bdba8d883e015b"}),this.h.hasSlot("right-icon")&&r("slot",{name:"right-icon"}),a&&r("gov-icon",{type:a.type,name:a.name}),w(this.loading)&&this.h.hasSlot("right-icon")&&r("gov-icon",{name:"loader",class:"gov-spin-animation"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false){this.govClick.emit({component:i.root,originalEvent:e,ref:this.host})}}onFocusHandler(e){e.stopPropagation();this.govFocus.emit({component:i.root,originalEvent:e,ref:this.host})}onBlurHandler(e){e.stopPropagation();this.govBlur.emit({component:i.root,originalEvent:e,ref:this.host})}async setFocus(){this.triggerRef.focus()}async getTriggerRef(){return this.triggerRef}async validateWcag(){if(this.focusable){m(this.wcagActiveDescendant,"aria-activedescendant",i.root);m(this.wcagControls,"aria-controls",i.root);m(this.wcagDetails,"aria-details",i.root);m(this.wcagOwns,"aria-owns",i.root);m(this.wcagHasPopup,"aria-haspopup",i.root);p(this.wcagLabel,this.wcagLabelledBy,i.root)}}get host(){return n(this)}static get watchers(){return{variant:["validateVariant"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}};j.style=x;export{j as gov_button};
+//# sourceMappingURL=p-324f10aa.entry.js.map
\ No newline at end of file
diff --git a/build/p-324f10aa.entry.js.map b/build/p-324f10aa.entry.js.map
new file mode 100644
index 00000000..b6e6a1d0
--- /dev/null
+++ b/build/p-324f10aa.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["toBool","value","indexOf","govButtonCss","GovButtonStyle0","Tags","GovButton","constructor","hostRef","this","h","govHost","host","validateVariant","newValue","validateProp","ButtonVariants","ButtonClass","root","validateType","Type","validateSize","Sizes","validateNativeType","NativeType","componentWillLoad","variant","type","size","nativeType","componentDidRender","canValidateWcagOnRender","delay","validateWcag","classNames","prepareClasses","hasSlot","rootWithIcon","render","Tag","href","A","BUTTON","undefined","iconLeft","prepareIconFormat","iconRight","Host","key","hoverable","class","classes","inverse","ref","el","triggerRef","onClick","onClickHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","onMouseDown","isPressed","onMouseUp","disabled","id","identifier","target","download","hreflang","rel","name","tabindex","focusable","wcagActiveDescendant","wcagDescription","wcagControls","wcagDetails","toBoolAttrIfDefined","wcagExpanded","wcagLabel","wcagLabelledBy","wcagOwns","wcagHasPopup","toBoolAttr","wcagCurrent","loading","e","stopPropagation","govClick","emit","component","originalEvent","govFocus","govBlur","setFocus","focus","getTriggerRef","validateWcagRef","validateWcagLabel"],"sources":["../../packages/core/src/utils/bool.utils.ts","../../packages/core/src/components/gov-button/button/gov-button.scss?tag=gov-button","../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","/*\n *   Button\n */\n\n// Shared definitions - BUTTON & chip\n@import \"gov-button-core\";\n\n.gov-button {\n\t@extend %button-core;\n\tdisplay: inline-block;\n\t.element {\n\t\tborder-radius: #{$border-radius};\n\t}\n\n\t&[type=\"link\"] {\n\t\t.element {\n\t\t\tjustify-content: flex-start;\n\t\t\talign-items: flex-start;\n\t\t\ttext-align: left;\n\t\t\tmin-height: inherit;\n\t\t\tpadding: 0 !important;\n\t\t\tline-height: inherit;\n\t\t\ttext-decoration: underline;\n\t\t\t@include hover() {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t&[loading=\"true\"],\n\t&[loading=\"1\"] {\n\t\t.element {\n\t\t\t> .gov-icon:not(.gov-spin-animation),\n\t\t\t> gov-icon:not(.gov-spin-animation) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.gov-icon {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t// Loading state\n\t\t&[loading=\"0\"][size=\"#{$size}\"],\n\t\t&[loading=\"false\"][size=\"#{$size}\"],\n\t\t&[loading=\"\"][size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tpadding: get(\"padding-y\", $definitions) calc(((get(\"padding-x\", $definitions) * 3) + get(\"icon-size\", $definitions)) / 2);\n\t\t\t}\n\t\t}\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tfont-weight: map-get($definitions, \"font-weight\");\n\t\t\t}\n\t\t}\n\t}\n\t&[size=\"s\"][type=\"link\"] .gov-icon {\n\t\tmargin-top: 4px;\n\t}\n\t&[size=\"m\"][type=\"link\"] .gov-icon {\n\t\tmargin-top: 2px;\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {\n\tButtonClass,\n\tButtonSizesType,\n\tButtonTargetType,\n\tButtonVariants,\n\tButtonVariantType,\n\tNativeType,\n\tNativeTypesType,\n\tType,\n\tTypesType,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {toBool} from \"../../../utils/bool.utils\"\nimport {Sizes} from \"../../../core/constants/sizes\"\nimport {validateWcagLabel, validateWcagRef} from \"../../../helpers/Validate/wcag\"\nimport {canValidateWcagOnRender} from \"../../../helpers/Dom/win\"\nimport {delay} from \"../../../utils/utils\"\nimport {ButtonEvent} from \"./gov-button.types\"\nimport {prepareIconFormat} from \"../../gov-icon/helpers\";\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n\tstyleUrl: \"gov-button.scss\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly variant?: ButtonVariantType\n\t/**\n\t * Button’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: ButtonSizesType = \"m\"\n\t/**\n\t * Button's type\n\t */\n\t@Prop({reflect: true}) readonly type?: TypesType = \"solid\"\n\t/**\n\t * Expands the button to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\t/**\n\t * Determine if component should have inversed colors to be used on dark background\n\t */\n\t@Prop({reflect: true}) readonly inverse: boolean = false\n\t/**\n\t * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-left\"}) readonly iconLeft?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-right\"}) readonly iconRight?: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly download: boolean\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t */\n\t@Prop() readonly hreflang: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t */\n\t@Prop() readonly referrerpolicy: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t */\n\t@Prop() readonly rel: string\n\t/**\n\t * Indicates whether an asynchronous process is running\n\t */\n\t@Prop() readonly loading: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom button identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the id of a related component’s visually focused element\n\t */\n\t@Prop({attribute: \"wcag-active-descendant\"}) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t */\n\t@Prop({attribute: \"wcag-controls\"}) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the button\n\t */\n\t@Prop({attribute: \"wcag-described-by\"}) readonly wcagDescribedBy: string\n\t/**\n\t * Aria description the button\n\t */\n\t@Prop({attribute: \"wcag-description\"}) readonly wcagDescription: string\n\t/**\n\t * Details of the component\n\t */\n\t@Prop({attribute: \"wcag-details\"}) readonly wcagDetails: string\n\t/**\n\t * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button\n\t * Set the value to convey the current expanded (true) or collapsed (false) state of the content\n\t */\n\t@Prop({attribute: \"wcag-expanded\"}) readonly wcagExpanded: boolean\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology\n\t */\n\t@Prop({attribute: \"wcag-label\"}) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: \"wcag-labelled-by\"}) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component owned by the button\n\t */\n\t@Prop({attribute: \"wcag-owns\"}) readonly wcagOwns: string\n\t/**\n\t * \tUse this property to add an aria-haspopup attribute to a button, if you are using it as a menu button\n\t */\n\t@Prop({attribute: \"wcag-has-popup\"}) readonly wcagHasPopup: string\n\t/**\n\t * Tells screen reader the element is pressed\n\t */\n\t@Prop({attribute: \"wcag-pressed\"}) readonly wcagPressed: string\n\t/**\n\t * Indicates the current item within a container or set of related elements\n\t */\n\t@Prop({attribute: \"wcag-current\"}) readonly wcagCurrent: string\n\t/**\n\t * Emitted when the button click\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button has focus\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button loses focus\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Type, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() isPressed = false\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tget classNames(): string {\n\t\tconst {h} = this\n\n\t\treturn prepareClasses([ButtonClass.root, h.hasSlot(\"left-icon\") && ButtonClass.rootWithIcon, h.hasSlot(\"right-icon\") && ButtonClass.rootWithIcon])\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\tconst iconLeft = prepareIconFormat(this.iconLeft)\n\t\tconst iconRight = prepareIconFormat(this.iconRight)\n\n\t\treturn (\n\t\t\t<Host hoverable={true}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tclass={this.h.classes(this.classNames)}\n\t\t\t\t\t\ttype={this.type} inverse={this.inverse}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement | HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tonMouseDown={() => (this.isPressed = true)}\n\t\t\t\t\tonMouseUp={() => (this.isPressed = false)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\taria-describedby={this.wcagActiveDescendant}\n\t\t\t\t\taria-description={this.wcagDescription}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-details={this.wcagDetails}\n\t\t\t\t\taria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\taria-haspopup={toBoolAttrIfDefined(this.wcagHasPopup)}\n\t\t\t\t\taria-pressed={toBoolAttr(this.isPressed)}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\taria-current={this.wcagCurrent}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t{iconLeft && \t<gov-icon type={iconLeft.type} name={iconLeft.name}></gov-icon>}\n\t\t\t\t\t<slot/>\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{iconRight && \t<gov-icon type={iconRight.type} name={iconRight.name}></gov-icon>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.focusable) {\n\t\t\tvalidateWcagRef(this.wcagActiveDescendant, \"aria-activedescendant\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagControls, \"aria-controls\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagDetails, \"aria-details\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagOwns, \"aria-owns\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagHasPopup, \"aria-haspopup\", ButtonClass.root)\n\t\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, ButtonClass.root)\n\t\t}\n\t}\n}\n"],"mappings":"keAAgBA,EAAOC,GACtB,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAKC,QAAQD,MAAY,C,MACnD,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,C,MACT,UAAWA,IAAU,UAAW,CACtC,OAAOA,C,KACD,CACN,OAAOA,EAAQ,KAAO,K,CAExB,CCVA,MAAME,EAAe,61wEACrB,MAAAC,EAAeD,ECsBf,IAAKE,GAAL,SAAKA,GACJA,EAAA,SACAA,EAAA,kBACA,EAHD,CAAKA,MAAI,K,MASIC,EAAS,MAIrB,WAAAC,CAAAC,G,qJAayD,I,UAIN,Q,cAIC,M,aAID,M,mFAiBC,M,gBAKJ,S,iLAuCV,K,+XAwFjB,MA7KpBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA0JvB,eAAAC,CAAgBC,GACfC,EAAaC,EAAgBF,EAAUG,EAAYC,K,CAIpD,YAAAC,CAAaL,GACZC,EAAaK,EAAMN,EAAUG,EAAYC,K,CAI1C,YAAAG,CAAaP,GACZC,EAAaO,EAAOR,EAAUG,EAAYC,K,CAI3C,kBAAAK,CAAmBT,GAClBC,EAAaS,EAAYV,EAAUG,EAAYC,K,CAKhD,iBAAAO,GACChB,KAAKI,gBAAgBJ,KAAKiB,SAC1BjB,KAAKU,aAAaV,KAAKkB,MACvBlB,KAAKY,aAAaZ,KAAKmB,MACvBnB,KAAKc,mBAAmBd,KAAKoB,W,CAG9B,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,c,EAIb,cAAIC,GACH,MAAMxB,EAACA,GAAKD,KAEZ,OAAO0B,EAAe,CAAClB,EAAYC,KAAMR,EAAE0B,QAAQ,cAAgBnB,EAAYoB,aAAc3B,EAAE0B,QAAQ,eAAiBnB,EAAYoB,c,CAGrI,MAAAC,GACC,MAAMC,EAAM9B,KAAK+B,KAAOnC,EAAKoC,EAAIpC,EAAKqC,OACtC,MAAMb,EAAaU,IAAQlC,EAAKoC,EAAIE,UAAYlC,KAAKoB,WAErD,MAAMe,EAAWC,EAAkBpC,KAAKmC,UACxC,MAAME,EAAYD,EAAkBpC,KAAKqC,WAEzC,OACCpC,EAACqC,EAAI,CAAAC,IAAA,2CAACC,UAAW,KACdrB,KAAMnB,KAAKmB,KACXF,QAASjB,KAAKiB,QACdwB,MAAOzC,KAAKC,EAAEyC,QAAQ1C,KAAKyB,YAC3BP,KAAMlB,KAAKkB,KAAMyB,QAAS3C,KAAK2C,SACjC1C,EAAC6B,EAAG,CAAAS,IAAA,2CACHE,MAAM,UACNG,IAAKC,GAAO7C,KAAK8C,WAAaD,EAC9BE,QAAS/C,KAAKgD,eAAeC,KAAKjD,MAClCkD,QAASlD,KAAKmD,eAAeF,KAAKjD,MAClCoD,OAAQpD,KAAKqD,cAAcJ,KAAKjD,MAChCsD,YAAa,IAAOtD,KAAKuD,UAAY,KACrCC,UAAW,IAAOxD,KAAKuD,UAAY,MACnCE,SAAUzD,KAAKyD,SACfC,GAAI1D,KAAK2D,WACT5B,KAAM/B,KAAK+B,KACX6B,OAAQ5D,KAAK4D,OACbC,SAAU7D,KAAK6D,SACfC,SAAU9D,KAAK8D,SACfC,IAAK/D,KAAK+D,IACVC,KAAMhE,KAAKgE,KACX9C,KAAME,EACN6C,SAAUjE,KAAKkE,UAAY,IAAM,KAAI,wBACdlE,KAAKmE,qBAAoB,mBAC9BnE,KAAKmE,qBAAoB,mBACzBnE,KAAKoE,gBAAe,gBACvBpE,KAAKqE,aAAY,eAClBrE,KAAKsE,YAAW,gBACfC,EAAoBvE,KAAKwE,cAAa,aACzCxE,KAAKyE,UAAS,kBACTzE,KAAK0E,eAAc,YACzB1E,KAAK2E,SAAQ,gBACTJ,EAAoBvE,KAAK4E,cAAa,eACvCC,EAAW7E,KAAKuD,WAAU,gBACzBgB,EAAoBvE,KAAKyD,UAAS,eACnCzD,KAAK8E,aAElBvF,EAAOS,KAAK+E,WAAa/E,KAAKC,EAAE0B,QAAQ,eACxC1B,EAAA,YAAU+D,KAAK,SAASvB,MAAM,uBAC9BzC,KAAKC,EAAE0B,QAAQ,cAAgB1B,EAAA,QAAM+D,KAAK,cAC1C7B,GAAalC,EAAA,YAAUiB,KAAMiB,EAASjB,KAAM8C,KAAM7B,EAAS6B,OAC5D/D,EAAA,QAAAsC,IAAA,6CACCvC,KAAKC,EAAE0B,QAAQ,eAAiB1B,EAAA,QAAM+D,KAAK,eAC3C3B,GAAcpC,EAAA,YAAUiB,KAAMmB,EAAUnB,KAAM8C,KAAM3B,EAAU2B,OAC9DzE,EAAOS,KAAK+E,UAAY/E,KAAKC,EAAE0B,QAAQ,eACvC1B,EAAA,YAAU+D,KAAK,SAASvB,MAAM,wB,CAM3B,cAAAO,CAAegC,GACtBA,EAAEC,kBACF,GAAIjF,KAAKyD,WAAa,MAAO,CAC5BzD,KAAKkF,SAASC,KAAK,CAClBC,UAAW5E,EAAYC,KACvB4E,cAAeL,EACfpC,IAAK5C,KAAKG,M,EAKL,cAAAgD,CAAe6B,GACtBA,EAAEC,kBACFjF,KAAKsF,SAASH,KAAK,CAClBC,UAAW5E,EAAYC,KACvB4E,cAAeL,EACfpC,IAAK5C,KAAKG,M,CAIJ,aAAAkD,CAAc2B,GACrBA,EAAEC,kBACFjF,KAAKuF,QAAQJ,KAAK,CACjBC,UAAW5E,EAAYC,KACvB4E,cAAeL,EACfpC,IAAK5C,KAAKG,M,CAQZ,cAAMqF,GACLxF,KAAK8C,WAAW2C,O,CAOjB,mBAAMC,GACL,OAAO1F,KAAK8C,U,CAOb,kBAAMtB,GACL,GAAIxB,KAAKkE,UAAW,CACnByB,EAAgB3F,KAAKmE,qBAAsB,wBAAyB3D,EAAYC,MAChFkF,EAAgB3F,KAAKqE,aAAc,gBAAiB7D,EAAYC,MAChEkF,EAAgB3F,KAAKsE,YAAa,eAAgB9D,EAAYC,MAC9DkF,EAAgB3F,KAAK2E,SAAU,YAAanE,EAAYC,MACxDkF,EAAgB3F,KAAK4E,aAAc,gBAAiBpE,EAAYC,MAChEmF,EAAkB5F,KAAKyE,UAAWzE,KAAK0E,eAAgBlE,EAAYC,K"}
\ No newline at end of file
diff --git a/build/p-32d89c78.js b/build/p-32d89c78.js
new file mode 100644
index 00000000..331bb389
--- /dev/null
+++ b/build/p-32d89c78.js
@@ -0,0 +1,2 @@
+import{a as n}from"./p-2b6bbee5.js";const o=typeof window!=="undefined";const t=t=>o&&window&&n(t,window);const s=()=>{const n={canValidateWcagOnRender:false,iconsPath:"/assets/icons",iconsLazyLoad:true,documentNode:document?document:null};const o=t("GOV_DS_CONFIG");if(o){return Object.assign(Object.assign({},n),o)}return n};const c=()=>s().canValidateWcagOnRender;const e=()=>s().iconsPath;const a=()=>s().iconsLazyLoad;const d=()=>s().documentNode;export{a,c,d,e as i};
+//# sourceMappingURL=p-32d89c78.js.map
\ No newline at end of file
diff --git a/build/p-32d89c78.js.map b/build/p-32d89c78.js.map
new file mode 100644
index 00000000..74b65ddc
--- /dev/null
+++ b/build/p-32d89c78.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","iconsPath","iconsLazyLoad","documentNode","document","windowProperty","Object","assign"],"sources":["../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"mappings":"oCASO,MAAMA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,UAAW,gBACXC,cAAe,KACfC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBV,EAA2B,iBAClD,GAAIU,EAAgB,CACnB,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYR,GAAkBM,E,CAG/B,OAAON,CAAa,E,MAGRC,EAA0B,IAA0CF,IAASE,wB,MAC7EC,EAAY,IAA4BH,IAASG,U,MACjDC,EAAgB,IAAgCJ,IAASI,c,MACzDC,EAAe,IAA+BL,IAASK,oB"}
\ No newline at end of file
diff --git a/build/p-3336fe3b.js b/build/p-3336fe3b.js
new file mode 100644
index 00000000..c8b88696
--- /dev/null
+++ b/build/p-3336fe3b.js
@@ -0,0 +1,3 @@
+const t="core";let e;let n;let s=false;let l=false;let o=false;let i=false;let c=false;const f=t=>{const e=new URL(t,Vt.t);return e.origin!==Ft.location.origin?e.href:e.pathname};const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="r";const d="o";const $="s";const v="t";const p="s-id";const y="sty-id";const h="c-id";const m="slot-fb{display:contents}slot-fb[hidden]{display:none}";const b={};const w=t=>{t=typeof t;return t==="object"||t==="function"};function g(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const k=(t,e,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof t!=="function"&&!w(s)){s=String(s)}if(i&&c){f[f.length-1].l+=s}else{f.push(i?S(null,s):s)}c=i}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,O)}const u=S(t,null);u.o=e;if(f.length>0){u.i=f}{u.u=l}{u.$=o}return u};const S=(t,e)=>{const n={v:0,p:t,l:e,h:null,i:null};{n.o=null}{n.u=null}{n.$=null}return n};const j={};const C=t=>t&&t.p===j;const O={forEach:(t,e)=>t.map(x).forEach(e),map:(t,e)=>t.map(x).map(e).map(M)};const x=t=>({vattrs:t.o,vchildren:t.i,vkey:t.u,vname:t.$,vtag:t.p,vtext:t.l});const M=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return k(t.vtag,e,...t.vchildren||[])}const e=S(t.vtag,t.vtext);e.o=t.vattrs;e.i=t.vchildren;e.u=t.vkey;e.$=t.vname;return e};const R=(t,e,n,s)=>{const l=r("hydrateClient",e);const o=t.shadowRoot;const i=[];const c=[];const f=null;const u=s.m=S(e,null);if(!Vt.k){U(qt.body,Vt.k=new Map)}t[p]=n;t.removeAttribute(p);P(u,i,c,f,t,t,n);i.map((t=>{const n=t.S+"."+t.j;const s=Vt.k.get(n);const l=t.h;if(s&&_t&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=e;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}Vt.k.delete(n)}));l()};const P=(t,e,n,s,l,o,i)=>{let c;let f;let r;let u;if(o.nodeType===1){c=o.getAttribute(h);if(c){f=c.split(".");if(f[0]===i||f[0]==="0"){r={v:0,S:f[0],j:f[1],C:f[2],O:f[3],p:o.tagName.toLowerCase(),h:o,o:null,i:null,u:null,$:null,l:null};e.push(r);o.removeAttribute(h);if(!t.i){t.i=[]}t.i[r.O]=r;t=r;if(s&&r.C==="0"){s[r.O]=r.h}}}for(u=o.childNodes.length-1;u>=0;u--){P(t,e,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){P(t,e,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){f=o.nodeValue.split(".");if(f[1]===i||f[1]==="0"){c=f[0];r={v:0,S:f[1],j:f[2],C:f[3],O:f[4],h:o,o:null,i:null,u:null,$:null,p:null,l:null};if(c===v){r.h=o.nextSibling;if(r.h&&r.h.nodeType===3){r.l=r.h.textContent;e.push(r);o.remove();if(!t.i){t.i=[]}t.i[r.O]=r;if(s&&r.C==="0"){s[r.O]=r.h}}}else if(r.S===i){if(c===$){r.p="slot";if(f[5]){o["s-sn"]=r.$=f[5]}else{o["s-sn"]=""}o["s-sr"]=true;n.push(r);if(!t.i){t.i=[]}t.i[r.O]=r}else if(c===a){{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.p==="style"){const e=S(null,o.textContent);e.h=o;e.O="0";t.i=[e]}};const U=(t,e)=>{if(t.nodeType===1){let n=0;for(;n<t.childNodes.length;n++){U(t.childNodes[n],e)}if(t.shadowRoot){for(n=0;n<t.shadowRoot.childNodes.length;n++){U(t.shadowRoot.childNodes[n],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===d){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};const A=(t,e)=>{if(t!=null&&!w(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const E=t=>At(t).$hostElement$;const I=(t,e,n)=>{const s=E(t);return{emit:t=>L(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const L=(t,e,n)=>{const s=Vt.ce(e,n);t.dispatchEvent(s);return s};const T=new WeakMap;const W=(t,e,n)=>{let s=Dt.get(t);if(Bt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Dt.set(t,s)};const N=(t,e,n)=>{var s;const l=F(e);const o=Dt.get(l);t=t.nodeType===11?t:qt;if(o){if(typeof o==="string"){t=t.head||t;let n=T.get(t);let i;if(!n){T.set(t,n=new Set)}if(!n.has(l)){if(t.host&&(i=t.querySelector(`[${y}="${l}"]`))){i.innerHTML=o}else{i=qt.createElement("style");i.innerHTML=o;const e=(s=Vt.M)!==null&&s!==void 0?s:g(qt);if(e!=null){i.setAttribute("nonce",e)}t.insertBefore(i,t.querySelector("link"))}if(e.v&4){i.innerHTML+=m}if(n){n.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const D=t=>{const e=t.R;const n=t.$hostElement$;const s=r("attachStyles",e.P);N(n.getRootNode(),e);s()};const F=(t,e)=>"sc-"+t.P;const q=(t,e,n,s,l,o)=>{if(n!==s){let i=Lt(t,e);let c=e.toLowerCase();if(e==="class"){const e=t.classList;const l=V(n);const o=V(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Lt(Ft,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(n||s){const l=e.endsWith(_);e=e.replace(z,"");if(n){Vt.rel(t,e,n,l)}if(s){Vt.ael(t,e,s,l)}}}else{const c=w(s);if((i||c&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const H=/\s/;const V=t=>!t?[]:t.split(H);const _="Capture";const z=new RegExp(_+"$");const B=(t,e,n,s)=>{const l=e.h.nodeType===11&&e.h.host?e.h.host:e.h;const o=t&&t.o||b;const i=e.o||b;{for(s in o){if(!(s in i)){q(l,s,o[s],undefined,n,e.v)}}}for(s in i){q(l,s,o[s],i[s],n,e.v)}};const G=(t,l,c,f)=>{const r=l.i[c];let u=0;let a;let d;let $;if(!s){o=true;if(r.p==="slot"){r.v|=r.i?2:1}}if(r.l!==null){a=r.h=qt.createTextNode(r.l)}else if(r.v&1){a=r.h=qt.createTextNode("")}else{a=r.h=qt.createElement(r.v&2?"slot-fb":r.p);{B(null,r,i)}if(r.i){for(u=0;u<r.i.length;++u){d=G(t,r,u);if(d){a.appendChild(d)}}}}a["s-hn"]=n;{if(r.v&(2|1)){a["s-sr"]=true;a["s-cr"]=e;a["s-sn"]=r.$||"";$=t&&t.i&&t.i[c];if($&&$.p===r.p&&t.h){{J(t.h)}}}}return a};const J=t=>{Vt.v|=1;const e=t.closest(n.toLowerCase());if(e!=null){const n=Array.from(e.childNodes).find((t=>t["s-cr"]));const s=Array.from(t.childNodes);for(const t of n?s.reverse():s){if(t["s-sh"]!=null){e.insertBefore(t,n!==null&&n!==void 0?n:null);t["s-sh"]=undefined;o=true}}}Vt.v&=~1};const K=(t,e)=>{Vt.v|=1;const s=t.childNodes;for(let t=s.length-1;t>=0;t--){const l=s[t];if(l["s-hn"]!==n&&l["s-ol"]){et(l).insertBefore(l,tt(l));l["s-ol"].remove();l["s-ol"]=undefined;l["s-sh"]=undefined;o=true}if(e){K(l,e)}}Vt.v&=~1};const Q=(t,e,n,s,l,o)=>{let i=t["s-cr"]&&t["s-cr"].parentNode||t;let c;for(;l<=o;++l){if(s[l]){c=G(null,n,l);if(c){s[l].h=c;i.insertBefore(c,tt(e))}}}};const X=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.h;ct(e);if(t){{l=true;if(t["s-ol"]){t["s-ol"].remove()}else{K(t,true)}}t.remove()}}}};const Y=(t,e,n,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=e.length-1;let u=e[0];let a=e[r];let d=s.length-1;let $=s[0];let v=s[d];let p;let y;while(o<=r&&i<=d){if(u==null){u=e[++o]}else if(a==null){a=e[--r]}else if($==null){$=s[++i]}else if(v==null){v=s[--d]}else if(Z(u,$,l)){nt(u,$,l);u=e[++o];$=s[++i]}else if(Z(a,v,l)){nt(a,v,l);a=e[--r];v=s[--d]}else if(Z(u,v,l)){if(u.p==="slot"||v.p==="slot"){K(u.h.parentNode,false)}nt(u,v,l);t.insertBefore(u.h,a.h.nextSibling);u=e[++o];v=s[--d]}else if(Z(a,$,l)){if(u.p==="slot"||v.p==="slot"){K(a.h.parentNode,false)}nt(a,$,l);t.insertBefore(a.h,u.h);a=e[--r];$=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(e[f]&&e[f].u!==null&&e[f].u===$.u){c=f;break}}}if(c>=0){y=e[c];if(y.p!==$.p){p=G(e&&e[i],n,c)}else{nt(y,$,l);e[c]=undefined;p=y.h}$=s[++i]}else{p=G(e&&e[i],n,i);$=s[++i]}if(p){{et(u.h).insertBefore(p,tt(u.h))}}}}if(o>r){Q(t,s[d+1]==null?null:s[d+1].h,n,s,i,d)}else if(i>d){X(e,o,r)}};const Z=(t,e,n=false)=>{if(t.p===e.p){if(t.p==="slot"){return t.$===e.$}if(!n){return t.u===e.u}return true}return false};const tt=t=>t&&t["s-ol"]||t;const et=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const nt=(t,e,n=false)=>{const l=e.h=t.h;const o=t.i;const c=e.i;const f=e.p;const r=e.l;let u;if(r===null){{if(f==="slot"&&!s){if(t.$!==e.$){e.h["s-sn"]=e.$||"";J(e.h.parentElement)}}else{B(t,e,i)}}if(o!==null&&c!==null){Y(l,o,e,c,n)}else if(c!==null){if(t.l!==null){l.textContent=""}Q(l,null,e,c,0,c.length-1)}else if(o!==null){X(o,0,o.length-1)}}else if(u=l["s-cr"]){u.parentNode.textContent=r}else if(t.l!==r){l.data=r}};const st=t=>{const e=t.childNodes;for(const t of e){if(t.nodeType===1){if(t["s-sr"]){const n=t["s-sn"];t.hidden=false;for(const s of e){if(s!==t){if(s["s-hn"]!==t["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){t.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){t.hidden=true;break}}}}}st(t)}}};const lt=[];const ot=t=>{let e;let n;let s;for(const o of t.childNodes){if(o["s-sr"]&&(e=o["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;const t=o["s-sn"];for(s=n.length-1;s>=0;s--){e=n[s];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==o["s-hn"]&&(!e["s-sh"]||e["s-sh"]!==o["s-hn"])){if(it(e,t)){let n=lt.find((t=>t.U===e));l=true;e["s-sn"]=e["s-sn"]||t;if(n){n.U["s-sh"]=o["s-hn"];n.A=o}else{e["s-sh"]=o["s-hn"];lt.push({A:o,U:e})}if(e["s-sr"]){lt.map((t=>{if(it(t.U,e["s-sn"])){n=lt.find((t=>t.U===e));if(n&&!t.A){t.A=n.A}}}))}}else if(!lt.some((t=>t.U===e))){lt.push({U:e})}}}}if(o.nodeType===1){ot(o)}}};const it=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const ct=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.i&&t.i.map(ct)}};const ft=(t,i,c=false)=>{var f,r,u,a;const d=t.$hostElement$;const $=t.R;const v=t.m||S(null,null);const p=C(i)?i:k(null,null,i);n=d.tagName;if($.I){p.o=p.o||{};$.I.map((([t,e])=>p.o[e]=d[t]))}if(c&&p.o){for(const t of Object.keys(p.o)){if(d.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){p.o[t]=d[t]}}}p.p=null;p.v|=4;t.m=p;p.h=v.h=d;s=($.v&1)!==0;{e=d["s-cr"];l=false}nt(v,p,c);{Vt.v|=1;if(o){ot(p.h);for(const t of lt){const e=t.U;if(!e["s-ol"]){const t=qt.createTextNode("");t["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=t,e)}}for(const t of lt){const e=t.U;const n=t.A;if(n){const t=n.parentNode;let s=n.nextSibling;if(s&&s.nodeType===1){let n=(f=e["s-ol"])===null||f===void 0?void 0:f.previousSibling;while(n){let l=(r=n["s-nr"])!==null&&r!==void 0?r:null;if(l&&l["s-sn"]===e["s-sn"]&&t===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&t!==e.parentNode||e.nextSibling!==s){if(e!==s){t.insertBefore(e,s);if(e.nodeType===1){e.hidden=(u=e["s-ih"])!==null&&u!==void 0?u:false}}}}else{if(e.nodeType===1){if(c){e["s-ih"]=(a=e.hidden)!==null&&a!==void 0?a:false}e.hidden=true}}}}if(l){st(p.h)}Vt.v&=~1;lt.length=0}e=undefined};const rt=(t,e)=>{if(e&&!t.L&&e["s-p"]){e["s-p"].push(new Promise((e=>t.L=e)))}};const ut=(t,e)=>{{t.v|=16}if(t.v&4){t.v|=512;return}rt(t,t.T);const n=()=>at(t,e);return Zt(n)};const at=(t,e)=>{const n=r("scheduleUpdate",t.R.P);const s=t.W;let l;if(e){{l=mt(s,"componentWillLoad")}}else{{l=mt(s,"componentWillUpdate")}}{l=dt(l,(()=>mt(s,"componentWillRender")))}n();return dt(l,(()=>vt(t,s,e)))};const dt=(t,e)=>$t(t)?t.then(e):e();const $t=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const vt=async(t,e,n)=>{var s;const l=t.$hostElement$;const o=r("update",t.R.P);const i=l["s-rc"];if(n){D(t)}const c=r("render",t.R.P);{pt(t,e,l,n)}if(i){i.map((t=>t()));l["s-rc"]=undefined}c();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>yt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.v|=4;e.length=0}}};const pt=(t,e,n,s)=>{try{e=e.render();{t.v&=~16}{t.v|=2}{{{ft(t,e,s)}}}}catch(e){Tt(e,t.$hostElement$)}return null};const yt=t=>{const e=t.R.P;const n=t.$hostElement$;const s=r("postUpdate",e);const l=t.W;const o=t.T;{mt(l,"componentDidRender")}if(!(t.v&64)){t.v|=64;{bt(n)}{mt(l,"componentDidLoad")}s();{t.N(n);if(!o){ht()}}}else{s()}{t.D(n)}{if(t.L){t.L();t.L=undefined}if(t.v&512){Yt((()=>ut(t,false)))}t.v&=~(4|512)}};const ht=e=>{{bt(qt.documentElement)}Yt((()=>L(Ft,"appload",{detail:{namespace:t}})))};const mt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Tt(t)}}return undefined};const bt=t=>t.classList.add("hydrated");const wt=(t,e)=>At(t).F.get(e);const gt=(t,e,n,s)=>{const l=At(t);const o=l.$hostElement$;const i=l.F.get(e);const c=l.v;const f=l.W;n=A(n,s.q[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.F.set(e,n);if(f){if(s.H&&c&128){const t=s.H[e];if(t){t.map((t=>{try{f[t](n,i,e)}catch(t){Tt(t,o)}}))}}if((c&(2|16))===2){ut(l,false)}}}};const kt=(t,e,n)=>{var s;const l=t.prototype;if(e.q){if(t.watchers){e.H=t.watchers}const o=Object.entries(e.q);o.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return wt(this,t)},set(n){gt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){var n;const s=At(this);return(n=s===null||s===void 0?void 0:s.V)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.W)===null||n===void 0?void 0:n[t](...e)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,s,o){Vt.jmp((()=>{var i;const c=n.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const n=At(this);const l=n===null||n===void 0?void 0:n.v;if(l&&!(l&8)&&l&128&&o!==s){const l=n.W;const c=(i=e.H)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((e=>{if(l[e]!=null){l[e].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.H)!==null&&s!==void 0?s:{}),...o.filter((([t,e])=>e[0]&15)).map((([t,s])=>{var l;const o=s[1]||t;n.set(o,t);if(s[0]&512){(l=e.I)===null||l===void 0?void 0:l.push([t,o])}return o}))]))}}return t};const St=async(t,e,n,s)=>{let l;if((e.v&32)===0){e.v|=32;{l=Nt(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.H=l.watchers}kt(l,n,2);l.isProxied=true}const t=r("createInstance",n.P);{e.v|=8}try{new l(e)}catch(t){Tt(t)}{e.v&=~8}{e.v|=128}t();jt(e.W)}if(l.style){let t=l.style;const e=F(n);if(!Dt.has(e)){const s=r("registerStyles",n.P);W(e,t,!!(n.v&1));s()}}}const o=e.T;const i=()=>ut(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const jt=t=>{{mt(t,"connectedCallback")}};const Ct=t=>{if((Vt.v&1)===0){const e=At(t);const n=e.R;const s=r("connectedCallback",n.P);if(!(e.v&1)){e.v|=1;let s;{s=t.getAttribute(p);if(s){R(t,n.P,s,e)}}if(!s){if(n.v&(4|8)){Ot(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){rt(e,e.T=n);break}}}if(n.q){Object.entries(n.q).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{St(t,e,n)}}else{if(e===null||e===void 0?void 0:e.W){jt(e.W)}else if(e===null||e===void 0?void 0:e._){e._.then((()=>jt(e.W)))}}s()}};const Ot=t=>{const e=t["s-cr"]=qt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const xt=t=>{{mt(t,"disconnectedCallback")}};const Mt=async t=>{if((Vt.v&1)===0){const e=At(t);if(e===null||e===void 0?void 0:e.W){xt(e.W)}else if(e===null||e===void 0?void 0:e._){e._.then((()=>xt(e.W)))}}};const Rt=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const i=Ft.customElements;const c=qt.head;const f=c.querySelector("meta[charset]");const u=qt.createElement("style");const a=[];let d;let $=true;Object.assign(Vt,e);Vt.t=new URL(e.resourcesUrl||"./",qt.baseURI).href;{Vt.v|=2}let v=false;t.map((t=>{t[1].map((e=>{var n;const s={v:e[0],P:e[1],q:e[2],B:e[3]};if(s.v&4){v=true}{s.q=e[2]}{s.I=[]}{s.H=(n=e[4])!==null&&n!==void 0?n:{}}const c=s.P;const f=class extends HTMLElement{constructor(t){super(t);t=this;It(t,s)}connectedCallback(){if(d){clearTimeout(d);d=null}if($){a.push(this)}else{Vt.jmp((()=>Ct(this)))}}disconnectedCallback(){Vt.jmp((()=>Mt(this)))}componentOnReady(){return At(this)._}};s.G=t[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,kt(f,s,1))}}))}));if(l.length>0){if(v){u.textContent+=m}if(u.innerHTML.length){u.setAttribute("data-styles","");const t=(n=Vt.M)!==null&&n!==void 0?n:g(qt);if(t!=null){u.setAttribute("nonce",t)}c.insertBefore(u,f?f.nextSibling:c.firstChild)}}$=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{Vt.jmp((()=>d=setTimeout(ht,30)))}}s()};const Pt=t=>Vt.M=t;const Ut=new WeakMap;const At=t=>Ut.get(t);const Et=(t,e)=>Ut.set(e.W=t,e);const It=(t,e)=>{const n={v:0,$hostElement$:t,R:e,F:new Map};{n.V=new Promise((t=>n.D=t))}{n._=new Promise((t=>n.N=t));t["s-p"]=[];t["s-rc"]=[]}return Ut.set(t,n)};const Lt=(t,e)=>e in t;const Tt=(t,e)=>(0,console.error)(t,e);const Wt=new Map;const Nt=(t,e,n)=>{const s=t.P.replace(/-/g,"_");const l=t.G;const o=Wt.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Wt.set(l,t)}return t[s]}),Tt)};const Dt=new Map;const Ft=typeof window!=="undefined"?window:{};const qt=Ft.document||{head:{}};const Ht=Ft.HTMLElement||class{};const Vt={v:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const _t=true;const zt=t=>Promise.resolve(t);const Bt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Gt=[];const Jt=[];const Kt=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&Vt.v&4){Yt(Xt)}else{Vt.raf(Xt)}}};const Qt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Tt(t)}}t.length=0};const Xt=()=>{Qt(Gt);{Qt(Jt);if(c=Gt.length>0){Vt.raf(Xt)}}};const Yt=t=>zt().then(t);const Zt=Kt(Jt,true);export{Ht as H,j as a,Rt as b,I as c,f as d,E as g,k as h,zt as p,Et as r,Pt as s};
+//# sourceMappingURL=p-3336fe3b.js.map
\ No newline at end of file
diff --git a/build/p-3336fe3b.js.map b/build/p-3336fe3b.js.map
new file mode 100644
index 00000000..a86a9b5f
--- /dev/null
+++ b/build/p-3336fe3b.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["NAMESPACE","contentRef","hostTagName","useNativeShadowDom","checkSlotFallbackVisibility","checkSlotRelocate","isSvgMode","queuePending","getAssetPath","path","assetUrl","URL","plt","$resourcesUrl$","origin","win","location","href","pathname","createTime","fnName","tagName","uniqueTime","key","measureText","CONTENT_REF_ID","ORG_LOCATION_ID","SLOT_NODE_ID","TEXT_NODE_ID","HYDRATE_ID","HYDRATED_STYLE_ID","HYDRATE_CHILD_ID","SLOT_FB_CSS","EMPTY_OBJ","isComplexType","o","queryNonceMetaTagContent","doc","_a","_b","_c","head","querySelector","getAttribute","undefined","h","nodeName","vnodeData","children","child","slotName","simple","lastSimple","vNodeChildren","walk","c","i","length","Array","isArray","String","$text$","push","newVNode","name","classData","className","class","Object","keys","filter","k","join","vdomFnUtils","vnode","$attrs$","$children$","$key$","$name$","tag","text","$flags$","$tag$","$elm$","Host","isHost","node","forEach","cb","map","convertToPublic","convertToPrivate","vattrs","vchildren","vkey","vname","vtag","vtext","assign","initializeClientHydrate","hostElm","hostId","hostRef","endHydrate","shadowRoot","childRenderNodes","slotNodes","shadowRootNodes","$vnode$","$orgLocNodes$","initializeDocumentHydrate","body","Map","removeAttribute","clientHydrate","orgLocationId","$hostId$","$nodeId$","orgLocationNode","get","supportsShadow","parentNode","insertBefore","nextSibling","delete","parentVNode","childNodeType","childIdSplt","childVNode","nodeType","split","$depth$","$index$","toLowerCase","childNodes","nodeValue","textContent","remove","orgLocNodes","set","parsePropertyValue","propValue","propType","parseFloat","getElement","ref","getHostRef","createEvent","flags","elm","emit","detail","emitEvent","bubbles","composed","cancelable","opts","ev","ce","dispatchEvent","rootAppliedStyles","WeakMap","registerStyle","scopeId","cssText","allowCS","style","styles","supportsConstructableStylesheets","CSSStyleSheet","replaceSync","addStyle","styleContainerNode","cmpMeta","mode","getScopeId","appliedStyles","styleElm","Set","has","host","innerHTML","createElement","nonce","$nonce$","setAttribute","add","adoptedStyleSheets","includes","attachStyles","$cmpMeta$","$hostElement$","endAttachStyles","$tagName$","getRootNode","cmp","setAccessor","memberName","oldValue","newValue","isSvg","isProp","isMemberInElement","ln","classList","oldClasses","parseClassList","newClasses","prop","removeProperty","setProperty","slice","capture","endsWith","CAPTURE_EVENT_SUFFIX","replace","CAPTURE_EVENT_REGEX","rel","ael","isComplex","n","e","parseClassListRegex","value","RegExp","updateElement","oldVnode","newVnode","oldVnodeAttrs","newVnodeAttrs","createElm","oldParentVNode","newParentVNode","childIndex","parentElm","childNode","oldVNode","createTextNode","appendChild","relocateToHostRoot","closest","contentRefNode","from","find","childNodeArray","reverse","putBackInOriginalLocation","recursive","oldSlotChildNodes","parentReferenceNode","referenceNode","addVnodes","before","vnodes","startIdx","endIdx","containerElm","removeVnodes","index","nullifyVNodeRefs","updateChildren","oldCh","newCh","isInitialRender","oldStartIdx","newStartIdx","idxInOld","oldEndIdx","oldStartVnode","oldEndVnode","newEndIdx","newStartVnode","newEndVnode","elmToMove","isSameVnode","patch","leftVNode","rightVNode","oldChildren","newChildren","defaultHolder","parentElement","data","updateFallbackSlotVisibility","hidden","siblingNode","trim","relocateNodes","markSlotContentForRelocation","hostContentNodes","j","isNodeLocatedInSlot","relocateNodeData","r","$nodeToRelocate$","$slotRefNode$","relocateNode","some","nodeToRelocate","vNode","renderVdom","renderFnResults","isInitialLoad","_d","rootVnode","$attrsToReflect$","propName","attribute","hasAttribute","relocateData","slotRefNode","parentNodeRef","insertBeforeNode","previousSibling","refNode","attachToAncestor","ancestorComponent","$onRenderResolve$","Promise","scheduleUpdate","$ancestorComponent$","dispatch","dispatchHooks","writeTask","endSchedule","instance","$lazyInstance$","maybePromise","safeCall","enqueue","updateComponent","fn","isPromisey","then","async","endUpdate","rc","endRender","callRender","childrenPromises","postUpdate","postUpdateComponent","all","render","consoleError","endPostUpdate","addHydratedFlag","$onReadyResolve$","appDidLoad","$onInstanceResolve$","nextTick","who","documentElement","namespace","method","arg","getValue","$instanceValues$","setValue","newVal","oldVal","$members$","areBothNaN","Number","isNaN","didValueChange","$watchers$","watchMethods","watchMethodName","proxyComponent","Cstr","prototype","watchers","members","entries","memberFlags","defineProperty","this","configurable","enumerable","args","$onInstancePromise$","attrNameToPropName","attributeChangedCallback","attrName","jmp","hasOwnProperty","entry","callbackName","call","observedAttributes","_","m","initializeComponent","hmrVersionId","loadModule","endLoad","isProxied","endNewInstance","fireConnectedCallback","endRegisterStyles","schedule","connectedCallback","endConnected","setContentReference","$onReadyPromise$","contentRefElm","createComment","firstChild","disconnectInstance","disconnectedCallback","bootstrapLazy","lazyBundles","options","endBootstrap","cmpTags","exclude","customElements","metaCharset","dataStyles","deferredConnectedCallbacks","appLoadFallback","isBootstrapping","resourcesUrl","baseURI","hasSlotRelocation","lazyBundle","compactMeta","$listeners$","HostElement","HTMLElement","constructor","self","super","registerHost","clearTimeout","componentOnReady","$lazyBundleId$","define","setTimeout","setNonce","hostRefs","registerInstance","lazyInstance","hostElement","el","console","error","cmpModules","exportName","bundleId","module","import","importedModule","window","document","H","raf","requestAnimationFrame","eventName","listener","addEventListener","removeEventListener","CustomEvent","promiseResolve","v","resolve","queueDomReads","queueDomWrites","queueTask","queue","write","flush","consume","performance","now"],"sources":["@stencil/core/internal/app-data","../../node_modules/@stencil/core/internal/client/index.js?app-data=conditional"],"sourcesContent":["export const NAMESPACE = 'core';\nexport const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: true, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: true, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: true, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };\nexport const Env = /* core */ {};\n","/**\n * Virtual DOM patching algorithm based on Snabbdom by\n * Simon Friis Vindum (@paldepind)\n * Licensed under the MIT License\n * https://github.com/snabbdom/snabbdom/blob/master/LICENSE\n *\n * Modified for Stencil's renderer and slot projection\n */\nlet scopeId;\nlet contentRef;\nlet hostTagName;\nlet customError;\nlet i = 0;\nlet useNativeShadowDom = false;\nlet checkSlotFallbackVisibility = false;\nlet checkSlotRelocate = false;\nlet isSvgMode = false;\nlet renderingRef = null;\nlet queueCongestion = 0;\nlet queuePending = false;\n/*\n Stencil Client Platform v4.12.4 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nconst Build = {\n    isDev: BUILD.isDev ? true : false,\n    isBrowser: true,\n    isServer: false,\n    isTesting: BUILD.isTesting ? true : false,\n};\nconst getAssetPath = (path) => {\n    const assetUrl = new URL(path, plt.$resourcesUrl$);\n    return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;\n};\nconst setAssetPath = (path) => (plt.$resourcesUrl$ = path);\nconst createTime = (fnName, tagName = '') => {\n    if (BUILD.profile && performance.mark) {\n        const key = `st:${fnName}:${tagName}:${i++}`;\n        // Start\n        performance.mark(key);\n        // End\n        return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);\n    }\n    else {\n        return () => {\n            return;\n        };\n    }\n};\nconst uniqueTime = (key, measureText) => {\n    if (BUILD.profile && performance.mark) {\n        if (performance.getEntriesByName(key, 'mark').length === 0) {\n            performance.mark(key);\n        }\n        return () => {\n            if (performance.getEntriesByName(measureText, 'measure').length === 0) {\n                performance.measure(measureText, key);\n            }\n        };\n    }\n    else {\n        return () => {\n            return;\n        };\n    }\n};\nconst inspect = (ref) => {\n    const hostRef = getHostRef(ref);\n    if (!hostRef) {\n        return undefined;\n    }\n    const flags = hostRef.$flags$;\n    const hostElement = hostRef.$hostElement$;\n    return {\n        renderCount: hostRef.$renderCount$,\n        flags: {\n            hasRendered: !!(flags & 2 /* HOST_FLAGS.hasRendered */),\n            hasConnected: !!(flags & 1 /* HOST_FLAGS.hasConnected */),\n            isWaitingForChildren: !!(flags & 4 /* HOST_FLAGS.isWaitingForChildren */),\n            isConstructingInstance: !!(flags & 8 /* HOST_FLAGS.isConstructingInstance */),\n            isQueuedForUpdate: !!(flags & 16 /* HOST_FLAGS.isQueuedForUpdate */),\n            hasInitializedComponent: !!(flags & 32 /* HOST_FLAGS.hasInitializedComponent */),\n            hasLoadedComponent: !!(flags & 64 /* HOST_FLAGS.hasLoadedComponent */),\n            isWatchReady: !!(flags & 128 /* HOST_FLAGS.isWatchReady */),\n            isListenReady: !!(flags & 256 /* HOST_FLAGS.isListenReady */),\n            needsRerender: !!(flags & 512 /* HOST_FLAGS.needsRerender */),\n        },\n        instanceValues: hostRef.$instanceValues$,\n        ancestorComponent: hostRef.$ancestorComponent$,\n        hostElement,\n        lazyInstance: hostRef.$lazyInstance$,\n        vnode: hostRef.$vnode$,\n        modeName: hostRef.$modeName$,\n        onReadyPromise: hostRef.$onReadyPromise$,\n        onReadyResolve: hostRef.$onReadyResolve$,\n        onInstancePromise: hostRef.$onInstancePromise$,\n        onInstanceResolve: hostRef.$onInstanceResolve$,\n        onRenderResolve: hostRef.$onRenderResolve$,\n        queuedListeners: hostRef.$queuedListeners$,\n        rmListeners: hostRef.$rmListeners$,\n        ['s-id']: hostElement['s-id'],\n        ['s-cr']: hostElement['s-cr'],\n        ['s-lr']: hostElement['s-lr'],\n        ['s-p']: hostElement['s-p'],\n        ['s-rc']: hostElement['s-rc'],\n        ['s-sc']: hostElement['s-sc'],\n    };\n};\nconst installDevTools = () => {\n    if (BUILD.devTools) {\n        const stencil = (win.stencil = win.stencil || {});\n        const originalInspect = stencil.inspect;\n        stencil.inspect = (ref) => {\n            let result = inspect(ref);\n            if (!result && typeof originalInspect === 'function') {\n                result = originalInspect(ref);\n            }\n            return result;\n        };\n    }\n};\nconst CONTENT_REF_ID = 'r';\nconst ORG_LOCATION_ID = 'o';\nconst SLOT_NODE_ID = 's';\nconst TEXT_NODE_ID = 't';\nconst HYDRATE_ID = 's-id';\nconst HYDRATED_STYLE_ID = 'sty-id';\nconst HYDRATE_CHILD_ID = 'c-id';\nconst HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';\n/**\n * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.\n *\n * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser\n * support as of Stencil v4.\n */\nconst SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';\nconst XLINK_NS = 'http://www.w3.org/1999/xlink';\nconst FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [\n    'formAssociatedCallback',\n    'formResetCallback',\n    'formDisabledCallback',\n    'formStateRestoreCallback',\n];\n/**\n * Default style mode id\n */\n/**\n * Reusable empty obj/array\n * Don't add values to these!!\n */\nconst EMPTY_OBJ = {};\n/**\n * Namespaces\n */\nconst SVG_NS = 'http://www.w3.org/2000/svg';\nconst HTML_NS = 'http://www.w3.org/1999/xhtml';\nconst isDef = (v) => v != null;\n/**\n * Check whether a value is a 'complex type', defined here as an object or a\n * function.\n *\n * @param o the value to check\n * @returns whether it's a complex type or not\n */\nconst isComplexType = (o) => {\n    // https://jsperf.com/typeof-fn-object/5\n    o = typeof o;\n    return o === 'object' || o === 'function';\n};\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n/**\n * Production h() function based on Preact by\n * Jason Miller (@developit)\n * Licensed under the MIT License\n * https://github.com/developit/preact/blob/master/LICENSE\n *\n * Modified for Stencil's compiler and vdom\n */\n// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;\n// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;\nconst h = (nodeName, vnodeData, ...children) => {\n    let child = null;\n    let key = null;\n    let slotName = null;\n    let simple = false;\n    let lastSimple = false;\n    const vNodeChildren = [];\n    const walk = (c) => {\n        for (let i = 0; i < c.length; i++) {\n            child = c[i];\n            if (Array.isArray(child)) {\n                walk(child);\n            }\n            else if (child != null && typeof child !== 'boolean') {\n                if ((simple = typeof nodeName !== 'function' && !isComplexType(child))) {\n                    child = String(child);\n                }\n                else if (BUILD.isDev && typeof nodeName !== 'function' && child.$flags$ === undefined) {\n                    consoleDevError(`vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects.`);\n                }\n                if (simple && lastSimple) {\n                    // If the previous child was simple (string), we merge both\n                    vNodeChildren[vNodeChildren.length - 1].$text$ += child;\n                }\n                else {\n                    // Append a new vNode, if it's text, we create a text vNode\n                    vNodeChildren.push(simple ? newVNode(null, child) : child);\n                }\n                lastSimple = simple;\n            }\n        }\n    };\n    walk(children);\n    if (vnodeData) {\n        if (BUILD.isDev && nodeName === 'input') {\n            validateInputProperties(vnodeData);\n        }\n        if (BUILD.vdomKey && vnodeData.key) {\n            key = vnodeData.key;\n        }\n        if (BUILD.slotRelocation && vnodeData.name) {\n            slotName = vnodeData.name;\n        }\n        // normalize class / className attributes\n        if (BUILD.vdomClass) {\n            const classData = vnodeData.className || vnodeData.class;\n            if (classData) {\n                vnodeData.class =\n                    typeof classData !== 'object'\n                        ? classData\n                        : Object.keys(classData)\n                            .filter((k) => classData[k])\n                            .join(' ');\n            }\n        }\n    }\n    if (BUILD.isDev && vNodeChildren.some(isHost)) {\n        consoleDevError(`The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function.`);\n    }\n    if (BUILD.vdomFunctional && typeof nodeName === 'function') {\n        // nodeName is a functional component\n        return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);\n    }\n    const vnode = newVNode(nodeName, null);\n    vnode.$attrs$ = vnodeData;\n    if (vNodeChildren.length > 0) {\n        vnode.$children$ = vNodeChildren;\n    }\n    if (BUILD.vdomKey) {\n        vnode.$key$ = key;\n    }\n    if (BUILD.slotRelocation) {\n        vnode.$name$ = slotName;\n    }\n    return vnode;\n};\n/**\n * A utility function for creating a virtual DOM node from a tag and some\n * possible text content.\n *\n * @param tag the tag for this element\n * @param text possible text content for the node\n * @returns a newly-minted virtual DOM node\n */\nconst newVNode = (tag, text) => {\n    const vnode = {\n        $flags$: 0,\n        $tag$: tag,\n        $text$: text,\n        $elm$: null,\n        $children$: null,\n    };\n    if (BUILD.vdomAttribute) {\n        vnode.$attrs$ = null;\n    }\n    if (BUILD.vdomKey) {\n        vnode.$key$ = null;\n    }\n    if (BUILD.slotRelocation) {\n        vnode.$name$ = null;\n    }\n    return vnode;\n};\nconst Host = {};\n/**\n * Check whether a given node is a Host node or not\n *\n * @param node the virtual DOM node to check\n * @returns whether it's a Host node or not\n */\nconst isHost = (node) => node && node.$tag$ === Host;\n/**\n * Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.\n *\n * Note that these functions convert from {@link d.VNode} to\n * {@link d.ChildNode} to give functional component developers a friendly\n * interface.\n */\nconst vdomFnUtils = {\n    forEach: (children, cb) => children.map(convertToPublic).forEach(cb),\n    map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),\n};\n/**\n * Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a\n * friendlier public interface (hence, 'convertToPublic').\n *\n * @param node the virtual DOM node to convert\n * @returns a converted child node\n */\nconst convertToPublic = (node) => ({\n    vattrs: node.$attrs$,\n    vchildren: node.$children$,\n    vkey: node.$key$,\n    vname: node.$name$,\n    vtag: node.$tag$,\n    vtext: node.$text$,\n});\n/**\n * Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in\n * order to use the resulting object in the virtual DOM. The initial object was\n * likely created as part of presenting a public API, so converting it back\n * involved making it 'private' again (hence, `convertToPrivate`).\n *\n * @param node the child node to convert\n * @returns a converted virtual DOM node\n */\nconst convertToPrivate = (node) => {\n    if (typeof node.vtag === 'function') {\n        const vnodeData = Object.assign({}, node.vattrs);\n        if (node.vkey) {\n            vnodeData.key = node.vkey;\n        }\n        if (node.vname) {\n            vnodeData.name = node.vname;\n        }\n        return h(node.vtag, vnodeData, ...(node.vchildren || []));\n    }\n    const vnode = newVNode(node.vtag, node.vtext);\n    vnode.$attrs$ = node.vattrs;\n    vnode.$children$ = node.vchildren;\n    vnode.$key$ = node.vkey;\n    vnode.$name$ = node.vname;\n    return vnode;\n};\n/**\n * Validates the ordering of attributes on an input element\n *\n * @param inputElm the element to validate\n */\nconst validateInputProperties = (inputElm) => {\n    const props = Object.keys(inputElm);\n    const value = props.indexOf('value');\n    if (value === -1) {\n        return;\n    }\n    const typeIndex = props.indexOf('type');\n    const minIndex = props.indexOf('min');\n    const maxIndex = props.indexOf('max');\n    const stepIndex = props.indexOf('step');\n    if (value < typeIndex || value < minIndex || value < maxIndex || value < stepIndex) {\n        consoleDevWarn(`The \"value\" prop of <input> should be set after \"min\", \"max\", \"type\" and \"step\"`);\n    }\n};\n/**\n * Entrypoint of the client-side hydration process. Facilitates calls to hydrate the\n * document and all its nodes.\n *\n * This process will also reconstruct the shadow root and slot DOM nodes for components using shadow DOM.\n *\n * @param hostElm The element to hydrate.\n * @param tagName The element's tag name.\n * @param hostId The host ID assigned to the element by the server.\n * @param hostRef The host reference for the element.\n */\nconst initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {\n    const endHydrate = createTime('hydrateClient', tagName);\n    const shadowRoot = hostElm.shadowRoot;\n    const childRenderNodes = [];\n    const slotNodes = [];\n    const shadowRootNodes = BUILD.shadowDom && shadowRoot ? [] : null;\n    const vnode = (hostRef.$vnode$ = newVNode(tagName, null));\n    if (!plt.$orgLocNodes$) {\n        initializeDocumentHydrate(doc.body, (plt.$orgLocNodes$ = new Map()));\n    }\n    hostElm[HYDRATE_ID] = hostId;\n    hostElm.removeAttribute(HYDRATE_ID);\n    clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);\n    childRenderNodes.map((c) => {\n        const orgLocationId = c.$hostId$ + '.' + c.$nodeId$;\n        const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);\n        const node = c.$elm$;\n        // Put the node back in its original location since the native Shadow DOM\n        // can handle rendering it its correct location now\n        if (orgLocationNode && supportsShadow && orgLocationNode['s-en'] === '') {\n            orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);\n        }\n        if (!shadowRoot) {\n            node['s-hn'] = tagName;\n            if (orgLocationNode) {\n                node['s-ol'] = orgLocationNode;\n                node['s-ol']['s-nr'] = node;\n            }\n        }\n        plt.$orgLocNodes$.delete(orgLocationId);\n    });\n    if (BUILD.shadowDom && shadowRoot) {\n        shadowRootNodes.map((shadowRootNode) => {\n            if (shadowRootNode) {\n                shadowRoot.appendChild(shadowRootNode);\n            }\n        });\n    }\n    endHydrate();\n};\n/**\n * Recursively constructs the virtual node tree for a host element and its children.\n * The tree is constructed by parsing the annotations set on the nodes by the server.\n *\n * In addition to constructing the vNode tree, we also track information about the node's\n * descendants like which are slots, which should exist in the shadow root, and which\n * are nodes that should be rendered as children of the parent node.\n *\n * @param parentVNode The vNode representing the parent node.\n * @param childRenderNodes An array of all child nodes in the parent's node tree.\n * @param slotNodes An array of all slot nodes in the parent's node tree.\n * @param shadowRootNodes An array all nodes that should be rendered in the shadow root in the parent's node tree.\n * @param hostElm The parent element.\n * @param node The node to construct the vNode tree for.\n * @param hostId The host ID assigned to the element by the server.\n */\nconst clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {\n    let childNodeType;\n    let childIdSplt;\n    let childVNode;\n    let i;\n    if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n        childNodeType = node.getAttribute(HYDRATE_CHILD_ID);\n        if (childNodeType) {\n            // got the node data from the element's attribute\n            // `${hostId}.${nodeId}.${depth}.${index}`\n            childIdSplt = childNodeType.split('.');\n            if (childIdSplt[0] === hostId || childIdSplt[0] === '0') {\n                childVNode = {\n                    $flags$: 0,\n                    $hostId$: childIdSplt[0],\n                    $nodeId$: childIdSplt[1],\n                    $depth$: childIdSplt[2],\n                    $index$: childIdSplt[3],\n                    $tag$: node.tagName.toLowerCase(),\n                    $elm$: node,\n                    $attrs$: null,\n                    $children$: null,\n                    $key$: null,\n                    $name$: null,\n                    $text$: null,\n                };\n                childRenderNodes.push(childVNode);\n                node.removeAttribute(HYDRATE_CHILD_ID);\n                // this is a new child vnode\n                // so ensure its parent vnode has the vchildren array\n                if (!parentVNode.$children$) {\n                    parentVNode.$children$ = [];\n                }\n                // add our child vnode to a specific index of the vnode's children\n                parentVNode.$children$[childVNode.$index$] = childVNode;\n                // this is now the new parent vnode for all the next child checks\n                parentVNode = childVNode;\n                if (shadowRootNodes && childVNode.$depth$ === '0') {\n                    shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n                }\n            }\n        }\n        // recursively drill down, end to start so we can remove nodes\n        for (i = node.childNodes.length - 1; i >= 0; i--) {\n            clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.childNodes[i], hostId);\n        }\n        if (node.shadowRoot) {\n            // keep drilling down through the shadow root nodes\n            for (i = node.shadowRoot.childNodes.length - 1; i >= 0; i--) {\n                clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.shadowRoot.childNodes[i], hostId);\n            }\n        }\n    }\n    else if (node.nodeType === 8 /* NODE_TYPE.CommentNode */) {\n        // `${COMMENT_TYPE}.${hostId}.${nodeId}.${depth}.${index}`\n        childIdSplt = node.nodeValue.split('.');\n        if (childIdSplt[1] === hostId || childIdSplt[1] === '0') {\n            // comment node for either the host id or a 0 host id\n            childNodeType = childIdSplt[0];\n            childVNode = {\n                $flags$: 0,\n                $hostId$: childIdSplt[1],\n                $nodeId$: childIdSplt[2],\n                $depth$: childIdSplt[3],\n                $index$: childIdSplt[4],\n                $elm$: node,\n                $attrs$: null,\n                $children$: null,\n                $key$: null,\n                $name$: null,\n                $tag$: null,\n                $text$: null,\n            };\n            if (childNodeType === TEXT_NODE_ID) {\n                childVNode.$elm$ = node.nextSibling;\n                if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* NODE_TYPE.TextNode */) {\n                    childVNode.$text$ = childVNode.$elm$.textContent;\n                    childRenderNodes.push(childVNode);\n                    // remove the text comment since it's no longer needed\n                    node.remove();\n                    if (!parentVNode.$children$) {\n                        parentVNode.$children$ = [];\n                    }\n                    parentVNode.$children$[childVNode.$index$] = childVNode;\n                    if (shadowRootNodes && childVNode.$depth$ === '0') {\n                        shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n                    }\n                }\n            }\n            else if (childVNode.$hostId$ === hostId) {\n                // this comment node is specifically for this host id\n                if (childNodeType === SLOT_NODE_ID) {\n                    // `${SLOT_NODE_ID}.${hostId}.${nodeId}.${depth}.${index}.${slotName}`;\n                    childVNode.$tag$ = 'slot';\n                    if (childIdSplt[5]) {\n                        node['s-sn'] = childVNode.$name$ = childIdSplt[5];\n                    }\n                    else {\n                        node['s-sn'] = '';\n                    }\n                    node['s-sr'] = true;\n                    if (BUILD.shadowDom && shadowRootNodes) {\n                        // browser support shadowRoot and this is a shadow dom component\n                        // create an actual slot element\n                        childVNode.$elm$ = doc.createElement(childVNode.$tag$);\n                        if (childVNode.$name$) {\n                            // add the slot name attribute\n                            childVNode.$elm$.setAttribute('name', childVNode.$name$);\n                        }\n                        // insert the new slot element before the slot comment\n                        node.parentNode.insertBefore(childVNode.$elm$, node);\n                        // remove the slot comment since it's not needed for shadow\n                        node.remove();\n                        if (childVNode.$depth$ === '0') {\n                            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n                        }\n                    }\n                    slotNodes.push(childVNode);\n                    if (!parentVNode.$children$) {\n                        parentVNode.$children$ = [];\n                    }\n                    parentVNode.$children$[childVNode.$index$] = childVNode;\n                }\n                else if (childNodeType === CONTENT_REF_ID) {\n                    // `${CONTENT_REF_ID}.${hostId}`;\n                    if (BUILD.shadowDom && shadowRootNodes) {\n                        // remove the content ref comment since it's not needed for shadow\n                        node.remove();\n                    }\n                    else if (BUILD.slotRelocation) {\n                        hostElm['s-cr'] = node;\n                        node['s-cn'] = true;\n                    }\n                }\n            }\n        }\n    }\n    else if (parentVNode && parentVNode.$tag$ === 'style') {\n        const vnode = newVNode(null, node.textContent);\n        vnode.$elm$ = node;\n        vnode.$index$ = '0';\n        parentVNode.$children$ = [vnode];\n    }\n};\n/**\n * Recursively locate any comments representing an original location for a node in a node's\n * children or shadowRoot children.\n *\n * @param node The node to search.\n * @param orgLocNodes A map of the original location annotation and the current node being searched.\n */\nconst initializeDocumentHydrate = (node, orgLocNodes) => {\n    if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n        let i = 0;\n        for (; i < node.childNodes.length; i++) {\n            initializeDocumentHydrate(node.childNodes[i], orgLocNodes);\n        }\n        if (node.shadowRoot) {\n            for (i = 0; i < node.shadowRoot.childNodes.length; i++) {\n                initializeDocumentHydrate(node.shadowRoot.childNodes[i], orgLocNodes);\n            }\n        }\n    }\n    else if (node.nodeType === 8 /* NODE_TYPE.CommentNode */) {\n        const childIdSplt = node.nodeValue.split('.');\n        if (childIdSplt[0] === ORG_LOCATION_ID) {\n            orgLocNodes.set(childIdSplt[1] + '.' + childIdSplt[2], node);\n            node.nodeValue = '';\n            // useful to know if the original location is\n            // the root light-dom of a shadow dom component\n            node['s-en'] = childIdSplt[3];\n        }\n    }\n};\n// Private\nconst computeMode = (elm) => modeResolutionChain.map((h) => h(elm)).find((m) => !!m);\n// Public\nconst setMode = (handler) => modeResolutionChain.push(handler);\nconst getMode = (ref) => getHostRef(ref).$modeName$;\n/**\n * Parse a new property value for a given property type.\n *\n * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,\n * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:\n *   1. `any`, the type given to `propValue` in the function signature\n *   2. the type stored from `propType`.\n *\n * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.\n *\n * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to\n * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is\n * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.\n * ```tsx\n * <my-cmp prop-val={0}></my-cmp>\n * ```\n *\n * HTML prop values on the other hand, will always a string\n *\n * @param propValue the new value to coerce to some type\n * @param propType the type of the prop, expressed as a binary number\n * @returns the parsed/coerced value\n */\nconst parsePropertyValue = (propValue, propType) => {\n    // ensure this value is of the correct prop type\n    if (propValue != null && !isComplexType(propValue)) {\n        if (BUILD.propBoolean && propType & 4 /* MEMBER_FLAGS.Boolean */) {\n            // per the HTML spec, any string value means it is a boolean true value\n            // but we'll cheat here and say that the string \"false\" is the boolean false\n            return propValue === 'false' ? false : propValue === '' || !!propValue;\n        }\n        if (BUILD.propNumber && propType & 2 /* MEMBER_FLAGS.Number */) {\n            // force it to be a number\n            return parseFloat(propValue);\n        }\n        if (BUILD.propString && propType & 1 /* MEMBER_FLAGS.String */) {\n            // could have been passed as a number or boolean\n            // but we still want it as a string\n            return String(propValue);\n        }\n        // redundant return here for better minification\n        return propValue;\n    }\n    // not sure exactly what type we want\n    // so no need to change to a different type\n    return propValue;\n};\nconst getElement = (ref) => (BUILD.lazyLoad ? getHostRef(ref).$hostElement$ : ref);\nconst createEvent = (ref, name, flags) => {\n    const elm = getElement(ref);\n    return {\n        emit: (detail) => {\n            if (BUILD.isDev && !elm.isConnected) {\n                consoleDevWarn(`The \"${name}\" event was emitted, but the dispatcher node is no longer connected to the dom.`);\n            }\n            return emitEvent(elm, name, {\n                bubbles: !!(flags & 4 /* EVENT_FLAGS.Bubbles */),\n                composed: !!(flags & 2 /* EVENT_FLAGS.Composed */),\n                cancelable: !!(flags & 1 /* EVENT_FLAGS.Cancellable */),\n                detail,\n            });\n        },\n    };\n};\n/**\n * Helper function to create & dispatch a custom Event on a provided target\n * @param elm the target of the Event\n * @param name the name to give the custom Event\n * @param opts options for configuring a custom Event\n * @returns the custom Event\n */\nconst emitEvent = (elm, name, opts) => {\n    const ev = plt.ce(name, opts);\n    elm.dispatchEvent(ev);\n    return ev;\n};\nconst rootAppliedStyles = /*@__PURE__*/ new WeakMap();\nconst registerStyle = (scopeId, cssText, allowCS) => {\n    let style = styles.get(scopeId);\n    if (supportsConstructableStylesheets && allowCS) {\n        style = (style || new CSSStyleSheet());\n        if (typeof style === 'string') {\n            style = cssText;\n        }\n        else {\n            style.replaceSync(cssText);\n        }\n    }\n    else {\n        style = cssText;\n    }\n    styles.set(scopeId, style);\n};\nconst addStyle = (styleContainerNode, cmpMeta, mode) => {\n    var _a;\n    const scopeId = getScopeId(cmpMeta, mode);\n    const style = styles.get(scopeId);\n    if (!BUILD.attachStyles) {\n        return scopeId;\n    }\n    // if an element is NOT connected then getRootNode() will return the wrong root node\n    // so the fallback is to always use the document for the root node in those cases\n    styleContainerNode = styleContainerNode.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? styleContainerNode : doc;\n    if (style) {\n        if (typeof style === 'string') {\n            styleContainerNode = styleContainerNode.head || styleContainerNode;\n            let appliedStyles = rootAppliedStyles.get(styleContainerNode);\n            let styleElm;\n            if (!appliedStyles) {\n                rootAppliedStyles.set(styleContainerNode, (appliedStyles = new Set()));\n            }\n            if (!appliedStyles.has(scopeId)) {\n                if (BUILD.hydrateClientSide &&\n                    styleContainerNode.host &&\n                    (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}=\"${scopeId}\"]`))) {\n                    // This is only happening on native shadow-dom, do not needs CSS var shim\n                    styleElm.innerHTML = style;\n                }\n                else {\n                    styleElm = doc.createElement('style');\n                    styleElm.innerHTML = style;\n                    // Apply CSP nonce to the style tag if it exists\n                    const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                    if (nonce != null) {\n                        styleElm.setAttribute('nonce', nonce);\n                    }\n                    if (BUILD.hydrateServerSide || BUILD.hotModuleReplacement) {\n                        styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId);\n                    }\n                    styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));\n                }\n                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM\n                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {\n                    styleElm.innerHTML += SLOT_FB_CSS;\n                }\n                if (appliedStyles) {\n                    appliedStyles.add(scopeId);\n                }\n            }\n        }\n        else if (BUILD.constructableCSS && !styleContainerNode.adoptedStyleSheets.includes(style)) {\n            styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];\n        }\n    }\n    return scopeId;\n};\nconst attachStyles = (hostRef) => {\n    const cmpMeta = hostRef.$cmpMeta$;\n    const elm = hostRef.$hostElement$;\n    const flags = cmpMeta.$flags$;\n    const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);\n    const scopeId = addStyle(BUILD.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta, hostRef.$modeName$);\n    if ((BUILD.shadowDom || BUILD.scoped) && BUILD.cssAnnotations && flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {\n        // only required when we're NOT using native shadow dom (slot)\n        // or this browser doesn't support native shadow dom\n        // and this host element was NOT created with SSR\n        // let's pick out the inner content for slot projection\n        // create a node to represent where the original\n        // content was first placed, which is useful later on\n        // DOM WRITE!!\n        elm['s-sc'] = scopeId;\n        elm.classList.add(scopeId + '-h');\n        if (BUILD.scoped && flags & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n            elm.classList.add(scopeId + '-s');\n        }\n    }\n    endAttachStyles();\n};\nconst getScopeId = (cmp, mode) => 'sc-' + (BUILD.mode && mode && cmp.$flags$ & 32 /* CMP_FLAGS.hasMode */ ? cmp.$tagName$ + '-' + mode : cmp.$tagName$);\nconst convertScopedToShadow = (css) => css.replace(/\\/\\*!@([^\\/]+)\\*\\/[^\\{]+\\{/g, '$1{');\n/**\n * Production setAccessor() function based on Preact by\n * Jason Miller (@developit)\n * Licensed under the MIT License\n * https://github.com/developit/preact/blob/master/LICENSE\n *\n * Modified for Stencil's compiler and vdom\n */\n/**\n * When running a VDom render set properties present on a VDom node onto the\n * corresponding HTML element.\n *\n * Note that this function has special functionality for the `class`,\n * `style`, `key`, and `ref` attributes, as well as event handlers (like\n * `onClick`, etc). All others are just passed through as-is.\n *\n * @param elm the HTMLElement onto which attributes should be set\n * @param memberName the name of the attribute to set\n * @param oldValue the old value for the attribute\n * @param newValue the new value for the attribute\n * @param isSvg whether we're in an svg context or not\n * @param flags bitflags for Vdom variables\n */\nconst setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {\n    if (oldValue !== newValue) {\n        let isProp = isMemberInElement(elm, memberName);\n        let ln = memberName.toLowerCase();\n        if (BUILD.vdomClass && memberName === 'class') {\n            const classList = elm.classList;\n            const oldClasses = parseClassList(oldValue);\n            const newClasses = parseClassList(newValue);\n            classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));\n            classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));\n        }\n        else if (BUILD.vdomStyle && memberName === 'style') {\n            // update style attribute, css properties and values\n            if (BUILD.updatable) {\n                for (const prop in oldValue) {\n                    if (!newValue || newValue[prop] == null) {\n                        if (!BUILD.hydrateServerSide && prop.includes('-')) {\n                            elm.style.removeProperty(prop);\n                        }\n                        else {\n                            elm.style[prop] = '';\n                        }\n                    }\n                }\n            }\n            for (const prop in newValue) {\n                if (!oldValue || newValue[prop] !== oldValue[prop]) {\n                    if (!BUILD.hydrateServerSide && prop.includes('-')) {\n                        elm.style.setProperty(prop, newValue[prop]);\n                    }\n                    else {\n                        elm.style[prop] = newValue[prop];\n                    }\n                }\n            }\n        }\n        else if (BUILD.vdomKey && memberName === 'key')\n            ;\n        else if (BUILD.vdomRef && memberName === 'ref') {\n            // minifier will clean this up\n            if (newValue) {\n                newValue(elm);\n            }\n        }\n        else if (BUILD.vdomListener &&\n            (BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) &&\n            memberName[0] === 'o' &&\n            memberName[1] === 'n') {\n            // Event Handlers\n            // so if the member name starts with \"on\" and the 3rd characters is\n            // a capital letter, and it's not already a member on the element,\n            // then we're assuming it's an event listener\n            if (memberName[2] === '-') {\n                // on- prefixed events\n                // allows to be explicit about the dom event to listen without any magic\n                // under the hood:\n                // <my-cmp on-click> // listens for \"click\"\n                // <my-cmp on-Click> // listens for \"Click\"\n                // <my-cmp on-ionChange> // listens for \"ionChange\"\n                // <my-cmp on-EVENTS> // listens for \"EVENTS\"\n                memberName = memberName.slice(3);\n            }\n            else if (isMemberInElement(win, ln)) {\n                // standard event\n                // the JSX attribute could have been \"onMouseOver\" and the\n                // member name \"onmouseover\" is on the window's prototype\n                // so let's add the listener \"mouseover\", which is all lowercased\n                memberName = ln.slice(2);\n            }\n            else {\n                // custom event\n                // the JSX attribute could have been \"onMyCustomEvent\"\n                // so let's trim off the \"on\" prefix and lowercase the first character\n                // and add the listener \"myCustomEvent\"\n                // except for the first character, we keep the event name case\n                memberName = ln[2] + memberName.slice(3);\n            }\n            if (oldValue || newValue) {\n                // Need to account for \"capture\" events.\n                // If the event name ends with \"Capture\", we'll update the name to remove\n                // the \"Capture\" suffix and make sure the event listener is setup to handle the capture event.\n                const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);\n                // Make sure we only replace the last instance of \"Capture\"\n                memberName = memberName.replace(CAPTURE_EVENT_REGEX, '');\n                if (oldValue) {\n                    plt.rel(elm, memberName, oldValue, capture);\n                }\n                if (newValue) {\n                    plt.ael(elm, memberName, newValue, capture);\n                }\n            }\n        }\n        else if (BUILD.vdomPropOrAttr) {\n            // Set property if it exists and it's not a SVG\n            const isComplex = isComplexType(newValue);\n            if ((isProp || (isComplex && newValue !== null)) && !isSvg) {\n                try {\n                    if (!elm.tagName.includes('-')) {\n                        const n = newValue == null ? '' : newValue;\n                        // Workaround for Safari, moving the <input> caret when re-assigning the same valued\n                        if (memberName === 'list') {\n                            isProp = false;\n                        }\n                        else if (oldValue == null || elm[memberName] != n) {\n                            elm[memberName] = n;\n                        }\n                    }\n                    else {\n                        elm[memberName] = newValue;\n                    }\n                }\n                catch (e) {\n                    /**\n                     * in case someone tries to set a read-only property, e.g. \"namespaceURI\", we just ignore it\n                     */\n                }\n            }\n            /**\n             * Need to manually update attribute if:\n             * - memberName is not an attribute\n             * - if we are rendering the host element in order to reflect attribute\n             * - if it's a SVG, since properties might not work in <svg>\n             * - if the newValue is null/undefined or 'false'.\n             */\n            let xlink = false;\n            if (BUILD.vdomXlink) {\n                if (ln !== (ln = ln.replace(/^xlink\\:?/, ''))) {\n                    memberName = ln;\n                    xlink = true;\n                }\n            }\n            if (newValue == null || newValue === false) {\n                if (newValue !== false || elm.getAttribute(memberName) === '') {\n                    if (BUILD.vdomXlink && xlink) {\n                        elm.removeAttributeNS(XLINK_NS, memberName);\n                    }\n                    else {\n                        elm.removeAttribute(memberName);\n                    }\n                }\n            }\n            else if ((!isProp || flags & 4 /* VNODE_FLAGS.isHost */ || isSvg) && !isComplex) {\n                newValue = newValue === true ? '' : newValue;\n                if (BUILD.vdomXlink && xlink) {\n                    elm.setAttributeNS(XLINK_NS, memberName, newValue);\n                }\n                else {\n                    elm.setAttribute(memberName, newValue);\n                }\n            }\n        }\n    }\n};\nconst parseClassListRegex = /\\s/;\n/**\n * Parsed a string of classnames into an array\n * @param value className string, e.g. \"foo bar baz\"\n * @returns list of classes, e.g. [\"foo\", \"bar\", \"baz\"]\n */\nconst parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));\nconst CAPTURE_EVENT_SUFFIX = 'Capture';\nconst CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + '$');\nconst updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {\n    // if the element passed in is a shadow root, which is a document fragment\n    // then we want to be adding attrs/props to the shadow root's \"host\" element\n    // if it's not a shadow root, then we add attrs/props to the same element\n    const elm = newVnode.$elm$.nodeType === 11 /* NODE_TYPE.DocumentFragment */ && newVnode.$elm$.host\n        ? newVnode.$elm$.host\n        : newVnode.$elm$;\n    const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;\n    const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;\n    if (BUILD.updatable) {\n        // remove attributes no longer present on the vnode by setting them to undefined\n        for (memberName in oldVnodeAttrs) {\n            if (!(memberName in newVnodeAttrs)) {\n                setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);\n            }\n        }\n    }\n    // add new & update changed attributes\n    for (memberName in newVnodeAttrs) {\n        setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);\n    }\n};\n/**\n * Create a DOM Node corresponding to one of the children of a given VNode.\n *\n * @param oldParentVNode the parent VNode from the previous render\n * @param newParentVNode the parent VNode from the current render\n * @param childIndex the index of the VNode, in the _new_ parent node's\n * children, for which we will create a new DOM node\n * @param parentElm the parent DOM node which our new node will be a child of\n * @returns the newly created node\n */\nconst createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {\n    // tslint:disable-next-line: prefer-const\n    const newVNode = newParentVNode.$children$[childIndex];\n    let i = 0;\n    let elm;\n    let childNode;\n    let oldVNode;\n    if (BUILD.slotRelocation && !useNativeShadowDom) {\n        // remember for later we need to check to relocate nodes\n        checkSlotRelocate = true;\n        if (newVNode.$tag$ === 'slot') {\n            if (scopeId) {\n                // scoped css needs to add its scoped id to the parent element\n                parentElm.classList.add(scopeId + '-s');\n            }\n            newVNode.$flags$ |= newVNode.$children$\n                ? // slot element has fallback content\n                    2 /* VNODE_FLAGS.isSlotFallback */\n                : // slot element does not have fallback content\n                    1 /* VNODE_FLAGS.isSlotReference */;\n        }\n    }\n    if (BUILD.isDev && newVNode.$elm$) {\n        consoleDevError(`The JSX ${newVNode.$text$ !== null ? `\"${newVNode.$text$}\" text` : `\"${newVNode.$tag$}\" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`);\n    }\n    if (BUILD.vdomText && newVNode.$text$ !== null) {\n        // create text node\n        elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);\n    }\n    else if (BUILD.slotRelocation && newVNode.$flags$ & 1 /* VNODE_FLAGS.isSlotReference */) {\n        // create a slot reference node\n        elm = newVNode.$elm$ =\n            BUILD.isDebug || BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode) : doc.createTextNode('');\n    }\n    else {\n        if (BUILD.svg && !isSvgMode) {\n            isSvgMode = newVNode.$tag$ === 'svg';\n        }\n        // create element\n        elm = newVNode.$elm$ = (BUILD.svg\n            ? doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, BUILD.slotRelocation && newVNode.$flags$ & 2 /* VNODE_FLAGS.isSlotFallback */\n                ? 'slot-fb'\n                : newVNode.$tag$)\n            : doc.createElement(BUILD.slotRelocation && newVNode.$flags$ & 2 /* VNODE_FLAGS.isSlotFallback */\n                ? 'slot-fb'\n                : newVNode.$tag$));\n        if (BUILD.svg && isSvgMode && newVNode.$tag$ === 'foreignObject') {\n            isSvgMode = false;\n        }\n        // add css classes, attrs, props, listeners, etc.\n        if (BUILD.vdomAttribute) {\n            updateElement(null, newVNode, isSvgMode);\n        }\n        if ((BUILD.shadowDom || BUILD.scoped) && isDef(scopeId) && elm['s-si'] !== scopeId) {\n            // if there is a scopeId and this is the initial render\n            // then let's add the scopeId as a css class\n            elm.classList.add((elm['s-si'] = scopeId));\n        }\n        if (newVNode.$children$) {\n            for (i = 0; i < newVNode.$children$.length; ++i) {\n                // create the node\n                childNode = createElm(oldParentVNode, newVNode, i, elm);\n                // return node could have been null\n                if (childNode) {\n                    // append our new node\n                    elm.appendChild(childNode);\n                }\n            }\n        }\n        if (BUILD.svg) {\n            if (newVNode.$tag$ === 'svg') {\n                // Only reset the SVG context when we're exiting <svg> element\n                isSvgMode = false;\n            }\n            else if (elm.tagName === 'foreignObject') {\n                // Reenter SVG context when we're exiting <foreignObject> element\n                isSvgMode = true;\n            }\n        }\n    }\n    // This needs to always happen so we can hide nodes that are projected\n    // to another component but don't end up in a slot\n    elm['s-hn'] = hostTagName;\n    if (BUILD.slotRelocation) {\n        if (newVNode.$flags$ & (2 /* VNODE_FLAGS.isSlotFallback */ | 1 /* VNODE_FLAGS.isSlotReference */)) {\n            // remember the content reference comment\n            elm['s-sr'] = true;\n            // remember the content reference comment\n            elm['s-cr'] = contentRef;\n            // remember the slot name, or empty string for default slot\n            elm['s-sn'] = newVNode.$name$ || '';\n            // check if we've got an old vnode for this slot\n            oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];\n            if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {\n                if (BUILD.experimentalSlotFixes) {\n                    // we've got an old slot vnode and the wrapper is being replaced\n                    // so let's move the old slot content to the root of the element currently being rendered\n                    relocateToHostRoot(oldParentVNode.$elm$);\n                }\n                else {\n                    // we've got an old slot vnode and the wrapper is being replaced\n                    // so let's move the old slot content back to its original location\n                    putBackInOriginalLocation(oldParentVNode.$elm$, false);\n                }\n            }\n        }\n    }\n    return elm;\n};\n/**\n * Relocates all child nodes of an element that were a part of a previous slot relocation\n * to the root of the Stencil component currently being rendered. This happens when a parent\n * element of a slot reference node dynamically changes and triggers a re-render. We cannot use\n * `putBackInOriginalLocation()` because that may relocate nodes to elements that will not be re-rendered\n * and so they will not be relocated again.\n *\n * @param parentElm The element potentially containing relocated nodes.\n */\nconst relocateToHostRoot = (parentElm) => {\n    plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;\n    const host = parentElm.closest(hostTagName.toLowerCase());\n    if (host != null) {\n        const contentRefNode = Array.from(host.childNodes).find((ref) => ref['s-cr']);\n        const childNodeArray = Array.from(parentElm.childNodes);\n        // If we have a content ref, we need to invert the order of the nodes we're relocating\n        // to preserve the correct order of elements in the DOM on future relocations\n        for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {\n            // Only relocate nodes that were slotted in\n            if (childNode['s-sh'] != null) {\n                host.insertBefore(childNode, contentRefNode !== null && contentRefNode !== void 0 ? contentRefNode : null);\n                // Reset so we can correctly move the node around again.\n                childNode['s-sh'] = undefined;\n                // Need to tell the render pipeline to check to relocate slot content again\n                checkSlotRelocate = true;\n            }\n        }\n    }\n    plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;\n};\nconst putBackInOriginalLocation = (parentElm, recursive) => {\n    plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;\n    const oldSlotChildNodes = parentElm.childNodes;\n    for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {\n        const childNode = oldSlotChildNodes[i];\n        if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {\n            // and relocate it back to it's original location\n            parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));\n            // remove the old original location comment entirely\n            // later on the patch function will know what to do\n            // and move this to the correct spot if need be\n            childNode['s-ol'].remove();\n            childNode['s-ol'] = undefined;\n            // Reset so we can correctly move the node around again.\n            childNode['s-sh'] = undefined;\n            checkSlotRelocate = true;\n        }\n        if (recursive) {\n            putBackInOriginalLocation(childNode, recursive);\n        }\n    }\n    plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;\n};\n/**\n * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and\n * add them to the DOM in the appropriate place.\n *\n * @param parentElm the DOM node which should be used as a parent for the new\n * DOM nodes\n * @param before a child of the `parentElm` which the new children should be\n * inserted before (optional)\n * @param parentVNode the parent virtual DOM node\n * @param vnodes the new child virtual DOM nodes to produce DOM nodes for\n * @param startIdx the index in the child virtual DOM nodes at which to start\n * creating DOM nodes (inclusive)\n * @param endIdx the index in the child virtual DOM nodes at which to stop\n * creating DOM nodes (inclusive)\n */\nconst addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {\n    let containerElm = ((BUILD.slotRelocation && parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);\n    let childNode;\n    if (BUILD.shadowDom && containerElm.shadowRoot && containerElm.tagName === hostTagName) {\n        containerElm = containerElm.shadowRoot;\n    }\n    for (; startIdx <= endIdx; ++startIdx) {\n        if (vnodes[startIdx]) {\n            childNode = createElm(null, parentVNode, startIdx, parentElm);\n            if (childNode) {\n                vnodes[startIdx].$elm$ = childNode;\n                containerElm.insertBefore(childNode, BUILD.slotRelocation ? referenceNode(before) : before);\n            }\n        }\n    }\n};\n/**\n * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.\n * This can be used to, for instance, clean up after a list of children which\n * should no longer be shown.\n *\n * This function also handles some of Stencil's slot relocation logic.\n *\n * @param vnodes a list of virtual DOM nodes to remove\n * @param startIdx the index at which to start removing nodes (inclusive)\n * @param endIdx the index at which to stop removing nodes (inclusive)\n */\nconst removeVnodes = (vnodes, startIdx, endIdx) => {\n    for (let index = startIdx; index <= endIdx; ++index) {\n        const vnode = vnodes[index];\n        if (vnode) {\n            const elm = vnode.$elm$;\n            nullifyVNodeRefs(vnode);\n            if (elm) {\n                if (BUILD.slotRelocation) {\n                    // we're removing this element\n                    // so it's possible we need to show slot fallback content now\n                    checkSlotFallbackVisibility = true;\n                    if (elm['s-ol']) {\n                        // remove the original location comment\n                        elm['s-ol'].remove();\n                    }\n                    else {\n                        // it's possible that child nodes of the node\n                        // that's being removed are slot nodes\n                        putBackInOriginalLocation(elm, true);\n                    }\n                }\n                // remove the vnode's element from the dom\n                elm.remove();\n            }\n        }\n    }\n};\n/**\n * Reconcile the children of a new VNode with the children of an old VNode by\n * traversing the two collections of children, identifying nodes that are\n * conserved or changed, calling out to `patch` to make any necessary\n * updates to the DOM, and rearranging DOM nodes as needed.\n *\n * The algorithm for reconciling children works by analyzing two 'windows' onto\n * the two arrays of children (`oldCh` and `newCh`). We keep track of the\n * 'windows' by storing start and end indices and references to the\n * corresponding array entries. Initially the two 'windows' are basically equal\n * to the entire array, but we progressively narrow the windows until there are\n * no children left to update by doing the following:\n *\n * 1. Skip any `null` entries at the beginning or end of the two arrays, so\n *    that if we have an initial array like the following we'll end up dealing\n *    only with a window bounded by the highlighted elements:\n *\n *    [null, null, VNode1 , ... , VNode2, null, null]\n *                 ^^^^^^         ^^^^^^\n *\n * 2. Check to see if the elements at the head and tail positions are equal\n *    across the windows. This will basically detect elements which haven't\n *    been added, removed, or changed position, i.e. if you had the following\n *    VNode elements (represented as HTML):\n *\n *    oldVNode: `<div><p><span>HEY</span></p></div>`\n *    newVNode: `<div><p><span>THERE</span></p></div>`\n *\n *    Then when comparing the children of the `<div>` tag we check the equality\n *    of the VNodes corresponding to the `<p>` tags and, since they are the\n *    same tag in the same position, we'd be able to avoid completely\n *    re-rendering the subtree under them with a new DOM element and would just\n *    call out to `patch` to handle reconciling their children and so on.\n *\n * 3. Check, for both windows, to see if the element at the beginning of the\n *    window corresponds to the element at the end of the other window. This is\n *    a heuristic which will let us identify _some_ situations in which\n *    elements have changed position, for instance it _should_ detect that the\n *    children nodes themselves have not changed but merely moved in the\n *    following example:\n *\n *    oldVNode: `<div><element-one /><element-two /></div>`\n *    newVNode: `<div><element-two /><element-one /></div>`\n *\n *    If we find cases like this then we also need to move the concrete DOM\n *    elements corresponding to the moved children to write the re-order to the\n *    DOM.\n *\n * 4. Finally, if VNodes have the `key` attribute set on them we check for any\n *    nodes in the old children which have the same key as the first element in\n *    our window on the new children. If we find such a node we handle calling\n *    out to `patch`, moving relevant DOM nodes, and so on, in accordance with\n *    what we find.\n *\n * Finally, once we've narrowed our 'windows' to the point that either of them\n * collapse (i.e. they have length 0) we then handle any remaining VNode\n * insertion or deletion that needs to happen to get a DOM state that correctly\n * reflects the new child VNodes. If, for instance, after our window on the old\n * children has collapsed we still have more nodes on the new children that\n * we haven't dealt with yet then we need to add them, or if the new children\n * collapse but we still have unhandled _old_ children then we need to make\n * sure the corresponding DOM nodes are removed.\n *\n * @param parentElm the node into which the parent VNode is rendered\n * @param oldCh the old children of the parent node\n * @param newVNode the new VNode which will replace the parent\n * @param newCh the new children of the parent node\n * @param isInitialRender whether or not this is the first render of the vdom\n */\nconst updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {\n    let oldStartIdx = 0;\n    let newStartIdx = 0;\n    let idxInOld = 0;\n    let i = 0;\n    let oldEndIdx = oldCh.length - 1;\n    let oldStartVnode = oldCh[0];\n    let oldEndVnode = oldCh[oldEndIdx];\n    let newEndIdx = newCh.length - 1;\n    let newStartVnode = newCh[0];\n    let newEndVnode = newCh[newEndIdx];\n    let node;\n    let elmToMove;\n    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {\n        if (oldStartVnode == null) {\n            // VNode might have been moved left\n            oldStartVnode = oldCh[++oldStartIdx];\n        }\n        else if (oldEndVnode == null) {\n            oldEndVnode = oldCh[--oldEndIdx];\n        }\n        else if (newStartVnode == null) {\n            newStartVnode = newCh[++newStartIdx];\n        }\n        else if (newEndVnode == null) {\n            newEndVnode = newCh[--newEndIdx];\n        }\n        else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {\n            // if the start nodes are the same then we should patch the new VNode\n            // onto the old one, and increment our `newStartIdx` and `oldStartIdx`\n            // indices to reflect that. We don't need to move any DOM Nodes around\n            // since things are matched up in order.\n            patch(oldStartVnode, newStartVnode, isInitialRender);\n            oldStartVnode = oldCh[++oldStartIdx];\n            newStartVnode = newCh[++newStartIdx];\n        }\n        else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {\n            // likewise, if the end nodes are the same we patch new onto old and\n            // decrement our end indices, and also likewise in this case we don't\n            // need to move any DOM Nodes.\n            patch(oldEndVnode, newEndVnode, isInitialRender);\n            oldEndVnode = oldCh[--oldEndIdx];\n            newEndVnode = newCh[--newEndIdx];\n        }\n        else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {\n            // case: \"Vnode moved right\"\n            //\n            // We've found that the last node in our window on the new children is\n            // the same VNode as the _first_ node in our window on the old children\n            // we're dealing with now. Visually, this is the layout of these two\n            // nodes:\n            //\n            // newCh: [..., newStartVnode , ... , newEndVnode , ...]\n            //                                    ^^^^^^^^^^^\n            // oldCh: [..., oldStartVnode , ... , oldEndVnode , ...]\n            //              ^^^^^^^^^^^^^\n            //\n            // In this situation we need to patch `newEndVnode` onto `oldStartVnode`\n            // and move the DOM element for `oldStartVnode`.\n            if (BUILD.slotRelocation && (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {\n                putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);\n            }\n            patch(oldStartVnode, newEndVnode, isInitialRender);\n            // We need to move the element for `oldStartVnode` into a position which\n            // will be appropriate for `newEndVnode`. For this we can use\n            // `.insertBefore` and `oldEndVnode.$elm$.nextSibling`. If there is a\n            // sibling for `oldEndVnode.$elm$` then we want to move the DOM node for\n            // `oldStartVnode` between `oldEndVnode` and it's sibling, like so:\n            //\n            // <old-start-node />\n            // <some-intervening-node />\n            // <old-end-node />\n            // <!-- ->              <-- `oldStartVnode.$elm$` should be inserted here\n            // <next-sibling />\n            //\n            // If instead `oldEndVnode.$elm$` has no sibling then we just want to put\n            // the node for `oldStartVnode` at the end of the children of\n            // `parentElm`. Luckily, `Node.nextSibling` will return `null` if there\n            // aren't any siblings, and passing `null` to `Node.insertBefore` will\n            // append it to the children of the parent element.\n            parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);\n            oldStartVnode = oldCh[++oldStartIdx];\n            newEndVnode = newCh[--newEndIdx];\n        }\n        else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {\n            // case: \"Vnode moved left\"\n            //\n            // We've found that the first node in our window on the new children is\n            // the same VNode as the _last_ node in our window on the old children.\n            // Visually, this is the layout of these two nodes:\n            //\n            // newCh: [..., newStartVnode , ... , newEndVnode , ...]\n            //              ^^^^^^^^^^^^^\n            // oldCh: [..., oldStartVnode , ... , oldEndVnode , ...]\n            //                                    ^^^^^^^^^^^\n            //\n            // In this situation we need to patch `newStartVnode` onto `oldEndVnode`\n            // (which will handle updating any changed attributes, reconciling their\n            // children etc) but we also need to move the DOM node to which\n            // `oldEndVnode` corresponds.\n            if (BUILD.slotRelocation && (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {\n                putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);\n            }\n            patch(oldEndVnode, newStartVnode, isInitialRender);\n            // We've already checked above if `oldStartVnode` and `newStartVnode` are\n            // the same node, so since we're here we know that they are not. Thus we\n            // can move the element for `oldEndVnode` _before_ the element for\n            // `oldStartVnode`, leaving `oldStartVnode` to be reconciled in the\n            // future.\n            parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);\n            oldEndVnode = oldCh[--oldEndIdx];\n            newStartVnode = newCh[++newStartIdx];\n        }\n        else {\n            // Here we do some checks to match up old and new nodes based on the\n            // `$key$` attribute, which is set by putting a `key=\"my-key\"` attribute\n            // in the JSX for a DOM element in the implementation of a Stencil\n            // component.\n            //\n            // First we check to see if there are any nodes in the array of old\n            // children which have the same key as the first node in the new\n            // children.\n            idxInOld = -1;\n            if (BUILD.vdomKey) {\n                for (i = oldStartIdx; i <= oldEndIdx; ++i) {\n                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {\n                        idxInOld = i;\n                        break;\n                    }\n                }\n            }\n            if (BUILD.vdomKey && idxInOld >= 0) {\n                // We found a node in the old children which matches up with the first\n                // node in the new children! So let's deal with that\n                elmToMove = oldCh[idxInOld];\n                if (elmToMove.$tag$ !== newStartVnode.$tag$) {\n                    // the tag doesn't match so we'll need a new DOM element\n                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);\n                }\n                else {\n                    patch(elmToMove, newStartVnode, isInitialRender);\n                    // invalidate the matching old node so that we won't try to update it\n                    // again later on\n                    oldCh[idxInOld] = undefined;\n                    node = elmToMove.$elm$;\n                }\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else {\n                // We either didn't find an element in the old children that matches\n                // the key of the first new child OR the build is not using `key`\n                // attributes at all. In either case we need to create a new element\n                // for the new node.\n                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);\n                newStartVnode = newCh[++newStartIdx];\n            }\n            if (node) {\n                // if we created a new node then handle inserting it to the DOM\n                if (BUILD.slotRelocation) {\n                    parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));\n                }\n                else {\n                    oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);\n                }\n            }\n        }\n    }\n    if (oldStartIdx > oldEndIdx) {\n        // we have some more new nodes to add which don't match up with old nodes\n        addVnodes(parentElm, newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$, newVNode, newCh, newStartIdx, newEndIdx);\n    }\n    else if (BUILD.updatable && newStartIdx > newEndIdx) {\n        // there are nodes in the `oldCh` array which no longer correspond to nodes\n        // in the new array, so lets remove them (which entails cleaning up the\n        // relevant DOM nodes)\n        removeVnodes(oldCh, oldStartIdx, oldEndIdx);\n    }\n};\n/**\n * Compare two VNodes to determine if they are the same\n *\n * **NB**: This function is an equality _heuristic_ based on the available\n * information set on the two VNodes and can be misleading under certain\n * circumstances. In particular, if the two nodes do not have `key` attrs\n * (available under `$key$` on VNodes) then the function falls back on merely\n * checking that they have the same tag.\n *\n * So, in other words, if `key` attrs are not set on VNodes which may be\n * changing order within a `children` array or something along those lines then\n * we could obtain a false negative and then have to do needless re-rendering\n * (i.e. we'd say two VNodes aren't equal when in fact they should be).\n *\n * @param leftVNode the first VNode to check\n * @param rightVNode the second VNode to check\n * @param isInitialRender whether or not this is the first render of the vdom\n * @returns whether they're equal or not\n */\nconst isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {\n    // compare if two vnode to see if they're \"technically\" the same\n    // need to have the same element tag, and same key to be the same\n    if (leftVNode.$tag$ === rightVNode.$tag$) {\n        if (BUILD.slotRelocation && leftVNode.$tag$ === 'slot') {\n            return leftVNode.$name$ === rightVNode.$name$;\n        }\n        // this will be set if JSX tags in the build have `key` attrs set on them\n        // we only want to check this if we're not on the first render since on\n        // first render `leftVNode.$key$` will always be `null`, so we can be led\n        // astray and, for instance, accidentally delete a DOM node that we want to\n        // keep around.\n        if (BUILD.vdomKey && !isInitialRender) {\n            return leftVNode.$key$ === rightVNode.$key$;\n        }\n        return true;\n    }\n    return false;\n};\nconst referenceNode = (node) => {\n    // this node was relocated to a new location in the dom\n    // because of some other component's slot\n    // but we still have an html comment in place of where\n    // it's original location was according to it's original vdom\n    return (node && node['s-ol']) || node;\n};\nconst parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).parentNode;\n/**\n * Handle reconciling an outdated VNode with a new one which corresponds to\n * it. This function handles flushing updates to the DOM and reconciling the\n * children of the two nodes (if any).\n *\n * @param oldVNode an old VNode whose DOM element and children we want to update\n * @param newVNode a new VNode representing an updated version of the old one\n * @param isInitialRender whether or not this is the first render of the vdom\n */\nconst patch = (oldVNode, newVNode, isInitialRender = false) => {\n    const elm = (newVNode.$elm$ = oldVNode.$elm$);\n    const oldChildren = oldVNode.$children$;\n    const newChildren = newVNode.$children$;\n    const tag = newVNode.$tag$;\n    const text = newVNode.$text$;\n    let defaultHolder;\n    if (!BUILD.vdomText || text === null) {\n        if (BUILD.svg) {\n            // test if we're rendering an svg element, or still rendering nodes inside of one\n            // only add this to the when the compiler sees we're using an svg somewhere\n            isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;\n        }\n        if (BUILD.vdomAttribute || BUILD.reflect) {\n            if (BUILD.slot && tag === 'slot' && !useNativeShadowDom) {\n                if (BUILD.experimentalSlotFixes && oldVNode.$name$ !== newVNode.$name$) {\n                    newVNode.$elm$['s-sn'] = newVNode.$name$ || '';\n                    relocateToHostRoot(newVNode.$elm$.parentElement);\n                }\n            }\n            else {\n                // either this is the first render of an element OR it's an update\n                // AND we already know it's possible it could have changed\n                // this updates the element's css classes, attrs, props, listeners, etc.\n                updateElement(oldVNode, newVNode, isSvgMode);\n            }\n        }\n        if (BUILD.updatable && oldChildren !== null && newChildren !== null) {\n            // looks like there's child vnodes for both the old and new vnodes\n            // so we need to call `updateChildren` to reconcile them\n            updateChildren(elm, oldChildren, newVNode, newChildren, isInitialRender);\n        }\n        else if (newChildren !== null) {\n            // no old child vnodes, but there are new child vnodes to add\n            if (BUILD.updatable && BUILD.vdomText && oldVNode.$text$ !== null) {\n                // the old vnode was text, so be sure to clear it out\n                elm.textContent = '';\n            }\n            // add the new vnode children\n            addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);\n        }\n        else if (BUILD.updatable && oldChildren !== null) {\n            // no new child vnodes, but there are old child vnodes to remove\n            removeVnodes(oldChildren, 0, oldChildren.length - 1);\n        }\n        if (BUILD.svg && isSvgMode && tag === 'svg') {\n            isSvgMode = false;\n        }\n    }\n    else if (BUILD.vdomText && BUILD.slotRelocation && (defaultHolder = elm['s-cr'])) {\n        // this element has slotted content\n        defaultHolder.parentNode.textContent = text;\n    }\n    else if (BUILD.vdomText && oldVNode.$text$ !== text) {\n        // update the text content for the text only vnode\n        // and also only if the text is different than before\n        elm.data = text;\n    }\n};\n/**\n * Adjust the `.hidden` property as-needed on any nodes in a DOM subtree which\n * are slot fallbacks nodes.\n *\n * A slot fallback node should be visible by default. Then, it should be\n * conditionally hidden if:\n *\n * - it has a sibling with a `slot` property set to its slot name or if\n * - it is a default fallback slot node, in which case we hide if it has any\n *   content\n *\n * @param elm the element of interest\n */\nconst updateFallbackSlotVisibility = (elm) => {\n    const childNodes = elm.childNodes;\n    for (const childNode of childNodes) {\n        if (childNode.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n            if (childNode['s-sr']) {\n                // this is a slot fallback node\n                // get the slot name for this slot reference node\n                const slotName = childNode['s-sn'];\n                // by default always show a fallback slot node\n                // then hide it if there are other slots in the light dom\n                childNode.hidden = false;\n                // we need to check all of its sibling nodes in order to see if\n                // `childNode` should be hidden\n                for (const siblingNode of childNodes) {\n                    // Don't check the node against itself\n                    if (siblingNode !== childNode) {\n                        if (siblingNode['s-hn'] !== childNode['s-hn'] || slotName !== '') {\n                            // this sibling node is from a different component OR is a named\n                            // fallback slot node\n                            if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ &&\n                                (slotName === siblingNode.getAttribute('slot') || slotName === siblingNode['s-sn'])) {\n                                childNode.hidden = true;\n                                break;\n                            }\n                        }\n                        else {\n                            // this is a default fallback slot node\n                            // any element or text node (with content)\n                            // should hide the default fallback slot node\n                            if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ ||\n                                (siblingNode.nodeType === 3 /* NODE_TYPE.TextNode */ && siblingNode.textContent.trim() !== '')) {\n                                childNode.hidden = true;\n                                break;\n                            }\n                        }\n                    }\n                }\n            }\n            // keep drilling down\n            updateFallbackSlotVisibility(childNode);\n        }\n    }\n};\n/**\n * Component-global information about nodes which are either currently being\n * relocated or will be shortly.\n */\nconst relocateNodes = [];\n/**\n * Mark the contents of a slot for relocation via adding references to them to\n * the {@link relocateNodes} data structure. The actual work of relocating them\n * will then be handled in {@link renderVdom}.\n *\n * @param elm a render node whose child nodes need to be relocated\n */\nconst markSlotContentForRelocation = (elm) => {\n    // tslint:disable-next-line: prefer-const\n    let node;\n    let hostContentNodes;\n    let j;\n    for (const childNode of elm.childNodes) {\n        // we need to find child nodes which are slot references so we can then try\n        // to match them up with nodes that need to be relocated\n        if (childNode['s-sr'] && (node = childNode['s-cr']) && node.parentNode) {\n            // first get the content reference comment node ('s-cr'), then we get\n            // its parent, which is where all the host content is now\n            hostContentNodes = node.parentNode.childNodes;\n            const slotName = childNode['s-sn'];\n            // iterate through all the nodes under the location where the host was\n            // originally rendered\n            for (j = hostContentNodes.length - 1; j >= 0; j--) {\n                node = hostContentNodes[j];\n                // check that the node is not a content reference node or a node\n                // reference and then check that the host name does not match that of\n                // childNode.\n                // In addition, check that the slot either has not already been relocated, or\n                // that its current location's host is not childNode's host. This is essentially\n                // a check so that we don't try to relocate (and then hide) a node that is already\n                // where it should be.\n                if (!node['s-cn'] &&\n                    !node['s-nr'] &&\n                    node['s-hn'] !== childNode['s-hn'] &&\n                    (!BUILD.experimentalSlotFixes || !node['s-sh'] || node['s-sh'] !== childNode['s-hn'])) {\n                    // if `node` is located in the slot that `childNode` refers to (via the\n                    // `'s-sn'` property) then we need to relocate it from it's current spot\n                    // (under the host element parent) to the right slot location\n                    if (isNodeLocatedInSlot(node, slotName)) {\n                        // it's possible we've already decided to relocate this node\n                        let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);\n                        // made some changes to slots\n                        // let's make sure we also double check\n                        // fallbacks are correctly hidden or shown\n                        checkSlotFallbackVisibility = true;\n                        // ensure that the slot-name attr is correct\n                        node['s-sn'] = node['s-sn'] || slotName;\n                        if (relocateNodeData) {\n                            relocateNodeData.$nodeToRelocate$['s-sh'] = childNode['s-hn'];\n                            // we marked this node for relocation previously but didn't find\n                            // out the slot reference node to which it needs to be relocated\n                            // so write it down now!\n                            relocateNodeData.$slotRefNode$ = childNode;\n                        }\n                        else {\n                            node['s-sh'] = childNode['s-hn'];\n                            // add to our list of nodes to relocate\n                            relocateNodes.push({\n                                $slotRefNode$: childNode,\n                                $nodeToRelocate$: node,\n                            });\n                        }\n                        if (node['s-sr']) {\n                            relocateNodes.map((relocateNode) => {\n                                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node['s-sn'])) {\n                                    relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);\n                                    if (relocateNodeData && !relocateNode.$slotRefNode$) {\n                                        relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;\n                                    }\n                                }\n                            });\n                        }\n                    }\n                    else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {\n                        // the node is not found within the slot (`childNode`) that we're\n                        // currently looking at, so we stick it into `relocateNodes` to\n                        // handle later. If we never find a home for this element then\n                        // we'll need to hide it\n                        relocateNodes.push({\n                            $nodeToRelocate$: node,\n                        });\n                    }\n                }\n            }\n        }\n        // if we're dealing with any type of element (capable of itself being a\n        // slot reference or containing one) then we recur\n        if (childNode.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n            markSlotContentForRelocation(childNode);\n        }\n    }\n};\n/**\n * Check whether a node is located in a given named slot.\n *\n * @param nodeToRelocate the node of interest\n * @param slotName the slot name to check\n * @returns whether the node is located in the slot or not\n */\nconst isNodeLocatedInSlot = (nodeToRelocate, slotName) => {\n    if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n        if (nodeToRelocate.getAttribute('slot') === null && slotName === '') {\n            // if the node doesn't have a slot attribute, and the slot we're checking\n            // is not a named slot, then we assume the node should be within the slot\n            return true;\n        }\n        if (nodeToRelocate.getAttribute('slot') === slotName) {\n            return true;\n        }\n        return false;\n    }\n    if (nodeToRelocate['s-sn'] === slotName) {\n        return true;\n    }\n    return slotName === '';\n};\n/**\n * 'Nullify' any VDom `ref` callbacks on a VDom node or its children by calling\n * them with `null`. This signals that the DOM element corresponding to the VDom\n * node has been removed from the DOM.\n *\n * @param vNode a virtual DOM node\n */\nconst nullifyVNodeRefs = (vNode) => {\n    if (BUILD.vdomRef) {\n        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);\n        vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);\n    }\n};\n/**\n * The main entry point for Stencil's virtual DOM-based rendering engine\n *\n * Given a {@link d.HostRef} container and some virtual DOM nodes, this\n * function will handle creating a virtual DOM tree with a single root, patching\n * the current virtual DOM tree onto an old one (if any), dealing with slot\n * relocation, and reflecting attributes.\n *\n * @param hostRef data needed to root and render the virtual DOM tree, such as\n * the DOM node into which it should be rendered.\n * @param renderFnResults the virtual DOM nodes to be rendered\n * @param isInitialLoad whether or not this is the first call after page load\n */\nconst renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {\n    var _a, _b, _c, _d, _e;\n    const hostElm = hostRef.$hostElement$;\n    const cmpMeta = hostRef.$cmpMeta$;\n    const oldVNode = hostRef.$vnode$ || newVNode(null, null);\n    // if `renderFnResults` is a Host node then we can use it directly. If not,\n    // we need to call `h` again to wrap the children of our component in a\n    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes\n    // implicitly that the top-level vdom node is 1) an only child and 2)\n    // contains attrs that need to be set on the host element.\n    const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);\n    hostTagName = hostElm.tagName;\n    // <Host> runtime check\n    if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) {\n        throw new Error(`The <Host> must be the single root component.\nLooks like the render() function of \"${hostTagName.toLowerCase()}\" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n  // Do not return an array\n  return (\n    <Host>{content}</Host>\n  );\n}\n  `);\n    }\n    if (BUILD.reflect && cmpMeta.$attrsToReflect$) {\n        rootVnode.$attrs$ = rootVnode.$attrs$ || {};\n        cmpMeta.$attrsToReflect$.map(([propName, attribute]) => (rootVnode.$attrs$[attribute] = hostElm[propName]));\n    }\n    // On the first render and *only* on the first render we want to check for\n    // any attributes set on the host element which are also set on the vdom\n    // node. If we find them, we override the value on the VDom node attrs with\n    // the value from the host element, which allows developers building apps\n    // with Stencil components to override e.g. the `role` attribute on a\n    // component even if it's already set on the `Host`.\n    if (isInitialLoad && rootVnode.$attrs$) {\n        for (const key of Object.keys(rootVnode.$attrs$)) {\n            // We have a special implementation in `setAccessor` for `style` and\n            // `class` which reconciles values coming from the VDom with values\n            // already present on the DOM element, so we don't want to override those\n            // attributes on the VDom tree with values from the host element if they\n            // are present.\n            //\n            // Likewise, `ref` and `key` are special internal values for the Stencil\n            // runtime and we don't want to override those either.\n            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {\n                rootVnode.$attrs$[key] = hostElm[key];\n            }\n        }\n    }\n    rootVnode.$tag$ = null;\n    rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;\n    hostRef.$vnode$ = rootVnode;\n    rootVnode.$elm$ = oldVNode.$elm$ = (BUILD.shadowDom ? hostElm.shadowRoot || hostElm : hostElm);\n    if (BUILD.scoped || BUILD.shadowDom) {\n        scopeId = hostElm['s-sc'];\n    }\n    useNativeShadowDom = supportsShadow && (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) !== 0;\n    if (BUILD.slotRelocation) {\n        contentRef = hostElm['s-cr'];\n        // always reset\n        checkSlotFallbackVisibility = false;\n    }\n    // synchronous patch\n    patch(oldVNode, rootVnode, isInitialLoad);\n    if (BUILD.slotRelocation) {\n        // while we're moving nodes around existing nodes, temporarily disable\n        // the disconnectCallback from working\n        plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;\n        if (checkSlotRelocate) {\n            markSlotContentForRelocation(rootVnode.$elm$);\n            for (const relocateData of relocateNodes) {\n                const nodeToRelocate = relocateData.$nodeToRelocate$;\n                if (!nodeToRelocate['s-ol']) {\n                    // add a reference node marking this node's original location\n                    // keep a reference to this node for later lookups\n                    const orgLocationNode = BUILD.isDebug || BUILD.hydrateServerSide\n                        ? originalLocationDebugNode(nodeToRelocate)\n                        : doc.createTextNode('');\n                    orgLocationNode['s-nr'] = nodeToRelocate;\n                    nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);\n                }\n            }\n            for (const relocateData of relocateNodes) {\n                const nodeToRelocate = relocateData.$nodeToRelocate$;\n                const slotRefNode = relocateData.$slotRefNode$;\n                if (slotRefNode) {\n                    const parentNodeRef = slotRefNode.parentNode;\n                    // When determining where to insert content, the most simple case would be\n                    // to relocate the node immediately following the slot reference node. We do this\n                    // by getting a reference to the node immediately following the slot reference node\n                    // since we will use `insertBefore` to manipulate the DOM.\n                    //\n                    // If there is no node immediately following the slot reference node, then we will just\n                    // end up appending the node as the last child of the parent.\n                    let insertBeforeNode = slotRefNode.nextSibling;\n                    // If the node we're currently planning on inserting the new node before is an element,\n                    // we need to do some additional checks to make sure we're inserting the node in the correct order.\n                    // The use case here would be that we have multiple nodes being relocated to the same slot. So, we want\n                    // to make sure they get inserted into their new how in the same order they were declared in their original location.\n                    //\n                    // TODO(STENCIL-914): Remove `experimentalSlotFixes` check\n                    if (!BUILD.experimentalSlotFixes ||\n                        (insertBeforeNode && insertBeforeNode.nodeType === 1 /* NODE_TYPE.ElementNode */)) {\n                        let orgLocationNode = (_a = nodeToRelocate['s-ol']) === null || _a === void 0 ? void 0 : _a.previousSibling;\n                        while (orgLocationNode) {\n                            let refNode = (_b = orgLocationNode['s-nr']) !== null && _b !== void 0 ? _b : null;\n                            if (refNode && refNode['s-sn'] === nodeToRelocate['s-sn'] && parentNodeRef === refNode.parentNode) {\n                                refNode = refNode.nextSibling;\n                                if (!refNode || !refNode['s-nr']) {\n                                    insertBeforeNode = refNode;\n                                    break;\n                                }\n                            }\n                            orgLocationNode = orgLocationNode.previousSibling;\n                        }\n                    }\n                    if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) ||\n                        nodeToRelocate.nextSibling !== insertBeforeNode) {\n                        // we've checked that it's worth while to relocate\n                        // since that the node to relocate\n                        // has a different next sibling or parent relocated\n                        if (nodeToRelocate !== insertBeforeNode) {\n                            if (!BUILD.experimentalSlotFixes && !nodeToRelocate['s-hn'] && nodeToRelocate['s-ol']) {\n                                // probably a component in the index.html that doesn't have its hostname set\n                                nodeToRelocate['s-hn'] = nodeToRelocate['s-ol'].parentNode.nodeName;\n                            }\n                            // Add it back to the dom but in its new home\n                            // If we get to this point and `insertBeforeNode` is `null`, that means\n                            // we're just going to append the node as the last child of the parent. Passing\n                            // `null` as the second arg here will trigger that behavior.\n                            parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);\n                            // Reset the `hidden` value back to what it was defined as originally\n                            // This solves a problem where a `slot` is dynamically rendered and `hidden` may have\n                            // been set on content originally, but now it has a slot to go to so it should have\n                            // the value it was defined as having in the DOM, not what we overrode it to.\n                            if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n                                nodeToRelocate.hidden = (_c = nodeToRelocate['s-ih']) !== null && _c !== void 0 ? _c : false;\n                            }\n                        }\n                    }\n                }\n                else {\n                    // this node doesn't have a slot home to go to, so let's hide it\n                    if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n                        // Store the initial value of `hidden` so we can reset it later when\n                        // moving nodes around.\n                        if (isInitialLoad) {\n                            nodeToRelocate['s-ih'] = (_d = nodeToRelocate.hidden) !== null && _d !== void 0 ? _d : false;\n                        }\n                        nodeToRelocate.hidden = true;\n                    }\n                }\n            }\n        }\n        if (checkSlotFallbackVisibility) {\n            updateFallbackSlotVisibility(rootVnode.$elm$);\n        }\n        // done moving nodes around\n        // allow the disconnect callback to work again\n        plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;\n        // always reset\n        relocateNodes.length = 0;\n    }\n    // Hide any elements that were projected through, but don't have a slot to go to.\n    // Only an issue if there were no \"slots\" rendered. Otherwise, nodes are hidden correctly.\n    // This _only_ happens for `scoped` components!\n    if (BUILD.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n        for (const childNode of rootVnode.$elm$.childNodes) {\n            if (childNode['s-hn'] !== hostTagName && !childNode['s-sh']) {\n                // Store the initial value of `hidden` so we can reset it later when\n                // moving nodes around.\n                if (isInitialLoad && childNode['s-ih'] == null) {\n                    childNode['s-ih'] = (_e = childNode.hidden) !== null && _e !== void 0 ? _e : false;\n                }\n                childNode.hidden = true;\n            }\n        }\n    }\n    // Clear the content ref so we don't create a memory leak\n    contentRef = undefined;\n};\n// slot comment debug nodes only created with the `--debug` flag\n// otherwise these nodes are text nodes w/out content\nconst slotReferenceDebugNode = (slotVNode) => doc.createComment(`<slot${slotVNode.$name$ ? ' name=\"' + slotVNode.$name$ + '\"' : ''}> (host=${hostTagName.toLowerCase()})`);\nconst originalLocationDebugNode = (nodeToRelocate) => doc.createComment(`org-location for ` +\n    (nodeToRelocate.localName\n        ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate['s-hn']})`\n        : `[${nodeToRelocate.textContent}]`));\nconst attachToAncestor = (hostRef, ancestorComponent) => {\n    if (BUILD.asyncLoading && ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {\n        ancestorComponent['s-p'].push(new Promise((r) => (hostRef.$onRenderResolve$ = r)));\n    }\n};\nconst scheduleUpdate = (hostRef, isInitialLoad) => {\n    if (BUILD.taskQueue && BUILD.updatable) {\n        hostRef.$flags$ |= 16 /* HOST_FLAGS.isQueuedForUpdate */;\n    }\n    if (BUILD.asyncLoading && hostRef.$flags$ & 4 /* HOST_FLAGS.isWaitingForChildren */) {\n        hostRef.$flags$ |= 512 /* HOST_FLAGS.needsRerender */;\n        return;\n    }\n    attachToAncestor(hostRef, hostRef.$ancestorComponent$);\n    // there is no ancestor component or the ancestor component\n    // has already fired off its lifecycle update then\n    // fire off the initial update\n    const dispatch = () => dispatchHooks(hostRef, isInitialLoad);\n    return BUILD.taskQueue ? writeTask(dispatch) : dispatch();\n};\n/**\n * Dispatch initial-render and update lifecycle hooks, enqueuing calls to\n * component lifecycle methods like `componentWillLoad` as well as\n * {@link updateComponent}, which will kick off the virtual DOM re-render.\n *\n * @param hostRef a reference to a host DOM node\n * @param isInitialLoad whether we're on the initial load or not\n * @returns an empty Promise which is used to enqueue a series of operations for\n * the component\n */\nconst dispatchHooks = (hostRef, isInitialLoad) => {\n    const elm = hostRef.$hostElement$;\n    const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);\n    const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;\n    // We're going to use this variable together with `enqueue` to implement a\n    // little promise-based queue. We start out with it `undefined`. When we add\n    // the first function to the queue we'll set this variable to be that\n    // function's return value. When we attempt to add subsequent values to the\n    // queue we'll check that value and, if it was a `Promise`, we'll then chain\n    // the new function off of that `Promise` using `.then()`. This will give our\n    // queue two nice properties:\n    //\n    // 1. If all functions added to the queue are synchronous they'll be called\n    //    synchronously right away.\n    // 2. If all functions added to the queue are asynchronous they'll all be\n    //    called in order after `dispatchHooks` exits.\n    let maybePromise;\n    if (isInitialLoad) {\n        if (BUILD.lazyLoad && BUILD.hostListener) {\n            hostRef.$flags$ |= 256 /* HOST_FLAGS.isListenReady */;\n            if (hostRef.$queuedListeners$) {\n                hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));\n                hostRef.$queuedListeners$ = undefined;\n            }\n        }\n        emitLifecycleEvent(elm, 'componentWillLoad');\n        if (BUILD.cmpWillLoad) {\n            // If `componentWillLoad` returns a `Promise` then we want to wait on\n            // whatever's going on in that `Promise` before we launch into\n            // rendering the component, doing other lifecycle stuff, etc. So\n            // in that case we assign the returned promise to the variable we\n            // declared above to hold a possible 'queueing' Promise\n            maybePromise = safeCall(instance, 'componentWillLoad');\n        }\n    }\n    else {\n        emitLifecycleEvent(elm, 'componentWillUpdate');\n        if (BUILD.cmpWillUpdate) {\n            // Like `componentWillLoad` above, we allow Stencil component\n            // authors to return a `Promise` from this lifecycle callback, and\n            // we specify that our runtime will wait for that `Promise` to\n            // resolve before the component re-renders. So if the method\n            // returns a `Promise` we need to keep it around!\n            maybePromise = safeCall(instance, 'componentWillUpdate');\n        }\n    }\n    emitLifecycleEvent(elm, 'componentWillRender');\n    if (BUILD.cmpWillRender) {\n        maybePromise = enqueue(maybePromise, () => safeCall(instance, 'componentWillRender'));\n    }\n    endSchedule();\n    return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));\n};\n/**\n * This function uses a Promise to implement a simple first-in, first-out queue\n * of functions to be called.\n *\n * The queue is ordered on the basis of the first argument. If it's\n * `undefined`, then nothing is on the queue yet, so the provided function can\n * be called synchronously (although note that this function may return a\n * `Promise`). The idea is that then the return value of that enqueueing\n * operation is kept around, so that if it was a `Promise` then subsequent\n * functions can be enqueued by calling this function again with that `Promise`\n * as the first argument.\n *\n * @param maybePromise either a `Promise` which should resolve before the next function is called or an 'empty' sentinel\n * @param fn a function to enqueue\n * @returns either a `Promise` or the return value of the provided function\n */\nconst enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();\n/**\n * Check that a value is a `Promise`. To check, we first see if the value is an\n * instance of the `Promise` global. In a few circumstances, in particular if\n * the global has been overwritten, this is could be misleading, so we also do\n * a little 'duck typing' check to see if the `.then` property of the value is\n * defined and a function.\n *\n * @param maybePromise it might be a promise!\n * @returns whether it is or not\n */\nconst isPromisey = (maybePromise) => maybePromise instanceof Promise ||\n    (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');\n/**\n * Update a component given reference to its host elements and so on.\n *\n * @param hostRef an object containing references to the element's host node,\n * VDom nodes, and other metadata\n * @param instance a reference to the underlying host element where it will be\n * rendered\n * @param isInitialLoad whether or not this function is being called as part of\n * the first render cycle\n */\nconst updateComponent = async (hostRef, instance, isInitialLoad) => {\n    var _a;\n    const elm = hostRef.$hostElement$;\n    const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);\n    const rc = elm['s-rc'];\n    if (BUILD.style && isInitialLoad) {\n        // DOM WRITE!\n        attachStyles(hostRef);\n    }\n    const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);\n    if (BUILD.isDev) {\n        hostRef.$flags$ |= 1024 /* HOST_FLAGS.devOnRender */;\n    }\n    if (BUILD.hydrateServerSide) {\n        await callRender(hostRef, instance, elm, isInitialLoad);\n    }\n    else {\n        callRender(hostRef, instance, elm, isInitialLoad);\n    }\n    if (BUILD.isDev) {\n        hostRef.$renderCount$ = hostRef.$renderCount$ === undefined ? 1 : hostRef.$renderCount$ + 1;\n        hostRef.$flags$ &= ~1024 /* HOST_FLAGS.devOnRender */;\n    }\n    if (BUILD.hydrateServerSide) {\n        try {\n            // manually connected child components during server-side hydrate\n            serverSideConnected(elm);\n            if (isInitialLoad) {\n                // using only during server-side hydrate\n                if (hostRef.$cmpMeta$.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {\n                    elm['s-en'] = '';\n                }\n                else if (hostRef.$cmpMeta$.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n                    elm['s-en'] = 'c';\n                }\n            }\n        }\n        catch (e) {\n            consoleError(e, elm);\n        }\n    }\n    if (BUILD.asyncLoading && rc) {\n        // ok, so turns out there are some child host elements\n        // waiting on this parent element to load\n        // let's fire off all update callbacks waiting\n        rc.map((cb) => cb());\n        elm['s-rc'] = undefined;\n    }\n    endRender();\n    endUpdate();\n    if (BUILD.asyncLoading) {\n        const childrenPromises = (_a = elm['s-p']) !== null && _a !== void 0 ? _a : [];\n        const postUpdate = () => postUpdateComponent(hostRef);\n        if (childrenPromises.length === 0) {\n            postUpdate();\n        }\n        else {\n            Promise.all(childrenPromises).then(postUpdate);\n            hostRef.$flags$ |= 4 /* HOST_FLAGS.isWaitingForChildren */;\n            childrenPromises.length = 0;\n        }\n    }\n    else {\n        postUpdateComponent(hostRef);\n    }\n};\n/**\n * Handle making the call to the VDom renderer with the proper context given\n * various build variables\n *\n * @param hostRef an object containing references to the element's host node,\n * VDom nodes, and other metadata\n * @param instance a reference to the underlying host element where it will be\n * rendered\n * @param elm the Host element for the component\n * @param isInitialLoad whether or not this function is being called as part of\n * @returns an empty promise\n */\nconst callRender = (hostRef, instance, elm, isInitialLoad) => {\n    // in order for bundlers to correctly tree-shake the BUILD object\n    // we need to ensure BUILD is not deoptimized within a try/catch\n    // https://rollupjs.org/guide/en/#treeshake tryCatchDeoptimization\n    const allRenderFn = BUILD.allRenderFn ? true : false;\n    const lazyLoad = BUILD.lazyLoad ? true : false;\n    const taskQueue = BUILD.taskQueue ? true : false;\n    const updatable = BUILD.updatable ? true : false;\n    try {\n        renderingRef = instance;\n        /**\n         * minification optimization: `allRenderFn` is `true` if all components have a `render`\n         * method, so we can call the method immediately. If not, check before calling it.\n         */\n        instance = allRenderFn ? instance.render() : instance.render && instance.render();\n        if (updatable && taskQueue) {\n            hostRef.$flags$ &= ~16 /* HOST_FLAGS.isQueuedForUpdate */;\n        }\n        if (updatable || lazyLoad) {\n            hostRef.$flags$ |= 2 /* HOST_FLAGS.hasRendered */;\n        }\n        if (BUILD.hasRenderFn || BUILD.reflect) {\n            if (BUILD.vdomRender || BUILD.reflect) {\n                // looks like we've got child nodes to render into this host element\n                // or we need to update the css class/attrs on the host element\n                // DOM WRITE!\n                if (BUILD.hydrateServerSide) {\n                    return Promise.resolve(instance).then((value) => renderVdom(hostRef, value, isInitialLoad));\n                }\n                else {\n                    renderVdom(hostRef, instance, isInitialLoad);\n                }\n            }\n            else {\n                const shadowRoot = elm.shadowRoot;\n                if (hostRef.$cmpMeta$.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {\n                    shadowRoot.textContent = instance;\n                }\n                else {\n                    elm.textContent = instance;\n                }\n            }\n        }\n    }\n    catch (e) {\n        consoleError(e, hostRef.$hostElement$);\n    }\n    renderingRef = null;\n    return null;\n};\nconst getRenderingRef = () => renderingRef;\nconst postUpdateComponent = (hostRef) => {\n    const tagName = hostRef.$cmpMeta$.$tagName$;\n    const elm = hostRef.$hostElement$;\n    const endPostUpdate = createTime('postUpdate', tagName);\n    const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;\n    const ancestorComponent = hostRef.$ancestorComponent$;\n    if (BUILD.cmpDidRender) {\n        if (BUILD.isDev) {\n            hostRef.$flags$ |= 1024 /* HOST_FLAGS.devOnRender */;\n        }\n        safeCall(instance, 'componentDidRender');\n        if (BUILD.isDev) {\n            hostRef.$flags$ &= ~1024 /* HOST_FLAGS.devOnRender */;\n        }\n    }\n    emitLifecycleEvent(elm, 'componentDidRender');\n    if (!(hostRef.$flags$ & 64 /* HOST_FLAGS.hasLoadedComponent */)) {\n        hostRef.$flags$ |= 64 /* HOST_FLAGS.hasLoadedComponent */;\n        if (BUILD.asyncLoading && BUILD.cssAnnotations) {\n            // DOM WRITE!\n            addHydratedFlag(elm);\n        }\n        if (BUILD.cmpDidLoad) {\n            if (BUILD.isDev) {\n                hostRef.$flags$ |= 2048 /* HOST_FLAGS.devOnDidLoad */;\n            }\n            safeCall(instance, 'componentDidLoad');\n            if (BUILD.isDev) {\n                hostRef.$flags$ &= ~2048 /* HOST_FLAGS.devOnDidLoad */;\n            }\n        }\n        emitLifecycleEvent(elm, 'componentDidLoad');\n        endPostUpdate();\n        if (BUILD.asyncLoading) {\n            hostRef.$onReadyResolve$(elm);\n            if (!ancestorComponent) {\n                appDidLoad(tagName);\n            }\n        }\n    }\n    else {\n        if (BUILD.cmpDidUpdate) {\n            // we've already loaded this component\n            // fire off the user's componentDidUpdate method (if one was provided)\n            // componentDidUpdate runs AFTER render() has been called\n            // and all child components have finished updating\n            if (BUILD.isDev) {\n                hostRef.$flags$ |= 1024 /* HOST_FLAGS.devOnRender */;\n            }\n            safeCall(instance, 'componentDidUpdate');\n            if (BUILD.isDev) {\n                hostRef.$flags$ &= ~1024 /* HOST_FLAGS.devOnRender */;\n            }\n        }\n        emitLifecycleEvent(elm, 'componentDidUpdate');\n        endPostUpdate();\n    }\n    if (BUILD.method && BUILD.lazyLoad) {\n        hostRef.$onInstanceResolve$(elm);\n    }\n    // load events fire from bottom to top\n    // the deepest elements load first then bubbles up\n    if (BUILD.asyncLoading) {\n        if (hostRef.$onRenderResolve$) {\n            hostRef.$onRenderResolve$();\n            hostRef.$onRenderResolve$ = undefined;\n        }\n        if (hostRef.$flags$ & 512 /* HOST_FLAGS.needsRerender */) {\n            nextTick(() => scheduleUpdate(hostRef, false));\n        }\n        hostRef.$flags$ &= ~(4 /* HOST_FLAGS.isWaitingForChildren */ | 512 /* HOST_FLAGS.needsRerender */);\n    }\n    // ( •_•)\n    // ( •_•)>⌐■-■\n    // (⌐■_■)\n};\nconst forceUpdate = (ref) => {\n    if (BUILD.updatable && (Build.isBrowser || Build.isTesting)) {\n        const hostRef = getHostRef(ref);\n        const isConnected = hostRef.$hostElement$.isConnected;\n        if (isConnected &&\n            (hostRef.$flags$ & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {\n            scheduleUpdate(hostRef, false);\n        }\n        // Returns \"true\" when the forced update was successfully scheduled\n        return isConnected;\n    }\n    return false;\n};\nconst appDidLoad = (who) => {\n    // on appload\n    // we have finish the first big initial render\n    if (BUILD.cssAnnotations) {\n        addHydratedFlag(doc.documentElement);\n    }\n    if (BUILD.asyncQueue) {\n        plt.$flags$ |= 2 /* PLATFORM_FLAGS.appLoaded */;\n    }\n    nextTick(() => emitEvent(win, 'appload', { detail: { namespace: NAMESPACE } }));\n    if (BUILD.profile && performance.measure) {\n        performance.measure(`[Stencil] ${NAMESPACE} initial load (by ${who})`, 'st:app:start');\n    }\n};\n/**\n * Allows to safely call a method, e.g. `componentDidLoad`, on an instance,\n * e.g. custom element node. If a build figures out that e.g. no component\n * has a `componentDidLoad` method, the instance method gets removed from the\n * output bundle and this function returns `undefined`.\n * @param instance any object that may or may not contain methods\n * @param method method name\n * @param arg single arbitrary argument\n * @returns result of method call if it exists, otherwise `undefined`\n */\nconst safeCall = (instance, method, arg) => {\n    if (instance && instance[method]) {\n        try {\n            return instance[method](arg);\n        }\n        catch (e) {\n            consoleError(e);\n        }\n    }\n    return undefined;\n};\n/**\n * For debugging purposes as `BUILD.lifecycleDOMEvents` is `false` by default and will\n * get removed by the compiler. Used for timing events to see how long they take.\n * @param elm the target of the Event\n * @param lifecycleName name of the event\n */\nconst emitLifecycleEvent = (elm, lifecycleName) => {\n    if (BUILD.lifecycleDOMEvents) {\n        emitEvent(elm, 'stencil_' + lifecycleName, {\n            bubbles: true,\n            composed: true,\n            detail: {\n                namespace: NAMESPACE,\n            },\n        });\n    }\n};\nconst addHydratedFlag = (elm) => BUILD.hydratedClass\n    ? elm.classList.add('hydrated')\n    : BUILD.hydratedAttribute\n        ? elm.setAttribute('hydrated', '')\n        : undefined;\nconst serverSideConnected = (elm) => {\n    const children = elm.children;\n    if (children != null) {\n        for (let i = 0, ii = children.length; i < ii; i++) {\n            const childElm = children[i];\n            if (typeof childElm.connectedCallback === 'function') {\n                childElm.connectedCallback();\n            }\n            serverSideConnected(childElm);\n        }\n    }\n};\nconst getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);\nconst setValue = (ref, propName, newVal, cmpMeta) => {\n    // check our new property value against our internal value\n    const hostRef = getHostRef(ref);\n    const elm = BUILD.lazyLoad ? hostRef.$hostElement$ : ref;\n    const oldVal = hostRef.$instanceValues$.get(propName);\n    const flags = hostRef.$flags$;\n    const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;\n    newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);\n    // explicitly check for NaN on both sides, as `NaN === NaN` is always false\n    const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);\n    const didValueChange = newVal !== oldVal && !areBothNaN;\n    if ((!BUILD.lazyLoad || !(flags & 8 /* HOST_FLAGS.isConstructingInstance */) || oldVal === undefined) && didValueChange) {\n        // gadzooks! the property's value has changed!!\n        // set our new value!\n        hostRef.$instanceValues$.set(propName, newVal);\n        if (BUILD.isDev) {\n            if (hostRef.$flags$ & 1024 /* HOST_FLAGS.devOnRender */) {\n                consoleDevWarn(`The state/prop \"${propName}\" changed during rendering. This can potentially lead to infinite-loops and other bugs.`, '\\nElement', elm, '\\nNew value', newVal, '\\nOld value', oldVal);\n            }\n            else if (hostRef.$flags$ & 2048 /* HOST_FLAGS.devOnDidLoad */) {\n                consoleDevWarn(`The state/prop \"${propName}\" changed during \"componentDidLoad()\", this triggers extra re-renders, try to setup on \"componentWillLoad()\"`, '\\nElement', elm, '\\nNew value', newVal, '\\nOld value', oldVal);\n            }\n        }\n        if (!BUILD.lazyLoad || instance) {\n            // get an array of method names of watch functions to call\n            if (BUILD.watchCallback && cmpMeta.$watchers$ && flags & 128 /* HOST_FLAGS.isWatchReady */) {\n                const watchMethods = cmpMeta.$watchers$[propName];\n                if (watchMethods) {\n                    // this instance is watching for when this property changed\n                    watchMethods.map((watchMethodName) => {\n                        try {\n                            // fire off each of the watch methods that are watching this property\n                            instance[watchMethodName](newVal, oldVal, propName);\n                        }\n                        catch (e) {\n                            consoleError(e, elm);\n                        }\n                    });\n                }\n            }\n            if (BUILD.updatable &&\n                (flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {\n                if (BUILD.cmpShouldUpdate && instance.componentShouldUpdate) {\n                    if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {\n                        return;\n                    }\n                }\n                // looks like this value actually changed, so we've got work to do!\n                // but only if we've already rendered, otherwise just chill out\n                // queue that we need to do an update, but don't worry about queuing\n                // up millions cuz this function ensures it only runs once\n                scheduleUpdate(hostRef, false);\n            }\n        }\n    }\n};\n/**\n * Attach a series of runtime constructs to a compiled Stencil component\n * constructor, including getters and setters for the `@Prop` and `@State`\n * decorators, callbacks for when attributes change, and so on.\n *\n * @param Cstr the constructor for a component that we need to process\n * @param cmpMeta metadata collected previously about the component\n * @param flags a number used to store a series of bit flags\n * @returns a reference to the same constructor passed in (but now mutated)\n */\nconst proxyComponent = (Cstr, cmpMeta, flags) => {\n    var _a;\n    const prototype = Cstr.prototype;\n    /**\n     * proxy form associated custom element lifecycle callbacks\n     * @ref https://web.dev/articles/more-capable-form-controls#lifecycle_callbacks\n     */\n    if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* CMP_FLAGS.formAssociated */ && flags & 1 /* PROXY_FLAGS.isElementConstructor */) {\n        FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => Object.defineProperty(prototype, cbName, {\n            value(...args) {\n                const hostRef = getHostRef(this);\n                const elm = BUILD.lazyLoad ? hostRef.$hostElement$ : this;\n                const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;\n                if (!instance) {\n                    hostRef.$onReadyPromise$.then((instance) => {\n                        const cb = instance[cbName];\n                        typeof cb === 'function' && cb.call(instance, ...args);\n                    });\n                }\n                else {\n                    const cb = instance[cbName];\n                    typeof cb === 'function' && cb.call(instance, ...args);\n                }\n            },\n        }));\n    }\n    if (BUILD.member && cmpMeta.$members$) {\n        if (BUILD.watchCallback && Cstr.watchers) {\n            cmpMeta.$watchers$ = Cstr.watchers;\n        }\n        // It's better to have a const than two Object.entries()\n        const members = Object.entries(cmpMeta.$members$);\n        members.map(([memberName, [memberFlags]]) => {\n            if ((BUILD.prop || BUILD.state) &&\n                (memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||\n                    ((!BUILD.lazyLoad || flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {\n                // proxyComponent - prop\n                Object.defineProperty(prototype, memberName, {\n                    get() {\n                        // proxyComponent, get value\n                        return getValue(this, memberName);\n                    },\n                    set(newValue) {\n                        // only during dev time\n                        if (BUILD.isDev) {\n                            const ref = getHostRef(this);\n                            if (\n                            // we are proxying the instance (not element)\n                            (flags & 1 /* PROXY_FLAGS.isElementConstructor */) === 0 &&\n                                // the element is not constructing\n                                (ref && ref.$flags$ & 8 /* HOST_FLAGS.isConstructingInstance */) === 0 &&\n                                // the member is a prop\n                                (memberFlags & 31 /* MEMBER_FLAGS.Prop */) !== 0 &&\n                                // the member is not mutable\n                                (memberFlags & 1024 /* MEMBER_FLAGS.Mutable */) === 0) {\n                                consoleDevWarn(`@Prop() \"${memberName}\" on <${cmpMeta.$tagName$}> is immutable but was modified from within the component.\\nMore information: https://stenciljs.com/docs/properties#prop-mutability`);\n                            }\n                        }\n                        // proxyComponent, set value\n                        setValue(this, memberName, newValue, cmpMeta);\n                    },\n                    configurable: true,\n                    enumerable: true,\n                });\n            }\n            else if (BUILD.lazyLoad &&\n                BUILD.method &&\n                flags & 1 /* PROXY_FLAGS.isElementConstructor */ &&\n                memberFlags & 64 /* MEMBER_FLAGS.Method */) {\n                // proxyComponent - method\n                Object.defineProperty(prototype, memberName, {\n                    value(...args) {\n                        var _a;\n                        const ref = getHostRef(this);\n                        return (_a = ref === null || ref === void 0 ? void 0 : ref.$onInstancePromise$) === null || _a === void 0 ? void 0 : _a.then(() => { var _a; return (_a = ref.$lazyInstance$) === null || _a === void 0 ? void 0 : _a[memberName](...args); });\n                    },\n                });\n            }\n        });\n        if (BUILD.observeAttribute && (!BUILD.lazyLoad || flags & 1 /* PROXY_FLAGS.isElementConstructor */)) {\n            const attrNameToPropName = new Map();\n            prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {\n                plt.jmp(() => {\n                    var _a;\n                    const propName = attrNameToPropName.get(attrName);\n                    //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback\n                    //  in the case where an attribute was set inline.\n                    //  ```html\n                    //    <my-component some-attribute=\"some-value\"></my-component>\n                    //  ```\n                    //\n                    //  There is an edge case where a developer sets the attribute inline on a custom element and then\n                    //  programmatically changes it before it has been upgraded as shown below:\n                    //\n                    //  ```html\n                    //    <!-- this component has _not_ been upgraded yet -->\n                    //    <my-component id=\"test\" some-attribute=\"some-value\"></my-component>\n                    //    <script>\n                    //      // grab non-upgraded component\n                    //      el = document.querySelector(\"#test\");\n                    //      el.someAttribute = \"another-value\";\n                    //      // upgrade component\n                    //      customElements.define('my-component', MyComponent);\n                    //    </script>\n                    //  ```\n                    //  In this case if we do not un-shadow here and use the value of the shadowing property, attributeChangedCallback\n                    //  will be called with `newValue = \"some-value\"` and will set the shadowed property (this.someAttribute = \"another-value\")\n                    //  to the value that was set inline i.e. \"some-value\" from above example. When\n                    //  the connectedCallback attempts to un-shadow it will use \"some-value\" as the initial value rather than \"another-value\"\n                    //\n                    //  The case where the attribute was NOT set inline but was not set programmatically shall be handled/un-shadowed\n                    //  by connectedCallback as this attributeChangedCallback will not fire.\n                    //\n                    //  https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties\n                    //\n                    //  TODO(STENCIL-16) we should think about whether or not we actually want to be reflecting the attributes to\n                    //  properties here given that this goes against best practices outlined here\n                    //  https://developers.google.com/web/fundamentals/web-components/best-practices#avoid-reentrancy\n                    if (this.hasOwnProperty(propName)) {\n                        newValue = this[propName];\n                        delete this[propName];\n                    }\n                    else if (prototype.hasOwnProperty(propName) &&\n                        typeof this[propName] === 'number' &&\n                        this[propName] == newValue) {\n                        // if the propName exists on the prototype of `Cstr`, this update may be a result of Stencil using native\n                        // APIs to reflect props as attributes. Calls to `setAttribute(someElement, propName)` will result in\n                        // `propName` to be converted to a `DOMString`, which may not be what we want for other primitive props.\n                        return;\n                    }\n                    else if (propName == null) {\n                        // At this point we should know this is not a \"member\", so we can treat it like watching an attribute\n                        // on a vanilla web component\n                        const hostRef = getHostRef(this);\n                        const flags = hostRef === null || hostRef === void 0 ? void 0 : hostRef.$flags$;\n                        // We only want to trigger the callback(s) if:\n                        // 1. The instance is ready\n                        // 2. The watchers are ready\n                        // 3. The value has changed\n                        if (flags &&\n                            !(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&\n                            flags & 128 /* HOST_FLAGS.isWatchReady */ &&\n                            newValue !== oldValue) {\n                            const elm = BUILD.lazyLoad ? hostRef.$hostElement$ : this;\n                            const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;\n                            const entry = (_a = cmpMeta.$watchers$) === null || _a === void 0 ? void 0 : _a[attrName];\n                            entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {\n                                if (instance[callbackName] != null) {\n                                    instance[callbackName].call(instance, newValue, oldValue, attrName);\n                                }\n                            });\n                        }\n                        return;\n                    }\n                    this[propName] = newValue === null && typeof this[propName] === 'boolean' ? false : newValue;\n                });\n            };\n            // Create an array of attributes to observe\n            // This list in comprised of all strings used within a `@Watch()` decorator\n            // on a component as well as any Stencil-specific \"members\" (`@Prop()`s and `@State()`s).\n            // As such, there is no way to guarantee type-safety here that a user hasn't entered\n            // an invalid attribute.\n            Cstr.observedAttributes = Array.from(new Set([\n                ...Object.keys((_a = cmpMeta.$watchers$) !== null && _a !== void 0 ? _a : {}),\n                ...members\n                    .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */)\n                    .map(([propName, m]) => {\n                    var _a;\n                    const attrName = m[1] || propName;\n                    attrNameToPropName.set(attrName, propName);\n                    if (BUILD.reflect && m[0] & 512 /* MEMBER_FLAGS.ReflectAttr */) {\n                        (_a = cmpMeta.$attrsToReflect$) === null || _a === void 0 ? void 0 : _a.push([propName, attrName]);\n                    }\n                    return attrName;\n                }),\n            ]));\n        }\n    }\n    return Cstr;\n};\n/**\n * Initialize a Stencil component given a reference to its host element, its\n * runtime bookkeeping data structure, runtime metadata about the component,\n * and (optionally) an HMR version ID.\n *\n * @param elm a host element\n * @param hostRef the element's runtime bookkeeping object\n * @param cmpMeta runtime metadata for the Stencil component\n * @param hmrVersionId an (optional) HMR version ID\n */\nconst initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {\n    let Cstr;\n    // initializeComponent\n    if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {\n        // Let the runtime know that the component has been initialized\n        hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;\n        if (BUILD.lazyLoad || BUILD.hydrateClientSide) {\n            // lazy loaded components\n            // request the component's implementation to be\n            // wired up with the host element\n            Cstr = loadModule(cmpMeta, hostRef, hmrVersionId);\n            if (Cstr.then) {\n                // Await creates a micro-task avoid if possible\n                const endLoad = uniqueTime(`st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`, `[Stencil] Load module for <${cmpMeta.$tagName$}>`);\n                Cstr = await Cstr;\n                endLoad();\n            }\n            if ((BUILD.isDev || BUILD.isDebug) && !Cstr) {\n                throw new Error(`Constructor for \"${cmpMeta.$tagName$}#${hostRef.$modeName$}\" was not found`);\n            }\n            if (BUILD.member && !Cstr.isProxied) {\n                // we've never proxied this Constructor before\n                // let's add the getters/setters to its prototype before\n                // the first time we create an instance of the implementation\n                if (BUILD.watchCallback) {\n                    cmpMeta.$watchers$ = Cstr.watchers;\n                }\n                proxyComponent(Cstr, cmpMeta, 2 /* PROXY_FLAGS.proxyState */);\n                Cstr.isProxied = true;\n            }\n            const endNewInstance = createTime('createInstance', cmpMeta.$tagName$);\n            // ok, time to construct the instance\n            // but let's keep track of when we start and stop\n            // so that the getters/setters don't incorrectly step on data\n            if (BUILD.member) {\n                hostRef.$flags$ |= 8 /* HOST_FLAGS.isConstructingInstance */;\n            }\n            // construct the lazy-loaded component implementation\n            // passing the hostRef is very important during\n            // construction in order to directly wire together the\n            // host element and the lazy-loaded instance\n            try {\n                new Cstr(hostRef);\n            }\n            catch (e) {\n                consoleError(e);\n            }\n            if (BUILD.member) {\n                hostRef.$flags$ &= ~8 /* HOST_FLAGS.isConstructingInstance */;\n            }\n            if (BUILD.watchCallback) {\n                hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;\n            }\n            endNewInstance();\n            fireConnectedCallback(hostRef.$lazyInstance$);\n        }\n        else {\n            // sync constructor component\n            Cstr = elm.constructor;\n            // wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,\n            // watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_\n            // Stencil has completed instantiating the component.\n            customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));\n        }\n        if (BUILD.style && Cstr.style) {\n            // this component has styles but we haven't registered them yet\n            let style = Cstr.style;\n            if (BUILD.mode && typeof style !== 'string') {\n                style = style[(hostRef.$modeName$ = computeMode(elm))];\n                if (BUILD.hydrateServerSide && hostRef.$modeName$) {\n                    elm.setAttribute('s-mode', hostRef.$modeName$);\n                }\n            }\n            const scopeId = getScopeId(cmpMeta, hostRef.$modeName$);\n            if (!styles.has(scopeId)) {\n                const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);\n                if (!BUILD.hydrateServerSide &&\n                    BUILD.shadowDom &&\n                    // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n                    BUILD.shadowDomShim &&\n                    cmpMeta.$flags$ & 8 /* CMP_FLAGS.needsShadowDomShim */) {\n                    style = await import('./shadow-css.js').then((m) => m.scopeCss(style, scopeId, false));\n                }\n                registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */));\n                endRegisterStyles();\n            }\n        }\n    }\n    // we've successfully created a lazy instance\n    const ancestorComponent = hostRef.$ancestorComponent$;\n    const schedule = () => scheduleUpdate(hostRef, true);\n    if (BUILD.asyncLoading && ancestorComponent && ancestorComponent['s-rc']) {\n        // this is the initial load and this component it has an ancestor component\n        // but the ancestor component has NOT fired its will update lifecycle yet\n        // so let's just cool our jets and wait for the ancestor to continue first\n        // this will get fired off when the ancestor component\n        // finally gets around to rendering its lazy self\n        // fire off the initial update\n        ancestorComponent['s-rc'].push(schedule);\n    }\n    else {\n        schedule();\n    }\n};\nconst fireConnectedCallback = (instance) => {\n    if (BUILD.lazyLoad && BUILD.connectedCallback) {\n        safeCall(instance, 'connectedCallback');\n    }\n};\nconst connectedCallback = (elm) => {\n    if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {\n        const hostRef = getHostRef(elm);\n        const cmpMeta = hostRef.$cmpMeta$;\n        const endConnected = createTime('connectedCallback', cmpMeta.$tagName$);\n        if (BUILD.hostListenerTargetParent) {\n            // only run if we have listeners being attached to a parent\n            addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, true);\n        }\n        if (!(hostRef.$flags$ & 1 /* HOST_FLAGS.hasConnected */)) {\n            // first time this component has connected\n            hostRef.$flags$ |= 1 /* HOST_FLAGS.hasConnected */;\n            let hostId;\n            if (BUILD.hydrateClientSide) {\n                hostId = elm.getAttribute(HYDRATE_ID);\n                if (hostId) {\n                    if (BUILD.shadowDom && supportsShadow && cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {\n                        const scopeId = BUILD.mode\n                            ? addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute('s-mode'))\n                            : addStyle(elm.shadowRoot, cmpMeta);\n                        elm.classList.remove(scopeId + '-h', scopeId + '-s');\n                    }\n                    initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);\n                }\n            }\n            if (BUILD.slotRelocation && !hostId) {\n                // initUpdate\n                // if the slot polyfill is required we'll need to put some nodes\n                // in here to act as original content anchors as we move nodes around\n                // host element has been connected to the DOM\n                if (BUILD.hydrateServerSide ||\n                    ((BUILD.slot || BUILD.shadowDom) &&\n                        // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n                        cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {\n                    setContentReference(elm);\n                }\n            }\n            if (BUILD.asyncLoading) {\n                // find the first ancestor component (if there is one) and register\n                // this component as one of the actively loading child components for its ancestor\n                let ancestorComponent = elm;\n                while ((ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host)) {\n                    // climb up the ancestors looking for the first\n                    // component that hasn't finished its lifecycle update yet\n                    if ((BUILD.hydrateClientSide &&\n                        ancestorComponent.nodeType === 1 /* NODE_TYPE.ElementNode */ &&\n                        ancestorComponent.hasAttribute('s-id') &&\n                        ancestorComponent['s-p']) ||\n                        ancestorComponent['s-p']) {\n                        // we found this components first ancestor component\n                        // keep a reference to this component's ancestor component\n                        attachToAncestor(hostRef, (hostRef.$ancestorComponent$ = ancestorComponent));\n                        break;\n                    }\n                }\n            }\n            // Lazy properties\n            // https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties\n            if (BUILD.prop && !BUILD.hydrateServerSide && cmpMeta.$members$) {\n                Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {\n                    if (memberFlags & 31 /* MEMBER_FLAGS.Prop */ && elm.hasOwnProperty(memberName)) {\n                        const value = elm[memberName];\n                        delete elm[memberName];\n                        elm[memberName] = value;\n                    }\n                });\n            }\n            if (BUILD.initializeNextTick) {\n                // connectedCallback, taskQueue, initialLoad\n                // angular sets attribute AFTER connectCallback\n                // https://github.com/angular/angular/issues/18909\n                // https://github.com/angular/angular/issues/19940\n                nextTick(() => initializeComponent(elm, hostRef, cmpMeta));\n            }\n            else {\n                initializeComponent(elm, hostRef, cmpMeta);\n            }\n        }\n        else {\n            // not the first time this has connected\n            // reattach any event listeners to the host\n            // since they would have been removed when disconnected\n            addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);\n            // fire off connectedCallback() on component instance\n            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {\n                fireConnectedCallback(hostRef.$lazyInstance$);\n            }\n            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {\n                hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));\n            }\n        }\n        endConnected();\n    }\n};\nconst setContentReference = (elm) => {\n    // only required when we're NOT using native shadow dom (slot)\n    // or this browser doesn't support native shadow dom\n    // and this host element was NOT created with SSR\n    // let's pick out the inner content for slot projection\n    // create a node to represent where the original\n    // content was first placed, which is useful later on\n    const contentRefElm = (elm['s-cr'] = doc.createComment(BUILD.isDebug ? `content-ref (host=${elm.localName})` : ''));\n    contentRefElm['s-cn'] = true;\n    elm.insertBefore(contentRefElm, elm.firstChild);\n};\nconst disconnectInstance = (instance) => {\n    if (BUILD.lazyLoad && BUILD.disconnectedCallback) {\n        safeCall(instance, 'disconnectedCallback');\n    }\n    if (BUILD.cmpDidUnload) {\n        safeCall(instance, 'componentDidUnload');\n    }\n};\nconst disconnectedCallback = async (elm) => {\n    if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {\n        const hostRef = getHostRef(elm);\n        if (BUILD.hostListener) {\n            if (hostRef.$rmListeners$) {\n                hostRef.$rmListeners$.map((rmListener) => rmListener());\n                hostRef.$rmListeners$ = undefined;\n            }\n        }\n        if (!BUILD.lazyLoad) {\n            disconnectInstance(elm);\n        }\n        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {\n            disconnectInstance(hostRef.$lazyInstance$);\n        }\n        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {\n            hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));\n        }\n    }\n};\nconst patchPseudoShadowDom = (hostElementPrototype, descriptorPrototype) => {\n    patchCloneNode(hostElementPrototype);\n    patchSlotAppendChild(hostElementPrototype);\n    patchSlotAppend(hostElementPrototype);\n    patchSlotPrepend(hostElementPrototype);\n    patchSlotInsertAdjacentElement(hostElementPrototype);\n    patchSlotInsertAdjacentHTML(hostElementPrototype);\n    patchSlotInsertAdjacentText(hostElementPrototype);\n    patchTextContent(hostElementPrototype);\n    patchChildSlotNodes(hostElementPrototype, descriptorPrototype);\n    patchSlotRemoveChild(hostElementPrototype);\n};\nconst patchCloneNode = (HostElementPrototype) => {\n    const orgCloneNode = HostElementPrototype.cloneNode;\n    HostElementPrototype.cloneNode = function (deep) {\n        const srcNode = this;\n        const isShadowDom = BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;\n        const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);\n        if (BUILD.slot && !isShadowDom && deep) {\n            let i = 0;\n            let slotted, nonStencilNode;\n            const stencilPrivates = [\n                's-id',\n                's-cr',\n                's-lr',\n                's-rc',\n                's-sc',\n                's-p',\n                's-cn',\n                's-sr',\n                's-sn',\n                's-hn',\n                's-ol',\n                's-nr',\n                's-si',\n            ];\n            for (; i < srcNode.childNodes.length; i++) {\n                slotted = srcNode.childNodes[i]['s-nr'];\n                nonStencilNode = stencilPrivates.every((privateField) => !srcNode.childNodes[i][privateField]);\n                if (slotted) {\n                    if (BUILD.appendChildSlotFix && clonedNode.__appendChild) {\n                        clonedNode.__appendChild(slotted.cloneNode(true));\n                    }\n                    else {\n                        clonedNode.appendChild(slotted.cloneNode(true));\n                    }\n                }\n                if (nonStencilNode) {\n                    clonedNode.appendChild(srcNode.childNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\n/**\n * Patches the `appendChild` method on a `scoped` Stencil component.\n * The patch will attempt to find a slot with the same name as the node being appended\n * and insert it into the slot reference if found. Otherwise, it falls-back to the original\n * `appendChild` method.\n *\n * @param HostElementPrototype The Stencil component to be patched\n */\nconst patchSlotAppendChild = (HostElementPrototype) => {\n    HostElementPrototype.__appendChild = HostElementPrototype.appendChild;\n    HostElementPrototype.appendChild = function (newChild) {\n        const slotName = (newChild['s-sn'] = getSlotName(newChild));\n        const slotNode = getHostSlotNode(this.childNodes, slotName);\n        if (slotNode) {\n            const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);\n            const appendAfter = slotChildNodes[slotChildNodes.length - 1];\n            const insertedNode = appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);\n            // Check if there is fallback content that should be hidden\n            updateFallbackSlotVisibility(this);\n            // Force a re-render of the host element\n            forceUpdate(this);\n            return insertedNode;\n        }\n        return this.__appendChild(newChild);\n    };\n};\n/**\n * Patches the `removeChild` method on a `scoped` Stencil component.\n * This patch attempts to remove the specified node from a slot reference\n * if the slot exists. Otherwise, it falls-back to the original `removeChild` method.\n *\n * @param ElementPrototype The Stencil component to be patched\n */\nconst patchSlotRemoveChild = (ElementPrototype) => {\n    ElementPrototype.__removeChild = ElementPrototype.removeChild;\n    ElementPrototype.removeChild = function (toRemove) {\n        if (toRemove && typeof toRemove['s-sn'] !== 'undefined') {\n            const slotNode = getHostSlotNode(this.childNodes, toRemove['s-sn']);\n            if (slotNode) {\n                // Get all slot content\n                const slotChildNodes = getHostSlotChildNodes(slotNode, toRemove['s-sn']);\n                // See if any of the slotted content matches the node to remove\n                const existingNode = slotChildNodes.find((n) => n === toRemove);\n                if (existingNode) {\n                    existingNode.remove();\n                    // Check if there is fallback content that should be displayed if that\n                    // was the last node in the slot\n                    updateFallbackSlotVisibility(this);\n                    return;\n                }\n            }\n        }\n        return this.__removeChild(toRemove);\n    };\n};\n/**\n * Patches the `prepend` method for a slotted node inside a scoped component.\n *\n * @param HostElementPrototype the `Element` to be patched\n */\nconst patchSlotPrepend = (HostElementPrototype) => {\n    const originalPrepend = HostElementPrototype.prepend;\n    HostElementPrototype.prepend = function (...newChildren) {\n        newChildren.forEach((newChild) => {\n            if (typeof newChild === 'string') {\n                newChild = this.ownerDocument.createTextNode(newChild);\n            }\n            const slotName = (newChild['s-sn'] = getSlotName(newChild));\n            const slotNode = getHostSlotNode(this.childNodes, slotName);\n            if (slotNode) {\n                const slotPlaceholder = document.createTextNode('');\n                slotPlaceholder['s-nr'] = newChild;\n                slotNode['s-cr'].parentNode.__appendChild(slotPlaceholder);\n                newChild['s-ol'] = slotPlaceholder;\n                const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);\n                const appendAfter = slotChildNodes[0];\n                return appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);\n            }\n            if (newChild.nodeType === 1 && !!newChild.getAttribute('slot')) {\n                newChild.hidden = true;\n            }\n            return originalPrepend.call(this, newChild);\n        });\n    };\n};\n/**\n * Patches the `append` method for a slotted node inside a scoped component. The patched method uses\n * `appendChild` under-the-hood while creating text nodes for any new children that passed as bare strings.\n *\n * @param HostElementPrototype the `Element` to be patched\n */\nconst patchSlotAppend = (HostElementPrototype) => {\n    HostElementPrototype.append = function (...newChildren) {\n        newChildren.forEach((newChild) => {\n            if (typeof newChild === 'string') {\n                newChild = this.ownerDocument.createTextNode(newChild);\n            }\n            this.appendChild(newChild);\n        });\n    };\n};\n/**\n * Patches the `insertAdjacentHTML` method for a slotted node inside a scoped component. Specifically,\n * we only need to patch the behavior for the specific `beforeend` and `afterbegin` positions so the element\n * gets inserted into the DOM in the correct location.\n *\n * @param HostElementPrototype the `Element` to be patched\n */\nconst patchSlotInsertAdjacentHTML = (HostElementPrototype) => {\n    const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;\n    HostElementPrototype.insertAdjacentHTML = function (position, text) {\n        if (position !== 'afterbegin' && position !== 'beforeend') {\n            return originalInsertAdjacentHtml.call(this, position, text);\n        }\n        const container = this.ownerDocument.createElement('_');\n        let node;\n        container.innerHTML = text;\n        if (position === 'afterbegin') {\n            while ((node = container.firstChild)) {\n                this.prepend(node);\n            }\n        }\n        else if (position === 'beforeend') {\n            while ((node = container.firstChild)) {\n                this.append(node);\n            }\n        }\n    };\n};\n/**\n * Patches the `insertAdjacentText` method for a slotted node inside a scoped component. Specifically,\n * we only need to patch the behavior for the specific `beforeend` and `afterbegin` positions so the text node\n * gets inserted into the DOM in the correct location.\n *\n * @param HostElementPrototype the `Element` to be patched\n */\nconst patchSlotInsertAdjacentText = (HostElementPrototype) => {\n    HostElementPrototype.insertAdjacentText = function (position, text) {\n        this.insertAdjacentHTML(position, text);\n    };\n};\n/**\n * Patches the `insertAdjacentElement` method for a slotted node inside a scoped component. Specifically,\n * we only need to patch the behavior for the specific `beforeend` and `afterbegin` positions so the element\n * gets inserted into the DOM in the correct location.\n *\n * @param HostElementPrototype the `Element` to be patched\n */\nconst patchSlotInsertAdjacentElement = (HostElementPrototype) => {\n    const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;\n    HostElementPrototype.insertAdjacentElement = function (position, element) {\n        if (position !== 'afterbegin' && position !== 'beforeend') {\n            return originalInsertAdjacentElement.call(this, position, element);\n        }\n        if (position === 'afterbegin') {\n            this.prepend(element);\n            return element;\n        }\n        else if (position === 'beforeend') {\n            this.append(element);\n            return element;\n        }\n        return element;\n    };\n};\n/**\n * Patches the text content of an unnamed slotted node inside a scoped component\n * @param hostElementPrototype the `Element` to be patched\n */\nconst patchTextContent = (hostElementPrototype) => {\n    const descriptor = Object.getOwnPropertyDescriptor(Node.prototype, 'textContent');\n    Object.defineProperty(hostElementPrototype, '__textContent', descriptor);\n    if (BUILD.experimentalScopedSlotChanges) {\n        // Patch `textContent` to mimic shadow root behavior\n        Object.defineProperty(hostElementPrototype, 'textContent', {\n            // To mimic shadow root behavior, we need to return the text content of all\n            // nodes in a slot reference node\n            get() {\n                const slotRefNodes = getAllChildSlotNodes(this.childNodes);\n                const textContent = slotRefNodes\n                    .map((node) => {\n                    var _a, _b;\n                    const text = [];\n                    // Need to get the text content of all nodes in the slot reference node\n                    let slotContent = node.nextSibling;\n                    while (slotContent && slotContent['s-sn'] === node['s-sn']) {\n                        if (slotContent.nodeType === 3 /* NODE_TYPES.TEXT_NODE */ || slotContent.nodeType === 1 /* NODE_TYPES.ELEMENT_NODE */) {\n                            text.push((_b = (_a = slotContent.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '');\n                        }\n                        slotContent = slotContent.nextSibling;\n                    }\n                    return text.filter((ref) => ref !== '').join(' ');\n                })\n                    .filter((text) => text !== '')\n                    .join(' ');\n                // Pad the string to return\n                return ' ' + textContent + ' ';\n            },\n            // To mimic shadow root behavior, we need to overwrite all nodes in a slot\n            // reference node. If a default slot reference node exists, the text content will be\n            // placed there. Otherwise, the new text node will be hidden\n            set(value) {\n                const slotRefNodes = getAllChildSlotNodes(this.childNodes);\n                slotRefNodes.forEach((node) => {\n                    // Remove the existing content of the slot\n                    let slotContent = node.nextSibling;\n                    while (slotContent && slotContent['s-sn'] === node['s-sn']) {\n                        const tmp = slotContent;\n                        slotContent = slotContent.nextSibling;\n                        tmp.remove();\n                    }\n                    // If this is a default slot, add the text node in the slot location.\n                    // Otherwise, destroy the slot reference node\n                    if (node['s-sn'] === '') {\n                        const textNode = this.ownerDocument.createTextNode(value);\n                        textNode['s-sn'] = '';\n                        node.parentElement.insertBefore(textNode, node.nextSibling);\n                    }\n                    else {\n                        node.remove();\n                    }\n                });\n            },\n        });\n    }\n    else {\n        Object.defineProperty(hostElementPrototype, 'textContent', {\n            get() {\n                var _a;\n                // get the 'default slot', which would be the first slot in a shadow tree (if we were using one), whose name is\n                // the empty string\n                const slotNode = getHostSlotNode(this.childNodes, '');\n                // when a slot node is found, the textContent _may_ be found in the next sibling (text) node, depending on how\n                // nodes were reordered during the vdom render. first try to get the text content from the sibling.\n                if (((_a = slotNode === null || slotNode === void 0 ? void 0 : slotNode.nextSibling) === null || _a === void 0 ? void 0 : _a.nodeType) === 3 /* NODE_TYPES.TEXT_NODE */) {\n                    return slotNode.nextSibling.textContent;\n                }\n                else if (slotNode) {\n                    return slotNode.textContent;\n                }\n                else {\n                    // fallback to the original implementation\n                    return this.__textContent;\n                }\n            },\n            set(value) {\n                var _a;\n                // get the 'default slot', which would be the first slot in a shadow tree (if we were using one), whose name is\n                // the empty string\n                const slotNode = getHostSlotNode(this.childNodes, '');\n                // when a slot node is found, the textContent _may_ need to be placed in the next sibling (text) node,\n                // depending on how nodes were reordered during the vdom render. first try to set the text content on the\n                // sibling.\n                if (((_a = slotNode === null || slotNode === void 0 ? void 0 : slotNode.nextSibling) === null || _a === void 0 ? void 0 : _a.nodeType) === 3 /* NODE_TYPES.TEXT_NODE */) {\n                    slotNode.nextSibling.textContent = value;\n                }\n                else if (slotNode) {\n                    slotNode.textContent = value;\n                }\n                else {\n                    // we couldn't find a slot, but that doesn't mean that there isn't one. if this check ran before the DOM\n                    // loaded, we could have missed it. check for a content reference element on the scoped component and insert\n                    // it there\n                    this.__textContent = value;\n                    const contentRefElm = this['s-cr'];\n                    if (contentRefElm) {\n                        this.insertBefore(contentRefElm, this.firstChild);\n                    }\n                }\n            },\n        });\n    }\n};\nconst patchChildSlotNodes = (elm, cmpMeta) => {\n    class FakeNodeList extends Array {\n        item(n) {\n            return this[n];\n        }\n    }\n    // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n    if (cmpMeta.$flags$ & 8 /* CMP_FLAGS.needsShadowDomShim */) {\n        const childNodesFn = elm.__lookupGetter__('childNodes');\n        Object.defineProperty(elm, 'children', {\n            get() {\n                return this.childNodes.map((n) => n.nodeType === 1);\n            },\n        });\n        Object.defineProperty(elm, 'childElementCount', {\n            get() {\n                return elm.children.length;\n            },\n        });\n        Object.defineProperty(elm, 'childNodes', {\n            get() {\n                const childNodes = childNodesFn.call(this);\n                if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0 &&\n                    getHostRef(this).$flags$ & 2 /* HOST_FLAGS.hasRendered */) {\n                    const result = new FakeNodeList();\n                    for (let i = 0; i < childNodes.length; i++) {\n                        const slot = childNodes[i]['s-nr'];\n                        if (slot) {\n                            result.push(slot);\n                        }\n                    }\n                    return result;\n                }\n                return FakeNodeList.from(childNodes);\n            },\n        });\n    }\n};\n/**\n * Recursively finds all slot reference nodes ('s-sr') in a series of child nodes.\n *\n * @param childNodes The set of child nodes to search for slot reference nodes.\n * @returns An array of slot reference nodes.\n */\nconst getAllChildSlotNodes = (childNodes) => {\n    const slotRefNodes = [];\n    for (const childNode of Array.from(childNodes)) {\n        if (childNode['s-sr']) {\n            slotRefNodes.push(childNode);\n        }\n        slotRefNodes.push(...getAllChildSlotNodes(childNode.childNodes));\n    }\n    return slotRefNodes;\n};\nconst getSlotName = (node) => node['s-sn'] || (node.nodeType === 1 && node.getAttribute('slot')) || '';\n/**\n * Recursively searches a series of child nodes for a slot with the provided name.\n * @param childNodes the nodes to search for a slot with a specific name.\n * @param slotName the name of the slot to match on.\n * @returns a reference to the slot node that matches the provided name, `null` otherwise\n */\nconst getHostSlotNode = (childNodes, slotName) => {\n    let i = 0;\n    let childNode;\n    for (; i < childNodes.length; i++) {\n        childNode = childNodes[i];\n        if (childNode['s-sr'] && childNode['s-sn'] === slotName) {\n            return childNode;\n        }\n        childNode = getHostSlotNode(childNode.childNodes, slotName);\n        if (childNode) {\n            return childNode;\n        }\n    }\n    return null;\n};\nconst getHostSlotChildNodes = (n, slotName) => {\n    const childNodes = [n];\n    while ((n = n.nextSibling) && n['s-sn'] === slotName) {\n        childNodes.push(n);\n    }\n    return childNodes;\n};\nconst defineCustomElement = (Cstr, compactMeta) => {\n    customElements.define(compactMeta[1], proxyCustomElement(Cstr, compactMeta));\n};\nconst proxyCustomElement = (Cstr, compactMeta) => {\n    const cmpMeta = {\n        $flags$: compactMeta[0],\n        $tagName$: compactMeta[1],\n    };\n    if (BUILD.member) {\n        cmpMeta.$members$ = compactMeta[2];\n    }\n    if (BUILD.hostListener) {\n        cmpMeta.$listeners$ = compactMeta[3];\n    }\n    if (BUILD.watchCallback) {\n        cmpMeta.$watchers$ = Cstr.$watchers$;\n    }\n    if (BUILD.reflect) {\n        cmpMeta.$attrsToReflect$ = [];\n    }\n    if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {\n        // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n        cmpMeta.$flags$ |= 8 /* CMP_FLAGS.needsShadowDomShim */;\n    }\n    // TODO(STENCIL-914): this check and `else` block can go away and be replaced by just the `scoped` check\n    if (BUILD.experimentalSlotFixes) {\n        if (BUILD.scoped && cmpMeta.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n            // This check is intentionally not combined with the surrounding `experimentalSlotFixes` check\n            // since, moving forward, we only want to patch the pseudo shadow DOM when the component is scoped\n            patchPseudoShadowDom(Cstr.prototype, cmpMeta);\n        }\n    }\n    else {\n        if (BUILD.slotChildNodesFix) {\n            patchChildSlotNodes(Cstr.prototype, cmpMeta);\n        }\n        if (BUILD.cloneNodeFix) {\n            patchCloneNode(Cstr.prototype);\n        }\n        if (BUILD.appendChildSlotFix) {\n            patchSlotAppendChild(Cstr.prototype);\n        }\n        if (BUILD.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n            patchTextContent(Cstr.prototype);\n        }\n    }\n    const originalConnectedCallback = Cstr.prototype.connectedCallback;\n    const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;\n    Object.assign(Cstr.prototype, {\n        __registerHost() {\n            registerHost(this, cmpMeta);\n        },\n        connectedCallback() {\n            connectedCallback(this);\n            if (BUILD.connectedCallback && originalConnectedCallback) {\n                originalConnectedCallback.call(this);\n            }\n        },\n        disconnectedCallback() {\n            disconnectedCallback(this);\n            if (BUILD.disconnectedCallback && originalDisconnectedCallback) {\n                originalDisconnectedCallback.call(this);\n            }\n        },\n        __attachShadow() {\n            if (supportsShadow) {\n                if (BUILD.shadowDelegatesFocus) {\n                    this.attachShadow({\n                        mode: 'open',\n                        delegatesFocus: !!(cmpMeta.$flags$ & 16 /* CMP_FLAGS.shadowDelegatesFocus */),\n                    });\n                }\n                else {\n                    this.attachShadow({ mode: 'open' });\n                }\n            }\n            else {\n                this.shadowRoot = this;\n            }\n        },\n    });\n    Cstr.is = cmpMeta.$tagName$;\n    return proxyComponent(Cstr, cmpMeta, 1 /* PROXY_FLAGS.isElementConstructor */ | 2 /* PROXY_FLAGS.proxyState */);\n};\nconst forceModeUpdate = (elm) => {\n    if (BUILD.style && BUILD.mode && !BUILD.lazyLoad) {\n        const mode = computeMode(elm);\n        const hostRef = getHostRef(elm);\n        if (hostRef.$modeName$ !== mode) {\n            const cmpMeta = hostRef.$cmpMeta$;\n            const oldScopeId = elm['s-sc'];\n            const scopeId = getScopeId(cmpMeta, mode);\n            const style = elm.constructor.style[mode];\n            const flags = cmpMeta.$flags$;\n            if (style) {\n                if (!styles.has(scopeId)) {\n                    registerStyle(scopeId, style, !!(flags & 1 /* CMP_FLAGS.shadowDomEncapsulation */));\n                }\n                hostRef.$modeName$ = mode;\n                elm.classList.remove(oldScopeId + '-h', oldScopeId + '-s');\n                attachStyles(hostRef);\n                forceUpdate(elm);\n            }\n        }\n    }\n};\n/**\n * Kick off hot-module-replacement for a component. In order to replace the\n * component in-place we:\n *\n * 1. get a reference to the {@link d.HostRef} for the element\n * 2. reset the element's runtime flags\n * 3. re-run the initialization logic for the element (via\n *    {@link initializeComponent})\n *\n * @param hostElement the host element for the component which we want to start\n * doing HMR\n * @param cmpMeta runtime metadata for the component\n * @param hmrVersionId the current HMR version ID\n */\nconst hmrStart = (hostElement, cmpMeta, hmrVersionId) => {\n    // ¯\\_(ツ)_/¯\n    const hostRef = getHostRef(hostElement);\n    // reset state flags to only have been connected\n    hostRef.$flags$ = 1 /* HOST_FLAGS.hasConnected */;\n    // TODO\n    // detach any event listeners that may have been added\n    // because we're not passing an exact event name it'll\n    // remove all of this element's event, which is good\n    // re-initialize the component\n    initializeComponent(hostElement, hostRef, cmpMeta, hmrVersionId);\n};\nconst bootstrapLazy = (lazyBundles, options = {}) => {\n    var _a;\n    if (BUILD.profile && performance.mark) {\n        performance.mark('st:app:start');\n    }\n    installDevTools();\n    const endBootstrap = createTime('bootstrapLazy');\n    const cmpTags = [];\n    const exclude = options.exclude || [];\n    const customElements = win.customElements;\n    const head = doc.head;\n    const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');\n    const dataStyles = /*@__PURE__*/ doc.createElement('style');\n    const deferredConnectedCallbacks = [];\n    const styles = /*@__PURE__*/ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);\n    let appLoadFallback;\n    let isBootstrapping = true;\n    let i = 0;\n    Object.assign(plt, options);\n    plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;\n    if (BUILD.asyncQueue) {\n        if (options.syncQueue) {\n            plt.$flags$ |= 4 /* PLATFORM_FLAGS.queueSync */;\n        }\n    }\n    if (BUILD.hydrateClientSide) {\n        // If the app is already hydrated there is not point to disable the\n        // async queue. This will improve the first input delay\n        plt.$flags$ |= 2 /* PLATFORM_FLAGS.appLoaded */;\n    }\n    if (BUILD.hydrateClientSide && BUILD.shadowDom) {\n        for (; i < styles.length; i++) {\n            registerStyle(styles[i].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles[i].innerHTML), true);\n        }\n    }\n    let hasSlotRelocation = false;\n    lazyBundles.map((lazyBundle) => {\n        lazyBundle[1].map((compactMeta) => {\n            var _a;\n            const cmpMeta = {\n                $flags$: compactMeta[0],\n                $tagName$: compactMeta[1],\n                $members$: compactMeta[2],\n                $listeners$: compactMeta[3],\n            };\n            // Check if we are using slots outside the shadow DOM in this component.\n            // We'll use this information later to add styles for `slot-fb` elements\n            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {\n                hasSlotRelocation = true;\n            }\n            if (BUILD.member) {\n                cmpMeta.$members$ = compactMeta[2];\n            }\n            if (BUILD.hostListener) {\n                cmpMeta.$listeners$ = compactMeta[3];\n            }\n            if (BUILD.reflect) {\n                cmpMeta.$attrsToReflect$ = [];\n            }\n            if (BUILD.watchCallback) {\n                cmpMeta.$watchers$ = (_a = compactMeta[4]) !== null && _a !== void 0 ? _a : {};\n            }\n            if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {\n                // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n                cmpMeta.$flags$ |= 8 /* CMP_FLAGS.needsShadowDomShim */;\n            }\n            const tagName = BUILD.transformTagName && options.transformTagName\n                ? options.transformTagName(cmpMeta.$tagName$)\n                : cmpMeta.$tagName$;\n            const HostElement = class extends HTMLElement {\n                // StencilLazyHost\n                constructor(self) {\n                    // @ts-ignore\n                    super(self);\n                    self = this;\n                    registerHost(self, cmpMeta);\n                    if (BUILD.shadowDom && cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {\n                        // this component is using shadow dom\n                        // and this browser supports shadow dom\n                        // add the read-only property \"shadowRoot\" to the host element\n                        // adding the shadow root build conditionals to minimize runtime\n                        if (supportsShadow) {\n                            if (BUILD.shadowDelegatesFocus) {\n                                self.attachShadow({\n                                    mode: 'open',\n                                    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* CMP_FLAGS.shadowDelegatesFocus */),\n                                });\n                            }\n                            else {\n                                self.attachShadow({ mode: 'open' });\n                            }\n                        }\n                        else if (!BUILD.hydrateServerSide && !('shadowRoot' in self)) {\n                            self.shadowRoot = self;\n                        }\n                    }\n                }\n                connectedCallback() {\n                    if (appLoadFallback) {\n                        clearTimeout(appLoadFallback);\n                        appLoadFallback = null;\n                    }\n                    if (isBootstrapping) {\n                        // connectedCallback will be processed once all components have been registered\n                        deferredConnectedCallbacks.push(this);\n                    }\n                    else {\n                        plt.jmp(() => connectedCallback(this));\n                    }\n                }\n                disconnectedCallback() {\n                    plt.jmp(() => disconnectedCallback(this));\n                }\n                componentOnReady() {\n                    return getHostRef(this).$onReadyPromise$;\n                }\n            };\n            // TODO(STENCIL-914): this check and `else` block can go away and be replaced by just the `scoped` check\n            if (BUILD.experimentalSlotFixes) {\n                // This check is intentionally not combined with the surrounding `experimentalSlotFixes` check\n                // since, moving forward, we only want to patch the pseudo shadow DOM when the component is scoped\n                if (BUILD.scoped && cmpMeta.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n                    patchPseudoShadowDom(HostElement.prototype, cmpMeta);\n                }\n            }\n            else {\n                if (BUILD.slotChildNodesFix) {\n                    patchChildSlotNodes(HostElement.prototype, cmpMeta);\n                }\n                if (BUILD.cloneNodeFix) {\n                    patchCloneNode(HostElement.prototype);\n                }\n                if (BUILD.appendChildSlotFix) {\n                    patchSlotAppendChild(HostElement.prototype);\n                }\n                if (BUILD.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n                    patchTextContent(HostElement.prototype);\n                }\n            }\n            // if the component is formAssociated we need to set that on the host\n            // element so that it will be ready for `attachInternals` to be called on\n            // it later on\n            if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* CMP_FLAGS.formAssociated */) {\n                HostElement.formAssociated = true;\n            }\n            if (BUILD.hotModuleReplacement) {\n                // if we're in an HMR dev build then we need to set up the callback\n                // which will carry out the work of actually replacing the module for\n                // this particular component\n                HostElement.prototype['s-hmr'] = function (hmrVersionId) {\n                    hmrStart(this, cmpMeta, hmrVersionId);\n                };\n            }\n            cmpMeta.$lazyBundleId$ = lazyBundle[0];\n            if (!exclude.includes(tagName) && !customElements.get(tagName)) {\n                cmpTags.push(tagName);\n                customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* PROXY_FLAGS.isElementConstructor */));\n            }\n        });\n    });\n    // Only bother generating CSS if we have components\n    // TODO(STENCIL-1118): Add test cases for CSS content based on conditionals\n    if (cmpTags.length > 0) {\n        // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM\n        if (hasSlotRelocation) {\n            dataStyles.textContent += SLOT_FB_CSS;\n        }\n        // Add hydration styles\n        if (BUILD.invisiblePrehydration && (BUILD.hydratedClass || BUILD.hydratedAttribute)) {\n            dataStyles.textContent += cmpTags + HYDRATED_CSS;\n        }\n        // If we have styles, add them to the DOM\n        if (dataStyles.innerHTML.length) {\n            dataStyles.setAttribute('data-styles', '');\n            // Apply CSP nonce to the style tag if it exists\n            const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n            if (nonce != null) {\n                dataStyles.setAttribute('nonce', nonce);\n            }\n            // Insert the styles into the document head\n            // NOTE: this _needs_ to happen last so we can ensure the nonce (and other attributes) are applied\n            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);\n        }\n    }\n    // Process deferred connectedCallbacks now all components have been registered\n    isBootstrapping = false;\n    if (deferredConnectedCallbacks.length) {\n        deferredConnectedCallbacks.map((host) => host.connectedCallback());\n    }\n    else {\n        if (BUILD.profile) {\n            plt.jmp(() => (appLoadFallback = setTimeout(appDidLoad, 30, 'timeout')));\n        }\n        else {\n            plt.jmp(() => (appLoadFallback = setTimeout(appDidLoad, 30)));\n        }\n    }\n    // Fallback appLoad event\n    endBootstrap();\n};\nconst Fragment = (_, children) => children;\nconst addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {\n    if (BUILD.hostListener && listeners) {\n        // this is called immediately within the element's constructor\n        // initialize our event listeners on the host element\n        // we do this now so that we can listen to events that may\n        // have fired even before the instance is ready\n        if (BUILD.hostListenerTargetParent) {\n            // this component may have event listeners that should be attached to the parent\n            if (attachParentListeners) {\n                // this is being ran from within the connectedCallback\n                // which is important so that we know the host element actually has a parent element\n                // filter out the listeners to only have the ones that ARE being attached to the parent\n                listeners = listeners.filter(([flags]) => flags & 32 /* LISTENER_FLAGS.TargetParent */);\n            }\n            else {\n                // this is being ran from within the component constructor\n                // everything BUT the parent element listeners should be attached at this time\n                // filter out the listeners that are NOT being attached to the parent\n                listeners = listeners.filter(([flags]) => !(flags & 32 /* LISTENER_FLAGS.TargetParent */));\n            }\n        }\n        listeners.map(([flags, name, method]) => {\n            const target = BUILD.hostListenerTarget ? getHostListenerTarget(elm, flags) : elm;\n            const handler = hostListenerProxy(hostRef, method);\n            const opts = hostListenerOpts(flags);\n            plt.ael(target, name, handler, opts);\n            (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));\n        });\n    }\n};\nconst hostListenerProxy = (hostRef, methodName) => (ev) => {\n    try {\n        if (BUILD.lazyLoad) {\n            if (hostRef.$flags$ & 256 /* HOST_FLAGS.isListenReady */) {\n                // instance is ready, let's call it's member method for this event\n                hostRef.$lazyInstance$[methodName](ev);\n            }\n            else {\n                (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);\n            }\n        }\n        else {\n            hostRef.$hostElement$[methodName](ev);\n        }\n    }\n    catch (e) {\n        consoleError(e);\n    }\n};\nconst getHostListenerTarget = (elm, flags) => {\n    if (BUILD.hostListenerTargetDocument && flags & 4 /* LISTENER_FLAGS.TargetDocument */)\n        return doc;\n    if (BUILD.hostListenerTargetWindow && flags & 8 /* LISTENER_FLAGS.TargetWindow */)\n        return win;\n    if (BUILD.hostListenerTargetBody && flags & 16 /* LISTENER_FLAGS.TargetBody */)\n        return doc.body;\n    if (BUILD.hostListenerTargetParent && flags & 32 /* LISTENER_FLAGS.TargetParent */)\n        return elm.parentElement;\n    return elm;\n};\n// prettier-ignore\nconst hostListenerOpts = (flags) => supportsListenerOptions\n    ? ({\n        passive: (flags & 1 /* LISTENER_FLAGS.Passive */) !== 0,\n        capture: (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0,\n    })\n    : (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;\n/**\n * Assigns the given value to the nonce property on the runtime platform object.\n * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.\n * @param nonce The value to be assigned to the platform nonce property.\n * @returns void\n */\nconst setNonce = (nonce) => (plt.$nonce$ = nonce);\nconst setPlatformOptions = (opts) => Object.assign(plt, opts);\n/**\n * Updates the DOM generated on the server with annotations such as node attributes and\n * comment nodes to facilitate future client-side hydration. These annotations are used for things\n * like moving elements back to their original hosts if using Shadow DOM on the client, and for quickly\n * reconstructing the vNode representations of the DOM.\n *\n * @param doc The DOM generated by the server.\n * @param staticComponents Any components that should be considered static and do not need client-side hydration.\n */\nconst insertVdomAnnotations = (doc, staticComponents) => {\n    if (doc != null) {\n        const docData = {\n            hostIds: 0,\n            rootLevelIds: 0,\n            staticComponents: new Set(staticComponents),\n        };\n        const orgLocationNodes = [];\n        parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);\n        orgLocationNodes.forEach((orgLocationNode) => {\n            var _a, _b;\n            if (orgLocationNode != null && orgLocationNode['s-nr']) {\n                const nodeRef = orgLocationNode['s-nr'];\n                let hostId = nodeRef['s-host-id'];\n                let nodeId = nodeRef['s-node-id'];\n                let childId = `${hostId}.${nodeId}`;\n                if (hostId == null) {\n                    hostId = 0;\n                    docData.rootLevelIds++;\n                    nodeId = docData.rootLevelIds;\n                    childId = `${hostId}.${nodeId}`;\n                    if (nodeRef.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n                        nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);\n                    }\n                    else if (nodeRef.nodeType === 3 /* NODE_TYPE.TextNode */) {\n                        if (hostId === 0) {\n                            const textContent = (_a = nodeRef.nodeValue) === null || _a === void 0 ? void 0 : _a.trim();\n                            if (textContent === '') {\n                                // useless whitespace node at the document root\n                                orgLocationNode.remove();\n                                return;\n                            }\n                        }\n                        const commentBeforeTextNode = doc.createComment(childId);\n                        commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;\n                        (_b = nodeRef.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(commentBeforeTextNode, nodeRef);\n                    }\n                }\n                let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;\n                const orgLocationParentNode = orgLocationNode.parentElement;\n                if (orgLocationParentNode) {\n                    if (orgLocationParentNode['s-en'] === '') {\n                        // ending with a \".\" means that the parent element\n                        // of this node's original location is a SHADOW dom element\n                        // and this node is apart of the root level light dom\n                        orgLocationNodeId += `.`;\n                    }\n                    else if (orgLocationParentNode['s-en'] === 'c') {\n                        // ending with a \".c\" means that the parent element\n                        // of this node's original location is a SCOPED element\n                        // and this node is apart of the root level light dom\n                        orgLocationNodeId += `.c`;\n                    }\n                }\n                orgLocationNode.nodeValue = orgLocationNodeId;\n            }\n        });\n    }\n};\n/**\n * Recursively parses a node generated by the server and its children to set host and child id\n * attributes read during client-side hydration. This function also tracks whether each node is\n * an original location reference node meaning that a node has been moved via slot relocation.\n *\n * @param doc The DOM generated by the server.\n * @param node The node to parse.\n * @param docData An object containing metadata about the document.\n * @param orgLocationNodes An array of nodes that have been moved via slot relocation.\n */\nconst parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {\n    if (node == null) {\n        return;\n    }\n    if (node['s-nr'] != null) {\n        orgLocationNodes.push(node);\n    }\n    if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n        node.childNodes.forEach((childNode) => {\n            const hostRef = getHostRef(childNode);\n            if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) {\n                const cmpData = {\n                    nodeIds: 0,\n                };\n                insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);\n            }\n            parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);\n        });\n    }\n};\n/**\n * Insert attribute annotations on an element for its host ID and, potentially, its child ID.\n * Also makes calls to insert annotations on the element's children, keeping track of the depth of\n * the component tree.\n *\n * @param doc The DOM generated by the server.\n * @param hostElm The element to insert annotations for.\n * @param vnode The vNode representation of the element.\n * @param docData An object containing metadata about the document.\n * @param cmpData An object containing metadata about the component.\n */\nconst insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {\n    if (vnode != null) {\n        const hostId = ++docData.hostIds;\n        hostElm.setAttribute(HYDRATE_ID, hostId);\n        if (hostElm['s-cr'] != null) {\n            hostElm['s-cr'].nodeValue = `${CONTENT_REF_ID}.${hostId}`;\n        }\n        if (vnode.$children$ != null) {\n            const depth = 0;\n            vnode.$children$.forEach((vnodeChild, index) => {\n                insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);\n            });\n        }\n        // If this element does not already have a child ID and has a sibling comment node\n        // representing a slot, we use the content of the comment to set the child ID attribute\n        // on the host element.\n        if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {\n            const parent = hostElm.parentElement;\n            if (parent && parent.childNodes) {\n                const parentChildNodes = Array.from(parent.childNodes);\n                const comment = parentChildNodes.find((node) => node.nodeType === 8 /* NODE_TYPE.CommentNode */ && node['s-sr']);\n                if (comment) {\n                    const index = parentChildNodes.indexOf(hostElm) - 1;\n                    vnode.$elm$.setAttribute(HYDRATE_CHILD_ID, `${comment['s-host-id']}.${comment['s-node-id']}.0.${index}`);\n                }\n            }\n        }\n    }\n};\n/**\n * Recursively analyzes the type of a child vNode and inserts annotations on the vNodes's element based on its type.\n * Element nodes receive a child ID attribute, text nodes have a comment with the child ID inserted before them,\n * and comment nodes representing a slot have their node value set to a slot node ID containing the child ID.\n *\n * @param doc The DOM generated by the server.\n * @param vnodeChild The vNode to insert annotations for.\n * @param cmpData An object containing metadata about the component.\n * @param hostId The host ID of this element's parent.\n * @param depth How deep this element sits in the component tree relative to its parent.\n * @param index The index of this element in its parent's children array.\n */\nconst insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {\n    const childElm = vnodeChild.$elm$;\n    if (childElm == null) {\n        return;\n    }\n    const nodeId = cmpData.nodeIds++;\n    const childId = `${hostId}.${nodeId}.${depth}.${index}`;\n    childElm['s-host-id'] = hostId;\n    childElm['s-node-id'] = nodeId;\n    if (childElm.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n        childElm.setAttribute(HYDRATE_CHILD_ID, childId);\n    }\n    else if (childElm.nodeType === 3 /* NODE_TYPE.TextNode */) {\n        const parentNode = childElm.parentNode;\n        const nodeName = parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName;\n        if (nodeName !== 'STYLE' && nodeName !== 'SCRIPT') {\n            const textNodeId = `${TEXT_NODE_ID}.${childId}`;\n            const commentBeforeTextNode = doc.createComment(textNodeId);\n            parentNode === null || parentNode === void 0 ? void 0 : parentNode.insertBefore(commentBeforeTextNode, childElm);\n        }\n    }\n    else if (childElm.nodeType === 8 /* NODE_TYPE.CommentNode */) {\n        if (childElm['s-sr']) {\n            const slotName = childElm['s-sn'] || '';\n            const slotNodeId = `${SLOT_NODE_ID}.${childId}.${slotName}`;\n            childElm.nodeValue = slotNodeId;\n        }\n    }\n    if (vnodeChild.$children$ != null) {\n        // Increment depth each time we recur deeper into the tree\n        const childDepth = depth + 1;\n        vnodeChild.$children$.forEach((vnode, index) => {\n            insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index);\n        });\n    }\n};\nvar _a;\n/**\n * A WeakMap mapping runtime component references to their corresponding host reference\n * instances.\n *\n * **Note**: If we're in an HMR context we need to store a reference to this\n * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}\n * to {@link d.HostRef} across HMR updates.\n *\n * This is necessary because when HMR updates for a component are processed by\n * the browser-side dev server client the JS bundle for that component is\n * re-fetched. Since the module containing {@link hostRefs} is included in\n * that bundle, if we do not store a reference to it the new iteration of the\n * component will not have access to the previous hostRef map, leading to a\n * bug where the new version of the component cannot properly initialize.\n */\nconst hostRefs = BUILD.hotModuleReplacement\n    ? ((_a = window).__STENCIL_HOSTREFS__ || (_a.__STENCIL_HOSTREFS__ = new WeakMap()))\n    : new WeakMap();\n/**\n * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}\n *\n * @param ref the runtime ref of interest\n * @returns the Host reference (if found) or undefined\n */\nconst getHostRef = (ref) => hostRefs.get(ref);\n/**\n * Register a lazy instance with the {@link hostRefs} object so it's\n * corresponding {@link d.HostRef} can be retrieved later.\n *\n * @param lazyInstance the lazy instance of interest\n * @param hostRef that instances `HostRef` object\n * @returns a reference to the host ref WeakMap\n */\nconst registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);\n/**\n * Register a host element for a Stencil component, setting up various metadata\n * and callbacks based on {@link BUILD} flags as well as the component's runtime\n * metadata.\n *\n * @param hostElement the host element to register\n * @param cmpMeta runtime metadata for that component\n * @returns a reference to the host ref WeakMap\n */\nconst registerHost = (hostElement, cmpMeta) => {\n    const hostRef = {\n        $flags$: 0,\n        $hostElement$: hostElement,\n        $cmpMeta$: cmpMeta,\n        $instanceValues$: new Map(),\n    };\n    if (BUILD.isDev) {\n        hostRef.$renderCount$ = 0;\n    }\n    if (BUILD.method && BUILD.lazyLoad) {\n        hostRef.$onInstancePromise$ = new Promise((r) => (hostRef.$onInstanceResolve$ = r));\n    }\n    if (BUILD.asyncLoading) {\n        hostRef.$onReadyPromise$ = new Promise((r) => (hostRef.$onReadyResolve$ = r));\n        hostElement['s-p'] = [];\n        hostElement['s-rc'] = [];\n    }\n    addHostEventListeners(hostElement, hostRef, cmpMeta.$listeners$, false);\n    return hostRefs.set(hostElement, hostRef);\n};\nconst isMemberInElement = (elm, memberName) => memberName in elm;\nconst consoleError = (e, el) => (customError || console.error)(e, el);\nconst STENCIL_DEV_MODE = BUILD.isTesting\n    ? ['STENCIL:'] // E2E testing\n    : [\n        '%cstencil',\n        'color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px',\n    ];\nconst consoleDevError = (...m) => console.error(...STENCIL_DEV_MODE, ...m);\nconst consoleDevWarn = (...m) => console.warn(...STENCIL_DEV_MODE, ...m);\nconst consoleDevInfo = (...m) => console.info(...STENCIL_DEV_MODE, ...m);\nconst setErrorHandler = (handler) => (customError = handler);\nconst cmpModules = /*@__PURE__*/ new Map();\nconst loadModule = (cmpMeta, hostRef, hmrVersionId) => {\n    // loadModuleImport\n    const exportName = cmpMeta.$tagName$.replace(/-/g, '_');\n    const bundleId = cmpMeta.$lazyBundleId$;\n    if (BUILD.isDev && typeof bundleId !== 'string') {\n        consoleDevError(`Trying to lazily load component <${cmpMeta.$tagName$}> with style mode \"${hostRef.$modeName$}\", but it does not exist.`);\n        return undefined;\n    }\n    const module = !BUILD.hotModuleReplacement ? cmpModules.get(bundleId) : false;\n    if (module) {\n        return module[exportName];\n    }\n    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/\n    return import(\n    /* @vite-ignore */\n    /* webpackInclude: /\\.entry\\.js$/ */\n    /* webpackExclude: /\\.system\\.entry\\.js$/ */\n    /* webpackMode: \"lazy\" */\n    `./${bundleId}.entry.js${BUILD.hotModuleReplacement && hmrVersionId ? '?s-hmr=' + hmrVersionId : ''}`).then((importedModule) => {\n        if (!BUILD.hotModuleReplacement) {\n            cmpModules.set(bundleId, importedModule);\n        }\n        return importedModule[exportName];\n    }, consoleError);\n};\nconst styles = /*@__PURE__*/ new Map();\nconst modeResolutionChain = [];\nconst win = typeof window !== 'undefined' ? window : {};\nconst doc = win.document || { head: {} };\nconst H = (win.HTMLElement || class {\n});\nconst plt = {\n    $flags$: 0,\n    $resourcesUrl$: '',\n    jmp: (h) => h(),\n    raf: (h) => requestAnimationFrame(h),\n    ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),\n    rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),\n    ce: (eventName, opts) => new CustomEvent(eventName, opts),\n};\nconst setPlatformHelpers = (helpers) => {\n    Object.assign(plt, helpers);\n};\nconst supportsShadow = \n// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\nBUILD.shadowDomShim && BUILD.shadowDom\n    ? /*@__PURE__*/ (() => (doc.head.attachShadow + '').indexOf('[native') > -1)()\n    : true;\nconst supportsListenerOptions = /*@__PURE__*/ (() => {\n    let supportsListenerOptions = false;\n    try {\n        doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {\n            get() {\n                supportsListenerOptions = true;\n            },\n        }));\n    }\n    catch (e) { }\n    return supportsListenerOptions;\n})();\nconst promiseResolve = (v) => Promise.resolve(v);\nconst supportsConstructableStylesheets = BUILD.constructableCSS\n    ? /*@__PURE__*/ (() => {\n        try {\n            new CSSStyleSheet();\n            return typeof new CSSStyleSheet().replaceSync === 'function';\n        }\n        catch (e) { }\n        return false;\n    })()\n    : false;\nconst queueDomReads = [];\nconst queueDomWrites = [];\nconst queueDomWritesLow = [];\nconst queueTask = (queue, write) => (cb) => {\n    queue.push(cb);\n    if (!queuePending) {\n        queuePending = true;\n        if (write && plt.$flags$ & 4 /* PLATFORM_FLAGS.queueSync */) {\n            nextTick(flush);\n        }\n        else {\n            plt.raf(flush);\n        }\n    }\n};\nconst consume = (queue) => {\n    for (let i = 0; i < queue.length; i++) {\n        try {\n            queue[i](performance.now());\n        }\n        catch (e) {\n            consoleError(e);\n        }\n    }\n    queue.length = 0;\n};\nconst consumeTimeout = (queue, timeout) => {\n    let i = 0;\n    let ts = 0;\n    while (i < queue.length && (ts = performance.now()) < timeout) {\n        try {\n            queue[i++](ts);\n        }\n        catch (e) {\n            consoleError(e);\n        }\n    }\n    if (i === queue.length) {\n        queue.length = 0;\n    }\n    else if (i !== 0) {\n        queue.splice(0, i);\n    }\n};\nconst flush = () => {\n    if (BUILD.asyncQueue) {\n        queueCongestion++;\n    }\n    // always force a bunch of medium callbacks to run, but still have\n    // a throttle on how many can run in a certain time\n    // DOM READS!!!\n    consume(queueDomReads);\n    // DOM WRITES!!!\n    if (BUILD.asyncQueue) {\n        const timeout = (plt.$flags$ & 6 /* PLATFORM_FLAGS.queueMask */) === 2 /* PLATFORM_FLAGS.appLoaded */\n            ? performance.now() + 14 * Math.ceil(queueCongestion * (1.0 / 10.0))\n            : Infinity;\n        consumeTimeout(queueDomWrites, timeout);\n        consumeTimeout(queueDomWritesLow, timeout);\n        if (queueDomWrites.length > 0) {\n            queueDomWritesLow.push(...queueDomWrites);\n            queueDomWrites.length = 0;\n        }\n        if ((queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0)) {\n            // still more to do yet, but we've run out of time\n            // let's let this thing cool off and try again in the next tick\n            plt.raf(flush);\n        }\n        else {\n            queueCongestion = 0;\n        }\n    }\n    else {\n        consume(queueDomWrites);\n        if ((queuePending = queueDomReads.length > 0)) {\n            // still more to do yet, but we've run out of time\n            // let's let this thing cool off and try again in the next tick\n            plt.raf(flush);\n        }\n    }\n};\nconst nextTick = (cb) => promiseResolve().then(cb);\nconst readTask = /*@__PURE__*/ queueTask(queueDomReads, false);\nconst writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);\nexport { BUILD, Env, NAMESPACE } from '@stencil/core/internal/app-data';\nexport { Build, Fragment, H, H as HTMLElement, Host, STENCIL_DEV_MODE, addHostEventListeners, bootstrapLazy, cmpModules, connectedCallback, consoleDevError, consoleDevInfo, consoleDevWarn, consoleError, createEvent, defineCustomElement, disconnectedCallback, doc, forceModeUpdate, forceUpdate, getAssetPath, getElement, getHostRef, getMode, getRenderingRef, getValue, h, insertVdomAnnotations, isMemberInElement, loadModule, modeResolutionChain, nextTick, parsePropertyValue, plt, postUpdateComponent, promiseResolve, proxyComponent, proxyCustomElement, readTask, registerHost, registerInstance, renderVdom, setAssetPath, setErrorHandler, setMode, setNonce, setPlatformHelpers, setPlatformOptions, setValue, styles, supportsConstructableStylesheets, supportsListenerOptions, supportsShadow, win, writeTask };\n"],"mappings":"AAAO,MAAMA,EAAY,OCSzB,IAAIC,EACJ,IAAIC,EAGJ,IAAIC,EAAqB,MACzB,IAAIC,EAA8B,MAClC,IAAIC,EAAoB,MACxB,IAAIC,EAAY,MAGhB,IAAIC,EAAe,MAWd,MAACC,EAAgBC,IAClB,MAAMC,EAAW,IAAIC,IAAIF,EAAMG,GAAIC,GACnC,OAAOH,EAASI,SAAWC,GAAIC,SAASF,OAASJ,EAASO,KAAOP,EAASQ,QAAQ,EAGtF,MAAMC,EAAa,CAACC,EAAQC,EAAU,MAQ7B,CACD,MAAO,MAGf,GAEA,MAAMC,EAAa,CAACC,EAAKC,KAWhB,CACD,MAAO,MAGf,GAyDA,MAAMC,EAAiB,IACvB,MAAMC,EAAkB,IACxB,MAAMC,EAAe,IACrB,MAAMC,EAAe,IACrB,MAAMC,EAAa,OACnB,MAAMC,EAAoB,SAC1B,MAAMC,EAAmB,OAQzB,MAAMC,EAAc,yDAepB,MAAMC,EAAY,GAclB,MAAMC,EAAiBC,IAEnBA,SAAWA,EACX,OAAOA,IAAM,UAAYA,IAAM,UAAU,EAU7C,SAASC,EAAyBC,GAC9B,IAAIC,EAAIC,EAAIC,EACZ,OAAQA,GAAMD,GAAMD,EAAKD,EAAII,QAAU,MAAQH,SAAY,OAAS,EAAIA,EAAGI,cAAc,6BAA+B,MAAQH,SAAY,OAAS,EAAIA,EAAGI,aAAa,cAAgB,MAAQH,SAAY,EAAIA,EAAKI,SAC1N,CAWK,MAACC,EAAI,CAACC,EAAUC,KAAcC,KAC/B,IAAIC,EAAQ,KACZ,IAAI1B,EAAM,KACV,IAAI2B,EAAW,KACf,IAAIC,EAAS,MACb,IAAIC,EAAa,MACjB,MAAMC,EAAgB,GACtB,MAAMC,EAAQC,IACV,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAEE,OAAQD,IAAK,CAC/BP,EAAQM,EAAEC,GACV,GAAIE,MAAMC,QAAQV,GAAQ,CACtBK,EAAKL,EACrB,MACiB,GAAIA,GAAS,aAAeA,IAAU,UAAW,CAClD,GAAKE,SAAgBL,IAAa,aAAeZ,EAAce,GAAS,CACpEA,EAAQW,OAAOX,EACnC,CAMgB,GAAIE,GAAUC,EAAY,CAEtBC,EAAcA,EAAcI,OAAS,GAAGI,GAAUZ,CACtE,KACqB,CAEDI,EAAcS,KAAKX,EAASY,EAAS,KAAMd,GAASA,EACxE,CACgBG,EAAaD,CAC7B,CACA,GAEIG,EAAKN,GACL,GAAID,EAAW,CAIX,GAAqBA,EAAUxB,IAAK,CAChCA,EAAMwB,EAAUxB,GAC5B,CACQ,GAA4BwB,EAAUiB,KAAM,CACxCd,EAAWH,EAAUiB,IACjC,CAE6B,CACjB,MAAMC,EAAYlB,EAAUmB,WAAanB,EAAUoB,MACnD,GAAIF,EAAW,CACXlB,EAAUoB,aACCF,IAAc,SACfA,EACAG,OAAOC,KAAKJ,GACTK,QAAQC,GAAMN,EAAUM,KACxBC,KAAK,IAClC,CACA,CACA,CAMI,UAAmC1B,IAAa,WAAY,CAExD,OAAOA,EAASC,IAAc,KAAO,GAAKA,EAAWM,EAAeoB,EAC5E,CACI,MAAMC,EAAQX,EAASjB,EAAU,MACjC4B,EAAMC,EAAU5B,EAChB,GAAIM,EAAcI,OAAS,EAAG,CAC1BiB,EAAME,EAAavB,CAC3B,CACuB,CACfqB,EAAMG,EAAQtD,CACtB,CAC8B,CACtBmD,EAAMI,EAAS5B,CACvB,CACI,OAAOwB,CAAK,EAUhB,MAAMX,EAAW,CAACgB,EAAKC,KACnB,MAAMN,EAAQ,CACVO,EAAS,EACTC,EAAOH,EACPlB,EAAQmB,EACRG,EAAO,KACPP,EAAY,MAES,CACrBF,EAAMC,EAAU,IACxB,CACuB,CACfD,EAAMG,EAAQ,IACtB,CAC8B,CACtBH,EAAMI,EAAS,IACvB,CACI,OAAOJ,CAAK,EAEX,MAACU,EAAO,GAOb,MAAMC,EAAUC,GAASA,GAAQA,EAAKJ,IAAUE,EAQhD,MAAMX,EAAc,CAChBc,QAAS,CAACvC,EAAUwC,IAAOxC,EAASyC,IAAIC,GAAiBH,QAAQC,GACjEC,IAAK,CAACzC,EAAUwC,IAAOxC,EAASyC,IAAIC,GAAiBD,IAAID,GAAIC,IAAIE,IASrE,MAAMD,EAAmBJ,IAAI,CACzBM,OAAQN,EAAKX,EACbkB,UAAWP,EAAKV,EAChBkB,KAAMR,EAAKT,EACXkB,MAAOT,EAAKR,EACZkB,KAAMV,EAAKJ,EACXe,MAAOX,EAAKzB,IAWhB,MAAM8B,EAAoBL,IACtB,UAAWA,EAAKU,OAAS,WAAY,CACjC,MAAMjD,EAAYqB,OAAO8B,OAAO,GAAIZ,EAAKM,QACzC,GAAIN,EAAKQ,KAAM,CACX/C,EAAUxB,IAAM+D,EAAKQ,IACjC,CACQ,GAAIR,EAAKS,MAAO,CACZhD,EAAUiB,KAAOsB,EAAKS,KAClC,CACQ,OAAOlD,EAAEyC,EAAKU,KAAMjD,KAAeuC,EAAKO,WAAa,GAC7D,CACI,MAAMnB,EAAQX,EAASuB,EAAKU,KAAMV,EAAKW,OACvCvB,EAAMC,EAAUW,EAAKM,OACrBlB,EAAME,EAAaU,EAAKO,UACxBnB,EAAMG,EAAQS,EAAKQ,KACnBpB,EAAMI,EAASQ,EAAKS,MACpB,OAAOrB,CAAK,EAgChB,MAAMyB,EAA0B,CAACC,EAAS/E,EAASgF,EAAQC,KACvD,MAAMC,EAAapF,EAAW,gBAAiBE,GAC/C,MAAMmF,EAAaJ,EAAQI,WAC3B,MAAMC,EAAmB,GACzB,MAAMC,EAAY,GAClB,MAAMC,EAAuD,KAC7D,MAAMjC,EAAS4B,EAAQM,EAAU7C,EAAS1C,EAAS,MACnD,IAAKT,GAAIiG,EAAe,CACpBC,EAA0BzE,GAAI0E,KAAOnG,GAAIiG,EAAgB,IAAIG,IACrE,CACIZ,EAAQvE,GAAcwE,EACtBD,EAAQa,gBAAgBpF,GACxBqF,EAAcxC,EAAO+B,EAAkBC,EAAWC,EAAiBP,EAASA,EAASC,GACrFI,EAAiBhB,KAAKlC,IAClB,MAAM4D,EAAgB5D,EAAE6D,EAAW,IAAM7D,EAAE8D,EAC3C,MAAMC,EAAkB1G,GAAIiG,EAAcU,IAAIJ,GAC9C,MAAM7B,EAAO/B,EAAE4B,EAGf,GAAImC,GAAmBE,IAAkBF,EAAgB,UAAY,GAAI,CACrEA,EAAgBG,WAAWC,aAAapC,EAAMgC,EAAgBK,YAC1E,CACQ,IAAKnB,EAAY,CACblB,EAAK,QAAUjE,EACf,GAAIiG,EAAiB,CACjBhC,EAAK,QAAUgC,EACfhC,EAAK,QAAQ,QAAUA,CACvC,CACA,CACQ1E,GAAIiG,EAAce,OAAOT,EAAc,IAS3CZ,GAAY,EAkBhB,MAAMW,EAAgB,CAACW,EAAapB,EAAkBC,EAAWC,EAAiBP,EAASd,EAAMe,KAC7F,IAAIyB,EACJ,IAAIC,EACJ,IAAIC,EACJ,IAAIxE,EACJ,GAAI8B,EAAK2C,WAAa,EAA+B,CACjDH,EAAgBxC,EAAK3C,aAAaZ,GAClC,GAAI+F,EAAe,CAGfC,EAAcD,EAAcI,MAAM,KAClC,GAAIH,EAAY,KAAO1B,GAAU0B,EAAY,KAAO,IAAK,CACrDC,EAAa,CACT/C,EAAS,EACTmC,EAAUW,EAAY,GACtBV,EAAUU,EAAY,GACtBI,EAASJ,EAAY,GACrBK,EAASL,EAAY,GACrB7C,EAAOI,EAAKjE,QAAQgH,cACpBlD,EAAOG,EACPX,EAAS,KACTC,EAAY,KACZC,EAAO,KACPC,EAAQ,KACRjB,EAAQ,MAEZ4C,EAAiB3C,KAAKkE,GACtB1C,EAAK2B,gBAAgBlF,GAGrB,IAAK8F,EAAYjD,EAAY,CACzBiD,EAAYjD,EAAa,EAC7C,CAEgBiD,EAAYjD,EAAWoD,EAAWI,GAAWJ,EAE7CH,EAAcG,EACd,GAAIrB,GAAmBqB,EAAWG,IAAY,IAAK,CAC/CxB,EAAgBqB,EAAWI,GAAWJ,EAAW7C,CACrE,CACA,CACA,CAEQ,IAAK3B,EAAI8B,EAAKgD,WAAW7E,OAAS,EAAGD,GAAK,EAAGA,IAAK,CAC9C0D,EAAcW,EAAapB,EAAkBC,EAAWC,EAAiBP,EAASd,EAAKgD,WAAW9E,GAAI6C,EAClH,CACQ,GAAIf,EAAKkB,WAAY,CAEjB,IAAKhD,EAAI8B,EAAKkB,WAAW8B,WAAW7E,OAAS,EAAGD,GAAK,EAAGA,IAAK,CACzD0D,EAAcW,EAAapB,EAAkBC,EAAWC,EAAiBP,EAASd,EAAKkB,WAAW8B,WAAW9E,GAAI6C,EACjI,CACA,CACA,MACS,GAAIf,EAAK2C,WAAa,EAA+B,CAEtDF,EAAczC,EAAKiD,UAAUL,MAAM,KACnC,GAAIH,EAAY,KAAO1B,GAAU0B,EAAY,KAAO,IAAK,CAErDD,EAAgBC,EAAY,GAC5BC,EAAa,CACT/C,EAAS,EACTmC,EAAUW,EAAY,GACtBV,EAAUU,EAAY,GACtBI,EAASJ,EAAY,GACrBK,EAASL,EAAY,GACrB5C,EAAOG,EACPX,EAAS,KACTC,EAAY,KACZC,EAAO,KACPC,EAAQ,KACRI,EAAO,KACPrB,EAAQ,MAEZ,GAAIiE,IAAkBlG,EAAc,CAChCoG,EAAW7C,EAAQG,EAAKqC,YACxB,GAAIK,EAAW7C,GAAS6C,EAAW7C,EAAM8C,WAAa,EAA4B,CAC9ED,EAAWnE,EAASmE,EAAW7C,EAAMqD,YACrC/B,EAAiB3C,KAAKkE,GAEtB1C,EAAKmD,SACL,IAAKZ,EAAYjD,EAAY,CACzBiD,EAAYjD,EAAa,EACjD,CACoBiD,EAAYjD,EAAWoD,EAAWI,GAAWJ,EAC7C,GAAIrB,GAAmBqB,EAAWG,IAAY,IAAK,CAC/CxB,EAAgBqB,EAAWI,GAAWJ,EAAW7C,CACzE,CACA,CACA,MACiB,GAAI6C,EAAWZ,IAAaf,EAAQ,CAErC,GAAIyB,IAAkBnG,EAAc,CAEhCqG,EAAW9C,EAAQ,OACnB,GAAI6C,EAAY,GAAI,CAChBzC,EAAK,QAAU0C,EAAWlD,EAASiD,EAAY,EACvE,KACyB,CACDzC,EAAK,QAAU,EACvC,CACoBA,EAAK,QAAU,KAiBfoB,EAAU5C,KAAKkE,GACf,IAAKH,EAAYjD,EAAY,CACzBiD,EAAYjD,EAAa,EACjD,CACoBiD,EAAYjD,EAAWoD,EAAWI,GAAWJ,CACjE,MACqB,GAAIF,IAAkBrG,EAAgB,CAMR,CAC3B2E,EAAQ,QAAUd,EAClBA,EAAK,QAAU,IACvC,CACA,CACA,CACA,CACA,MACS,GAAIuC,GAAeA,EAAY3C,IAAU,QAAS,CACnD,MAAMR,EAAQX,EAAS,KAAMuB,EAAKkD,aAClC9D,EAAMS,EAAQG,EACdZ,EAAM0D,EAAU,IAChBP,EAAYjD,EAAa,CAACF,EAClC,GASA,MAAMoC,EAA4B,CAACxB,EAAMoD,KACrC,GAAIpD,EAAK2C,WAAa,EAA+B,CACjD,IAAIzE,EAAI,EACR,KAAOA,EAAI8B,EAAKgD,WAAW7E,OAAQD,IAAK,CACpCsD,EAA0BxB,EAAKgD,WAAW9E,GAAIkF,EAC1D,CACQ,GAAIpD,EAAKkB,WAAY,CACjB,IAAKhD,EAAI,EAAGA,EAAI8B,EAAKkB,WAAW8B,WAAW7E,OAAQD,IAAK,CACpDsD,EAA0BxB,EAAKkB,WAAW8B,WAAW9E,GAAIkF,EACzE,CACA,CACA,MACS,GAAIpD,EAAK2C,WAAa,EAA+B,CACtD,MAAMF,EAAczC,EAAKiD,UAAUL,MAAM,KACzC,GAAIH,EAAY,KAAOrG,EAAiB,CACpCgH,EAAYC,IAAIZ,EAAY,GAAK,IAAMA,EAAY,GAAIzC,GACvDA,EAAKiD,UAAY,GAGjBjD,EAAK,QAAUyC,EAAY,EACvC,CACA,GA8BA,MAAMa,EAAqB,CAACC,EAAWC,KAEnC,GAAID,GAAa,OAAS3G,EAAc2G,GAAY,CAChD,GAAyBC,EAAW,EAA8B,CAG9D,OAAOD,IAAc,QAAU,MAAQA,IAAc,MAAQA,CACzE,CACQ,GAAwBC,EAAW,EAA6B,CAE5D,OAAOC,WAAWF,EAC9B,CACQ,GAAwBC,EAAW,EAA6B,CAG5D,OAAOlF,OAAOiF,EAC1B,CAEQ,OAAOA,CACf,CAGI,OAAOA,CAAS,EAEf,MAACG,EAAcC,GAA0BC,GAAWD,GAAwB,cAC5E,MAACE,EAAc,CAACF,EAAKjF,EAAMoF,KAC5B,MAAMC,EAAML,EAAWC,GACvB,MAAO,CACHK,KAAOC,GAIIC,EAAUH,EAAKrF,EAAM,CACxByF,WAAYL,EAAQ,GACpBM,YAAaN,EAAQ,GACrBO,cAAeP,EAAQ,GACvBG,WAGX,EASL,MAAMC,EAAY,CAACH,EAAKrF,EAAM4F,KAC1B,MAAMC,EAAKjJ,GAAIkJ,GAAG9F,EAAM4F,GACxBP,EAAIU,cAAcF,GAClB,OAAOA,CAAE,EAEb,MAAMG,EAAkC,IAAIC,QAC5C,MAAMC,EAAgB,CAACC,EAASC,EAASC,KACrC,IAAIC,EAAQC,GAAOhD,IAAI4C,GACvB,GAAIK,IAAoCH,EAAS,CAC7CC,EAASA,GAAS,IAAIG,cACtB,UAAWH,IAAU,SAAU,CAC3BA,EAAQF,CACpB,KACa,CACDE,EAAMI,YAAYN,EAC9B,CACA,KACS,CACDE,EAAQF,CAChB,CACIG,GAAO5B,IAAIwB,EAASG,EAAM,EAE9B,MAAMK,EAAW,CAACC,EAAoBC,EAASC,KAC3C,IAAIxI,EACJ,MAAM6H,EAAUY,EAAWF,GAC3B,MAAMP,EAAQC,GAAOhD,IAAI4C,GAMzBS,EAAqBA,EAAmB3C,WAAa,GAAsC2C,EAAqBvI,GAChH,GAAIiI,EAAO,CACP,UAAWA,IAAU,SAAU,CAC3BM,EAAqBA,EAAmBnI,MAAQmI,EAChD,IAAII,EAAgBhB,EAAkBzC,IAAIqD,GAC1C,IAAIK,EACJ,IAAKD,EAAe,CAChBhB,EAAkBrB,IAAIiC,EAAqBI,EAAgB,IAAIE,IAC/E,CACY,IAAKF,EAAcG,IAAIhB,GAAU,CAC7B,GACIS,EAAmBQ,OAClBH,EAAWL,EAAmBlI,cAAc,IAAIZ,MAAsBqI,QAAe,CAEtFc,EAASI,UAAYf,CACzC,KACqB,CACDW,EAAW5I,GAAIiJ,cAAc,SAC7BL,EAASI,UAAYf,EAErB,MAAMiB,GAASjJ,EAAK1B,GAAI4K,KAAa,MAAQlJ,SAAY,EAAIA,EAAKF,EAAyBC,IAC3F,GAAIkJ,GAAS,KAAM,CACfN,EAASQ,aAAa,QAASF,EACvD,CAIoBX,EAAmBlD,aAAauD,EAAUL,EAAmBlI,cAAc,QAC/F,CAEgB,GAAImI,EAAQ5F,EAAU,EAAqC,CACvDgG,EAASI,WAAarJ,CAC1C,CACgB,GAAIgJ,EAAe,CACfA,EAAcU,IAAIvB,EACtC,CACA,CACA,MACa,IAA+BS,EAAmBe,mBAAmBC,SAAStB,GAAQ,CACvFM,EAAmBe,mBAAqB,IAAIf,EAAmBe,mBAAoBrB,EAC/F,CACA,CACI,OAAOH,CAAO,EAElB,MAAM0B,EAAgBvF,IAClB,MAAMuE,EAAUvE,EAAQwF,EACxB,MAAMzC,EAAM/C,EAAQyF,cAEpB,MAAMC,EAAkB7K,EAAW,eAAgB0J,EAAQoB,GAC3CtB,EAAgFtB,EAAI6C,cAAerB,GAenHmB,GAAiB,EAErB,MAAMjB,EAAa,CAACoB,EAAKrB,IAAS,MAAuGqB,EAAa,EAyBtJ,MAAMC,EAAc,CAAC/C,EAAKgD,EAAYC,EAAUC,EAAUC,EAAOpD,KAC7D,GAAIkD,IAAaC,EAAU,CACvB,IAAIE,EAASC,GAAkBrD,EAAKgD,GACpC,IAAIM,EAAKN,EAAWhE,cACpB,GAAuBgE,IAAe,QAAS,CAC3C,MAAMO,EAAYvD,EAAIuD,UACtB,MAAMC,EAAaC,EAAeR,GAClC,MAAMS,EAAaD,EAAeP,GAClCK,EAAUnE,UAAUoE,EAAWvI,QAAQf,GAAMA,IAAMwJ,EAAWnB,SAASrI,MACvEqJ,EAAUlB,OAAOqB,EAAWzI,QAAQf,GAAMA,IAAMsJ,EAAWjB,SAASrI,KAChF,MACa,GAAuB8I,IAAe,QAAS,CAE3B,CACjB,IAAK,MAAMW,KAAQV,EAAU,CACzB,IAAKC,GAAYA,EAASS,IAAS,KAAM,CACrC,GAAgCA,EAAKpB,SAAS,KAAM,CAChDvC,EAAIiB,MAAM2C,eAAeD,EACrD,KAC6B,CACD3D,EAAIiB,MAAM0C,GAAQ,EAC9C,CACA,CACA,CACA,CACY,IAAK,MAAMA,KAAQT,EAAU,CACzB,IAAKD,GAAYC,EAASS,KAAUV,EAASU,GAAO,CAChD,GAAgCA,EAAKpB,SAAS,KAAM,CAChDvC,EAAIiB,MAAM4C,YAAYF,EAAMT,EAASS,GAC7D,KACyB,CACD3D,EAAIiB,MAAM0C,GAAQT,EAASS,EACnD,CACA,CACA,CACA,MACa,GAAqBX,IAAe,YAEpC,GAAqBA,IAAe,MAAO,CAE5C,GAAIE,EAAU,CACVA,EAASlD,EACzB,CACA,MACa,IACkBoD,GACnBJ,EAAW,KAAO,KAClBA,EAAW,KAAO,IAAK,CAKvB,GAAIA,EAAW,KAAO,IAAK,CAQvBA,EAAaA,EAAWc,MAAM,EAC9C,MACiB,GAAIT,GAAkB3L,GAAK4L,GAAK,CAKjCN,EAAaM,EAAGQ,MAAM,EACtC,KACiB,CAMDd,EAAaM,EAAG,GAAKN,EAAWc,MAAM,EACtD,CACY,GAAIb,GAAYC,EAAU,CAItB,MAAMa,EAAUf,EAAWgB,SAASC,GAEpCjB,EAAaA,EAAWkB,QAAQC,EAAqB,IACrD,GAAIlB,EAAU,CACV1L,GAAI6M,IAAIpE,EAAKgD,EAAYC,EAAUc,EACvD,CACgB,GAAIb,EAAU,CACV3L,GAAI8M,IAAIrE,EAAKgD,EAAYE,EAAUa,EACvD,CACA,CACA,KACuC,CAE3B,MAAMO,EAAYzL,EAAcqK,GAChC,IAAKE,GAAWkB,GAAapB,IAAa,QAAWC,EAAO,CACxD,IACI,IAAKnD,EAAIhI,QAAQuK,SAAS,KAAM,CAC5B,MAAMgC,EAAIrB,GAAY,KAAO,GAAKA,EAElC,GAAIF,IAAe,OAAQ,CACvBI,EAAS,KACrC,MAC6B,GAAIH,GAAY,MAAQjD,EAAIgD,IAAeuB,EAAG,CAC/CvE,EAAIgD,GAAcuB,CAC9C,CACA,KACyB,CACDvE,EAAIgD,GAAcE,CAC1C,CACA,CACgB,MAAOsB,GAIvB,CACA,CAeY,GAAItB,GAAY,MAAQA,IAAa,MAAO,CACxC,GAAIA,IAAa,OAASlD,EAAI1G,aAAa0J,KAAgB,GAAI,CAItD,CACDhD,EAAIpC,gBAAgBoF,EAC5C,CACA,CACA,MACiB,KAAMI,GAAUrD,EAAQ,GAA8BoD,KAAWmB,EAAW,CAC7EpB,EAAWA,IAAa,KAAO,GAAKA,EAI/B,CACDlD,EAAIoC,aAAaY,EAAYE,EACjD,CACA,CACA,CACA,GAEA,MAAMuB,EAAsB,KAM5B,MAAMhB,EAAkBiB,IAAYA,EAAQ,GAAKA,EAAM7F,MAAM4F,GAC7D,MAAMR,EAAuB,UAC7B,MAAME,EAAsB,IAAIQ,OAAOV,EAAuB,KAC9D,MAAMW,EAAgB,CAACC,EAAUC,EAAU7N,EAAW+L,KAIlD,MAAMhD,EAAM8E,EAAShJ,EAAM8C,WAAa,IAAuCkG,EAAShJ,EAAMiG,KACxF+C,EAAShJ,EAAMiG,KACf+C,EAAShJ,EACf,MAAMiJ,EAAiBF,GAAYA,EAASvJ,GAAY1C,EACxD,MAAMoM,EAAgBF,EAASxJ,GAAW1C,EACrB,CAEjB,IAAKoK,KAAc+B,EAAe,CAC9B,KAAM/B,KAAcgC,GAAgB,CAChCjC,EAAY/C,EAAKgD,EAAY+B,EAAc/B,GAAazJ,UAAWtC,EAAW6N,EAASlJ,EACvG,CACA,CACA,CAEI,IAAKoH,KAAcgC,EAAe,CAC9BjC,EAAY/C,EAAKgD,EAAY+B,EAAc/B,GAAagC,EAAchC,GAAa/L,EAAW6N,EAASlJ,EAC/G,GAYA,MAAMqJ,EAAY,CAACC,EAAgBC,EAAgBC,EAAYC,KAE3D,MAAM3K,EAAWyK,EAAe5J,EAAW6J,GAC3C,IAAIjL,EAAI,EACR,IAAI6F,EACJ,IAAIsF,EACJ,IAAIC,EACJ,IAA6BzO,EAAoB,CAE7CE,EAAoB,KACpB,GAAI0D,EAASmB,IAAU,OAAQ,CAK3BnB,EAASkB,GAAWlB,EAASa,EAErB,EAEA,CACpB,CACA,CAII,GAAsBb,EAASF,IAAW,KAAM,CAE5CwF,EAAMtF,EAASoB,EAAQ9C,GAAIwM,eAAe9K,EAASF,EAC3D,MACS,GAA4BE,EAASkB,EAAU,EAAqC,CAErFoE,EAAMtF,EAASoB,EACmE9C,GAAIwM,eAAe,GAC7G,KACS,CAKDxF,EAAMtF,EAASoB,EAIT9C,GAAIiJ,cAAsCvH,EAASkB,EAAU,EACzD,UACAlB,EAASmB,GAKM,CACrB+I,EAAc,KAAMlK,EAAUzD,EAC1C,CAMQ,GAAIyD,EAASa,EAAY,CACrB,IAAKpB,EAAI,EAAGA,EAAIO,EAASa,EAAWnB,SAAUD,EAAG,CAE7CmL,EAAYL,EAAUC,EAAgBxK,EAAUP,GAEhD,GAAImL,EAAW,CAEXtF,EAAIyF,YAAYH,EACpC,CACA,CACA,CAWA,CAGItF,EAAI,QAAUnJ,EACY,CACtB,GAAI6D,EAASkB,GAAW,EAAqC,GAAsC,CAE/FoE,EAAI,QAAU,KAEdA,EAAI,QAAUpJ,EAEdoJ,EAAI,QAAUtF,EAASe,GAAU,GAEjC8J,EAAWL,GAAkBA,EAAe3J,GAAc2J,EAAe3J,EAAW6J,GACpF,GAAIG,GAAYA,EAAS1J,IAAUnB,EAASmB,GAASqJ,EAAepJ,EAAO,CACtC,CAG7B4J,EAAmBR,EAAepJ,EACtD,CAMA,CACA,CACA,CACI,OAAOkE,CAAG,EAWd,MAAM0F,EAAsBL,IACxB9N,GAAIqE,GAAW,EACf,MAAMmG,EAAOsD,EAAUM,QAAQ9O,EAAYmI,eAC3C,GAAI+C,GAAQ,KAAM,CACd,MAAM6D,EAAiBvL,MAAMwL,KAAK9D,EAAK9C,YAAY6G,MAAMlG,GAAQA,EAAI,UACrE,MAAMmG,EAAiB1L,MAAMwL,KAAKR,EAAUpG,YAG5C,IAAK,MAAMqG,KAAaM,EAAiBG,EAAeC,UAAYD,EAAgB,CAEhF,GAAIT,EAAU,SAAW,KAAM,CAC3BvD,EAAK1D,aAAaiH,EAAWM,IAAmB,MAAQA,SAAwB,EAAIA,EAAiB,MAErGN,EAAU,QAAU/L,UAEpBvC,EAAoB,IACpC,CACA,CACA,CACIO,GAAIqE,IAAY,CAAC,EAErB,MAAMqK,EAA4B,CAACZ,EAAWa,KAC1C3O,GAAIqE,GAAW,EACf,MAAMuK,EAAoBd,EAAUpG,WACpC,IAAK,IAAI9E,EAAIgM,EAAkB/L,OAAS,EAAGD,GAAK,EAAGA,IAAK,CACpD,MAAMmL,EAAYa,EAAkBhM,GACpC,GAAImL,EAAU,UAAYzO,GAAeyO,EAAU,QAAS,CAExDc,GAAoBd,GAAWjH,aAAaiH,EAAWe,GAAcf,IAIrEA,EAAU,QAAQlG,SAClBkG,EAAU,QAAU/L,UAEpB+L,EAAU,QAAU/L,UACpBvC,EAAoB,IAChC,CACQ,GAAIkP,EAAW,CACXD,EAA0BX,EAAWY,EACjD,CACA,CACI3O,GAAIqE,IAAY,CAAC,EAiBrB,MAAM0K,EAAY,CAACjB,EAAWkB,EAAQ/H,EAAagI,EAAQC,EAAUC,KACjE,IAAIC,EAAyCtB,EAAU,SAAWA,EAAU,QAAQjH,YAAeiH,EACnG,IAAIC,EAIJ,KAAOmB,GAAYC,IAAUD,EAAU,CACnC,GAAID,EAAOC,GAAW,CAClBnB,EAAYL,EAAU,KAAMzG,EAAaiI,GACzC,GAAInB,EAAW,CACXkB,EAAOC,GAAU3K,EAAQwJ,EACzBqB,EAAatI,aAAaiH,EAAkCe,GAAcE,GAC1F,CACA,CACA,GAaA,MAAMK,EAAe,CAACJ,EAAQC,EAAUC,KACpC,IAAK,IAAIG,EAAQJ,EAAUI,GAASH,IAAUG,EAAO,CACjD,MAAMxL,EAAQmL,EAAOK,GACrB,GAAIxL,EAAO,CACP,MAAM2E,EAAM3E,EAAMS,EAClBgL,GAAiBzL,GACjB,GAAI2E,EAAK,CACqB,CAGtBjJ,EAA8B,KAC9B,GAAIiJ,EAAI,QAAS,CAEbA,EAAI,QAAQZ,QACpC,KACyB,CAGD6G,EAA0BjG,EAAK,KACvD,CACA,CAEgBA,EAAIZ,QACpB,CACA,CACA,GAuEA,MAAM2H,EAAiB,CAAC1B,EAAW2B,EAAOtM,EAAUuM,EAAOC,EAAkB,SACzE,IAAIC,EAAc,EAClB,IAAIC,EAAc,EAClB,IAAIC,EAAW,EACf,IAAIlN,EAAI,EACR,IAAImN,EAAYN,EAAM5M,OAAS,EAC/B,IAAImN,EAAgBP,EAAM,GAC1B,IAAIQ,EAAcR,EAAMM,GACxB,IAAIG,EAAYR,EAAM7M,OAAS,EAC/B,IAAIsN,EAAgBT,EAAM,GAC1B,IAAIU,EAAcV,EAAMQ,GACxB,IAAIxL,EACJ,IAAI2L,EACJ,MAAOT,GAAeG,GAAaF,GAAeK,EAAW,CACzD,GAAIF,GAAiB,KAAM,CAEvBA,EAAgBP,IAAQG,EACpC,MACa,GAAIK,GAAe,KAAM,CAC1BA,EAAcR,IAAQM,EAClC,MACa,GAAII,GAAiB,KAAM,CAC5BA,EAAgBT,IAAQG,EACpC,MACa,GAAIO,GAAe,KAAM,CAC1BA,EAAcV,IAAQQ,EAClC,MACa,GAAII,EAAYN,EAAeG,EAAeR,GAAkB,CAKjEY,GAAMP,EAAeG,EAAeR,GACpCK,EAAgBP,IAAQG,GACxBO,EAAgBT,IAAQG,EACpC,MACa,GAAIS,EAAYL,EAAaG,EAAaT,GAAkB,CAI7DY,GAAMN,EAAaG,EAAaT,GAChCM,EAAcR,IAAQM,GACtBK,EAAcV,IAAQQ,EAClC,MACa,GAAII,EAAYN,EAAeI,EAAaT,GAAkB,CAe/D,GAA6BK,EAAc1L,IAAU,QAAU8L,EAAY9L,IAAU,OAAS,CAC1FoK,EAA0BsB,EAAczL,EAAMsC,WAAY,MAC1E,CACY0J,GAAMP,EAAeI,EAAaT,GAkBlC7B,EAAUhH,aAAakJ,EAAczL,EAAO0L,EAAY1L,EAAMwC,aAC9DiJ,EAAgBP,IAAQG,GACxBQ,EAAcV,IAAQQ,EAClC,MACa,GAAII,EAAYL,EAAaE,EAAeR,GAAkB,CAgB/D,GAA6BK,EAAc1L,IAAU,QAAU8L,EAAY9L,IAAU,OAAS,CAC1FoK,EAA0BuB,EAAY1L,EAAMsC,WAAY,MACxE,CACY0J,GAAMN,EAAaE,EAAeR,GAMlC7B,EAAUhH,aAAamJ,EAAY1L,EAAOyL,EAAczL,GACxD0L,EAAcR,IAAQM,GACtBI,EAAgBT,IAAQG,EACpC,KACa,CASDC,GAAY,EACO,CACf,IAAKlN,EAAIgN,EAAahN,GAAKmN,IAAanN,EAAG,CACvC,GAAI6M,EAAM7M,IAAM6M,EAAM7M,GAAGqB,IAAU,MAAQwL,EAAM7M,GAAGqB,IAAUkM,EAAclM,EAAO,CAC/E6L,EAAWlN,EACX,KACxB,CACA,CACA,CACY,GAAqBkN,GAAY,EAAG,CAGhCO,EAAYZ,EAAMK,GAClB,GAAIO,EAAU/L,IAAU6L,EAAc7L,EAAO,CAEzCI,EAAOgJ,EAAU+B,GAASA,EAAMI,GAAc1M,EAAU2M,EAC5E,KACqB,CACDS,GAAMF,EAAWF,EAAeR,GAGhCF,EAAMK,GAAY9N,UAClB0C,EAAO2L,EAAU9L,CACrC,CACgB4L,EAAgBT,IAAQG,EACxC,KACiB,CAKDnL,EAAOgJ,EAAU+B,GAASA,EAAMI,GAAc1M,EAAU0M,GACxDM,EAAgBT,IAAQG,EACxC,CACY,GAAInL,EAAM,CAEoB,CACtBmK,GAAoBmB,EAAczL,GAAOuC,aAAapC,EAAMoK,GAAckB,EAAczL,GAC5G,CAIA,CACA,CACA,CACI,GAAIqL,EAAcG,EAAW,CAEzBhB,EAAUjB,EAAW4B,EAAMQ,EAAY,IAAM,KAAO,KAAOR,EAAMQ,EAAY,GAAG3L,EAAOpB,EAAUuM,EAAOG,EAAaK,EAC7H,MACS,GAAuBL,EAAcK,EAAW,CAIjDb,EAAaI,EAAOG,EAAaG,EACzC,GAqBA,MAAMO,EAAc,CAACE,EAAWC,EAAYd,EAAkB,SAG1D,GAAIa,EAAUlM,IAAUmM,EAAWnM,EAAO,CACtC,GAA4BkM,EAAUlM,IAAU,OAAQ,CACpD,OAAOkM,EAAUtM,IAAWuM,EAAWvM,CACnD,CAMQ,IAAsByL,EAAiB,CACnC,OAAOa,EAAUvM,IAAUwM,EAAWxM,CAClD,CACQ,OAAO,IACf,CACI,OAAO,KAAK,EAEhB,MAAM6K,GAAiBpK,GAKXA,GAAQA,EAAK,SAAYA,EAErC,MAAMmK,GAAuBnK,IAAUA,EAAK,QAAUA,EAAK,QAAUA,GAAMmC,WAU3E,MAAM0J,GAAQ,CAACvC,EAAU7K,EAAUwM,EAAkB,SACjD,MAAMlH,EAAOtF,EAASoB,EAAQyJ,EAASzJ,EACvC,MAAMmM,EAAc1C,EAAShK,EAC7B,MAAM2M,EAAcxN,EAASa,EAC7B,MAAMG,EAAMhB,EAASmB,EACrB,MAAMF,EAAOjB,EAASF,EACtB,IAAI2N,EACJ,GAAuBxM,IAAS,KAAM,CAMQ,CACtC,GAAkBD,IAAQ,SAAW5E,EAAoB,CACrD,GAAmCyO,EAAS9J,IAAWf,EAASe,EAAQ,CACpEf,EAASoB,EAAM,QAAUpB,EAASe,GAAU,GAC5CiK,EAAmBhL,EAASoB,EAAMsM,cACtD,CACA,KACiB,CAIDxD,EAAcW,EAAU7K,EAAUzD,EAClD,CACA,CACQ,GAAuBgR,IAAgB,MAAQC,IAAgB,KAAM,CAGjEnB,EAAe/G,EAAKiI,EAAavN,EAAUwN,EAAahB,EACpE,MACa,GAAIgB,IAAgB,KAAM,CAE3B,GAAyC3C,EAAS/K,IAAW,KAAM,CAE/DwF,EAAIb,YAAc,EAClC,CAEYmH,EAAUtG,EAAK,KAAMtF,EAAUwN,EAAa,EAAGA,EAAY9N,OAAS,EAChF,MACa,GAAuB6N,IAAgB,KAAM,CAE9CrB,EAAaqB,EAAa,EAAGA,EAAY7N,OAAS,EAC9D,CAIA,MACS,GAA+C+N,EAAgBnI,EAAI,QAAU,CAE9EmI,EAAc/J,WAAWe,YAAcxD,CAC/C,MACS,GAAsB4J,EAAS/K,IAAWmB,EAAM,CAGjDqE,EAAIqI,KAAO1M,CACnB,GAeA,MAAM2M,GAAgCtI,IAClC,MAAMf,EAAae,EAAIf,WACvB,IAAK,MAAMqG,KAAarG,EAAY,CAChC,GAAIqG,EAAU1G,WAAa,EAA+B,CACtD,GAAI0G,EAAU,QAAS,CAGnB,MAAMzL,EAAWyL,EAAU,QAG3BA,EAAUiD,OAAS,MAGnB,IAAK,MAAMC,KAAevJ,EAAY,CAElC,GAAIuJ,IAAgBlD,EAAW,CAC3B,GAAIkD,EAAY,UAAYlD,EAAU,SAAWzL,IAAa,GAAI,CAG9D,GAAI2O,EAAY5J,WAAa,IACxB/E,IAAa2O,EAAYlP,aAAa,SAAWO,IAAa2O,EAAY,SAAU,CACrFlD,EAAUiD,OAAS,KACnB,KAChC,CACA,KAC6B,CAID,GAAIC,EAAY5J,WAAa,GACxB4J,EAAY5J,WAAa,GAA8B4J,EAAYrJ,YAAYsJ,SAAW,GAAK,CAChGnD,EAAUiD,OAAS,KACnB,KAChC,CACA,CACA,CACA,CACA,CAEYD,GAA6BhD,EACzC,CACA,GAMA,MAAMoD,GAAgB,GAQtB,MAAMC,GAAgC3I,IAElC,IAAI/D,EACJ,IAAI2M,EACJ,IAAIC,EACJ,IAAK,MAAMvD,KAAatF,EAAIf,WAAY,CAGpC,GAAIqG,EAAU,UAAYrJ,EAAOqJ,EAAU,UAAYrJ,EAAKmC,WAAY,CAGpEwK,EAAmB3M,EAAKmC,WAAWa,WACnC,MAAMpF,EAAWyL,EAAU,QAG3B,IAAKuD,EAAID,EAAiBxO,OAAS,EAAGyO,GAAK,EAAGA,IAAK,CAC/C5M,EAAO2M,EAAiBC,GAQxB,IAAK5M,EAAK,UACLA,EAAK,SACNA,EAAK,UAAYqJ,EAAU,WACOrJ,EAAK,SAAWA,EAAK,UAAYqJ,EAAU,SAAU,CAIvF,GAAIwD,GAAoB7M,EAAMpC,GAAW,CAErC,IAAIkP,EAAmBL,GAAc5C,MAAMkD,GAAMA,EAAEC,IAAqBhN,IAIxElF,EAA8B,KAE9BkF,EAAK,QAAUA,EAAK,SAAWpC,EAC/B,GAAIkP,EAAkB,CAClBA,EAAiBE,EAAiB,QAAU3D,EAAU,QAItDyD,EAAiBG,EAAgB5D,CAC7D,KAC6B,CACDrJ,EAAK,QAAUqJ,EAAU,QAEzBoD,GAAcjO,KAAK,CACfyO,EAAe5D,EACf2D,EAAkBhN,GAElD,CACwB,GAAIA,EAAK,QAAS,CACdyM,GAActM,KAAK+M,IACf,GAAIL,GAAoBK,EAAaF,EAAkBhN,EAAK,SAAU,CAClE8M,EAAmBL,GAAc5C,MAAMkD,GAAMA,EAAEC,IAAqBhN,IACpE,GAAI8M,IAAqBI,EAAaD,EAAe,CACjDC,EAAaD,EAAgBH,EAAiBG,CACtF,CACA,IAEA,CACA,MACyB,IAAKR,GAAcU,MAAMJ,GAAMA,EAAEC,IAAqBhN,IAAO,CAK9DyM,GAAcjO,KAAK,CACfwO,EAAkBhN,GAE9C,CACA,CACA,CACA,CAGQ,GAAIqJ,EAAU1G,WAAa,EAA+B,CACtD+J,GAA6BrD,EACzC,CACA,GASA,MAAMwD,GAAsB,CAACO,EAAgBxP,KACzC,GAAIwP,EAAezK,WAAa,EAA+B,CAC3D,GAAIyK,EAAe/P,aAAa,UAAY,MAAQO,IAAa,GAAI,CAGjE,OAAO,IACnB,CACQ,GAAIwP,EAAe/P,aAAa,UAAYO,EAAU,CAClD,OAAO,IACnB,CACQ,OAAO,KACf,CACI,GAAIwP,EAAe,UAAYxP,EAAU,CACrC,OAAO,IACf,CACI,OAAOA,IAAa,EAAE,EAS1B,MAAMiN,GAAoBwC,IACH,CACfA,EAAMhO,GAAWgO,EAAMhO,EAAQsE,KAAO0J,EAAMhO,EAAQsE,IAAI,MACxD0J,EAAM/N,GAAc+N,EAAM/N,EAAWa,IAAI0K,GACjD,GAeA,MAAMyC,GAAa,CAACtM,EAASuM,EAAiBC,EAAgB,SACvD,IAACxQ,EAAIC,EAAIC,EAAIuQ,EAChB,MAAM3M,EAAUE,EAAQyF,cACxB,MAAMlB,EAAUvE,EAAQwF,EACxB,MAAM8C,EAAWtI,EAAQM,GAAW7C,EAAS,KAAM,MAMnD,MAAMiP,EAAY3N,EAAOwN,GAAmBA,EAAkBhQ,EAAE,KAAM,KAAMgQ,GAC5E3S,EAAckG,EAAQ/E,QAgBtB,GAAqBwJ,EAAQoI,EAAkB,CAC3CD,EAAUrO,EAAUqO,EAAUrO,GAAW,GACzCkG,EAAQoI,EAAiBxN,KAAI,EAAEyN,EAAUC,KAAgBH,EAAUrO,EAAQwO,GAAa/M,EAAQ8M,IACxG,CAOI,GAAIJ,GAAiBE,EAAUrO,EAAS,CACpC,IAAK,MAAMpD,KAAO6C,OAAOC,KAAK2O,EAAUrO,GAAU,CAS9C,GAAIyB,EAAQgN,aAAa7R,KAAS,CAAC,MAAO,MAAO,QAAS,SAASqK,SAASrK,GAAM,CAC9EyR,EAAUrO,EAAQpD,GAAO6E,EAAQ7E,EACjD,CACA,CACA,CACIyR,EAAU9N,EAAQ,KAClB8N,EAAU/N,GAAW,EACrBqB,EAAQM,EAAUoM,EAClBA,EAAU7N,EAAQyJ,EAASzJ,EAAK,EAIhChF,GAAwC0K,EAAQ5F,EAAU,KAA8C,EAC9E,CACtBhF,EAAamG,EAAQ,QAErBhG,EAA8B,KACtC,CAEI+Q,GAAMvC,EAAUoE,EAAWF,GACD,CAGtBlS,GAAIqE,GAAW,EACf,GAAI5E,EAAmB,CACnB2R,GAA6BgB,EAAU7N,GACvC,IAAK,MAAMkO,KAAgBtB,GAAe,CACtC,MAAMW,EAAiBW,EAAaf,EACpC,IAAKI,EAAe,QAAS,CAGzB,MAAMpL,EAEAjF,GAAIwM,eAAe,IACzBvH,EAAgB,QAAUoL,EAC1BA,EAAejL,WAAWC,aAAcgL,EAAe,QAAUpL,EAAkBoL,EACvG,CACA,CACY,IAAK,MAAMW,KAAgBtB,GAAe,CACtC,MAAMW,EAAiBW,EAAaf,EACpC,MAAMgB,EAAcD,EAAad,EACjC,GAAIe,EAAa,CACb,MAAMC,EAAgBD,EAAY7L,WAQlC,IAAI+L,EAAmBF,EAAY3L,YAOnC,GACK6L,GAAoBA,EAAiBvL,WAAa,EAAgC,CACnF,IAAIX,GAAmBhF,EAAKoQ,EAAe,WAAa,MAAQpQ,SAAY,OAAS,EAAIA,EAAGmR,gBAC5F,MAAOnM,EAAiB,CACpB,IAAIoM,GAAWnR,EAAK+E,EAAgB,WAAa,MAAQ/E,SAAY,EAAIA,EAAK,KAC9E,GAAImR,GAAWA,EAAQ,UAAYhB,EAAe,SAAWa,IAAkBG,EAAQjM,WAAY,CAC/FiM,EAAUA,EAAQ/L,YAClB,IAAK+L,IAAYA,EAAQ,QAAS,CAC9BF,EAAmBE,EACnB,KACpC,CACA,CAC4BpM,EAAkBA,EAAgBmM,eAC9D,CACA,CACoB,IAAMD,GAAoBD,IAAkBb,EAAejL,YACvDiL,EAAe/K,cAAgB6L,EAAkB,CAIjD,GAAId,IAAmBc,EAAkB,CASrCD,EAAc7L,aAAagL,EAAgBc,GAK3C,GAAId,EAAezK,WAAa,EAA+B,CAC3DyK,EAAed,QAAUpP,EAAKkQ,EAAe,WAAa,MAAQlQ,SAAY,EAAIA,EAAK,KACvH,CACA,CACA,CACA,KACqB,CAED,GAAIkQ,EAAezK,WAAa,EAA+B,CAG3D,GAAI6K,EAAe,CACfJ,EAAe,SAAWK,EAAKL,EAAed,UAAY,MAAQmB,SAAY,EAAIA,EAAK,KACnH,CACwBL,EAAed,OAAS,IAChD,CACA,CACA,CACA,CACQ,GAAIxR,EAA6B,CAC7BuR,GAA6BqB,EAAU7N,EACnD,CAGQvE,GAAIqE,IAAY,EAEhB8M,GAActO,OAAS,CAC/B,CAiBIxD,EAAa2C,SAAS,EAS1B,MAAM+Q,GAAmB,CAACrN,EAASsN,KAC/B,GAA0BA,IAAsBtN,EAAQuN,GAAqBD,EAAkB,OAAQ,CACnGA,EAAkB,OAAO9P,KAAK,IAAIgQ,SAASzB,GAAO/L,EAAQuN,EAAoBxB,IACtF,GAEA,MAAM0B,GAAiB,CAACzN,EAASwM,KACW,CACpCxM,EAAQrB,GAAW,EAC3B,CACI,GAA0BqB,EAAQrB,EAAU,EAAyC,CACjFqB,EAAQrB,GAAW,IACnB,MACR,CACI0O,GAAiBrN,EAASA,EAAQ0N,GAIlC,MAAMC,EAAW,IAAMC,GAAc5N,EAASwM,GAC9C,OAAyBqB,GAAUF,EAAsB,EAY7D,MAAMC,GAAgB,CAAC5N,EAASwM,KAE5B,MAAMsB,EAAcjT,EAAW,iBAAkBmF,EAAQwF,EAAUG,GACnE,MAAMoI,EAA4B/N,EAAQgO,EAa1C,IAAIC,EACJ,GAAIzB,EAAe,CASQ,CAMnByB,EAAeC,GAASH,EAAU,oBAC9C,CACA,KACS,CAEwB,CAMrBE,EAAeC,GAASH,EAAU,sBAC9C,CACA,CAE6B,CACrBE,EAAeE,GAAQF,GAAc,IAAMC,GAASH,EAAU,wBACtE,CACID,IACA,OAAOK,GAAQF,GAAc,IAAMG,GAAgBpO,EAAS+N,EAAUvB,IAAe,EAkBzF,MAAM2B,GAAU,CAACF,EAAcI,IAAOC,GAAWL,GAAgBA,EAAaM,KAAKF,GAAMA,IAWzF,MAAMC,GAAcL,GAAiBA,aAAwBT,SACxDS,GAAgBA,EAAaM,aAAeN,EAAaM,OAAS,WAWvE,MAAMH,GAAkBI,MAAOxO,EAAS+N,EAAUvB,KAC9C,IAAIxQ,EACJ,MAAM+G,EAAM/C,EAAQyF,cACpB,MAAMgJ,EAAY5T,EAAW,SAAUmF,EAAQwF,EAAUG,GACzD,MAAM+I,EAAK3L,EAAI,QACf,GAAmByJ,EAAe,CAE9BjH,EAAavF,EACrB,CACI,MAAM2O,EAAY9T,EAAW,SAAUmF,EAAQwF,EAAUG,GAOpD,CACDiJ,GAAW5O,EAAS+N,EAAUhL,EAAKyJ,EAC3C,CAuBI,GAA0BkC,EAAI,CAI1BA,EAAGvP,KAAKD,GAAOA,MACf6D,EAAI,QAAUzG,SACtB,CACIqS,IACAF,IACwB,CACpB,MAAMI,GAAoB7S,EAAK+G,EAAI,UAAY,MAAQ/G,SAAY,EAAIA,EAAK,GAC5E,MAAM8S,EAAa,IAAMC,GAAoB/O,GAC7C,GAAI6O,EAAiB1R,SAAW,EAAG,CAC/B2R,GACZ,KACa,CACDtB,QAAQwB,IAAIH,GAAkBN,KAAKO,GACnC9O,EAAQrB,GAAW,EACnBkQ,EAAiB1R,OAAS,CACtC,CACA,GAiBA,MAAMyR,GAAa,CAAC5O,EAAS+N,EAAUhL,EAAKyJ,KAQxC,IAMIuB,EAAyBA,EAASkB,SACN,CACxBjP,EAAQrB,IAAY,EAChC,CACmC,CACvBqB,EAAQrB,GAAW,CAC/B,CACgD,CACG,CAO9B,CACD2N,GAAWtM,EAAS+N,EAAUvB,EAClD,CACA,CAUA,CACA,CACI,MAAOjF,GACH2H,GAAa3H,EAAGvH,EAAQyF,cAChC,CAEI,OAAO,IAAI,EAGf,MAAMsJ,GAAuB/O,IACzB,MAAMjF,EAAUiF,EAAQwF,EAAUG,EAClC,MAAM5C,EAAM/C,EAAQyF,cACpB,MAAM0J,EAAgBtU,EAAW,aAAcE,GAC/C,MAAMgT,EAA4B/N,EAAQgO,EAC1C,MAAMV,EAAoBtN,EAAQ0N,EACV,CAIpBQ,GAASH,EAAU,qBAI3B,CAEI,KAAM/N,EAAQrB,EAAU,IAAyC,CAC7DqB,EAAQrB,GAAW,GAC6B,CAE5CyQ,GAAgBrM,EAC5B,CAC8B,CAIlBmL,GAASH,EAAU,mBAI/B,CAEQoB,IACwB,CACpBnP,EAAQqP,EAAiBtM,GACzB,IAAKuK,EAAmB,CACpBgC,IAChB,CACA,CACA,KACS,CAeDH,GACR,CACwC,CAChCnP,EAAQuP,EAAoBxM,EACpC,CAG4B,CACpB,GAAI/C,EAAQuN,EAAmB,CAC3BvN,EAAQuN,IACRvN,EAAQuN,EAAoBjR,SACxC,CACQ,GAAI0D,EAAQrB,EAAU,IAAoC,CACtD6Q,IAAS,IAAM/B,GAAezN,EAAS,QACnD,CACQA,EAAQrB,KAAa,EAA0C,IACvE,GAkBA,MAAM2Q,GAAcG,IAGU,CACtBL,GAAgBrT,GAAI2T,gBAC5B,CAIIF,IAAS,IAAMtM,EAAUzI,GAAK,UAAW,CAAEwI,OAAQ,CAAE0M,UAAWjW,MAAe,EAenF,MAAMwU,GAAW,CAACH,EAAU6B,EAAQC,KAChC,GAAI9B,GAAYA,EAAS6B,GAAS,CAC9B,IACI,OAAO7B,EAAS6B,GAAQC,EACpC,CACQ,MAAOtI,GACH2H,GAAa3H,EACzB,CACA,CACI,OAAOjL,SAAS,EAmBpB,MAAM8S,GAAmBrM,GACnBA,EAAIuD,UAAUlB,IAAI,YAgBxB,MAAM0K,GAAW,CAACnN,EAAKiK,IAAahK,GAAWD,GAAKoN,EAAiB9O,IAAI2L,GACzE,MAAMoD,GAAW,CAACrN,EAAKiK,EAAUqD,EAAQ1L,KAErC,MAAMvE,EAAU4C,GAAWD,GAC3B,MAAMI,EAAuB/C,EAAQyF,cACrC,MAAMyK,EAASlQ,EAAQ+P,EAAiB9O,IAAI2L,GAC5C,MAAM9J,EAAQ9C,EAAQrB,EACtB,MAAMoP,EAA4B/N,EAAQgO,EAC1CiC,EAAS3N,EAAmB2N,EAAQ1L,EAAQ4L,EAAUvD,GAAU,IAEhE,MAAMwD,EAAaC,OAAOC,MAAMJ,IAAWG,OAAOC,MAAML,GACxD,MAAMM,EAAiBN,IAAWC,IAAWE,EAC7C,MAA0BtN,EAAQ,IAA8CoN,IAAW5T,YAAciU,EAAgB,CAGrHvQ,EAAQ+P,EAAiB1N,IAAIuK,EAAUqD,GASvC,GAAuBlC,EAAU,CAE7B,GAA2BxJ,EAAQiM,GAAc1N,EAAQ,IAAmC,CACxF,MAAM2N,EAAelM,EAAQiM,EAAW5D,GACxC,GAAI6D,EAAc,CAEdA,EAAatR,KAAKuR,IACd,IAEI3C,EAAS2C,GAAiBT,EAAQC,EAAQtD,EACtE,CACwB,MAAOrF,GACH2H,GAAa3H,EAAGxE,EAC5C,IAEA,CACA,CACY,IACKD,GAAS,EAAiC,OAA4C,EAAgC,CAUvH2K,GAAezN,EAAS,MACxC,CACA,CACA,GAYA,MAAM2Q,GAAiB,CAACC,EAAMrM,EAASzB,KACnC,IAAI9G,EACJ,MAAM6U,EAAYD,EAAKC,UAwBvB,GAAoBtM,EAAQ4L,EAAW,CACnC,GAA2BS,EAAKE,SAAU,CACtCvM,EAAQiM,EAAaI,EAAKE,QACtC,CAEQ,MAAMC,EAAUjT,OAAOkT,QAAQzM,EAAQ4L,GACvCY,EAAQ5R,KAAI,EAAE4G,GAAakL,OACvB,GACKA,EAAc,IACUnO,EAAQ,GAAmCmO,EAAc,GAA+B,CAEjHnT,OAAOoT,eAAeL,EAAW9K,EAAY,CACzC,GAAA9E,GAEI,OAAO6O,GAASqB,KAAMpL,EAC9C,EACoB,GAAA1D,CAAI4D,GAiBA+J,GAASmB,KAAMpL,EAAYE,EAAU1B,EAC7D,EACoB6M,aAAc,KACdC,WAAY,MAEhC,MACiB,GAEDvO,EAAQ,GACRmO,EAAc,GAA8B,CAE5CnT,OAAOoT,eAAeL,EAAW9K,EAAY,CACzC,KAAA0B,IAAS6J,GACL,IAAItV,EACJ,MAAM2G,EAAMC,GAAWuO,MACvB,OAAQnV,EAAK2G,IAAQ,MAAQA,SAAa,OAAS,EAAIA,EAAI4O,KAAyB,MAAQvV,SAAY,OAAS,EAAIA,EAAGuS,MAAK,KAAQ,IAAIvS,EAAI,OAAQA,EAAK2G,EAAIqL,KAAoB,MAAQhS,SAAY,OAAS,EAAIA,EAAG+J,MAAeuL,EAAK,GAClQ,GAEA,KAEQ,GAAkDxO,EAAQ,EAA2C,CACjG,MAAM0O,EAAqB,IAAI9Q,IAC/BmQ,EAAUY,yBAA2B,SAAUC,EAAU1L,EAAUC,GAC/D3L,GAAIqX,KAAI,KACJ,IAAI3V,EACJ,MAAM4Q,EAAW4E,EAAmBvQ,IAAIyQ,GAkCxC,GAAIP,KAAKS,eAAehF,GAAW,CAC/B3G,EAAWkL,KAAKvE,UACTuE,KAAKvE,EACpC,MACyB,GAAIiE,EAAUe,eAAehF,WACvBuE,KAAKvE,KAAc,UAC1BuE,KAAKvE,IAAa3G,EAAU,CAI5B,MACxB,MACyB,GAAI2G,GAAY,KAAM,CAGvB,MAAM5M,EAAU4C,GAAWuO,MAC3B,MAAMrO,EAAQ9C,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQrB,EAKxE,GAAImE,KACEA,EAAQ,IACVA,EAAQ,KACRmD,IAAaD,EAAU,CAEvB,MAAM+H,EAA4B/N,EAAQgO,EAC1C,MAAM6D,GAAS7V,EAAKuI,EAAQiM,KAAgB,MAAQxU,SAAY,OAAS,EAAIA,EAAG0V,GAChFG,IAAU,MAAQA,SAAe,OAAS,EAAIA,EAAM5S,SAAS6S,IACzD,GAAI/D,EAAS+D,IAAiB,KAAM,CAChC/D,EAAS+D,GAAcC,KAAKhE,EAAU9H,EAAUD,EAAU0L,EAC9F,IAEA,CACwB,MACxB,CACoBP,KAAKvE,GAAY3G,IAAa,aAAekL,KAAKvE,KAAc,UAAY,MAAQ3G,CAAQ,GAEhH,EAMY2K,EAAKoB,mBAAqB5U,MAAMwL,KAAK,IAAIhE,IAAI,IACtC9G,OAAOC,MAAM/B,EAAKuI,EAAQiM,KAAgB,MAAQxU,SAAY,EAAIA,EAAK,OACvE+U,EACE/S,QAAO,EAAEiU,EAAGC,KAAOA,EAAE,GAAK,KAC1B/S,KAAI,EAAEyN,EAAUsF,MACjB,IAAIlW,EACJ,MAAM0V,EAAWQ,EAAE,IAAMtF,EACzB4E,EAAmBnP,IAAIqP,EAAU9E,GACjC,GAAqBsF,EAAE,GAAK,IAAoC,EAC3DlW,EAAKuI,EAAQoI,KAAsB,MAAQ3Q,SAAY,OAAS,EAAIA,EAAGwB,KAAK,CAACoP,EAAU8E,GAChH,CACoB,OAAOA,CAAQ,MAGnC,CACA,CACI,OAAOd,CAAI,EAYf,MAAMuB,GAAsB3D,MAAOzL,EAAK/C,EAASuE,EAAS6N,KACtD,IAAIxB,EAEJ,IAAK5Q,EAAQrB,EAAU,MAAiD,EAAG,CAEvEqB,EAAQrB,GAAW,GAC4B,CAI3CiS,EAAOyB,GAAW9N,GAClB,GAAIqM,EAAKrC,KAAM,CAEX,MAAM+D,EAAUtX,IAChB4V,QAAaA,EACb0B,GAChB,CAIY,IAAqB1B,EAAK2B,UAAW,CAIR,CACrBhO,EAAQiM,EAAaI,EAAKE,QAC9C,CACgBH,GAAeC,EAAMrM,EAAS,GAC9BqM,EAAK2B,UAAY,IACjC,CACY,MAAMC,EAAiB3X,EAAW,iBAAkB0J,EAAQoB,GAI1C,CACd3F,EAAQrB,GAAW,CACnC,CAKY,IACI,IAAIiS,EAAK5Q,EACzB,CACY,MAAOuH,GACH2H,GAAa3H,EAC7B,CAC8B,CACdvH,EAAQrB,IAAY,CACpC,CACqC,CACrBqB,EAAQrB,GAAW,GACnC,CACY6T,IACAC,GAAsBzS,EAAQgO,EAC1C,CASQ,GAAmB4C,EAAK5M,MAAO,CAE3B,IAAIA,EAAQ4M,EAAK5M,MAOjB,MAAMH,EAAUY,EAAWF,GAC3B,IAAKN,GAAOY,IAAIhB,GAAU,CACtB,MAAM6O,EAAoB7X,EAAW,iBAAkB0J,EAAQoB,GAQ/D/B,EAAcC,EAASG,KAAUO,EAAQ5F,EAAU,IACnD+T,GAChB,CACA,CACA,CAEI,MAAMpF,EAAoBtN,EAAQ0N,EAClC,MAAMiF,EAAW,IAAMlF,GAAezN,EAAS,MAC/C,GAA0BsN,GAAqBA,EAAkB,QAAS,CAOtEA,EAAkB,QAAQ9P,KAAKmV,EACvC,KACS,CACDA,GACR,GAEA,MAAMF,GAAyB1E,IACoB,CAC3CG,GAASH,EAAU,oBAC3B,GAEA,MAAM6E,GAAqB7P,IACvB,IAAKzI,GAAIqE,EAAU,KAA8C,EAAG,CAChE,MAAMqB,EAAU4C,GAAWG,GAC3B,MAAMwB,EAAUvE,EAAQwF,EACxB,MAAMqN,EAAehY,EAAW,oBAAqB0J,EAAQoB,GAK7D,KAAM3F,EAAQrB,EAAU,GAAkC,CAEtDqB,EAAQrB,GAAW,EACnB,IAAIoB,EACyB,CACzBA,EAASgD,EAAI1G,aAAad,GAC1B,GAAIwE,EAAQ,CAORF,EAAwBkD,EAAKwB,EAAQoB,EAAW5F,EAAQC,EAC5E,CACA,CACY,IAA6BD,EAAQ,CAKjC,GAGQwE,EAAQ5F,GAAW,EAAsC,GAAwC,CACrGmU,GAAoB/P,EACxC,CACA,CACoC,CAGpB,IAAIuK,EAAoBvK,EACxB,MAAQuK,EAAoBA,EAAkBnM,YAAcmM,EAAkBxI,KAAO,CAGjF,GACIwI,EAAkB3L,WAAa,GAC/B2L,EAAkBR,aAAa,SAC/BQ,EAAkB,QAClBA,EAAkB,OAAQ,CAG1BD,GAAiBrN,EAAUA,EAAQ0N,EAAsBJ,GACzD,KACxB,CACA,CACA,CAGY,GAA8C/I,EAAQ4L,EAAW,CAC7DrS,OAAOkT,QAAQzM,EAAQ4L,GAAWhR,KAAI,EAAE4G,GAAakL,OACjD,GAAIA,EAAc,IAA8BlO,EAAI6O,eAAe7L,GAAa,CAC5E,MAAM0B,EAAQ1E,EAAIgD,UACXhD,EAAIgD,GACXhD,EAAIgD,GAAc0B,CAC1C,IAEA,CAQiB,CACD0K,GAAoBpP,EAAK/C,EAASuE,EAClD,CACA,KACa,CAMD,GAAIvE,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQgO,EAAgB,CAC1EyE,GAAsBzS,EAAQgO,EAC9C,MACiB,GAAIhO,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQ+S,EAAkB,CACjF/S,EAAQ+S,EAAiBxE,MAAK,IAAMkE,GAAsBzS,EAAQgO,IAClF,CACA,CACQ6E,GACR,GAEA,MAAMC,GAAuB/P,IAOzB,MAAMiQ,EAAiBjQ,EAAI,QAAUhH,GAAIkX,cAAsE,IAC/GD,EAAc,QAAU,KACxBjQ,EAAI3B,aAAa4R,EAAejQ,EAAImQ,WAAW,EAEnD,MAAMC,GAAsBpF,IAC0B,CAC9CG,GAASH,EAAU,uBAC3B,GAKA,MAAMqF,GAAuB5E,MAAOzL,IAChC,IAAKzI,GAAIqE,EAAU,KAA8C,EAAG,CAChE,MAAMqB,EAAU4C,GAAWG,GAUtB,GAAI/C,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQgO,EAAgB,CAC/EmF,GAAmBnT,EAAQgO,EACvC,MACa,GAAIhO,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQ+S,EAAkB,CACjF/S,EAAQ+S,EAAiBxE,MAAK,IAAM4E,GAAmBnT,EAAQgO,IAC3E,CACA,GAiiBK,MAACqF,GAAgB,CAACC,EAAaC,EAAU,MAC1C,IAAIvX,EAKJ,MAAMwX,EAAe3Y,IACrB,MAAM4Y,EAAU,GAChB,MAAMC,EAAUH,EAAQG,SAAW,GACnC,MAAMC,EAAiBlZ,GAAIkZ,eAC3B,MAAMxX,EAAOJ,GAAII,KACjB,MAAMyX,EAA4BzX,EAAKC,cAAc,iBACrD,MAAMyX,EAA2B9X,GAAIiJ,cAAc,SACnD,MAAM8O,EAA6B,GAEnC,IAAIC,EACJ,IAAIC,EAAkB,KAEtBlW,OAAO8B,OAAOtF,GAAKiZ,GACnBjZ,GAAIC,EAAiB,IAAIF,IAAIkZ,EAAQU,cAAgB,KAAMlY,GAAImY,SAASvZ,KAM3C,CAGzBL,GAAIqE,GAAW,CACvB,CAMI,IAAIwV,EAAoB,MACxBb,EAAYnU,KAAKiV,IACbA,EAAW,GAAGjV,KAAKkV,IACf,IAAIrY,EACJ,MAAMuI,EAAU,CACZ5F,EAAS0V,EAAY,GACrB1O,EAAW0O,EAAY,GACvBlE,EAAWkE,EAAY,GACvBC,EAAaD,EAAY,IAI7B,GAAI9P,EAAQ5F,EAAU,EAAqC,CACvDwV,EAAoB,IACpC,CAC8B,CACd5P,EAAQ4L,EAAYkE,EAAY,EAChD,CAI+B,CACf9P,EAAQoI,EAAmB,EAC3C,CACqC,CACrBpI,EAAQiM,GAAcxU,EAAKqY,EAAY,MAAQ,MAAQrY,SAAY,EAAIA,EAAK,EAC5F,CAKY,MAAMjB,EAEAwJ,EAAQoB,EACd,MAAM4O,EAAc,cAAcC,YAE9B,WAAAC,CAAYC,GAERC,MAAMD,GACNA,EAAOvD,KACPyD,GAAaF,EAAMnQ,EAqBvC,CACgB,iBAAAqO,GACI,GAAImB,EAAiB,CACjBc,aAAad,GACbA,EAAkB,IAC1C,CACoB,GAAIC,EAAiB,CAEjBF,EAA2BtW,KAAK2T,KACxD,KACyB,CACD7W,GAAIqX,KAAI,IAAMiB,GAAkBzB,OACxD,CACA,CACgB,oBAAAiC,GACI9Y,GAAIqX,KAAI,IAAMyB,GAAqBjC,OACvD,CACgB,gBAAA2D,GACI,OAAOlS,GAAWuO,MAAM4B,CAC5C,GAsCYxO,EAAQwQ,EAAiBX,EAAW,GACpC,IAAKV,EAAQpO,SAASvK,KAAa4Y,EAAe1S,IAAIlG,GAAU,CAC5D0Y,EAAQjW,KAAKzC,GACb4Y,EAAeqB,OAAOja,EAAS4V,GAAe4D,EAAahQ,EAAS,GACpF,IACU,IAIN,GAAIkP,EAAQtW,OAAS,EAAG,CAEpB,GAAIgX,EAAmB,CACnBN,EAAW3R,aAAexG,CACtC,CAMQ,GAAImY,EAAW9O,UAAU5H,OAAQ,CAC7B0W,EAAW1O,aAAa,cAAe,IAEvC,MAAMF,GAASjJ,EAAK1B,GAAI4K,KAAa,MAAQlJ,SAAY,EAAIA,EAAKF,EAAyBC,IAC3F,GAAIkJ,GAAS,KAAM,CACf4O,EAAW1O,aAAa,QAASF,EACjD,CAGY9I,EAAKiF,aAAayS,EAAYD,EAAcA,EAAYvS,YAAclF,EAAK+W,WACvF,CACA,CAEIc,EAAkB,MAClB,GAAIF,EAA2B3W,OAAQ,CACnC2W,EAA2B3U,KAAK2F,GAASA,EAAK8N,qBACtD,KACS,CAII,CACDtY,GAAIqX,KAAI,IAAOoC,EAAkBkB,WAAW3F,GAAY,KACpE,CACA,CAEIkE,GAAc,EA4Eb,MAAC0B,GAAYjQ,GAAW3K,GAAI4K,EAAUD,EA4M3C,MAAMkQ,GAEA,IAAIxR,QAOV,MAAMf,GAAcD,GAAQwS,GAASlU,IAAI0B,GASpC,MAACyS,GAAmB,CAACC,EAAcrV,IAAYmV,GAAS9S,IAAKrC,EAAQgO,EAAiBqH,EAAerV,GAU1G,MAAM4U,GAAe,CAACU,EAAa/Q,KAC/B,MAAMvE,EAAU,CACZrB,EAAS,EACT8G,cAAe6P,EACf9P,EAAWjB,EACXwL,EAAkB,IAAIrP,KAKU,CAChCV,EAAQuR,EAAsB,IAAI/D,SAASzB,GAAO/L,EAAQuP,EAAsBxD,GACxF,CAC4B,CACpB/L,EAAQ+S,EAAmB,IAAIvF,SAASzB,GAAO/L,EAAQqP,EAAmBtD,IAC1EuJ,EAAY,OAAS,GACrBA,EAAY,QAAU,EAC9B,CAEI,OAAOH,GAAS9S,IAAIiT,EAAatV,EAAQ,EAE7C,MAAMoG,GAAoB,CAACrD,EAAKgD,IAAeA,KAAchD,EAC7D,MAAMmM,GAAe,CAAC3H,EAAGgO,KAAO,EAAgBC,QAAQC,OAAOlO,EAAGgO,GAWlE,MAAMG,GAA2B,IAAIhV,IACrC,MAAM2R,GAAa,CAAC9N,EAASvE,EAASoS,KAElC,MAAMuD,EAAapR,EAAQoB,EAAUsB,QAAQ,KAAM,KACnD,MAAM2O,EAAWrR,EAAQwQ,EAKzB,MAAMc,EAAuCH,GAAWzU,IAAI2U,GAC5D,GAAIC,EAAQ,CACR,OAAOA,EAAOF,EACtB;qCAEI,OAAOG,OAKP,KAAKF,aAA4F,MAAMrH,MAAMwH,IACxE,CAC7BL,GAAWrT,IAAIuT,EAAUG,EACrC,CACQ,OAAOA,EAAeJ,EAAW,GAClCzG,GAAa,EAEpB,MAAMjL,GAAuB,IAAIvD,IAEjC,MAAMjG,UAAaub,SAAW,YAAcA,OAAS,GACrD,MAAMja,GAAMtB,GAAIwb,UAAY,CAAE9Z,KAAM,IAC/B,MAAC+Z,GAAKzb,GAAI+Z,aAAe,QAE9B,MAAMla,GAAM,CACRqE,EAAS,EACTpE,EAAgB,GAChBoX,IAAMpV,GAAMA,IACZ4Z,IAAM5Z,GAAM6Z,sBAAsB7Z,GAClC6K,IAAK,CAACmO,EAAIc,EAAWC,EAAUhT,IAASiS,EAAGgB,iBAAiBF,EAAWC,EAAUhT,GACjF6D,IAAK,CAACoO,EAAIc,EAAWC,EAAUhT,IAASiS,EAAGiB,oBAAoBH,EAAWC,EAAUhT,GACpFE,GAAI,CAAC6S,EAAW/S,IAAS,IAAImT,YAAYJ,EAAW/S,IAKxD,MAAMpC,GAIA,KAaD,MAACwV,GAAkBC,GAAMnJ,QAAQoJ,QAAQD,GAC9C,MAAMzS,GACc,MACZ,IACI,IAAIC,cACJ,cAAc,IAAIA,eAAgBC,cAAgB,UAC9D,CACQ,MAAOmD,GAAG,CACV,OAAO,KACV,EAPe,GASpB,MAAMsP,GAAgB,GACtB,MAAMC,GAAiB,GAEvB,MAAMC,GAAY,CAACC,EAAOC,IAAW/X,IACjC8X,EAAMxZ,KAAK0B,GACX,IAAKjF,EAAc,CACfA,EAAe,KACf,GAAIgd,GAAS3c,GAAIqE,EAAU,EAAkC,CACzD6Q,GAAS0H,GACrB,KACa,CACD5c,GAAI6b,IAAIe,GACpB,CACA,GAEA,MAAMC,GAAWH,IACb,IAAK,IAAI9Z,EAAI,EAAGA,EAAI8Z,EAAM7Z,OAAQD,IAAK,CACnC,IACI8Z,EAAM9Z,GAAGka,YAAYC,MACjC,CACQ,MAAO9P,GACH2H,GAAa3H,EACzB,CACA,CACIyP,EAAM7Z,OAAS,CAAC,EAoBpB,MAAM+Z,GAAQ,KAOVC,GAAQN,IAqBH,CACDM,GAAQL,IACR,GAAK7c,EAAe4c,GAAc1Z,OAAS,EAAI,CAG3C7C,GAAI6b,IAAIe,GACpB,CACA,GAEA,MAAM1H,GAAYtQ,GAAOwX,KAAiBnI,KAAKrP,GAE/C,MAAM2O,GAA0BkJ,GAAUD,GAAgB,a"}
\ No newline at end of file
diff --git a/build/p-38d94fa0.entry.js b/build/p-38d94fa0.entry.js
new file mode 100644
index 00000000..54606937
--- /dev/null
+++ b/build/p-38d94fa0.entry.js
@@ -0,0 +1,2 @@
+import{r as t,h as o,a as e,g as i}from"./p-3336fe3b.js";import{g as r}from"./p-8a8117a5.js";const n={root:"gov-tile",icon:"gov-tile__icon",arrow:"gov-tile__arrow",title:"gov-tile__title",link:"gov-tile__link",content:"gov-tile__content",heading:"gov-tile__heading"};const a='.gov-tile__title::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:block;margin:0rem 0rem 1.5rem;color:var(--gov-tile-main-color, var(--gov-color-primary))}.gov-tile__icon .gov-icon{width:2.5rem;height:2.5rem}.gov-tile__title{display:flex;gap:0.5rem;justify-content:space-between;align-items:flex-start;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none;margin-bottom:0.5rem}.gov-tile__title [slot=title]{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0}.gov-tile__arrow{flex:0 0 auto;width:1.25rem;height:1.25rem;position:relative;top:0.3125rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}.gov-tile__link{display:block;text-decoration:none}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__title{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon{margin:0rem 0rem 1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}';const l=a;const s=class{constructor(o){t(this,o);this.href=undefined;this.target=undefined;this.h=r(this.host)}render(){return o(e,{key:"7bc53d4c46352f5c2bf2b77f2055a418db14f97a",class:this.h.classes(n.root)},this.href?o("a",{href:this.href,target:this.target,class:n.link,ref:t=>this.triggerRef=t},this.h.hasSlot("icon")&&o("span",{class:n.icon},o("slot",{name:"icon"})),this.h.hasSlot("title")&&o("span",{class:n.title},o("slot",{name:"title"}),o("gov-icon",{class:n.arrow,name:"chevron-right"})),o("div",{class:n.content},o("slot",null))):o("span",null,this.h.hasSlot("icon")&&o("span",{class:n.icon},o("slot",{name:"icon"})),this.h.hasSlot("title")&&o("span",{class:n.title},o("slot",{name:"title"})),o("div",{class:n.content},o("slot",null))))}async getTriggerRef(){return this.triggerRef}get host(){return i(this)}};s.style=l;export{s as gov_tile};
+//# sourceMappingURL=p-38d94fa0.entry.js.map
\ No newline at end of file
diff --git a/build/p-38d94fa0.entry.js.map b/build/p-38d94fa0.entry.js.map
new file mode 100644
index 00000000..dae25991
--- /dev/null
+++ b/build/p-38d94fa0.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["TileClass","root","icon","arrow","title","link","content","heading","govTileCss","GovTileStyle0","GovTile","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","href","target","ref","el","triggerRef","hasSlot","name","getTriggerRef"],"sources":["../../packages/core/src/components/gov-tile/constants.ts","../../packages/core/src/components/gov-tile/gov-tile.scss?tag=gov-tile","../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["export const TileClass = {\n\troot: 'gov-tile',\n\ticon: 'gov-tile__icon',\n\tarrow: 'gov-tile__arrow',\n\ttitle: 'gov-tile__title',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\theading: 'gov-tile__heading',\n}\n","/*\n *   Tile\n */\n\n$class: \".gov-tile\";\n\n#{$class} {\n\t@include base();\n\tpadding: rem-calc(12);\n\ttransition: background-color $t;\n\t&__icon {\n\t\tdisplay: block;\n\t\tmargin: rem-calc(0 0 24);\n\t\tcolor: $tile-main-color;\n\t\t.gov-icon {\n\t\t\twidth: rem-calc(40);\n\t\t\theight: rem-calc(40);\n\t\t}\n\t}\n\t&__title {\n\t\t@extend %link-mask;\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\tcolor: $tile-main-color;\n\t\ttext-decoration: none;\n\t\tmargin-bottom: rem-calc(8);\n\t\t& [slot=\"title\"] {\n\t\t\t@include typography($font-size-xl);\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(20);\n\t\theight: rem-calc(20);\n\t\tposition: relative;\n\t\ttop: rem-calc(5);\n\t\tcolor: inherit;\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\tcolor: $tile-text-color;\n\t\ta {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\t&__link {\n\t\tdisplay: block;\n\t\ttext-decoration: none;\n\t}\n\n\t// HOVERS\n\t&[href] {\n\t\t@include hover() {\n\t\t\tbackground: $tile-hover-bg;\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\tcolor: $tile-main-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: md) {\n\t\tpadding: rem-calc(24);\n\t\t&__icon {\n\t\t\tmargin: rem-calc(0 0 24);\n\t\t\t.gov-icon {\n\t\t\t\twidth: rem-calc(48);\n\t\t\t\theight: rem-calc(48);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from \"@stencil/core\"\nimport { TileClass } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { ButtonTargetType } from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n\tstyleUrl: \"gov-tile.scss\",\n})\nexport class GovTile {\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Link on whole tile\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}>\n\t\t\t\t{this.href ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.h.hasSlot(\"title\") && (\n\t\t\t\t\t\t\t<span class={TileClass.title}>\n\t\t\t\t\t\t\t\t<slot name=\"title\" />\n\t\t\t\t\t\t\t\t<gov-icon class={TileClass.arrow} name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.h.hasSlot(\"title\") && (\n\t\t\t\t\t\t\t<span class={TileClass.title}>\n\t\t\t\t\t\t\t\t<slot name=\"title\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,MAAO,kBACPC,MAAO,kBACPC,KAAM,iBACNC,QAAS,oBACTC,QAAS,qBCPV,MAAMC,EAAa,0xDACnB,MAAAC,EAAeD,E,MCSFE,EAAO,MAInB,WAAAC,CAAAC,G,oDACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAcvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQrB,EAAUC,OACpCY,KAAKS,KACLR,EAAA,KACCQ,KAAMT,KAAKS,KACXC,OAAQV,KAAKU,OACbH,MAAOpB,EAAUK,KACjBmB,IAAKC,GAAOZ,KAAKa,WAAaD,GAC7BZ,KAAKC,EAAEa,QAAQ,SACfb,EAAA,QAAMM,MAAOpB,EAAUE,MACtBY,EAAA,QAAMc,KAAK,UAGZf,KAAKC,EAAEa,QAAQ,UACfb,EAAA,QAAMM,MAAOpB,EAAUI,OACtBU,EAAA,QAAMc,KAAK,UACXd,EAAA,YAAUM,MAAOpB,EAAUG,MAAOyB,KAAK,mBAGzCd,EAAA,OAAKM,MAAOpB,EAAUM,SACrBQ,EAAA,eAIFA,EAAA,YACED,KAAKC,EAAEa,QAAQ,SACfb,EAAA,QAAMM,MAAOpB,EAAUE,MACtBY,EAAA,QAAMc,KAAK,UAGZf,KAAKC,EAAEa,QAAQ,UACfb,EAAA,QAAMM,MAAOpB,EAAUI,OACtBU,EAAA,QAAMc,KAAK,WAGbd,EAAA,OAAKM,MAAOpB,EAAUM,SACrBQ,EAAA,e,CAYN,mBAAMe,GACL,OAAOhB,KAAKa,U"}
\ No newline at end of file
diff --git a/build/p-3ce456bb.js b/build/p-3ce456bb.js
new file mode 100644
index 00000000..31885a6b
--- /dev/null
+++ b/build/p-3ce456bb.js
@@ -0,0 +1,2 @@
+const o={root:"gov-grid"};const t={root:"gov-grid-item"};export{o as G,t as a};
+//# sourceMappingURL=p-3ce456bb.js.map
\ No newline at end of file
diff --git a/build/p-3ce456bb.js.map b/build/p-3ce456bb.js.map
new file mode 100644
index 00000000..c452fbdb
--- /dev/null
+++ b/build/p-3ce456bb.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["GridClass","root","GridItemClass"],"sources":["../../packages/core/src/components/gov-grid/constants.ts"],"sourcesContent":["export const GridClass = {\n\troot: 'gov-grid',\n}\n\nexport const GridItemClass = {\n\troot: 'gov-grid-item',\n}\n"],"mappings":"MAAaA,EAAY,CACxBC,KAAM,Y,MAGMC,EAAgB,CAC5BD,KAAM,wB"}
\ No newline at end of file
diff --git a/build/p-3f9cdac9.entry.js b/build/p-3f9cdac9.entry.js
new file mode 100644
index 00000000..a9f3675c
--- /dev/null
+++ b/build/p-3f9cdac9.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as r,a as o,g as a}from"./p-3336fe3b.js";import{v as s}from"./p-bc59b609.js";import{V as g}from"./p-55e78f21.js";import{p as v}from"./p-2b6bbee5.js";import{g as n}from"./p-8a8117a5.js";import"./p-40f10385.js";v(g,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const i={root:"gov-message",icon:"gov-message__icon",content:"gov-message__content",close:"gov-message__close"};const t='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-message{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white))}.gov-message__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-message__content{flex:1 1 auto}.gov-message__content>*:last-child{margin-bottom:0}.gov-message__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}@media (min-width: 30em){.gov-message{flex-direction:row}}.gov-message[shadow=""],.gov-message[shadow=true i],.gov-message[shadow="1"]{box-shadow:var(--gov-message-box-shadow, 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1))}.gov-message[variant=warning]{border-left-color:var(--gov-message-warning-color, var(--gov-color-warning));background:var(--gov-message-warning-bg-color, var(--gov-color-warning-100))}.gov-message[variant=warning] .gov-message__icon{color:var(--gov-message-warning-color, var(--gov-color-warning))}.gov-message[variant=warning][inverse=""],.gov-message[variant=warning][inverse=true i],.gov-message[variant=warning][inverse="1"]{background:var(--gov-message-bg-inverse, var(--gov-color-neutral-white))}.gov-message[variant=error]{border-left-color:var(--gov-message-error-color, var(--gov-color-error));background:var(--gov-message-error-bg-color, var(--gov-color-error-100))}.gov-message[variant=error] .gov-message__icon{color:var(--gov-message-error-color, var(--gov-color-error))}.gov-message[variant=error][inverse=""],.gov-message[variant=error][inverse=true i],.gov-message[variant=error][inverse="1"]{background:var(--gov-message-bg-inverse, var(--gov-color-neutral-white))}.gov-message[variant=secondary]{border-left-color:var(--gov-message-secondary-color, var(--gov-color-secondary));background:var(--gov-message-secondary-bg-color, var(--gov-color-secondary-200))}.gov-message[variant=secondary] .gov-message__icon{color:var(--gov-message-secondary-color, var(--gov-color-secondary))}.gov-message[variant=secondary][inverse=""],.gov-message[variant=secondary][inverse=true i],.gov-message[variant=secondary][inverse="1"]{background:var(--gov-message-bg-inverse, var(--gov-color-neutral-white))}.gov-message[variant=success]{border-left-color:var(--gov-message-success-color, var(--gov-color-success));background:var(--gov-message-success-bg-color, var(--gov-color-success-100))}.gov-message[variant=success] .gov-message__icon{color:var(--gov-message-success-color, var(--gov-color-success))}.gov-message[variant=success][inverse=""],.gov-message[variant=success][inverse=true i],.gov-message[variant=success][inverse="1"]{background:var(--gov-message-bg-inverse, var(--gov-color-neutral-white))}.gov-message[variant=primary]{border-left-color:var(--gov-message-primary-color, var(--gov-color-primary));background:var(--gov-message-primary-bg-color, var(--gov-color-primary-100))}.gov-message[variant=primary] .gov-message__icon{color:var(--gov-message-primary-color, var(--gov-color-primary))}.gov-message[variant=primary][inverse=""],.gov-message[variant=primary][inverse=true i],.gov-message[variant=primary][inverse="1"]{background:var(--gov-message-bg-inverse, var(--gov-color-neutral-white))}';const c=t;const m=class{constructor(r){e(this,r);this.variant=g.PRIMARY;this.h=n(this.host)}validateVariant(e){s(g,e,i.root)}render(){return r(o,{key:"10bffba057f9d9d74d64ebce320ef8040efbd0b8",class:this.h.classes(i.root),variant:this.variant,role:"alert"},this.h.hasSlot("icon")&&r("span",{class:i.icon},r("slot",{name:"icon"})),r("div",{key:"4ee61e4d25a6a7df65319ccc3d968dc143f89a05",class:i.content},r("slot",{key:"ace3f8a51ba8a3e177f2dbb9e56441fb0218ab7a"})))}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"]}}};m.style=c;export{m as gov_message};
+//# sourceMappingURL=p-3f9cdac9.entry.js.map
\ No newline at end of file
diff --git a/build/p-3f9cdac9.entry.js.map b/build/p-3f9cdac9.entry.js.map
new file mode 100644
index 00000000..84d13d95
--- /dev/null
+++ b/build/p-3f9cdac9.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["pick","Variants","MessageClass","root","icon","content","close","govMessageCss","GovMessageStyle0","GovMessage","constructor","hostRef","PRIMARY","this","h","govHost","host","validateVariant","newValue","validateProp","render","Host","key","class","classes","variant","role","hasSlot","name"],"sources":["../../packages/core/src/components/gov-message/constants.ts","../../packages/core/src/components/gov-message/gov-message.scss?tag=gov-message","../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type MessageVariantType = `${ValueOf<typeof MessageVariants>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\ticon: 'gov-message__icon',\n\tcontent: 'gov-message__content',\n\tclose: 'gov-message__close',\n}\n","/*\n *   Alert\n */\n\n@import \"../gov-toast/gov-toast-message-core.scss\";\n$class: \".gov-message\";\n\n#{$class} {\n\t@include toast-message-core;\n\n\t// VARIANTS\n\t@include parameter(\"shadow\") {\n\t\tbox-shadow: $message-box-shadow;\n\t}\n\t@each $variant, $definitions in $message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder-left-color: get(\"color\", $definitions);\n\t\t\tbackground: get(\"bg-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tbackground: $message-bg-inverse;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageClass, MessageVariantType } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Variants } from \"../../core/constants/variants\"\n\n@Component({\n\ttag: \"gov-message\",\n\tstyleUrl: \"gov-message.scss\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly variant: MessageVariantType = Variants.PRIMARY\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} variant={this.variant} role=\"alert\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={MessageClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iOAI+BA,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAGpF,MAAMC,EAAe,CAC3BC,KAAM,cACNC,KAAM,oBACNC,QAAS,uBACTC,MAAO,sBCXR,MAAMC,EAAgB,oiHACtB,MAAAC,EAAeD,E,MCUFE,EAAU,MAGtB,WAAAC,CAAAC,G,uBAS+CV,EAASW,QARvDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAWvB,eAAAC,CAAgBC,GACfC,EAAalB,EAAUiB,EAAUhB,EAAaC,K,CAG/C,MAAAiB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOV,KAAKC,EAAEU,QAAQtB,EAAaC,MAAOsB,QAASZ,KAAKY,QAASC,KAAK,SAC1Eb,KAAKC,EAAEa,QAAQ,SACfb,EAAA,QAAMS,MAAOrB,EAAaE,MACzBU,EAAA,QAAMc,KAAK,UAIbd,EAAA,OAAAQ,IAAA,2CAAKC,MAAOrB,EAAaG,SACxBS,EAAA,QAAAQ,IAAA,8C"}
\ No newline at end of file
diff --git a/build/p-3fc58bf7.entry.js b/build/p-3fc58bf7.entry.js
new file mode 100644
index 00000000..38a598e3
--- /dev/null
+++ b/build/p-3fc58bf7.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,a,g as t}from"./p-3336fe3b.js";import{v as i}from"./p-b24413c7.js";import{c as s}from"./p-32d89c78.js";import{d as n}from"./p-2b6bbee5.js";import{g as c}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const d={root:"gov-breadcrumbs"};const b=".gov-breadcrumbs ul{margin:0;padding:0}.gov-breadcrumbs li{margin:0;padding:0;background:none}.gov-breadcrumbs li::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-breadcrumbs ul{position:relative;display:flex;width:100%;padding-bottom:0.3125rem;overflow-x:auto}.gov-breadcrumbs li{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap}.gov-breadcrumbs button{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0;border:none;background:none;color:var(--gov-breadcrumbs-link-color, var(--gov-color-primary));text-decoration:underline}.gov-breadcrumbs button:hover{text-decoration:none}.gov-breadcrumbs .gov-icon{width:0.625rem;height:0.625rem;margin:0rem 1rem;color:var(--gov-breadcrumbs-arrow-color, var(--gov-color-secondary-600))}";const m=b;const g=class{constructor(r){e(this,r);this.govChange=o(this,"gov-change",7);this.collapsible=false;this.isExpanded=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=c(this.host)}async componentDidRender(){if(s()){await n(500);await this.validateWcag()}}render(){return r(a,{key:"1a7362efa1a7f7bd06d93ed4b635799b8a181720",class:this.h.classes(d.root)},r("nav",{key:"edb6148271c5d3ec2c9c929573a99acfa4494d75","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy},r("slot",{key:"681558951e8ecfc73eb286019cba54cd9b29bf2b"})))}async validateWcag(){i(this.wcagLabel,this.wcagLabelledBy,d.root)}get host(){return t(this)}};g.style=m;export{g as gov_breadcrumbs};
+//# sourceMappingURL=p-3fc58bf7.entry.js.map
\ No newline at end of file
diff --git a/build/p-3fc58bf7.entry.js.map b/build/p-3fc58bf7.entry.js.map
new file mode 100644
index 00000000..502c2701
--- /dev/null
+++ b/build/p-3fc58bf7.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["BreadcrumbsClass","root","govBreadcrumbsCss","GovBreadcrumbsStyle0","GovBreadcrumbs","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","wcagLabel","wcagLabelledBy","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.scss?tag=gov-breadcrumbs","../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","/*\n *   Breadcrumbs\n */\n\n$class: \".gov-breadcrumbs\";\n\n#{$class} {\n\tul {\n\t\t@extend %reset-ul;\n\t\t@include base(flex);\n\t\tpadding-bottom: rem-calc(5);\n\t\toverflow-x: auto;\n\t}\n\tli {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t\twhite-space: nowrap;\n\t}\n\tbutton {\n\t\t@include typography($font-size-m);\n\t\tpadding: 0;\n\t\tborder: none;\n\t\tbackground: none;\n\t\tcolor: $breadcrumbs-link-color;\n\t\ttext-decoration: underline;\n\t\t&:hover {\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\t& .gov-icon {\n\t\twidth: rem-calc(10);\n\t\theight: rem-calc(10);\n\t\tmargin: rem-calc(0 16px);\n\t\tcolor: $breadcrumbs-arrow-color;\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Event, EventEmitter } from '@stencil/core'\nimport { BreadcrumbsClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { GovBreadcrumbsChangeEvent } from './gov-breadcrumbs.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n\tstyleUrl: 'gov-breadcrumbs.scss',\n})\nexport class GovBreadcrumbs {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({ attribute: 'wcag-labeled-by' }) readonly wcagLabelledBy: string\n\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)}>\n\t\t\t\t<nav aria-label={this.wcagLabel} aria-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BreadcrumbsClass.root)\n\t}\n}\n"],"mappings":"2PAAO,MAAMA,EAAmB,CAC/BC,KAAM,mBCDP,MAAMC,EAAoB,orCAC1B,MAAAC,EAAeD,E,MCYFE,EAAc,MAG1B,WAAAC,CAAAC,G,iEAQwC,M,gBAI2B,M,uDAXlEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA0BvB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,c,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQnB,EAAiBC,OAC5CO,EAAA,OAAAS,IAAA,wDAAiBV,KAAKa,UAAS,kBAAmBb,KAAKc,gBACtDb,EAAA,QAAAS,IAAA,8C,CAWJ,kBAAMH,GACLQ,EAAkBf,KAAKa,UAAWb,KAAKc,eAAgBrB,EAAiBC,K"}
\ No newline at end of file
diff --git a/build/p-4029f0cb.js b/build/p-4029f0cb.js
new file mode 100644
index 00000000..fe7837b6
--- /dev/null
+++ b/build/p-4029f0cb.js
@@ -0,0 +1,2 @@
+function n(){return Math.random().toString(16).slice(-4)}function r(r){return`${r}-${n()}${n()}-${n()}-${n()}-${n()}-${n()}${n()}${n()}`}function t(n){if(typeof n!=="string")return n;return n.normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function u(n){if(typeof n!=="string")return n;return n.split(/(\s+)/)}export{r as c,t as r,u as s};
+//# sourceMappingURL=p-4029f0cb.js.map
\ No newline at end of file
diff --git a/build/p-4029f0cb.js.map b/build/p-4029f0cb.js.map
new file mode 100644
index 00000000..c495f882
--- /dev/null
+++ b/build/p-4029f0cb.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["chr4","Math","random","toString","slice","createID","prefix","removeDiacritics","string","normalize","replace","splitByWhitespace","split"],"sources":["../../packages/core/src/utils/string.utils.ts"],"sourcesContent":["function chr4(): string {\n\treturn Math.random().toString(16).slice(-4)\n}\n\nexport function createID(prefix: string): string {\n\treturn `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n\nexport function removeDiacritics(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '')\n}\n\nexport function splitByWhitespace(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.split(/(\\s+)/)\n}\n"],"mappings":"AAAA,SAASA,IACR,OAAOC,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAC1C,C,SAEgBC,EAASC,GACxB,MAAO,GAAGA,KAAUN,MAASA,OAAUA,OAAUA,OAAUA,OAAUA,MAASA,MAASA,KACxF,C,SAEgBO,EAAiBC,GAChC,UAAWA,IAAW,SAAU,OAAOA,EACvC,OAAOA,EAAOC,UAAU,OAAOC,QAAQ,mBAAoB,GAC5D,C,SAEgBC,EAAkBH,GACjC,UAAWA,IAAW,SAAU,OAAOA,EACvC,OAAOA,EAAOI,MAAM,QACrB,Q"}
\ No newline at end of file
diff --git a/build/p-40f10385.js b/build/p-40f10385.js
new file mode 100644
index 00000000..f3622249
--- /dev/null
+++ b/build/p-40f10385.js
@@ -0,0 +1,2 @@
+const o={bg:"#ecae1a",text:"#3b3b3b"};const t={bg:"#2362a2",text:"#fff"};const c={bg:"#c52a3a",text:"#fff"};const n=(o,c=t)=>{const n=["color: "+c.text,"background: "+c.bg,"font-size: 11px","padding: 2px 4px","border-radius: 3px","font-weight: 600"].join(";");console.log("%cgov",n,o)};const s=t=>{n(t,o)};const a=o=>{n(o,c)};export{a,s as g};
+//# sourceMappingURL=p-40f10385.js.map
\ No newline at end of file
diff --git a/build/p-40f10385.js.map b/build/p-40f10385.js.map
new file mode 100644
index 00000000..96a10bed
--- /dev/null
+++ b/build/p-40f10385.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["WARNING_COLORS","bg","text","INFO_COLORS","ERROR_COLORS","govLog","message","colors","styles","join","console","log","govWarningLog","govErrorLog"],"sources":["../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["interface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = { bg: '#ecae1a', text: '#3b3b3b' }\nconst INFO_COLORS: ColorConfig = { bg: '#2362a2', text: '#fff' }\nconst ERROR_COLORS: ColorConfig = { bg: '#c52a3a', text: '#fff' }\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"],"mappings":"AAKA,MAAMA,EAA8B,CAAEC,GAAI,UAAWC,KAAM,WAC3D,MAAMC,EAA2B,CAAEF,GAAI,UAAWC,KAAM,QACxD,MAAME,EAA4B,CAAEH,GAAI,UAAWC,KAAM,QAElD,MAAMG,EAAS,CAACC,EAAiBC,EAAsBJ,KAC7D,MAAMK,EAAS,CAAC,UAAYD,EAAOL,KAAM,eAAiBK,EAAON,GAAI,kBAAmB,mBAAoB,qBAAsB,oBAAoBQ,KACrJ,KAGDC,QAAQC,IAAI,QAASH,EAAQF,EAAQ,E,MAGzBM,EAAiBN,IAC7BD,EAAOC,EAASN,EAAe,E,MAGnBa,EAAeP,IAC3BD,EAAOC,EAASF,EAAa,S"}
\ No newline at end of file
diff --git a/build/p-492c001b.entry.js b/build/p-492c001b.entry.js
new file mode 100644
index 00000000..bd42858b
--- /dev/null
+++ b/build/p-492c001b.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as r,a as e,g as t}from"./p-3336fe3b.js";import{g as i}from"./p-8a8117a5.js";const c={root:"gov-error-code",icon:"gov-error-code__icon",holder:"gov-error-code__holder",content:"gov-error-code__content"};const a=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-error-code{position:relative;display:block;width:100%}.gov-error-code__holder{margin:0 auto;text-align:center}.gov-error-code__content>*:last-child{margin-bottom:0}.gov-error-code__icon{display:flex;justify-content:center;align-items:center;width:9.375rem;height:9.375rem;margin:0 auto 1.5rem;border-radius:50%;background:var(--gov-error-icon-circle-bg, linear-gradient(to bottom, var(--gov-color-primary-200), var(--gov-color-neutral-white)));color:var(--gov-error-icon-color, var(--gov-color-primary))}.gov-error-code__icon>*{width:6.5625rem;height:6.5625rem}@media (min-width: 48em){.gov-error-code__icon{width:12.5rem;height:12.5rem;margin:0 auto 2rem}.gov-error-code__icon>*{width:8.75rem;height:8.75rem}}";const n=a;const s=class{constructor(r){o(this,r);this.h=i(this.host)}render(){return r(e,{key:"7daffc7d3133fffd55bc06c3c51b16e7600c165a",class:this.h.classes(c.root)},r("div",{key:"efd9facc251ace9222cba0925442d0ecd38987c4",class:c.holder},this.h.hasSlot("icon")&&r("div",{class:c.icon},r("slot",{name:"icon"})),r("div",{key:"77b7bdb54f4a706e578bf7290901492f519b40eb",class:c.content},r("slot",{key:"08388610b395058f4258f5f982f26b16655460be"}))))}get host(){return t(this)}};s.style=n;export{s as gov_error_code};
+//# sourceMappingURL=p-492c001b.entry.js.map
\ No newline at end of file
diff --git a/build/p-492c001b.entry.js.map b/build/p-492c001b.entry.js.map
new file mode 100644
index 00000000..abfc92e6
--- /dev/null
+++ b/build/p-492c001b.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["ErrorCodeClass","root","icon","holder","content","govErrorCodeCss","GovErrorCodeStyle0","GovErrorCode","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","hasSlot","name"],"sources":["../../packages/core/src/components/gov-error-code/constants.ts","../../packages/core/src/components/gov-error-code/gov-error-code.scss?tag=gov-error-code","../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"sourcesContent":["export const ErrorCodeClass = {\n\troot: 'gov-error-code',\n\ticon: 'gov-error-code__icon',\n\tholder: 'gov-error-code__holder',\n\tcontent: 'gov-error-code__content',\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-error-code\";\n\n#{$class} {\n\t@include base();\n\t&__holder {\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n\t&__icon {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: rem-calc(150);\n\t\theight: rem-calc(150);\n\t\tmargin: 0 auto rem-calc(24);\n\t\tborder-radius: 50%;\n\t\tbackground: $error-icon-circle-bg;\n\t\tcolor: $error-icon-color;\n\t\t& > * {\n\t\t\twidth: rem-calc(105);\n\t\t\theight: rem-calc(105);\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: md) {\n\t\t&__icon {\n\t\t\twidth: rem-calc(200);\n\t\t\theight: rem-calc(200);\n\t\t\tmargin: 0 auto rem-calc(32);\n\t\t\t& > * {\n\t\t\t\twidth: rem-calc(140);\n\t\t\t\theight: rem-calc(140);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { ErrorCodeClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-error-code',\n\tstyleUrl: 'gov-error-code.scss',\n})\nexport class GovErrorCode {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovErrorCodeElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)}>\n\t\t\t\t<div class={ErrorCodeClass.holder}>\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={ErrorCodeClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,KAAM,uBACNC,OAAQ,yBACRC,QAAS,2BCJV,MAAMC,EAAkB,oiCACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAeC,OAC1CU,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAeG,QACzBO,KAAKC,EAAEQ,QAAQ,SACfR,EAAA,OAAKM,MAAOjB,EAAeE,MAC1BS,EAAA,QAAMS,KAAK,UAGbT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAeI,SAC1BO,EAAA,QAAAK,IAAA,+C"}
\ No newline at end of file
diff --git a/build/p-4a28fbd9.entry.js b/build/p-4a28fbd9.entry.js
new file mode 100644
index 00000000..58473a08
--- /dev/null
+++ b/build/p-4a28fbd9.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as r,a}from"./p-3336fe3b.js";const e={root:"gov-form-password-power",bar:"gov-form-password-power__bar",text:"gov-form-password-power__text"};const s='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-password-power{display:flex;align-items:center;width:100%;gap:1.5rem;height:1.5rem}.gov-form-password-power__bar{display:flex;gap:0.25rem;width:100%}.gov-form-password-power__bar span{display:inline-block;width:100%;height:var(--gov-form-password-power-height, 0.25rem);border-radius:var(--gov-form-password-power-radius, 0.125rem);background-color:var(--gov-form-password-power-color, var(--gov-color-secondary-600))}.gov-form-password-power__text{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);text-align:right;flex-basis:3.5rem}.gov-form-password-power[power="1"]{color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power="1"] .gov-form-password-power__bar span:nth-child(1){background-color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power="2"]{color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power="2"] .gov-form-password-power__bar span:nth-child(1),.gov-form-password-power[power="2"] .gov-form-password-power__bar span:nth-child(2){background-color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power="3"]{color:var(--gov-form-password-power-color-strong, var(--gov-color-success-500))}.gov-form-password-power[power="3"] .gov-form-password-power__bar span{background-color:var(--gov-form-password-power-color-strong, var(--gov-color-success-500))}';const p=s;const c=class{constructor(r){o(this,r);this.power=undefined}render(){return r(a,{key:"60b388d55d0232f1455924ac9c95583c4dafb004",class:e.root},r("span",{key:"500779ef107fdb485c48fc88e00a3026f2149280",class:e.bar},r("span",{key:"60e775d52a9814eaae59d08402369dc62cda6cbb"}),r("span",{key:"e1a97302e061a10010e0fc9c57c2f9dd9640d467"}),r("span",{key:"f7c450a25eb3d56ecd3e432de959b76335e2768b"})),r("span",{key:"297dc64a5af4016e67617c474f78ac06072784a4",class:e.text},r("slot",{key:"e0a9204d5f5f0203674e80767c8d316a5d25b408"})))}};c.style=p;export{c as gov_form_password_power};
+//# sourceMappingURL=p-4a28fbd9.entry.js.map
\ No newline at end of file
diff --git a/build/p-4a28fbd9.entry.js.map b/build/p-4a28fbd9.entry.js.map
new file mode 100644
index 00000000..3d1589fa
--- /dev/null
+++ b/build/p-4a28fbd9.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["FormPasswordPowerClass","root","bar","text","govFormPasswordPowerCss","GovFormPasswordPowerStyle0","GovFormPasswordPower","render","h","Host","key","class"],"sources":["../../packages/core/src/components/gov-form/password-power/constants.ts","../../packages/core/src/components/gov-form/password-power/gov-form-password-power.scss?tag=gov-form-password-power","../../packages/core/src/components/gov-form/password-power/gov-form-password-power.tsx"],"sourcesContent":["export const FormPasswordPowerClass = {\n\troot: 'gov-form-password-power',\n    bar: 'gov-form-password-power__bar',\n    text: 'gov-form-password-power__text',\n}\n","$class: \".gov-form-password-power\";\n\n#{$class} {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    gap: rem-calc(24);\n    height: rem-calc(24);\n    &__bar {\n        display: flex;\n        gap: rem-calc(4);\n        width: 100%;\n        span {\n            display: inline-block;\n            width: 100%;\n            height: $form-password-power-height;\n            border-radius: $form-password-power-radius;\n            background-color: $form-password-power-color;\n        }\n    }\n    &__text {\n        @include typography($font-size-s);\n        text-align: right;\n        flex-basis: rem-calc(56);\n    }\n\n    // STATES\n    &[power=\"1\"] {\n        color: $form-password-power-color-weak;\n        #{$class}__bar {\n            span:nth-child(1) {\n                background-color: $form-password-power-color-weak;\n            }\n        }\n    }\n    &[power=\"2\"] {\n        color: $form-password-power-color-medium;\n        #{$class}__bar {\n            span:nth-child(1),\n            span:nth-child(2) {\n                background-color: $form-password-power-color-medium;\n            }\n        }\n    }\n    &[power=\"3\"] {\n        color: $form-password-power-color-strong;\n        #{$class}__bar {\n            span {\n                background-color: $form-password-power-color-strong;\n            }\n        }\n    }\n}\n","import {Component, h, Host, Prop} from '@stencil/core'\nimport {FormPasswordPowerClass} from './constants'\n\n@Component({\n\ttag: 'gov-form-password-power',\n\tstyleUrl: 'gov-form-password-power.scss',\n})\nexport class GovFormPasswordPower {\n\t/**\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\n\t */\n\t@Prop({reflect: true}) readonly power: number\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormPasswordPowerClass.root}>\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6CAAO,MAAMA,EAAyB,CACrCC,KAAM,0BACHC,IAAK,+BACLC,KAAM,iCCHV,MAAMC,EAA0B,i5DAChC,MAAAC,EAAeD,E,MCMFE,EAAoB,M,8CAMhC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOX,EAAuBC,MAClCO,EAAA,QAAAE,IAAA,2CAAMC,MAAOX,EAAuBE,KAClCM,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,MAAOX,EAAuBG,MAClCK,EAAA,QAAAE,IAAA,8C"}
\ No newline at end of file
diff --git a/build/p-55e78f21.js b/build/p-55e78f21.js
new file mode 100644
index 00000000..46bab39c
--- /dev/null
+++ b/build/p-55e78f21.js
@@ -0,0 +1,2 @@
+var r;(function(r){r["PRIMARY"]="primary";r["SECONDARY"]="secondary";r["SUCCESS"]="success";r["ERROR"]="error";r["WARNING"]="warning";r["CUSTOM"]="custom"})(r||(r={}));var s;(function(r){r["CLASSIC"]="classic";r["SOLID"]="solid"})(s||(s={}));export{s as T,r as V};
+//# sourceMappingURL=p-55e78f21.js.map
\ No newline at end of file
diff --git a/build/p-55e78f21.js.map b/build/p-55e78f21.js.map
new file mode 100644
index 00000000..248c22fd
--- /dev/null
+++ b/build/p-55e78f21.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["Variants","Types"],"sources":["../../packages/core/src/core/constants/variants.ts"],"sourcesContent":["export enum Variants {\n\tPRIMARY = 'primary',\n\tSECONDARY = 'secondary',\n\tSUCCESS = 'success',\n\tERROR = 'error',\n\tWARNING = 'warning',\n\tCUSTOM = 'custom',\n}\n\nexport enum Types {\n\tCLASSIC = 'classic',\n\tSOLID = 'solid',\n}\n"],"mappings":"IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,yBACAA,EAAA,qBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,kBACA,EAPD,CAAYA,MAAQ,K,IASRC,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,gBACA,EAHD,CAAYA,MAAK,Y"}
\ No newline at end of file
diff --git a/build/p-571d2d7c.js b/build/p-571d2d7c.js
new file mode 100644
index 00000000..a7ac1ab0
--- /dev/null
+++ b/build/p-571d2d7c.js
@@ -0,0 +1,2 @@
+const e={root:"gov-side-nav",aside:"gov-side-nav__aside"};const i={root:"gov-side-nav-item",rootWithIcon:"gov-side-nav-item--w-icon",header:"gov-side-nav-item__header",icon:"gov-side-nav-item__icon",name:"gov-side-nav-item__name",label:"gov-side-nav-item__label",arrow:"gov-side-nav-item__arrow",chip:"gov-side-nav-item__chip",content:"gov-side-nav-item__content"};export{i as S,e as a};
+//# sourceMappingURL=p-571d2d7c.js.map
\ No newline at end of file
diff --git a/build/p-571d2d7c.js.map b/build/p-571d2d7c.js.map
new file mode 100644
index 00000000..fe9701b4
--- /dev/null
+++ b/build/p-571d2d7c.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["SideNavClass","root","aside","SideNavItemClass","rootWithIcon","header","icon","name","label","arrow","chip","content"],"sources":["../../packages/core/src/components/gov-side-nav/constants.ts"],"sourcesContent":["export const SideNavClass = {\n\troot: 'gov-side-nav',\n\taside: 'gov-side-nav__aside',\n}\n\nexport const SideNavItemClass = {\n\troot: 'gov-side-nav-item',\n\trootWithIcon: 'gov-side-nav-item--w-icon',\n\theader: 'gov-side-nav-item__header',\n\ticon: 'gov-side-nav-item__icon',\n\tname: 'gov-side-nav-item__name',\n\tlabel: 'gov-side-nav-item__label',\n\tarrow: 'gov-side-nav-item__arrow',\n\tchip: 'gov-side-nav-item__chip',\n\tcontent: 'gov-side-nav-item__content',\n}\n"],"mappings":"MAAaA,EAAe,CAC3BC,KAAM,eACNC,MAAO,uB,MAGKC,EAAmB,CAC/BF,KAAM,oBACNG,aAAc,4BACdC,OAAQ,4BACRC,KAAM,0BACNC,KAAM,0BACNC,MAAO,2BACPC,MAAO,2BACPC,KAAM,0BACNC,QAAS,qC"}
\ No newline at end of file
diff --git a/build/p-572aea8b.entry.js b/build/p-572aea8b.entry.js
new file mode 100644
index 00000000..dafeea74
--- /dev/null
+++ b/build/p-572aea8b.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as a,a as e,g as i}from"./p-3336fe3b.js";import{g as n,p as r}from"./p-8a8117a5.js";const t={root:"gov-loading",content:"gov-loading__content",icon:"gov-loading__icon"};const s=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-loading{display:block}.gov-loading__content{z-index:101;position:fixed;top:50%;left:50%;display:flex;gap:1rem;flex-direction:column;align-items:center;min-width:9.6875rem;padding:1.5rem;border-radius:0.5rem;background:var(--gov-loading-bg, rgba(var(--gov-color-secondary-400-rgb), 0.8));color:var(--gov-loading-color, var(--gov-color-primary));text-align:center;transform:translate(-50%, -50%)}.gov-loading__icon{width:4rem;height:4rem;line-height:1}.gov-loading__icon svg{width:100%;height:100%}";const c=s;const d=class{constructor(a){o(this,a);this.h=n(this.host)}render(){return a(e,{key:"9bb8ae812ef1d24623ac1078f4af224f277d379f",class:this.h.classes(t.root)},a("div",{key:"aaa4afa92fc75f6c05d7828aff6ad5b636f6ce92",class:t.content},a("gov-icon",{key:"2fb1e290f87092721cb6d5804d16bb3cda252177",class:r([t.icon,"gov-spin-animation"]),name:"loader"}),a("slot",{key:"bbe7c8433bb43c0f3d4da320ccd570aa97e0bcab"})),a("gov-backdrop",{key:"a0a95b9d05c9d951b3dda150c5adeacbb65641af",inverse:true}))}get host(){return i(this)}};d.style=c;export{d as gov_loading};
+//# sourceMappingURL=p-572aea8b.entry.js.map
\ No newline at end of file
diff --git a/build/p-572aea8b.entry.js.map b/build/p-572aea8b.entry.js.map
new file mode 100644
index 00000000..9818972c
--- /dev/null
+++ b/build/p-572aea8b.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["LoadingClass","root","content","icon","govLoadingCss","GovLoadingStyle0","GovLoading","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","prepareClasses","name","inverse"],"sources":["../../packages/core/src/components/gov-loading/loading/constants.ts","../../packages/core/src/components/gov-loading/loading/gov-loading.scss?tag=gov-loading","../../packages/core/src/components/gov-loading/loading/gov-loading.tsx"],"sourcesContent":["export const LoadingClass = {\n\troot: 'gov-loading',\n\tcontent: 'gov-loading__content',\n\ticon: 'gov-loading__icon',\n}\n","/*\n *   Loading\n */\n\n$class: \".gov-loading\";\n\n#{$class} {\n\tdisplay: block;\n\t&__content {\n\t\t@include z-index(\"modal\", 1);\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tmin-width: rem-calc(155);\n\t\tpadding: rem-calc(24);\n\t\tborder-radius: rem-calc(8);\n\t\tbackground: $loading-bg;\n\t\tcolor: $loading-color;\n\t\ttext-align: center;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\t&__icon {\n\t\twidth: rem-calc(64);\n\t\theight: rem-calc(64);\n\t\tline-height: 1;\n\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host } from \"@stencil/core\"\nimport { LoadingClass } from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-loading\",\n\tstyleUrl: \"gov-loading.scss\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon class={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])} name=\"loader\"></gov-icon>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oGAAO,MAAMA,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,KAAM,qBCHP,MAAMC,EAAgB,80BACtB,MAAAC,EAAeD,E,MCQFE,EAAU,MAGtB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQjB,EAAaC,OACxCS,EAAA,OAAAK,IAAA,2CAAKC,MAAOhB,EAAaE,SACxBQ,EAAA,YAAAK,IAAA,2CAAUC,MAAOE,EAAe,CAAClB,EAAaG,KAAM,uBAAwBgB,KAAK,WACjFT,EAAA,QAAAK,IAAA,8CAEDL,EAAA,gBAAAK,IAAA,2CAAcK,QAAS,O"}
\ No newline at end of file
diff --git a/build/p-57925518.entry.js b/build/p-57925518.entry.js
new file mode 100644
index 00000000..2b22835a
--- /dev/null
+++ b/build/p-57925518.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as r,h as a,a as n,g as i}from"./p-3336fe3b.js";import{g as e,a as v}from"./p-8a8117a5.js";import{c as t}from"./p-32d89c78.js";import{F as c}from"./p-7d05c0e2.js";import{v as s}from"./p-bc59b609.js";import{c as g}from"./p-b24413c7.js";import{p as b,d as f}from"./p-2b6bbee5.js";import{V as l}from"./p-55e78f21.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const d=b(l,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const _={root:"gov-infobar",section:"gov-infobar__section",icon:"gov-infobar__icon",content:"gov-infobar__content",closable:"gov-infobar__content--closable",headline:"gov-infobar__headline",close:"gov-infobar__close"};const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-infobar{position:relative;display:block;width:100%}.gov-infobar__section{display:flex;gap:1rem;padding:1rem}.gov-infobar__icon{flex:0 0 auto}.gov-infobar__icon>*{width:1.25rem;height:1.25rem}.gov-infobar__headline{display:flex;gap:1rem}.gov-infobar__headline+div{margin-top:0.5rem}.gov-infobar__headline p{margin-bottom:0}.gov-infobar__headline gov-button{margin-top:-0.25rem}.gov-infobar__content{width:100%}.gov-infobar__content>*:last-child{margin-bottom:0}.gov-infobar__content--closable{padding-right:3.5rem}.gov-infobar__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-infobar__content a{color:inherit}@media not all and (pointer: coarse){.gov-infobar__content a:hover{color:inherit}}.gov-infobar__content a .gov-icon{color:inherit}.gov-infobar__close{position:absolute;top:0.875rem;right:1rem}.gov-infobar[variant=warning]{background-color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning] .gov-infobar__icon{color:var(--gov-infobar-warning-icon-color, var(--gov-color-secondary))}.gov-infobar[variant=warning] .gov-infobar__content{color:var(--gov-infobar-warning-text-color, var(--gov-color-secondary))}.gov-infobar[variant=warning][inverse=""],.gov-infobar[variant=warning][inverse=true i],.gov-infobar[variant=warning][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=warning][inverse=""] .gov-infobar__icon,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=warning][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning][inverse=""] .gov-infobar__content,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__content,.gov-infobar[variant=warning][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=error]{background-color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error] .gov-infobar__icon{color:var(--gov-infobar-error-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error] .gov-infobar__content{color:var(--gov-infobar-error-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=""],.gov-infobar[variant=error][inverse=true i],.gov-infobar[variant=error][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=""] .gov-infobar__icon,.gov-infobar[variant=error][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=error][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error][inverse=""] .gov-infobar__content,.gov-infobar[variant=error][inverse=true i] .gov-infobar__content,.gov-infobar[variant=error][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=secondary]{background-color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary] .gov-infobar__icon{color:var(--gov-infobar-secondary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary] .gov-infobar__content{color:var(--gov-infobar-secondary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=""],.gov-infobar[variant=secondary][inverse=true i],.gov-infobar[variant=secondary][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=""] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary][inverse=""] .gov-infobar__content,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=secondary][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=success]{background-color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success] .gov-infobar__icon{color:var(--gov-infobar-success-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success] .gov-infobar__content{color:var(--gov-infobar-success-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=""],.gov-infobar[variant=success][inverse=true i],.gov-infobar[variant=success][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=""] .gov-infobar__icon,.gov-infobar[variant=success][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=success][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success][inverse=""] .gov-infobar__content,.gov-infobar[variant=success][inverse=true i] .gov-infobar__content,.gov-infobar[variant=success][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=primary]{background-color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary] .gov-infobar__icon{color:var(--gov-infobar-primary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary] .gov-infobar__content{color:var(--gov-infobar-primary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=""],.gov-infobar[variant=primary][inverse=true i],.gov-infobar[variant=primary][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=""] .gov-infobar__icon,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=primary][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary][inverse=""] .gov-infobar__content,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=primary][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}';const m=h;const p=class{constructor(a){o(this,a);this.govClose=r(this,"gov-close",7);this.headline=undefined;this.variant="primary";this.inverse=false;this.wcagCloseLabel="Zavřít informační lištu";this.wcagToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.h=e(this.host)}validateVariant(o){s(d,o,_.root)}componentWillLoad(){this.validateVariant(this.variant)}async componentDidRender(){if(t()){await f(500);await this.validateWcag()}}render(){let o=!this.inverse;let r=this.inverse?"secondary":this.variant;if(this.variant=="warning"){o=false;r="secondary"}const i=a("div",{key:"c9f658f524feff57f9d903c80a70ed9ffb65bb5b",class:_.close},a("gov-button",{key:"cfcc501295b801e8cdd427ea697bee69d3bdc4c7",size:"s",wcagLabel:this.wcagCloseLabel,type:"base",variant:r,inverse:o,"on-gov-click":this.onCloseHandler.bind(this)},a("gov-icon",{key:"fca4af28638c34ac7c6de13e12c81dbbbc4b6b36",name:"x-lg"})));return a(n,{key:"21d50496e87968dfce0d132fec59c7108d7dc459",class:this.h.classes(_.root),variant:this.variant},a("section",{key:"a05ec48d6eb7558bba230ea85fa776c9bcd61cfe",class:_.section,role:"infobar"},this.h.hasSlot("icon")&&a("div",{class:_.icon},a("slot",{name:"icon"})),a("div",{key:"8ccfa61da8f87d547d80161051df9ba5777030fe",class:_.content+(this.closable?" "+_.closable:"")},this.headline?a(c,null,a("div",{class:_.headline},a("p",null,this.headline),a("gov-button",{size:"s",wcagLabel:this.wcagToggleLabel,type:"base",variant:r,inverse:o,"on-gov-click":()=>this.toggleContent=!this.toggleContent},a("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down"}))),a("div",{hidden:!this.toggleContent,"aria-hidden":v(this.toggleContent)},a("slot",null))):a("slot",null))),this.closable&&i)}onCloseHandler(o){this.govClose.emit({component:_.root,ref:this.host,originalEvent:o})}async validateWcag(){if(this.closable){g(this.wcagCloseLabel,"wcag-close-label",_.root)}if(this.headline){g(this.wcagToggleLabel,"wcag-toggle-label",_.root)}}get host(){return i(this)}static get watchers(){return{variant:["validateVariant"]}}};p.style=m;export{p as gov_infobar};
+//# sourceMappingURL=p-57925518.entry.js.map
\ No newline at end of file
diff --git a/build/p-57925518.entry.js.map b/build/p-57925518.entry.js.map
new file mode 100644
index 00000000..b77ea759
--- /dev/null
+++ b/build/p-57925518.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["InfobarVariants","pick","Variants","InfobarClass","root","section","icon","content","closable","headline","close","govInfobarCss","GovInfobarStyle0","GovInfobar","constructor","hostRef","this","h","govHost","host","validateVariant","newValue","validateProp","componentWillLoad","variant","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","inverse","closeButton","key","class","size","wcagLabel","wcagCloseLabel","type","onCloseHandler","bind","name","Host","classes","role","hasSlot","Fragment","wcagToggleLabel","toggleContent","hidden","toBoolAttr","e","govClose","emit","component","ref","originalEvent","validateWcagProp"],"sources":["../../packages/core/src/components/gov-infobar/constants.ts","../../packages/core/src/components/gov-infobar/gov-infobar.scss?tag=gov-infobar","../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type VariantType = `${ValueOf<typeof InfobarVariants>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\ticon: 'gov-infobar__icon',\n\tcontent: 'gov-infobar__content',\n\tclosable: 'gov-infobar__content--closable',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","/*\n *   Infobar\n */\n\n$class: \".gov-infobar\";\n\n#{$class} {\n\t@include base();\n\n\t&__section {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t}\n\n\t&__icon {\n\t\tflex: 0 0 auto;\n\n\t\t& > * {\n\t\t\twidth: rem-calc(20);\n\t\t\theight: rem-calc(20);\n\t\t}\n\t}\n\n\t&__headline {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\n\t\t+ div {\n\t\t\tmargin-top: rem-calc(8);\n\t\t}\n\n\t\tp {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\tgov-button {\n\t\t\tmargin-top: rem-calc(-4);\n\t\t}\n\t}\n\n\t&__content {\n\t\t@include reset-last-margin();\n\t\twidth: 100%;\n\n\t\t&--closable {\n\t\t\tpadding-right: rem-calc(56);\n\t\t}\n\n\t\tp {\n\t\t\t@include typography($font-size-m);\n\t\t}\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\t@include hover() {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t\t.gov-icon {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(14);\n\t\tright: rem-calc(16);\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $infobar-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tbackground-color: get(\"bg-color\", $definitions);\n\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"icon-color\", $definitions);\n\t\t\t\t}\n\n\t\t\t\t&__content {\n\t\t\t\t\tcolor: get(\"text-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\tborder-bottom: $infobar-border;\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tborder-bottom: $infobar-border;\n\t\t\t\tbackground-color: $infobar-inverse-bg;\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"bg-color\", $definitions);\n\t\t\t\t\t}\n\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tcolor: $infobar-inverse-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core'\nimport { govHost, toBoolAttr } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport Fragment from '../../helpers/Fragment'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { delay } from '../../utils/utils'\nimport { ButtonEvent } from '../gov-button/button/gov-button.types'\nimport { InfobarClass, InfobarVariants, VariantType } from './constants'\nimport { InfobarEvent } from './gov-infobar.types'\n\n@Component({\n\ttag: 'gov-infobar',\n\tstyleUrl: 'gov-infobar.scss',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly headline: string\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = 'primary'\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({ attribute: 'wcag-toggle-label' }) readonly wcagToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(InfobarVariants, newValue, InfobarClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tlet inverse = !this.inverse\n\t\tlet variant = this.inverse ? 'secondary' : this.variant\n\n\t\tif (this.variant == 'warning') {\n\t\t\tinverse = false\n\t\t\tvariant = 'secondary'\n\t\t}\n\n\t\tconst closeButton = (\n\t\t\t<div class={InfobarClass.close}>\n\t\t\t\t<gov-button size=\"s\" wcagLabel={this.wcagCloseLabel} type=\"base\" variant={variant} inverse={inverse} on-gov-click={this.onCloseHandler.bind(this)}>\n\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} variant={this.variant}>\n\t\t\t\t<section class={InfobarClass.section} role=\"infobar\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={InfobarClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content + (this.closable ? ' ' + InfobarClass.closable : '')}>\n\t\t\t\t\t\t{this.headline ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<p>{this.headline}</p>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\twcagLabel={this.wcagToggleLabel}\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\t\t\tinverse={inverse}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'}></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t{this.closable && closeButton}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.closable) {\n\t\t\tvalidateWcagProp(this.wcagCloseLabel, 'wcag-close-label', InfobarClass.root)\n\t\t}\n\t\tif (this.headline) {\n\t\t\tvalidateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', InfobarClass.root)\n\t\t}\n\t}\n}\n"],"mappings":"0XAIO,MAAMA,EAAkBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAGpF,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,KAAM,oBACNC,QAAS,uBACTC,SAAU,iCACVC,SAAU,wBACVC,MAAO,sBCdR,MAAMC,EAAgB,uiOACtB,MAAAC,EAAeD,E,MCeFE,EAAU,MAGtB,WAAAC,CAAAC,G,mFAawC,U,aAIJ,M,oBAIuC,0B,qBAIE,0B,cAQvC,M,mBAEb,MAlCxBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqCvB,eAAAC,CAAgBC,GACfC,EAAatB,EAAiBqB,EAAUlB,EAAaC,K,CAGtD,iBAAAmB,GACCP,KAAKI,gBAAgBJ,KAAKQ,Q,CAG3B,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNX,KAAKY,c,EAIb,MAAAC,GACC,IAAIC,GAAWd,KAAKc,QACpB,IAAIN,EAAUR,KAAKc,QAAU,YAAcd,KAAKQ,QAEhD,GAAIR,KAAKQ,SAAW,UAAW,CAC9BM,EAAU,MACVN,EAAU,W,CAGX,MAAMO,EACLd,EAAA,OAAAe,IAAA,2CAAKC,MAAO9B,EAAaO,OACxBO,EAAA,cAAAe,IAAA,2CAAYE,KAAK,IAAIC,UAAWnB,KAAKoB,eAAgBC,KAAK,OAAOb,QAASA,EAASM,QAASA,EAAO,eAAgBd,KAAKsB,eAAeC,KAAKvB,OAC3IC,EAAA,YAAAe,IAAA,2CAAUQ,KAAK,WAKlB,OACCvB,EAACwB,EAAI,CAAAT,IAAA,2CAACC,MAAOjB,KAAKC,EAAEyB,QAAQvC,EAAaC,MAAOoB,QAASR,KAAKQ,SAC7DP,EAAA,WAAAe,IAAA,2CAASC,MAAO9B,EAAaE,QAASsC,KAAK,WACzC3B,KAAKC,EAAE2B,QAAQ,SACf3B,EAAA,OAAKgB,MAAO9B,EAAaG,MACxBW,EAAA,QAAMuB,KAAK,UAGbvB,EAAA,OAAAe,IAAA,2CAAKC,MAAO9B,EAAaI,SAAWS,KAAKR,SAAW,IAAML,EAAaK,SAAW,KAChFQ,KAAKP,SACLQ,EAAC4B,EAAQ,KACR5B,EAAA,OAAKgB,MAAO9B,EAAaM,UACxBQ,EAAA,SAAID,KAAKP,UACTQ,EAAA,cACCiB,KAAK,IACLC,UAAWnB,KAAK8B,gBAChBT,KAAK,OACLb,QAASA,EACTM,QAASA,EAAO,eACF,IAAOd,KAAK+B,eAAiB/B,KAAK+B,eAEhD9B,EAAA,YAAUuB,KAAMxB,KAAK+B,cAAgB,aAAe,mBAGtD9B,EAAA,OAAK+B,QAAShC,KAAK+B,cAAa,cAAeE,EAAWjC,KAAK+B,gBAC9D9B,EAAA,eAIFA,EAAA,eAIFD,KAAKR,UAAYuB,E,CAKrB,cAAAO,CAAeY,GACdlC,KAAKmC,SAASC,KAAK,CAClBC,UAAWlD,EAAaC,KACxBkD,IAAKtC,KAAKG,KACVoC,cAAeL,G,CAQjB,kBAAMtB,GACL,GAAIZ,KAAKR,SAAU,CAClBgD,EAAiBxC,KAAKoB,eAAgB,mBAAoBjC,EAAaC,K,CAExE,GAAIY,KAAKP,SAAU,CAClB+C,EAAiBxC,KAAK8B,gBAAiB,oBAAqB3C,EAAaC,K"}
\ No newline at end of file
diff --git a/build/p-5d0381fc.entry.js b/build/p-5d0381fc.entry.js
new file mode 100644
index 00000000..b4f23fd2
--- /dev/null
+++ b/build/p-5d0381fc.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as r,h as t,a as e,g as n}from"./p-3336fe3b.js";import{F as a}from"./p-7d05c0e2.js";import{v as i}from"./p-bc59b609.js";import{S as s}from"./p-1693d6aa.js";import{V as g}from"./p-55e78f21.js";import{p as c,d as v}from"./p-2b6bbee5.js";import{g as l,p as u,t as p}from"./p-8a8117a5.js";import{c as h,v as d}from"./p-b24413c7.js";import{c as b}from"./p-32d89c78.js";import{c as m}from"./p-4029f0cb.js";import"./p-40f10385.js";const _=c(s,["_S","_M"]);const y=c(g,["PRIMARY","SECONDARY"]);var f;(function(o){o["BUTTON"]="button";o["SELECT"]="select"})(f||(f={}));const w={root:"gov-pagination",list:"gov-pagination__list",item:"gov-pagination__item",itemArrow:"gov-pagination__item--arrow",itemMore:"gov-pagination__item--more",itemSelect:"gov-pagination__item--select",inner:"gov-pagination__inner",arrow:"gov-pagination__arrow"};function k(o,r=1,t=10,e=10){const n=Math.ceil(o/t);if(r<1){r=1}else if(r>n){r=n}let a,i;if(n<=e){a=1;i=n}else{const o=Math.floor(e/2);const t=Math.ceil(e/2)-1;if(r<=o){a=1;i=e}else if(r+t>=n){a=n-e+1;i=n}else{a=r-o;i=r+t}}const s=(r-1)*t;const g=Math.min(s+t-1,o-1);const c=Array.from(Array(i+1-a).keys()).map((o=>a+o));return{totalItems:o,currentPage:r,pageSize:t,totalPages:n,startPage:a,endPage:i,startIndex:s,endIndex:g,pages:c}}const x=(o,r)=>{if(Number.isInteger(o)&&Number.isInteger(r)){return[...Array(r+1).keys()].slice(o)}return[]};const z=".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;flex-wrap:wrap;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;padding:0.125rem;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none !important;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;text-decoration:none}.gov-pagination__inner[wcag-current=true][type=solid][variant=primary] .element{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=primary] .element{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=base][variant=primary] .element{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=link][variant=primary] .element{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=secondary] .element{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=secondary] .element{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=base][variant=secondary] .element{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=link][variant=secondary] .element{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=error] .element{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=error] .element{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=base][variant=error] .element{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=link][variant=error] .element{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=solid][variant=success] .element{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=success] .element{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=base][variant=success] .element{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=link][variant=success] .element{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=solid][variant=warning] .element{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=warning] .element{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}.gov-pagination__inner[wcag-current=true][type=base][variant=warning] .element{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}.gov-pagination__inner[wcag-current=true][type=link][variant=warning] .element{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}.gov-pagination[size=s] .gov-pagination__inner{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);font-weight:inherit}.gov-pagination[size=s] .gov-pagination__inner .element{min-width:var(--gov-pagination-s-button-size, 2rem)}.gov-pagination[size=m] .gov-pagination__inner{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);font-weight:inherit}.gov-pagination[size=m] .gov-pagination__inner .element{min-width:var(--gov-pagination-m-button-size, 2.5rem)}";const S=z;const j=class{constructor(t){o(this,t);this.govPage=r(this,"gov-page",7);this.type="button";this.current=1;this.total=0;this.inverse=undefined;this.size="m";this.variant="primary";this.pageSize=10;this.maxPages=5;this.link=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagSelectLabel="Vybrat stranu";this.wcagPageLabel="Strana";this.pagination=undefined;this.h=l(this.host);this.pageSelectId=m("GovPageSelect")}validateType(o){i(f,o,w.root)}validateSize(o){i(_,o,w.root)}validateVariant(o){i(y,o,w.root)}recalculate(){this.recalculatePagination(this.current)}componentWillLoad(){this.recalculatePagination(this.current);this.validateSize(this.size);this.validateVariant(this.variant)}async componentDidRender(){if(b()){await v(500);await this.validateWcag()}}recalculatePagination(o){this.pagination=k(this.total,o,this.pageSize,this.maxPages)}isActivePageClass(o,r){if(this.pagination.currentPage===r){return o+" is-active"}else{return o}}prepareLinkUrl(o){if(this.link){return String(this.link).replace("{PAGE}",String(o))}return undefined}resetSelectValue(){if(this.spreadSelectRef){this.spreadSelectRef.getRef().then((o=>{o.value="..."}))}}render(){const o=(o,r)=>{const e=o===-1;const n=p(this.pagination.currentPage===o?true:undefined);return t("gov-button",{href:this.prepareLinkUrl(o),variant:this.variant,size:this.size,type:"base",disabled:e,"on-gov-click":r=>this.onClickHandler(r,o),"wcag-label":o>-1?this.wcagPageLabel+" "+o:undefined,"wcag-current":n,class:w.inner},r)};return t(e,{class:this.h.classes(w.root),type:this.type,variant:this.variant,size:this.size},t("nav",{"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy},t("ul",{class:w.list},t("li",{class:u([w.item,w.itemArrow])},o(this.pagination.currentPage>1?1:-1,t("gov-icon",{class:w.arrow,name:"chevron-double-left"}))),t("li",{class:u([w.item,w.itemArrow])},o(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,t("gov-icon",{class:w.arrow,name:"chevron-left"}))),this.type=="select"?t("li",{class:u([w.item,w.itemSelect])},t("span",{class:w.inner},t("span",{id:this.pageSelectId,hidden:true},this.wcagSelectLabel),t("gov-form-select",{size:"m",variant:this.variant,"wcag-labelled-by":this.pageSelectId,"on-gov-change":this.onSelectHandler.bind(this)},x(1,this.pagination.totalPages).map((o=>t("option",{value:o,selected:this.pagination.currentPage===o},o)))))):t(a,null,this.pagination.pages.map((r=>t("li",{class:this.isActivePageClass(w.item,r)},o(r,r)))),this.pagination.totalPages?t("li",{class:u([w.item,w.itemMore])},t("span",{class:w.inner},t("span",{id:this.pageSelectId,hidden:true},this.wcagSelectLabel),t("gov-form-select",{size:"m",variant:this.variant,"wcag-labelled-by":this.pageSelectId,ref:o=>this.spreadSelectRef=o,"on-gov-change":this.onSelectHandler.bind(this)},t("option",{selected:true,hidden:true},"..."),x(1,this.pagination.totalPages).map((o=>t("option",{value:o,selected:false},o)))))):null),t("li",{class:u([w.item,w.itemArrow])},o(this.pagination.totalPages>this.pagination.currentPage?this.pagination.currentPage+1:-1,t("gov-icon",{class:w.arrow,name:"chevron-right"}))),t("li",{class:u([w.item,w.itemArrow])},o(this.pagination.totalPages>this.pagination.currentPage?this.pagination.totalPages:-1,t("gov-icon",{class:w.arrow,name:"chevron-double-right"}))))))}onClickHandler(o,r){o.stopPropagation();this.recalculatePagination(r);this.govPage.emit({component:w.root,pagination:this.pagination})}onSelectHandler(o){o.stopPropagation();const r=o.detail.value;const t=parseInt(r);this.resetSelectValue();if(isNaN(t)===false){this.recalculatePagination(t);if(this.link){window.location.href=this.prepareLinkUrl(t)}else{this.govPage.emit({component:w.root,pagination:this.pagination})}}}async validateWcag(){h(this.wcagPageLabel,"wcag-page-label",w.root);d(this.wcagLabel,this.wcagLabelledBy,w.root)}get host(){return n(this)}static get watchers(){return{type:["validateType"],size:["validateSize"],variant:["validateVariant"],current:["recalculate"],total:["recalculate"],pageSize:["recalculate"],maxPages:["recalculate"]}}};j.style=S;export{j as gov_pagination};
+//# sourceMappingURL=p-5d0381fc.entry.js.map
\ No newline at end of file
diff --git a/build/p-5d0381fc.entry.js.map b/build/p-5d0381fc.entry.js.map
new file mode 100644
index 00000000..25146d0a
--- /dev/null
+++ b/build/p-5d0381fc.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["PaginationSizes","pick","Sizes","PaginationVariants","Variants","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","createArrayRange","to","Number","isInteger","slice","govPaginationCss","GovPaginationStyle0","GovPagination","constructor","hostRef","this","h","govHost","host","pageSelectId","createID","validateType","newValue","validateProp","validateSize","validateVariant","recalculate","recalculatePagination","current","componentWillLoad","size","variant","componentDidRender","canValidateWcagOnRender","delay","validateWcag","pagination","total","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","type","disabled","e","onClickHandler","wcagPageLabel","class","Host","classes","wcagLabel","wcagLabelledBy","prepareClasses","name","id","hidden","wcagSelectLabel","onSelectHandler","bind","selected","Fragment","ref","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location","validateWcagProp","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-pagination/constants.ts","../../packages/core/src/components/gov-pagination/pagination.ts","../../packages/core/src/utils/array.utils.ts","../../packages/core/src/components/gov-pagination/gov-pagination.scss?tag=gov-pagination","../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type PaginationVariantType = `${ValueOf<typeof PaginationVariants>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","export const createArrayRange = (from: number, to: number): number[] => {\n\tif (Number.isInteger(from) && Number.isInteger(to)) {\n\t\treturn [...Array(to + 1).keys()].slice(from)\n\t}\n\treturn []\n}\n","/*\n *   Pagination\n */\n\n$class: \".gov-pagination\";\n\n#{$class} {\n\t@include base();\n\t&__list {\n\t\t@extend %reset-ul;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tfont-weight: bold;\n\t\ttext-align: center;\n\t}\n\t&__list &__item {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tpadding: rem-calc(2);\n\t\tborder-radius: $border-radius;\n\t\toverflow: hidden;\n\t\t&--arrow {\n\t\t\tdisplay: flex;\n\t\t}\n\t\t&--select {\n\t\t\tz-index: 1;\n\t\t\tdisplay: flex;\n\t\t\toverflow: visible;\n\t\t\tpadding: rem-calc(0 16);\n\t\t}\n\t}\n\t&__arrow {\n\t\tmargin: 0;\n\t}\n\t&__item--more {\n\t\t.gov-form-select {\n\t\t\tselect {\n\t\t\t\tborder: none !important;\n\t\t\t\tpadding-right: rem-calc(12) !important;\n\t\t\t}\n\t\t\t.gov-icon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\t&__inner {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\talign-self: stretch;\n\t\twidth: 100%;\n\t\ttext-decoration: none;\n\t\t// Use hover styles from gov-button to active page button\n\t\t&[wcag-current=\"true\"] {\n\t\t\t@each $variant, $types in $button-variants {\n\t\t\t\t@each $type, $definitions in $types {\n\t\t\t\t\t&[type=\"#{$type}\"][variant=\"#{$variant}\"] {\n\t\t\t\t\t\t.element {\n\t\t\t\t\t\t\tbackground-color: deep-map-get($button-variants, $variant, $type, \"hover-bg\");\n\t\t\t\t\t\t\tcolor: deep-map-get($button-variants, $variant, $type, \"hover-color\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $pagination-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__inner {\n\t\t\t\t\t@include typography(get(\"font\", $definitions));\n\t\t\t\t\tfont-weight: inherit;\n\t\t\t\t\t.element {\n\t\t\t\t\t\tmin-width: get(\"button-size\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationSizeType,\n\tPaginationSizes,\n\tPaginationVariantType,\n\tPaginationType,\n\tPaginationTypes,\n\tPaginationVariants,\n} from \"./constants\"\nimport { govHost, prepareClasses } from \"../../helpers/Dom/template\"\nimport { paginate, Pagination } from \"./pagination\"\nimport { toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { validateWcagLabel, validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport { createID } from \"../../utils/string.utils\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport {createArrayRange } from \"../../utils/array.utils\"\nimport { FormSelectEvent } from \"../gov-form/select/gov-form-select.types\"\nimport { PaginationEvent } from \"./gov-pagination.types\"\n\n@Component({\n\ttag: \"gov-pagination\",\n\tstyleUrl: \"gov-pagination.scss\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/**\n\t * Pagination type\n\t */\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t/**\n\t * Total count of entries\n\t */\n\t@Prop() readonly total: number = 0\n\t/**\n\t * Set on active page\n\t */\n\t@Prop() readonly inverse: boolean\n\t/**\n\t * Pagination's size\n\t */\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/**\n\t * Style variation of the pagination.\n\t */\n\t@Prop() readonly variant?: PaginationVariantType = \"primary\"\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({ attribute: \"page-size\" }) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({ attribute: \"max-pages\" }) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({ attribute: \"wcag-select-label\" }) readonly wcagSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({ attribute: \"wcag-page-label\" }) readonly wcagPageLabel: string = \"Strana\"\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({ eventName: \"gov-page\" }) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(PaginationVariants, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\twcag-label={page > -1 ? this.wcagPageLabel + \" \" + page : undefined}\n\t\t\t\t\twcag-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} variant={this.variant} size={this.size}>\n\t\t\t\t<nav aria-label={this.wcagLabel} aria-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\"></gov-icon>,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\"></gov-icon>,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.wcagSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\t\t\t\twcag-labelled-by={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page)}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.wcagSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\t\t\t\t\twcag-labelled-by={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\"></gov-icon>,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\"></gov-icon>,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagPageLabel, \"wcag-page-label\", PaginationClass.root)\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, PaginationClass.root)\n\t}\n}\n"],"mappings":"wbAKO,MAAMA,EAAkBC,EAAKC,EAAO,CAAC,KAAM,OAG3C,MAAMC,EAAqBF,EAAKG,EAAU,CAAC,UAAW,cAG7D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,kBACA,EAHD,CAAYA,MAAe,KAMpB,MAAMC,EAAkB,CAC9BC,KAAM,iBACNC,KAAM,uBACNC,KAAM,uBACNC,UAAW,8BACXC,SAAU,6BACVC,WAAY,+BACZC,MAAO,wBACPC,MAAO,yB,SCbQC,EAASC,EAAoBC,EAAc,EAAGC,EAAW,GAAIC,EAAW,IAEvF,MAAMC,EAAaC,KAAKC,KAAKN,EAAaE,GAG1C,GAAID,EAAc,EAAG,CACpBA,EAAc,C,MACR,GAAIA,EAAcG,EAAY,CACpCH,EAAcG,C,CAGf,IAAIG,EAAmBC,EACvB,GAAIJ,GAAcD,EAAU,CAE3BI,EAAY,EACZC,EAAUJ,C,KACJ,CAEN,MAAMK,EAA4BJ,KAAKK,MAAMP,EAAW,GACxD,MAAMQ,EAA2BN,KAAKC,KAAKH,EAAW,GAAK,EAC3D,GAAIF,GAAeQ,EAA2B,CAE7CF,EAAY,EACZC,EAAUL,C,MACJ,GAAIF,EAAcU,GAA4BP,EAAY,CAEhEG,EAAYH,EAAaD,EAAW,EACpCK,EAAUJ,C,KACJ,CAENG,EAAYN,EAAcQ,EAC1BD,EAAUP,EAAcU,C,EAK1B,MAAMC,GAAcX,EAAc,GAAKC,EACvC,MAAMW,EAAWR,KAAKS,IAAIF,EAAaV,EAAW,EAAGF,EAAa,GAGlE,MAAMe,EAAQC,MAAMC,KAAKD,MAAMR,EAAU,EAAID,GAAWW,QAAQC,KAAIC,GAAKb,EAAYa,IAGrF,MAAO,CACNpB,WAAYA,EACZC,YAAaA,EACbC,SAAUA,EACVE,WAAYA,EACZG,UAAWA,EACXC,QAASA,EACTI,WAAYA,EACZC,SAAUA,EACVE,MAAOA,EAET,CClEO,MAAMM,EAAmB,CAACJ,EAAcK,KAC9C,GAAIC,OAAOC,UAAUP,IAASM,OAAOC,UAAUF,GAAK,CACnD,MAAO,IAAIN,MAAMM,EAAK,GAAGJ,QAAQO,MAAMR,E,CAExC,MAAO,EAAE,ECJV,MAAMS,EAAmB,uyNACzB,MAAAC,EAAeD,E,MC2BFE,EAAa,MAMzB,WAAAC,CAAAC,G,sDASwC,S,aAIL,E,WAIF,E,iCAQY,I,aAIM,U,cAIW,G,cAIA,E,gGAkBe,gB,mBAIJ,S,0BA1DxEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,aAAeC,EAAS,gB,CAkE9B,YAAAC,CAAaC,GACZC,EAAalD,EAAiBiD,EAAUhD,EAAgBC,K,CAIzD,YAAAiD,CAAaF,GACZC,EAAavD,EAAiBsD,EAAUhD,EAAgBC,K,CAIzD,eAAAkD,CAAgBH,GACfC,EAAapD,EAAoBmD,EAAUhD,EAAgBC,K,CAO5D,WAAAmD,GACCX,KAAKY,sBAAsBZ,KAAKa,Q,CAGjC,iBAAAC,GACCd,KAAKY,sBAAsBZ,KAAKa,SAChCb,KAAKS,aAAaT,KAAKe,MACvBf,KAAKU,gBAAgBV,KAAKgB,Q,CAG3B,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNnB,KAAKoB,c,EAIL,qBAAAR,CAAsB1C,GAC7B8B,KAAKqB,WAAarD,EAASgC,KAAKsB,MAAOpD,EAAa8B,KAAK7B,SAAU6B,KAAK5B,S,CAGjE,iBAAAmD,CAAkBC,EAAuBC,GAChD,GAAIzB,KAAKqB,WAAWnD,cAAgBuD,EAAM,CACzC,OAAOD,EAAgB,Y,KACjB,CACN,OAAOA,C,EAID,cAAAE,CAAeD,GACtB,GAAIzB,KAAK2B,KAAM,CACd,OAAOC,OAAO5B,KAAK2B,MAAME,QAAQ,SAAUD,OAAOH,G,CAEnD,OAAOK,S,CAGA,gBAAAC,GACP,GAAI/B,KAAKgC,gBAAiB,CACzBhC,KAAKgC,gBAAgBC,SACnBC,MAAMC,IACNA,EAAGC,MAAQ,KAAK,G,EAKpB,MAAAC,GACC,MAAMC,EAAe,CAACb,EAAcc,KACnC,MAAMC,EAAaf,KAAU,EAC7B,MAAMgB,EAAcC,EAAoB1C,KAAKqB,WAAWnD,cAAgBuD,EAAO,KAAOK,WACtF,OACC7B,EAAA,cACC0C,KAAM3C,KAAK0B,eAAeD,GAC1BT,QAAShB,KAAKgB,QACdD,KAAMf,KAAKe,KACX6B,KAAK,OACLC,SAAUL,EAAU,eACLM,GAAM9C,KAAK+C,eAAeD,EAAGrB,GAAK,aACrCA,GAAQ,EAAIzB,KAAKgD,cAAgB,IAAMvB,EAAOK,UAAS,eACrDW,EACdQ,MAAO1F,EAAgBO,OACtByE,EACW,EAGf,OACCtC,EAACiD,EAAI,CAACD,MAAOjD,KAAKC,EAAEkD,QAAQ5F,EAAgBC,MAAOoF,KAAM5C,KAAK4C,KAAM5B,QAAShB,KAAKgB,QAASD,KAAMf,KAAKe,MACrGd,EAAA,oBAAiBD,KAAKoD,UAAS,kBAAmBpD,KAAKqD,gBACtDpD,EAAA,MAAIgD,MAAO1F,EAAgBE,MAC1BwC,EAAA,MAAIgD,MAAOK,EAAe,CAAC/F,EAAgBG,KAAMH,EAAgBI,aAC/D2E,EACAtC,KAAKqB,WAAWnD,YAAc,EAAI,GAAK,EACvC+B,EAAA,YAAUgD,MAAO1F,EAAgBQ,MAAOwF,KAAK,0BAI/CtD,EAAA,MAAIgD,MAAOK,EAAe,CAAC/F,EAAgBG,KAAMH,EAAgBI,aAC/D2E,EACAtC,KAAKqB,WAAW7C,UAAYwB,KAAKqB,WAAWnD,YAAc8B,KAAKqB,WAAWnD,YAAc,GAAK,EAC7F+B,EAAA,YAAUgD,MAAO1F,EAAgBQ,MAAOwF,KAAK,mBAI9CvD,KAAK4C,MAAQ,SACb3C,EAAA,MAAIgD,MAAOK,EAAe,CAAC/F,EAAgBG,KAAMH,EAAgBM,cAChEoC,EAAA,QAAMgD,MAAO1F,EAAgBO,OAC5BmC,EAAA,QAAMuD,GAAIxD,KAAKI,aAAcqD,OAAM,MACjCzD,KAAK0D,iBAEPzD,EAAA,mBACCc,KAAK,IACLC,QAAShB,KAAKgB,QAAO,mBACHhB,KAAKI,aAAY,gBACpBJ,KAAK2D,gBAAgBC,KAAK5D,OACxCV,EAAiB,EAAGU,KAAKqB,WAAWhD,YAAYe,KAAIqC,GACpDxB,EAAA,UAAQmC,MAAOX,EAAMoC,SAAU7D,KAAKqB,WAAWnD,cAAgBuD,GAC7DA,QAONxB,EAAC6D,EAAQ,KACP9D,KAAKqB,WAAWrC,MAAMI,KAAIqC,GAC1BxB,EAAA,MAAIgD,MAAOjD,KAAKuB,kBAAkBhE,EAAgBG,KAAM+D,IAAQa,EAAab,EAAMA,MAEnFzB,KAAKqB,WAAWhD,WAChB4B,EAAA,MAAIgD,MAAOK,EAAe,CAAC/F,EAAgBG,KAAMH,EAAgBK,YACjEqC,EAAA,QAAMgD,MAAO1F,EAAgBO,OAC5BmC,EAAA,QAAMuD,GAAIxD,KAAKI,aAAcqD,OAAM,MACjCzD,KAAK0D,iBAEPzD,EAAA,mBACCc,KAAK,IACLC,QAAShB,KAAKgB,QAAO,mBACHhB,KAAKI,aACvB2D,IAAK5B,GAAOnC,KAAKgC,gBAAkBG,EAA+B,gBACnDnC,KAAK2D,gBAAgBC,KAAK5D,OACzCC,EAAA,UAAQ4D,SAAQ,KAACJ,OAAM,aACtBnE,EAAiB,EAAGU,KAAKqB,WAAWhD,YAAYe,KAAIqC,GACpDxB,EAAA,UAAQmC,MAAOX,EAAMoC,SAAU,OAC7BpC,QAMF,MAINxB,EAAA,MAAIgD,MAAOK,EAAe,CAAC/F,EAAgBG,KAAMH,EAAgBI,aAC/D2E,EACAtC,KAAKqB,WAAWhD,WAAa2B,KAAKqB,WAAWnD,YAAc8B,KAAKqB,WAAWnD,YAAc,GAAK,EAC9F+B,EAAA,YAAUgD,MAAO1F,EAAgBQ,MAAOwF,KAAK,oBAI/CtD,EAAA,MAAIgD,MAAOK,EAAe,CAAC/F,EAAgBG,KAAMH,EAAgBI,aAC/D2E,EACAtC,KAAKqB,WAAWhD,WAAa2B,KAAKqB,WAAWnD,YAAc8B,KAAKqB,WAAWhD,YAAc,EACzF4B,EAAA,YAAUgD,MAAO1F,EAAgBQ,MAAOwF,KAAK,6B,CAS5C,cAAAR,CAAeD,EAAgBrB,GACtCqB,EAAEkB,kBACFhE,KAAKY,sBAAsBa,GAC3BzB,KAAKiE,QAAQC,KAAK,CACjBC,UAAW5G,EAAgBC,KAC3B6D,WAAYrB,KAAKqB,Y,CAIX,eAAAsC,CAAgBb,GACvBA,EAAEkB,kBACF,MAAM5B,EAAQU,EAAEsB,OAAOhC,MACvB,MAAMX,EAAO4C,SAASjC,GACtBpC,KAAK+B,mBACL,GAAIuC,MAAM7C,KAAU,MAAO,CAC1BzB,KAAKY,sBAAsBa,GAC3B,GAAIzB,KAAK2B,KAAM,CACd4C,OAAOC,SAAS7B,KAAO3C,KAAK0B,eAAeD,E,KACrC,CACNzB,KAAKiE,QAAQC,KAAK,CACjBC,UAAW5G,EAAgBC,KAC3B6D,WAAYrB,KAAKqB,Y,GAUrB,kBAAMD,GACLqD,EAAiBzE,KAAKgD,cAAe,kBAAmBzF,EAAgBC,MACxEkH,EAAkB1E,KAAKoD,UAAWpD,KAAKqD,eAAgB9F,EAAgBC,K"}
\ No newline at end of file
diff --git a/build/p-5f26e34c.entry.js b/build/p-5f26e34c.entry.js
new file mode 100644
index 00000000..9671ac6c
--- /dev/null
+++ b/build/p-5f26e34c.entry.js
@@ -0,0 +1,2 @@
+import{r as a,h as o,a as i,g as n}from"./p-3336fe3b.js";import{g as e,s as r}from"./p-8a8117a5.js";const t={root:"gov-container"};const s=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-container{display:block;width:100%;max-width:calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem)}@media (min-width: 48em){.gov-container{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}";const c=s;const d=class{constructor(o){a(this,o);this.h=e(this.host)}render(){return o(i,{key:"d46258b9c01ccd686372d146cafa030d33a292cf",class:this.h.classes(t.root)},o("slot",{key:"de57e82e36e2974587e62e7830ce88259c176bc5"}))}async slottedChildren(){return Promise.resolve(r(this.host))}get host(){return n(this)}};d.style=c;export{d as gov_container};
+//# sourceMappingURL=p-5f26e34c.entry.js.map
\ No newline at end of file
diff --git a/build/p-5f26e34c.entry.js.map b/build/p-5f26e34c.entry.js.map
new file mode 100644
index 00000000..8fd9b8c2
--- /dev/null
+++ b/build/p-5f26e34c.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["ContainerClass","root","govContainerCss","GovContainerStyle0","GovContainer","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","slottedChildren","Promise","resolve"],"sources":["../../packages/core/src/components/gov-container/constants.tsx","../../packages/core/src/components/gov-container/gov-container.scss?tag=gov-container","../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","/*\n *   Container\n */\n\n$class: \".gov-container\";\n\n#{$class} {\n\t@include container();\n}\n","import { Component, Element, h, Host, Method } from '@stencil/core'\nimport { govHost, slottedChildren } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n\tstyleUrl: 'gov-container.scss',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns slotted children\n\t *\n\t * @return {Promise<Node[]>}\n\t */\n\t@Method()\n\tasync slottedChildren(): Promise<Node[]> {\n\t\treturn Promise.resolve(slottedChildren(this.host))\n\t}\n}\n"],"mappings":"oGAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBCDP,MAAMC,EAAkB,uwBACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQf,EAAeC,OAC1CO,EAAA,QAAAK,IAAA,6C,CAWH,qBAAMG,GACL,OAAOC,QAAQC,QAAQF,EAAgBT,KAAKG,M"}
\ No newline at end of file
diff --git a/build/p-5fc6a21c.entry.js b/build/p-5fc6a21c.entry.js
new file mode 100644
index 00000000..b3f746c4
--- /dev/null
+++ b/build/p-5fc6a21c.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as i,h as t,a as r,g as e}from"./p-3336fe3b.js";import{g as n,k as a,l as s,m as l}from"./p-7670cb34.js";import{g as v,a as g,t as c,c as p}from"./p-8a8117a5.js";import{c as m}from"./p-32d89c78.js";import{v as f}from"./p-bc59b609.js";import{a as u,b as d}from"./p-b24413c7.js";import{c as h}from"./p-4029f0cb.js";import{d as x}from"./p-2b6bbee5.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";import"./p-40f10385.js";const z='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-input{position:relative;display:flex;width:100%;align-items:center}.gov-form-input .element{position:relative;display:flex;flex:1 1 auto}.gov-form-input input,.gov-form-input select,.gov-form-input textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, "Roboto", sans-serif)}.gov-form-input input:focus,.gov-form-input select:focus,.gov-form-input textarea:focus{outline:none}.gov-form-input input:focus-visible,.gov-form-input select:focus-visible,.gov-form-input textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-input input::-moz-placeholder,.gov-form-input select::-moz-placeholder,.gov-form-input textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input input::placeholder,.gov-form-input select::placeholder,.gov-form-input textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-input *[slot=left-icon],.gov-form-input *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-input *[slot=left-icon]{left:0}.gov-form-input *[slot=right-icon]{right:0}.gov-form-input *[slot=prefix],.gov-form-input *[slot=sufix]{margin:0}[size=s].gov-form-input{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-input input,[size=s].gov-form-input select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-input *[slot=left-icon],[size=s].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-input *[slot=right-icon]~input,[size=s].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input input,[size=m].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-input *[slot=left-icon],[size=m].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=right-icon]~input,[size=m].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input input,[size=l].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-input *[slot=left-icon],[size=l].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=right-icon]~input,[size=l].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-input{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input input,[size=xl].gov-form-input select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-input *[slot=left-icon],[size=xl].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=right-icon]~input,[size=xl].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-input input,[variant=primary].gov-form-input select,[variant=primary].gov-form-input textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-input *[slot=left-icon],[variant=primary].gov-form-input *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-input input,[variant=secondary].gov-form-input select,[variant=secondary].gov-form-input textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-input *[slot=left-icon],[variant=secondary].gov-form-input *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=""].gov-form-input,[disabled=true i].gov-form-input,[disabled="1"].gov-form-input{pointer-events:none}[disabled=""].gov-form-input input,[disabled=""].gov-form-input select,[disabled=""].gov-form-input textarea,[disabled=true i].gov-form-input input,[disabled=true i].gov-form-input select,[disabled=true i].gov-form-input textarea,[disabled="1"].gov-form-input input,[disabled="1"].gov-form-input select,[disabled="1"].gov-form-input textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-input *[slot=left-icon],[disabled=""].gov-form-input *[slot=right-icon],[disabled=true i].gov-form-input *[slot=left-icon],[disabled=true i].gov-form-input *[slot=right-icon],[disabled="1"].gov-form-input *[slot=left-icon],[disabled="1"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600)) !important}[invalid=""].gov-form-input input,[invalid=""].gov-form-input select,[invalid=""].gov-form-input textarea,[invalid=true i].gov-form-input input,[invalid=true i].gov-form-input select,[invalid=true i].gov-form-input textarea,[invalid="1"].gov-form-input input,[invalid="1"].gov-form-input select,[invalid="1"].gov-form-input textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-input input::-moz-placeholder,[invalid=""].gov-form-input select::-moz-placeholder,[invalid=""].gov-form-input textarea::-moz-placeholder,[invalid=true i].gov-form-input input::-moz-placeholder,[invalid=true i].gov-form-input select::-moz-placeholder,[invalid=true i].gov-form-input textarea::-moz-placeholder,[invalid="1"].gov-form-input input::-moz-placeholder,[invalid="1"].gov-form-input select::-moz-placeholder,[invalid="1"].gov-form-input textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-input input::placeholder,[invalid=""].gov-form-input select::placeholder,[invalid=""].gov-form-input textarea::placeholder,[invalid=true i].gov-form-input input::placeholder,[invalid=true i].gov-form-input select::placeholder,[invalid=true i].gov-form-input textarea::placeholder,[invalid="1"].gov-form-input input::placeholder,[invalid="1"].gov-form-input select::placeholder,[invalid="1"].gov-form-input textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-input *[slot=left-icon],[invalid=""].gov-form-input *[slot=right-icon],[invalid=true i].gov-form-input *[slot=left-icon],[invalid=true i].gov-form-input *[slot=right-icon],[invalid="1"].gov-form-input *[slot=left-icon],[invalid="1"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error)) !important}[invalid=""].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid="1"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=""].gov-form-input *[slot=right-icon]:not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-arrow),[success="1"].gov-form-input *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[multiline=""].gov-form-input *[slot=left-icon],[multiline=""].gov-form-input *[slot=right-icon],[multiline=true i].gov-form-input *[slot=left-icon],[multiline=true i].gov-form-input *[slot=right-icon],[multiline="1"].gov-form-input *[slot=left-icon],[multiline="1"].gov-form-input *[slot=right-icon]{display:none}.gov-form-input[type=reset] input{border-width:0}.gov-form-input[type=reset] input:focus{outline:none}';const b=z;var y;(function(o){o["INPUT"]="input";o["TEXTAREA"]="textarea"})(y||(y={}));const w=class{constructor(t){o(this,t);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govKeyUp=i(this,"gov-keyup",7);this.govKeyDown=i(this,"gov-keydown",7);this.value=undefined;this.identifier=undefined;this.variant="secondary";this.success=undefined;this.size="m";this.name=undefined;this.multiline=undefined;this.rows=undefined;this.cols=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.autocomplete=undefined;this.autocorrect=undefined;this.type=undefined;this.inputType="text";this.role=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.wcagAutocomplete=undefined;this.wcagExpanded=undefined;this.focused=undefined;this.h=v(this.host);this.inputId=h("GovInput");this.f=n(this.h)}validateVariant(o){f(s,o,a.root)}validateSize(o){f(l,o,a.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",g(this.disabled));this.f.passAttrToControl("invalid",g(this.invalid));this.f.passAttrToControl("type",this.multiline?y.TEXTAREA:y.INPUT)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}async componentDidRender(){if(m()){await x(500);await this.validateWcag()}}render(){const o=this.multiline?y.TEXTAREA:y.INPUT;return t(r,{key:"b6dccb6f5d5ed3bfafdbc6d68aa66d780c895b02",class:a.root,size:this.size,variant:this.variant,type:this.type},this.h.hasSlot("prefix")&&t("slot",{name:"prefix"}),t("span",{key:"ce8ce1ca9bbee05753e418f5d809f9e527b91709",class:"element"},this.h.hasSlot("left-icon")&&t("slot",{name:"left-icon"}),this.h.hasSlot("right-icon")&&!(this.success||this.invalid)&&t("slot",{name:"right-icon"}),this.success&&!this.multiline&&t("gov-icon",{slot:"right-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&!this.multiline&&t("gov-icon",{slot:"right-icon",class:"icon-validation",name:"exclamation-lg"}),t(o,{key:"41467e37454c8ddeea2108726aa637caf8021ac7",type:this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:o=>this.inputRef=o,placeholder:this.placeholder,value:this.value,readonly:c(this.readonly),autocomplete:p(this.autocomplete),autocorrect:p(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns,"aria-expanded":c(this.wcagExpanded),"aria-autocomplete":this.wcagAutocomplete})),this.h.hasSlot("sufix")&&t("slot",{name:"sufix"}))}onFocusHandler(o){o.stopPropagation();this.focused=true;this.govFocus.emit({component:a.root,value:this.value,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.focused=false;this.govBlur.emit({component:a.root,value:this.value,originalEvent:o})}onKeyUpHandler(o){o.stopPropagation();this.govKeyUp.emit({component:a.root,value:this.value,originalEvent:o})}onKeyDownHandler(o){o.stopPropagation();this.govKeyDown.emit({component:a.root,value:this.value,originalEvent:o})}onInputHandler(o){this.value=o.target.value;o.stopPropagation();this.govInput.emit({component:a.root,value:this.value,originalEvent:o})}async setFocus(o){return this.inputRef.focus(o)}async setValue(o){this.value=o}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}async validateWcag(){u(this.wcagDescribedBy,"wcag-described-by",a.root);u(this.wcagLabelledBy,"wcag-labelled-by",a.root);u(this.wcagOwns,"wcag-owns",a.root);d(this.identifier||this.inputId,this.wcagLabelledBy,a.root)}get host(){return e(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"],type:["watchDisabled"]}}};w.style=b;export{w as gov_form_input};
+//# sourceMappingURL=p-5fc6a21c.entry.js.map
\ No newline at end of file
diff --git a/build/p-5fc6a21c.entry.js.map b/build/p-5fc6a21c.entry.js.map
new file mode 100644
index 00000000..c8df0804
--- /dev/null
+++ b/build/p-5fc6a21c.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormInputCss","GovFormInputStyle0","Tags","GovFormInput","constructor","hostRef","this","h","govHost","host","inputId","createID","f","govForm","validateVariant","newValue","validateProp","FormInputVariants","FormInputClass","root","validateSize","FormInputSizes","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","multiline","TEXTAREA","INPUT","componentWillLoad","variant","passAttrToLabel","String","required","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Tag","Host","key","class","type","hasSlot","name","success","slot","inputType","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","inputRef","placeholder","value","readonly","toBoolAttrIfDefined","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","wcagDescribedBy","wcagLabelledBy","wcagOwns","wcagExpanded","wcagAutocomplete","e","stopPropagation","focused","govFocus","emit","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","focus","setValue","clearValue","getRef","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/components/gov-form/input/gov-form-input.scss?tag=gov-form-input","../../packages/core/src/components/gov-form/input/gov-form-input.tsx"],"sourcesContent":["/*\n *   Input\n */\n\n@import \"../input/gov-form-input-core.scss\";\n$class: \".gov-form-input\";\n\n#{$class} {\n\t@extend %form-input-core;\n\n\t// VARIANTS\n\t&[type=\"reset\"] {\n\t\tinput {\n\t\t\tborder-width: 0;\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport {\n\tFormInputClass,\n\tFormInputSizes,\n\tFormInputSizesType,\n\tFormInputVariants,\n\tFormInputVariantType,\n\tInputType,\n\tType,\n} from \"./constants\"\nimport { FormInputEvent } from \"./gov-form-input.types\"\nimport { Nullable } from \"../../../types/interfaces\"\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n\tstyleUrl: \"gov-form-input.scss\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({ reflect: true, mutable: true }) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant?: FormInputVariantType = \"secondary\"\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Defineds the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({ attribute: \"input-type\" }) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value.\n\t */\n\t@Prop({ attribute: \"wcag-autocomplete\" }) readonly wcagAutocomplete: string\n\t/**\n\t *  Attribute is set on an element to indicate if a control is expanded or collapsed\n\t */\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-input\" }) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-keyup\" }) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-keydown\" }) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormInputVariants, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"type\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.passControlAttrs()\n\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} variant={this.variant} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\" />}\n\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && !(this.success || this.invalid) && <slot name=\"right-icon\" />}\n\n\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\taria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\t\taria-autocomplete={this.wcagAutocomplete}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormInputClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.inputId, this.wcagLabelledBy, FormInputClass.root)\n\t}\n}\n"],"mappings":"6fAAA,MAAMA,EAAkB,28YACxB,MAAAC,EAAeD,ECqBf,IAAKE,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,sBACA,EAHD,CAAKA,MAAI,K,MASIC,EAAY,MAMxB,WAAAC,CAAAC,G,4PAkBkD,Y,iCAQL,I,mGAqBR,M,cAKA,M,qOAyC8B,O,mNA5FlEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,YACxBL,KAAKM,EAAIC,EAAQP,KAAKC,E,CA+IvB,eAAAO,CAAgBC,GACfC,EAAaC,EAAmBF,EAAUG,EAAeC,K,CAI1D,YAAAC,CAAaL,GACZC,EAAaK,EAAgBN,EAAUG,EAAeC,K,CAOvD,aAAAG,GACChB,KAAKiB,kB,CAGE,gBAAAA,GACPjB,KAAKM,EAAEY,kBAAkB,OAAQlB,KAAKmB,MACtCnB,KAAKM,EAAEY,kBAAkB,WAAYE,EAAWpB,KAAKqB,WACrDrB,KAAKM,EAAEY,kBAAkB,UAAWE,EAAWpB,KAAKsB,UACpDtB,KAAKM,EAAEY,kBAAkB,OAAQlB,KAAKuB,UAAY3B,EAAK4B,SAAW5B,EAAK6B,M,CAGxE,iBAAAC,GACC1B,KAAKQ,gBAAgBR,KAAK2B,SAC1B3B,KAAKc,aAAad,KAAKmB,MACvBnB,KAAKiB,mBAELjB,KAAKM,EAAEsB,gBAAgB,WAAYC,OAAO7B,KAAK8B,U,CAGhD,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNjC,KAAKkC,c,EAIb,MAAAC,GACC,MAAMC,EAAMpC,KAAKuB,UAAY3B,EAAK4B,SAAW5B,EAAK6B,MAElD,OACCxB,EAACoC,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,EAAeC,KAAMM,KAAMnB,KAAKmB,KAAMQ,QAAS3B,KAAK2B,QAASa,KAAMxC,KAAKwC,MACnFxC,KAAKC,EAAEwC,QAAQ,WAAaxC,EAAA,QAAMyC,KAAK,WACxCzC,EAAA,QAAAqC,IAAA,2CAAMC,MAAM,WACVvC,KAAKC,EAAEwC,QAAQ,cAAgBxC,EAAA,QAAMyC,KAAK,cAE1C1C,KAAKC,EAAEwC,QAAQ,iBAAmBzC,KAAK2C,SAAW3C,KAAKsB,UAAYrB,EAAA,QAAMyC,KAAK,eAE9E1C,KAAK2C,UAAY3C,KAAKuB,WACjBtB,EAAA,YAAU2C,KAAK,aAAaL,MAAM,kBAAkBG,KAAK,aAC9D1C,KAAKsB,UAAYtB,KAAKuB,WACjBtB,EAAA,YAAU2C,KAAK,aAAaL,MAAM,kBAAkBG,KAAK,mBAC/DzC,EAACmC,EAAG,CAAAE,IAAA,2CACHE,KAAMxC,KAAK6C,UACXxB,SAAUrB,KAAKqB,SACfyB,GAAI9C,KAAK+C,YAAc/C,KAAKI,QAC5BsC,KAAM1C,KAAK0C,KACXM,QAAShD,KAAKiD,eAAeC,KAAKlD,MAClCmD,QAASnD,KAAKoD,eAAeF,KAAKlD,MAClCqD,OAAQrD,KAAKsD,cAAcJ,KAAKlD,MAChCuD,QAASvD,KAAKwD,eAAeN,KAAKlD,MAClCyD,UAAWzD,KAAK0D,iBAAiBR,KAAKlD,MACtC2D,IAAKC,GAAO5D,KAAK6D,SAAWD,EAC5BE,YAAa9D,KAAK8D,YAClBC,MAAO/D,KAAK+D,MACZC,SAAUC,EAAoBjE,KAAKgE,UACnCE,aAAcC,EAAqBnE,KAAKkE,cACxCE,YAAaD,EAAqBnE,KAAKoE,aACvCC,UAAWrE,KAAKqE,UAChBC,UAAWtE,KAAKsE,UAChBC,IAAKvE,KAAKuE,IACVC,IAAKxE,KAAKwE,IACV1C,SAAU9B,KAAK8B,SACf2C,KAAMzE,KAAKyE,KACXC,KAAM1E,KAAK0E,KACXC,KAAM3E,KAAK2E,KAAI,gBACAV,EAAoBjE,KAAK8B,UAAS,eACnCmC,EAAoBjE,KAAKsB,SAAQ,gBAChC2C,EAAoBjE,KAAKqB,UAAS,mBAC/BrB,KAAK4E,gBAAe,kBACrB5E,KAAK6E,eAAc,YACzB7E,KAAK8E,SAAQ,gBACTb,EAAoBjE,KAAK+E,cAAa,oBAClC/E,KAAKgF,oBAGzBhF,KAAKC,EAAEwC,QAAQ,UAAYxC,EAAA,QAAMyC,KAAK,U,CAKlC,cAAAO,CAAegC,GACtBA,EAAEC,kBACFlF,KAAKmF,QAAU,KACfnF,KAAKoF,SAASC,KAAK,CAClBC,UAAW1E,EAAeC,KAC1BkD,MAAO/D,KAAK+D,MACZwB,cAAeN,G,CAIT,aAAA3B,CAAc2B,GACrBA,EAAEC,kBACFlF,KAAKmF,QAAU,MACfnF,KAAKwF,QAAQH,KAAK,CACjBC,UAAW1E,EAAeC,KAC1BkD,MAAO/D,KAAK+D,MACZwB,cAAeN,G,CAIT,cAAAzB,CAAeyB,GACtBA,EAAEC,kBACFlF,KAAKyF,SAASJ,KAAK,CAClBC,UAAW1E,EAAeC,KAC1BkD,MAAO/D,KAAK+D,MACZwB,cAAeN,G,CAIT,gBAAAvB,CAAiBuB,GACxBA,EAAEC,kBACFlF,KAAK0F,WAAWL,KAAK,CACpBC,UAAW1E,EAAeC,KAC1BkD,MAAO/D,KAAK+D,MACZwB,cAAeN,G,CAIT,cAAA7B,CAAe6B,GACtBjF,KAAK+D,MAASkB,EAAEU,OAA4B5B,MAC5CkB,EAAEC,kBACFlF,KAAK4F,SAASP,KAAK,CAClBC,UAAW1E,EAAeC,KAC1BkD,MAAO/D,KAAK+D,MACZwB,cAAeN,G,CAQjB,cAAMY,CAASC,GACd,OAAO9F,KAAK6D,SAASkC,MAAMD,E,CAO5B,cAAME,CAASjC,GACd/D,KAAK+D,MAAQA,C,CAOd,gBAAMkC,GACLjG,KAAK+D,MAAQ,GACb/D,KAAK6D,SAASE,MAAQ,E,CAOvB,YAAMmC,GACL,OAAOlG,KAAK6D,Q,CAOb,kBAAM3B,GACLiE,EAAgBnG,KAAK4E,gBAAiB,oBAAqBhE,EAAeC,MAC1EsF,EAAgBnG,KAAK6E,eAAgB,mBAAoBjE,EAAeC,MACxEsF,EAAgBnG,KAAK8E,SAAU,YAAalE,EAAeC,MAC3DuF,EAAqBpG,KAAK+C,YAAc/C,KAAKI,QAASJ,KAAK6E,eAAgBjE,EAAeC,K"}
\ No newline at end of file
diff --git a/build/p-67aa21e9.entry.js b/build/p-67aa21e9.entry.js
new file mode 100644
index 00000000..9380755f
--- /dev/null
+++ b/build/p-67aa21e9.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as i,a as l,g as a}from"./p-3336fe3b.js";import{c as r}from"./p-4029f0cb.js";import{g as t,a as f,t as s}from"./p-8a8117a5.js";import{a as n,b as d}from"./p-b24413c7.js";import{c as m}from"./p-32d89c78.js";import{d as v}from"./p-2b6bbee5.js";import{g}from"./p-7670cb34.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";const h={root:"gov-form-file",area:"gov-form-file__area",label:"gov-form-file__label",input:"gov-form-file__input",list:"gov-form-file__list",item:"gov-form-file__item",attachments:"gov-form-file__attachments"};function _(e){const o=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let i=0,l=parseInt(e,10)||0;while(l>=1024&&++i){l=l/1024}return l.toFixed(l<10&&i>0?1:0)+" "+o[i]}function b(e,o){if(typeof o==="string"&&o.length){return o.replace(/\s/g,"").split(",").filter((o=>new RegExp(o.replace("*",".*")).test(e.type))).length>0}else{return true}}function c(e,o){const i=Math.round(e.size);return i<=o}const p='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-file{position:relative;display:block;width:100%}.gov-form-file__label .gov-form-label__label>*:last-child{margin-bottom:0}.gov-form-file__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0.0001;cursor:pointer}.gov-form-file__attachments{margin-top:1rem 0rem 0rem}.gov-form-file__item{display:flex;gap:1rem;align-items:center}.gov-form-file[disabled=""] .gov-form-file__label .gov-form-label__label,.gov-form-file[disabled=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[disabled="1"] .gov-form-file__label .gov-form-label__label{pointer-events:none}.gov-form-file[disabled=""] .gov-form-file__label .gov-form-label__label *,.gov-form-file[disabled=true i] .gov-form-file__label .gov-form-label__label *,.gov-form-file[disabled="1"] .gov-form-file__label .gov-form-label__label *{color:var(--gov-form-file-disabled-color, var(--gov-color-secondary-600))}.gov-form-file[expanded=""] .gov-form-file__area,.gov-form-file[expanded=true i] .gov-form-file__area,.gov-form-file[expanded="1"] .gov-form-file__area{position:relative;width:100%;padding:2rem 1.375rem 1.375rem;border:var(--gov-form-file-border, 0.0625rem dashed var(--gov-color-secondary-500));text-align:center;transition:background-color 150ms ease-in-out;will-change:background-color}.gov-form-file[expanded=""] .gov-form-file__area.highlight,.gov-form-file[expanded=true i] .gov-form-file__area.highlight,.gov-form-file[expanded="1"] .gov-form-file__area.highlight{background-color:var(--gov-color-primary-200)}.gov-form-file[expanded=""] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded="1"] .gov-form-file__label .gov-form-label__label{width:100%;padding:1.375rem;border:var(--gov-form-file-border, 0.0625rem dashed var(--gov-color-secondary-500));text-align:center}.gov-form-file[expanded=""] .gov-form-file__attachments,.gov-form-file[expanded=true i] .gov-form-file__attachments,.gov-form-file[expanded="1"] .gov-form-file__attachments{margin:1.5rem 0rem 0rem}.gov-form-file[expanded=""][invalid=""] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=""][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=""][invalid="1"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=""] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i][invalid="1"] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded="1"][invalid=""] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded="1"][invalid=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded="1"][invalid="1"] .gov-form-file__label .gov-form-label__label{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-file[expanded=""][invalid=""] .gov-form-file__area,.gov-form-file[expanded=""][invalid=true i] .gov-form-file__area,.gov-form-file[expanded=""][invalid="1"] .gov-form-file__area,.gov-form-file[expanded=true i][invalid=""] .gov-form-file__area,.gov-form-file[expanded=true i][invalid=true i] .gov-form-file__area,.gov-form-file[expanded=true i][invalid="1"] .gov-form-file__area,.gov-form-file[expanded="1"][invalid=""] .gov-form-file__area,.gov-form-file[expanded="1"][invalid=true i] .gov-form-file__area,.gov-form-file[expanded="1"][invalid="1"] .gov-form-file__area{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-file[expanded=""][disabled=""] .gov-form-file__area,.gov-form-file[expanded=""][disabled=true i] .gov-form-file__area,.gov-form-file[expanded=""][disabled="1"] .gov-form-file__area,.gov-form-file[expanded=true i][disabled=""] .gov-form-file__area,.gov-form-file[expanded=true i][disabled=true i] .gov-form-file__area,.gov-form-file[expanded=true i][disabled="1"] .gov-form-file__area,.gov-form-file[expanded="1"][disabled=""] .gov-form-file__area,.gov-form-file[expanded="1"][disabled=true i] .gov-form-file__area,.gov-form-file[expanded="1"][disabled="1"] .gov-form-file__area{pointer-events:none;color:var(--gov-form-file-disabled-color, var(--gov-color-secondary-600))}@media (min-width: 30em){.gov-form-file[expanded=""] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded=true i] .gov-form-file__label .gov-form-label__label,.gov-form-file[expanded="1"] .gov-form-file__label .gov-form-label__label{padding:2rem}}';const u=p;const x=class{constructor(i){e(this,i);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.govFiles=o(this,"gov-files",7);this.govAddFile=o(this,"gov-add-file",7);this.govRemoveFile=o(this,"gov-remove-file",7);this.expanded=false;this.required=false;this.disabled=false;this.displayAttachments=true;this.name=undefined;this.accept=undefined;this.multiple=false;this.maxFileSize=-1;this.identifier=undefined;this.invalid=undefined;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.attachmentsLabel="Přílohy";this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagRemoveLabel="Odebrat soubor {FILE_NAME}";this.wcagAttachmentsLabel="Přílohy";this.files=[];this.fileId=r("GovInputFile");this.h=t(this.host);this.f=g(this.h)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("disabled",f(this.disabled));this.f.passAttrToControl("invalid",f(this.invalid));this.f.passAttrToControl("type","File")}registerListeners(){function e(){this.areaRef.classList.add("highlight")}function o(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(e=>{e.preventDefault();e.stopPropagation();const o=e.target.files;this.validateFiles(o)}),false);if(this.expanded){const i=["dragover","dragleave"];const l=["dragenter","dragover","mouseenter"];const a=["dragleave","drop","mouseleave"];i.map((e=>this.inputRef.addEventListener(e,this.preventDefaults.bind(this),false)));l.map((o=>this.inputRef.addEventListener(o,e.bind(this),false)));a.forEach((e=>this.inputRef.addEventListener(e,o.bind(this),false)));this.areaRef.addEventListener("drop",this.handleDrop.bind(this),false)}}preventDefaults(e){e.preventDefault();e.stopPropagation()}handleDrop(e){const o=e.dataTransfer;this.validateFiles(o.files)}validateFiles(e){let o=[];Array.from(e).map((e=>{const i=this.files.find((o=>o.file.name===e.name&&o.file.size===e.size))||null;if(i===null){const i=typeof this.maxFileSize==="number"&&this.maxFileSize>0?c(e,this.maxFileSize):true;const l=b(e,this.accept);const a={id:r("GovFormFile"),file:e,acceptValid:l,sizeValid:i};if(this.displayAttachments){this.files=[...this.files,a]}else{o=[...o,a]}this.govAddFile.emit({component:h.root,file:a})}}));this.govFiles.emit({component:h.root,files:o.length?o:this.files})}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.watchDisabled()}async componentDidRender(){if(m()){await v(500);await this.validateWcag()}this.registerListeners()}render(){return i(l,{key:"9d52c076d07b022f8f922936d4f3a154f806beb8",class:this.h.classes([h.root]),invalid:s(this.invalid),expanded:s(this.expanded)},i("div",{key:"f64f084fda2b09837c0f397a70f35f388ac8e823",class:h.area,ref:e=>this.areaRef=e},i("slot",{key:"03dbcef43eb104a48e82f8a8d94c835a1f9f95ad"}),i("input",{key:"af12fb99fc43592d57f975f7183ef674a4f19c99",class:h.input,ref:e=>this.inputRef=e,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,"aria-required":s(this.required),"aria-invalid":s(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":s(this.disabled)})),this.h.hasSlot("attachments")?i("div",{class:h.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:h.attachments},i("gov-attachments",{label:this.wcagAttachmentsLabel,"wcag-label":this.wcagAttachmentsLabel},this.files.map((e=>i("gov-attachments-item",{"wcag-remove-labelled-by":e.id,"on-gov-remove":()=>this.onRemoveFileHandler(e)},i("span",{class:"sr-only",id:e.id},this.wcagRemoveLabel.replace("{FILE_NAME}",e.file.name)),e.file.name,e.acceptValid===false?i("gov-form-message",{slot:"message",variant:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill"}),e.acceptValid===false?this.errorAccept:null):null,e.sizeValid===false?i("gov-form-message",{slot:"message",variant:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill"}),this.errorSize.replace("{FILE_SIZE}",_(this.maxFileSize))):null,i("span",{slot:"info"},"(",_(e.file.size),")")))))):null)}onRemoveFileHandler(e){const o=this.files.findIndex((o=>o.id===e.id));if(o!==-1){const e=this.files;const i=this.files[o];e.splice(o,1);this.files=[...e];this.govRemoveFile.emit({component:h.root,file:i});this.govFiles.emit({component:h.root,files:e})}}onFocusHandler(e){e.stopPropagation();this.govFocus.emit({component:h.root,originalEvent:e})}onBlurHandler(e){e.stopPropagation();this.govBlur.emit({component:h.root,originalEvent:e})}onChangeHandler(e){e.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[]}async validateWcag(){n(this.wcagDescribedBy,"wcag-described-by",h.root);n(this.wcagLabelledBy,"wcag-labelled-by",h.root);d(this.identifier||this.fileId,this.wcagLabelledBy,h.root)}get host(){return a(this)}static get watchers(){return{disabled:["watchDisabled"],invalid:["watchDisabled"]}}};x.style=u;export{x as gov_form_file};
+//# sourceMappingURL=p-67aa21e9.entry.js.map
\ No newline at end of file
diff --git a/build/p-67aa21e9.entry.js.map b/build/p-67aa21e9.entry.js.map
new file mode 100644
index 00000000..61fbf7fb
--- /dev/null
+++ b/build/p-67aa21e9.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["FormFileClass","root","area","label","input","list","item","attachments","formatBytes","bytes","units","l","n","parseInt","toFixed","fileAcceptValidation","file","accept","length","replace","split","filter","RegExp","test","type","fileSizeValidation","maxSize","fileSize","Math","round","size","govFormFileCss","GovFormFileStyle0","GovFormFile","constructor","hostRef","this","fileId","createID","h","govHost","host","f","govForm","watchDisabled","passControlAttrs","passAttrToControl","toBoolAttr","disabled","invalid","registerListeners","highlight","areaRef","classList","add","unhighlight","remove","inputRef","addEventListener","e","preventDefault","stopPropagation","files","target","validateFiles","expanded","events","inEvents","outEvents","map","eventName","preventDefaults","bind","forEach","handleDrop","dataTransfer","filesBuffer","Array","from","isFile","find","name","isSizeValid","maxFileSize","isAcceptValid","newFile","id","acceptValid","sizeValid","displayAttachments","govAddFile","emit","component","govFiles","componentWillLoad","passAttrToLabel","String","required","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","toBoolAttrIfDefined","ref","el","identifier","multiple","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","wcagDescribedBy","wcagLabelledBy","hasSlot","wcagAttachmentsLabel","onRemoveFileHandler","wcagRemoveLabel","slot","variant","errorAccept","errorSize","index","findIndex","removeFile","splice","govRemoveFile","govFocus","originalEvent","govBlur","getRef","getAreaRef","reset","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/components/gov-form/file/constants.ts","../../packages/core/src/utils/file.utils.ts","../../packages/core/src/components/gov-form/file/gov-form-file.scss?tag=gov-form-file","../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\n\troot: 'gov-form-file',\n\tarea: 'gov-form-file__area',\n\tlabel: 'gov-form-file__label',\n\tinput: 'gov-form-file__input',\n\tlist: 'gov-form-file__list',\n\titem: 'gov-form-file__item',\n\tattachments: 'gov-form-file__attachments',\n}\n","export function formatBytes(bytes: any): string {\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n\tlet l = 0,\n\t\tn = parseInt(bytes, 10) || 0\n\n\twhile (n >= 1024 && ++l) {\n\t\tn = n / 1024\n\t}\n\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\n}\n\nexport function fileAcceptValidation(file: File, accept: string): boolean {\n\tif (typeof accept === 'string' && accept.length) {\n\t\treturn (\n\t\t\taccept\n\t\t\t\t.replace(/\\s/g, '')\n\t\t\t\t.split(',')\n\t\t\t\t.filter(accept => {\n\t\t\t\t\treturn new RegExp(accept.replace('*', '.*')).test(file.type)\n\t\t\t\t}).length > 0\n\t\t)\n\t} else {\n\t\treturn true\n\t}\n}\n\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\n\tconst fileSize = Math.round(file.size)\n\treturn fileSize <= maxSize\n}\n","/*\n *   File\n */\n\n$class: \".gov-form-file\";\n\n#{$class} {\n\t@include base();\n\t&__label .gov-form-label__label {\n\t\t@include reset-last-margin();\n\t}\n\t&__input {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: 0.0001;\n\t\tcursor: pointer;\n\t}\n\t&__attachments {\n\t\tmargin-top: rem-calc(16 0 0);\n\t}\n\t&__item {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\talign-items: center;\n\t}\n\n\t// STATES\n\t@include parameter(\"disabled\") {\n\t\t#{$class} {\n\t\t\t&__label .gov-form-label__label {\n\t\t\t\tpointer-events: none;\n\t\t\t\t* {\n\t\t\t\t\tcolor: $form-file-disabled-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@include parameter(\"expanded\") {\n\t\t#{$class} {\n\t\t\t&__area {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: rem-calc(32) rem-calc(22) rem-calc(22);\n\t\t\t\tborder: $form-file-border;\n\t\t\t\ttext-align: center;\n\t\t\t\ttransition: background-color $t ease-in-out;\n\t\t\t\twill-change: background-color;\n\t\t\t\t&.highlight {\n\t\t\t\t\tbackground-color: color(\"primary.200\");\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__label .gov-form-label__label {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: rem-calc(22);\n\t\t\t\tborder: $form-file-border;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t&__attachments {\n\t\t\t\tmargin: rem-calc(24 0 0);\n\t\t\t}\n\t\t}\n\n\t\t// STATES\n\t\t@include parameter(\"invalid\") {\n\t\t\t#{$class} {\n\t\t\t\t&__label .gov-form-label__label {\n\t\t\t\t\tborder-color: $form-state-color-error;\n\t\t\t\t}\n\t\t\t\t&__area {\n\t\t\t\t\tborder-color: $form-state-color-error;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"disabled\") {\n\t\t\t#{$class} {\n\t\t\t\t&__area {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tcolor: $form-file-disabled-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t@include parameter(\"expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__label .gov-form-label__label {\n\t\t\t\t\tpadding: rem-calc(32);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { FormFileClass } from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { fileAcceptValidation, fileSizeValidation, formatBytes } from \"../../../utils/file.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { GovFormFileEvent, GovFormFileItem } from \"./gov-form-file.types\"\n\n@Component({\n\ttag: \"gov-form-file\",\n\tstyleUrl: \"gov-form-file.scss\",\n})\nexport class GovFormFile {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate areaRef?: HTMLDivElement\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly fileId: string\n\n\tconstructor() {\n\t\tthis.fileId = createID(\"GovInputFile\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormFileElement\n\t/**\n\t * Expands the file input to fill 100% of the container width.\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the File component disabled.\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Show list of attachments\n\t */\n\t@Prop({ attribute: \"display-attachments\" }) readonly displayAttachments: boolean = true\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n\t */\n\t@Prop() readonly accept: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\n\t */\n\t@Prop() readonly multiple: boolean = false\n\t/**\n\t * Maximum embedded file size\n\t */\n\t@Prop({ attribute: \"max-file-size\" }) readonly maxFileSize: number = -1\n\t/**\n\t * Custom File identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Error message when the maximum file size is exceeded\n\t */\n\t@Prop({ attribute: \"error-size\" }) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\n\t/**\n\t * Insert unsupported file error message\n\t */\n\t@Prop({ attribute: \"error-accept\" }) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\n\t/**\n\t * Description of the list of attachments\n\t */\n\t@Prop({ attribute: \"attachments-label\" }) readonly attachmentsLabel: string = \"Přílohy\"\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-remove-label\" }) readonly wcagRemoveLabel: string = \"Odebrat soubor {FILE_NAME}\"\n\t/**\n\t * Adds accessible label for the list of attachments.\n\t */\n\t@Prop({ attribute: \"wcag-attachments-label\" }) readonly wcagAttachmentsLabel: string = \"Přílohy\"\n\t/**\n\t * Emitted when the File has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Emitted when the File loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when the list of inserted files is changed\n\t */\n\t@Event({ eventName: \"gov-files\" }) govFiles: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when a new file is added\n\t */\n\t@Event({ eventName: \"gov-add-file\" }) govAddFile: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when a file is removed from the list\n\t */\n\t@Event({ eventName: \"gov-remove-file\" }) govRemoveFile: EventEmitter<GovFormFileEvent>\n\n\t@State() files: GovFormFileItem[] = []\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\n\t}\n\n\n\tprivate registerListeners() {\n\t\tfunction highlight() {\n\t\t\tthis.areaRef.classList.add(\"highlight\")\n\t\t}\n\n\t\tfunction unhighlight() {\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\n\t\t}\n\n\t\tthis.inputRef.addEventListener(\n\t\t\t\"change\",\n\t\t\te => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\n\t\t\t\tthis.validateFiles(files)\n\t\t\t},\n\t\t\tfalse,\n\t\t)\n\t\t//this.inputRef.addEventListener('focus')\n\n\t\tif (this.expanded) {\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\n\t\t\tconst outEvents = [\"dragleave\", \"drop\", \"mouseleave\"]\n\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\n\n\t\t\tthis.areaRef.addEventListener(\"drop\", this.handleDrop.bind(this), false)\n\t\t}\n\t}\n\n\tpreventDefaults(e) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t}\n\n\thandleDrop(e: DragEvent) {\n\t\tconst dataTransfer = e.dataTransfer\n\t\tthis.validateFiles(dataTransfer.files)\n\t}\n\n\tprivate validateFiles(files: FileList) {\n\t\tlet filesBuffer: GovFormFileItem[] = []\n\t\tArray.from(files).map(file => {\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null\n\t\t\tif (isFile === null) {\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\n\t\t\t\tconst newFile = {\n\t\t\t\t\tid: createID(\"GovFormFile\"),\n\t\t\t\t\tfile,\n\t\t\t\t\tacceptValid: isAcceptValid,\n\t\t\t\t\tsizeValid: isSizeValid,\n\t\t\t\t}\n\t\t\t\tif (this.displayAttachments) {\n\t\t\t\t\tthis.files = [...this.files, newFile]\n\t\t\t\t} else {\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\n\t\t\t\t}\n\t\t\t\tthis.govAddFile.emit({\n\t\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\t\tfile: newFile,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\tthis.govFiles.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\n\t\t})\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.watchDisabled()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\n\t\tthis.registerListeners()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([FormFileClass.root])} invalid={toBoolAttrIfDefined(this.invalid)} expanded={toBoolAttrIfDefined(this.expanded)}>\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={FormFileClass.input}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tid={this.identifier || this.fileId}\n\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\taccept={this.accept}\n\t\t\t\t\t\tmultiple={this.multiple}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<slot name={\"attachments\"} />\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t{this.files.length && this.displayAttachments ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<gov-attachments label={this.wcagAttachmentsLabel} wcag-label={this.wcagAttachmentsLabel}>\n\t\t\t\t\t\t\t{this.files.map(item => (\n\t\t\t\t\t\t\t\t<gov-attachments-item wcag-remove-labelled-by={item.id} on-gov-remove={() => this.onRemoveFileHandler(item)}>\n\t\t\t\t\t\t\t\t\t<span class={\"sr-only\"} id={item.id}>\n\t\t\t\t\t\t\t\t\t\t{this.wcagRemoveLabel.replace(\"{FILE_NAME}\", item.file.name)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{item.file.name}\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" variant=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" variant=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\n\t\t\t\t\t\t\t\t</gov-attachments-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</gov-attachments>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\n\t\tif (index !== -1) {\n\t\t\tconst files = this.files\n\t\t\tconst removeFile = this.files[index]\n\t\t\tfiles.splice(index, 1)\n\t\t\tthis.files = [...files]\n\t\t\tthis.govRemoveFile.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfile: removeFile,\n\t\t\t})\n\t\t\tthis.govFiles.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfiles,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Returns the reference of the native area element\n\t */\n\t@Method()\n\tasync getAreaRef(): Promise<HTMLDivElement> {\n\t\treturn this.areaRef\n\t}\n\n\t/**\n\t * Remove all files from component state\n\t */\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.files = []\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormFileClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormFileClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.fileId, this.wcagLabelledBy, FormFileClass.root)\n\t}\n}\n"],"mappings":"wbAAO,MAAMA,EAAgB,CAC5BC,KAAM,gBACNC,KAAM,sBACNC,MAAO,uBACPC,MAAO,uBACPC,KAAM,sBACNC,KAAM,sBACNC,YAAa,8B,SCPEC,EAAYC,GAC3B,MAAMC,EAAQ,CAAC,QAAS,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACzE,IAAIC,EAAI,EACPC,EAAIC,SAASJ,EAAO,KAAO,EAE5B,MAAOG,GAAK,QAAUD,EAAG,CACxBC,EAAIA,EAAI,I,CAGT,OAAOA,EAAEE,QAAQF,EAAI,IAAMD,EAAI,EAAI,EAAI,GAAK,IAAMD,EAAMC,EACzD,C,SAEgBI,EAAqBC,EAAYC,GAChD,UAAWA,IAAW,UAAYA,EAAOC,OAAQ,CAChD,OACCD,EACEE,QAAQ,MAAO,IACfC,MAAM,KACNC,QAAOJ,GACA,IAAIK,OAAOL,EAAOE,QAAQ,IAAK,OAAOI,KAAKP,EAAKQ,QACrDN,OAAS,C,KAER,CACN,OAAO,I,CAET,C,SAEgBO,EAAmBT,EAAYU,GAC9C,MAAMC,EAAWC,KAAKC,MAAMb,EAAKc,MACjC,OAAOH,GAAYD,CACpB,CC9BA,MAAMK,EAAiB,6xJACvB,MAAAC,EAAeD,E,MCgBFE,EAAW,MAQvB,WAAAC,CAAAC,G,0NAWqC,M,cAKA,M,cAKA,M,wBAI8C,K,wDAc9C,M,kBAIiC,E,gEAYN,oD,iBAII,kC,sBAIU,U,kFAYD,6B,0BAIU,U,WAsBnD,GApGnCC,KAAKC,OAASC,EAAS,gBAEvBF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,EAAIC,EAAQP,KAAKG,E,CAqGvB,aAAAK,GACCR,KAAKS,kB,CAGE,gBAAAA,GACPT,KAAKM,EAAEI,kBAAkB,WAAYC,EAAWX,KAAKY,WACrDZ,KAAKM,EAAEI,kBAAkB,UAAWC,EAAWX,KAAKa,UACpDb,KAAKM,EAAEI,kBAAkB,OAAQ,O,CAI1B,iBAAAI,GACP,SAASC,IACRf,KAAKgB,QAAQC,UAAUC,IAAI,Y,CAG5B,SAASC,IACRnB,KAAKgB,QAAQC,UAAUG,OAAO,Y,CAG/BpB,KAAKqB,SAASC,iBACb,UACAC,IACCA,EAAEC,iBACFD,EAAEE,kBACF,MAAMC,EAASH,EAAEI,OAA4BD,MAC7C1B,KAAK4B,cAAcF,EAAM,GAE1B,OAID,GAAI1B,KAAK6B,SAAU,CAClB,MAAMC,EAAS,CAAC,WAAY,aAC5B,MAAMC,EAAW,CAAC,YAAa,WAAY,cAC3C,MAAMC,EAAY,CAAC,YAAa,OAAQ,cAExCF,EAAOG,KAAIC,GAAalC,KAAKqB,SAASC,iBAAiBY,EAAWlC,KAAKmC,gBAAgBC,KAAKpC,MAAO,SACnG+B,EAASE,KAAIC,GAAalC,KAAKqB,SAASC,iBAAiBY,EAAWnB,EAAUqB,KAAKpC,MAAO,SAC1FgC,EAAUK,SAAQH,GAAalC,KAAKqB,SAASC,iBAAiBY,EAAWf,EAAYiB,KAAKpC,MAAO,SAEjGA,KAAKgB,QAAQM,iBAAiB,OAAQtB,KAAKsC,WAAWF,KAAKpC,MAAO,M,EAIpE,eAAAmC,CAAgBZ,GACfA,EAAEC,iBACFD,EAAEE,iB,CAGH,UAAAa,CAAWf,GACV,MAAMgB,EAAehB,EAAEgB,aACvBvC,KAAK4B,cAAcW,EAAab,M,CAGzB,aAAAE,CAAcF,GACrB,IAAIc,EAAiC,GACrCC,MAAMC,KAAKhB,GAAOO,KAAIrD,IACrB,MAAM+D,EAAS3C,KAAK0B,MAAMkB,MAAK1E,GAAQA,EAAKU,KAAKiE,OAASjE,EAAKiE,MAAQ3E,EAAKU,KAAKc,OAASd,EAAKc,QAAS,KACxG,GAAIiD,IAAW,KAAM,CACpB,MAAMG,SAAqB9C,KAAK+C,cAAgB,UAAY/C,KAAK+C,YAAc,EAAI1D,EAAmBT,EAAMoB,KAAK+C,aAAe,KAChI,MAAMC,EAAgBrE,EAAqBC,EAAMoB,KAAKnB,QACtD,MAAMoE,EAAU,CACfC,GAAIhD,EAAS,eACbtB,OACAuE,YAAaH,EACbI,UAAWN,GAEZ,GAAI9C,KAAKqD,mBAAoB,CAC5BrD,KAAK0B,MAAQ,IAAI1B,KAAK0B,MAAOuB,E,KACvB,CACNT,EAAc,IAAIA,EAAaS,E,CAEhCjD,KAAKsD,WAAWC,KAAK,CACpBC,UAAW5F,EAAcC,KACzBe,KAAMqE,G,KAKTjD,KAAKyD,SAASF,KAAK,CAClBC,UAAW5F,EAAcC,KACzB6D,MAAOc,EAAY1D,OAAS0D,EAAcxC,KAAK0B,O,CAIjD,iBAAAgC,GACC1D,KAAKM,EAAEqD,gBAAgB,WAAYC,OAAO5D,KAAK6D,WAC/C7D,KAAKQ,e,CAGN,wBAAMsD,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNhE,KAAKiE,c,CAGZjE,KAAKc,mB,CAGN,MAAAoD,GACC,OACC/D,EAACgE,EAAI,CAAAC,IAAA,2CAACC,MAAOrE,KAAKG,EAAEmE,QAAQ,CAAC1G,EAAcC,OAAQgD,QAAS0D,EAAoBvE,KAAKa,SAAUgB,SAAU0C,EAAoBvE,KAAK6B,WACjI1B,EAAA,OAAAiE,IAAA,2CAAKC,MAAOzG,EAAcE,KAAM0G,IAAKC,GAAOzE,KAAKgB,QAAUyD,GAC1DtE,EAAA,QAAAiE,IAAA,6CACAjE,EAAA,SAAAiE,IAAA,2CACCC,MAAOzG,EAAcI,MACrBwG,IAAKC,GAAOzE,KAAKqB,SAAWoD,EAC5BvB,GAAIlD,KAAK0E,YAAc1E,KAAKC,OAC5Bb,KAAK,OACLyD,KAAM7C,KAAK6C,KACXhE,OAAQmB,KAAKnB,OACb8F,SAAU3E,KAAK2E,SACfC,SAAU5E,KAAK6E,gBAAgBzC,KAAKpC,MACpC8E,QAAS9E,KAAK+E,eAAe3C,KAAKpC,MAClCgF,OAAQhF,KAAKiF,cAAc7C,KAAKpC,MAChC6D,SAAU7D,KAAK6D,SACfjD,SAAUZ,KAAKY,SAAQ,gBACR2D,EAAoBvE,KAAK6D,UAAS,eACnCU,EAAoBvE,KAAKa,SAAQ,mBAC7Bb,KAAKkF,gBAAe,kBACrBlF,KAAKmF,eAAc,gBACrBZ,EAAoBvE,KAAKY,aAIzCZ,KAAKG,EAAEiF,QAAQ,eACfjF,EAAA,OAAKkE,MAAOzG,EAAcO,aACzBgC,EAAA,QAAM0C,KAAM,iBAEV,KAEH7C,KAAK0B,MAAM5C,QAAUkB,KAAKqD,mBAC1BlD,EAAA,OAAKkE,MAAOzG,EAAcO,aACzBgC,EAAA,mBAAiBpC,MAAOiC,KAAKqF,qBAAoB,aAAcrF,KAAKqF,sBAClErF,KAAK0B,MAAMO,KAAI/D,GACfiC,EAAA,kDAA+CjC,EAAKgF,GAAE,gBAAiB,IAAMlD,KAAKsF,oBAAoBpH,IACrGiC,EAAA,QAAMkE,MAAO,UAAWnB,GAAIhF,EAAKgF,IAC/BlD,KAAKuF,gBAAgBxG,QAAQ,cAAeb,EAAKU,KAAKiE,OAEvD3E,EAAKU,KAAKiE,KACV3E,EAAKiF,cAAgB,MACrBhD,EAAA,oBAAkBqF,KAAK,UAAUC,QAAQ,SACxCtF,EAAA,YAAUqF,KAAK,OAAO3C,KAAK,8BAC1B3E,EAAKiF,cAAgB,MAAQnD,KAAK0F,YAAc,MAE/C,KACHxH,EAAKkF,YAAc,MACnBjD,EAAA,oBAAkBqF,KAAK,UAAUC,QAAQ,SACxCtF,EAAA,YAAUqF,KAAK,OAAO3C,KAAK,8BAC1B7C,KAAK2F,UAAU5G,QAAQ,cAAeX,EAAY4B,KAAK+C,eAEtD,KACJ5C,EAAA,QAAMqF,KAAK,QAAM,IAAGpH,EAAYF,EAAKU,KAAKc,MAAK,UAKhD,K,CAKC,mBAAA4F,CAAoB1G,GAC3B,MAAMgH,EAAQ5F,KAAK0B,MAAMmE,WAAU3H,GAAQA,EAAKgF,KAAOtE,EAAKsE,KAC5D,GAAI0C,KAAW,EAAG,CACjB,MAAMlE,EAAQ1B,KAAK0B,MACnB,MAAMoE,EAAa9F,KAAK0B,MAAMkE,GAC9BlE,EAAMqE,OAAOH,EAAO,GACpB5F,KAAK0B,MAAQ,IAAIA,GACjB1B,KAAKgG,cAAczC,KAAK,CACvBC,UAAW5F,EAAcC,KACzBe,KAAMkH,IAEP9F,KAAKyD,SAASF,KAAK,CAClBC,UAAW5F,EAAcC,KACzB6D,S,EAKK,cAAAqD,CAAexD,GACtBA,EAAEE,kBACFzB,KAAKiG,SAAS1C,KAAK,CAClBC,UAAW5F,EAAcC,KACzBqI,cAAe3E,G,CAIT,aAAA0D,CAAc1D,GACrBA,EAAEE,kBACFzB,KAAKmG,QAAQ5C,KAAK,CACjBC,UAAW5F,EAAcC,KACzBqI,cAAe3E,G,CAIT,eAAAsD,CAAgBtD,GACvBA,EAAEE,iB,CAOH,YAAM2E,GACL,OAAOpG,KAAKqB,Q,CAOb,gBAAMgF,GACL,OAAOrG,KAAKgB,O,CAOb,WAAMsF,GACLtG,KAAK0B,MAAQ,E,CAOd,kBAAMuC,GACLsC,EAAgBvG,KAAKkF,gBAAiB,oBAAqBtH,EAAcC,MACzE0I,EAAgBvG,KAAKmF,eAAgB,mBAAoBvH,EAAcC,MACvE2I,EAAqBxG,KAAK0E,YAAc1E,KAAKC,OAAQD,KAAKmF,eAAgBvH,EAAcC,K"}
\ No newline at end of file
diff --git a/build/p-696c13a0.js b/build/p-696c13a0.js
new file mode 100644
index 00000000..9e5c0817
--- /dev/null
+++ b/build/p-696c13a0.js
@@ -0,0 +1,2 @@
+import{V as o}from"./p-55e78f21.js";import{S as t}from"./p-1693d6aa.js";import{p as s}from"./p-2b6bbee5.js";const a=s(o,["PRIMARY","SECONDARY"]);const p=s(t,["_S","_M","_L"]);var r;(function(o){o["TOP"]="top";o["RIGHT"]="right";o["BOTTOM"]="bottom";o["LEFT"]="left"})(r||(r={}));const n={root:"gov-tooltip"};const c={root:"gov-tooltip-content"};export{a as T,p as a,c as b,r as c,n as d};
+//# sourceMappingURL=p-696c13a0.js.map
\ No newline at end of file
diff --git a/build/p-696c13a0.js.map b/build/p-696c13a0.js.map
new file mode 100644
index 00000000..218ecd36
--- /dev/null
+++ b/build/p-696c13a0.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["TooltipVariant","pick","Variants","TooltipSize","Sizes","TooltipPosition","TooltipClass","root","TooltipContentClass"],"sources":["../../packages/core/src/components/gov-tooltip/constants.tsx"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { Sizes } from '../../core/constants/sizes'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const TooltipVariant = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type TooltipVariantType = `${ValueOf<typeof TooltipVariant>}`\n\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\n\nexport enum TooltipPosition {\n\tTOP = 'top',\n\tRIGHT = 'right',\n\tBOTTOM = 'bottom',\n\tLEFT = 'left',\n}\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\n\nexport const TooltipClass = {\n\troot: 'gov-tooltip',\n}\n\nexport const TooltipContentClass = {\n\troot: 'gov-tooltip-content',\n}\n"],"mappings":"kHAKaA,EAAiBC,EAAKC,EAAU,CAAC,UAAW,c,MAG5CC,EAAcF,EAAKG,EAAO,CAAC,KAAM,KAAM,O,IAGxCC,GAAZ,SAAYA,GACXA,EAAA,aACAA,EAAA,iBACAA,EAAA,mBACAA,EAAA,cACA,EALD,CAAYA,MAAe,K,MAQdC,EAAe,CAC3BC,KAAM,e,MAGMC,EAAsB,CAClCD,KAAM,8B"}
\ No newline at end of file
diff --git a/build/p-69807570.entry.js b/build/p-69807570.entry.js
new file mode 100644
index 00000000..2f5c7f9f
--- /dev/null
+++ b/build/p-69807570.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as r,h as o,a as i,g as n}from"./p-3336fe3b.js";import{v as a}from"./p-bc59b609.js";import{g as v,a as t}from"./p-8a8117a5.js";import{a as l,b as s}from"./p-a9bfe306.js";import{c}from"./p-4029f0cb.js";import{p as g}from"./p-6ec83778.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-2b6bbee5.js";var d;(function(e){e["A"]="a";e["SPAN"]="span";e["BUTTON"]="button"})(d||(d={}));const p={root:"gov-chip",inner:"gov-chip__inner",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const b='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-chip .element{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-chip .element:focus{outline:none}.gov-chip .element .gov-icon{flex:0 0 auto;color:inherit}.gov-chip .element>*{display:flex}[hoverable].gov-chip .element{cursor:pointer}[hoverable].gov-chip .element:focus{outline:none}[hoverable].gov-chip .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-chip .element:focus-visible,[hoverable][type=base].gov-chip .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-chip,[hoverable][disabled=true i].gov-chip,[hoverable][disabled="1"].gov-chip{cursor:not-allowed}[hoverable][disabled=""].gov-chip .element,[hoverable][disabled=true i].gov-chip .element,[hoverable][disabled="1"].gov-chip .element{pointer-events:none}[expanded=""].gov-chip,[expanded=true i].gov-chip,[expanded="1"].gov-chip{display:block}[expanded=""].gov-chip .element,[expanded=true i].gov-chip .element,[expanded="1"].gov-chip .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-chip .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][inverse=""].gov-chip .element,[type=solid][variant=primary][inverse=true i].gov-chip .element,[type=solid][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""].gov-chip .element,[type=solid][variant=primary][disabled=true i].gov-chip .element,[type=solid][variant=primary][disabled="1"].gov-chip .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-chip .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-chip .element,[type=outlined][variant=primary][inverse=true i].gov-chip .element,[type=outlined][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=""].gov-chip .element,[type=outlined][variant=primary][disabled=true i].gov-chip .element,[type=outlined][variant=primary][disabled="1"].gov-chip .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-chip .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=""].gov-chip .element,[type=base][variant=primary][inverse=true i].gov-chip .element,[type=base][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-chip .element,[type=base][variant=primary][disabled=true i].gov-chip .element,[type=base][variant=primary][disabled="1"].gov-chip .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-chip .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=""].gov-chip .element,[type=link][variant=primary][inverse=true i].gov-chip .element,[type=link][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=""].gov-chip .element,[type=link][variant=primary][disabled=true i].gov-chip .element,[type=link][variant=primary][disabled="1"].gov-chip .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=link][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-chip .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-chip .element,[type=solid][variant=secondary][inverse=true i].gov-chip .element,[type=solid][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=""].gov-chip .element,[type=solid][variant=secondary][disabled=true i].gov-chip .element,[type=solid][variant=secondary][disabled="1"].gov-chip .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-chip .element,[type=outlined][variant=secondary][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=""].gov-chip .element,[type=outlined][variant=secondary][disabled=true i].gov-chip .element,[type=outlined][variant=secondary][disabled="1"].gov-chip .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=""].gov-chip .element,[type=base][variant=secondary][inverse=true i].gov-chip .element,[type=base][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-chip .element,[type=base][variant=secondary][disabled=true i].gov-chip .element,[type=base][variant=secondary][disabled="1"].gov-chip .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=""].gov-chip .element,[type=link][variant=secondary][inverse=true i].gov-chip .element,[type=link][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=""].gov-chip .element,[type=link][variant=secondary][disabled=true i].gov-chip .element,[type=link][variant=secondary][disabled="1"].gov-chip .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=link][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-chip .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=error][inverse=""].gov-chip .element,[type=solid][variant=error][inverse=true i].gov-chip .element,[type=solid][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=error][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""].gov-chip .element,[type=solid][variant=error][disabled=true i].gov-chip .element,[type=solid][variant=error][disabled="1"].gov-chip .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-chip .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-chip .element,[type=outlined][variant=error][inverse=true i].gov-chip .element,[type=outlined][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=""].gov-chip .element,[type=outlined][variant=error][disabled=true i].gov-chip .element,[type=outlined][variant=error][disabled="1"].gov-chip .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-chip .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=""].gov-chip .element,[type=base][variant=error][inverse=true i].gov-chip .element,[type=base][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-chip .element,[type=base][variant=error][disabled=true i].gov-chip .element,[type=base][variant=error][disabled="1"].gov-chip .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-chip .element,[type=base][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-chip .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=""].gov-chip .element,[type=link][variant=error][inverse=true i].gov-chip .element,[type=link][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=""].gov-chip .element,[type=link][variant=error][disabled=true i].gov-chip .element,[type=link][variant=error][disabled="1"].gov-chip .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=""][inverse=""].gov-chip .element,[type=link][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-chip .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=success][inverse=""].gov-chip .element,[type=solid][variant=success][inverse=true i].gov-chip .element,[type=solid][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=success][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""].gov-chip .element,[type=solid][variant=success][disabled=true i].gov-chip .element,[type=solid][variant=success][disabled="1"].gov-chip .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-chip .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-chip .element,[type=outlined][variant=success][inverse=true i].gov-chip .element,[type=outlined][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=""].gov-chip .element,[type=outlined][variant=success][disabled=true i].gov-chip .element,[type=outlined][variant=success][disabled="1"].gov-chip .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-chip .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=""].gov-chip .element,[type=base][variant=success][inverse=true i].gov-chip .element,[type=base][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-chip .element,[type=base][variant=success][disabled=true i].gov-chip .element,[type=base][variant=success][disabled="1"].gov-chip .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-chip .element,[type=base][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-chip .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=""].gov-chip .element,[type=link][variant=success][inverse=true i].gov-chip .element,[type=link][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=""].gov-chip .element,[type=link][variant=success][disabled=true i].gov-chip .element,[type=link][variant=success][disabled="1"].gov-chip .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=""][inverse=""].gov-chip .element,[type=link][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-chip .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][inverse=""].gov-chip .element,[type=solid][variant=warning][inverse=true i].gov-chip .element,[type=solid][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""].gov-chip .element,[type=solid][variant=warning][disabled=true i].gov-chip .element,[type=solid][variant=warning][disabled="1"].gov-chip .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-chip .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-chip .element,[type=outlined][variant=warning][inverse=true i].gov-chip .element,[type=outlined][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=""].gov-chip .element,[type=outlined][variant=warning][disabled=true i].gov-chip .element,[type=outlined][variant=warning][disabled="1"].gov-chip .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-chip .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=""].gov-chip .element,[type=base][variant=warning][inverse=true i].gov-chip .element,[type=base][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-chip .element,[type=base][variant=warning][disabled=true i].gov-chip .element,[type=base][variant=warning][disabled="1"].gov-chip .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-chip .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=""].gov-chip .element,[type=link][variant=warning][inverse=true i].gov-chip .element,[type=link][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=""].gov-chip .element,[type=link][variant=warning][disabled=true i].gov-chip .element,[type=link][variant=warning][disabled="1"].gov-chip .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=link][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-chip .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-chip .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-chip .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-chip .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-chip .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-chip .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-chip .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-chip .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-chip .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-chip .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-chip{display:inline-flex}.gov-chip a .gov-icon{margin:0}.gov-chip .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;letter-spacing:initial}.gov-chip .gov-button .element{border:none}.gov-chip--has-right>.element{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important}.gov-chip--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}.gov-chip[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-chip[size=xs][hoverable] .element:focus{outline:none}.gov-chip[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-chip[size=s][hoverable] .element:focus{outline:none}.gov-chip[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-chip[size=m][hoverable] .element:focus{outline:none}.gov-chip[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-chip[size=l][hoverable] .element:focus{outline:none}.gov-chip[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-chip[size=xl][hoverable] .element:focus{outline:none}.gov-chip[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[variant=primary][inverse=""] .element,.gov-chip[variant=primary][inverse=""] .element .element,.gov-chip[variant=primary][inverse=true i] .element,.gov-chip[variant=primary][inverse=true i] .element .element,.gov-chip[variant=primary][inverse="1"] .element,.gov-chip[variant=primary][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-chip[variant=primary][inverse=""] .element:hover,.gov-chip[variant=primary][inverse=""] .element .element:hover,.gov-chip[variant=primary][inverse=true i] .element:hover,.gov-chip[variant=primary][inverse=true i] .element .element:hover,.gov-chip[variant=primary][inverse="1"] .element:hover,.gov-chip[variant=primary][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-chip[variant=secondary][inverse=""] .element,.gov-chip[variant=secondary][inverse=""] .element .element,.gov-chip[variant=secondary][inverse=true i] .element,.gov-chip[variant=secondary][inverse=true i] .element .element,.gov-chip[variant=secondary][inverse="1"] .element,.gov-chip[variant=secondary][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-chip[variant=secondary][inverse=""] .element:hover,.gov-chip[variant=secondary][inverse=""] .element .element:hover,.gov-chip[variant=secondary][inverse=true i] .element:hover,.gov-chip[variant=secondary][inverse=true i] .element .element:hover,.gov-chip[variant=secondary][inverse="1"] .element:hover,.gov-chip[variant=secondary][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-chip[variant=success][inverse=""] .element,.gov-chip[variant=success][inverse=""] .element .element,.gov-chip[variant=success][inverse=true i] .element,.gov-chip[variant=success][inverse=true i] .element .element,.gov-chip[variant=success][inverse="1"] .element,.gov-chip[variant=success][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-chip[variant=success][inverse=""] .element:hover,.gov-chip[variant=success][inverse=""] .element .element:hover,.gov-chip[variant=success][inverse=true i] .element:hover,.gov-chip[variant=success][inverse=true i] .element .element:hover,.gov-chip[variant=success][inverse="1"] .element:hover,.gov-chip[variant=success][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-chip[variant=warning][inverse=""] .element,.gov-chip[variant=warning][inverse=""] .element .element,.gov-chip[variant=warning][inverse=true i] .element,.gov-chip[variant=warning][inverse=true i] .element .element,.gov-chip[variant=warning][inverse="1"] .element,.gov-chip[variant=warning][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-chip[variant=warning][inverse=""] .element:hover,.gov-chip[variant=warning][inverse=""] .element .element:hover,.gov-chip[variant=warning][inverse=true i] .element:hover,.gov-chip[variant=warning][inverse=true i] .element .element:hover,.gov-chip[variant=warning][inverse="1"] .element:hover,.gov-chip[variant=warning][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-chip[variant=error][inverse=""] .element,.gov-chip[variant=error][inverse=""] .element .element,.gov-chip[variant=error][inverse=true i] .element,.gov-chip[variant=error][inverse=true i] .element .element,.gov-chip[variant=error][inverse="1"] .element,.gov-chip[variant=error][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-chip[variant=error][inverse=""] .element:hover,.gov-chip[variant=error][inverse=""] .element .element:hover,.gov-chip[variant=error][inverse=true i] .element:hover,.gov-chip[variant=error][inverse=true i] .element .element:hover,.gov-chip[variant=error][inverse="1"] .element:hover,.gov-chip[variant=error][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}';const u=b;const h=class{constructor(o){e(this,o);this.govClick=r(this,"gov-click",7);this.inverse=false;this.disabled=false;this.href=undefined;this.target=undefined;this.iconLeft=undefined;this.iconRight=undefined;this.size=l._M;this.tag="span";this.variant=s.PRIMARY;this.focusable=true;this.identifier=undefined;this.wcagLabel=undefined;this.wcagControls=undefined;this.wcagSelected=undefined;this.h=v(this.host);this.chipId=c("GovChip")}validateVariant(e){a(s,e,p.root)}validateSize(e){a(l,e,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){const e=this.href?d.A:this.tag;const r=e==d.BUTTON?d.BUTTON:undefined;const n=g(this.iconLeft);const a=g(this.iconRight);return o(i,{key:"9bbec94175211e5ea2ee1d6e06544630c6f923b1",class:this.h.classes([p.root,this.h.hasSlot("right")?p.hasRight:undefined,this.h.hasSlot("left")?p.hasLeft:undefined]),disabled:this.disabled,href:this.href,variant:this.variant,type:this.inverse?undefined:"solid",size:this.size,inverse:this.inverse,hoverable:e==d.A||e==d.BUTTON},o(e,{key:"0451478fe1618e36009cc58c250ddeb0ee1f3825",class:"element",href:this.href,target:this.target,"aria-label":this.wcagLabel,ref:e=>this.triggerRef=e,onClick:this.onClickHandler.bind(this),"aria-controls":this.wcagControls,"aria-selected":t(this.wcagSelected),tabindex:this.focusable?"0":"-1",id:this.identifier||this.chipId,type:r},this.h.hasSlot("left")&&o("slot",{name:"left"}),this.h.hasSlot("left-icon")&&o("slot",{name:"left-icon"}),n&&o("gov-icon",{type:n.type,name:n.name}),o("slot",{key:"38fed82c30221619d4b5aa2943286a6fa7b7b21c"}),this.h.hasSlot("right-icon")&&o("slot",{name:"right-icon"}),this.h.hasSlot("right")&&o("slot",{name:"right"}),a&&o("gov-icon",{type:a.type,name:a.name})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false&&this.tag===d.BUTTON){this.govClick.emit(e)}}async getTriggerRef(){return this.triggerRef}async getTriggerIdentifier(){return this.identifier||this.chipId}async setFocus(){this.triggerRef.focus()}get host(){return n(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}};h.style=u;export{h as gov_chip};
+//# sourceMappingURL=p-69807570.entry.js.map
\ No newline at end of file
diff --git a/build/p-69807570.entry.js.map b/build/p-69807570.entry.js.map
new file mode 100644
index 00000000..6a4aead3
--- /dev/null
+++ b/build/p-69807570.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["NativeType","ChipClass","root","inner","hasRight","hasLeft","govChipCss","GovChipStyle0","GovChip","constructor","hostRef","ButtonSizes","_M","ButtonVariants","PRIMARY","this","h","govHost","host","chipId","createID","validateVariant","newValue","validateProp","validateSize","componentWillLoad","variant","size","render","Tag","href","A","tag","nativeType","BUTTON","undefined","iconLeft","prepareIconFormat","iconRight","Host","key","class","classes","hasSlot","disabled","type","inverse","hoverable","target","wcagLabel","ref","el","triggerRef","onClick","onClickHandler","bind","wcagControls","toBoolAttr","wcagSelected","tabindex","focusable","id","identifier","name","e","stopPropagation","govClick","emit","getTriggerRef","getTriggerIdentifier","setFocus","focus"],"sources":["../../packages/core/src/components/gov-chip/constants.ts","../../packages/core/src/components/gov-chip/gov-chip.scss?tag=gov-chip","../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","/*\n *   Chip\n */\n\n// Shared definitions - button & chip\n@import \"../gov-button/button/gov-button-core\";\n\n.gov-chip {\n\t@extend %button-core;\n\tdisplay: inline-flex;\n\ta .gov-icon {\n\t\tmargin: 0;\n\t}\n\t.element {\n\t\tpadding: rem-calc(4 10);\n\t\tfont-family: $font-family-primary;\n\t\tfont-weight: 400;\n\t\tletter-spacing: initial;\n\t}\n\t.gov-button {\n\t\t.element {\n\t\t\tborder: none;\n\t\t}\n\t}\n\t&--has-right > .element {\n\t\tpadding-top: 0 !important;\n\t\tpadding-right: 0 !important;\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t&--has-left > .element {\n\t\tpadding-top: 0 !important;\n\t\tpadding-bottom: 0 !important;\n\t\tpadding-left: 0 !important;\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t$radius: calc(#{get(\"min-height\", $definitions)} * 0.5);\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tborder-radius: $radius;\n\t\t\t}\n\n\t\t\t// HOVERS\n\t\t\t&[hoverable] .element {\n\t\t\t\t@include focus-outline($radius, $outline-offset);\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $types in $chip-inverse-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t.element,\n\t\t\t\t.element .element {\n\t\t\t\t\tborder-width: rem-calc(1);\n\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color\");\n\t\t\t\t\tbackground-color: deep-map-get($chip-inverse-variants, $variant, \"bg\");\n\t\t\t\t\tcolor: deep-map-get($chip-inverse-variants, $variant, \"color\");\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color-hover\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { ChipClass, NativeType, NativeTypesType } from \"./constants\"\nimport { ButtonSizes, ButtonSizesType, ButtonVariants, ButtonVariantType } from \"../gov-button/button/constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: \"gov-chip\",\n\tstyleUrl: \"gov-chip.scss\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the chip component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-left\"}) readonly iconLeft?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-right\"}) readonly iconRight?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ButtonSizesType = ButtonSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly variant: ButtonVariantType = ButtonVariants.PRIMARY\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers.\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected\n\t */\n\t@Prop({ attribute: \"wcag-selected\" }) readonly wcagSelected: boolean\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconLeft = prepareIconFormat(this.iconLeft)\n\t\tconst iconRight = prepareIconFormat(this.iconRight)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.inverse ? undefined : \"solid\"}\n\t\t\t\tsize={this.size}\n\t\t\t\tinverse={this.inverse}\n\t\t\t\thoverable={Tag == NativeType.A || Tag == NativeType.BUTTON}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-selected={toBoolAttr(this.wcagSelected)}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}>\n\t\t\t\t\t{this.h.hasSlot(\"left\") && <slot name=\"left\"></slot>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t{iconLeft && \t<gov-icon type={iconLeft.type} name={iconLeft.name}></gov-icon>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{this.h.hasSlot(\"right\") && <slot name=\"right\"></slot>}\n\t\t\t\t\t{iconRight && \t<gov-icon type={iconRight.type} name={iconRight.name}></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.chipId\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"6VAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,SACAA,EAAA,eACAA,EAAA,kBACA,EAJD,CAAYA,MAAU,KAQf,MAAMC,EAAY,CACxBC,KAAM,WACNC,MAAO,kBACPC,SAAU,sBACVC,QAAS,sBCdV,MAAMC,EAAa,ww4EACnB,MAAAC,EAAeD,E,MCYFE,EAAO,MAKnB,WAAAC,CAAAC,G,2DAUoC,M,cAKC,M,qGAsBIC,EAAYC,G,SAIb,O,aAIMC,EAAeC,Q,eAKvB,K,2GAjDrCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,OAASC,EAAS,U,CAyExB,eAAAC,CAAgBC,GACfC,EAAaV,EAAgBS,EAAUrB,EAAUC,K,CAIlD,YAAAsB,CAAaF,GACZC,EAAaZ,EAAaW,EAAUrB,EAAUC,K,CAG/C,iBAAAuB,GACCV,KAAKM,gBAAgBN,KAAKW,SAC1BX,KAAKS,aAAaT,KAAKY,K,CAGxB,MAAAC,GACC,MAAMC,EAAMd,KAAKe,KAAO9B,EAAW+B,EAAIhB,KAAKiB,IAC5C,MAAMC,EAAaJ,GAAO7B,EAAWkC,OAASlC,EAAWkC,OAASC,UAElE,MAAMC,EAAWC,EAAkBtB,KAAKqB,UACxC,MAAME,EAAYD,EAAkBtB,KAAKuB,WAEzC,OACCtB,EAACuB,EAAI,CAAAC,IAAA,2CACJC,MAAO1B,KAAKC,EAAE0B,QAAQ,CACrBzC,EAAUC,KACVa,KAAKC,EAAE2B,QAAQ,SAAW1C,EAAUG,SAAW+B,UAC/CpB,KAAKC,EAAE2B,QAAQ,QAAU1C,EAAUI,QAAU8B,YAE9CS,SAAU7B,KAAK6B,SACfd,KAAMf,KAAKe,KACXJ,QAASX,KAAKW,QACdmB,KAAM9B,KAAK+B,QAAUX,UAAY,QACjCR,KAAMZ,KAAKY,KACXmB,QAAS/B,KAAK+B,QACdC,UAAWlB,GAAO7B,EAAW+B,GAAKF,GAAO7B,EAAWkC,QAEpDlB,EAACa,EAAG,CAAAW,IAAA,2CACHC,MAAM,UACNX,KAAMf,KAAKe,KACXkB,OAAQjC,KAAKiC,OAAM,aACPjC,KAAKkC,UACjBC,IAAKC,GAAOpC,KAAKqC,WAAaD,EAC9BE,QAAStC,KAAKuC,eAAeC,KAAKxC,MAAK,gBACxBA,KAAKyC,aAAY,gBACjBC,EAAW1C,KAAK2C,cAC/BC,SAAU5C,KAAK6C,UAAY,IAAM,KACjCC,GAAI9C,KAAK+C,YAAc/C,KAAKI,OAC5B0B,KAAMZ,GACLlB,KAAKC,EAAE2B,QAAQ,SAAW3B,EAAA,QAAM+C,KAAK,SACrChD,KAAKC,EAAE2B,QAAQ,cAAgB3B,EAAA,QAAM+C,KAAK,cAC1C3B,GAAapB,EAAA,YAAU6B,KAAMT,EAASS,KAAMkB,KAAM3B,EAAS2B,OAC5D/C,EAAA,QAAAwB,IAAA,6CACCzB,KAAKC,EAAE2B,QAAQ,eAAiB3B,EAAA,QAAM+C,KAAK,eAC3ChD,KAAKC,EAAE2B,QAAQ,UAAY3B,EAAA,QAAM+C,KAAK,UACtCzB,GAActB,EAAA,YAAU6B,KAAMP,EAAUO,KAAMkB,KAAMzB,EAAUyB,Q,CAM3D,cAAAT,CAAeU,GACtBA,EAAEC,kBACF,GAAIlD,KAAK6B,WAAa,OAAS7B,KAAKiB,MAAQhC,EAAWkC,OAAQ,CAC9DnB,KAAKmD,SAASC,KAAKH,E,EAQrB,mBAAMI,GACL,OAAOrD,KAAKqC,U,CAOb,0BAAMiB,GACL,OAAOtD,KAAK+C,YAAc/C,KAAKI,M,CAOhC,cAAMmD,GACLvD,KAAKqC,WAAWmB,O"}
\ No newline at end of file
diff --git a/build/p-6a2beb22.entry.js b/build/p-6a2beb22.entry.js
new file mode 100644
index 00000000..6f73838b
--- /dev/null
+++ b/build/p-6a2beb22.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as o,a as i,g as t}from"./p-3336fe3b.js";import{a}from"./p-40f10385.js";import{a as r}from"./p-b4c087ba.js";const n='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-nav-item{display:block}.gov-nav-item__link{position:relative;display:block;padding:0.9375rem 3rem 0.9375rem 2.25rem;color:var(--gov-nav-color, var(--gov-color-neutral-white));text-decoration:none}.gov-nav-item__link:focus{outline:none}.gov-nav-item__link:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-nav-item__link:focus{outline-color:var(--gov-nav-color, var(--gov-color-neutral-white))}@media not all and (pointer: coarse){.gov-nav-item__link:hover{color:var(--gov-nav-color, var(--gov-color-neutral-white));text-decoration:underline}}@media (min-width: 48em){.gov-nav-item__link{display:inline-flex;justify-content:center;align-items:center;height:100%;padding:1.375rem 1.25rem 1.3125rem}.gov-nav-item__link::before{content:"";position:absolute;display:block;top:0;left:50%;width:0;height:0.125rem;background:var(--gov-nav-color, var(--gov-color-neutral-white));transform:translate(-50%);transition:width 150ms}@media not all and (pointer: coarse){.gov-nav-item__link:hover{text-decoration:none}.gov-nav-item__link:hover::before{width:100%}}}';const s=n;const l=class{constructor(o){e(this,o);this.isExpandedState=undefined;this.href=undefined}validateHref(e){if(!e){a(`[${r.root}]: Parameter href is required.`)}}componentWillLoad(){this.validateHref(this.href)}render(){return o(i,{key:"ac2f13f907e1a334f50d6cd518c935dfc4ffc59d",class:r.root,role:"listitem"},o("a",{key:"5a25f17c624f2078d006ba1267fb5e2afdb35487",href:this.href,class:r.link},o("slot",{key:"24334f56ddbfc19b35fba6ef770bb407d9fe7142"})))}get host(){return t(this)}static get watchers(){return{href:["validateHref"]}}};l.style=s;export{l as gov_nav_item};
+//# sourceMappingURL=p-6a2beb22.entry.js.map
\ No newline at end of file
diff --git a/build/p-6a2beb22.entry.js.map b/build/p-6a2beb22.entry.js.map
new file mode 100644
index 00000000..254f12ec
--- /dev/null
+++ b/build/p-6a2beb22.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govNavItemCss","GovNavItemStyle0","GovNavItem","validateHref","newValue","govErrorLog","NavItemClass","root","componentWillLoad","this","href","render","h","Host","key","class","role","link"],"sources":["../../packages/core/src/components/gov-nav/gov-nav-item.scss?tag=gov-nav-item","../../packages/core/src/components/gov-nav/gov-nav-item.tsx"],"sourcesContent":["/*\n *   Nav - Item\n */\n\n$class: \".gov-nav-item\";\n\n#{$class} {\n\tdisplay: block;\n\t&__link {\n\t\t@include focus-outline();\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tpadding: rem-calc(15 48 15 36);\n\t\tcolor: $nav-color;\n\t\ttext-decoration: none;\n\t\t&:focus {\n\t\t\toutline-color: $nav-color;\n\t\t}\n\t\t@include hover() {\n\t\t\tcolor: $nav-color;\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: md) {\n\t\t&__link {\n\t\t\tdisplay: inline-flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\theight: 100%;\n\t\t\tpadding: rem-calc(22 20 21);\n\t\t\t&::before {\n\t\t\t\t@include pseudo();\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 50%;\n\t\t\t\twidth: 0;\n\t\t\t\theight: rem-calc(2);\n\t\t\t\tbackground: $nav-color;\n\t\t\t\ttransform: translate(-50%);\n\t\t\t\ttransition: width $t;\n\t\t\t}\n\t\t\t@include hover() {\n\t\t\t\ttext-decoration: none;\n\t\t\t\t&::before {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Host, Watch } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { NavItemClass } from './constants'\n\n@Component({\n\ttag: 'gov-nav-item',\n\tstyleUrl: 'gov-nav-item.scss',\n})\nexport class GovNavItem {\n\t@Element() readonly host: HTMLGovNavItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\n\t@Watch('href')\n\tvalidateHref(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${NavItemClass.root}]: Parameter href is required.`)\n\t\t}\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateHref(this.href)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={NavItemClass.root} role=\"listitem\">\n\t\t\t\t<a href={this.href} class={NavItemClass.link}>\n\t\t\t\t\t<slot />\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4HAAA,MAAMA,EAAgB,y+CACtB,MAAAC,EAAeD,E,MCOFE,EAAU,M,4EAWtB,YAAAC,CAAaC,GACZ,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAaC,qC,EAI/B,iBAAAC,GACCC,KAAKN,aAAaM,KAAKC,K,CAGxB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOT,EAAaC,KAAMS,KAAK,YACpCJ,EAAA,KAAAE,IAAA,2CAAGJ,KAAMD,KAAKC,KAAMK,MAAOT,EAAaW,MACvCL,EAAA,QAAAE,IAAA,8C"}
\ No newline at end of file
diff --git a/build/p-6e0ca96d.entry.js b/build/p-6e0ca96d.entry.js
new file mode 100644
index 00000000..9267a19f
--- /dev/null
+++ b/build/p-6e0ca96d.entry.js
@@ -0,0 +1,2 @@
+import{r as i,h as t,a as s,g as o}from"./p-3336fe3b.js";import{v as e}from"./p-bc59b609.js";import{T as h,a as n,b as a,c as r,d as p}from"./p-696c13a0.js";import{c}from"./p-4029f0cb.js";import{g as f}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-55e78f21.js";import"./p-1693d6aa.js";import"./p-2b6bbee5.js";const l='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{display:inline-block;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=""],.gov-tooltip[icon=true i],.gov-tooltip[icon="1"]{border-bottom:0}';const d=l;const m=class{constructor(t){i(this,t);this.tooltipContentId=undefined;this.tooltipId=undefined;this.variant=h.PRIMARY;this.size=n._M;this.position="right";this.message=undefined;this.identifier=undefined;this.icon=undefined;this.persist=false;this.h=f(this.host);this.tooltipId=c("GovTooltip");this.tooltipContentId=c("GovContentTooltip")}validateVariant(i){e(h,i,p.root)}validateSize(i){e(n,i,p.root)}validatePosition(i){e(r,i,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.validatePosition(this.position);this.createContentWrapper();this.registerListeners()}disconnectedCallback(){this.removeContent()}createContentWrapper(){var i;const t=this.host.querySelector(a.root);if(t){this.content=t}else{this.content=document.createElement(a.root);this.content.innerHTML=this.message;this.host.appendChild(this.content)}const s=this.host.getBoundingClientRect();this.content.style.left=s.left+"px";this.content.style.top=s.top+"px";this.content.style.visibility="hidden";this.content.setAttribute("id",(i=this.identifier)!==null&&i!==void 0?i:this.tooltipContentId);this.content.setAttribute("parent-id",this.tooltipId);this.content.setAttribute("variant",this.variant);this.content.setAttribute("size",this.size);document.body.appendChild(this.content)}registerListeners(){this.host.addEventListener("click",(i=>{i.preventDefault();this.persist=true;if(this.content){this.content.setAttribute("persist","true")}this.showTooltip()}));this.host.addEventListener("focus",(i=>{i.preventDefault();this.showTooltip()}));this.host.addEventListener("blur",(i=>{i.preventDefault();if(this.persist===false){this.hideTooltip()}}));this.host.addEventListener("mouseenter",(i=>{i.preventDefault();this.showTooltip()}));this.host.addEventListener("mouseleave",(i=>{i.preventDefault();if(this.persist===false){this.hideTooltip()}}))}verifyPositionSpace(){const i=12;const t=window.innerWidth;const s=this.host.getBoundingClientRect();const o=this.host.offsetWidth;const e=this.host.offsetHeight;const h=this.content.offsetWidth;const n=this.content.offsetHeight;const a={left:s.left+document.documentElement.scrollLeft,top:s.top+document.documentElement.scrollTop};const p=a.left+i+s.width+h<=t;const c=a.left>h;if(this.position===r.LEFT||this.position===r.RIGHT){this.content.style.top=a.top-(n-e)/2+"px";if(p===false&&c===false){this.position=r.TOP;this.content.setAttribute("position",r.TOP)}if(c&&p===false&&this.position===r.RIGHT){this.position=r.LEFT}if(p&&c===false&&this.position===r.LEFT){this.position=r.RIGHT}}if(this.position===r.RIGHT){this.content.setAttribute("position",r.RIGHT);this.content.style.left=a.left+i+s.width+"px"}if(this.position===r.LEFT){this.content.setAttribute("position",r.LEFT);this.content.style.left=a.left-(h+i)+"px"}if(this.position===r.TOP||this.position===r.BOTTOM){if(h>o){let s=a.left-(h-o)/2;const e=s<0;const n=s+h>t;if(e&&n){this.content.style.width="auto";this.content.style.left=i+"px";this.content.style.right=i+"px"}else{if(e){s=i}if(n){s=s-(t-(s+h+i))*-1}this.content.style.left=s+"px"}}else{const i=a.left+(o-h)/2;this.content.style.left=i+"px"}}if(this.position===r.TOP){this.content.setAttribute("position",r.TOP);this.content.style.top=a.top-(n+i)+"px"}if(this.position===r.BOTTOM){this.content.setAttribute("position",r.BOTTOM);this.content.style.top=a.top+(e+i)+"px"}this.content.setAttribute("is-visible","true");this.content.style.opacity="1"}showTooltip(){if(this.content){this.content.style.opacity="0";this.content.hidden=false;this.verifyPositionSpace()}}hideTooltip(){if(this.content){this.content.setAttribute("is-visible","false");this.content.setAttribute("persist","false")}}removeContent(){const i=document.getElementById(this.tooltipContentId);if(i){i.remove()}}render(){var i;return t(s,{key:"c1612194f1c975262125805f737b46432e05c3ea",id:this.tooltipId,class:this.h.classes(p.root),position:this.position,tabindex:0,"aria-describedby":(i=this.identifier)!==null&&i!==void 0?i:this.tooltipContentId},t("slot",{key:"7adae265c341b7092f3d57d5158878f4ff7174ca"}))}async show(){this.showTooltip()}async hide(){this.persist=false;this.hideTooltip()}get host(){return o(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],position:["validatePosition"]}}};m.style=d;export{m as gov_tooltip};
+//# sourceMappingURL=p-6e0ca96d.entry.js.map
\ No newline at end of file
diff --git a/build/p-6e0ca96d.entry.js.map b/build/p-6e0ca96d.entry.js.map
new file mode 100644
index 00000000..15016ccd
--- /dev/null
+++ b/build/p-6e0ca96d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govTooltipCss","GovTooltipStyle0","GovTooltip","constructor","hostRef","this","tooltipContentId","undefined","tooltipId","TooltipVariant","PRIMARY","TooltipSize","_M","h","govHost","host","createID","validateVariant","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","componentWillLoad","variant","size","position","createContentWrapper","registerListeners","disconnectedCallback","removeContent","hasContentInside","querySelector","TooltipContentClass","content","document","createElement","innerHTML","message","appendChild","trigger","getBoundingClientRect","style","left","top","visibility","setAttribute","_a","identifier","body","addEventListener","e","preventDefault","persist","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","documentElement","scrollLeft","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","contentEl","getElementById","remove","render","Host","key","id","class","classes","tabindex","show","hide"],"sources":["../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["/*\n *   Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tdisplay: inline-block;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t@include parameter(\"icon\") {\n\t\tborder-bottom: 0;\n\t}\n}\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipVariant,\n\tTooltipVariantType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TooltipVariant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tconst hasContentInside = this.host.querySelector(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\tif (hasContentInside) {\n\t\t\tthis.content = hasContentInside\n\t\t} else {\n\t\t\tthis.content = document.createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tthis.content.innerHTML = this.message\n\t\t\tthis.host.appendChild(this.content)\n\t\t}\n\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tthis.content.style.left = trigger.left + 'px'\n\t\tthis.content.style.top = trigger.top + 'px'\n\t\tthis.content.style.visibility = 'hidden'\n\n\t\tthis.content.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tthis.content.setAttribute(\"parent-id\", this.tooltipId)\n\t\tthis.content.setAttribute(\"variant\", this.variant)\n\t\tthis.content.setAttribute(\"size\", this.size)\n\t\tdocument.body.appendChild(this.content)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.content) {\n\t\t\t\tthis.content.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"focus\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"blur\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.content.offsetWidth\n\t\tconst contentHeight = this.content.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.content.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.content.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.content.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.content.style.width = \"auto\";\n\t\t\t\t\tthis.content.style.left = offset + \"px\";\n\t\t\t\t\tthis.content.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.content.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.content.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.content.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.content.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.content.setAttribute(\"is-visible\", \"true\")\n\t\tthis.content.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.style.opacity = '0'\n\t\t\tthis.content.hidden = false\n\t\t\tthis.verifyPositionSpace()\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.content.setAttribute(\"persist\", \"false\")\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}\n\t\t\t\ttabindex={0}\n\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"mappings":"gUAAA,MAAMA,EAAgB,miBACtB,MAAAC,EAAeD,E,MCmBFE,EAAU,MAMtB,WAAAC,CAAAC,G,UAHiBC,KAAAC,iBAAmBC,UACnBF,KAAAG,UAAYD,U,aAYmBE,EAAeC,Q,UAIrBC,EAAYC,G,cAIC,Q,aAIpBL,U,oCAQaA,U,aAE7B,MA/BlBF,KAAKQ,EAAIC,EAAQT,KAAKU,MACtBV,KAAKG,UAAYQ,EAAS,cAC1BX,KAAKC,iBAAmBU,EAAS,oB,CAgClC,eAAAC,CAAgBC,GACfC,EAAaV,EAAgBS,EAAUE,EAAaC,K,CAIrD,YAAAC,CAAaJ,GACZC,EAAaR,EAAaO,EAAUE,EAAaC,K,CAIlD,gBAAAE,CAAiBL,GAChBC,EAAaK,EAAiBN,EAAUE,EAAaC,K,CAGtD,iBAAAI,GACCpB,KAAKY,gBAAgBZ,KAAKqB,SAC1BrB,KAAKiB,aAAajB,KAAKsB,MACvBtB,KAAKkB,iBAAiBlB,KAAKuB,UAE3BvB,KAAKwB,uBACLxB,KAAKyB,mB,CAGN,oBAAAC,GACC1B,KAAK2B,e,CAGE,oBAAAH,G,MACP,MAAMI,EAAmB5B,KAAKU,KAAKmB,cAAcC,EAAoBd,MACrE,GAAIY,EAAkB,CACrB5B,KAAK+B,QAAUH,C,KACT,CACN5B,KAAK+B,QAAUC,SAASC,cAAcH,EAAoBd,MAC1DhB,KAAK+B,QAAQG,UAAYlC,KAAKmC,QAC9BnC,KAAKU,KAAK0B,YAAYpC,KAAK+B,Q,CAG5B,MAAMM,EAAUrC,KAAKU,KAAK4B,wBAC1BtC,KAAK+B,QAAQQ,MAAMC,KAAOH,EAAQG,KAAO,KACzCxC,KAAK+B,QAAQQ,MAAME,IAAMJ,EAAQI,IAAM,KACvCzC,KAAK+B,QAAQQ,MAAMG,WAAa,SAEhC1C,KAAK+B,QAAQY,aAAa,MAAMC,EAAA5C,KAAK6C,cAAU,MAAAD,SAAA,EAAAA,EAAI5C,KAAKC,kBACxDD,KAAK+B,QAAQY,aAAa,YAAa3C,KAAKG,WAC5CH,KAAK+B,QAAQY,aAAa,UAAW3C,KAAKqB,SAC1CrB,KAAK+B,QAAQY,aAAa,OAAQ3C,KAAKsB,MACvCU,SAASc,KAAKV,YAAYpC,KAAK+B,Q,CAGxB,iBAAAN,GACPzB,KAAKU,KAAKqC,iBAAiB,SAASC,IACnCA,EAAEC,iBACFjD,KAAKkD,QAAU,KACf,GAAIlD,KAAK+B,QAAS,CACjB/B,KAAK+B,QAAQY,aAAa,UAAW,O,CAEtC3C,KAAKmD,aAAa,IAEnBnD,KAAKU,KAAKqC,iBAAiB,SAASC,IACnCA,EAAEC,iBACFjD,KAAKmD,aAAa,IAEnBnD,KAAKU,KAAKqC,iBAAiB,QAAQC,IAClCA,EAAEC,iBACF,GAAIjD,KAAKkD,UAAY,MAAO,CAC3BlD,KAAKoD,a,KAGPpD,KAAKU,KAAKqC,iBAAiB,cAAcC,IACxCA,EAAEC,iBACFjD,KAAKmD,aAAa,IAEnBnD,KAAKU,KAAKqC,iBAAiB,cAAcC,IACxCA,EAAEC,iBACF,GAAIjD,KAAKkD,UAAY,MAAO,CAC3BlD,KAAKoD,a,KAKA,mBAAAC,GACP,MAAMC,EAAS,GACf,MAAMC,EAAcC,OAAOC,WAC3B,MAAMpB,EAAUrC,KAAKU,KAAK4B,wBAC1B,MAAMoB,EAAW1D,KAAKU,KAAKiD,YAC3B,MAAMC,EAAY5D,KAAKU,KAAKmD,aAC5B,MAAMC,EAAe9D,KAAK+B,QAAQ4B,YAClC,MAAMI,EAAgB/D,KAAK+B,QAAQ8B,aACnC,MAAMG,EAAa,CAClBxB,KAAMH,EAAQG,KAAOR,SAASiC,gBAAgBC,WAC9CzB,IAAKJ,EAAQI,IAAMT,SAASiC,gBAAgBE,WAG7C,MAAMC,EAAiBJ,EAAWxB,KAAOc,EAASjB,EAAQgC,MAASP,GAAiBP,EACpF,MAAMe,EAAcN,EAAWxB,KAAOsB,EAGtC,GAAI9D,KAAKuB,WAAaJ,EAAgBoD,MAAQvE,KAAKuB,WAAaJ,EAAgBqD,MAAO,CACtFxE,KAAK+B,QAAQQ,MAAME,IAAOuB,EAAWvB,KAAQsB,EAAgBH,GAAa,EAAM,KAChF,GAAIQ,IAAiB,OAASE,IAAgB,MAAO,CACpDtE,KAAKuB,SAAWJ,EAAgBsD,IAChCzE,KAAK+B,QAAQY,aAAa,WAAYxB,EAAgBsD,I,CAEvD,GAAIH,GAAeF,IAAiB,OAASpE,KAAKuB,WAAaJ,EAAgBqD,MAAO,CACrFxE,KAAKuB,SAAWJ,EAAgBoD,I,CAEjC,GAAIH,GAAgBE,IAAgB,OAAStE,KAAKuB,WAAaJ,EAAgBoD,KAAM,CACpFvE,KAAKuB,SAAWJ,EAAgBqD,K,EAGlC,GAAIxE,KAAKuB,WAAaJ,EAAgBqD,MAAO,CAC5CxE,KAAK+B,QAAQY,aAAa,WAAYxB,EAAgBqD,OACtDxE,KAAK+B,QAAQQ,MAAMC,KAAQwB,EAAWxB,KAAOc,EAASjB,EAAQgC,MAAS,I,CAExE,GAAIrE,KAAKuB,WAAaJ,EAAgBoD,KAAM,CAC3CvE,KAAK+B,QAAQY,aAAa,WAAYxB,EAAgBoD,MACtDvE,KAAK+B,QAAQQ,MAAMC,KAAQwB,EAAWxB,MAAQsB,EAAeR,GAAW,I,CAIzE,GAAItD,KAAKuB,WAAaJ,EAAgBsD,KAAOzE,KAAKuB,WAAaJ,EAAgBuD,OAAQ,CACtF,GAAIZ,EAAeJ,EAAU,CAC5B,IAAIiB,EAAgBX,EAAWxB,MAASsB,EAAeJ,GAAY,EACnE,MAAMkB,EAAiBD,EAAe,EACtC,MAAME,EAAmBF,EAAeb,EAAgBP,EACxD,GAAIqB,GAAkBC,EAAiB,CACtC7E,KAAK+B,QAAQQ,MAAM8B,MAAQ,OAC3BrE,KAAK+B,QAAQQ,MAAMC,KAAOc,EAAS,KACnCtD,KAAK+B,QAAQQ,MAAMuC,MAAQxB,EAAS,I,KAC9B,CACN,GAAIsB,EAAgB,CACnBD,EAAerB,C,CAEhB,GAAIuB,EAAiB,CACpBF,EAAeA,GAAiBpB,GAAeoB,EAAeb,EAAeR,KAAY,C,CAE1FtD,KAAK+B,QAAQQ,MAAMC,KAAOmC,EAAe,I,MAEpC,CACN,MAAMA,EAAgBX,EAAWxB,MAASkB,EAAWI,GAAgB,EAErE9D,KAAK+B,QAAQQ,MAAMC,KAAOmC,EAAe,I,EAG3C,GAAI3E,KAAKuB,WAAaJ,EAAgBsD,IAAK,CAC1CzE,KAAK+B,QAAQY,aAAa,WAAYxB,EAAgBsD,KACtDzE,KAAK+B,QAAQQ,MAAME,IAAOuB,EAAWvB,KAAOsB,EAAgBT,GAAW,I,CAExE,GAAItD,KAAKuB,WAAaJ,EAAgBuD,OAAQ,CAC7C1E,KAAK+B,QAAQY,aAAa,WAAYxB,EAAgBuD,QACtD1E,KAAK+B,QAAQQ,MAAME,IAAOuB,EAAWvB,KAAOmB,EAAYN,GAAW,I,CAGpEtD,KAAK+B,QAAQY,aAAa,aAAc,QACxC3C,KAAK+B,QAAQQ,MAAMwC,QAAU,G,CAItB,WAAA5B,GACP,GAAInD,KAAK+B,QAAS,CACjB/B,KAAK+B,QAAQQ,MAAMwC,QAAU,IAC7B/E,KAAK+B,QAAQiD,OAAS,MACtBhF,KAAKqD,qB,EAIC,WAAAD,GACP,GAAIpD,KAAK+B,QAAS,CACjB/B,KAAK+B,QAAQY,aAAa,aAAc,SACxC3C,KAAK+B,QAAQY,aAAa,UAAW,Q,EAI/B,aAAAhB,GACP,MAAMsD,EAAYjD,SAASkD,eAAelF,KAAKC,kBAC/C,GAAIgF,EAAW,CACdA,EAAUE,Q,EAIZ,MAAAC,G,MACC,OACC5E,EAAC6E,EAAI,CAAAC,IAAA,2CACJC,GAAIvF,KAAKG,UACTqF,MAAOxF,KAAKQ,EAAEiF,QAAQ1E,EAAaC,MACnCO,SAAUvB,KAAKuB,SACfmE,SAAU,EAAC,oBACO9C,EAAA5C,KAAK6C,cAAU,MAAAD,SAAA,EAAAA,EAAI5C,KAAKC,kBAC1CO,EAAA,QAAA8E,IAAA,6C,CASH,UAAMK,GACL3F,KAAKmD,a,CAON,UAAMyC,GACL5F,KAAKkD,QAAU,MACflD,KAAKoD,a"}
\ No newline at end of file
diff --git a/build/p-6ec83778.js b/build/p-6ec83778.js
new file mode 100644
index 00000000..a070a389
--- /dev/null
+++ b/build/p-6ec83778.js
@@ -0,0 +1,2 @@
+const t=t=>{if(typeof t==="string"&&t.length){const n=/^[a-z-]+\/[a-z-]+$/;if(n.test(t)){const n=t.split("/");return{type:n[0],name:n[1]}}}return null};export{t as p};
+//# sourceMappingURL=p-6ec83778.js.map
\ No newline at end of file
diff --git a/build/p-6ec83778.js.map b/build/p-6ec83778.js.map
new file mode 100644
index 00000000..801bd07b
--- /dev/null
+++ b/build/p-6ec83778.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["prepareIconFormat","value","length","regexPattern","test","icon","split","type","name"],"sources":["../../packages/core/src/components/gov-icon/helpers.ts"],"sourcesContent":["import {Nullable} from \"../../types/interfaces\";\n\nexport const prepareIconFormat = (value: string): Nullable<{ type: string, name: string }> => {\n\tif (typeof value === 'string' && value.length) {\n\t\tconst regexPattern = /^[a-z-]+\\/[a-z-]+$/;\n\t\tif (regexPattern.test(value)) {\n\t\t\tconst icon = value.split(\"/\");\n\t\t\treturn {\n\t\t\t\ttype: icon[0],\n\t\t\t\tname: icon[1],\n\t\t\t}\n\t\t}\n\t}\n\treturn null\n}\n"],"mappings":"MAEaA,EAAqBC,IACjC,UAAWA,IAAU,UAAYA,EAAMC,OAAQ,CAC9C,MAAMC,EAAe,qBACrB,GAAIA,EAAaC,KAAKH,GAAQ,CAC7B,MAAMI,EAAOJ,EAAMK,MAAM,KACzB,MAAO,CACNC,KAAMF,EAAK,GACXG,KAAMH,EAAK,G,EAId,OAAO,IAAI,S"}
\ No newline at end of file
diff --git a/build/p-75bbf75a.entry.js b/build/p-75bbf75a.entry.js
new file mode 100644
index 00000000..55bd1dbe
--- /dev/null
+++ b/build/p-75bbf75a.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as t,h as i,a as e,g as s}from"./p-3336fe3b.js";import{g as r,a as n}from"./p-8a8117a5.js";import{c as a}from"./p-4029f0cb.js";import{B as d}from"./p-a9bfe306.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-2b6bbee5.js";const c={triggerEvents:"click",exclude:""};function p(o,t,i,e=c){const s=f(e);h(e).forEach((e=>{window.addEventListener(e,(e=>{l(e,o,t,i,s)}),false)}))}function l(o,t,i,e,s){const r=o.target;if(!i.contains(r)&&!g(r,s)){e.call(t)}}function h(o){if(o.triggerEvents){return o.triggerEvents.split(",").map((o=>o.trim()))}return["click"]}function f(o){if(o.exclude){try{return Array.from(document.querySelectorAll(o.exclude))}catch(t){console.warn(`@ClickOutside: Exclude: '${o.exclude}' will not be evaluated. Check your exclude selector syntax.`,t)}}return}function g(o,t){if(o&&t){for(let i of t){if(i.contains(o)){return true}}}return false}var u;(function(o){o["LEFT"]="left";o["RIGHT"]="right"})(u||(u={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const b=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-dropdown{position:relative}.gov-dropdown__list{position:absolute;left:0;z-index:100}.gov-dropdown ul{padding:0.25rem;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-dropdown-bg-color, var(--gov-color-neutral-white));box-shadow:var(--gov-dropdown-box-shadow, 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1))}.gov-dropdown li{margin:0;white-space:nowrap}.gov-dropdown li::before{content:none}.gov-dropdown li>*{width:100%}.gov-dropdown li>* .element{justify-content:space-between;width:100%}.gov-dropdown[position=right] .gov-dropdown__list{right:0;left:initial}";const m=b;const w=class{constructor(i){o(this,i);this.govChange=t(this,"gov-change",7);this.open=false;this.position=u.LEFT;this.h=r(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}componentWillLoad(){if(this.trigger){this.trigger.setAttribute("wcag-controls",this.listId);this.trigger.setAttribute("wcag-has-popup",n(!!this.list));this.trigger.setAttribute("identifier",this.controlId);this.trigger.addEventListener("gov-click",(o=>{o.preventDefault();o.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:o,open:this.open})}))}}get trigger(){return this.host.querySelector(`* > ${d.root}`)}get list(){return this.h.getSlot("list")}render(){return i(e,{key:"fc83f10afa142b5fdd61b5ae75a80d8cd2b78f94",class:this.h.classes([v.root]),open:this.open,position:this.position},i("slot",{key:"5fabfdbdbd7ba4113d15c6542adad491aeee6e1e"}),i("div",{key:"d421afcee273323a9790795634cfa6a81617ad81",ref:o=>p(this,o,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":n(!this.open),hidden:!this.open},i("slot",{key:"0838d4e481e65e0da426618d039ca2741b5c60a4",name:"list"})))}async getState(){return this.open}async setOpen(o){this.open=o}get host(){return s(this)}};w.style=m;export{w as gov_dropdown};
+//# sourceMappingURL=p-75bbf75a.entry.js.map
\ No newline at end of file
diff --git a/build/p-75bbf75a.entry.js.map b/build/p-75bbf75a.entry.js.map
new file mode 100644
index 00000000..6b60c672
--- /dev/null
+++ b/build/p-75bbf75a.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","govDropdownCss","GovDropdownStyle0","GovDropdown","constructor","hostRef","LEFT","this","h","govHost","host","listId","createID","controlId","componentWillLoad","trigger","setAttribute","toBoolAttr","preventDefault","stopPropagation","open","govChange","emit","originalEvent","querySelector","ButtonClass","getSlot","render","Host","key","class","classes","position","ref","el","id","hidden","name","getState","setOpen","state"],"sources":["../../node_modules/stencil-click-outside/dist/esm/index.js","../../packages/core/src/components/gov-button/dropdown/constants.ts","../../packages/core/src/components/gov-button/dropdown/gov-dropdown.scss?tag=gov-dropdown","../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n    triggerEvents: \"click\",\n    exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n  // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n    return (proto, methodName) => {\n        // this is to resolve the 'compiler optimization issue':\n        // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n        BUILD.connectedCallback = true;\n        BUILD.disconnectedCallback = true;\n        const { connectedCallback, disconnectedCallback } = proto;\n        proto.connectedCallback = function () {\n            const host = getElement(this);\n            const method = this[methodName];\n            registerClickOutside(this, host, method, opt);\n            return connectedCallback && connectedCallback.call(this);\n        };\n        proto.disconnectedCallback = function () {\n            const host = getElement(this);\n            const method = this[methodName];\n            removeClickOutside(this, host, method, opt);\n            return disconnectedCallback && disconnectedCallback.call(this);\n        };\n    };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n    ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n      Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n    const excludedNodes = getExcludedNodes(opt);\n    getTriggerEvents(opt).forEach(triggerEvent => {\n        window.addEventListener(triggerEvent, (e) => {\n            initClickOutside(e, component, element, callback, excludedNodes);\n        }, false);\n    });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n    getTriggerEvents(opt).forEach(triggerEvent => {\n        window.removeEventListener(triggerEvent, (e) => {\n            initClickOutside(e, component, element, callback);\n        }, false);\n    });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n    const target = event.target;\n    if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n        callback.call(component);\n    }\n}\nfunction getTriggerEvents(opt) {\n    if (opt.triggerEvents) {\n        return opt.triggerEvents.split(\",\").map(e => e.trim());\n    }\n    return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n    if (opt.exclude) {\n        try {\n            return Array.from(document.querySelectorAll(opt.exclude));\n        }\n        catch (err) {\n            console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n        }\n    }\n    return;\n}\nfunction isExcluded(target, excudedNodes) {\n    if (target && excudedNodes) {\n        for (let excludedNode of excudedNodes) {\n            if (excludedNode.contains(target)) {\n                return true;\n            }\n        }\n    }\n    return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","/*\n *   Dropdown\n */\n\n$class: \".gov-dropdown\";\n\n#{$class} {\n\tposition: relative;\n\n\t&__list {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tz-index: 100;\n\t}\n\tul {\n\t\tpadding: rem-calc(4);\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $dropdown-bg-color;\n\t\tbox-shadow: $dropdown-box-shadow;\n\t}\n\tli {\n\t\tmargin: 0;\n\t\twhite-space: nowrap;\n\t\t&::before {\n\t\t\tcontent: none;\n\t\t}\n\t\t> * {\n\t\t\twidth: 100%;\n\t\t}\n\t\t> * .element {\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t&[position=\"right\"] {\n\t\t#{$class}__list {\n\t\t\tright: 0;\n\t\t\tleft: initial;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { registerClickOutside } from \"stencil-click-outside\"\nimport { govHost, toBoolAttr } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { Nullable } from \"../../../types/interfaces\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { ButtonClass } from \"../button/constants\"\nimport { DropdownClass, Position, PositionType } from \"./constants\"\nimport { DropdownEvent } from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n\tstyleUrl: \"gov-dropdown.scss\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\t/**\n\t * Dropdown open state\n\t */\n\t@Prop({ mutable: true }) open = false\n\t/**\n\t * Menu display position\n\t */\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/**\n\t * Emitted when the dropdown change state\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<DropdownEvent>\n\n\tcomponentWillLoad() {\n\t\tif (this.trigger) {\n\t\t\tthis.trigger.setAttribute(\"wcag-controls\", this.listId)\n\t\t\tthis.trigger.setAttribute(\"wcag-has-popup\", toBoolAttr(!!this.list))\n\t\t\tthis.trigger.setAttribute(\"identifier\", this.controlId)\n\n\t\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.open = !this.open\n\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\t\toriginalEvent: e,\n\t\t\t\t\topen: this.open,\n\t\t\t\t})\n\t\t\t})\n\t\t}\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the dropdown\n\t */\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n\n\t/**\n\t * Sets the dropdown state\n\t */\n\t@Method()\n\tasync setOpen(state: boolean) {\n\t\tthis.open = state\n\t}\n}\n"],"mappings":"2PACA,MAAMA,EAA8B,CAChCC,cAAe,QACfC,QAAS,IA2CN,SAASC,EAAqBC,EAAWC,EAASC,EAAUC,EAAMP,GACrE,MAAMQ,EAAgBC,EAAiBF,GACvCG,EAAiBH,GAAKI,SAAQC,IAC1BC,OAAOC,iBAAiBF,GAAeG,IACnCC,EAAiBD,EAAGX,EAAWC,EAASC,EAAUE,EAAc,GACjE,MAAM,GAEjB,CAWA,SAASQ,EAAiBC,EAAOb,EAAWC,EAASC,EAAUE,GAC3D,MAAMU,EAASD,EAAMC,OACrB,IAAKb,EAAQc,SAASD,KAAYE,EAAWF,EAAQV,GAAgB,CACjEF,EAASe,KAAKjB,EACtB,CACA,CACA,SAASM,EAAiBH,GACtB,GAAIA,EAAIN,cAAe,CACnB,OAAOM,EAAIN,cAAcqB,MAAM,KAAKC,KAAIR,GAAKA,EAAES,QACvD,CACI,MAAO,CAAC,QACZ,CACA,SAASf,EAAiBF,GACtB,GAAIA,EAAIL,QAAS,CACb,IACI,OAAOuB,MAAMC,KAAKC,SAASC,iBAAiBrB,EAAIL,SAC5D,CACQ,MAAO2B,GACHC,QAAQC,KAAK,4BAA4BxB,EAAIL,sEAAuE2B,EAChI,CACA,CACI,MACJ,CACA,SAAST,EAAWF,EAAQc,GACxB,GAAId,GAAUc,EAAc,CACxB,IAAK,IAAIC,KAAgBD,EAAc,CACnC,GAAIC,EAAad,SAASD,GAAS,CAC/B,OAAO,IACvB,CACA,CACA,CACI,OAAO,KACX,CC9FA,IAAYgB,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,gBACA,EAHD,CAAYA,MAAQ,KAOb,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,KAAM,sBCXP,MAAMC,EAAiB,g6BACvB,MAAAC,EAAeD,E,MCaFE,EAAW,MAKvB,WAAAC,CAAAC,G,0DAUgC,M,cAIUR,EAASS,KAblDC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,OAASC,EAAS,mBACvBL,KAAKM,UAAYD,EAAS,qB,CAiB3B,iBAAAE,GACC,GAAIP,KAAKQ,QAAS,CACjBR,KAAKQ,QAAQC,aAAa,gBAAiBT,KAAKI,QAChDJ,KAAKQ,QAAQC,aAAa,iBAAkBC,IAAaV,KAAKP,OAC9DO,KAAKQ,QAAQC,aAAa,aAAcT,KAAKM,WAE7CN,KAAKQ,QAAQtC,iBAAiB,aAAcC,IAC3CA,EAAEwC,iBACFxC,EAAEyC,kBACFZ,KAAKa,MAAQb,KAAKa,KAElBb,KAAKc,UAAUC,KAAK,CACnBvD,UAAW+B,EAAcC,KACzBwB,cAAe7C,EACf0C,KAAMb,KAAKa,MACV,G,EAKL,WAAIL,GACH,OAAOR,KAAKG,KAAKc,cAAc,OAAOC,EAAY1B,O,CAGnD,QAAIC,GACH,OAAOO,KAAKC,EAAEkB,QAAQ,O,CAGvB,MAAAC,GACC,OACCnB,EAACoB,EAAI,CAAAC,IAAA,2CAACC,MAAOvB,KAAKC,EAAEuB,QAAQ,CAACjC,EAAcC,OAAQqB,KAAMb,KAAKa,KAAMY,SAAUzB,KAAKyB,UAClFxB,EAAA,QAAAqB,IAAA,6CACArB,EAAA,OAAAqB,IAAA,2CACCI,IAAKC,GAAMpE,EAAqByC,KAAM2B,GAAI,IAAM3B,KAAKa,KAAO,QAC5DU,MAAOhC,EAAcE,KACrBmC,GAAI5B,KAAKI,OAAM,kBACEJ,KAAKM,UAAS,cAClBI,GAAYV,KAAKa,MAC9BgB,QAAS7B,KAAKa,MACdZ,EAAA,QAAAqB,IAAA,2CAAMQ,KAAK,U,CAUf,cAAMC,GACL,OAAO/B,KAAKa,I,CAOb,aAAMmB,CAAQC,GACbjC,KAAKa,KAAOoB,C"}
\ No newline at end of file
diff --git a/build/p-7670cb34.js b/build/p-7670cb34.js
new file mode 100644
index 00000000..b21493b7
--- /dev/null
+++ b/build/p-7670cb34.js
@@ -0,0 +1,2 @@
+import{S as o}from"./p-1693d6aa.js";import{p as t}from"./p-2b6bbee5.js";import{V as r}from"./p-55e78f21.js";import{F as s}from"./p-e55a8f78.js";import{F as e}from"./p-9fa54181.js";import{F as i}from"./p-1e979cc8.js";const n=t(o,["_XS","_S","_M","_L"]);const a={root:"gov-form-checkbox",check:"gov-form-checkbox__check",label:"gov-form-checkbox__label"};t(o,["_M","_L","_XL"]);const c={root:"gov-form-control",holder:"gov-form-control__holder",bottom:"gov-form-control__bottom"};const _=t(o,["_S","_M","_L","_XL"]);const m=t(r,["PRIMARY","SECONDARY"]);var l;(function(o){o["COLOR"]="color";o["DATE"]="date";o["DATETIME_LOCAL"]="datetime-local";o["EMAIL"]="email";o["MONTH"]="month";o["NUMBER"]="number";o["PASSWORD"]="password";o["SEARCH"]="search";o["TEL"]="tel";o["TEXT"]="text";o["TIME"]="time";o["URL"]="url";o["WEEK"]="week"})(l||(l={}));var f;(function(o){o["RESET"]="reset"})(f||(f={}));const h={root:"gov-form-input"};const g=t(o,["_M","_L","_XL"]);const p=t(r,["PRIMARY","SECONDARY"]);const u={root:"gov-form-select",icon:"gov-form-select__icon"};const v=t(o,["_M","_L","_XL"]);const d=t(r,["PRIMARY","SECONDARY"]);const b={root:"gov-form-multi-select",wrap:"gov-form-multi-select__wrap",list:"gov-form-multi-select__list",item:"gov-form-multi-select__item"};const L=t(o,["_XS","_S","_M","_L"]);const S={root:"gov-form-switch",holder:"gov-form-switch__holder",input:"gov-form-switch__input",indicator:"gov-form-switch__indicator"};const A=t(o,["_XS","_S","_M","_L"]);const M={root:"gov-form-radio",holder:"gov-form-radio__holder",input:"gov-form-radio__input",indicator:"gov-form-radio__indicator",label:"gov-form-radio__label"};const R=o=>({get govHost(){return o},passAttrToControl(o,t){if(this.control){this.control.setAttribute(o,t)}},passAttrToLabel(o,t){if(this.label){this.label.setAttribute(o,t)}},get hasGroupChildren(){if(this.control){return this.control.querySelectorAll("gov-form-group > *").length>1}return false},get control(){if(this.govHost.name===c.root){return this.govHost.hostElement}return this.govHost.getParent(c.root)},get label(){const o=this.govHost.hostElement.querySelector(`.${i.root}`);if(o){return o}if(this.control){return this.control.querySelector(`.${i.root}`)}return null},get mainElementsInControl(){const o=[u.root,h.root,S.root,a.root,M.root,b.root,e.root];if(this.control){const t=o.map((o=>`${o}:first-of-type`)).join(", ");return Array.from(this.control.querySelectorAll(t))}return[]},get messageElements(){if(this.control){return Array.from(this.control.querySelectorAll(s.root))}return[]}});export{a as F,n as a,c as b,b as c,d,v as e,M as f,R as g,A as h,S as i,L as j,h as k,m as l,_ as m,u as n,p as o,g as p};
+//# sourceMappingURL=p-7670cb34.js.map
\ No newline at end of file
diff --git a/build/p-7670cb34.js.map b/build/p-7670cb34.js.map
new file mode 100644
index 00000000..7d7d7e67
--- /dev/null
+++ b/build/p-7670cb34.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["FormCheckboxSizes","pick","Sizes","FormCheckboxClass","root","check","label","FormControlClass","holder","bottom","FormInputSizes","FormInputVariants","Variants","InputTypes","Type","FormInputClass","FormSelectSizes","FormSelectVariants","FormSelectClass","icon","FormMultiselectSizes","FormMultiselectVariants","FormMultiSelectClass","wrap","list","item","FormSwitchSizes","FormSwitchClass","input","indicator","FormRadioSizes","FormRadioClass","govForm","govHost","passAttrToControl","name","value","this","control","setAttribute","passAttrToLabel","hasGroupChildren","querySelectorAll","length","hostElement","getParent","innerLabel","querySelector","FormLabelClass","mainElementsInControl","formElements","FormAutocompleteClass","elements","map","el","join","Array","from","messageElements","FormMessageClass"],"sources":["../../packages/core/src/components/gov-form/checkbox/constants.ts","../../packages/core/src/components/gov-form/control/constants.ts","../../packages/core/src/components/gov-form/input/constants.ts","../../packages/core/src/components/gov-form/select/constants.ts","../../packages/core/src/components/gov-form/multiselect/constants.ts","../../packages/core/src/components/gov-form/switch/constants.ts","../../packages/core/src/components/gov-form/radio/constants.ts","../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport const FormInputVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormInputVariantType = `${ValueOf<typeof FormInputVariants>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\n\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormSelectVariantType = `${ValueOf<typeof FormSelectVariants>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiselectVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormMultiselectVariantType = `${ValueOf<typeof FormMultiselectVariants>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tholder: 'gov-form-radio__holder',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"mappings":"8NAIaA,EAAoBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,O,MAGpDC,EAAoB,CAChCC,KAAM,oBACNC,MAAO,2BACPC,MAAO,4BCNwBL,EAAKC,EAAO,CAAC,KAAM,KAAM,Q,MAG5CK,EAAmB,CAC/BH,KAAM,mBACNI,OAAQ,2BACRC,OAAQ,4B,MCLIC,EAAiBT,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,Q,MAGhDS,EAAoBV,EAAKW,EAAU,CAAC,UAAW,cAG5D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,mCACAA,EAAA,iBACAA,EAAA,iBACAA,EAAA,mBACAA,EAAA,uBACAA,EAAA,mBACAA,EAAA,aACAA,EAAA,eACAA,EAAA,eACAA,EAAA,aACAA,EAAA,cACA,EAdD,CAAYA,MAAU,KAkBtB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,gBACA,EAFD,CAAYA,MAAI,K,MAMHC,EAAiB,CAC7BX,KAAM,kB,MC/BMY,EAAkBf,EAAKC,EAAO,CAAC,KAAM,KAAM,Q,MAG3Ce,EAAqBhB,EAAKW,EAAU,CAAC,UAAW,c,MAGhDM,EAAkB,CAC9Bd,KAAM,kBACNe,KAAM,yB,MCRMC,EAAuBnB,EAAKC,EAAO,CAAC,KAAM,KAAM,Q,MAGhDmB,EAA0BpB,EAAKW,EAAU,CAAC,UAAW,c,MAGrDU,EAAuB,CACnClB,KAAM,wBACNmB,KAAM,8BACNC,KAAM,8BACNC,KAAM,+B,MCXMC,EAAkBzB,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,O,MAGlDyB,EAAkB,CAC9BvB,KAAM,kBACNI,OAAQ,0BACRoB,MAAO,yBACPC,UAAW,8B,MCPCC,EAAiB7B,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,O,MAGjD6B,EAAiB,CAC7B3B,KAAM,iBACNI,OAAQ,yBACRoB,MAAO,wBACPC,UAAW,4BACXvB,MAAO,yB,MCEK0B,EAAWC,IAChB,CACN,WAAIA,GACH,OAAOA,C,EAER,iBAAAC,CAAkBC,EAAcC,GAC/B,GAAIC,KAAKC,QAAS,CACjBD,KAAKC,QAAQC,aAAaJ,EAAMC,E,GAGlC,eAAAI,CAAgBL,EAAcC,GAC7B,GAAIC,KAAK/B,MAAO,CACf+B,KAAK/B,MAAMiC,aAAaJ,EAAMC,E,GAGhC,oBAAIK,GACH,GAAIJ,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQI,iBAAiB,sBAAsBC,OAAS,C,CAErE,OAAO,K,EAER,WAAIL,GACH,GAAID,KAAKJ,QAAQE,OAAS5B,EAAiBH,KAAM,CAChD,OAAOiC,KAAKJ,QAAQW,W,CAErB,OAAOP,KAAKJ,QAAQY,UAAUtC,EAAiBH,K,EAEhD,SAAIE,GACH,MAAMwC,EAAaT,KAAKJ,QAAQW,YAAYG,cAAc,IAAIC,EAAe5C,QAC7E,GAAG0C,EAAY,CACd,OAAOA,C,CAER,GAAIT,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQS,cAAc,IAAIC,EAAe5C,O,CAEtD,OAAO,I,EAER,yBAAI6C,GACH,MAAMC,EAAe,CACpBhC,EAAgBd,KAChBW,EAAeX,KACfuB,EAAgBvB,KAChBD,EAAkBC,KAClB2B,EAAe3B,KACfkB,EAAqBlB,KACrB+C,EAAsB/C,MAEvB,GAAIiC,KAAKC,QAAS,CACjB,MAAMc,EAAWF,EAAaG,KAAIC,GAAM,GAAGA,oBAAoBC,KAAK,MACpE,OAAOC,MAAMC,KAAKpB,KAAKC,QAAQI,iBAAiBU,G,CAEjD,MAAO,E,EAER,mBAAIM,GACH,GAAIrB,KAAKC,QAAS,CACjB,OAAOkB,MAAMC,KAAKpB,KAAKC,QAAQI,iBAAiBiB,EAAiBvD,M,CAElE,MAAO,E"}
\ No newline at end of file
diff --git a/build/p-7b2fb08d.entry.js b/build/p-7b2fb08d.entry.js
new file mode 100644
index 00000000..d56129e6
--- /dev/null
+++ b/build/p-7b2fb08d.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as a,a as r,g as t}from"./p-3336fe3b.js";import{p as i}from"./p-2b6bbee5.js";import{S as e}from"./p-1693d6aa.js";import{g as s}from"./p-8a8117a5.js";import{v as p}from"./p-bc59b609.js";import"./p-40f10385.js";const n=i(e,["_2XS","_XS","_S","_M","_L"]);var g;(function(o){o["HORIZONTAL"]="horizontal";o["VERTICAL"]="vertical"})(g||(g={}));const f={root:"gov-form-group"};const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-group{position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.gov-form-group .gov-form-label__label{margin:0}.gov-form-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}.gov-form-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}.gov-form-group[gap="2xs"]{gap:0.25rem}.gov-form-group[gap=xs]{gap:0.5rem}.gov-form-group[gap=s]{gap:0.75rem}.gov-form-group[gap=m]{gap:1rem}.gov-form-group[gap=l]{gap:1.25rem}';const l=m;const c=class{constructor(a){o(this,a);this.gap=undefined;this.orientation="vertical";this.h=s(this.host)}validateGap(o){if(o){p(n,o,f.root)}}validateOrientation(o){if(o){p(g,o,f.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}render(){return a(r,{key:"9545a515a786bca6a3f1b00fd582d5446c8eb3e4",gap:this.gap,class:this.h.classes(f.root)},a("slot",{key:"29fdc5ddfb6bb9d2dbf36db5fadf26cfa9ccd328"}))}get host(){return t(this)}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}};c.style=l;export{c as gov_form_group};
+//# sourceMappingURL=p-7b2fb08d.entry.js.map
\ No newline at end of file
diff --git a/build/p-7b2fb08d.entry.js.map b/build/p-7b2fb08d.entry.js.map
new file mode 100644
index 00000000..4d541e83
--- /dev/null
+++ b/build/p-7b2fb08d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["FormGroupSizes","pick","Sizes","FormGroupOrientation","FormGroupClass","root","govFormGroupCss","GovFormGroupStyle0","GovFormGroup","constructor","hostRef","undefined","this","h","govHost","host","validateGap","newValue","validateProp","validateOrientation","componentWillLoad","gap","orientation","render","Host","key","class","classes"],"sources":["../../packages/core/src/components/gov-form/group/constants.ts","../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-group","../../packages/core/src/components/gov-form/group/gov-form-group.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormGroupSizes = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L'])\nexport type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`\n\nexport enum FormGroupOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`\n\nexport const FormGroupClass = {\n\troot: 'gov-form-group',\n}\n","$class: \".gov-form-group\";\n\n#{$class} {\n\t@include base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $gap, $definitions in $form-group-gaps {\n\t\t&[gap=\"#{$gap}\"] {\n\t\t\tgap: get($gap, $sizes);\n\t\t}\n\t}\n}\n","import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n  FormGroupClass,\n  FormGroupOrientation,\n  FormGroupOrientationType,\n  FormGroupSizes,\n  FormGroupSizesType\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\n\n@Component({\n  tag: \"gov-form-group\",\n  styleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormGroup {\n  private readonly h: GovHost\n\n  constructor() {\n    this.h = govHost(this.host)\n  }\n\n  @Element() host: HTMLGovFormGroupElement\n  /**\n   * Gap's size.\n   */\n  @Prop() readonly gap?: FormGroupSizesType = undefined\n  /**\n   * Elements orientation\n   */\n  @Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\n  @Watch(\"gap\")\n  validateGap(newValue: string): void {\n    if (newValue) {\n      validateProp(FormGroupSizes, newValue, FormGroupClass.root)\n    }\n  }\n\n  @Watch(\"orientation\")\n  validateOrientation(newValue: string): void {\n    if (newValue) {\n      validateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n    }\n  }\n\n  componentWillLoad(): void {\n    this.validateGap(this.gap)\n    this.validateOrientation(this.orientation)\n  }\n\n  render() {\n    return (\n      <Host gap={this.gap} class={this.h.classes(FormGroupClass.root)}>\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"],"mappings":"iOAIO,MAAMA,EAAiBC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,OAGtE,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAoB,KAMzB,MAAMC,EAAiB,CAC7BC,KAAM,kBCdP,MAAMC,EAAkB,4zBACxB,MAAAC,EAAeD,E,MCeFE,EAAY,MAGvB,WAAAC,CAAAC,G,mBAQ4CC,U,iBAIc,WAXxDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAcxB,WAAAC,CAAYC,GACV,GAAIA,EAAU,CACZC,EAAalB,EAAgBiB,EAAUb,EAAeC,K,EAK1D,mBAAAc,CAAoBF,GAClB,GAAIA,EAAU,CACZC,EAAaf,EAAsBc,EAAUb,EAAeC,K,EAIhE,iBAAAe,GACER,KAAKI,YAAYJ,KAAKS,KACtBT,KAAKO,oBAAoBP,KAAKU,Y,CAGhC,MAAAC,GACE,OACEV,EAACW,EAAI,CAAAC,IAAA,2CAACJ,IAAKT,KAAKS,IAAKK,MAAOd,KAAKC,EAAEc,QAAQvB,EAAeC,OACxDQ,EAAA,QAAAY,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-7b939606.entry.js b/build/p-7b939606.entry.js
new file mode 100644
index 00000000..54344f56
--- /dev/null
+++ b/build/p-7b939606.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as t,a as e,g as i}from"./p-3336fe3b.js";import{T as r,a as n,b as a}from"./p-696c13a0.js";import{a as s}from"./p-8a8117a5.js";import"./p-55e78f21.js";import"./p-1693d6aa.js";import"./p-2b6bbee5.js";const l='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip-content{z-index:51;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);position:absolute;display:block;width:-moz-max-content;width:max-content;max-width:var(--gov-tooltip-content-max-width, 21rem);padding:1rem;border-radius:0.1875rem;background-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));color:var(--gov-tooltip-content-text-color, var(--gov-color-secondary));letter-spacing:0.0125rem;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in}.gov-tooltip-content::before{content:"";position:absolute;display:block;width:0;height:0;border:0.625rem solid transparent}.gov-tooltip-content gov-button{position:absolute;right:0;top:0}.gov-tooltip-content[persist=""],.gov-tooltip-content[persist=true i],.gov-tooltip-content[persist="1"]{padding-right:3.25rem}.gov-tooltip-content[is-visible=""],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible="1"]{opacity:1}.gov-tooltip-content[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white))}.gov-tooltip-content[variant=secondary][inverse=""],.gov-tooltip-content[variant=secondary][inverse=true i],.gov-tooltip-content[variant=secondary][inverse="1"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary][inverse=""],.gov-tooltip-content[variant=primary][inverse=true i],.gov-tooltip-content[variant=primary][inverse="1"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}.gov-tooltip-content[size=s]{--gov-tooltip-content-padding:var(--gov-tooltip-s-padding, 0.5rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-s-arrow-size, 0.4375rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-s-letter-spacing, 0.0125rem);font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-tooltip-content[size=s][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 3rem)}.gov-tooltip-content[size=l]{--gov-tooltip-content-padding:var(--gov-tooltip-l-padding, 1rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-l-arrow-size, 0.875rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-l-letter-spacing, 0.002rem);font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-tooltip-content[size=l][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 4rem)}.gov-tooltip-content[position=top]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=top]::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=bottom]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=bottom]::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=left]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=left]::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=right]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=right]::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}';const v=l;const p=class{constructor(t){o(this,t);this.variant=r.PRIMARY;this.size=n._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(o){clearTimeout(this.timeout);if(o===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const o=document.getElementById(this.parentId);if(o){o.hide().catch()}}render(){return t(e,{key:"20fe996793699dbcb87cdf75598254b0751b28e7",class:a.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!s(this.isVisible),"is-visible":this.isVisible},t("slot",{key:"74b46554839002cc2f9f83594bf7357d8de47be4"}),this.persist?t("gov-button",{"on-gov-click":this.hideContent.bind(this),variant:this.variant,size:this.size,type:"base",inverse:this.variant===r.SECONDARY},t("gov-icon",{slot:"left-icon",name:"x-lg",type:"basic"})):null)}get host(){return i(this)}static get watchers(){return{isVisible:["visibleContent"]}}};p.style=v;export{p as gov_tooltip_content};
+//# sourceMappingURL=p-7b939606.entry.js.map
\ No newline at end of file
diff --git a/build/p-7b939606.entry.js.map b/build/p-7b939606.entry.js.map
new file mode 100644
index 00000000..5b07f0f6
--- /dev/null
+++ b/build/p-7b939606.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govTooltipContentCss","GovTooltipContentStyle0","GovTooltipContent","TooltipVariant","PRIMARY","TooltipSize","_M","visibleContent","newValue","clearTimeout","this","timeout","setTimeout","host","style","visibility","hideContent","isVisible","persist","parentEl","document","getElementById","parentId","hide","catch","render","h","Host","key","class","TooltipContentClass","root","role","hidden","toBoolAttr","bind","variant","size","type","inverse","SECONDARY","slot","name"],"sources":["../../packages/core/src/components/gov-tooltip/gov-tooltip-content.scss?tag=gov-tooltip-content","../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["/*\n *   Tooltip - Content\n */\n\n$class: \".gov-tooltip-content\";\n\n#{$class} {\n    @include z-index(\"bar\", 1);\n    @include typography($font-size-m);\n    position: absolute;\n    display: block;\n    width: max-content;\n\n    max-width: $tooltip-content-max-width;\n    padding: rem-calc(16);\n    border-radius: rem-calc(3);\n    background-color: $tooltip-content-bg-color;\n    color: $tooltip-content-text-color;\n    letter-spacing: rem-calc(0.2);\n    visibility: hidden;\n    opacity: 0;\n    transition: opacity 0.2s ease-in;\n\n    &::before {\n        @include pseudo();\n        width: 0;\n        height: 0;\n        border: rem-calc(10) solid transparent;\n    }\n\n    & gov-button {\n        position: absolute;\n        right: 0;\n        top: 0;\n    }\n\n    @include parameter(\"persist\") {\n        padding-right: rem-calc(52);\n    }\n\n    // STATES\n    @include parameter(\"is-visible\") {\n        opacity: 1;\n    }\n\n    // VARIANTS\n    @each $variant, $definitions in $tooltip-content-variants {\n        &[variant=\"#{$variant}\"] {\n            --#{$prefix}tooltip-content-bg-color: #{get(\"bg-color\", $definitions)};\n            --#{$prefix}tooltip-content-text-color: #{get(\"text-color\", $definitions)};\n\n            // STATES\n            @include parameter(\"inverse\") {\n                --#{$prefix}tooltip-content-bg-color: #{color(\"neutral.white\")};\n                --#{$prefix}tooltip-content-text-color: #{get(\"text-color-inverse\", $definitions)};\n            }\n        }\n    }\n    @each $size, $definitions in $tooltip-content-sizes {\n        &[size=\"#{$size}\"] {\n            --#{$prefix}tooltip-content-padding: #{get(\"padding\", $definitions)};\n            --#{$prefix}tooltip-content-arrow-size: #{get(\"arrow-size\", $definitions)};\n            --#{$prefix}tooltip-content-letter-spacing: #{get(\"letter-spacing\", $definitions)};\n            @include typography(get(\"typography\", $definitions));\n\n            &[persist=\"true\" i] {\n                padding-right: #{get(\"persist-space\", $definitions)};\n            }\n        }\n    }\n    @each $position, $definitions in $tooltip-content-positions {\n        $oppositeProperty: get(\"oppositeProperty\", $definitions);\n\n        &[position=\"#{$position}\"] {\n            &::before {\n                #{get(\"directionProperty\", $definitions)}: 50%;\n                transform: #{get(\"transformFn\", $definitions) }(-50%);\n            }\n\n            &::before {\n                #{$position}: 100%;\n                border-#{$oppositeProperty}-width: 0;\n                border-#{$position}-color: $tooltip-content-bg-color;\n            }\n        }\n    }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipVariant, TooltipVariantType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n\tstyleUrl: \"gov-tooltip-content.scss\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}\n\t\t\t\t\t\tinverse={this.variant === TooltipVariant.SECONDARY}>\n\t\t\t\t\t\t<gov-icon slot={\"left-icon\"} name={\"x-lg\"} type={\"basic\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uNAAA,MAAMA,EAAuB,i7IAC7B,MAAAC,EAAeD,E,MCOFE,EAAiB,M,sCAOmBC,EAAeC,Q,UAIrBC,EAAYC,G,aAI1B,M,eAIkC,M,cAIT,I,CAGrD,cAAAC,CAAeC,GACdC,aAAaC,KAAKC,SAClB,GAAIH,IAAa,MAAO,CACvBE,KAAKC,QAAUC,YAAW,KACzBF,KAAKG,KAAKC,MAAMC,WAAa,QAAQ,GACnC,I,KACG,CACNL,KAAKG,KAAKC,MAAMC,WAAa,S,EAI/B,WAAAC,GACCN,KAAKO,UAAY,MACjBP,KAAKQ,QAAU,MACf,MAAMC,EAAWC,SAASC,eAAeX,KAAKY,UAC9C,GAAIH,EAAU,CACbA,EAASI,OAAOC,O,EAIlB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOC,EAAoBC,KAC3BC,KAAM,UACNC,QAASvB,KAAKO,UAAS,eACTiB,EAAWxB,KAAKO,WAAU,aAC5BP,KAAKO,WACjBS,EAAA,QAAAE,IAAA,6CACClB,KAAKQ,QACLQ,EAAA,6BACehB,KAAKM,YAAYmB,KAAKzB,MACpC0B,QAAS1B,KAAK0B,QACdC,KAAM3B,KAAK2B,KACXC,KAAM,OACNC,QAAS7B,KAAK0B,UAAYjC,EAAeqC,WACzCd,EAAA,YAAUe,KAAM,YAAaC,KAAM,OAAQJ,KAAM,WAE/C,K"}
\ No newline at end of file
diff --git a/build/p-7d05c0e2.js b/build/p-7d05c0e2.js
new file mode 100644
index 00000000..526fd3ff
--- /dev/null
+++ b/build/p-7d05c0e2.js
@@ -0,0 +1,2 @@
+const o=(o,s)=>[...s];export{o as F};
+//# sourceMappingURL=p-7d05c0e2.js.map
\ No newline at end of file
diff --git a/build/p-7d05c0e2.js.map b/build/p-7d05c0e2.js.map
new file mode 100644
index 00000000..ecbf4901
--- /dev/null
+++ b/build/p-7d05c0e2.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","_","children"],"sources":["../../packages/core/src/helpers/Fragment.tsx"],"sourcesContent":["export default (_, children) => [...children]\n"],"mappings":"AAAA,MAAAA,EAAe,CAACC,EAAGC,IAAa,IAAIA,U"}
\ No newline at end of file
diff --git a/build/p-879d57d5.entry.js b/build/p-879d57d5.entry.js
new file mode 100644
index 00000000..2920b6d8
--- /dev/null
+++ b/build/p-879d57d5.entry.js
@@ -0,0 +1,2 @@
+import{r as s,c as a,h as i,a as t,g as e}from"./p-3336fe3b.js";import{S as o,a as c}from"./p-571d2d7c.js";import{v as n}from"./p-b24413c7.js";import{c as r}from"./p-32d89c78.js";import{d as p}from"./p-2b6bbee5.js";import{b as d}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const f=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-side-nav{position:relative;display:block;width:100%}";const m=f;const h=class{constructor(i){s(this,i);this.govChange=a(this,"gov-change",7);this.inverse=false;this.compact=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined}componentDidLoad(){this.host.querySelectorAll(o.root).forEach((s=>{s.setAttribute("inverse",d(this.inverse));s.setAttribute("compact",d(this.compact));s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}async componentDidRender(){if(r()){await p(500);await this.validateWcag()}}render(){return i(t,{key:"2cf2d8390d8a6113c83cc6590d543a7242a8f24a",class:c.root,compact:this.compact,inverse:this.inverse,"arial-label":this.wcagLabel,"arial-labelledby":this.wcagLabelledBy},i("aside",{key:"7e515d7b8c4774f00a28eb229f9840ae0950c8b4",class:c.aside,role:"list"},i("slot",{key:"072975410ecb4507bce1eb5bb3af7ec3ca078f3c"})))}async validateWcag(){n(this.wcagLabel,this.wcagLabelledBy,c.root)}get host(){return e(this)}};h.style=m;export{h as gov_side_nav};
+//# sourceMappingURL=p-879d57d5.entry.js.map
\ No newline at end of file
diff --git a/build/p-879d57d5.entry.js.map b/build/p-879d57d5.entry.js.map
new file mode 100644
index 00000000..cdb67ea8
--- /dev/null
+++ b/build/p-879d57d5.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govSideNavCss","GovSideNavStyle0","GovSideNav","componentDidLoad","this","host","querySelectorAll","SideNavItemClass","root","forEach","child","setAttribute","booleanString","inverse","compact","addEventListener","e","stopPropagation","govChange","emit","detail","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","h","Host","key","class","SideNavClass","wcagLabel","wcagLabelledBy","aside","role","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-side-nav/gov-side-nav.scss?tag=gov-side-nav","../../packages/core/src/components/gov-side-nav/gov-side-nav.tsx"],"sourcesContent":["/*\n *   Side nav\n */\n\n$class: \".gov-side-nav\";\n\n#{$class} {\n\t@include base();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\nimport { SideNavClass, SideNavItemClass } from './constants'\nimport { GovSideNavItemCustomEvent } from '../../components'\nimport { GovSideNavItemChangeEvent } from './gov-side-nav-item.d'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { booleanString } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-side-nav',\n\tstyleUrl: 'gov-side-nav.scss',\n})\nexport class GovSideNav {\n\t@Element() readonly host: HTMLGovSideNavElement\n\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Determide if component should have compact styles.\n\t */\n\t@Prop() readonly compact: boolean = false\n\t/**\n\t * Adds accessible label for the sidenav that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the sidenav state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovSideNavItemChangeEvent>\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(SideNavItemClass.root).forEach((child: HTMLGovSideNavItemElement) => {\n\t\t\tchild.setAttribute('inverse', booleanString(this.inverse))\n\t\t\tchild.setAttribute('compact', booleanString(this.compact))\n\t\t\tchild.addEventListener('gov-change', (e: GovSideNavItemCustomEvent<GovSideNavItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={SideNavClass.root} compact={this.compact} inverse={this.inverse} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t<aside class={SideNavClass.aside} role={'list'}>\n\t\t\t\t\t<slot />\n\t\t\t\t</aside>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, SideNavClass.root)\n\t}\n}\n"],"mappings":"2SAAA,MAAMA,EAAgB,kZACtB,MAAAC,EAAeD,E,MCYFE,EAAU,M,4EAMc,M,aAIA,M,uDAcpC,gBAAAC,GACCC,KAAKC,KAAKC,iBAAiBC,EAAiBC,MAAMC,SAASC,IAC1DA,EAAMC,aAAa,UAAWC,EAAcR,KAAKS,UACjDH,EAAMC,aAAa,UAAWC,EAAcR,KAAKU,UACjDJ,EAAMK,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFb,KAAKc,UAAUC,KAAKH,EAAEI,OAAO,GAC5B,G,CAIJ,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNnB,KAAKoB,c,EAIb,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAatB,KAAMM,QAASV,KAAKU,QAASD,QAAST,KAAKS,QAAO,cAAeT,KAAK2B,UAAS,mBAAoB3B,KAAK4B,gBACjIN,EAAA,SAAAE,IAAA,2CAAOC,MAAOC,EAAaG,MAAOC,KAAM,QACvCR,EAAA,QAAAE,IAAA,8C,CAUJ,kBAAMJ,GACLW,EAAkB/B,KAAK2B,UAAW3B,KAAK4B,eAAgBF,EAAatB,K"}
\ No newline at end of file
diff --git a/build/p-89e7ef95.entry.js b/build/p-89e7ef95.entry.js
new file mode 100644
index 00000000..2b2c8e5a
--- /dev/null
+++ b/build/p-89e7ef95.entry.js
@@ -0,0 +1,2 @@
+import{r as t,h as s,a as e,g as i}from"./p-3336fe3b.js";import{c as a}from"./p-4029f0cb.js";import{g as o,t as r}from"./p-8a8117a5.js";import{T as n}from"./p-9e8ed429.js";import"./p-55e78f21.js";import"./p-2b6bbee5.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs-item{color:var(--gov-tabs-text-color, var(--gov-color-secondary-700))}.gov-tabs-item__inner>*:last-child{margin-bottom:0}";const d=c;const f=class{constructor(s){t(this,s);this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.default=false;this.isActive=false;this.h=o(this.host);this.contentId=a("GovTabContent");this.triggerId=a("GovTabTrigger")}render(){return s(e,{key:"47212ddf065770ec1ca998ec21b088f417cdf5d9",class:this.h.classes(n.root),default:this.default},s("div",{key:"b8a5b39a7a90b7d29cb3d37a6dc72a63f29d4a93",class:n.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":r(!this.isActive)},s("slot",{key:"267fce4ce30c4123dc4475017e31de392bebf382"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async setActiveStatus(t){this.isActive=t}get host(){return i(this)}};f.style=d;export{f as gov_tabs_item};
+//# sourceMappingURL=p-89e7ef95.entry.js.map
\ No newline at end of file
diff --git a/build/p-89e7ef95.entry.js.map b/build/p-89e7ef95.entry.js.map
new file mode 100644
index 00000000..14743373
--- /dev/null
+++ b/build/p-89e7ef95.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govTabsItemCss","GovTabsItemStyle0","GovTabsItem","constructor","hostRef","this","h","govHost","host","contentId","createID","triggerId","render","Host","key","class","classes","TabsItemClass","root","default","inner","role","id","identifier","hidden","isActive","triggerIdentifier","toBoolAttrIfDefined","getIdentifier","getTriggerIdentifier","setActiveStatus","status"],"sources":["../../packages/core/src/components/gov-tabs/gov-tabs-item.scss?tag=gov-tabs-item","../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["/*\n *   Tabs - Item\n */\n\n$class: \".gov-tabs-item\";\n\n#{$class} {\n\tcolor: $tabs-text-color;\n\t&__inner {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, h, Prop, Method, State, Host } from '@stencil/core'\nimport { createID } from '../../utils/string.utils'\nimport { govHost, toBoolAttrIfDefined } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { TabsItemClass } from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n\tstyleUrl: 'gov-tabs-item.scss',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop({reflect: true}) readonly label: string\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier || this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggerId\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"],"mappings":"4NAAA,MAAMA,EAAiB,4dACvB,MAAAC,EAAeD,E,MCSFE,EAAW,MAKvB,WAAAC,CAAAC,G,uGAsBoC,M,cAChB,MAtBnBC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,iBAC1BL,KAAKM,UAAYD,EAAS,gB,CAsB3B,MAAAE,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOV,KAAKC,EAAEU,QAAQC,EAAcC,MAAOC,QAASd,KAAKc,SAC9Db,EAAA,OAAAQ,IAAA,2CACCC,MAAOE,EAAcG,MACrBC,KAAK,WACLC,GAAIjB,KAAKkB,YAAclB,KAAKI,UAC5Be,QAASnB,KAAKoB,SAAQ,kBACLpB,KAAKqB,mBAAqBrB,KAAKM,UAAS,cAC5CgB,GAAqBtB,KAAKoB,WAEvCnB,EAAA,QAAAQ,IAAA,8C,CAUJ,mBAAMc,GACL,OAAOvB,KAAKkB,YAAclB,KAAKI,S,CAOhC,0BAAMoB,GACL,OAAOxB,KAAKqB,mBAAqBrB,KAAKM,S,CAOvC,qBAAMmB,CAAgBC,GACrB1B,KAAKoB,SAAWM,C"}
\ No newline at end of file
diff --git a/build/p-8a8117a5.js b/build/p-8a8117a5.js
new file mode 100644
index 00000000..d03bc602
--- /dev/null
+++ b/build/p-8a8117a5.js
@@ -0,0 +1,2 @@
+const e=e=>{if(Array.isArray(e)===false)return;return e.filter((e=>!!e)).join(" ").trim()};const t=e=>{const t=e.querySelector("slot");if(t){return t.assignedNodes().filter((e=>e.nodeName!=="#text"))}return[]};const r=e=>e?"true":"false";const s=e=>({get hostElement(){return e},get name(){return this.hostElement.nodeName.toLowerCase()},hasSlot(e){return!!this.getSlot(e)},isSlotEmpty(e){const t=this.getSlot(e);if(t){return t.childNodes.length===0}return false},getSlot(e){return this.hostElement.querySelector('[slot="'+e+'"]')},getParent(e){return this.hostElement.closest(e)},passChildAttr(e,t,r){if(Array.isArray(e)){e.forEach((e=>{this.hostElement.querySelectorAll(e).forEach((e=>e.setAttribute(t,r)))}))}else{this.hostElement.querySelectorAll(e).forEach((e=>e.setAttribute(t,r)))}},removeChildAttr(e,t){if(Array.isArray(e)){e.forEach((e=>{this.hostElement.querySelectorAll(e).forEach((e=>e.removeAttribute(t)))}))}else{this.hostElement.querySelectorAll(e).forEach((e=>e.removeAttribute(t)))}},get slottedChildren(){const e=this.hostElement.shadowRoot.querySelector("slot");if(e){return e.assignedNodes().filter((e=>e.nodeName!=="#text"))}return[]},classes(e){const t=Array.isArray(e)?e.join(" "):e;if(this.hostElement){return this.hostElement.classList.toString()+" "+t}return t}});const n=e=>{if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1?"true":"false"}else if(typeof e==="number"){return e>0?"true":"false"}else if(typeof e==="boolean"){return e?"true":"false"}else{return e?"true":"false"}};const o=e=>{if(typeof e==="string"){return["true","True","TRUE","1","On","on","ON"].indexOf(e)!==-1?"on":"off"}else if(typeof e==="number"){return e>0?"on":"off"}else if(typeof e==="boolean"){return e?"on":"off"}else{return e?"on":"off"}};const f=e=>typeof e==="undefined"?undefined:n(e);const u=e=>typeof e==="undefined"?undefined:o(e);export{n as a,r as b,u as c,s as g,e as p,t as s,f as t};
+//# sourceMappingURL=p-8a8117a5.js.map
\ No newline at end of file
diff --git a/build/p-8a8117a5.js.map b/build/p-8a8117a5.js.map
new file mode 100644
index 00000000..1d09336d
--- /dev/null
+++ b/build/p-8a8117a5.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["prepareClasses","classes","Array","isArray","filter","classname","join","trim","slottedChildren","host","slotted","querySelector","assignedNodes","node","nodeName","booleanString","value","govHost","hostElement","name","this","toLowerCase","hasSlot","getSlot","isSlotEmpty","slot","childNodes","length","getParent","element","closest","passChildAttr","selector","forEach","querySelectorAll","child","setAttribute","removeChildAttr","removeAttribute","shadowRoot","clearClasses","classList","toString","toBoolAttr","indexOf","toOnOffAttr","toBoolAttrIfDefined","undefined","toOnOffAttrIfDefined"],"sources":["../../packages/core/src/helpers/Dom/template.ts"],"sourcesContent":["import {HTMLStencilElement} from '@stencil/core/internal'\nimport {GovHost} from './template.types'\nimport {Nullable} from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const slottedChildren = (host: HTMLStencilElement): Node[] => {\n\tconst slotted = host.querySelector('slot') as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\treturn node.nodeName !== '#text'\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? 'true' : 'false'\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tisSlotEmpty(name: string): boolean {\n\t\t\tconst slot = this.getSlot(name)\n\t\t\tif (slot) {\n\t\t\t\treturn slot.childNodes.length === 0\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\treturn this.hostElement.querySelector('[slot=\"' + name + '\"]')\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tconst slotted = this.hostElement.shadowRoot.querySelector('slot') as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\t\t\treturn node.nodeName !== '#text'\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif (this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t},\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'true' : 'false'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'true' : 'false'\n\t} else {\n\t\treturn value ? 'true' : 'false'\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'on' : 'off'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'on' : 'off'\n\t} else {\n\t\treturn value ? 'on' : 'off'\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toOnOffAttr(value)\n}\n"],"mappings":"MAIaA,EAAkBC,IAC9B,GAAIC,MAAMC,QAAQF,KAAa,MAAO,OACtC,OAAOA,EACLG,QAAOC,KAAeA,IACtBC,KAAK,KACLC,MAAM,E,MAGIC,EAAmBC,IAC/B,MAAMC,EAAUD,EAAKE,cAAc,QACnC,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAOS,GAC9BA,EAAKC,WAAa,S,CAG3B,MAAO,EAAE,E,MAGGC,EAAiBC,GACtBA,EAAQ,OAAS,Q,MAGZC,EAAWR,IAChB,CACN,eAAIS,GACH,OAAOT,C,EAER,QAAIU,GACH,OAAOC,KAAKF,YAAYJ,SAASO,a,EAElC,OAAAC,CAAQH,GACP,QAASC,KAAKG,QAAQJ,E,EAEvB,WAAAK,CAAYL,GACX,MAAMM,EAAOL,KAAKG,QAAQJ,GAC1B,GAAIM,EAAM,CACT,OAAOA,EAAKC,WAAWC,SAAW,C,CAEnC,OAAO,K,EAER,OAAAJ,CAAQJ,GACP,OAAOC,KAAKF,YAAYP,cAAc,UAAYQ,EAAO,K,EAE1D,SAAAS,CAAUC,GACT,OAAOT,KAAKF,YAAYY,QAAQD,E,EAEjC,aAAAE,CAAcC,EAA6Bb,EAAcH,GACxD,GAAId,MAAMC,QAAQ6B,GAAW,CAC5BA,EAASC,SAAQD,IAChBZ,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMC,aAAajB,EAAMH,IAAO,G,KAExF,CACNI,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMC,aAAajB,EAAMH,I,GAGxF,eAAAqB,CAAgBL,EAA6Bb,GAC5C,GAAIjB,MAAMC,QAAQ6B,GAAW,CAC5BA,EAASC,SAAQD,IAChBZ,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMG,gBAAgBnB,IAAM,G,KAEpF,CACNC,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMG,gBAAgBnB,I,GAGrF,mBAAIX,GACH,MAAME,EAAUU,KAAKF,YAAYqB,WAAW5B,cAAc,QAC1D,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAOS,GAC9BA,EAAKC,WAAa,S,CAG3B,MAAO,E,EAER,OAAAb,CAAQA,GACP,MAAMuC,EAAetC,MAAMC,QAAQF,GAAWA,EAAQK,KAAK,KAAOL,EAClE,GAAImB,KAAKF,YAAa,CACrB,OAAOE,KAAKF,YAAYuB,UAAUC,WAAa,IAAMF,C,CAEtD,OAAOA,C,UAKGG,EAAc3B,IAC1B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAK4B,QAAQ5B,MAAY,EAAI,OAAS,O,MAChE,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,OAAS,O,MACtB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,OAAS,O,KAClB,CACN,OAAOA,EAAQ,OAAS,O,GAInB,MAAM6B,EAAe7B,IAC3B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,IAAK,KAAM,KAAM,MAAM4B,QAAQ5B,MAAY,EAAI,KAAO,K,MAChF,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,KAAO,K,MACpB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,KAAO,K,KAChB,CACN,OAAOA,EAAQ,KAAO,K,SAIX8B,EAAuB9B,UACrBA,IAAU,YAAc+B,UAAYJ,EAAW3B,G,MAGjDgC,EAAwBhC,UACtBA,IAAU,YAAc+B,UAAYF,EAAY7B,U"}
\ No newline at end of file
diff --git a/build/p-8c7872f0.entry.js b/build/p-8c7872f0.entry.js
new file mode 100644
index 00000000..1c792c5d
--- /dev/null
+++ b/build/p-8c7872f0.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as i,a as t,g as r}from"./p-3336fe3b.js";import{g as s,n as l,o as c,p as n}from"./p-7670cb34.js";import{g as a,a as g,t as v}from"./p-8a8117a5.js";import{c as m}from"./p-32d89c78.js";import{v as f}from"./p-bc59b609.js";import{a as d,b as h}from"./p-b24413c7.js";import{c as p}from"./p-4029f0cb.js";import{d as u}from"./p-2b6bbee5.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";import"./p-40f10385.js";const z='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, "Roboto", sans-serif)}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}.gov-form-select *[slot=prefix],.gov-form-select *[slot=sufix]{margin:0}[size=s].gov-form-select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-select input,[size=s].gov-form-select select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-select *[slot=left-icon],[size=s].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-select *[slot=right-icon]~input,[size=s].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select input,[size=m].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select input,[size=l].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-select input,[variant=primary].gov-form-select select,[variant=primary].gov-form-select textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-select *[slot=left-icon],[variant=primary].gov-form-select *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-select input,[variant=secondary].gov-form-select select,[variant=secondary].gov-form-select textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-select *[slot=left-icon],[variant=secondary].gov-form-select *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=""].gov-form-select,[disabled=true i].gov-form-select,[disabled="1"].gov-form-select{pointer-events:none}[disabled=""].gov-form-select input,[disabled=""].gov-form-select select,[disabled=""].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled="1"].gov-form-select input,[disabled="1"].gov-form-select select,[disabled="1"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-select *[slot=left-icon],[disabled=""].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled="1"].gov-form-select *[slot=left-icon],[disabled="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600)) !important}[invalid=""].gov-form-select input,[invalid=""].gov-form-select select,[invalid=""].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid="1"].gov-form-select input,[invalid="1"].gov-form-select select,[invalid="1"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-select input::-moz-placeholder,[invalid=""].gov-form-select select::-moz-placeholder,[invalid=""].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid="1"].gov-form-select input::-moz-placeholder,[invalid="1"].gov-form-select select::-moz-placeholder,[invalid="1"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-select input::placeholder,[invalid=""].gov-form-select select::placeholder,[invalid=""].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid="1"].gov-form-select input::placeholder,[invalid="1"].gov-form-select select::placeholder,[invalid="1"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-select *[slot=left-icon],[invalid=""].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid="1"].gov-form-select *[slot=left-icon],[invalid="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error)) !important}[invalid=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=""].gov-form-select *[slot=right-icon]:not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-arrow),[success="1"].gov-form-select *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[multiline=""].gov-form-select *[slot=left-icon],[multiline=""].gov-form-select *[slot=right-icon],[multiline=true i].gov-form-select *[slot=left-icon],[multiline=true i].gov-form-select *[slot=right-icon],[multiline="1"].gov-form-select *[slot=left-icon],[multiline="1"].gov-form-select *[slot=right-icon]{display:none}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=s].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-s-arrow-right-position, 0.75rem);width:var(--gov-form-select-s-arrow-size, 0.75rem);height:var(--gov-form-select-s-arrow-size, 0.75rem)}[size=s][invalid=""].gov-form-select .icon-arrow,[size=s][invalid=true i].gov-form-select .icon-arrow,[size=s][invalid="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-s-arrow-right-position, 0.75rem))}[size=s][success=""].gov-form-select .icon-arrow,[size=s][success=true i].gov-form-select .icon-arrow,[size=s][success="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-s-arrow-right-position, 0.75rem))}[size=m].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.75rem);height:var(--gov-form-select-m-arrow-size, 0.75rem)}[size=m][invalid=""].gov-form-select .icon-arrow,[size=m][invalid=true i].gov-form-select .icon-arrow,[size=m][invalid="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-m-arrow-right-position, 1rem))}[size=m][success=""].gov-form-select .icon-arrow,[size=m][success=true i].gov-form-select .icon-arrow,[size=m][success="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-m-arrow-right-position, 1rem))}[size=l].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 1rem);height:var(--gov-form-select-l-arrow-size, 1rem)}[size=l][invalid=""].gov-form-select .icon-arrow,[size=l][invalid=true i].gov-form-select .icon-arrow,[size=l][invalid="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-l-arrow-right-position, 1rem))}[size=l][success=""].gov-form-select .icon-arrow,[size=l][success=true i].gov-form-select .icon-arrow,[size=l][success="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-l-arrow-right-position, 1rem))}[size=xl].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 1rem);height:var(--gov-form-select-xl-arrow-size, 1rem)}[size=xl][invalid=""].gov-form-select .icon-arrow,[size=xl][invalid=true i].gov-form-select .icon-arrow,[size=xl][invalid="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-xl-arrow-right-position, 1.3125rem))}[size=xl][success=""].gov-form-select .icon-arrow,[size=xl][success=true i].gov-form-select .icon-arrow,[size=xl][success="1"].gov-form-select .icon-arrow{right:calc(3 * var(--gov-form-select-xl-arrow-right-position, 1.3125rem))}[size=s][invalid=""].gov-form-select *[slot=right-icon]~select,[size=s][invalid=""].gov-form-select *[slot=right-icon]~input,[size=s][invalid=true i].gov-form-select *[slot=right-icon]~select,[size=s][invalid=true i].gov-form-select *[slot=right-icon]~input,[size=s][invalid="1"].gov-form-select *[slot=right-icon]~select,[size=s][invalid="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-s-icon-padding, 2rem))}[size=s][success=""].gov-form-select *[slot=right-icon]~select,[size=s][success=""].gov-form-select *[slot=right-icon]~input,[size=s][success=true i].gov-form-select *[slot=right-icon]~select,[size=s][success=true i].gov-form-select *[slot=right-icon]~input,[size=s][success="1"].gov-form-select *[slot=right-icon]~select,[size=s][success="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-s-icon-padding, 2rem))}[size=m][invalid=""].gov-form-select *[slot=right-icon]~select,[size=m][invalid=""].gov-form-select *[slot=right-icon]~input,[size=m][invalid=true i].gov-form-select *[slot=right-icon]~select,[size=m][invalid=true i].gov-form-select *[slot=right-icon]~input,[size=m][invalid="1"].gov-form-select *[slot=right-icon]~select,[size=m][invalid="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-m-icon-padding, 2.5rem))}[size=m][success=""].gov-form-select *[slot=right-icon]~select,[size=m][success=""].gov-form-select *[slot=right-icon]~input,[size=m][success=true i].gov-form-select *[slot=right-icon]~select,[size=m][success=true i].gov-form-select *[slot=right-icon]~input,[size=m][success="1"].gov-form-select *[slot=right-icon]~select,[size=m][success="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-m-icon-padding, 2.5rem))}[size=l][invalid=""].gov-form-select *[slot=right-icon]~select,[size=l][invalid=""].gov-form-select *[slot=right-icon]~input,[size=l][invalid=true i].gov-form-select *[slot=right-icon]~select,[size=l][invalid=true i].gov-form-select *[slot=right-icon]~input,[size=l][invalid="1"].gov-form-select *[slot=right-icon]~select,[size=l][invalid="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-l-icon-padding, 2.5rem))}[size=l][success=""].gov-form-select *[slot=right-icon]~select,[size=l][success=""].gov-form-select *[slot=right-icon]~input,[size=l][success=true i].gov-form-select *[slot=right-icon]~select,[size=l][success=true i].gov-form-select *[slot=right-icon]~input,[size=l][success="1"].gov-form-select *[slot=right-icon]~select,[size=l][success="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-l-icon-padding, 2.5rem))}[size=xl][invalid=""].gov-form-select *[slot=right-icon]~select,[size=xl][invalid=""].gov-form-select *[slot=right-icon]~input,[size=xl][invalid=true i].gov-form-select *[slot=right-icon]~select,[size=xl][invalid=true i].gov-form-select *[slot=right-icon]~input,[size=xl][invalid="1"].gov-form-select *[slot=right-icon]~select,[size=xl][invalid="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-xl-icon-padding, 3rem))}[size=xl][success=""].gov-form-select *[slot=right-icon]~select,[size=xl][success=""].gov-form-select *[slot=right-icon]~input,[size=xl][success=true i].gov-form-select *[slot=right-icon]~select,[size=xl][success=true i].gov-form-select *[slot=right-icon]~input,[size=xl][success="1"].gov-form-select *[slot=right-icon]~select,[size=xl][success="1"].gov-form-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-xl-icon-padding, 3rem))}';const x=z;const w=class{constructor(i){e(this,i);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.govChange=o(this,"gov-change",7);this.value=undefined;this.identifier=undefined;this.variant="secondary";this.size="m";this.name=undefined;this.required=false;this.success=undefined;this.disabled=false;this.invalid=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.options=[];this.h=a(this.host);this.f=s(this.h);this.selectId=p("GovSelect")}validateVariant(e){f(c,e,l.root)}validateSize(e){f(n,e,l.root)}watchDisabled(){this.passControlAttrs()}watchValue(){this.markSelectedValue()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",g(this.disabled));this.f.passAttrToControl("invalid",g(this.invalid));this.f.passAttrToControl("type","select")}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.markSelectedValue();this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}async componentDidRender(){if(m()){await u(500);await this.validateWcag()}}markSelectedValue(){this.host.querySelectorAll("option").forEach((e=>{if(e.value===this.value){e.setAttribute("selected","selected")}else{e.removeAttribute("selected")}}))}render(){return i(t,{key:"d59780bfe93b35b46e5664ff1dce842239629073",class:l.root,size:this.size,variant:this.variant},this.h.hasSlot("prefix")&&i("slot",{name:"prefix"}),i("span",{key:"51dd0e252960ce12764baf0f9a44a602f7dbd5b0",class:"element"},i("gov-icon",{key:"1ce9924e7148fde526fe6a352939d88ea03948bb",slot:"right-icon",name:"chevron-down",class:"icon-arrow"}),this.h.hasSlot("right-icon")&&!(this.success||this.invalid)&&i("slot",{name:"right-icon"}),this.success&&i("gov-icon",{slot:"right-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&i("gov-icon",{slot:"right-icon",class:"icon-validation",name:"exclamation-lg"}),i("select",{key:"c0f8638b907776291ba64533d45adecdc978bd97",id:this.identifier||this.selectId,onFocus:this.onFocusHandler.bind(this),onChange:this.onChangeHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":v(this.disabled),"aria-activedescendant":this.wcagActiveDescendant,"aria-controls":this.wcagControls,"aria-required":v(this.required),"aria-invalid":v(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},i("slot",{key:"0f2eb842aac2a9cf5956ee3707ad7cf8e393e8b1"}),this.options.map((e=>i("option",{value:e.value,selected:e.value===this.value,disabled:e===null||e===void 0?void 0:e.disabled},e.label))))),this.h.hasSlot("sufix")&&i("slot",{name:"sufix"}))}onFocusHandler(e){this.focused=true;this.govFocus.emit({component:l.root,originalEvent:e,value:this.value})}onBlurHandler(e){this.focused=false;this.govBlur.emit({component:l.root,originalEvent:e,value:this.value})}onChangeHandler(e){this.value=e.target.value;e.stopPropagation();this.govChange.emit({component:l.root,originalEvent:e,value:this.value})}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getRef(){return this.selectRef}async setOptions(e){if(Array.isArray(e)){this.options=e}}async validateWcag(){d(this.wcagActiveDescendant,"wcag-active-descendant",l.root);d(this.wcagControls,"wcag-controls",l.root);d(this.wcagDescribedBy,"wcag-described-by",l.root);d(this.wcagOwns,"wcag-owns",l.root);h(this.identifier||this.selectId,this.wcagLabelledBy,l.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"],value:["watchValue"]}}};w.style=x;export{w as gov_form_select};
+//# sourceMappingURL=p-8c7872f0.entry.js.map
\ No newline at end of file
diff --git a/build/p-8c7872f0.entry.js.map b/build/p-8c7872f0.entry.js.map
new file mode 100644
index 00000000..af4f0680
--- /dev/null
+++ b/build/p-8c7872f0.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormSelectCss","GovFormSelectStyle0","GovFormSelect","constructor","hostRef","this","h","govHost","host","f","govForm","selectId","createID","validateVariant","newValue","validateProp","FormSelectVariants","FormSelectClass","root","validateSize","FormSelectSizes","watchDisabled","passControlAttrs","watchValue","markSelectedValue","passAttrToControl","size","toBoolAttr","disabled","invalid","componentWillLoad","variant","passAttrToLabel","String","required","componentDidRender","canValidateWcagOnRender","delay","validateWcag","querySelectorAll","forEach","option","value","setAttribute","removeAttribute","render","Host","key","class","hasSlot","name","slot","success","id","identifier","onFocus","onFocusHandler","bind","onChange","onChangeHandler","onBlur","onBlurHandler","ref","el","selectRef","toBoolAttrIfDefined","wcagActiveDescendant","wcagControls","wcagDescribedBy","wcagLabelledBy","wcagOwns","options","map","selected","label","e","focused","govFocus","emit","component","originalEvent","govBlur","target","stopPropagation","govChange","setFocus","focus","setValue","getRef","setOptions","Array","isArray","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/components/gov-form/select/gov-form-select.scss?tag=gov-form-select","../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"sourcesContent":["/*\n *   Select\n */\n\n@import \"../select/gov-form-select-core.scss\";\n\n$class: \".gov-form-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../../helpers/Dom/win'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {validateWcagLabelFor, validateWcagRef} from '../../../helpers/Validate/wcag'\nimport {createID} from '../../../utils/string.utils'\nimport {delay} from '../../../utils/utils'\nimport {\n\tFormSelectClass,\n\tFormSelectSizes,\n\tFormSelectSizesType,\n\tFormSelectVariants,\n\tFormSelectVariantType\n} from './constants'\nimport {FormSelectEvent, FormSelectOption} from './gov-form-select.types'\n\n@Component({\n\ttag: 'gov-form-select',\n\tstyleUrl: 'gov-form-select.scss',\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID('GovSelect')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormSelectVariantType = 'secondary'\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a related component’s visually focused element.\n\t */\n\t@Prop({attribute: 'wcag-active-descendant'}) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.\n\t */\n\t@Prop({attribute: 'wcag-controls'}) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({attribute: 'wcag-described-by'}) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({attribute: 'wcag-labelled-by'}) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({attribute: 'wcag-owns'}) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\t@State() options: FormSelectOption[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormSelectVariants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('disabled')\n\t@Watch('invalid')\n\t@Watch('size')\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@Watch('value')\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl('size', this.size)\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('invalid', toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl('type', 'select')\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate markSelectedValue() {\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute('selected', 'selected')\n\t\t\t} else {\n\t\t\t\toption.removeAttribute('selected')\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"chevron-down\" class=\"icon-arrow\"></gov-icon>\n\t\t\t\t\t{this.h.hasSlot('right-icon') && !(this.success || this.invalid) && <slot name=\"right-icon\"/>}\n\t\t\t\t\t{this.success && <gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t{this.invalid && <gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t{this.options.map((option) => {\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Sets the selection options\n\t */\n\t@Method()\n\tasync setOptions(options: FormSelectOption[]): Promise<void> {\n\t\tif (Array.isArray(options)) {\n\t\t\tthis.options = options\n\t\t}\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagActiveDescendant, 'wcag-active-descendant', FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagControls, 'wcag-controls', FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, 'wcag-owns', FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"],"mappings":"sfAAA,MAAMA,EAAmB,kxlBACzB,MAAAC,EAAeD,E,MCsBFE,EAAa,MAOzB,WAAAC,CAAAC,G,kLAkBmD,Y,UAIL,I,kCAST,M,qCASA,M,gNAsCE,GA7EtCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,EAAIC,EAAQL,KAAKC,GACtBD,KAAKM,SAAWC,EAAS,Y,CA8E1B,eAAAC,CAAgBC,GACfC,EAAaC,EAAoBF,EAAUG,EAAgBC,K,CAI5D,YAAAC,CAAaL,GACZC,EAAaK,EAAiBN,EAAUG,EAAgBC,K,CAMzD,aAAAG,GACChB,KAAKiB,kB,CAIN,UAAAC,GACClB,KAAKmB,mB,CAGE,gBAAAF,GACPjB,KAAKI,EAAEgB,kBAAkB,OAAQpB,KAAKqB,MACtCrB,KAAKI,EAAEgB,kBAAkB,WAAYE,EAAWtB,KAAKuB,WACrDvB,KAAKI,EAAEgB,kBAAkB,UAAWE,EAAWtB,KAAKwB,UACpDxB,KAAKI,EAAEgB,kBAAkB,OAAQ,S,CAGlC,iBAAAK,GACCzB,KAAKQ,gBAAgBR,KAAK0B,SAC1B1B,KAAKc,aAAad,KAAKqB,MAEvBrB,KAAKmB,oBACLnB,KAAKiB,mBACLjB,KAAKI,EAAEuB,gBAAgB,WAAYC,OAAO5B,KAAK6B,U,CAGhD,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNhC,KAAKiC,c,EAIL,iBAAAd,GACPnB,KAAKG,KAAK+B,iBAAiB,UAAUC,SAASC,IAC7C,GAAIA,EAAOC,QAAUrC,KAAKqC,MAAO,CAChCD,EAAOE,aAAa,WAAY,W,KAC1B,CACNF,EAAOG,gBAAgB,W,KAK1B,MAAAC,GACC,OACCvC,EAACwC,EAAI,CAAAC,IAAA,2CAACC,MAAO/B,EAAgBC,KAAMQ,KAAMrB,KAAKqB,KAAMK,QAAS1B,KAAK0B,SAChE1B,KAAKC,EAAE2C,QAAQ,WAAa3C,EAAA,QAAM4C,KAAK,WACxC5C,EAAA,QAAAyC,IAAA,2CAAMC,MAAM,WACX1C,EAAA,YAAAyC,IAAA,2CAAUI,KAAK,aAAaD,KAAK,eAAeF,MAAM,eACrD3C,KAAKC,EAAE2C,QAAQ,iBAAmB5C,KAAK+C,SAAW/C,KAAKwB,UAAYvB,EAAA,QAAM4C,KAAK,eAC9E7C,KAAK+C,SAAW9C,EAAA,YAAU6C,KAAK,aAAaH,MAAM,kBAAkBE,KAAK,aACzE7C,KAAKwB,SAAWvB,EAAA,YAAU6C,KAAK,aAAaH,MAAM,kBAAkBE,KAAK,mBAC1E5C,EAAA,UAAAyC,IAAA,2CACCM,GAAIhD,KAAKiD,YAAcjD,KAAKM,SAC5B4C,QAASlD,KAAKmD,eAAeC,KAAKpD,MAClCqD,SAAUrD,KAAKsD,gBAAgBF,KAAKpD,MACpCuD,OAAQvD,KAAKwD,cAAcJ,KAAKpD,MAChC6B,SAAU7B,KAAK6B,SACfgB,KAAM7C,KAAK6C,KACXtB,SAAUvB,KAAKuB,SACfkC,IAAKC,GAAO1D,KAAK2D,UAAYD,EAAwB,gBACtCE,EAAoB5D,KAAKuB,UAAS,wBAC1BvB,KAAK6D,qBAAoB,gBACjC7D,KAAK8D,aAAY,gBACjBF,EAAoB5D,KAAK6B,UAAS,eACnC+B,EAAoB5D,KAAKwB,SAAQ,mBAC7BxB,KAAK+D,gBAAe,kBACrB/D,KAAKgE,eAAc,YACzBhE,KAAKiE,UAEhBhE,EAAA,QAAAyC,IAAA,6CACC1C,KAAKkE,QAAQC,KAAK/B,GACVnC,EAAA,UAAQoC,MAAOD,EAAOC,MAAO+B,SAAUhC,EAAOC,QAAUrC,KAAKqC,MAC7Dd,SAAUa,IAAM,MAANA,SAAM,SAANA,EAAQb,UAAWa,EAAOiC,WAI9CrE,KAAKC,EAAE2C,QAAQ,UAAY3C,EAAA,QAAM4C,KAAK,U,CAKlC,cAAAM,CAAemB,GACtBtE,KAAKuE,QAAU,KACfvE,KAAKwE,SAASC,KAAK,CAClBC,UAAW9D,EAAgBC,KAC3B8D,cAAeL,EACfjC,MAAOrC,KAAKqC,O,CAIN,aAAAmB,CAAcc,GACrBtE,KAAKuE,QAAU,MACfvE,KAAK4E,QAAQH,KAAK,CACjBC,UAAW9D,EAAgBC,KAC3B8D,cAAeL,EACfjC,MAAOrC,KAAKqC,O,CAIN,eAAAiB,CAAgBgB,GACvBtE,KAAKqC,MAASiC,EAAEO,OAA6BxC,MAC7CiC,EAAEQ,kBACF9E,KAAK+E,UAAUN,KAAK,CACnBC,UAAW9D,EAAgBC,KAC3B8D,cAAeL,EACfjC,MAAOrC,KAAKqC,O,CAQd,cAAM2C,CAASd,GACd,OAAOlE,KAAK2D,UAAUsB,MAAMf,E,CAO7B,cAAMgB,CAAS7C,GACdrC,KAAKqC,MAAQA,C,CAOd,YAAM8C,GACL,OAAOnF,KAAK2D,S,CAOb,gBAAMyB,CAAWlB,GAChB,GAAImB,MAAMC,QAAQpB,GAAU,CAC3BlE,KAAKkE,QAAUA,C,EAQjB,kBAAMjC,GACLsD,EAAgBvF,KAAK6D,qBAAsB,yBAA0BjD,EAAgBC,MACrF0E,EAAgBvF,KAAK8D,aAAc,gBAAiBlD,EAAgBC,MACpE0E,EAAgBvF,KAAK+D,gBAAiB,oBAAqBnD,EAAgBC,MAC3E0E,EAAgBvF,KAAKiE,SAAU,YAAarD,EAAgBC,MAC5D2E,EAAqBxF,KAAKiD,YAAcjD,KAAKM,SAAUN,KAAKgE,eAAgBpD,EAAgBC,K"}
\ No newline at end of file
diff --git a/build/p-9604dcd4.js b/build/p-9604dcd4.js
new file mode 100644
index 00000000..ca97bdb4
--- /dev/null
+++ b/build/p-9604dcd4.js
@@ -0,0 +1,2 @@
+import{p as t}from"./p-2b6bbee5.js";import{V as s}from"./p-55e78f21.js";var o;(function(t){t["LEFT"]="left"})(o||(o={}));const a=t(s,["PRIMARY","SECONDARY"]);const r={root:"gov-statsbar",section:"gov-statsbar__section"};const e={root:"gov-statsbar-item",icon:"gov-statsbar-item__icon",number:"gov-statsbar-item__number",text:"gov-statsbar-item__text"};export{a as S,e as a,r as b,o as c};
+//# sourceMappingURL=p-9604dcd4.js.map
\ No newline at end of file
diff --git a/build/p-9604dcd4.js.map b/build/p-9604dcd4.js.map
new file mode 100644
index 00000000..4a3dcebb
--- /dev/null
+++ b/build/p-9604dcd4.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["StatsBarIconPosition","StatsBarVariants","pick","Variants","StatsBarClass","root","section","StatsBarItemClass","icon","number","text"],"sources":["../../packages/core/src/components/gov-statsbar/constants.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\nimport { Variants } from '../../core/constants/variants'\n\nexport enum StatsBarIconPosition {\n\tLEFT = 'left',\n}\nexport type StatsBarIconPositionType = `${ValueOf<typeof StatsBarIconPosition>}`\n\nexport const StatsBarVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type StatsBarVariantType = `${ValueOf<typeof StatsBarVariants>}`\n\nexport const StatsBarClass = {\n\troot: 'gov-statsbar',\n\tsection: 'gov-statsbar__section',\n}\n\nexport const StatsBarItemClass = {\n\troot: 'gov-statsbar-item',\n\ticon: 'gov-statsbar-item__icon',\n\tnumber: 'gov-statsbar-item__number',\n\ttext: 'gov-statsbar-item__text',\n}\n"],"mappings":"4EAIYA,GAAZ,SAAYA,GACXA,EAAA,cACA,EAFD,CAAYA,MAAoB,K,MAKnBC,EAAmBC,EAAKC,EAAU,CAAC,UAAW,c,MAG9CC,EAAgB,CAC5BC,KAAM,eACNC,QAAS,yB,MAGGC,EAAoB,CAChCF,KAAM,oBACNG,KAAM,0BACNC,OAAQ,4BACRC,KAAM,kC"}
\ No newline at end of file
diff --git a/build/p-961cd710.entry.js b/build/p-961cd710.entry.js
new file mode 100644
index 00000000..0012b9f3
--- /dev/null
+++ b/build/p-961cd710.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as i,h as r,a as t,g as e}from"./p-3336fe3b.js";import{c as s}from"./p-4029f0cb.js";import{v as c}from"./p-bc59b609.js";import{g as a,i as h,j as g}from"./p-7670cb34.js";import{g as v,a as m,t as l}from"./p-8a8117a5.js";import{a as f,b as n}from"./p-b24413c7.js";import{c as d}from"./p-32d89c78.js";import{d as w}from"./p-2b6bbee5.js";import{F as b}from"./p-7d05c0e2.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";const _='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:absolute;top:0;left:0;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:"";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=""],.gov-form-switch[disabled=true i],.gov-form-switch[disabled="1"]{pointer-events:none}.gov-form-switch[disabled=""] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled="1"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=""] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled="1"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=""] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled="1"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=""] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid="1"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=""] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid="1"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=""] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid="1"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__input{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=xs] label{display:inline-flex}.gov-form-switch[size=xs] label .gov-form-switch__input{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667)}.gov-form-switch[size=s] .gov-form-label__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:0}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__input{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=s] label{display:inline-flex}.gov-form-switch[size=s] label .gov-form-switch__input{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667)}.gov-form-switch[size=m] .gov-form-label__label{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:0}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__input{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=m] label{display:inline-flex}.gov-form-switch[size=m] label .gov-form-switch__input{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__input{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}.gov-form-switch[size=l] label{display:inline-flex}.gov-form-switch[size=l] label .gov-form-switch__input{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667)}';const p=_;const u=class{constructor(r){o(this,r);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govChange=i(this,"gov-change",7);this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.checkboxId=s("GovCheckbox");this.h=v(this.host);this.f=a(this.h)}validateSize(o){c(g,o,h.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",m(this.disabled));this.f.passAttrToControl("invalid",m(this.invalid));this.f.passAttrToControl("type","switch")}componentWillLoad(){this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));if(d()){await w(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return r("label",null,o)}return o};return r(t,{class:this.h.classes(h.root),checked:this.checked,size:this.size,invalid:l(this.invalid)},r("div",{class:h.holder},o(r(b,null,r("input",{class:h.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:o=>this.inputRef=o,required:this.required,"aria-checked":this.checked,"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":l(this.disabled)}),r("span",{class:h.indicator}),r("slot",{name:"label"})))))}onClickHandler(o){o.stopPropagation()}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){f(this.wcagDescribedBy,"wcag-described-by",h.root);f(this.wcagLabelledBy,"wcag-labelled-by",h.root);n(this.identifier||this.checkboxId,this.wcagLabelledBy,h.root)}get host(){return e(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};u.style=p;export{u as gov_form_switch};
+//# sourceMappingURL=p-961cd710.entry.js.map
\ No newline at end of file
diff --git a/build/p-961cd710.entry.js.map b/build/p-961cd710.entry.js.map
new file mode 100644
index 00000000..853c6843
--- /dev/null
+++ b/build/p-961cd710.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormSwitchCss","GovFormSwitchStyle0","GovFormSwitch","constructor","hostRef","this","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormSwitchSizes","FormSwitchClass","root","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","componentWillLoad","componentDidRender","passAttrToLabel","identifier","String","required","canValidateWcagOnRender","delay","validateWcag","render","wrapCheckbox","children","noLabel","Host","class","classes","checked","toBoolAttrIfDefined","holder","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","wcagDescribedBy","wcagLabelledBy","indicator","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/components/gov-form/switch/gov-form-switch.scss?tag=gov-form-switch","../../packages/core/src/components/gov-form/switch/gov-form-switch.tsx"],"sourcesContent":["/*\n *   Switch\n */\n\n$class: \".gov-form-switch\";\n$indicator-ratio: calc(5 / 3);\n\n#{$class} {\n\tposition: relative;\n\tdisplay: flex;\n\t&__holder {\n\t\tdisplay: inline-flex;\n\t}\n\t&__input {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tappearance: none;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\t}\n\t.gov-form-label__label {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tmargin-bottom: 0;\n\t\tcolor: $form-switch-color;\n\t}\n\t&__indicator {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tborder: $form-switch-indicator-border;\n\t\tbackground-color: $form-switch-indicator-bg;\n\t\ttransition: $t linear background-color;\n\t\t&::before {\n\t\t\t@include pseudo();\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: $form-switch-indicator-circle-bg;\n\t\t\ttransition: $t linear left;\n\t\t\tbox-shadow: $form-switch-indicator-circle-box-shadow;\n\t\t}\n\t}\n\n\t// STATES\n\t// focus\n\t&__input:focus-visible ~ &__indicator {\n\t\toutline: $outline;\n\t}\n\t// checked\n\t&__input:checked + &__indicator {\n\t\tborder-color: $form-switch-indicator-bg-checked;\n\t\tbackground-color: $form-switch-indicator-bg-checked;\n\t}\n\n\t// disabled\n\t@include parameter(\"disabled\") {\n\t\tpointer-events: none;\n\t\t.gov-form-label__label {\n\t\t\tcolor: $form-state-color-disabled;\n\t\t}\n\t\t#{$class} {\n\t\t\t&__indicator {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: $form-state-bg-input-disabled;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__input:checked + #{$class}__indicator {\n\t\t\t\tborder-color: $form-state-bg-disabled;\n\t\t\t\tbackground-color: $form-state-bg-disabled;\n\t\t\t}\n\t\t}\n\t}\n\n\t// invalid\n\t@include parameter(\"invalid\") {\n\t\t.gov-form-label__label {\n\t\t\tcolor: $form-state-color-error;\n\t\t}\n\t\t#{$class} {\n\t\t\t&__indicator {\n\t\t\t\tborder-color: $form-state-color-error;\n\t\t\t}\n\t\t\t&__input:checked + #{$class}__indicator {\n\t\t\t\tbackground-color: $form-state-color-error;\n\t\t\t}\n\t\t}\n\t}\n\n\t// sizes\n\t@each $size, $definitions in $form-switch-sizes {\n\t\t$indicator-width: calc(get(\"indicator-height\", $definitions) * $indicator-ratio);\n\t\t$indicator-height: get(\"indicator-height\", $definitions);\n\t\t$border-offset: calc(get(\"toggle-offset\", $definitions) - rem-calc(1));\n\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.gov-form-label__label {\n\t\t\t\t@include typography($size);\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t\t#{$class} {\n\t\t\t\t&__holder {\n\t\t\t\t\tgap: get(\"gap\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__input {\n\t\t\t\t\twidth: $indicator-width;\n\t\t\t\t\theight: $indicator-height;\n\t\t\t\t}\n\t\t\t\t&__indicator {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: $indicator-width;\n\t\t\t\t\theight: $indicator-height;\n\t\t\t\t\tborder-radius: calc($indicator-height * 0.5);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\ttop: $border-offset;\n\t\t\t\t\t\tleft: $border-offset;\n\t\t\t\t\t\twidth: calc($indicator-height - (2 * get(\"toggle-offset\", $definitions)));\n\t\t\t\t\t\theight: calc($indicator-height - (2 * get(\"toggle-offset\", $definitions)));\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATES\n\t\t\t\t&__input[aria-checked] + #{$class}__indicator {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tleft: calc($indicator-width - $indicator-height + $border-offset);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\t#{$class}__input {\n\t\t\t\t\twidth: $indicator-width;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { FormSwitchClass, FormSwitchSizes, FormSwitchSizesType } from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport { FormSwitchEvent } from \"./gov-form-switch.types\"\n\n@Component({\n\ttag: \"gov-form-switch\",\n\tstyleUrl: \"gov-form-switch.scss\",\n})\nexport class GovFormSwitch {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\n\tprivate readonly checkboxId: string\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSwitchElement\n\t/**\n\t * Value of switch\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({ attribute: \"no-label\" }) readonly noLabel: boolean = false\n\t/**\n\t * Switch button state\n\t */\n\t@Prop({ reflect: true, mutable: true }) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the switch component disabled.\n\t * This prevents users from being able to interact with the switch, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Name of the switch.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop() readonly size?: FormSwitchSizesType = \"m\"\n\t/**\n\t * Custom switch identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the switch has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormSwitchEvent>\n\t/**\n\t * Emitted when the switch loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormSwitchEvent>\n\t/**\n\t * Emitted when the switch change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSwitchSizes, newValue, FormSwitchClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"switch\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormSwitchClass.root)} checked={this.checked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t<div class={FormSwitchClass.holder}>\n\t\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass={FormSwitchClass.input}\n\t\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t\taria-checked={this.checked}\n\t\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span class={FormSwitchClass.indicator}></span>\n\t\t\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t\t\t</Fragment>,\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormSwitchClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormSwitchClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormSwitchClass.root)\n\t}\n}\n"],"mappings":"mhBAAA,MAAMA,EAAmB,stUACzB,MAAAC,EAAeD,E,MCiBFE,EAAa,MAOzB,WAAAC,CAAAC,G,wJAe6D,M,aAIX,M,cAKb,M,cAKA,M,8BAQS,I,8GApC7CC,KAAKC,WAAaC,EAAS,eAE3BF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,EAAIC,EAAQP,KAAKG,E,CAgEvB,YAAAK,CAAaC,GACZC,EAAaC,EAAiBF,EAAUG,EAAgBC,K,CAMzD,aAAAC,GACCd,KAAKe,kB,CAGE,gBAAAA,GACPf,KAAKM,EAAEU,kBAAkB,OAAQhB,KAAKiB,MACtCjB,KAAKM,EAAEU,kBAAkB,WAAYE,EAAWlB,KAAKmB,WACrDnB,KAAKM,EAAEU,kBAAkB,UAAWE,EAAWlB,KAAKoB,UACpDpB,KAAKM,EAAEU,kBAAkB,OAAQ,S,CAGlC,iBAAAK,GACCrB,KAAKe,kB,CAGN,wBAAMO,GACLtB,KAAKM,EAAEiB,gBAAgB,aAAcvB,KAAKwB,YAAcxB,KAAKC,YAC7DD,KAAKM,EAAEiB,gBAAgB,WAAYE,OAAOzB,KAAK0B,WAC/C,GAAIC,IAA2B,OACxBC,EAAM,WACN5B,KAAK6B,c,EAIb,MAAAC,GACC,MAAMC,EAAgBC,IACrB,GAAIhC,KAAKiC,QAAS,CACjB,OACC9B,EAAA,aACE6B,E,CAIJ,OAAOA,CAAQ,EAGhB,OACC7B,EAAC+B,EAAI,CAACC,MAAOnC,KAAKG,EAAEiC,QAAQxB,EAAgBC,MAAOwB,QAASrC,KAAKqC,QAASpB,KAAMjB,KAAKiB,KAAMG,QAASkB,EAAoBtC,KAAKoB,UAC5HjB,EAAA,OAAKgC,MAAOvB,EAAgB2B,QAC1BR,EACA5B,EAACqC,EAAQ,KACRrC,EAAA,SACCgC,MAAOvB,EAAgB6B,MACvBC,GAAI1C,KAAKwB,YAAcxB,KAAKC,WAC5B0C,KAAK,WACLC,MAAO5C,KAAK4C,MACZC,KAAM7C,KAAK6C,KACX1B,SAAUnB,KAAKmB,SACfkB,QAASrC,KAAKqC,QACdS,QAAS9C,KAAK+C,eAAeC,KAAKhD,MAClCiD,SAAUjD,KAAKkD,gBAAgBF,KAAKhD,MACpCmD,QAASnD,KAAKoD,eAAeJ,KAAKhD,MAClCqD,OAAQrD,KAAKsD,cAAcN,KAAKhD,MAChCuD,IAAKC,GAAOxD,KAAKyD,SAAWD,EAC5B9B,SAAU1B,KAAK0B,SAAQ,eACT1B,KAAKqC,QAAO,gBACXC,EAAoBtC,KAAK0B,UAAS,eACnCY,EAAoBtC,KAAKoB,SAAQ,mBAC7BpB,KAAK0D,gBAAe,kBACrB1D,KAAK2D,eAAc,gBACrBrB,EAAoBtC,KAAKmB,YAEzChB,EAAA,QAAMgC,MAAOvB,EAAgBgD,YAC7BzD,EAAA,QAAM0C,KAAK,a,CAQT,cAAAE,CAAec,GACtBA,EAAEC,iB,CAGK,cAAAV,CAAeS,GACtBA,EAAEC,kBACF9D,KAAK+D,SAASC,KAAK,CAClBC,UAAWrD,EAAgBC,KAC3BwB,QAASrC,KAAKqC,QACdO,MAAO5C,KAAK4C,MACZsB,cAAeL,G,CAIT,aAAAP,CAAcO,GACrBA,EAAEC,kBACF9D,KAAKmE,QAAQH,KAAK,CACjBC,UAAWrD,EAAgBC,KAC3BwB,QAASrC,KAAKqC,QACdO,MAAO5C,KAAK4C,MACZsB,cAAeL,G,CAIT,eAAAX,CAAgBW,GACvB7D,KAAKqC,QAAWwB,EAAEO,OAA4B/B,QAC9CwB,EAAEC,kBACF9D,KAAKqE,UAAUL,KAAK,CACnBC,UAAWrD,EAAgBC,KAC3BwB,QAASrC,KAAKqC,QACdO,MAAO5C,KAAK4C,MACZsB,cAAeL,G,CAQjB,YAAMS,GACL,OAAOtE,KAAKyD,Q,CAOb,kBAAM5B,GACL0C,EAAgBvE,KAAK0D,gBAAiB,oBAAqB9C,EAAgBC,MAC3E0D,EAAgBvE,KAAK2D,eAAgB,mBAAoB/C,EAAgBC,MACzE2D,EAAqBxE,KAAKwB,YAAcxB,KAAKC,WAAYD,KAAK2D,eAAgB/C,EAAgBC,K"}
\ No newline at end of file
diff --git a/build/p-9bafa678.js b/build/p-9bafa678.js
new file mode 100644
index 00000000..e0b1b9e4
--- /dev/null
+++ b/build/p-9bafa678.js
@@ -0,0 +1,2 @@
+import{V as e}from"./p-55e78f21.js";import{S as t}from"./p-1693d6aa.js";import{p as o}from"./p-2b6bbee5.js";const p=o(e,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const s=o(t,["_XS","_S","_M"]);const r={root:"gov-stepper"};const i={root:"gov-stepper-item",rootWithAnnot:"gov-stepper-item gov-stepper-item--w-annot",header:"gov-stepper-item__header",title:"gov-stepper-item__title",label:"gov-stepper-item__label",name:"gov-stepper-item__name",annot:"gov-stepper-item__annot",prefix:"gov-stepper-item__prefix",content:"gov-stepper-item__content",suffix:"gov-stepper-item__suffix"};export{i as S,r as a,s as b,p as c};
+//# sourceMappingURL=p-9bafa678.js.map
\ No newline at end of file
diff --git a/build/p-9bafa678.js.map b/build/p-9bafa678.js.map
new file mode 100644
index 00000000..87358195
--- /dev/null
+++ b/build/p-9bafa678.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["StepperVariants","pick","Variants","StepperSizes","Sizes","StepperClass","root","StepperItemClass","rootWithAnnot","header","title","label","name","annot","prefix","content","suffix"],"sources":["../../packages/core/src/components/gov-stepper/constants.ts"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const StepperVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type StepperVariantType = `${ValueOf<typeof StepperVariants>}`\n\nexport const StepperSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type StepperSizesType = `${ValueOf<typeof StepperSizes>}`\n\nexport const StepperClass = {\n\troot: 'gov-stepper',\n}\n\nexport const StepperItemClass = {\n\troot: 'gov-stepper-item',\n\trootWithAnnot: 'gov-stepper-item gov-stepper-item--w-annot',\n\theader: 'gov-stepper-item__header',\n\ttitle: 'gov-stepper-item__title',\n\tlabel: 'gov-stepper-item__label',\n\tname: 'gov-stepper-item__name',\n\tannot: 'gov-stepper-item__annot',\n\tprefix: 'gov-stepper-item__prefix',\n\tcontent: 'gov-stepper-item__content',\n\tsuffix: 'gov-stepper-item__suffix',\n}\n"],"mappings":"kHAKaA,EAAkBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,Y,MAG9EC,EAAeF,EAAKG,EAAO,CAAC,MAAO,KAAM,O,MAGzCC,EAAe,CAC3BC,KAAM,e,MAGMC,EAAmB,CAC/BD,KAAM,mBACNE,cAAe,6CACfC,OAAQ,2BACRC,MAAO,0BACPC,MAAO,0BACPC,KAAM,yBACNC,MAAO,0BACPC,OAAQ,2BACRC,QAAS,4BACTC,OAAQ,mC"}
\ No newline at end of file
diff --git a/build/p-9e8ed429.js b/build/p-9e8ed429.js
new file mode 100644
index 00000000..1b64f32e
--- /dev/null
+++ b/build/p-9e8ed429.js
@@ -0,0 +1,2 @@
+import{V as t}from"./p-55e78f21.js";import{p as o}from"./p-2b6bbee5.js";const s=o(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var a;(function(t){t["TEXT"]="text";t["CHIP"]="chip"})(a||(a={}));var b;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(b||(b={}));const i={root:"gov-tabs",tabs:"gov-tabs__tabs",list:"gov-tabs__list",item:"gov-tabs__item",btn:"gov-tabs__btn"};const n={root:"gov-tabs-item",inner:"gov-tabs-item__inner"};export{n as T,i as a,a as b,s as c};
+//# sourceMappingURL=p-9e8ed429.js.map
\ No newline at end of file
diff --git a/build/p-9e8ed429.js.map b/build/p-9e8ed429.js.map
new file mode 100644
index 00000000..44a404e6
--- /dev/null
+++ b/build/p-9e8ed429.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["TabVariants","pick","Variants","TabTypes","TabOrientation","TabsClass","root","tabs","list","item","btn","TabsItemClass","inner"],"sources":["../../packages/core/src/components/gov-tabs/constants.ts"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const TabVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type VariantType = `${ValueOf<typeof TabVariants>}`\n\nexport enum TabTypes {\n\tTEXT = 'text',\n\tCHIP = 'chip',\n}\n\nexport type TabType = `${ValueOf<typeof TabTypes>}`\n\nexport enum TabOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\n\nexport type TabOrientationType = `${ValueOf<typeof TabOrientation>}`\n\nexport const TabsClass = {\n\troot: 'gov-tabs',\n\ttabs: 'gov-tabs__tabs',\n\tlist: 'gov-tabs__list',\n\titem: 'gov-tabs__item',\n\tbtn: 'gov-tabs__btn',\n}\n\nexport const TabsItemClass = {\n\troot: 'gov-tabs-item',\n\tinner: 'gov-tabs-item__inner',\n}\n"],"mappings":"8EAIaA,EAAcC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,Y,IAG3EC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,cACA,EAHD,CAAYA,MAAQ,KAOpB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAc,K,MAObC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,KAAM,iBACNC,KAAM,iBACNC,IAAK,iB,MAGOC,EAAgB,CAC5BL,KAAM,gBACNM,MAAO,+B"}
\ No newline at end of file
diff --git a/build/p-9fa54181.js b/build/p-9fa54181.js
new file mode 100644
index 00000000..e890f33f
--- /dev/null
+++ b/build/p-9fa54181.js
@@ -0,0 +1,2 @@
+import{S as o}from"./p-1693d6aa.js";import{V as t}from"./p-55e78f21.js";import{p as m}from"./p-2b6bbee5.js";const e=m(o,["_M","_L","_XL"]);const a=m(t,["PRIMARY","SECONDARY"]);const p={root:"gov-form-autocomplete",list:"gov-form-autocomplete__list",item:"gov-form-autocomplete__item",empty:"gov-form-autocomplete__item--empty",loading:"gov-form-autocomplete__item--loading"};export{p as F,a,e as b};
+//# sourceMappingURL=p-9fa54181.js.map
\ No newline at end of file
diff --git a/build/p-9fa54181.js.map b/build/p-9fa54181.js.map
new file mode 100644
index 00000000..3b4314fc
--- /dev/null
+++ b/build/p-9fa54181.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["FormAutocompleteSizes","pick","Sizes","FormAutocompleteVariants","Variants","FormAutocompleteClass","root","list","item","empty","loading"],"sources":["../../packages/core/src/components/gov-form/autocomplete/constants.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormAutocompleteSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`\n\nexport const FormAutocompleteVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type VariantType = `${ValueOf<typeof FormAutocompleteVariants>}`\n\nexport const FormAutocompleteClass = {\n\troot: 'gov-form-autocomplete',\n\tlist: 'gov-form-autocomplete__list',\n\titem: 'gov-form-autocomplete__item',\n\tempty: 'gov-form-autocomplete__item--empty',\n\tloading: 'gov-form-autocomplete__item--loading',\n}\n"],"mappings":"kHAKaA,EAAwBC,EAAKC,EAAO,CAAC,KAAM,KAAM,Q,MAGjDC,EAA2BF,EAAKG,EAAU,CAAC,UAAW,c,MAGtDC,EAAwB,CACpCC,KAAM,wBACNC,KAAM,8BACNC,KAAM,8BACNC,MAAO,qCACPC,QAAS,+C"}
\ No newline at end of file
diff --git a/build/p-a07c5078.entry.js b/build/p-a07c5078.entry.js
new file mode 100644
index 00000000..6bda7e09
--- /dev/null
+++ b/build/p-a07c5078.entry.js
@@ -0,0 +1,2 @@
+import{r as t,h as i,a as e,g as o}from"./p-3336fe3b.js";import{g as s}from"./p-8a8117a5.js";import{v as a}from"./p-bc59b609.js";import{a as n,c as r}from"./p-9604dcd4.js";import"./p-40f10385.js";import"./p-2b6bbee5.js";import"./p-55e78f21.js";const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-statsbar-item{position:relative;display:block;padding:1.25rem}.gov-statsbar-item__icon,.gov-statsbar-item__number{margin-bottom:1rem}.gov-statsbar-item__icon,.gov-statsbar-item__icon .gov-icon{display:block;width:2rem;height:2rem}.gov-statsbar-item__number{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}.gov-statsbar-item__text{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);letter-spacing:0.0125em}.gov-statsbar-item__text>*:last-child{margin-bottom:0}.gov-statsbar-item[icon-position=left]{padding-left:3rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{position:absolute;top:1.5rem;left:0}@media (min-width: 30em){.gov-statsbar-item{flex:1 0 50%;max-width:50%}}@media (min-width: 48em){.gov-statsbar-item{padding:2.5rem}.gov-statsbar-item__icon,.gov-statsbar-item__icon .gov-icon{width:3rem;height:3rem}.gov-statsbar-item[icon-position=left]{padding-left:4rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{top:2.75rem}}@media (min-width: 64em){.gov-statsbar-item{flex-basis:auto;max-width:25%}}";const c=m;const g=class{constructor(i){t(this,i);this.iconPosition=undefined;this.h=s(this.host)}validateIconPosition(t){a(r,t,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition)}render(){return i(e,{key:"18e71c721508c9bd673721bd35b28c9b9da49c5e",class:this.h.classes(n.root)},i("article",{key:"df5e814ef4230431836d158b56a3fb3b6a34341c"},this.h.hasSlot("icon")&&i("span",{class:n.icon},i("slot",{name:"icon"})),i("p",{key:"d02b79f0836e2bfe99fbf2150323f26f33b08252",class:n.number},i("slot",{key:"e46e9a9790c74cc55ff852f3cc6a216184377a39"})),this.h.hasSlot("text")&&i("div",{class:n.text},i("slot",{name:"text"}))))}get host(){return o(this)}static get watchers(){return{iconPosition:["validateIconPosition"]}}};g.style=c;export{g as gov_statsbar_item};
+//# sourceMappingURL=p-a07c5078.entry.js.map
\ No newline at end of file
diff --git a/build/p-a07c5078.entry.js.map b/build/p-a07c5078.entry.js.map
new file mode 100644
index 00000000..c60d120e
--- /dev/null
+++ b/build/p-a07c5078.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govStatsbarItemCss","GovStatsbarItemStyle0","GovStatsbarItem","constructor","hostRef","undefined","this","h","govHost","host","validateIconPosition","newValue","validateProp","StatsBarIconPosition","StatsBarItemClass","root","componentWillLoad","iconPosition","render","Host","key","class","classes","hasSlot","icon","name","number","text"],"sources":["../../packages/core/src/components/gov-statsbar/gov-statsbar-item.scss?tag=gov-statsbar-item","../../packages/core/src/components/gov-statsbar/gov-statsbar-item.tsx"],"sourcesContent":["/*\n *   Statsbar - Item\n */\n\n$class: \".gov-statsbar-item\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\tpadding: rem-calc(20);\n\t&__icon,\n\t&__number {\n\t\tmargin-bottom: rem-calc(16);\n\t}\n\t&__icon,\n\t&__icon .gov-icon {\n\t\tdisplay: block;\n\t\twidth: rem-calc(32);\n\t\theight: rem-calc(32);\n\t}\n\t&__number {\n\t\t@include typography($font-size-5xl);\n\t}\n\t&__text {\n\t\t@include typography($font-size-xl);\n\t\t@include reset-last-margin();\n\t\tletter-spacing: em-calc(0.2);\n\t}\n\n\t// VARIANTS\n\t&[icon-position=\"left\"] {\n\t\tpadding-left: rem-calc(48);\n\n\t\t#{$class} {\n\t\t\t&__icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: rem-calc(24);\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\tflex: 1 0 50%;\n\t\tmax-width: 50%;\n\t}\n\t@include mq($from: md) {\n\t\tpadding: rem-calc(40);\n\n\t\t&__icon,\n\t\t&__icon .gov-icon {\n\t\t\twidth: rem-calc(48);\n\t\t\theight: rem-calc(48);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&[icon-position=\"left\"] {\n\t\t\tpadding-left: rem-calc(64);\n\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\ttop: rem-calc(44);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: lg) {\n\t\tflex-basis: auto;\n\t\tmax-width: 25%;\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StatsBarItemClass, StatsBarIconPosition, StatsBarIconPositionType } from './constants'\n\n@Component({\n\ttag: 'gov-statsbar-item',\n\tstyleUrl: 'gov-statsbar-item.scss',\n})\nexport class GovStatsbarItem {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovStatsbarItemElement\n\n\t/**\n\t * Icon’s position\n\t */\n\t@Prop() readonly iconPosition?: StatsBarIconPositionType = undefined\n\n\t@Watch('iconPosition')\n\tvalidateIconPosition(newValue: string): void {\n\t\tvalidateProp(StatsBarIconPosition, newValue, StatsBarItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateIconPosition(this.iconPosition)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StatsBarItemClass.root)}>\n\t\t\t\t<article>\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<span class={StatsBarItemClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<p class={StatsBarItemClass.number}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</p>\n\n\t\t\t\t\t{this.h.hasSlot('text') && (\n\t\t\t\t\t\t<div class={StatsBarItemClass.text}>\n\t\t\t\t\t\t\t<slot name=\"text\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</article>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oPAAA,MAAMA,EAAqB,0mDAC3B,MAAAC,EAAeD,E,MCSFE,EAAe,MAG3B,WAAAC,CAAAC,G,4BAS2DC,UAR1DC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAWvB,oBAAAC,CAAqBC,GACpBC,EAAaC,EAAsBF,EAAUG,EAAkBC,K,CAGhE,iBAAAC,GACCV,KAAKI,qBAAqBJ,KAAKW,a,CAGhC,MAAAC,GACC,OACCX,EAACY,EAAI,CAAAC,IAAA,2CAACC,MAAOf,KAAKC,EAAEe,QAAQR,EAAkBC,OAC7CR,EAAA,WAAAa,IAAA,4CACEd,KAAKC,EAAEgB,QAAQ,SACfhB,EAAA,QAAMc,MAAOP,EAAkBU,MAC9BjB,EAAA,QAAMkB,KAAK,UAIblB,EAAA,KAAAa,IAAA,2CAAGC,MAAOP,EAAkBY,QAC3BnB,EAAA,QAAAa,IAAA,8CAGAd,KAAKC,EAAEgB,QAAQ,SACfhB,EAAA,OAAKc,MAAOP,EAAkBa,MAC7BpB,EAAA,QAAMkB,KAAK,W"}
\ No newline at end of file
diff --git a/build/p-a1e54124.js b/build/p-a1e54124.js
new file mode 100644
index 00000000..8ea32d40
--- /dev/null
+++ b/build/p-a1e54124.js
@@ -0,0 +1,2 @@
+import{V as o}from"./p-55e78f21.js";import{S as a}from"./p-1693d6aa.js";import{p as t}from"./p-2b6bbee5.js";const e=t(o,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const r=t(a,["_XS","_S","_M"]);const i={root:"gov-wizard"};const _={root:"gov-wizard-item",header:"gov-wizard-item__header",arrow:"gov-wizard-item__arrow",title:"gov-wizard-item__title",name:"gov-wizard-item__name",label:"gov-wizard-item__label",annot:"gov-wizard-item__annot",prefix:"gov-wizard-item__prefix",content:"gov-wizard-item__content"};export{_ as W,i as a,r as b,e as c};
+//# sourceMappingURL=p-a1e54124.js.map
\ No newline at end of file
diff --git a/build/p-a1e54124.js.map b/build/p-a1e54124.js.map
new file mode 100644
index 00000000..c7542841
--- /dev/null
+++ b/build/p-a1e54124.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["WizardVariants","pick","Variants","WizardSizes","Sizes","WizardClass","root","WizardItemClass","header","arrow","title","name","label","annot","prefix","content"],"sources":["../../packages/core/src/components/gov-wizard/constants.ts"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const WizardVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type WizardVariantsType = `${ValueOf<typeof WizardVariants>}`\n\nexport const WizardSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type WizardSizesType = `${ValueOf<typeof WizardSizes>}`\n\nexport const WizardClass = {\n\troot: 'gov-wizard',\n}\n\nexport const WizardItemClass = {\n\troot: 'gov-wizard-item',\n\theader: 'gov-wizard-item__header',\n\tarrow: 'gov-wizard-item__arrow',\n\ttitle: 'gov-wizard-item__title',\n\tname: 'gov-wizard-item__name',\n\tlabel: 'gov-wizard-item__label',\n\tannot: 'gov-wizard-item__annot',\n\tprefix: 'gov-wizard-item__prefix',\n\tcontent: 'gov-wizard-item__content',\n}\n"],"mappings":"kHAKaA,EAAiBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,Y,MAG7EC,EAAcF,EAAKG,EAAO,CAAC,MAAO,KAAM,O,MAGxCC,EAAc,CAC1BC,KAAM,c,MAGMC,EAAkB,CAC9BD,KAAM,kBACNE,OAAQ,0BACRC,MAAO,yBACPC,MAAO,yBACPC,KAAM,wBACNC,MAAO,yBACPC,MAAO,yBACPC,OAAQ,0BACRC,QAAS,mC"}
\ No newline at end of file
diff --git a/build/p-a775c2fe.entry.js b/build/p-a775c2fe.entry.js
new file mode 100644
index 00000000..f7a6f4cf
--- /dev/null
+++ b/build/p-a775c2fe.entry.js
@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,a as s,g as o}from"./p-3336fe3b.js";import{a}from"./p-8a8117a5.js";import{v as r}from"./p-bc59b609.js";import{c as n}from"./p-4029f0cb.js";import{d as h,t as l,h as c}from"./p-2b6bbee5.js";import{F as m,a as d,b as p}from"./p-9fa54181.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";const f='.gov-form-autocomplete__list{margin:0;padding:0}.gov-form-autocomplete__list>.gov-form-autocomplete__item{margin:0;padding:0;background:none}.gov-form-autocomplete__list>.gov-form-autocomplete__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-autocomplete{position:relative;display:block;width:100%}.gov-form-autocomplete__list{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);position:absolute;top:100%;right:0;left:0;z-index:5;max-height:14.0625rem;margin-top:0.5rem;border:var(--gov-autocomplete-item-hover, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-autocomplete-bg, var(--gov-color-neutral-white));overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.gov-form-autocomplete__list>.gov-form-autocomplete__item{padding:0.75rem 0.5rem;cursor:pointer}.gov-form-autocomplete__item--empty,.gov-form-autocomplete__item--loading{padding:0.75rem 0.5rem;color:var(--gov-autocomplete-item-disable-color, var(--gov-color-secondary-600))}.gov-form-autocomplete__item--empty .gov-icon,.gov-form-autocomplete__item--loading .gov-icon{height:12px}.gov-form-autocomplete__list:empty{display:none}.gov-form-autocomplete__item[aria-selected=""],.gov-form-autocomplete__item[aria-selected=true i],.gov-form-autocomplete__item[aria-selected="1"]{background:var(--gov-autocomplete-item-select, var(--gov-color-secondary-400))}@media not all and (pointer: coarse){.gov-form-autocomplete__item:hover{background:var(--gov-autocomplete-item-hover, var(--gov-color-primary-100))}}';const g=f;const u=class{constructor(e){t(this,e);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govSelect=i(this,"gov-select",7);this.templateResolver=t=>t[this.nameKey];this.value="";this.identifier=undefined;this.variant=undefined;this.success=undefined;this.size="m";this.nameKey="name";this.name=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.invalid=undefined;this.minlength=3;this.maxlength=undefined;this.messageEmpty="Nebyly nalezeny žádné výsledky";this.messageLoading="Načítám...";this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.processing=false;this.arrowCounter=-1;this.list=[];this.listBoxId=n("GovListBox")}validateVariant(t){r(d,t,m.root)}validateSize(t){r(p,t,m.root)}onArrowUp(){if(this.arrowCounter>0){this.arrowCounter=this.arrowCounter-1;this.moveToView().finally()}}onArrowDown(){if(this.arrowCounter<this.list.length-1){this.arrowCounter=this.arrowCounter+1;this.moveToView().finally()}}async moveToView(){await h(200);const t=this.listRef.offsetHeight;const i=this.listRef.querySelector('li[aria-selected="true"]');if(i&&t){const t=i.offsetTop;this.listRef.scrollTo({top:t,behavior:"smooth"})}}doSearch(){if(Number.isInteger(this.minlength)&&this.isValueAccepted===false&&this.minlength){this.list=[];this.arrowCounter=-1;this.processing=false;return}if(this.searchCallback){this.processing=true;this.searchCallback(this.value).then((t=>this.list=t)).catch((()=>this.list=[])).finally((()=>{this.arrowCounter=-1;this.processing=false}))}}get isValueAccepted(){if(typeof this.value==="string"){return this.value.length>=this.minlength}else{return false}}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){return e(s,{key:"30350bb19b92ddb7a12cb53750c9d8d3a8019cdd",class:m.root,size:this.size,variant:this.variant},e("gov-form-input",{key:"b722d72cc2a0cafebbaadc05b543efb018fbc650",placeholder:this.placeholder,name:this.name,disabled:this.disabled,readonly:this.readonly,autocomplete:false,size:this.size,variant:this.variant,required:this.required,invalid:this.invalid,success:this.success,role:"searchbox",value:this.value,minlength:this.minlength,maxlength:this.maxlength,"on-gov-input":l(this.onInputHandler.bind(this),200),"on-gov-keyup":this.onKeyUpHandler.bind(this),"on-gov-keydown":this.onKeyDownHandler.bind(this),"on-gov-focus":this.onFocusHandler.bind(this),"on-gov-blur":this.onBlurHandler.bind(this),wcagAutocomplete:"list",wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:[this.listBoxId,this.wcagOwns].join(" "),wcagExpanded:this.list.length&&this.focused,ref:t=>this.inputRef=t},e("slot",{key:"79954f7bc2b2a08ad10a255bcd50483672ff54f6",slot:"right-icon",name:"right-icon"})),e("ul",{key:"0e7c3e2a75fcdaf012b4a237ac713fb8804cc399",class:m.list,role:"listbox",id:this.listBoxId,ref:t=>this.listRef=t},this.focused&&this.list.length===0&&this.processing===false&&this.isValueAccepted&&this.messageEmpty?e("li",{class:m.empty},this.messageEmpty):null,this.focused&&this.processing===true&&this.isValueAccepted?e("li",{class:m.loading},e("gov-icon",{name:"loader",class:"gov-spin-animation"})," ",this.messageLoading):null,this.list.map(((t,i)=>{const s=this.arrowCounter===i;return e("li",{class:m.item,innerHTML:this.templateResolver(t,s),role:"option","aria-posinset":i,tabindex:s?0:-1,"aria-setsize":this.list.length,onClick:t=>this.onSelectHandler(t,i),"aria-selected":a(s)})}))))}onFocusHandler(t){this.focused=true;this.arrowCounter=-1;if((this.value||this.minlength===0)&&this.searchCallback){this.doSearch()}t.stopPropagation();this.govFocus.emit({originalEvent:t,component:m.root,value:this.value,selected:null})}onBlurHandler(t){this.focused=false;setTimeout((()=>this.list=[]),200);this.arrowCounter=-1;t.stopPropagation();this.govBlur.emit({originalEvent:t,component:m.root,value:this.value,selected:null})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({originalEvent:t,component:m.root,value:this.value,selected:null});this.doSearch()}onSelectHandler(t,i=-1){let e=null;if(i>-1){e=this.list[i]}else if(c(this.arrowCounter,this.list)){e=this.list[this.arrowCounter]}if(e){this.govSelect.emit({component:m.root,value:this.value,selected:e,originalEvent:t});this.list=[];if(c(this.nameKey,e)&&typeof e[this.nameKey]==="string"){this.value=e[this.nameKey]}}}onKeyUpHandler(t){const i=t.detail.originalEvent;t.stopPropagation();i.stopPropagation();if(i.keyCode===38)this.onArrowUp();else if(i.keyCode===40)this.onArrowDown();else if(i.keyCode===13){t.preventDefault();i.preventDefault();this.onSelectHandler(t)}}onKeyDownHandler(t){const i=t.detail.originalEvent;t.stopPropagation();i.stopPropagation();if(i.keyCode===13){t.preventDefault();i.preventDefault()}}async setFocus(t){return this.inputRef.focus(t)}async setOptions(t){this.list=Array.isArray(t)?t:[];this.arrowCounter=-1}async clearValue(){this.value="";this.inputRef.value="";await this.inputRef.clearValue()}async setProcessing(t){this.processing=t}async setSearchCallback(t){this.searchCallback=t}async setTemplateResolver(t){this.templateResolver=t}get host(){return o(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}};u.style=g;export{u as gov_form_autocomplete};
+//# sourceMappingURL=p-a775c2fe.entry.js.map
\ No newline at end of file
diff --git a/build/p-a775c2fe.entry.js.map b/build/p-a775c2fe.entry.js.map
new file mode 100644
index 00000000..ae598c19
--- /dev/null
+++ b/build/p-a775c2fe.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormAutocompleteCss","GovFormAutocompleteStyle0","GovFormAutocomplete","constructor","hostRef","this","templateResolver","item","nameKey","listBoxId","createID","validateVariant","newValue","validateProp","FormAutocompleteVariants","FormAutocompleteClass","root","validateSize","FormAutocompleteSizes","onArrowUp","arrowCounter","moveToView","finally","onArrowDown","list","length","delay","heightOfList","listRef","offsetHeight","selected","querySelector","offsetTop","scrollTo","top","behavior","doSearch","Number","isInteger","minlength","isValueAccepted","processing","searchCallback","value","then","response","catch","componentWillLoad","variant","size","render","h","Host","key","class","placeholder","name","disabled","readonly","autocomplete","required","invalid","success","role","maxlength","throttle","onInputHandler","bind","onKeyUpHandler","onKeyDownHandler","onFocusHandler","onBlurHandler","wcagAutocomplete","wcagDescribedBy","wcagLabelledBy","wcagOwns","join","wcagExpanded","focused","ref","el","inputRef","slot","id","messageEmpty","empty","loading","messageLoading","map","index","isSelected","innerHTML","tabindex","onClick","e","onSelectHandler","toBoolAttr","stopPropagation","govFocus","emit","originalEvent","component","setTimeout","govBlur","target","govInput","has","govSelect","event","detail","keyCode","preventDefault","setFocus","options","focus","setOptions","Array","isArray","clearValue","setProcessing","status","setSearchCallback","callback","setTemplateResolver"],"sources":["../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.scss?tag=gov-form-autocomplete","../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"sourcesContent":["$class: \".gov-form-autocomplete\";\n\n#{$class} {\n\t@include base();\n\t&__list {\n\t\t@include typography($font-size-s);\n\t\t@extend %reset-ul;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tz-index: 5;\n\t\tmax-height: rem-calc(225);\n\t\tmargin-top: rem-calc(8);\n\t\tborder: $form-autocomplete-border;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $form-autocomplete-bg;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\toverscroll-behavior: none;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tpadding: rem-calc(12 8);\n\t\tcursor: pointer;\n\t}\n\t&__item {\n\t\t&--empty,\n\t\t&--loading {\n\t\t\tpadding: rem-calc(12 8);\n\t\t\tcolor: $form-autocomplete-item-disable-color;\n\t\t\t& .gov-icon {\n\t\t\t\theight: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t&__list:empty {\n\t\tdisplay: none;\n\t}\n\n\t// HOVERS\n\t&__item {\n\t\t@include parameter(\"aria-selected\") {\n\t\t\tbackground: $form-autocomplete-item-select-bg;\n\t\t}\n\t\t@include hover() {\n\t\t\tbackground: $form-autocomplete-item-hover-bg;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core'\nimport { toBoolAttr } from '../../../helpers/Dom/template'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { Nullable } from '../../../types/interfaces'\nimport { createID } from '../../../utils/string.utils'\nimport { delay, has, throttle } from '../../../utils/utils'\nimport { FormInputEvent } from '../input/gov-form-input.types'\nimport { FormAutocompleteClass, FormAutocompleteSizes, FormAutocompleteVariants, SizesType, VariantType } from './constants'\nimport { FormAutocompleteEvent, GovFormAutocompleteItem } from './gov-form-autocomplete.types'\n\n@Component({\n\ttag: 'gov-form-autocomplete',\n\tstyleUrl: 'gov-form-autocomplete.scss',\n})\nexport class GovFormAutocomplete {\n\tprivate inputRef?: HTMLGovFormInputElement\n\tprivate listRef?: HTMLUListElement\n\tprivate readonly listBoxId: string\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean) => string = item => item[this.nameKey]\n\n\tconstructor() {\n\t\tthis.listBoxId = createID('GovListBox')\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({ reflect: true, mutable: true }) value = ''\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant?: VariantType\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: SizesType = 'm'\n\t/**\n\t * Main key name in the object\n\t */\n\t@Prop() readonly nameKey: string = 'name'\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number = 3\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Custom message for when there is a blank sheet\n\t */\n\t@Prop({ attribute: 'message-empty' }) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\n\t/**\n\t * Custom message for when data is loaded\n\t */\n\t@Prop({ attribute: 'message-loading' }) readonly messageLoading: string = 'Načítám...'\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns\n\t */\n\t@Prop({ attribute: 'wcag-owns' }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: 'gov-focus' }) govFocus: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: 'gov-blur' }) govBlur: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: 'gov-input' }) govInput: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: 'gov-select' }) govSelect: EventEmitter<FormAutocompleteEvent>\n\t@State() focused: boolean\n\t@State() processing = false\n\t@State() arrowCounter = -1\n\t@State() list: GovFormAutocompleteItem[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteVariants, newValue, FormAutocompleteClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root)\n\t}\n\n\tprivate onArrowUp() {\n\t\tif (this.arrowCounter > 0) {\n\t\t\tthis.arrowCounter = this.arrowCounter - 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate onArrowDown() {\n\t\tif (this.arrowCounter < this.list.length - 1) {\n\t\t\tthis.arrowCounter = this.arrowCounter + 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate async moveToView() {\n\t\tawait delay(200)\n\t\tconst heightOfList = this.listRef.offsetHeight\n\t\tconst selected = this.listRef.querySelector('li[aria-selected=\"true\"]') as HTMLUListElement\n\t\tif (selected && heightOfList) {\n\t\t\tconst offsetTop = selected.offsetTop\n\t\t\tthis.listRef.scrollTo({ top: offsetTop, behavior: 'smooth' })\n\t\t}\n\t}\n\n\tprivate doSearch() {\n\t\tif (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {\n\t\t\tthis.list = []\n\t\t\tthis.arrowCounter = -1\n\t\t\tthis.processing = false\n\t\t\treturn\n\t\t}\n\t\tif (this.searchCallback) {\n\t\t\tthis.processing = true\n\t\t\tthis.searchCallback(this.value)\n\t\t\t\t.then(response => (this.list = response))\n\t\t\t\t.catch(() => (this.list = []))\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.arrowCounter = -1\n\t\t\t\t\tthis.processing = false\n\t\t\t\t})\n\t\t}\n\t}\n\n\tget isValueAccepted() {\n\t\tif (typeof this.value === 'string') {\n\t\t\treturn this.value.length >= this.minlength\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormAutocompleteClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<gov-form-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tautocomplete={false}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\tsuccess={this.success}\n\t\t\t\t\trole={'searchbox'}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), 200)}\n\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\ton-gov-keydown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\n\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\n\t\t\t\t\twcagAutocomplete={'list'}\n\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\twcagOwns={[this.listBoxId, this.wcagOwns].join(' ')}\n\t\t\t\t\twcagExpanded={this.list.length && this.focused}\n\t\t\t\t\tref={el => (this.inputRef = el as HTMLGovFormInputElement)}\n\t\t\t\t>\n\t\t\t\t\t<slot slot=\"right-icon\" name=\"right-icon\" />\n\t\t\t\t</gov-form-input>\n\t\t\t\t<ul class={FormAutocompleteClass.list} role={'listbox'} id={this.listBoxId} ref={el => (this.listRef = el as HTMLUListElement)}>\n\t\t\t\t\t{this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.empty}>{this.messageEmpty}</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused && this.processing === true && this.isValueAccepted ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.loading}>\n\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>\n\t\t\t\t\t\t\t&nbsp;{this.messageLoading}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.list.map((item, index) => {\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tclass={FormAutocompleteClass.item}\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\n\t\t\t\t\t\t\t\trole={'option'}\n\t\t\t\t\t\t\t\taria-posinset={index}\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\n\t\t\t\t\t\t\t\tonClick={(e: PointerEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.arrowCounter = -1\n\t\tif ((this.value || this.minlength === 0) && this.searchCallback) {\n\t\t\tthis.doSearch()\n\t\t}\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tsetTimeout(() => (this.list = []), 200)\n\t\tthis.arrowCounter = -1\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t\tthis.doSearch()\n\t}\n\n\tprivate onSelectHandler(e: PointerEvent | CustomEvent, index = -1) {\n\t\tlet selected: Nullable<GovFormAutocompleteItem> = null\n\t\tif (index > -1) {\n\t\t\tselected = this.list[index]\n\t\t} else if (has(this.arrowCounter, this.list)) {\n\t\t\tselected = this.list[this.arrowCounter]\n\t\t}\n\t\tif (selected) {\n\t\t\tthis.govSelect.emit({\n\t\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\tselected: selected,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t\tthis.list = []\n\t\t\tif (has(this.nameKey, selected) && typeof selected[this.nameKey] === 'string') {\n\t\t\t\tthis.value = selected[this.nameKey]\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate onKeyUpHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 38) this.onArrowUp()\n\t\telse if (event.keyCode === 40) this.onArrowDown()\n\t\telse if (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t\tthis.onSelectHandler(e)\n\t\t}\n\t}\n\n\tprivate onKeyDownHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Set options for list\n\t */\n\t@Method()\n\tasync setOptions(options: GovFormAutocompleteItem[]): Promise<void> {\n\t\tthis.list = Array.isArray(options) ? options : []\n\t\tthis.arrowCounter = -1\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\n\t\tawait this.inputRef.clearValue()\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync setProcessing(status: boolean): Promise<void> {\n\t\tthis.processing = status\n\t}\n\n\t/**\n\t * Set a custom asynchronous function for the whisperer\n\t */\n\t@Method()\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\n\t\tthis.searchCallback = callback\n\t}\n\n\t/**\n\t * Setting a custom whisper result template\n\t * @param callback\n\t */\n\t@Method()\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\n\t\tthis.templateResolver = callback\n\t}\n}\n"],"mappings":"mVAAA,MAAMA,EAAyB,y8DAC/B,MAAAC,EAAeD,E,MCaFE,EAAmB,MAO/B,WAAAC,CAAAC,G,0JAFQC,KAAAC,iBAAiFC,GAAQA,EAAKF,KAAKG,S,WAU3D,G,kFAgBZ,I,aAID,O,kCASE,M,cAKA,M,yFAgBA,E,2CAQiC,iC,oBAII,a,4HA+BpD,M,mBACG,E,UACkB,GAtG1CH,KAAKI,UAAYC,EAAS,a,CAyG3B,eAAAC,CAAgBC,GACfC,EAAaC,EAA0BF,EAAUG,EAAsBC,K,CAIxE,YAAAC,CAAaL,GACZC,EAAaK,EAAuBN,EAAUG,EAAsBC,K,CAG7D,SAAAG,GACP,GAAId,KAAKe,aAAe,EAAG,CAC1Bf,KAAKe,aAAef,KAAKe,aAAe,EACxCf,KAAKgB,aAAaC,S,EAIZ,WAAAC,GACP,GAAIlB,KAAKe,aAAef,KAAKmB,KAAKC,OAAS,EAAG,CAC7CpB,KAAKe,aAAef,KAAKe,aAAe,EACxCf,KAAKgB,aAAaC,S,EAIZ,gBAAMD,SACPK,EAAM,KACZ,MAAMC,EAAetB,KAAKuB,QAAQC,aAClC,MAAMC,EAAWzB,KAAKuB,QAAQG,cAAc,4BAC5C,GAAID,GAAYH,EAAc,CAC7B,MAAMK,EAAYF,EAASE,UAC3B3B,KAAKuB,QAAQK,SAAS,CAAEC,IAAKF,EAAWG,SAAU,U,EAI5C,QAAAC,GACP,GAAIC,OAAOC,UAAUjC,KAAKkC,YAAclC,KAAKmC,kBAAoB,OAASnC,KAAKkC,UAAW,CACzFlC,KAAKmB,KAAO,GACZnB,KAAKe,cAAgB,EACrBf,KAAKoC,WAAa,MAClB,M,CAED,GAAIpC,KAAKqC,eAAgB,CACxBrC,KAAKoC,WAAa,KAClBpC,KAAKqC,eAAerC,KAAKsC,OACvBC,MAAKC,GAAaxC,KAAKmB,KAAOqB,IAC9BC,OAAM,IAAOzC,KAAKmB,KAAO,KACzBF,SAAQ,KACRjB,KAAKe,cAAgB,EACrBf,KAAKoC,WAAa,KAAK,G,EAK3B,mBAAID,GACH,UAAWnC,KAAKsC,QAAU,SAAU,CACnC,OAAOtC,KAAKsC,MAAMlB,QAAUpB,KAAKkC,S,KAC3B,CACN,OAAO,K,EAIT,iBAAAQ,GACC1C,KAAKM,gBAAgBN,KAAK2C,SAC1B3C,KAAKY,aAAaZ,KAAK4C,K,CAGxB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOvC,EAAsBC,KAAMiC,KAAM5C,KAAK4C,KAAMD,QAAS3C,KAAK2C,SACvEG,EAAA,kBAAAE,IAAA,2CACCE,YAAalD,KAAKkD,YAClBC,KAAMnD,KAAKmD,KACXC,SAAUpD,KAAKoD,SACfC,SAAUrD,KAAKqD,SACfC,aAAc,MACdV,KAAM5C,KAAK4C,KACXD,QAAS3C,KAAK2C,QACdY,SAAUvD,KAAKuD,SACfC,QAASxD,KAAKwD,QACdC,QAASzD,KAAKyD,QACdC,KAAM,YACNpB,MAAOtC,KAAKsC,MACZJ,UAAWlC,KAAKkC,UAChByB,UAAW3D,KAAK2D,UAAS,eACXC,EAAS5D,KAAK6D,eAAeC,KAAK9D,MAAO,KAAI,eAC7CA,KAAK+D,eAAeD,KAAK9D,MAAK,iBAC5BA,KAAKgE,iBAAiBF,KAAK9D,MAAK,eAClCA,KAAKiE,eAAeH,KAAK9D,MAAK,cAC/BA,KAAKkE,cAAcJ,KAAK9D,MACrCmE,iBAAkB,OAClBC,gBAAiBpE,KAAKoE,gBACtBC,eAAgBrE,KAAKqE,eACrBC,SAAU,CAACtE,KAAKI,UAAWJ,KAAKsE,UAAUC,KAAK,KAC/CC,aAAcxE,KAAKmB,KAAKC,QAAUpB,KAAKyE,QACvCC,IAAKC,GAAO3E,KAAK4E,SAAWD,GAE5B7B,EAAA,QAAAE,IAAA,2CAAM6B,KAAK,aAAa1B,KAAK,gBAE9BL,EAAA,MAAAE,IAAA,2CAAIC,MAAOvC,EAAsBS,KAAMuC,KAAM,UAAWoB,GAAI9E,KAAKI,UAAWsE,IAAKC,GAAO3E,KAAKuB,QAAUoD,GACrG3E,KAAKyE,SAAWzE,KAAKmB,KAAKC,SAAW,GAAKpB,KAAKoC,aAAe,OAASpC,KAAKmC,iBAAmBnC,KAAK+E,aACpGjC,EAAA,MAAIG,MAAOvC,EAAsBsE,OAAQhF,KAAK+E,cAC3C,KACH/E,KAAKyE,SAAWzE,KAAKoC,aAAe,MAAQpC,KAAKmC,gBACjDW,EAAA,MAAIG,MAAOvC,EAAsBuE,SAChCnC,EAAA,YAAUK,KAAK,SAASF,MAAM,uBAAgC,IACvDjD,KAAKkF,gBAEV,KACHlF,KAAKmB,KAAKgE,KAAI,CAACjF,EAAMkF,KACrB,MAAMC,EAAarF,KAAKe,eAAiBqE,EACzC,OACCtC,EAAA,MACCG,MAAOvC,EAAsBR,KAC7BoF,UAAWtF,KAAKC,iBAAiBC,EAAMmF,GACvC3B,KAAM,SAAQ,gBACC0B,EACfG,SAAUF,EAAa,GAAK,EAAC,eACfrF,KAAKmB,KAAKC,OACxBoE,QAAUC,GAAoBzF,KAAK0F,gBAAgBD,EAAGL,GAAM,gBAC7CO,EAAWN,IACzB,K,CAQA,cAAApB,CAAewB,GACtBzF,KAAKyE,QAAU,KACfzE,KAAKe,cAAgB,EACrB,IAAKf,KAAKsC,OAAStC,KAAKkC,YAAc,IAAMlC,KAAKqC,eAAgB,CAChErC,KAAK+B,U,CAEN0D,EAAEG,kBACF5F,KAAK6F,SAASC,KAAK,CAClBC,cAAeN,EACfO,UAAWtF,EAAsBC,KACjC2B,MAAOtC,KAAKsC,MACZb,SAAU,M,CAIJ,aAAAyC,CAAcuB,GACrBzF,KAAKyE,QAAU,MACfwB,YAAW,IAAOjG,KAAKmB,KAAO,IAAK,KACnCnB,KAAKe,cAAgB,EACrB0E,EAAEG,kBACF5F,KAAKkG,QAAQJ,KAAK,CACjBC,cAAeN,EACfO,UAAWtF,EAAsBC,KACjC2B,MAAOtC,KAAKsC,MACZb,SAAU,M,CAIJ,cAAAoC,CAAe4B,GACtBzF,KAAKsC,MAASmD,EAAEU,OAAmC7D,MACnDmD,EAAEG,kBACF5F,KAAKoG,SAASN,KAAK,CAClBC,cAAeN,EACfO,UAAWtF,EAAsBC,KACjC2B,MAAOtC,KAAKsC,MACZb,SAAU,OAEXzB,KAAK+B,U,CAGE,eAAA2D,CAAgBD,EAA+BL,GAAS,GAC/D,IAAI3D,EAA8C,KAClD,GAAI2D,GAAS,EAAG,CACf3D,EAAWzB,KAAKmB,KAAKiE,E,MACf,GAAIiB,EAAIrG,KAAKe,aAAcf,KAAKmB,MAAO,CAC7CM,EAAWzB,KAAKmB,KAAKnB,KAAKe,a,CAE3B,GAAIU,EAAU,CACbzB,KAAKsG,UAAUR,KAAK,CACnBE,UAAWtF,EAAsBC,KACjC2B,MAAOtC,KAAKsC,MACZb,SAAUA,EACVsE,cAAeN,IAEhBzF,KAAKmB,KAAO,GACZ,GAAIkF,EAAIrG,KAAKG,QAASsB,WAAoBA,EAASzB,KAAKG,WAAa,SAAU,CAC9EH,KAAKsC,MAAQb,EAASzB,KAAKG,Q,GAKtB,cAAA4D,CAAe0B,GACtB,MAAMc,EAASd,EAAEe,OAA0BT,cAC3CN,EAAEG,kBACFW,EAAMX,kBACN,GAAIW,EAAME,UAAY,GAAIzG,KAAKc,iBAC1B,GAAIyF,EAAME,UAAY,GAAIzG,KAAKkB,mBAC/B,GAAIqF,EAAME,UAAY,GAAI,CAC9BhB,EAAEiB,iBACFH,EAAMG,iBACN1G,KAAK0F,gBAAgBD,E,EAIf,gBAAAzB,CAAiByB,GACxB,MAAMc,EAASd,EAAEe,OAA0BT,cAC3CN,EAAEG,kBACFW,EAAMX,kBACN,GAAIW,EAAME,UAAY,GAAI,CACzBhB,EAAEiB,iBACFH,EAAMG,gB,EAQR,cAAMC,CAASC,GACd,OAAO5G,KAAK4E,SAASiC,MAAMD,E,CAO5B,gBAAME,CAAWF,GAChB5G,KAAKmB,KAAO4F,MAAMC,QAAQJ,GAAWA,EAAU,GAC/C5G,KAAKe,cAAgB,C,CAOtB,gBAAMkG,GACLjH,KAAKsC,MAAQ,GACbtC,KAAK4E,SAAStC,MAAQ,SAEhBtC,KAAK4E,SAASqC,Y,CAOrB,mBAAMC,CAAcC,GACnBnH,KAAKoC,WAAa+E,C,CAOnB,uBAAMC,CAAkBC,GACvBrH,KAAKqC,eAAiBgF,C,CAQvB,yBAAMC,CAAoBD,GACzBrH,KAAKC,iBAAmBoH,C"}
\ No newline at end of file
diff --git a/build/p-a9bfe306.js b/build/p-a9bfe306.js
new file mode 100644
index 00000000..5c23f38a
--- /dev/null
+++ b/build/p-a9bfe306.js
@@ -0,0 +1,2 @@
+import{S as o}from"./p-1693d6aa.js";import{V as t}from"./p-55e78f21.js";import{p as s}from"./p-2b6bbee5.js";const n=s(o,["_XS","_S","_M","_L","_XL"]);const a=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var r;(function(o){o["SOLID"]="solid";o["OUTLINED"]="outlined";o["BASE"]="base";o["LINK"]="link"})(r||(r={}));var i;(function(o){o["SUBMIT"]="submit";o["BUTTON"]="button";o["RESET"]="reset"})(i||(i={}));var b;(function(o){o["BLANK"]="_blank";o["SELF"]="_self";o["NEW"]="_new"})(b||(b={}));const e={root:"gov-button",rootWithIcon:"gov-button--w-icon"};export{e as B,i as N,r as T,n as a,a as b};
+//# sourceMappingURL=p-a9bfe306.js.map
\ No newline at end of file
diff --git a/build/p-a9bfe306.js.map b/build/p-a9bfe306.js.map
new file mode 100644
index 00000000..a23bd029
--- /dev/null
+++ b/build/p-a9bfe306.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["ButtonSizes","pick","Sizes","ButtonVariants","Variants","Type","NativeType","ButtonTarget","ButtonClass","root","rootWithIcon"],"sources":["../../packages/core/src/components/gov-button/button/constants.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`\n\nexport enum Type {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n\tLINK = 'link',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n\trootWithIcon: 'gov-button--w-icon',\n}\n"],"mappings":"kHAKaA,EAAcC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,Q,MAGpDC,EAAiBF,EAAKG,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,Y,IAG9EC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,eACAA,EAAA,cACA,EALD,CAAYA,MAAI,K,IASJC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,mBACAA,EAAA,gBACA,EAJD,CAAYA,MAAU,KAQtB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,kBACAA,EAAA,gBACAA,EAAA,aACA,EAJD,CAAYA,MAAY,K,MAOXC,EAAc,CAC1BC,KAAM,aACNC,aAAc,6B"}
\ No newline at end of file
diff --git a/build/p-b1931d43.entry.js b/build/p-b1931d43.entry.js
new file mode 100644
index 00000000..7edbcf77
--- /dev/null
+++ b/build/p-b1931d43.entry.js
@@ -0,0 +1,2 @@
+import{r as s,c as t,h as a,a as i,g as o}from"./p-3336fe3b.js";import{v as e}from"./p-bc59b609.js";import{S as r,a as p,b as n}from"./p-9bafa678.js";import{g as c}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-55e78f21.js";import"./p-1693d6aa.js";import"./p-2b6bbee5.js";const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper{position:relative;display:block;width:100%}";const f=m;const d=class{constructor(a){s(this,a);this.govChange=t(this,"gov-change",7);this.size="m";this.h=c(this.host)}validateSize(s){e(n,s,p.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}render(){return a(i,{key:"2b110f8110c403b52902aa42d06af611ee535da5",class:this.h.classes(p.root),role:"list",size:this.size},a("slot",{key:"73bc685f6ddc7164ad422637186a6f2cc1fea340"}))}get host(){return o(this)}static get watchers(){return{size:["validateSize"]}}};d.style=f;export{d as gov_stepper};
+//# sourceMappingURL=p-b1931d43.entry.js.map
\ No newline at end of file
diff --git a/build/p-b1931d43.entry.js.map b/build/p-b1931d43.entry.js.map
new file mode 100644
index 00000000..1cb9e802
--- /dev/null
+++ b/build/p-b1931d43.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govStepperCss","GovStepperStyle0","GovStepper","constructor","hostRef","this","h","govHost","host","validateSize","newValue","validateProp","StepperSizes","StepperClass","root","componentWillLoad","size","componentDidLoad","querySelectorAll","StepperItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","render","Host","key","class","classes","role"],"sources":["../../packages/core/src/components/gov-stepper/gov-stepper.scss?tag=gov-stepper","../../packages/core/src/components/gov-stepper/gov-stepper.tsx"],"sourcesContent":["/*\n *   Stepper\n */\n\n$class: \".gov-stepper\";\n\n#{$class} {\n\t@include base();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\nimport { GovStepperItemCustomEvent } from '../../components'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-stepper',\n\tstyleUrl: 'gov-stepper.scss',\n})\nexport class GovStepper {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovStepperElement\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Called when the Stepper state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"0RAAA,MAAMA,EAAgB,iZACtB,MAAAC,EAAeD,E,MCWFE,EAAU,MAGtB,WAAAC,CAAAC,G,0DAQ2C,IAP1CC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAcvB,YAAAC,CAAaC,GACZC,EAAaC,EAAcF,EAAUG,EAAaC,K,CAGnD,iBAAAC,GACCV,KAAKI,aAAaJ,KAAKW,K,CAGxB,gBAAAC,GACCZ,KAAKG,KAAKU,iBAAiBC,EAAiBL,MAAMM,SAASC,IAC1DA,EAAMC,aAAa,OAAQjB,KAAKW,MAChCK,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFpB,KAAKqB,UAAUC,KAAKH,EAAEI,OAAO,GAC5B,G,CAIJ,MAAAC,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKC,EAAE2B,QAAQpB,EAAaC,MAAOoB,KAAK,OAAOlB,KAAMX,KAAKW,MACtEV,EAAA,QAAAyB,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-b24413c7.js b/build/p-b24413c7.js
new file mode 100644
index 00000000..094d1518
--- /dev/null
+++ b/build/p-b24413c7.js
@@ -0,0 +1,2 @@
+import{g as e}from"./p-40f10385.js";import{s as t}from"./p-4029f0cb.js";import{d as r}from"./p-32d89c78.js";const n=(t,r,n)=>{if(t===undefined||String(t).length===0){e(`[${n}]: The (${r}) attribute is important for correct accessibility.`)}};const i=(n,i,f)=>{if(typeof n==="undefined"||n===undefined){return true}if(String(n).length===0){e(`[${f}]: Attribute (${i}) is defined with an empty value.`);return false}let s=[];const a=t(n);if(Array.isArray(a)){s=a.filter((function(e){return e.trim().length>0}))}return!!s.filter((e=>{if(r().getElementById(e)===null){return false}else{return true}})).length};const f=(t,n,i)=>{const f=r().querySelector(`[for=${t}]`);if(f===null){const t=r().getElementById(n);if(t===null){e(`[${i}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);return false}}return true};const s=(t,n,i)=>{if(typeof t==="string"&&t.length>0){return true}if(typeof n==="string"&&n.length>0){const e=r().getElementById(n);if(e){return true}}e(`[${i}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);return false};export{i as a,f as b,n as c,s as v};
+//# sourceMappingURL=p-b24413c7.js.map
\ No newline at end of file
diff --git a/build/p-b24413c7.js.map b/build/p-b24413c7.js.map
new file mode 100644
index 00000000..d037e093
--- /dev/null
+++ b/build/p-b24413c7.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["validateWcagProp","value","propName","component","undefined","String","length","govWarningLog","validateWcagRef","referenceId","name","strings","referenceIds","splitByWhitespace","Array","isArray","filter","e","trim","documentNode","getElementById","validateWcagLabelFor","inputId","labelledBy","labelEl","querySelector","labelledByEl","validateWcagLabel","label"],"sources":["../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\nimport { splitByWhitespace } from '../../utils/string.utils'\nimport { documentNode } from '../Dom/win'\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === 'string' && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n"],"mappings":"kHAIaA,EAAmB,CAACC,EAA2BC,EAAkBC,KAC7E,GAAIF,IAAUG,WAAaC,OAAOJ,GAAOK,SAAW,EAAG,CACtDC,EAAc,IAAIJ,YAAoBD,uD,SAI3BM,EAAkB,CAACC,EAAqBC,EAAcP,KAClE,UAAWM,IAAgB,aAAeA,IAAgBL,UAAW,CACpE,OAAO,I,CAER,GAAIC,OAAOI,GAAaH,SAAW,EAAG,CACrCC,EAAc,IAAIJ,kBAA0BO,sCAC5C,OAAO,K,CAER,IAAIC,EAAU,GACd,MAAMC,EAAeC,EAAkBJ,GACvC,GAAIK,MAAMC,QAAQH,GAAe,CAChCD,EAAUC,EAAaI,QAAO,SAAUC,GACvC,OAAOA,EAAEC,OAAOZ,OAAS,C,IAI3B,QAASK,EAAQK,QAAOP,IACvB,GAAIU,IAAeC,eAAeX,KAAiB,KAAM,CAExD,OAAO,K,KACD,CACN,OAAO,I,KAENH,MAAM,E,MAGGe,EAAuB,CAACC,EAAiBC,EAAgCpB,KACrF,MAAMqB,EAAUL,IAAeM,cAAc,QAAQH,MACrD,GAAIE,IAAY,KAAM,CACrB,MAAME,EAAeP,IAAeC,eAAeG,GACnD,GAAIG,IAAiB,KAAM,CAC1BnB,EAAc,IAAIJ,iFAClB,OAAO,K,EAGT,OAAO,IAAI,E,MAGCwB,EAAoB,CAACC,EAA2BL,EAAgCpB,KAC5F,UAAWyB,IAAU,UAAYA,EAAMtB,OAAS,EAAG,CAClD,OAAO,I,CAER,UAAWiB,IAAe,UAAYA,EAAWjB,OAAS,EAAG,CAC5D,MAAMoB,EAAeP,IAAeC,eAAeG,GACnD,GAAIG,EAAc,CACjB,OAAO,I,EAGTnB,EAAc,IAAIJ,4EAClB,OAAO,KAAK,S"}
\ No newline at end of file
diff --git a/build/p-b4c087ba.js b/build/p-b4c087ba.js
new file mode 100644
index 00000000..ee943929
--- /dev/null
+++ b/build/p-b4c087ba.js
@@ -0,0 +1,2 @@
+const o={root:"gov-nav",nav:"gov-nav__nav"};const n={root:"gov-nav-item",link:"gov-nav-item__link"};export{o as N,n as a};
+//# sourceMappingURL=p-b4c087ba.js.map
\ No newline at end of file
diff --git a/build/p-b4c087ba.js.map b/build/p-b4c087ba.js.map
new file mode 100644
index 00000000..5d347e2d
--- /dev/null
+++ b/build/p-b4c087ba.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["NavClass","root","nav","NavItemClass","link"],"sources":["../../packages/core/src/components/gov-nav/constants.ts"],"sourcesContent":["export const NavClass = {\n\troot: 'gov-nav',\n\tnav: 'gov-nav__nav',\n}\n\nexport const NavItemClass = {\n\troot: 'gov-nav-item',\n\tlink: 'gov-nav-item__link',\n}\n"],"mappings":"MAAaA,EAAW,CACvBC,KAAM,UACNC,IAAK,gB,MAGOC,EAAe,CAC3BF,KAAM,eACNG,KAAM,6B"}
\ No newline at end of file
diff --git a/build/p-b76cafed.entry.js b/build/p-b76cafed.entry.js
new file mode 100644
index 00000000..d3309e6c
--- /dev/null
+++ b/build/p-b76cafed.entry.js
@@ -0,0 +1,2 @@
+import{r as a,h as r,a as o,g as t}from"./p-3336fe3b.js";import{v as i}from"./p-bc59b609.js";import{S as s,a as e,b as n,c}from"./p-9604dcd4.js";import{g as v}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-2b6bbee5.js";import"./p-55e78f21.js";const d='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-statsbar{position:relative;display:block;width:100%;padding:1.25rem 0}.gov-statsbar__section{display:block;width:100%;max-width:calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem)}@media (min-width: 48em){.gov-statsbar__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-statsbar[variant=primary]{background-color:var(--gov-statsbar-primary-bg-color, var(--gov-color-primary-200));color:var(--gov-statsbar-primary-text-color, var(--gov-color-primary))}.gov-statsbar[variant=primary][inverse=""],.gov-statsbar[variant=primary][inverse=true i],.gov-statsbar[variant=primary][inverse="1"]{background:var(--gov-color-neutral-white);color:var(--gov-statsbar-primary-text-color-inverse, var(--gov-color-primary))}.gov-statsbar[variant=secondary]{background-color:var(--gov-statsbar-secondary-bg-color, var(--gov-color-secondary));color:var(--gov-statsbar-secondary-text-color, var(--gov-color-neutral-white))}.gov-statsbar[variant=secondary][inverse=""],.gov-statsbar[variant=secondary][inverse=true i],.gov-statsbar[variant=secondary][inverse="1"]{background:var(--gov-color-neutral-white);color:var(--gov-statsbar-secondary-text-color-inverse, var(--gov-color-secondary))}@media (min-width: 30em){.gov-statsbar__section{display:flex;flex-wrap:wrap;justify-content:center}}@media (min-width: 48em){.gov-statsbar{padding:0}}';const g=d;const p=class{constructor(r){a(this,r);this.iconPosition=undefined;this.variant=s.PRIMARY;this.h=v(this.host)}validateIconPosition(a){i(c,a,n.root)}validateVariant(a){i(s,a,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition);this.validateVariant(this.variant)}componentDidLoad(){this.host.querySelectorAll(e.root).forEach((a=>{if(this.iconPosition==="left"){a.setAttribute("icon-position","left")}}))}render(){return r(o,{key:"f3aea54effc4f0890b24943c21aca4a3e8a003f4",class:this.h.classes(n.root),variant:this.variant},r("section",{key:"43f711b8d5ed783de86ac2ce07f92190588615e2",class:n.section},r("slot",{key:"7678225d47758be08ba9eafb9437810fa09cafec"})))}get host(){return t(this)}static get watchers(){return{iconPosition:["validateIconPosition"],variant:["validateVariant"]}}};p.style=g;export{p as gov_statsbar};
+//# sourceMappingURL=p-b76cafed.entry.js.map
\ No newline at end of file
diff --git a/build/p-b76cafed.entry.js.map b/build/p-b76cafed.entry.js.map
new file mode 100644
index 00000000..00238c1e
--- /dev/null
+++ b/build/p-b76cafed.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govStatsbarCss","GovStatsbarStyle0","GovStatsbar","constructor","hostRef","StatsBarVariants","PRIMARY","this","h","govHost","host","validateIconPosition","newValue","validateProp","StatsBarIconPosition","StatsBarClass","root","validateVariant","componentWillLoad","iconPosition","variant","componentDidLoad","querySelectorAll","StatsBarItemClass","forEach","node","setAttribute","render","Host","key","class","classes","section"],"sources":["../../packages/core/src/components/gov-statsbar/gov-statsbar.scss?tag=gov-statsbar","../../packages/core/src/components/gov-statsbar/gov-statsbar.tsx"],"sourcesContent":["/*\n *   Statsbar\n */\n\n$class: \".gov-statsbar\";\n\n#{$class} {\n\t@include base();\n\tpadding: rem-calc(20) 0;\n\t&__section {\n\t\t@include container();\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $statsbar-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tbackground-color: #{get(\"bg-color\", $definitions)};\n\t\t\tcolor: #{get(\"text-color\", $definitions)};\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tbackground: color(\"neutral.white\");\n\t\t\t\tcolor: #{get(\"text-color-inverse\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__section {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\tpadding: 0;\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tStatsBarClass,\n\tStatsBarIconPosition,\n\tStatsBarIconPositionType,\n\tStatsBarItemClass,\n\tStatsBarVariants,\n\tStatsBarVariantType,\n} from \"./constants\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { govHost } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-statsbar\",\n\tstyleUrl: \"gov-statsbar.scss\",\n})\nexport class GovStatsbar {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovStatsbarElement\n\n\t/**\n\t * Icon’s position\n\t */\n\t@Prop({ attribute: \"icon-position\" }) readonly iconPosition?: StatsBarIconPositionType\n\t/**\n\t * Style variation\n\t */\n\t@Prop({ attribute: \"variant\" }) readonly variant?: StatsBarVariantType = StatsBarVariants.PRIMARY\n\n\t@Watch(\"iconPosition\")\n\tvalidateIconPosition(newValue: string): void {\n\t\tvalidateProp(StatsBarIconPosition, newValue, StatsBarClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(StatsBarVariants, newValue, StatsBarClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateIconPosition(this.iconPosition)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StatsBarItemClass.root).forEach((node: any) => {\n\t\t\tif (this.iconPosition === \"left\") {\n\t\t\t\tnode.setAttribute(\"icon-position\", \"left\")\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StatsBarClass.root)} variant={this.variant}>\n\t\t\t\t<section class={StatsBarClass.section}>\n\t\t\t\t\t<slot />\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6PAAA,MAAMA,EAAiB,83DACvB,MAAAC,EAAeD,E,MCgBFE,EAAW,MAGvB,WAAAC,CAAAC,G,mDAayEC,EAAiBC,QAZzFC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAevB,oBAAAC,CAAqBC,GACpBC,EAAaC,EAAsBF,EAAUG,EAAcC,K,CAI5D,eAAAC,CAAgBL,GACfC,EAAaR,EAAkBO,EAAUG,EAAcC,K,CAGxD,iBAAAE,GACCX,KAAKI,qBAAqBJ,KAAKY,cAC/BZ,KAAKU,gBAAgBV,KAAKa,Q,CAG3B,gBAAAC,GACCd,KAAKG,KAAKY,iBAAiBC,EAAkBP,MAAMQ,SAASC,IAC3D,GAAIlB,KAAKY,eAAiB,OAAQ,CACjCM,EAAKC,aAAa,gBAAiB,O,KAKtC,MAAAC,GACC,OACCnB,EAACoB,EAAI,CAAAC,IAAA,2CAACC,MAAOvB,KAAKC,EAAEuB,QAAQhB,EAAcC,MAAOI,QAASb,KAAKa,SAC9DZ,EAAA,WAAAqB,IAAA,2CAASC,MAAOf,EAAciB,SAC7BxB,EAAA,QAAAqB,IAAA,8C"}
\ No newline at end of file
diff --git a/build/p-b77208d4.entry.js b/build/p-b77208d4.entry.js
new file mode 100644
index 00000000..0180fc1b
--- /dev/null
+++ b/build/p-b77208d4.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as a,a as r,g as i}from"./p-3336fe3b.js";import{g as e}from"./p-8a8117a5.js";const c={root:"gov-cookiebar",holder:"gov-cookiebar__holder",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions-primary",actionsSecondary:"gov-cookiebar__actions-secondary"};const t=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-cookiebar{z-index:51;position:fixed;right:0;bottom:0;left:0;background-color:var(--gov-cookiebar-bg, var(--gov-color-neutral-white));box-shadow:var(--gov-cookiebar-box-shadow, 0 0.0625rem 2.5rem rgba(var(--gov-color-secondary-800-rgb), 0.45))}.gov-cookiebar__holder{display:block;width:100%;max-width:calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem);padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 48em){.gov-cookiebar__holder{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-cookiebar__holder>*{margin-bottom:0}.gov-cookiebar__holder>*+*{margin-top:2rem}.gov-cookiebar__content>*{margin-bottom:0}.gov-cookiebar__content>*+*{margin-top:0.75rem}.gov-cookiebar__content p{color:var(--gov-cookiebar-color, var(--gov-color-secondary-700));letter-spacing:0.0125em}.gov-cookiebar__actions,.gov-cookiebar__actions-primary,.gov-cookiebar__actions-secondary{display:flex;gap:0.625rem;flex-wrap:wrap;justify-content:space-between}@media (min-width: 48em){.gov-cookiebar__holder{padding-top:2rem;padding-bottom:2rem}.gov-cookiebar__actions,.gov-cookiebar__actions-primary,.gov-cookiebar__actions-secondary{gap:1rem}}";const n=t;const s=class{constructor(a){o(this,a);this.h=e(this.host)}render(){return a(r,{key:"a2499f2257ac968243fe1841456b35475c663129",class:this.h.classes(c.root)},a("div",{key:"04cbb4d3780bab0953eeccd7ce4dc3043e5ee3a5",class:c.holder},a("div",{key:"caf6ec18349f2b3d81fcf137038018572842fc1e",class:c.content},a("slot",{key:"ecadc222b7ba146d2ecbb57cef1d59b64312d24b"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&a("div",{class:c.actions},this.h.hasSlot("actions-primary")&&a("div",{class:c.actionsPrimary},a("slot",{name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&a("div",{class:c.actionsSecondary},a("slot",{name:"actions-secondary"})))))}get host(){return i(this)}};s.style=n;export{s as gov_cookiebar};
+//# sourceMappingURL=p-b77208d4.entry.js.map
\ No newline at end of file
diff --git a/build/p-b77208d4.entry.js.map b/build/p-b77208d4.entry.js.map
new file mode 100644
index 00000000..60d63f5b
--- /dev/null
+++ b/build/p-b77208d4.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["CookiebarClass","root","holder","content","actions","actionsPrimary","actionsSecondary","govCookiebarCss","GovCookiebarStyle0","GovCookiebar","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","hasSlot","name"],"sources":["../../packages/core/src/components/gov-cookiebar/constants.tsx","../../packages/core/src/components/gov-cookiebar/gov-cookiebar.scss?tag=gov-cookiebar","../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookiebarClass = {\n\troot: 'gov-cookiebar',\n\tholder: 'gov-cookiebar__holder',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions-primary',\n\tactionsSecondary: 'gov-cookiebar__actions-secondary',\n}\n","/*\n *   Cookiebar\n */\n\n$class: \".gov-cookiebar\";\n\n#{$class} {\n\t@include z-index(\"bar\", 1);\n\tposition: fixed;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: $cookiebar-bg;\n\tbox-shadow: $cookiebar-box-shadow;\n\t&__holder {\n\t\t@include container();\n\t\t@include space(32);\n\t\tpadding-top: rem-calc(20);\n\t\tpadding-bottom: rem-calc(20);\n\t}\n\t&__content {\n\t\t@include space(12);\n\t\tp {\n\t\t\tcolor: $cookiebar-color;\n\t\t\tletter-spacing: em-calc(0.2);\n\t\t}\n\t}\n\t&__actions {\n\t\t&,\n\t\t&-primary,\n\t\t&-secondary {\n\t\t\tdisplay: flex;\n\t\t\tgap: rem-calc(10);\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: md) {\n\t\t&__holder {\n\t\t\tpadding-top: rem-calc(32);\n\t\t\tpadding-bottom: rem-calc(32);\n\t\t}\n\t\t&__actions {\n\t\t\t&,\n\t\t\t&-primary,\n\t\t\t&-secondary {\n\t\t\t\tgap: rem-calc(16);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookiebarClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n\tstyleUrl: 'gov-cookiebar.scss',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookiebarClass.root)}>\n\t\t\t\t<div class={CookiebarClass.holder}>\n\t\t\t\t\t<div class={CookiebarClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t\t<div class={CookiebarClass.actions}>\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,gBACNC,OAAQ,wBACRC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,iCAChBC,iBAAkB,oCCNnB,MAAMC,EAAkB,orDACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQpB,EAAeC,OAC1CY,EAAA,OAAAK,IAAA,2CAAKC,MAAOnB,EAAeE,QAC1BW,EAAA,OAAAK,IAAA,2CAAKC,MAAOnB,EAAeG,SAC1BU,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAEQ,QAAQ,oBAAsBT,KAAKC,EAAEQ,QAAQ,uBACrDR,EAAA,OAAKM,MAAOnB,EAAeI,SACzBQ,KAAKC,EAAEQ,QAAQ,oBACfR,EAAA,OAAKM,MAAOnB,EAAeK,gBAC1BQ,EAAA,QAAMS,KAAK,qBAIZV,KAAKC,EAAEQ,QAAQ,sBACfR,EAAA,OAAKM,MAAOnB,EAAeM,kBAC1BO,EAAA,QAAMS,KAAK,yB"}
\ No newline at end of file
diff --git a/build/p-b7dff6e0.entry.js b/build/p-b7dff6e0.entry.js
new file mode 100644
index 00000000..fc9bf164
--- /dev/null
+++ b/build/p-b7dff6e0.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as t,a,g as s}from"./p-3336fe3b.js";import{N as i}from"./p-b4c087ba.js";import{v as o}from"./p-b24413c7.js";import{c as n}from"./p-32d89c78.js";import{d as r}from"./p-2b6bbee5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-nav{position:relative;display:block;width:100%;font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);background:var(--gov-nav-bg, var(--gov-color-primary));font-weight:bold;letter-spacing:0.0125em;text-transform:uppercase}@media (min-width: 48em){.gov-nav{text-align:center}.gov-nav__nav{display:flex;justify-content:space-between;flex-wrap:wrap}}";const p=c;const f=class{constructor(t){e(this,t);this.wcagLabel=undefined;this.wcagLabelledBy=undefined}async componentDidRender(){if(n()){await r(500);await this.validateWcag()}}render(){return t(a,{key:"89b50287cbee3ce1fd58cb3b4ac6006f9f41af75",class:i.root},t("nav",{key:"2954c04bb2c5c06107bd2813541c965f8bc5792b",class:i.nav,role:"list","arial-label":this.wcagLabel,"arial-labelledby":this.wcagLabelledBy},t("slot",{key:"a47e27da68acf5ebc8e3d74a3da955f21dee2456"})))}async validateWcag(){o(this.wcagLabel,this.wcagLabelledBy,i.root)}get host(){return s(this)}};f.style=p;export{f as gov_nav};
+//# sourceMappingURL=p-b7dff6e0.entry.js.map
\ No newline at end of file
diff --git a/build/p-b7dff6e0.entry.js.map b/build/p-b7dff6e0.entry.js.map
new file mode 100644
index 00000000..d2b4f007
--- /dev/null
+++ b/build/p-b7dff6e0.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govNavCss","GovNavStyle0","GovNav","componentDidRender","canValidateWcagOnRender","delay","this","validateWcag","render","h","Host","key","class","NavClass","root","nav","role","wcagLabel","wcagLabelledBy","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-nav/gov-nav.scss?tag=gov-nav","../../packages/core/src/components/gov-nav/gov-nav.tsx"],"sourcesContent":["/*\n *   Nav\n */\n\n$class: \".gov-nav\";\n\n#{$class} {\n\t@include base();\n\t@include typography($font-size-s);\n\tbackground: $nav-bg;\n\tfont-weight: bold;\n\tletter-spacing: 0.0125em;\n\ttext-transform: uppercase;\n\n\t// MQ\n\t@include mq($from: md) {\n\t\ttext-align: center;\n\t\t&__nav {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { NavClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-nav',\n\tstyleUrl: 'gov-nav.scss',\n})\nexport class GovNav {\n\t@Element() readonly host: HTMLGovNavElement\n\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={NavClass.root}>\n\t\t\t\t<nav class={NavClass.nav} role={'list'} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot />\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, NavClass.root)\n\t}\n}\n"],"mappings":"oPAAA,MAAMA,EAAY,6yBAClB,MAAAC,EAAeD,E,MCSFE,EAAM,M,gFAYlB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNC,KAAKC,c,EAIb,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAASC,MACrBL,EAAA,OAAAE,IAAA,2CAAKC,MAAOC,EAASE,IAAKC,KAAM,OAAM,cAAeV,KAAKW,UAAS,mBAAoBX,KAAKY,gBAC3FT,EAAA,QAAAE,IAAA,8C,CAUJ,kBAAMJ,GACLY,EAAkBb,KAAKW,UAAWX,KAAKY,eAAgBL,EAASC,K"}
\ No newline at end of file
diff --git a/build/p-baa01f22.entry.js b/build/p-baa01f22.entry.js
new file mode 100644
index 00000000..e35c7843
--- /dev/null
+++ b/build/p-baa01f22.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as r,h as e,a as i,g as a}from"./p-3336fe3b.js";import{c as t}from"./p-4029f0cb.js";import{v as s}from"./p-bc59b609.js";import{g as c,f as n,h as v}from"./p-7670cb34.js";import{g as d,a as m,t as l}from"./p-8a8117a5.js";import{a as g,b as h}from"./p-b24413c7.js";import{c as f}from"./p-32d89c78.js";import{d as p}from"./p-2b6bbee5.js";import{F as b}from"./p-7d05c0e2.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";const x='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block;cursor:pointer}.gov-form-radio input+span::before{content:"";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=""].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid="1"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=""].gov-form-radio,[disabled=true i].gov-form-radio,[disabled="1"].gov-form-radio{pointer-events:none}[disabled=""].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled="1"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:"";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio__label{position:relative}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=""] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid="1"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=""] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled="1"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}';const u=x;const k=class{constructor(e){o(this,e);this.govFocus=r(this,"gov-focus",7);this.govBlur=r(this,"gov-blur",7);this.govChange=r(this,"gov-change",7);this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.radioId=t("GovRadio");this.h=d(this.host);this.f=c(this.h)}validateSize(o){s(v,o,n.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",m(this.disabled));this.f.passAttrToControl("invalid",m(this.invalid));this.f.passAttrToControl("type","radio")}componentWillLoad(){this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));if(f()){await p(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return e("label",{class:n.label},o)}return o};return e(i,{class:n.root,checked:this.checked,size:this.size,invalid:l(this.invalid)},e("div",{class:n.holder},o(e(b,null,e("input",{class:n.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:o=>this.inputRef=o,required:this.required,"aria-checked":this.checked,"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":l(this.disabled)}),e("span",null,e("slot",{name:"label"}))))))}onClickHandler(o){o.stopPropagation()}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){g(this.wcagDescribedBy,"wcag-described-by",n.root);g(this.wcagLabelledBy,"wcag-labelled-by",n.root);h(this.identifier||this.radioId,this.wcagLabelledBy,n.root)}get host(){return a(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};k.style=u;export{k as gov_form_radio};
+//# sourceMappingURL=p-baa01f22.entry.js.map
\ No newline at end of file
diff --git a/build/p-baa01f22.entry.js.map b/build/p-baa01f22.entry.js.map
new file mode 100644
index 00000000..2c1c68f6
--- /dev/null
+++ b/build/p-baa01f22.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormRadioCss","GovFormRadioStyle0","GovFormRadio","constructor","hostRef","this","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","componentWillLoad","componentDidRender","passAttrToLabel","identifier","String","required","canValidateWcagOnRender","delay","validateWcag","render","wrapRadio","children","noLabel","class","label","Host","checked","toBoolAttrIfDefined","holder","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","wcagDescribedBy","wcagLabelledBy","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/components/gov-form/radio/gov-form-radio.scss?tag=gov-form-radio","../../packages/core/src/components/gov-form/radio/gov-form-radio.tsx"],"sourcesContent":["/*\n *   Radio\n */\n\n@import \"../checkbox/gov-form-checkbox-core.scss\";\n$class: \".gov-form-radio\";\n\n#{$class} {\n\t@extend %form-checkbox-core;\n\tinput + span {\n\t\t&::before {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t\t&::after {\n\t\t\t@include pseudo();\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: $form-radio-indicator-bg;\n\t\t\topacity: 0;\n\t\t\ttransition: $t linear opacity;\n\t\t}\n\t}\n\n\t&__label {\n\t\tposition: relative;\n\t}\n\n\t// STATES\n\tinput:checked + span::after {\n\t\topacity: 1;\n\t}\n\t@include parameter(\"invalid\") {\n\t\tinput + span::after {\n\t\t\tbackground: $form-state-color-error;\n\t\t}\n\t}\n\t@include parameter(\"disabled\") {\n\t\tinput:checked + span::after {\n\t\t\tbackground-color: $form-state-bg-disabled;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $form-checkbox-core-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\tinput + span::after {\n\t\t\t\ttop: calc((get(\"indicator-size\", $definitions) - get(\"dot-size\", $definitions)) / 2);\n\t\t\t\tleft: calc((get(\"indicator-size\", $definitions) - get(\"dot-size\", $definitions)) / 2);\n\t\t\t\twidth: get(\"dot-size\", $definitions);\n\t\t\t\theight: get(\"dot-size\", $definitions);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { FormRadioClass, FormRadioSizes, FormRadioSizesType } from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport { FormRadioEvent } from \"./gov-form-radio.types\"\n\n@Component({\n\ttag: \"gov-form-radio\",\n\tstyleUrl: \"gov-form-radio.scss\",\n})\nexport class GovFormRadio {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\n\tprivate readonly radioId: string\n\n\tconstructor() {\n\t\tthis.radioId = createID(\"GovRadio\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormRadioElement\n\t/**\n\t * Value of radio\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({ attribute: \"no-label\" }) readonly noLabel: boolean = false\n\t/**\n\t * Radio button state\n\t */\n\t@Prop({ reflect: true, mutable: true }) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the radio component disabled.\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Name of the radio.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Radio's size.\n\t */\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\n\t/**\n\t * Custom radio identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the radio has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormRadioEvent>\n\t/**\n\t * Emitted when the radio loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormRadioEvent>\n\t/**\n\t * Emitted when the radio change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormRadioEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\n\t}\n\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.radioId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst wrapRadio = children => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormRadioClass.root} checked={this.checked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t<div class={FormRadioClass.holder}>\n\t\t\t\t\t{wrapRadio(\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass={FormRadioClass.input}\n\t\t\t\t\t\t\t\tid={this.identifier || this.radioId}\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t\taria-checked={this.checked}\n\t\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Fragment>,\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormRadioClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormRadioClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormRadioClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormRadioClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormRadioClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.radioId, this.wcagLabelledBy, FormRadioClass.root)\n\t}\n}\n"],"mappings":"mhBAAA,MAAMA,EAAkB,kkPACxB,MAAAC,EAAeD,E,MCiBFE,EAAY,MAOxB,WAAAC,CAAAC,G,wJAe6D,M,aAIX,M,cAKb,M,cAKA,M,8BAQQ,I,8GApC5CC,KAAKC,QAAUC,EAAS,YAExBF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,EAAIC,EAAQP,KAAKG,E,CAgEvB,YAAAK,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAeC,K,CAMvD,aAAAC,GACCd,KAAKe,kB,CAGE,gBAAAA,GACPf,KAAKM,EAAEU,kBAAkB,OAAQhB,KAAKiB,MACtCjB,KAAKM,EAAEU,kBAAkB,WAAYE,EAAWlB,KAAKmB,WACrDnB,KAAKM,EAAEU,kBAAkB,UAAWE,EAAWlB,KAAKoB,UACpDpB,KAAKM,EAAEU,kBAAkB,OAAQ,Q,CAIlC,iBAAAK,GACCrB,KAAKe,kB,CAGN,wBAAMO,GACLtB,KAAKM,EAAEiB,gBAAgB,aAAcvB,KAAKwB,YAAcxB,KAAKC,SAC7DD,KAAKM,EAAEiB,gBAAgB,WAAYE,OAAOzB,KAAK0B,WAC/C,GAAIC,IAA2B,OACxBC,EAAM,WACN5B,KAAK6B,c,EAIb,MAAAC,GACC,MAAMC,EAAYC,IACjB,GAAIhC,KAAKiC,QAAS,CACjB,OAAO9B,EAAA,SAAO+B,MAAOtB,EAAeuB,OAAQH,E,CAE7C,OAAOA,CAAQ,EAGhB,OACC7B,EAACiC,EAAI,CAACF,MAAOtB,EAAeC,KAAMwB,QAASrC,KAAKqC,QAASpB,KAAMjB,KAAKiB,KAAMG,QAASkB,EAAoBtC,KAAKoB,UAC3GjB,EAAA,OAAK+B,MAAOtB,EAAe2B,QACzBR,EACA5B,EAACqC,EAAQ,KACRrC,EAAA,SACC+B,MAAOtB,EAAe6B,MACtBC,GAAI1C,KAAKwB,YAAcxB,KAAKC,QAC5B0C,KAAK,QACLC,MAAO5C,KAAK4C,MACZC,KAAM7C,KAAK6C,KACXR,QAASrC,KAAKqC,QACdlB,SAAUnB,KAAKmB,SACf2B,QAAS9C,KAAK+C,eAAeC,KAAKhD,MAClCiD,SAAUjD,KAAKkD,gBAAgBF,KAAKhD,MACpCmD,QAASnD,KAAKoD,eAAeJ,KAAKhD,MAClCqD,OAAQrD,KAAKsD,cAAcN,KAAKhD,MAChCuD,IAAKC,GAAOxD,KAAKyD,SAAWD,EAC5B9B,SAAU1B,KAAK0B,SAAQ,eACT1B,KAAKqC,QAAO,gBACXC,EAAoBtC,KAAK0B,UAAS,eACnCY,EAAoBtC,KAAKoB,SAAQ,mBAC7BpB,KAAK0D,gBAAe,kBACrB1D,KAAK2D,eAAc,gBACrBrB,EAAoBtC,KAAKmB,YAEzChB,EAAA,YACCA,EAAA,QAAM0C,KAAK,c,CASV,cAAAE,CAAea,GACtBA,EAAEC,iB,CAGK,cAAAT,CAAeQ,GACtBA,EAAEC,kBACF7D,KAAK8D,SAASC,KAAK,CAClBC,UAAWpD,EAAeC,KAC1B+B,MAAO5C,KAAK4C,MACZP,QAASrC,KAAKqC,QACd4B,cAAeL,G,CAIT,aAAAN,CAAcM,GACrBA,EAAEC,kBACF7D,KAAKkE,QAAQH,KAAK,CACjBC,UAAWpD,EAAeC,KAC1B+B,MAAO5C,KAAK4C,MACZP,QAASrC,KAAKqC,QACd4B,cAAeL,G,CAIT,eAAAV,CAAgBU,GACvB5D,KAAKqC,QAAWuB,EAAEO,OAA4B9B,QAC9CuB,EAAEC,kBACF7D,KAAKoE,UAAUL,KAAK,CACnBC,UAAWpD,EAAeC,KAC1B+B,MAAO5C,KAAK4C,MACZP,QAASrC,KAAKqC,QACd4B,cAAeL,G,CAQjB,YAAMS,GACL,OAAOrE,KAAKyD,Q,CAOb,kBAAM5B,GACLyC,EAAgBtE,KAAK0D,gBAAiB,oBAAqB9C,EAAeC,MAC1EyD,EAAgBtE,KAAK2D,eAAgB,mBAAoB/C,EAAeC,MACxE0D,EAAqBvE,KAAKwB,YAAcxB,KAAKC,QAASD,KAAK2D,eAAgB/C,EAAeC,K"}
\ No newline at end of file
diff --git a/build/p-bb2df43a.entry.js b/build/p-bb2df43a.entry.js
new file mode 100644
index 00000000..591ab175
--- /dev/null
+++ b/build/p-bb2df43a.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as r,a as o,g as a}from"./p-3336fe3b.js";import{g as t}from"./p-8a8117a5.js";import{v as n}from"./p-bc59b609.js";import{a as v,b as i}from"./p-a9bfe306.js";import{p as l}from"./p-6ec83778.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-2b6bbee5.js";const s={root:"gov-tag"};const g='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tag .element{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-tag .element:focus{outline:none}.gov-tag .element .gov-icon{flex:0 0 auto;color:inherit}.gov-tag .element>*{display:flex}[hoverable].gov-tag .element{cursor:pointer}[hoverable].gov-tag .element:focus{outline:none}[hoverable].gov-tag .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-tag .element:focus-visible,[hoverable][type=base].gov-tag .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-tag,[hoverable][disabled=true i].gov-tag,[hoverable][disabled="1"].gov-tag{cursor:not-allowed}[hoverable][disabled=""].gov-tag .element,[hoverable][disabled=true i].gov-tag .element,[hoverable][disabled="1"].gov-tag .element{pointer-events:none}[expanded=""].gov-tag,[expanded=true i].gov-tag,[expanded="1"].gov-tag{display:block}[expanded=""].gov-tag .element,[expanded=true i].gov-tag .element,[expanded="1"].gov-tag .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-tag .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][inverse=""].gov-tag .element,[type=solid][variant=primary][inverse=true i].gov-tag .element,[type=solid][variant=primary][inverse="1"].gov-tag .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=""].gov-tag .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=primary][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""].gov-tag .element,[type=solid][variant=primary][disabled=true i].gov-tag .element,[type=solid][variant=primary][disabled="1"].gov-tag .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""][inverse=""].gov-tag .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-tag .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-tag .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=""].gov-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-tag .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-tag .element,[type=outlined][variant=primary][inverse=true i].gov-tag .element,[type=outlined][variant=primary][inverse="1"].gov-tag .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=""].gov-tag .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=primary][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=""].gov-tag .element,[type=outlined][variant=primary][disabled=true i].gov-tag .element,[type=outlined][variant=primary][disabled="1"].gov-tag .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-tag .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-tag .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-tag .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=""].gov-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-tag .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=""].gov-tag .element,[type=base][variant=primary][inverse=true i].gov-tag .element,[type=base][variant=primary][inverse="1"].gov-tag .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-tag .element,[type=base][variant=primary][disabled=true i].gov-tag .element,[type=base][variant=primary][disabled="1"].gov-tag .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-tag .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-tag .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-tag .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-tag .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=""].gov-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-tag .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=""].gov-tag .element,[type=link][variant=primary][inverse=true i].gov-tag .element,[type=link][variant=primary][inverse="1"].gov-tag .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=""].gov-tag .element,[type=link][variant=primary][disabled=true i].gov-tag .element,[type=link][variant=primary][disabled="1"].gov-tag .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=""][inverse=""].gov-tag .element,[type=link][variant=primary][disabled=""][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=""][inverse="1"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=""].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse="1"].gov-tag .element,[type=link][variant=primary][disabled="1"][inverse=""].gov-tag .element,[type=link][variant=primary][disabled="1"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=""].gov-tag .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=primary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=""].gov-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-tag .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-tag .element,[type=solid][variant=secondary][inverse=true i].gov-tag .element,[type=solid][variant=secondary][inverse="1"].gov-tag .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-tag .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=secondary][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=""].gov-tag .element,[type=solid][variant=secondary][disabled=true i].gov-tag .element,[type=solid][variant=secondary][disabled="1"].gov-tag .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-tag .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-tag .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-tag .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=""].gov-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-tag .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-tag .element,[type=outlined][variant=secondary][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][inverse="1"].gov-tag .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=""].gov-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=secondary][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=""].gov-tag .element,[type=outlined][variant=secondary][disabled=true i].gov-tag .element,[type=outlined][variant=secondary][disabled="1"].gov-tag .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-tag .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-tag .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-tag .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-tag .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=""].gov-tag .element,[type=base][variant=secondary][inverse=true i].gov-tag .element,[type=base][variant=secondary][inverse="1"].gov-tag .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-tag .element,[type=base][variant=secondary][disabled=true i].gov-tag .element,[type=base][variant=secondary][disabled="1"].gov-tag .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-tag .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-tag .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-tag .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=""].gov-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-tag .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=""].gov-tag .element,[type=link][variant=secondary][inverse=true i].gov-tag .element,[type=link][variant=secondary][inverse="1"].gov-tag .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=""].gov-tag .element,[type=link][variant=secondary][disabled=true i].gov-tag .element,[type=link][variant=secondary][disabled="1"].gov-tag .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=""][inverse=""].gov-tag .element,[type=link][variant=secondary][disabled=""][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=""][inverse="1"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=""].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse="1"].gov-tag .element,[type=link][variant=secondary][disabled="1"][inverse=""].gov-tag .element,[type=link][variant=secondary][disabled="1"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=""].gov-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=""].gov-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-tag .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=error][inverse=""].gov-tag .element,[type=solid][variant=error][inverse=true i].gov-tag .element,[type=solid][variant=error][inverse="1"].gov-tag .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=""].gov-tag .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=error][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""].gov-tag .element,[type=solid][variant=error][disabled=true i].gov-tag .element,[type=solid][variant=error][disabled="1"].gov-tag .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""][inverse=""].gov-tag .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-tag .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-tag .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-tag .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=""].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-tag .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-tag .element,[type=outlined][variant=error][inverse=true i].gov-tag .element,[type=outlined][variant=error][inverse="1"].gov-tag .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=""].gov-tag .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=error][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=""].gov-tag .element,[type=outlined][variant=error][disabled=true i].gov-tag .element,[type=outlined][variant=error][disabled="1"].gov-tag .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-tag .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-tag .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-tag .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=""].gov-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-tag .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=""].gov-tag .element,[type=base][variant=error][inverse=true i].gov-tag .element,[type=base][variant=error][inverse="1"].gov-tag .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-tag .element,[type=base][variant=error][disabled=true i].gov-tag .element,[type=base][variant=error][disabled="1"].gov-tag .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-tag .element,[type=base][variant=error][disabled=""][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=""][inverse="1"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=""].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-tag .element,[type=base][variant=error][disabled="1"][inverse=""].gov-tag .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-tag .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=""].gov-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-tag .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=""].gov-tag .element,[type=link][variant=error][inverse=true i].gov-tag .element,[type=link][variant=error][inverse="1"].gov-tag .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=""].gov-tag .element,[type=link][variant=error][disabled=true i].gov-tag .element,[type=link][variant=error][disabled="1"].gov-tag .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=""][inverse=""].gov-tag .element,[type=link][variant=error][disabled=""][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=""][inverse="1"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=""].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=true i][inverse="1"].gov-tag .element,[type=link][variant=error][disabled="1"][inverse=""].gov-tag .element,[type=link][variant=error][disabled="1"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=""].gov-tag .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=error][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=""].gov-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=error][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-tag .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=success][inverse=""].gov-tag .element,[type=solid][variant=success][inverse=true i].gov-tag .element,[type=solid][variant=success][inverse="1"].gov-tag .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=""].gov-tag .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=success][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""].gov-tag .element,[type=solid][variant=success][disabled=true i].gov-tag .element,[type=solid][variant=success][disabled="1"].gov-tag .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""][inverse=""].gov-tag .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-tag .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-tag .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-tag .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=""].gov-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-tag .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-tag .element,[type=outlined][variant=success][inverse=true i].gov-tag .element,[type=outlined][variant=success][inverse="1"].gov-tag .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=""].gov-tag .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=success][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=""].gov-tag .element,[type=outlined][variant=success][disabled=true i].gov-tag .element,[type=outlined][variant=success][disabled="1"].gov-tag .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-tag .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-tag .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-tag .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=""].gov-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-tag .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=""].gov-tag .element,[type=base][variant=success][inverse=true i].gov-tag .element,[type=base][variant=success][inverse="1"].gov-tag .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-tag .element,[type=base][variant=success][disabled=true i].gov-tag .element,[type=base][variant=success][disabled="1"].gov-tag .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-tag .element,[type=base][variant=success][disabled=""][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=""][inverse="1"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=""].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-tag .element,[type=base][variant=success][disabled="1"][inverse=""].gov-tag .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-tag .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=""].gov-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-tag .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=""].gov-tag .element,[type=link][variant=success][inverse=true i].gov-tag .element,[type=link][variant=success][inverse="1"].gov-tag .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=""].gov-tag .element,[type=link][variant=success][disabled=true i].gov-tag .element,[type=link][variant=success][disabled="1"].gov-tag .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=""][inverse=""].gov-tag .element,[type=link][variant=success][disabled=""][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=""][inverse="1"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=""].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=true i][inverse="1"].gov-tag .element,[type=link][variant=success][disabled="1"][inverse=""].gov-tag .element,[type=link][variant=success][disabled="1"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=""].gov-tag .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=success][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=""].gov-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=success][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-tag .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][inverse=""].gov-tag .element,[type=solid][variant=warning][inverse=true i].gov-tag .element,[type=solid][variant=warning][inverse="1"].gov-tag .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=""].gov-tag .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=warning][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""].gov-tag .element,[type=solid][variant=warning][disabled=true i].gov-tag .element,[type=solid][variant=warning][disabled="1"].gov-tag .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""][inverse=""].gov-tag .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-tag .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-tag .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=""].gov-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-tag .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-tag .element,[type=outlined][variant=warning][inverse=true i].gov-tag .element,[type=outlined][variant=warning][inverse="1"].gov-tag .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=""].gov-tag .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=warning][inverse="1"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=""].gov-tag .element,[type=outlined][variant=warning][disabled=true i].gov-tag .element,[type=outlined][variant=warning][disabled="1"].gov-tag .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-tag .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-tag .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-tag .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=""].gov-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-tag .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=""].gov-tag .element,[type=base][variant=warning][inverse=true i].gov-tag .element,[type=base][variant=warning][inverse="1"].gov-tag .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-tag .element,[type=base][variant=warning][disabled=true i].gov-tag .element,[type=base][variant=warning][disabled="1"].gov-tag .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-tag .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-tag .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-tag .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-tag .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=""].gov-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-tag .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=""].gov-tag .element,[type=link][variant=warning][inverse=true i].gov-tag .element,[type=link][variant=warning][inverse="1"].gov-tag .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=""].gov-tag .element,[type=link][variant=warning][disabled=true i].gov-tag .element,[type=link][variant=warning][disabled="1"].gov-tag .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=""][inverse=""].gov-tag .element,[type=link][variant=warning][disabled=""][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=""][inverse="1"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=""].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse="1"].gov-tag .element,[type=link][variant=warning][disabled="1"][inverse=""].gov-tag .element,[type=link][variant=warning][disabled="1"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled="1"][inverse="1"].gov-tag .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=""].gov-tag .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=warning][hoverable][inverse="1"].gov-tag .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=""].gov-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse="1"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-tag .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-tag .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-tag .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-tag .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-tag .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-tag .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-tag .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-tag .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-tag .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-tag .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-tag{display:inline-flex}.gov-tag a .gov-icon{margin:0}.gov-tag .element{padding:0.25rem 0.5rem;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;letter-spacing:initial}.gov-tag .gov-button .element{border:none}.gov-tag[size=xs] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xs][hoverable] .element:focus{outline:none}.gov-tag[size=xs][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=s] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=s][hoverable] .element:focus{outline:none}.gov-tag[size=s][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=m] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=m][hoverable] .element:focus{outline:none}.gov-tag[size=m][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=l] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=l][hoverable] .element:focus{outline:none}.gov-tag[size=l][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=xl] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xl][hoverable] .element:focus{outline:none}.gov-tag[size=xl][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[type=solid][variant=warning] .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-black))}.gov-tag[variant=primary][inverse=""] .element,.gov-tag[variant=primary][inverse=""] .element .element,.gov-tag[variant=primary][inverse=true i] .element,.gov-tag[variant=primary][inverse=true i] .element .element,.gov-tag[variant=primary][inverse="1"] .element,.gov-tag[variant=primary][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tag[variant=primary][inverse=""] .element:hover,.gov-tag[variant=primary][inverse=""] .element .element:hover,.gov-tag[variant=primary][inverse=true i] .element:hover,.gov-tag[variant=primary][inverse=true i] .element .element:hover,.gov-tag[variant=primary][inverse="1"] .element:hover,.gov-tag[variant=primary][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-tag[variant=secondary][inverse=""] .element,.gov-tag[variant=secondary][inverse=""] .element .element,.gov-tag[variant=secondary][inverse=true i] .element,.gov-tag[variant=secondary][inverse=true i] .element .element,.gov-tag[variant=secondary][inverse="1"] .element,.gov-tag[variant=secondary][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-tag[variant=secondary][inverse=""] .element:hover,.gov-tag[variant=secondary][inverse=""] .element .element:hover,.gov-tag[variant=secondary][inverse=true i] .element:hover,.gov-tag[variant=secondary][inverse=true i] .element .element:hover,.gov-tag[variant=secondary][inverse="1"] .element:hover,.gov-tag[variant=secondary][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-tag[variant=success][inverse=""] .element,.gov-tag[variant=success][inverse=""] .element .element,.gov-tag[variant=success][inverse=true i] .element,.gov-tag[variant=success][inverse=true i] .element .element,.gov-tag[variant=success][inverse="1"] .element,.gov-tag[variant=success][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-tag[variant=success][inverse=""] .element:hover,.gov-tag[variant=success][inverse=""] .element .element:hover,.gov-tag[variant=success][inverse=true i] .element:hover,.gov-tag[variant=success][inverse=true i] .element .element:hover,.gov-tag[variant=success][inverse="1"] .element:hover,.gov-tag[variant=success][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-tag[variant=warning][inverse=""] .element,.gov-tag[variant=warning][inverse=""] .element .element,.gov-tag[variant=warning][inverse=true i] .element,.gov-tag[variant=warning][inverse=true i] .element .element,.gov-tag[variant=warning][inverse="1"] .element,.gov-tag[variant=warning][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-tag[variant=warning][inverse=""] .element:hover,.gov-tag[variant=warning][inverse=""] .element .element:hover,.gov-tag[variant=warning][inverse=true i] .element:hover,.gov-tag[variant=warning][inverse=true i] .element .element:hover,.gov-tag[variant=warning][inverse="1"] .element:hover,.gov-tag[variant=warning][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-tag[variant=error][inverse=""] .element,.gov-tag[variant=error][inverse=""] .element .element,.gov-tag[variant=error][inverse=true i] .element,.gov-tag[variant=error][inverse=true i] .element .element,.gov-tag[variant=error][inverse="1"] .element,.gov-tag[variant=error][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-tag[variant=error][inverse=""] .element:hover,.gov-tag[variant=error][inverse=""] .element .element:hover,.gov-tag[variant=error][inverse=true i] .element:hover,.gov-tag[variant=error][inverse=true i] .element .element:hover,.gov-tag[variant=error][inverse="1"] .element:hover,.gov-tag[variant=error][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}';const c=g;const d=class{constructor(r){e(this,r);this.inverse=false;this.iconLeft=undefined;this.iconRight=undefined;this.size=v._S;this.variant=i.PRIMARY;this.h=t(this.host)}validateVariant(e){n(i,e,s.root)}validateSize(e){n(v,e,s.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){const e=l(this.iconLeft);const a=l(this.iconRight);return r(o,{key:"36e76b3b632e01a24bdeb8454dccf433b29f0b7a",class:this.h.classes(s.root),variant:this.variant,type:this.inverse?undefined:"solid",size:this.size,inverse:this.inverse},r("span",{key:"eab319343e236a344cfb225c93b0cb6e868092c3",class:"element"},this.h.hasSlot("left-icon")&&r("slot",{name:"left-icon"}),e&&r("gov-icon",{type:e.type,name:e.name}),r("slot",{key:"42a9d5330858391a530496b2db1dd8b2cef7c287"}),a&&r("gov-icon",{type:a.type,name:a.name}),this.h.hasSlot("right-icon")&&r("slot",{name:"right-icon"})))}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}};d.style=c;export{d as gov_tag};
+//# sourceMappingURL=p-bb2df43a.entry.js.map
\ No newline at end of file
diff --git a/build/p-bb2df43a.entry.js.map b/build/p-bb2df43a.entry.js.map
new file mode 100644
index 00000000..526ffa2d
--- /dev/null
+++ b/build/p-bb2df43a.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["TagClass","root","govTagCss","GovTagStyle0","GovTag","constructor","hostRef","ButtonSizes","_S","ButtonVariants","PRIMARY","this","h","govHost","host","validateVariant","newValue","validateProp","validateSize","componentWillLoad","variant","size","render","iconLeft","prepareIconFormat","iconRight","Host","key","class","classes","type","inverse","undefined","hasSlot","name"],"sources":["../../packages/core/src/components/gov-tag/constants.ts","../../packages/core/src/components/gov-tag/gov-tag.scss?tag=gov-tag","../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["export const TagClass = {\n\troot: 'gov-tag',\n}\n","/*\n *   Tag\n */\n\n// Shared definitions - button & chip & tag\n@import \"../gov-button/button/gov-button-core\";\n\n.gov-tag {\n\t@extend %button-core;\n\tdisplay: inline-flex;\n\ta .gov-icon {\n\t\tmargin: 0;\n\t}\n\t.element {\n\t\tpadding: rem-calc(4 8);\n\t\tfont-family: $font-family-primary;\n\t\tfont-weight: 400;\n\t\tletter-spacing: initial;\n\t}\n\t.gov-button {\n\t\t.element {\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tborder-radius: $tag-radius;\n\t\t\t\tcolumn-gap: $tag-gap;\n\t\t\t}\n\n\t\t\t// HOVERS\n\t\t\t&[hoverable] .element {\n\t\t\t\t@include focus-outline($tag-radius, $outline-offset);\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $types in $tag-variants {\n\t\t@each $type, $definitions in $types {\n\t\t\t&[type=\"#{$type}\"][variant=\"#{$variant}\"] {\n\t\t\t\t.element {\n\t\t\t\t\tbackground-color: deep-map-get($tag-variants, $variant, $type, \"bg\");\n\t\t\t\t\tcolor: deep-map-get($tag-variants, $variant, $type, \"color\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $types in $chip-inverse-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t.element,\n\t\t\t\t.element .element {\n\t\t\t\t\tborder-width: rem-calc(1);\n\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color\");\n\t\t\t\t\tbackground-color: deep-map-get($chip-inverse-variants, $variant, \"bg\");\n\t\t\t\t\tcolor: deep-map-get($chip-inverse-variants, $variant, \"color\");\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color-hover\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonSizesType, ButtonVariants, ButtonVariantType} from '../gov-button/button/constants'\nimport {TagClass} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n\tstyleUrl: 'gov-tag.scss',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-left\"}) readonly iconLeft?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-right\"}) readonly iconRight?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: ButtonSizesType = ButtonSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly variant: ButtonVariantType = ButtonVariants.PRIMARY\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconLeft = prepareIconFormat(this.iconLeft)\n\t\tconst iconRight = prepareIconFormat(this.iconRight)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\ttype={this.inverse ? undefined : 'solid'}\n\t\t\t\t\t\tsize={this.size} inverse={this.inverse}>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{this.h.hasSlot('left-icon') && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t{iconLeft && \t<gov-icon type={iconLeft.type} name={iconLeft.name}></gov-icon>}\n\t\t\t\t\t<slot/>\n\t\t\t\t\t{iconRight && \t<gov-icon type={iconRight.type} name={iconRight.name}></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot('right-icon') && <slot name=\"right-icon\"></slot>}\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"gTAAO,MAAMA,EAAW,CACvBC,KAAM,WCDP,MAAMC,EAAY,813EAClB,MAAAC,EAAeD,E,MCWFE,EAAM,MAGlB,WAAAC,CAAAC,G,uBASoC,M,2DAYoBC,EAAYC,G,aAIPC,EAAeC,QAxB3EC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA2BvB,eAAAC,CAAgBC,GACfC,EAAaR,EAAgBO,EAAUhB,EAASC,K,CAIjD,YAAAiB,CAAaF,GACZC,EAAaV,EAAaS,EAAUhB,EAASC,K,CAG9C,iBAAAkB,GACCR,KAAKI,gBAAgBJ,KAAKS,SAC1BT,KAAKO,aAAaP,KAAKU,K,CAGxB,MAAAC,GACC,MAAMC,EAAWC,EAAkBb,KAAKY,UACxC,MAAME,EAAYD,EAAkBb,KAAKc,WACzC,OACCb,EAACc,EAAI,CAAAC,IAAA,2CAACC,MAAOjB,KAAKC,EAAEiB,QAAQ7B,EAASC,MAClCmB,QAAST,KAAKS,QACdU,KAAMnB,KAAKoB,QAAUC,UAAY,QACjCX,KAAMV,KAAKU,KAAMU,QAASpB,KAAKoB,SACjCnB,EAAA,QAAAe,IAAA,2CAAMC,MAAM,WACVjB,KAAKC,EAAEqB,QAAQ,cAAgBrB,EAAA,QAAMsB,KAAK,cAC1CX,GAAaX,EAAA,YAAUkB,KAAMP,EAASO,KAAMI,KAAMX,EAASW,OAC5DtB,EAAA,QAAAe,IAAA,6CACCF,GAAcb,EAAA,YAAUkB,KAAML,EAAUK,KAAMI,KAAMT,EAAUS,OAC9DvB,KAAKC,EAAEqB,QAAQ,eAAiBrB,EAAA,QAAMsB,KAAK,gB"}
\ No newline at end of file
diff --git a/build/p-bc59b609.js b/build/p-bc59b609.js
new file mode 100644
index 00000000..44ce4725
--- /dev/null
+++ b/build/p-bc59b609.js
@@ -0,0 +1,2 @@
+import{g as a}from"./p-40f10385.js";const e=(e,t,r)=>{const s=Object.values(e);const o=s.indexOf(t)>-1;if(!o){a(`[${r}]: Bad parameter with value (${t}). Available parameters are (${s.join(", ")}).`)}};export{e as v};
+//# sourceMappingURL=p-bc59b609.js.map
\ No newline at end of file
diff --git a/build/p-bc59b609.js.map b/build/p-bc59b609.js.map
new file mode 100644
index 00000000..be6e4485
--- /dev/null
+++ b/build/p-bc59b609.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["validateProp","valueEnum","value","component","values","Object","isValid","indexOf","govWarningLog","join"],"sources":["../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"mappings":"0CAGaA,EAAe,CAAmCC,EAAcC,EAAeC,KAC3F,MAAMC,EAASC,OAAOD,OAAOH,GAC7B,MAAMK,EAAUF,EAAOG,QAAQL,IAAU,EACzC,IAAKI,EAAS,CACbE,EAAc,IAAIL,iCAAyCD,iCAAqCE,EAAOK,KAAK,U"}
\ No newline at end of file
diff --git a/build/p-bc9d1b32.entry.js b/build/p-bc9d1b32.entry.js
new file mode 100644
index 00000000..8f6af267
--- /dev/null
+++ b/build/p-bc9d1b32.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as t,a,g as s}from"./p-3336fe3b.js";import{N as i}from"./p-b4c087ba.js";import{v as o}from"./p-b24413c7.js";import{c as n}from"./p-32d89c78.js";import{d as r}from"./p-2b6bbee5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-nav{position:relative;display:block;width:100%;font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);background:var(--gov-nav-bg, var(--gov-color-primary));font-weight:bold;letter-spacing:0.0125em;text-transform:uppercase;flex-wrap:wrap}@media (min-width: 48em){.gov-nav{text-align:center}.gov-nav__nav{display:flex;justify-content:space-between}}";const p=c;const f=class{constructor(t){e(this,t);this.wcagLabel=undefined;this.wcagLabelledBy=undefined}async componentDidRender(){if(n()){await r(500);await this.validateWcag()}}render(){return t(a,{key:"89b50287cbee3ce1fd58cb3b4ac6006f9f41af75",class:i.root},t("nav",{key:"2954c04bb2c5c06107bd2813541c965f8bc5792b",class:i.nav,role:"list","arial-label":this.wcagLabel,"arial-labelledby":this.wcagLabelledBy},t("slot",{key:"a47e27da68acf5ebc8e3d74a3da955f21dee2456"})))}async validateWcag(){o(this.wcagLabel,this.wcagLabelledBy,i.root)}get host(){return s(this)}};f.style=p;export{f as gov_nav};
+//# sourceMappingURL=p-bc9d1b32.entry.js.map
\ No newline at end of file
diff --git a/build/p-bc9d1b32.entry.js.map b/build/p-bc9d1b32.entry.js.map
new file mode 100644
index 00000000..afa73ca3
--- /dev/null
+++ b/build/p-bc9d1b32.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govNavCss","GovNavStyle0","GovNav","componentDidRender","canValidateWcagOnRender","delay","this","validateWcag","render","h","Host","key","class","NavClass","root","nav","role","wcagLabel","wcagLabelledBy","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-nav/gov-nav.scss?tag=gov-nav","../../packages/core/src/components/gov-nav/gov-nav.tsx"],"sourcesContent":["/*\n *   Nav\n */\n\n$class: \".gov-nav\";\n\n#{$class} {\n\t@include base();\n\t@include typography($font-size-s);\n\tbackground: $nav-bg;\n\tfont-weight: bold;\n\tletter-spacing: 0.0125em;\n\ttext-transform: uppercase;\n\tflex-wrap: wrap;\n\n\t// MQ\n\t@include mq($from: md) {\n\t\ttext-align: center;\n\t\t&__nav {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { NavClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-nav',\n\tstyleUrl: 'gov-nav.scss',\n})\nexport class GovNav {\n\t@Element() readonly host: HTMLGovNavElement\n\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={NavClass.root}>\n\t\t\t\t<nav class={NavClass.nav} role={'list'} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot />\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, NavClass.root)\n\t}\n}\n"],"mappings":"oPAAA,MAAMA,EAAY,6yBAClB,MAAAC,EAAeD,E,MCSFE,EAAM,M,gFAYlB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNC,KAAKC,c,EAIb,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAASC,MACrBL,EAAA,OAAAE,IAAA,2CAAKC,MAAOC,EAASE,IAAKC,KAAM,OAAM,cAAeV,KAAKW,UAAS,mBAAoBX,KAAKY,gBAC3FT,EAAA,QAAAE,IAAA,8C,CAUJ,kBAAMJ,GACLY,EAAkBb,KAAKW,UAAWX,KAAKY,eAAgBL,EAASC,K"}
\ No newline at end of file
diff --git a/build/p-bdb44c03.entry.js b/build/p-bdb44c03.entry.js
new file mode 100644
index 00000000..6d1af003
--- /dev/null
+++ b/build/p-bdb44c03.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as e,h as r,a as c,g as i}from"./p-3336fe3b.js";import{c as a}from"./p-4029f0cb.js";import{v as t}from"./p-bc59b609.js";import{g as s,F as h,a as v}from"./p-7670cb34.js";import{g as n,a as m,t as l}from"./p-8a8117a5.js";import{a as g,b}from"./p-b24413c7.js";import{c as f}from"./p-32d89c78.js";import{d}from"./p-2b6bbee5.js";import{F as k}from"./p-7d05c0e2.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";const p='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-checkbox{cursor:pointer}.gov-form-checkbox input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-checkbox input+span{position:relative;display:block;cursor:pointer}.gov-form-checkbox input+span::before{content:"";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-checkbox .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-checkbox input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=""].gov-form-checkbox .gov-form-label__label,[invalid=true i].gov-form-checkbox .gov-form-label__label,[invalid="1"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-checkbox input+span::before,[invalid=true i].gov-form-checkbox input+span::before,[invalid="1"].gov-form-checkbox input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=""].gov-form-checkbox,[disabled=true i].gov-form-checkbox,[disabled="1"].gov-form-checkbox{pointer-events:none}[disabled=""].gov-form-checkbox .gov-form-label__label,[disabled=true i].gov-form-checkbox .gov-form-label__label,[disabled="1"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-checkbox input+span::before,[disabled=true i].gov-form-checkbox input+span::before,[disabled="1"].gov-form-checkbox input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-checkbox{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-checkbox{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-checkbox{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-checkbox{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-checkbox input+span::before{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-form-checkbox__check{position:absolute;color:var(--gov-form-checkbox-check-color, var(--gov-color-neutral-white));opacity:0;transition:150ms linear opacity}.gov-form-checkbox__label{position:relative}.gov-form-checkbox input:checked+span::before{background:var(--gov-form-checkbox-indicator-bg, var(--gov-color-primary))}input:checked+span .gov-form-checkbox__check{opacity:1}.gov-form-checkbox[invalid=""] input:checked+span::before,.gov-form-checkbox[invalid=true i] input:checked+span::before,.gov-form-checkbox[invalid="1"] input:checked+span::before{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-checkbox[disabled=""] input:checked+span::before,.gov-form-checkbox[disabled=true i] input:checked+span::before,.gov-form-checkbox[disabled="1"] input:checked+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-checkbox[size=xs] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-xs-check-size, 0.75rem);height:var(--gov-form-checkbox-core-xs-check-size, 0.75rem)}.gov-form-checkbox[size=s] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);width:var(--gov-form-checkbox-core-s-check-size, 0.825rem);height:var(--gov-form-checkbox-core-s-check-size, 0.825rem)}.gov-form-checkbox[size=m] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);width:var(--gov-form-checkbox-core-m-check-size, 0.9rem);height:var(--gov-form-checkbox-core-m-check-size, 0.9rem)}.gov-form-checkbox[size=l] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);width:var(--gov-form-checkbox-core-l-check-size, 1.2rem);height:var(--gov-form-checkbox-core-l-check-size, 1.2rem)}';const x=p;const u=class{constructor(r){o(this,r);this.govFocus=e(this,"gov-focus",7);this.govBlur=e(this,"gov-blur",7);this.govChange=e(this,"gov-change",7);this.value=undefined;this.checked=false;this.required=false;this.disabled=false;this.name=undefined;this.size="m";this.identifier=undefined;this.noLabel=false;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.checkboxId=a("GovCheckbox");this.h=n(this.host);this.f=s(this.h)}validateSize(o){t(v,o,h.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",m(this.disabled));this.f.passAttrToControl("invalid",m(this.invalid))}componentWillLoad(){this.f.passAttrToControl("type","checkbox");this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));if(f()){await d(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return r("label",{class:h.label},o)}return o};return r(c,{class:h.root,checked:this.checked,size:this.size,invalid:l(this.invalid)},o(r(k,null,r("input",{id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,ref:o=>this.inputRef=o,"aria-checked":m(this.checked),"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":l(this.disabled)}),r("span",null,r("slot",{name:"label"}),r("gov-icon",{class:h.check,name:"check-lg"})))))}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:h.root,value:this.value,checked:this.checked,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:h.root,value:this.value,checked:this.checked,originalEvent:o})}onClickHandler(o){o.stopPropagation()}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:h.root,value:this.value,checked:this.checked,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){g(this.wcagDescribedBy,"wcag-described-by",h.root);g(this.wcagLabelledBy,"wcag-labelled-by",h.root);b(this.identifier||this.checkboxId,this.wcagLabelledBy,h.root)}get host(){return i(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};u.style=x;export{u as gov_form_checkbox};
+//# sourceMappingURL=p-bdb44c03.entry.js.map
\ No newline at end of file
diff --git a/build/p-bdb44c03.entry.js.map b/build/p-bdb44c03.entry.js.map
new file mode 100644
index 00000000..8ae61dc6
--- /dev/null
+++ b/build/p-bdb44c03.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormCheckboxCss","GovFormCheckboxStyle0","GovFormCheckbox","constructor","hostRef","this","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","root","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","componentWillLoad","componentDidRender","passAttrToLabel","identifier","String","required","canValidateWcagOnRender","delay","validateWcag","render","wrapCheckbox","children","noLabel","class","label","Host","checked","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","wcagDescribedBy","wcagLabelledBy","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.scss?tag=gov-form-checkbox","../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["/*\n *   Checkbox\n */\n\n@import \"../checkbox/gov-form-checkbox-core.scss\";\n\n$class: \".gov-form-checkbox\";\n\n#{$class} {\n    @extend %form-checkbox-core;\n\n    input + span {\n        &::before {\n            border-radius: $border-radius;\n        }\n    }\n\n    &__check {\n        position: absolute;\n        color: $form-checkbox-check-color;\n        opacity: 0;\n        transition: $t linear opacity;\n    }\n\n    &__label {\n        position: relative;\n    }\n\n    // STATES\n    input:checked + span::before {\n        background: $form-checkbox-indicator-bg;\n    }\n\n    input:checked + span &__check {\n        opacity: 1;\n    }\n\n    @include parameter(\"invalid\") {\n        input:checked + span::before {\n            background: $form-state-color-error;\n        }\n    }\n    @include parameter(\"disabled\") {\n        input:checked + span::before {\n            border-color: $form-state-bg-disabled;\n            background-color: $form-state-bg-disabled;\n        }\n    }\n\n    // VARIANTS\n    @each $size, $definitions in $form-checkbox-core-sizes {\n        &[size=\"#{$size}\"] {\n            #{$class} {\n                &__check {\n                    top: calc((get(\"indicator-size\", $definitions) - get(\"check-size\", $definitions)) / 2);\n                    left: calc((get(\"indicator-size\", $definitions) - get(\"check-size\", $definitions)) / 2);\n                    width: get(\"check-size\", $definitions);\n                    height: get(\"check-size\", $definitions);\n                }\n            }\n        }\n    }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType } from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport { FormCheckboxEvent } from \"./gov-form-checkbox.types\"\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n\tstyleUrl: \"gov-form-checkbox.scss\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\n\tprivate readonly checkboxId: string\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({ reflect: true, mutable: true }) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t * This prevents users from being able to interact with the checkbox, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop() readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({ attribute: \"no-label\" }) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t\tthis.passControlAttrs()\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root} checked={this.checked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormCheckboxClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormCheckboxClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormCheckboxClass.root)\n\t}\n}\n"],"mappings":"ygBAAA,MAAMA,EAAqB,49PAC3B,MAAAC,EAAeD,E,MCiBFE,EAAe,MAO3B,WAAAC,CAAAC,G,wJAekD,M,cAKb,M,cAKA,M,8BAQW,I,uCAQa,M,oFAxC5DC,KAAKC,WAAaC,EAAS,eAE3BF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,EAAIC,EAAQP,KAAKG,E,CAgEvB,YAAAK,CAAaC,GACZC,EAAaC,EAAmBF,EAAUG,EAAkBC,K,CAM7D,aAAAC,GACCd,KAAKe,kB,CAGE,gBAAAA,GACPf,KAAKM,EAAEU,kBAAkB,OAAQhB,KAAKiB,MACtCjB,KAAKM,EAAEU,kBAAkB,WAAYE,EAAWlB,KAAKmB,WACrDnB,KAAKM,EAAEU,kBAAkB,UAAWE,EAAWlB,KAAKoB,S,CAGrD,iBAAAC,GACCrB,KAAKM,EAAEU,kBAAkB,OAAQ,YACjChB,KAAKe,kB,CAGN,wBAAMO,GACLtB,KAAKM,EAAEiB,gBAAgB,aAAcvB,KAAKwB,YAAcxB,KAAKC,YAC7DD,KAAKM,EAAEiB,gBAAgB,WAAYE,OAAOzB,KAAK0B,WAC/C,GAAIC,IAA2B,OACxBC,EAAM,WACN5B,KAAK6B,c,EAIb,MAAAC,GACC,MAAMC,EAAgBC,IACrB,GAAIhC,KAAKiC,QAAS,CACjB,OACC9B,EAAA,SAAO+B,MAAOtB,EAAkBuB,OAC9BH,E,CAIJ,OAAOA,CAAQ,EAGhB,OACC7B,EAACiC,EAAI,CAACF,MAAOtB,EAAkBC,KAAMwB,QAASrC,KAAKqC,QAASpB,KAAMjB,KAAKiB,KAAMG,QAASkB,EAAoBtC,KAAKoB,UAC7GW,EACA5B,EAACoC,EAAQ,KACRpC,EAAA,SACCqC,GAAIxC,KAAKwB,YAAcxB,KAAKC,WAC5BwC,KAAK,WACLC,MAAO1C,KAAK0C,MACZC,KAAM3C,KAAK2C,KACXN,QAASrC,KAAKqC,QACdO,QAAS5C,KAAK6C,eAAeC,KAAK9C,MAClC+C,SAAU/C,KAAKgD,gBAAgBF,KAAK9C,MACpCiD,QAASjD,KAAKkD,eAAeJ,KAAK9C,MAClCmD,OAAQnD,KAAKoD,cAAcN,KAAK9C,MAChC0B,SAAU1B,KAAK0B,SACfP,SAAUnB,KAAKmB,SACfkC,IAAKC,GAAOtD,KAAKuD,SAAWD,EAAuB,eACrCpC,EAAWlB,KAAKqC,SAAQ,gBACvBC,EAAoBtC,KAAK0B,UAAS,eACnCY,EAAoBtC,KAAKoB,SAAQ,mBAC7BpB,KAAKwD,gBAAe,kBACrBxD,KAAKyD,eAAc,gBACrBnB,EAAoBtC,KAAKmB,YAEzChB,EAAA,YACCA,EAAA,QAAMwC,KAAK,UACXxC,EAAA,YAAU+B,MAAOtB,EAAkB8C,MAAOf,KAAK,gB,CAQ7C,cAAAO,CAAeS,GACtBA,EAAEC,kBACF5D,KAAK6D,SAASC,KAAK,CAClBC,UAAWnD,EAAkBC,KAC7B6B,MAAO1C,KAAK0C,MACZL,QAASrC,KAAKqC,QACd2B,cAAeL,G,CAIT,aAAAP,CAAcO,GACrBA,EAAEC,kBACF5D,KAAKiE,QAAQH,KAAK,CACjBC,UAAWnD,EAAkBC,KAC7B6B,MAAO1C,KAAK0C,MACZL,QAASrC,KAAKqC,QACd2B,cAAeL,G,CAIT,cAAAd,CAAec,GACtBA,EAAEC,iB,CAGK,eAAAZ,CAAgBW,GACvB3D,KAAKqC,QAAWsB,EAAEO,OAA4B7B,QAC9CsB,EAAEC,kBACF5D,KAAKmE,UAAUL,KAAK,CACnBC,UAAWnD,EAAkBC,KAC7B6B,MAAO1C,KAAK0C,MACZL,QAASrC,KAAKqC,QACd2B,cAAeL,G,CAQjB,YAAMS,GACL,OAAOpE,KAAKuD,Q,CAOb,kBAAM1B,GACLwC,EAAgBrE,KAAKwD,gBAAiB,oBAAqB5C,EAAkBC,MAC7EwD,EAAgBrE,KAAKyD,eAAgB,mBAAoB7C,EAAkBC,MAC3EyD,EAAqBtE,KAAKwB,YAAcxB,KAAKC,WAAYD,KAAKyD,eAAgB7C,EAAkBC,K"}
\ No newline at end of file
diff --git a/build/p-c0179e60.entry.js b/build/p-c0179e60.entry.js
new file mode 100644
index 00000000..3540f3e2
--- /dev/null
+++ b/build/p-c0179e60.entry.js
@@ -0,0 +1,2 @@
+import{r as a,c as i,h as t,a as s,g as o}from"./p-3336fe3b.js";import{v as e}from"./p-bc59b609.js";import{A as r,a as n,b as c}from"./p-2f58e2e8.js";import{V as p}from"./p-55e78f21.js";import{v as f}from"./p-b24413c7.js";import{c as m}from"./p-32d89c78.js";import{d}from"./p-2b6bbee5.js";import{g as h}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-1693d6aa.js";import"./p-4029f0cb.js";const l=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion{position:relative;display:block;width:100%}.gov-accordion[no-border] .gov-accordion-item::before{background-color:transparent !important}";const b=l;const g=class{constructor(t){a(this,t);this.govChange=i(this,"gov-change",7);this.size="m";this.variant="primary";this.noBorder=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=h(this.host)}validateSize(a){e(c,a,n.root)}validateVariant(a){e(p,a,n.root)}componentWillLoad(){this.validateSize(this.size);this.validateVariant(this.variant)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((a=>{a.addEventListener("gov-change",(a=>{a.stopPropagation();this.govChange.emit({component:n.root,open:a.detail.open,ref:a.detail.ref})}))}))}async componentDidRender(){if(m()){await d(500);await this.validateWcag()}}render(){return t(s,{key:"fe097c5b17b07f22e43d348afa9831c2f294489a",class:this.h.classes(n.root),size:this.size,variant:this.variant,role:"list","arial-label":this.wcagLabel,"arial-labelledby":this.wcagLabelledBy},t("slot",{key:"0f8f2f26ab102d38c7fcaba746f07f2a055c42e1"}))}async validateWcag(){f(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return o(this)}static get watchers(){return{size:["validateSize"],variant:["validateVariant"]}}};g.style=b;export{g as gov_accordion};
+//# sourceMappingURL=p-c0179e60.entry.js.map
\ No newline at end of file
diff --git a/build/p-c0179e60.entry.js.map b/build/p-c0179e60.entry.js.map
new file mode 100644
index 00000000..3fc1279e
--- /dev/null
+++ b/build/p-c0179e60.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govAccordionCss","GovAccordionStyle0","GovAccordion","constructor","hostRef","this","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","root","validateVariant","Variants","componentWillLoad","size","variant","componentDidLoad","querySelectorAll","AccordionItemClass","forEach","child","addEventListener","e","stopPropagation","govChange","emit","component","open","detail","ref","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","role","wcagLabel","wcagLabelledBy","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-accordion/gov-accordion.scss?tag=gov-accordion","../../packages/core/src/components/gov-accordion/gov-accordion.tsx"],"sourcesContent":["/*\n *   Accordion\n */\n\n$class: \".gov-accordion\";\n\n#{$class} {\n\t@include base();\n\n\t&[no-border] {\n\t\t.gov-accordion-item::before {\n\t\t\tbackground-color: transparent !important;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AccordionClass, AccordionSizes, AccordionSizeType, AccordionItemClass, AccordionVariantType } from './constants'\nimport { Variants } from '../../core/constants/variants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { AccordionEvent, AccordionItemEvent } from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n\tstyleUrl: 'gov-accordion.scss',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: AccordionVariantType = 'primary'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(AccordionClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tvariant={this.variant}\n\t\t\t\trole={'list'}\n\t\t\t\tarial-label={this.wcagLabel}\n\t\t\t\tarial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, AccordionClass.root)\n\t}\n}\n"],"mappings":"6YAAA,MAAMA,EAAkB,ifACxB,MAAAC,EAAeD,E,MCcFE,EAAY,MAGxB,WAAAC,CAAAC,G,0DAQ4C,I,aAIM,U,cAIa,M,uDAf9DC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA8BvB,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAeC,K,CAIvD,eAAAC,CAAgBL,GACfC,EAAaK,EAAUN,EAAUG,EAAeC,K,CAGjD,iBAAAG,GACCZ,KAAKI,aAAaJ,KAAKa,MACvBb,KAAKU,gBAAgBV,KAAKc,Q,CAG3B,gBAAAC,GACCf,KAAKG,KAAKa,iBAAiBC,EAAmBR,MAAMS,SAASC,IAC5DA,EAAMC,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFtB,KAAKuB,UAAUC,KAAK,CACnBC,UAAWjB,EAAeC,KAC1BiB,KAAML,EAAEM,OAAOD,KACfE,IAAKP,EAAEM,OAAOC,KACb,GACD,G,CAIJ,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACN/B,KAAKgC,c,EAIb,MAAAC,GACC,OACChC,EAACiC,EAAI,CAAAC,IAAA,2CACJC,MAAOpC,KAAKC,EAAEoC,QAAQ7B,EAAeC,MACrCI,KAAMb,KAAKa,KACXC,QAASd,KAAKc,QACdwB,KAAM,OAAM,cACCtC,KAAKuC,UAAS,mBACTvC,KAAKwC,gBACvBvC,EAAA,QAAAkC,IAAA,6C,CASH,kBAAMH,GACLS,EAAkBzC,KAAKuC,UAAWvC,KAAKwC,eAAgBhC,EAAeC,K"}
\ No newline at end of file
diff --git a/build/p-c0f93efd.entry.js b/build/p-c0f93efd.entry.js
new file mode 100644
index 00000000..5560aaac
--- /dev/null
+++ b/build/p-c0f93efd.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as t,a as e,g as i}from"./p-3336fe3b.js";import{g as r}from"./p-8a8117a5.js";const a={root:"gov-empty",icon:"gov-empty__icon",container:"gov-empty__container",content:"gov-empty__content"};const n=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-empty{position:relative;display:block;width:100%}.gov-empty__icon{display:inline-flex;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:2rem;border-radius:50%;background:var(--gov-empty-icon-circle-bg, linear-gradient(to bottom, var(--gov-color-primary-200), var(--gov-color-neutral-white)));color:var(--gov-empty-icon-color, var(--gov-color-primary))}.gov-empty__icon>*{width:3.5rem;height:3.5rem}.gov-empty__content>*:last-child{margin-bottom:0}";const s=n;const c=class{constructor(t){o(this,t);this.h=r(this.host)}render(){return t(e,{key:"fd431aa05b76d52034fd025f59753d862a738941",class:this.h.classes(a.root)},this.h.hasSlot("icon")&&t("div",{class:a.icon},t("slot",{name:"icon"})),t("div",{key:"e1d60d1ed4ef9ae83956fa7be3459d92b0e0645d",class:a.content},t("slot",{key:"b7fa978e6576a8b810d43ee66049e2f31f246d2d"})))}get host(){return i(this)}};c.style=s;export{c as gov_empty};
+//# sourceMappingURL=p-c0f93efd.entry.js.map
\ No newline at end of file
diff --git a/build/p-c0f93efd.entry.js.map b/build/p-c0f93efd.entry.js.map
new file mode 100644
index 00000000..9f21b6c3
--- /dev/null
+++ b/build/p-c0f93efd.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["EmptyClass","root","icon","container","content","govEmptyCss","GovEmptyStyle0","GovEmpty","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","hasSlot","name"],"sources":["../../packages/core/src/components/gov-empty/constants.ts","../../packages/core/src/components/gov-empty/gov-empty.scss?tag=gov-empty","../../packages/core/src/components/gov-empty/gov-empty.tsx"],"sourcesContent":["export const EmptyClass = {\n\troot: 'gov-empty',\n\ticon: 'gov-empty__icon',\n\tcontainer: 'gov-empty__container',\n\tcontent: 'gov-empty__content',\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-empty\";\n\n#{$class} {\n\t@include base();\n\t&__icon {\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: rem-calc(96);\n\t\theight: rem-calc(96);\n\t\tmargin-bottom: calc(rem-calc(96) / 3);\n\t\tborder-radius: 50%;\n\t\tbackground: $empty-icon-circle-bg;\n\t\tcolor: $empty-icon-color;\n\t\t& > * {\n\t\t\twidth: rem-calc(56);\n\t\t\theight: rem-calc(56);\n\t\t}\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, Host, h } from '@stencil/core'\nimport { EmptyClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-empty',\n\tstyleUrl: 'gov-empty.scss',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<div class={EmptyClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAa,CACzBC,KAAM,YACNC,KAAM,kBACNC,UAAW,uBACXC,QAAS,sBCJV,MAAMC,EAAc,0zBACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,MAGpB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAWC,OACrCS,KAAKC,EAAEQ,QAAQ,SACfR,EAAA,OAAKM,MAAOjB,EAAWE,MACtBS,EAAA,QAAMS,KAAK,UAGbT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAWI,SACtBO,EAAA,QAAAK,IAAA,8C"}
\ No newline at end of file
diff --git a/build/p-c2c7d717.entry.js b/build/p-c2c7d717.entry.js
new file mode 100644
index 00000000..97ca01c0
--- /dev/null
+++ b/build/p-c2c7d717.entry.js
@@ -0,0 +1,2 @@
+import{r as i,h as e,a as t,g as d}from"./p-3336fe3b.js";import{a as g}from"./p-3ce456bb.js";import{g as s}from"./p-8a8117a5.js";const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-grid-item{border:0 solid transparent;-o-border-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'%3E%3C/svg%3E");border-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'%3E%3C/svg%3E")}.gov-grid-item[size="1/12"]{width:8.3333333333%}.gov-grid-item[size="2/12"]{width:16.6666666667%}.gov-grid-item[size="3/12"]{width:25%}.gov-grid-item[size="4/12"]{width:33.3333333333%}.gov-grid-item[size="5/12"]{width:41.6666666667%}.gov-grid-item[size="6/12"]{width:50%}.gov-grid-item[size="7/12"]{width:58.3333333333%}.gov-grid-item[size="8/12"]{width:66.6666666667%}.gov-grid-item[size="9/12"]{width:75%}.gov-grid-item[size="10/12"]{width:83.3333333333%}.gov-grid-item[size="11/12"]{width:91.6666666667%}.gov-grid-item[size="12/12"]{width:100%}@media (min-width: 30em){.gov-grid-item[size-sm="1/12"]{width:8.3333333333%}.gov-grid-item[size-sm="2/12"]{width:16.6666666667%}.gov-grid-item[size-sm="3/12"]{width:25%}.gov-grid-item[size-sm="4/12"]{width:33.3333333333%}.gov-grid-item[size-sm="5/12"]{width:41.6666666667%}.gov-grid-item[size-sm="6/12"]{width:50%}.gov-grid-item[size-sm="7/12"]{width:58.3333333333%}.gov-grid-item[size-sm="8/12"]{width:66.6666666667%}.gov-grid-item[size-sm="9/12"]{width:75%}.gov-grid-item[size-sm="10/12"]{width:83.3333333333%}.gov-grid-item[size-sm="11/12"]{width:91.6666666667%}.gov-grid-item[size-sm="12/12"]{width:100%}}@media (min-width: 48em){.gov-grid-item[size-md="1/12"]{width:8.3333333333%}.gov-grid-item[size-md="2/12"]{width:16.6666666667%}.gov-grid-item[size-md="3/12"]{width:25%}.gov-grid-item[size-md="4/12"]{width:33.3333333333%}.gov-grid-item[size-md="5/12"]{width:41.6666666667%}.gov-grid-item[size-md="6/12"]{width:50%}.gov-grid-item[size-md="7/12"]{width:58.3333333333%}.gov-grid-item[size-md="8/12"]{width:66.6666666667%}.gov-grid-item[size-md="9/12"]{width:75%}.gov-grid-item[size-md="10/12"]{width:83.3333333333%}.gov-grid-item[size-md="11/12"]{width:91.6666666667%}.gov-grid-item[size-md="12/12"]{width:100%}}@media (min-width: 64em){.gov-grid-item[size-lg="1/12"]{width:8.3333333333%}.gov-grid-item[size-lg="2/12"]{width:16.6666666667%}.gov-grid-item[size-lg="3/12"]{width:25%}.gov-grid-item[size-lg="4/12"]{width:33.3333333333%}.gov-grid-item[size-lg="5/12"]{width:41.6666666667%}.gov-grid-item[size-lg="6/12"]{width:50%}.gov-grid-item[size-lg="7/12"]{width:58.3333333333%}.gov-grid-item[size-lg="8/12"]{width:66.6666666667%}.gov-grid-item[size-lg="9/12"]{width:75%}.gov-grid-item[size-lg="10/12"]{width:83.3333333333%}.gov-grid-item[size-lg="11/12"]{width:91.6666666667%}.gov-grid-item[size-lg="12/12"]{width:100%}}@media (min-width: 75em){.gov-grid-item[size-xl="1/12"]{width:8.3333333333%}.gov-grid-item[size-xl="2/12"]{width:16.6666666667%}.gov-grid-item[size-xl="3/12"]{width:25%}.gov-grid-item[size-xl="4/12"]{width:33.3333333333%}.gov-grid-item[size-xl="5/12"]{width:41.6666666667%}.gov-grid-item[size-xl="6/12"]{width:50%}.gov-grid-item[size-xl="7/12"]{width:58.3333333333%}.gov-grid-item[size-xl="8/12"]{width:66.6666666667%}.gov-grid-item[size-xl="9/12"]{width:75%}.gov-grid-item[size-xl="10/12"]{width:83.3333333333%}.gov-grid-item[size-xl="11/12"]{width:91.6666666667%}.gov-grid-item[size-xl="12/12"]{width:100%}}';const o=m;const r=class{constructor(e){i(this,e);this.size="12/12";this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined;this.h=s(this.host)}render(){return e(t,{key:"ff6f0553ded066d29e666d2dc9e9ebc36fb3e0ae",class:this.h.classes(g.root),role:"listitem",size:this.size,"size-sm":this.sizeSm,"size-md":this.sizeMd,"size-lg":this.sizeLg,"size-xl":this.sizeXl},e("slot",{key:"1db92ee1961c4d3cd9d88dd2011e0f6063909aca"}))}get host(){return d(this)}};r.style=o;export{r as gov_grid_item};
+//# sourceMappingURL=p-c2c7d717.entry.js.map
\ No newline at end of file
diff --git a/build/p-c2c7d717.entry.js.map b/build/p-c2c7d717.entry.js.map
new file mode 100644
index 00000000..92193738
--- /dev/null
+++ b/build/p-c2c7d717.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govGridItemCss","GovGridItemStyle0","GovGridItem","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role","size","sizeSm","sizeMd","sizeLg","sizeXl"],"sources":["../../packages/core/src/components/gov-grid/gov-grid-item.scss?tag=gov-grid-item","../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["/*\n *   Grid Cell\n */\n\n$class: \".gov-grid-item\";\n\n#{$class} {\n\t@include generateGridSize();\n\tborder: 0 solid transparent;\n\n\t// hide the border in MS high contrast mode\n\tborder-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E\");\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n\tstyleUrl: 'gov-grid-item.scss',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop() readonly size: string = '12/12'\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-sm' }) readonly sizeSm: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-md' }) readonly sizeMd: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-lg' }) readonly sizeLg: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-xl' }) readonly sizeXl: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t\tsize={this.size}\n\t\t\t\tsize-sm={this.sizeSm}\n\t\t\t\tsize-md={this.sizeMd}\n\t\t\t\tsize-lg={this.sizeLg}\n\t\t\t\tsize-xl={this.sizeXl}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iIAAA,MAAMA,EAAiB,6+GACvB,MAAAC,EAAeD,E,MCQFE,EAAW,MAGvB,WAAAC,CAAAC,G,oBAQgC,Q,wFAP/BC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOP,KAAKC,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,WACLC,KAAMZ,KAAKY,KAAI,UACNZ,KAAKa,OAAM,UACXb,KAAKc,OAAM,UACXd,KAAKe,OAAM,UACXf,KAAKgB,QAEdf,EAAA,QAAAK,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-c4f1e636.entry.js b/build/p-c4f1e636.entry.js
new file mode 100644
index 00000000..248e865d
--- /dev/null
+++ b/build/p-c4f1e636.entry.js
@@ -0,0 +1,2 @@
+import{r as i,h as e,a as t,g as n}from"./p-3336fe3b.js";import{G as s}from"./p-3ce456bb.js";import{g as a}from"./p-8a8117a5.js";const o=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-grid{position:relative;display:flex;width:100%;flex-wrap:wrap}.gov-grid[align-x=middle]{align-items:center}.gov-grid[align-x=bottom]{align-items:flex-end}.gov-grid[align-y=center]{justify-content:center}.gov-grid[align-y=right]{justify-content:flex-end}.gov-grid[align-y=space-between]{justify-content:space-between}.gov-grid[align-y=space-around]{justify-content:space-around}";const r=o;const g=class{constructor(e){i(this,e);this.alignX=undefined;this.alignY=undefined;this.h=a(this.host)}render(){return e(t,{key:"780b9998bf09e1448e595c308b36f24f361d3fad",class:this.h.classes(s.root),"align-x":this.alignX,"align-y":this.alignY,role:"list"},e("slot",{key:"bf367315c89539ad4d2904f1a6d09b32b5faccc6"}))}get host(){return n(this)}};g.style=r;export{g as gov_grid};
+//# sourceMappingURL=p-c4f1e636.entry.js.map
\ No newline at end of file
diff --git a/build/p-c4f1e636.entry.js.map b/build/p-c4f1e636.entry.js.map
new file mode 100644
index 00000000..196f700e
--- /dev/null
+++ b/build/p-c4f1e636.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govGridCss","GovGridStyle0","GovGrid","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","GridClass","root","alignX","alignY","role"],"sources":["../../packages/core/src/components/gov-grid/gov-grid.scss?tag=gov-grid","../../packages/core/src/components/gov-grid/gov-grid.tsx"],"sourcesContent":["/*\n *   Grid\n */\n\n$class: \".gov-grid\";\n\n#{$class} {\n\t@include base(flex);\n\tflex-wrap: wrap;\n\n\t// VARIANTS\n\t&[align-x=\"middle\"] {\n\t\talign-items: center;\n\t}\n\t&[align-x=\"bottom\"] {\n\t\talign-items: flex-end;\n\t}\n\t&[align-y=\"center\"] {\n\t\tjustify-content: center;\n\t}\n\t&[align-y=\"right\"] {\n\t\tjustify-content: flex-end;\n\t}\n\t&[align-y=\"space-between\"] {\n\t\tjustify-content: space-between;\n\t}\n\t&[align-y=\"space-around\"] {\n\t\tjustify-content: space-around;\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid',\n\tstyleUrl: 'gov-grid.scss',\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({ attribute: 'align-x' }) readonly alignX: string\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({ attribute: 'align-y' }) readonly alignY: string\n\n\t// vertical / horizontal align\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} align-x={this.alignX} align-y={this.alignY} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iIAAA,MAAMA,EAAa,utBACnB,MAAAC,EAAeD,E,MCQFE,EAAO,MAGnB,WAAAC,CAAAC,G,sDACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAgBvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAUC,MAAK,UAAWV,KAAKW,OAAM,UAAWX,KAAKY,OAAQC,KAAK,QAC7FZ,EAAA,QAAAK,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-c55a29ad.entry.js b/build/p-c55a29ad.entry.js
new file mode 100644
index 00000000..4ec6f058
--- /dev/null
+++ b/build/p-c55a29ad.entry.js
@@ -0,0 +1,2 @@
+import{r as t,h as o,a,g as i}from"./p-3336fe3b.js";import{L as e}from"./p-d7d42b1e.js";import{g as s}from"./p-8a8117a5.js";const l=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-layout{position:relative;display:block;width:100%}.gov-layout__section{display:flex;gap:var(--gov-layout-gap, 1.375rem);flex-direction:column}@media (min-width: 64em){.gov-layout__section{flex-direction:row}.gov-layout__section-aside-right .gov-layout-column:first-child,.gov-layout__section-aside .gov-layout-column:first-child{flex:1 1 auto;width:auto}.gov-layout__section-aside-right .gov-layout-column:last-child,.gov-layout__section-aside .gov-layout-column:last-child{flex:0 0 auto;width:calc(var(--gov-container-width, 73.75rem) / 3 - var(--gov-layout-gap, 1.375rem))}.gov-layout__section-aside-left .gov-layout-column:first-child{flex:0 0 auto;width:calc(var(--gov-container-width, 73.75rem) / 3 - var(--gov-layout-gap, 1.375rem))}.gov-layout__section-aside-left .gov-layout-column:last-child{flex:1 1 auto;width:auto}.gov-layout__section-aside-right-inverse .gov-layout-column:first-child{order:1}.gov-layout__section-aside-left-inverse .gov-layout-column:first-child{order:2}.gov-layout__section-text{width:var(--gov-layout-content-width, 48.75rem);margin-right:auto;margin-left:auto}.gov-layout__section-text-left{width:var(--gov-layout-content-width, 48.75rem);margin-right:auto}.gov-layout__section-text-right{width:var(--gov-layout-content-width, 48.75rem);margin-left:auto}}";const n=l;const r=class{constructor(o){t(this,o);this.type="stretch";this.variant=undefined;this.inverse=false;this.h=s(this.host)}typeClass(t,o,a,i){const e=o?"-"+o:"";const s=a?"-"+a:"";const l=i?"-inverse":"";return t+" "+t+e+s+l}render(){return o(a,{key:"f429921a2a6c89664b5e9a68423dbb7fe1b7f555",type:this.type,class:this.h.classes(e.root)},o("section",{key:"1a6fc609a8b35a25d843d37bb0999631352150c6",class:this.typeClass(e.section,this.type,this.variant,this.inverse)},o("slot",{key:"fee042dfe6c65f6915a8d18f634b9a86d2065610"})))}get host(){return i(this)}};r.style=n;export{r as gov_layout};
+//# sourceMappingURL=p-c55a29ad.entry.js.map
\ No newline at end of file
diff --git a/build/p-c55a29ad.entry.js.map b/build/p-c55a29ad.entry.js.map
new file mode 100644
index 00000000..5c8fdf00
--- /dev/null
+++ b/build/p-c55a29ad.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govLayoutCss","GovLayoutStyle0","GovLayout","constructor","hostRef","this","h","govHost","host","typeClass","originalClass","type","variant","inverse","isType","isVariant","isInverse","render","Host","key","class","classes","LayoutClass","root","section"],"sources":["../../packages/core/src/components/gov-layout/gov-layout.scss?tag=gov-layout","../../packages/core/src/components/gov-layout/gov-layout.tsx"],"sourcesContent":["/*\n *   Layout\n */\n\n$class: \".gov-layout\";\n\n@mixin big() {\n\tflex: 1 1 auto;\n\twidth: auto;\n}\n\n@mixin small() {\n\tflex: 0 0 auto;\n\twidth: calc($container-width / 3 - $layout-gap);\n}\n\n#{$class} {\n\t@include base();\n\t&__section {\n\t\tdisplay: flex;\n\t\tgap: $layout-gap;\n\t\tflex-direction: column;\n\t}\n\n\t// MQ\n\t@include mq($from: lg) {\n\t\t&__section {\n\t\t\tflex-direction: row;\n\n\t\t\t&-aside-right,\n\t\t\t&-aside {\n\t\t\t\t#{$class}-column:first-child {\n\t\t\t\t\t@include big;\n\t\t\t\t}\n\n\t\t\t\t#{$class}-column:last-child {\n\t\t\t\t\t@include small;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-aside-left {\n\t\t\t\t#{$class}-column:first-child {\n\t\t\t\t\t@include small;\n\t\t\t\t}\n\n\t\t\t\t#{$class}-column:last-child {\n\t\t\t\t\t@include big;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-aside-right-inverse {\n\t\t\t\t#{$class}-column:first-child {\n\t\t\t\t\torder: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-aside-left-inverse {\n\t\t\t\t#{$class}-column:first-child {\n\t\t\t\t\torder: 2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-text {\n\t\t\t\twidth: $layout-content-width;\n\t\t\t\tmargin-right: auto;\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\n\t\t\t&-text-left {\n\t\t\t\twidth: $layout-content-width;\n\t\t\t\tmargin-right: auto;\n\t\t\t}\n\n\t\t\t&-text-right {\n\t\t\t\twidth: $layout-content-width;\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { LayoutClass, LayoutType, LayoutVariantType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-layout',\n\tstyleUrl: 'gov-layout.scss',\n})\nexport class GovLayout {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLayoutElement\n\t/**\n\t * Layout type\n\t */\n\t@Prop() readonly type?: LayoutType = 'stretch'\n\t/**\n\t * Layout align\n\t */\n\t@Prop() readonly variant?: LayoutVariantType\n\t/**\n\t * Determine if component should have inverse column order\n\t */\n\t@Prop() readonly inverse: boolean = false\n\n\tprivate typeClass(originalClass: string, type: string, variant: string, inverse: boolean) {\n\t\tconst isType = type ? '-' + type : ''\n\t\tconst isVariant = variant ? '-' + variant : ''\n\t\tconst isInverse = inverse ? '-inverse' : ''\n\t\treturn originalClass + ' ' + originalClass + isType + isVariant + isInverse\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host type={this.type} class={this.h.classes(LayoutClass.root)}>\n\t\t\t\t<section class={this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse)}>\n\t\t\t\t\t<slot />\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4HAAA,MAAMA,EAAe,umDACrB,MAAAC,EAAeD,E,MCQFE,EAAS,MAGrB,WAAAC,CAAAC,G,oBAQqC,U,oCAQD,MAfnCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAiBf,SAAAC,CAAUC,EAAuBC,EAAcC,EAAiBC,GACvE,MAAMC,EAASH,EAAO,IAAMA,EAAO,GACnC,MAAMI,EAAYH,EAAU,IAAMA,EAAU,GAC5C,MAAMI,EAAYH,EAAU,WAAa,GACzC,OAAOH,EAAgB,IAAMA,EAAgBI,EAASC,EAAYC,C,CAGnE,MAAAC,GACC,OACCX,EAACY,EAAI,CAAAC,IAAA,2CAACR,KAAMN,KAAKM,KAAMS,MAAOf,KAAKC,EAAEe,QAAQC,EAAYC,OACxDjB,EAAA,WAAAa,IAAA,2CAASC,MAAOf,KAAKI,UAAUa,EAAYE,QAASnB,KAAKM,KAAMN,KAAKO,QAASP,KAAKQ,UACjFP,EAAA,QAAAa,IAAA,8C"}
\ No newline at end of file
diff --git a/build/p-c91c2100.entry.js b/build/p-c91c2100.entry.js
new file mode 100644
index 00000000..b98ce6b9
--- /dev/null
+++ b/build/p-c91c2100.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r,a as o,g as i}from"./p-3336fe3b.js";import{a}from"./p-40f10385.js";import{v as s}from"./p-bc59b609.js";import{S as g,c as p}from"./p-9bafa678.js";import{c as n}from"./p-4029f0cb.js";import{g as v,p as c}from"./p-8a8117a5.js";import"./p-55e78f21.js";import"./p-1693d6aa.js";import"./p-2b6bbee5.js";const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-stepper-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix .gov-icon{width:45%;height:45%}.gov-stepper-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-stepper-item__name{display:flex;flex-direction:column}.gov-stepper-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizard-title-font-weight, 700)}.gov-stepper-item__annot{color:var(--gov-color-secondary)}.gov-stepper-item__content>*:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-item__prefix{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizard-primary-indicator-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizard-success-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizard-error-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item::before{content:"";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=xs]::before{top:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));bottom:var(--gov-stepper-xs-connect-gap, 0.5rem);left:calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=xs]:last-child{min-height:0}.gov-stepper-item[size=xs] .gov-stepper-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-stepper-item[size=xs] .gov-stepper-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-stepper-xs-indicator-size, 1.5rem);height:var(--gov-stepper-xs-indicator-size, 1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=xs] .gov-stepper-item__content{padding:var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem)}.gov-stepper-item--w-annot[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=s]::before{top:calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));bottom:var(--gov-stepper-s-connect-gap, 1rem);left:calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2)}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=s] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-s-indicator-size, 2rem);height:var(--gov-stepper-s-indicator-size, 2rem);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem)}.gov-stepper-item--w-annot[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem))}.gov-stepper-item[size=m]::before{top:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));bottom:var(--gov-stepper-m-connect-gap, 1rem);left:calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-item__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-stepper-m-indicator-size, 2.5rem);height:var(--gov-stepper-m-indicator-size, 2.5rem);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem)}.gov-stepper-item--w-annot[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem))}';const l=m;const d=class{constructor(r){e(this,r);this.govChange=t(this,"gov-change",7);this.isExpandedState=undefined;this.variant="primary";this.size="m";this.identifier=undefined;this.label=undefined;this.annotation=undefined;this.triggerTag="h3";this.h=v(this.host);this.triggerId=n("GovStepperItem");this.contentId=n("GovStepperContent")}validateLabel(e){if(!e){a(`[${g.root}]: Parameter label is required.`)}}validateTriggerTag(e){const t=["h1","h2","h3","h4","h5","h6","span"];if(e){if(!t.includes(e)){a(`[${g.root}]: Tag ${e} is not allowed.`)}}}validateVariant(e){s(p,e,g.root)}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.triggerTag)}render(){const e=this.identifier||this.triggerId;const t=this.contentId;const{label:i}=this;const a=this.triggerTag;return r(o,{key:"0a3f389abc8dd30314dd59e3039de0e2faeeaefa",class:c([g.root,this.annotation&&g.rootWithAnnot]),variant:this.variant},r("div",{key:"42283d7e8da203b13b6ec896082381d623cb6519",id:e,class:g.header,role:"listitem"},r(a,{key:"65ee8f3c1eb3f89cf272b613ac6f364f9fe3a547",class:g.title},this.h.hasSlot("prefix")&&r("span",{class:g.prefix},r("slot",{name:"prefix"})),r("span",{key:"119881680b983a4eb4e7b4dfa071ed7080b46daa",class:g.name},r("span",{key:"a863e08f1785ade74bad776457c8e627914e869a",class:g.label},i),this.annotation&&r("span",{class:g.annot},this.annotation)))),this.h.hasSlot("content")&&r("div",{class:g.content,id:t,"aria-labelledby":e,role:"tabpanel"},r("slot",{name:"content"})))}async currentState(){return this.isExpandedState}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}}};d.style=l;export{d as gov_stepper_item};
+//# sourceMappingURL=p-c91c2100.entry.js.map
\ No newline at end of file
diff --git a/build/p-c91c2100.entry.js.map b/build/p-c91c2100.entry.js.map
new file mode 100644
index 00000000..474c1916
--- /dev/null
+++ b/build/p-c91c2100.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govStepperItemCss","GovStepperItemStyle0","GovStepperItem","constructor","hostRef","this","h","govHost","host","triggerId","createID","contentId","validateLabel","newValue","govErrorLog","StepperItemClass","root","validateTriggerTag","validTags","includes","validateVariant","validateProp","StepperVariants","componentWillLoad","label","variant","triggerTag","render","identifier","TriggerTag","Host","key","class","prepareClasses","annotation","rootWithAnnot","id","header","role","title","hasSlot","prefix","name","annot","content","currentState","isExpandedState"],"sources":["../../packages/core/src/components/gov-stepper/gov-stepper-item.scss?tag=gov-stepper-item","../../packages/core/src/components/gov-stepper/gov-stepper-item.tsx"],"sourcesContent":["/*\n *   Stepper - Item\n */\n\n@import \"../gov-wizard/gov-wizard-item-core.scss\";\n$class: \".gov-stepper-item\";\n\n#{$class} {\n\t@include wizard-item-core;\n\t&::before {\n\t\t@include pseudo();\n\t\twidth: rem-calc(2);\n\t}\n\t&:last-child::before {\n\t\tcontent: none;\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $wizard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t&::before {\n\t\t\t\tbackground: get(\"indicator-bg\", $definitions);\n\t\t\t}\n\t\t}\n\t}\n\t@each $size, $definitions in $stepper-sizes {\n\t\t$connect-gap: get(\"connect-gap\", $definitions);\n\t\t&[size=\"#{$size}\"] {\n\t\t\tmin-height: calc(get(\"indicator-size\", $definitions) + 3 * $connect-gap);\n\t\t\t&::before {\n\t\t\t\ttop: calc(get(\"indicator-size\", $definitions) + $connect-gap);\n\t\t\t\tbottom: $connect-gap;\n\t\t\t\tleft: calc((get(\"indicator-size\", $definitions) - rem-calc(2)) / 2);\n\t\t\t}\n\t\t\t&:last-child {\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(get(\"font-size\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__annot {\n\t\t\t\t\t@include typography(get(\"font-size-annot\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(get(\"font-size-indicator\", $definitions));\n\t\t\t\t\twidth: get(\"indicator-size\", $definitions);\n\t\t\t\t\theight: get(\"indicator-size\", $definitions);\n\t\t\t\t\tbox-shadow: 0 0 0 $connect-gap color(\"neutral.white\");\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&--w-annot[size=\"#{$size}\"] {\n\t\t\tmin-height: calc(get(\"indicator-size\", $definitions) * 1.5 + 3 * $connect-gap);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperVariantType, StepperVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost, prepareClasses } from '../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n\tstyleUrl: 'gov-stepper-item.scss',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: StepperVariantType = 'primary'\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Item name of the stepper\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Item annotation of the stepper\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Used to change the HMTL tag in the stepper trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: 'trigger-tag' }) readonly triggerTag: string = 'h3'\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('label')\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${StepperItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch('triggerTag')\n\tvalidateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${StepperItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(StepperVariants, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.triggerTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\t\tconst { label } = this\n\t\tconst TriggerTag = this.triggerTag\n\n\t\treturn (\n\t\t\t<Host class={prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot])} variant={this.variant}>\n\t\t\t\t<div id={triggerId} class={StepperItemClass.header} role=\"listitem\">\n\t\t\t\t\t<TriggerTag class={StepperItemClass.title}>\n\t\t\t\t\t\t{this.h.hasSlot('prefix') && (\n\t\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<span class={StepperItemClass.name}>\n\t\t\t\t\t\t\t<span class={StepperItemClass.label}>{label}</span>\n\t\t\t\t\t\t\t{this.annotation && <span class={StepperItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</TriggerTag>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId} role=\"tabpanel\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n}\n"],"mappings":"qUAAA,MAAMA,EAAoB,+wQAC1B,MAAAC,EAAeD,E,MCYFE,EAAc,MAK1B,WAAAC,CAAAC,G,4FAYgD,U,UAIL,I,yFAgBuB,KA/BjEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,kBAC1BL,KAAKM,UAAYD,EAAS,oB,CAoC3B,aAAAE,CAAcC,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAiBC,sC,EAKnC,kBAAAC,CAAmBJ,GAClB,MAAMK,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIL,EAAU,CACb,IAAKK,EAAUC,SAASN,GAAW,CAClCC,EAAY,IAAIC,EAAiBC,cAAcH,oB,GAMlD,eAAAO,CAAgBP,GACfQ,EAAaC,EAAiBT,EAAUE,EAAiBC,K,CAG1D,iBAAAO,GACClB,KAAKO,cAAcP,KAAKmB,OACxBnB,KAAKe,gBAAgBf,KAAKoB,SAC1BpB,KAAKY,mBAAmBZ,KAAKqB,W,CAG9B,MAAAC,GACC,MAAMlB,EAAYJ,KAAKuB,YAAcvB,KAAKI,UAC1C,MAAME,EAAYN,KAAKM,UACvB,MAAMa,MAAEA,GAAUnB,KAClB,MAAMwB,EAAaxB,KAAKqB,WAExB,OACCpB,EAACwB,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAe,CAAClB,EAAiBC,KAAMX,KAAK6B,YAAcnB,EAAiBoB,gBAAiBV,QAASpB,KAAKoB,SACtHnB,EAAA,OAAAyB,IAAA,2CAAKK,GAAI3B,EAAWuB,MAAOjB,EAAiBsB,OAAQC,KAAK,YACxDhC,EAACuB,EAAU,CAAAE,IAAA,2CAACC,MAAOjB,EAAiBwB,OAClClC,KAAKC,EAAEkC,QAAQ,WACflC,EAAA,QAAM0B,MAAOjB,EAAiB0B,QAC7BnC,EAAA,QAAMoC,KAAK,YAGbpC,EAAA,QAAAyB,IAAA,2CAAMC,MAAOjB,EAAiB2B,MAC7BpC,EAAA,QAAAyB,IAAA,2CAAMC,MAAOjB,EAAiBS,OAAQA,GACrCnB,KAAK6B,YAAc5B,EAAA,QAAM0B,MAAOjB,EAAiB4B,OAAQtC,KAAK6B,eAKjE7B,KAAKC,EAAEkC,QAAQ,YACflC,EAAA,OAAK0B,MAAOjB,EAAiB6B,QAASR,GAAIzB,EAAS,kBAAmBF,EAAW6B,KAAK,YACrFhC,EAAA,QAAMoC,KAAK,a,CAWhB,kBAAMG,GACL,OAAOxC,KAAKyC,e"}
\ No newline at end of file
diff --git a/build/p-cb1e975d.entry.js b/build/p-cb1e975d.entry.js
new file mode 100644
index 00000000..cd679f74
--- /dev/null
+++ b/build/p-cb1e975d.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,a as o,g as r}from"./p-3336fe3b.js";import{g as l,c as s,d as c,e as n}from"./p-7670cb34.js";import{g as a,a as m,t as g}from"./p-8a8117a5.js";import{c as v}from"./p-32d89c78.js";import{v as u}from"./p-bc59b609.js";import{a as f,b as d}from"./p-b24413c7.js";import{c as h,r as p}from"./p-4029f0cb.js";import{d as z}from"./p-2b6bbee5.js";import"./p-1693d6aa.js";import"./p-55e78f21.js";import"./p-e55a8f78.js";import"./p-9fa54181.js";import"./p-1e979cc8.js";import"./p-40f10385.js";const x=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const b='.gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, "Roboto", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}.gov-form-multi-select *[slot=prefix],.gov-form-multi-select *[slot=sufix]{margin:0}[size=s].gov-form-multi-select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-multi-select input,[size=s].gov-form-multi-select select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-multi-select *[slot=left-icon],[size=s].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-multi-select *[slot=right-icon]~input,[size=s].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-multi-select input,[variant=primary].gov-form-multi-select select,[variant=primary].gov-form-multi-select textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-multi-select *[slot=left-icon],[variant=primary].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-multi-select input,[variant=secondary].gov-form-multi-select select,[variant=secondary].gov-form-multi-select textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-multi-select *[slot=left-icon],[variant=secondary].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=""].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled="1"].gov-form-multi-select{pointer-events:none}[disabled=""].gov-form-multi-select input,[disabled=""].gov-form-multi-select select,[disabled=""].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled="1"].gov-form-multi-select input,[disabled="1"].gov-form-multi-select select,[disabled="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-multi-select *[slot=left-icon],[disabled=""].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled="1"].gov-form-multi-select *[slot=left-icon],[disabled="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600)) !important}[invalid=""].gov-form-multi-select input,[invalid=""].gov-form-multi-select select,[invalid=""].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid="1"].gov-form-multi-select input,[invalid="1"].gov-form-multi-select select,[invalid="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-multi-select input::-moz-placeholder,[invalid=""].gov-form-multi-select select::-moz-placeholder,[invalid=""].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid="1"].gov-form-multi-select input::-moz-placeholder,[invalid="1"].gov-form-multi-select select::-moz-placeholder,[invalid="1"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select input::placeholder,[invalid=""].gov-form-multi-select select::placeholder,[invalid=""].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid="1"].gov-form-multi-select input::placeholder,[invalid="1"].gov-form-multi-select select::placeholder,[invalid="1"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select *[slot=left-icon],[invalid=""].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid="1"].gov-form-multi-select *[slot=left-icon],[invalid="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error)) !important}[invalid=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow),[success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow){color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[multiline=""].gov-form-multi-select *[slot=left-icon],[multiline=""].gov-form-multi-select *[slot=right-icon],[multiline=true i].gov-form-multi-select *[slot=left-icon],[multiline=true i].gov-form-multi-select *[slot=right-icon],[multiline="1"].gov-form-multi-select *[slot=left-icon],[multiline="1"].gov-form-multi-select *[slot=right-icon]{display:none}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=s].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-s-arrow-right-position, 0.75rem);width:var(--gov-form-select-s-arrow-size, 0.75rem);height:var(--gov-form-select-s-arrow-size, 0.75rem)}[size=s][invalid=""].gov-form-multi-select .icon-arrow,[size=s][invalid=true i].gov-form-multi-select .icon-arrow,[size=s][invalid="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-s-arrow-right-position, 0.75rem))}[size=s][success=""].gov-form-multi-select .icon-arrow,[size=s][success=true i].gov-form-multi-select .icon-arrow,[size=s][success="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-s-arrow-right-position, 0.75rem))}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.75rem);height:var(--gov-form-select-m-arrow-size, 0.75rem)}[size=m][invalid=""].gov-form-multi-select .icon-arrow,[size=m][invalid=true i].gov-form-multi-select .icon-arrow,[size=m][invalid="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-m-arrow-right-position, 1rem))}[size=m][success=""].gov-form-multi-select .icon-arrow,[size=m][success=true i].gov-form-multi-select .icon-arrow,[size=m][success="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-m-arrow-right-position, 1rem))}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 1rem);height:var(--gov-form-select-l-arrow-size, 1rem)}[size=l][invalid=""].gov-form-multi-select .icon-arrow,[size=l][invalid=true i].gov-form-multi-select .icon-arrow,[size=l][invalid="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-l-arrow-right-position, 1rem))}[size=l][success=""].gov-form-multi-select .icon-arrow,[size=l][success=true i].gov-form-multi-select .icon-arrow,[size=l][success="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-l-arrow-right-position, 1rem))}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 1rem);height:var(--gov-form-select-xl-arrow-size, 1rem)}[size=xl][invalid=""].gov-form-multi-select .icon-arrow,[size=xl][invalid=true i].gov-form-multi-select .icon-arrow,[size=xl][invalid="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-xl-arrow-right-position, 1.3125rem))}[size=xl][success=""].gov-form-multi-select .icon-arrow,[size=xl][success=true i].gov-form-multi-select .icon-arrow,[size=xl][success="1"].gov-form-multi-select .icon-arrow{right:calc(3 * var(--gov-form-select-xl-arrow-right-position, 1.3125rem))}[size=s][invalid=""].gov-form-multi-select *[slot=right-icon]~select,[size=s][invalid=""].gov-form-multi-select *[slot=right-icon]~input,[size=s][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=s][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=s][invalid="1"].gov-form-multi-select *[slot=right-icon]~select,[size=s][invalid="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-s-icon-padding, 2rem))}[size=s][success=""].gov-form-multi-select *[slot=right-icon]~select,[size=s][success=""].gov-form-multi-select *[slot=right-icon]~input,[size=s][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=s][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=s][success="1"].gov-form-multi-select *[slot=right-icon]~select,[size=s][success="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-s-icon-padding, 2rem))}[size=m][invalid=""].gov-form-multi-select *[slot=right-icon]~select,[size=m][invalid=""].gov-form-multi-select *[slot=right-icon]~input,[size=m][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=m][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=m][invalid="1"].gov-form-multi-select *[slot=right-icon]~select,[size=m][invalid="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-m-icon-padding, 2.5rem))}[size=m][success=""].gov-form-multi-select *[slot=right-icon]~select,[size=m][success=""].gov-form-multi-select *[slot=right-icon]~input,[size=m][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=m][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=m][success="1"].gov-form-multi-select *[slot=right-icon]~select,[size=m][success="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-m-icon-padding, 2.5rem))}[size=l][invalid=""].gov-form-multi-select *[slot=right-icon]~select,[size=l][invalid=""].gov-form-multi-select *[slot=right-icon]~input,[size=l][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=l][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=l][invalid="1"].gov-form-multi-select *[slot=right-icon]~select,[size=l][invalid="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-l-icon-padding, 2.5rem))}[size=l][success=""].gov-form-multi-select *[slot=right-icon]~select,[size=l][success=""].gov-form-multi-select *[slot=right-icon]~input,[size=l][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=l][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=l][success="1"].gov-form-multi-select *[slot=right-icon]~select,[size=l][success="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-l-icon-padding, 2.5rem))}[size=xl][invalid=""].gov-form-multi-select *[slot=right-icon]~select,[size=xl][invalid=""].gov-form-multi-select *[slot=right-icon]~input,[size=xl][invalid=true i].gov-form-multi-select *[slot=right-icon]~select,[size=xl][invalid=true i].gov-form-multi-select *[slot=right-icon]~input,[size=xl][invalid="1"].gov-form-multi-select *[slot=right-icon]~select,[size=xl][invalid="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-xl-icon-padding, 3rem))}[size=xl][success=""].gov-form-multi-select *[slot=right-icon]~select,[size=xl][success=""].gov-form-multi-select *[slot=right-icon]~input,[size=xl][success=true i].gov-form-multi-select *[slot=right-icon]~select,[size=xl][success=true i].gov-form-multi-select *[slot=right-icon]~input,[size=xl][success="1"].gov-form-multi-select *[slot=right-icon]~select,[size=xl][success="1"].gov-form-multi-select *[slot=right-icon]~input{padding-right:calc(2 * var(--gov-form-input-core-xl-icon-padding, 3rem))}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}';const w=b;const y=class{constructor(i){e(this,i);this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.govSelect=t(this,"gov-select",7);this.govRemove=t(this,"gov-remove",7);this.identifier=undefined;this.placeholder=undefined;this.variant=undefined;this.size="m";this.name=undefined;this.hideSelectedList=false;this.required=false;this.disabled=false;this.invalid=undefined;this.success=undefined;this.messageEmpty="Nebyly nalezeny žádné výsledky";this.messageLoading="Načítám...";this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.value=undefined;this.selectedOptions=[];this.options=[];this.selectId=h("GovSelect");this.listId=h("GovMultiList");this.h=a(this.host);this.f=l(this.h)}validateVariant(e){u(c,e,s.root)}validateSize(e){u(n,e,s.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",m(this.disabled));this.f.passAttrToControl("invalid",m(this.invalid));this.f.passAttrToControl("success",m(this.success))}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.watchDisabled()}getAvailableOptions(){if(Array.isArray(this.options)&&this.options.length){return this.options.filter((e=>{const t=this.selectedOptions.findIndex((t=>t.value===e.value));return t!==-1||(e===null||e===void 0?void 0:e.disabled)?false:true}))}return Array.from(this.selectRef.querySelectorAll("option")).filter((e=>!(e.disabled||e.selected))).map((e=>({name:e.textContent,value:e.value})))}initAutocomplete(){this.autocompleteRef.addEventListener("gov-select",this.onSelectHandler.bind(this));this.autocompleteRef.addEventListener("gov-input",this.onInputHandler.bind(this));this.autocompleteRef.addEventListener("gov-focus",this.onFocusHandler.bind(this));this.autocompleteRef.addEventListener("gov-blur",this.onBlurHandler.bind(this));this.autocompleteRef.setSearchCallback((e=>new Promise((t=>{const i=this.getAvailableOptions();if(String(e).length===0){return t(i)}t(i.filter((({name:t})=>{if(!t)return false;return p(t).toLowerCase().indexOf(p(e).toLowerCase())>-1})))})))).then()}getOptionIndex(e){return this.selectedOptions.findIndex((t=>t.value===e.value&&t.name===e.name))}getOptionElement(e){return this.selectRef.querySelector('option[value="'+e.value+'"]')}selectOption(e,t=true){const i=this.getOptionIndex(e);if(i===-1){this.selectedOptions=[...this.selectedOptions,e];if(t){this.govChange.emit({component:s.root,value:this.selectedOptions});this.govSelect.emit({component:s.root,value:this.selectedOptions})}const i=this.getOptionElement(e);if(i){i.selected=true}}}removeOption(e,t=true){const i=this.getOptionIndex(e);if(i!==-1){this.selectedOptions.splice(i,1);this.selectedOptions=[...this.selectedOptions];if(t){this.govChange.emit({component:s.root,value:this.selectedOptions});this.govRemove.emit({component:s.root,value:this.selectedOptions})}const o=this.getOptionElement(e);if(o){o.selected=false}}}async componentDidLoad(){this.initAutocomplete();if(v()){await z(500);await this.validateWcag()}}async componentDidRender(){this.selectRef.querySelectorAll("option").forEach((e=>{if(e.selected){this.selectOption({name:e.textContent,value:e.value},false)}}))}render(){return i(o,{key:"a97b10412ea6b0f2f7dc108034283b60a84cfaae",class:s.root,size:this.size,variant:this.variant},i("div",{key:"b9bec05b8fb3bf50d3a7dbf3aedab3c66e064964",class:s.wrap},i("div",{key:"71750ef29924924554af44ff7d186d7ab1b8229f",class:"element"},i("gov-form-autocomplete",{key:"c7fb2e13327afde4a8ccb49abc28f056c01f5ef4",value:this.value,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,size:this.size,variant:this.variant,placeholder:this.placeholder,"message-empty":this.messageEmpty,"message-loading":this.messageLoading,ref:e=>this.autocompleteRef=e,minlength:0,wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:this.listId}),i("gov-icon",{key:"b5b1ca44291c420fbb9a76528b885aab0973d186",slot:"right-icon",class:"icon-arrow",name:"chevron-down"}),this.h.hasSlot("right-icon")&&!(this.success||this.invalid)&&i("slot",{name:"right-icon"}),this.success&&i("gov-icon",{slot:"right-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&i("gov-icon",{slot:"right-icon",class:"icon-validation",name:"exclamation-lg"}),i("select",{key:"3deddb2b22e5f1ad2d733bcf340a0862513aebc8",hidden:true,"aria-hidden":m(true),multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":g(this.disabled),"aria-required":g(this.required),"aria-invalid":g(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},i("slot",{key:"c1b7cd6cf47aa86db6ab5a8326db9d78e84148eb"}),this.options.map((e=>i("option",{value:e.value,selected:e.value===this.value,disabled:e===null||e===void 0?void 0:e.disabled},e.name)))))),this.hideSelectedList===false?i("ul",{role:"listbox",id:this.listId,class:s.list},this.selectedOptions.map((e=>i("li",{class:s.item,role:"option"},e.name,i("gov-button",{wcagLabel:"Odebrat vybranou položku "+e.name,variant:"primary",type:"base",size:"s","on-gov-click":()=>this.onTagRemove(e)},i("gov-icon",{name:"x-lg"})))))):null)}onFocusHandler(e){e.stopPropagation();this.focused=true;this.govFocus.emit({component:s.root,originalEvent:e,value:this.selectedOptions})}onBlurHandler(e){e.stopPropagation();e.stopPropagation();this.focused=false;this.govBlur.emit({component:s.root,originalEvent:e,value:this.selectedOptions})}onInputHandler(e){this.value=e.detail.value;e.stopPropagation()}onSelectHandler(e){e.stopPropagation();const t=e.detail.selected;this.selectOption(t);this.value="";this.autocompleteRef.clearValue();this.autocompleteRef.focus()}onTagRemove(e){this.removeOption(e)}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getRef(){return this.selectRef}async getSelectedOptions(){return this.selectedOptions}async setOptions(e){if(Array.isArray(e)){this.options=e}}async setSelectedOptions(e){if(Array.isArray(e)){this.selectedOptions=e}}async removeSelectedOption(e,t=false){if(typeof e==="object"&&x(e,"name")&&x(e,"value")){this.removeOption(e,t)}}async setSelectedOption(e,t=false){if(typeof e==="object"&&x(e,"name")&&x(e,"value")){this.selectOption(e,t)}}async validateWcag(){f(this.wcagDescribedBy,"wcag-described-by",s.root);f(this.wcagLabelledBy,"wcag-labelled-by",s.root);f(this.wcagOwns,"wcag-owns",s.root);d(this.identifier||this.selectId,this.wcagLabelledBy,s.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"],success:["watchDisabled"]}}};y.style=w;export{y as gov_form_multi_select};
+//# sourceMappingURL=p-cb1e975d.entry.js.map
\ No newline at end of file
diff --git a/build/p-cb1e975d.entry.js.map b/build/p-cb1e975d.entry.js.map
new file mode 100644
index 00000000..dd6a6673
--- /dev/null
+++ b/build/p-cb1e975d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["hasOwnProperty","obj","prop","Object","prototype","call","govFormMultiSelectCss","GovFormMultiSelectStyle0","GovFormMultiSelect","constructor","hostRef","this","selectId","createID","listId","h","govHost","host","f","govForm","validateVariant","newValue","validateProp","FormMultiselectVariants","FormMultiSelectClass","root","validateSize","FormMultiselectSizes","watchDisabled","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","success","componentWillLoad","variant","getAvailableOptions","Array","isArray","options","length","filter","option","isSelected","selectedOptions","findIndex","selected","value","from","selectRef","querySelectorAll","map","name","textContent","initAutocomplete","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","String","removeDiacritics","toLowerCase","indexOf","then","getOptionIndex","getOptionElement","querySelector","selectOption","newOption","notify","index","govChange","emit","component","govSelect","removeOption","splice","govRemove","componentDidLoad","canValidateWcagOnRender","delay","validateWcag","componentDidRender","forEach","render","Host","key","class","wrap","identifier","required","placeholder","messageEmpty","messageLoading","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hasSlot","hidden","multiple","toBoolAttrIfDefined","hideSelectedList","role","id","list","item","wcagLabel","type","onTagRemove","e","stopPropagation","focused","govFocus","originalEvent","govBlur","detail","clearValue","focus","setFocus","setValue","getRef","getSelectedOptions","setOptions","setSelectedOptions","removeSelectedOption","setSelectedOption","validateWcagRef","validateWcagLabelFor"],"sources":["../../packages/core/src/utils/helpers.types.ts","../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.scss?tag=gov-form-multi-select","../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"sourcesContent":["\nexport type Optional<T> = T | undefined;\nexport type Nullable<T> = T | null;\nexport type OptionalProperty<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\nexport type ValueOf<T> = T[keyof T];\n\nexport type DeepPartial<T> = {\n\t[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport type ObjectOrArrayType<T> = T | T[];\nexport const ObjectOrArray = {\n\tfirst: <T>(item: ObjectOrArrayType<T>): T => (Array.isArray(item) ? item[0] : item),\n\tarray: <T>(item: ObjectOrArrayType<T>): T[] => (Array.isArray(item) ? item : [item]),\n};\n\nexport const Omit = <T extends object, P extends keyof T, R extends Omit<T, P>>(properties: P[], object: T): R =>\n\tObject.entries(object).reduce(\n\t\t(all, [key, value]) => (properties.includes(key as P) ? all : { ...all, [key]: value }),\n\t\t{} as R\n\t);\n\nexport const whenDefined =\n\t<I, O>(fn: (input: I) => O) =>\n\t(value?: I): O | undefined =>\n\t\tvalue ? fn(value) : undefined;\n\n/**\n * Comparator function which defines the sort order\n * @example\n * ```\n * // sorts objects by `id` property\n * [{ id: 3 }, { id: 2 }, { id: 1 }].sort(compare(['id']))\n *\n * // sorts objects by `id` and `name` properties\n * [{ id: 3, name: 'b' }, { id: 2, name: 'a' }, { id: 1, name: 'b' }].sort(compare(['id', 'name']))\n * ```\n *\n * @param {Array<keyof T>} properties\n * @return {number}\n */\nexport const compare =\n\t<T extends object>(properties: Array<keyof T>) =>\n\t(a: T, b: T): number => {\n\t\tconst [property, ...rest] = properties;\n\t\tif (!property) {\n\t\t\treturn 0;\n\t\t}\n\t\tif (a[property] < b[property]) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (a[property] > b[property]) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn rest.length > 0 ? compare(rest)(a, b) : 0;\n\t};\n\nexport const is = <T>(value: T | undefined | null): value is T => value !== undefined && value !== null;\n\nexport const has =\n\t<T extends object, P extends keyof T>(property: P) =>\n\t(object: OptionalProperty<T, P>): object is T => {\n\t\treturn !!object[property];\n\t};\n\nexport const equals =\n\t<A>(a?: A) =>\n\t(b?: A): boolean =>\n\t\ta === b;\nexport const prop =\n\t<T, P extends keyof T>(property: P) =>\n\t(object: T): T[P] =>\n\t\tobject[property];\n\nexport const propOptional =\n\t<T, P extends keyof T>(property: P) =>\n\t(object?: T): Optional<T[P]> =>\n\t\tobject ? object[property] : undefined;\n\nexport const hasOwnProperty = <X extends object, Y extends PropertyKey>(\n\tobj: X,\n\tprop: Y\n): obj is X & Record<Y, ValueOf<X>> => {\n\treturn Object.prototype.hasOwnProperty.call(obj, prop);\n};\n\nexport const isObject = <T extends object>(obj: unknown): obj is T => typeof obj === 'object';\nexport const isString = (input: unknown): input is string => is(input) && typeof input === 'string';\nexport const isNumber = (input: unknown): input is string => is(input) && typeof input === 'number';\n\ntype Entries<T> = {\n\t[K in keyof T]: [K, T[K]];\n}[keyof T][];\nexport const getEntries = <T extends object>(obj: T) => Object.entries(obj) as Entries<T>;\n\nexport const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;\nexport const getValues = <T extends object>(obj: T) => Object.values(obj) as Array<ValueOf<T>>;\n\nexport const first = <T>(array: T[]): Optional<T> => array[0];\n\nexport const pairs = <T>(arr: T[]): Array<[string, string]> =>\n\tarr.flatMap((item1, index1) => arr.flatMap((item2, index2) => (index1 > index2 ? [[item1, item2]] : []))) as any;\n\nexport const find =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): Optional<S> =>\n\t\t(array || []).find(predicate);\nexport const filter =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): S[] =>\n\t\t(array || []).filter(predicate);\n","/*\n *   Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../../helpers/Dom/win'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {validateWcagLabelFor, validateWcagRef} from '../../../helpers/Validate/wcag'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID, removeDiacritics} from '../../../utils/string.utils'\nimport {delay} from '../../../utils/utils'\nimport {FormAutocompleteEvent} from '../autocomplete/gov-form-autocomplete.types'\nimport {\n\tFormMultiSelectClass,\n\tFormMultiselectSizes,\n\tFormMultiselectSizesType,\n\tFormMultiselectVariants,\n\tFormMultiselectVariantType\n} from './constants'\nimport {FormMultiselectEvent, GovFormMultiSelectItem} from './gov-form-multi-select.types'\nimport {hasOwnProperty} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: 'gov-form-multi-select',\n\tstyleUrl: 'gov-form-multi-select.scss',\n})\nexport class GovFormMultiSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({attribute: 'placeholder'}) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormMultiselectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Option to hide the list of selected items\n\t */\n\t@Prop({attribute: 'hide-selected-list'}) readonly hideSelectedList: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Custom message for when there is a blank sheet\n\t */\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\n\t/**\n\t * Custom message for when data is loaded\n\t */\n\t@Prop({attribute: 'message-loading'}) readonly messageLoading: string = 'Načítám...'\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({attribute: 'wcag-described-by'}) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({attribute: 'wcag-labelled-by'}) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({attribute: 'wcag-owns'}) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is selected\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<FormMultiselectEvent>\n\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\t@State() options: GovFormMultiSelectItem[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('disabled')\n\t@Watch('invalid')\n\t@Watch('success')\n\t@Watch('size')\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl('size', this.size)\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('invalid', toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl('success', toBoolAttr(this.success))\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.watchDisabled()\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\tif (Array.isArray(this.options) && this.options.length) {\n\t\t\treturn this.options.filter((option) => {\n\t\t\t\tconst isSelected = this.selectedOptions.findIndex((selected) => selected.value === option.value)\n\t\t\t\treturn (isSelected !== -1 || option?.disabled) ? false : true\n\t\t\t})\n\t\t}\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t.setSearchCallback(value => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(value).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({name}) => {\n\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value.value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem, notify = true) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptions,\n\t\t\t\t})\n\t\t\t\tthis.govSelect.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptions,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem, notify = true) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tif(notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptions,\n\t\t\t\t})\n\t\t\t\tthis.govRemove.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptions,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidLoad() {\n\t\tthis.initAutocomplete()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t}, false)\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tmessage-empty={this.messageEmpty}\n\t\t\t\t\t\t\tmessage-loading={this.messageLoading}\n\t\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t{this.h.hasSlot('right-icon') && !(this.success || this.invalid) && <slot name=\"right-icon\"/>}\n\t\t\t\t\t\t{this.success && <gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t\t{this.invalid && <gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={toBoolAttr(true)}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t{this.options.map((option) => {\n\t\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.name}</option>)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{this.hideSelectedList === false ? (\n\t\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t\t{this.selectedOptions.map(option => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\twcagLabel={'Odebrat vybranou položku ' + option.name}\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptions,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptions,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\tthis.value = e.detail.value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.selected\n\t\tthis.selectOption(value as GovFormMultiSelectItem)\n\t\tthis.value = ''\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Returns a list of selected items\n\t */\n\t@Method()\n\tasync getSelectedOptions(): Promise<GovFormMultiSelectItem[]> {\n\t\treturn this.selectedOptions\n\t}\n\n\t/**\n\t * Setting a list of options to choose from\n\t */\n\t@Method()\n\tasync setOptions(options: GovFormMultiSelectItem[]): Promise<void> {\n\t\tif (Array.isArray(options)) {\n\t\t\tthis.options = options\n\t\t}\n\t}\n\n\t/**\n\t * Setting the list of selected options\n\t */\n\t@Method()\n\tasync setSelectedOptions(options: GovFormMultiSelectItem[]): Promise<void> {\n\t\tif (Array.isArray(options)) {\n\t\t\tthis.selectedOptions = options\n\t\t}\n\t}\n\n\t/**\n\t * To remove an option from the selected list\n\t */\n\t@Method()\n\tasync removeSelectedOption(option: GovFormMultiSelectItem, notify = false): Promise<void> {\n\t\tif (typeof option === 'object' && hasOwnProperty(option, 'name') && hasOwnProperty(option, 'value')) {\n\t\t\tthis.removeOption(option, notify)\n\t\t}\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync setSelectedOption(option: GovFormMultiSelectItem, notify = false): Promise<void> {\n\t\tif (typeof option === 'object' && hasOwnProperty(option, 'name') && hasOwnProperty(option, 'value')) {\n\t\t\tthis.selectOption(option, notify)\n\t\t}\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, 'wcag-owns', FormMultiSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root)\n\t}\n}\n"],"mappings":"6fA+EO,MAAMA,EAAiB,CAC7BC,EACAC,IAEOC,OAAOC,UAAUJ,eAAeK,KAAKJ,EAAKC,GCnFlD,MAAMI,EAAwB,i3pBAC9B,MAAAC,EAAeD,E,MCyBFE,EAAkB,MAU9B,WAAAC,CAAAC,G,wRAwBmD,I,0CAQ2B,M,cAKzC,M,cAKA,M,gEAY+B,iC,oBAII,a,sJAoCnB,G,aACR,GA9F5CC,KAAKC,SAAWC,EAAS,aACzBF,KAAKG,OAASD,EAAS,gBAEvBF,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,EAAIC,EAAQR,KAAKI,E,CA6FvB,eAAAK,CAAgBC,GACfC,EAAaC,EAAyBF,EAAUG,EAAqBC,K,CAItE,YAAAC,CAAaL,GACZC,EAAaK,EAAsBN,EAAUG,EAAqBC,K,CAOnE,aAAAG,GACCjB,KAAKkB,kB,CAGE,gBAAAA,GACPlB,KAAKO,EAAEY,kBAAkB,OAAQnB,KAAKoB,MACtCpB,KAAKO,EAAEY,kBAAkB,WAAYE,EAAWrB,KAAKsB,WACrDtB,KAAKO,EAAEY,kBAAkB,UAAWE,EAAWrB,KAAKuB,UACpDvB,KAAKO,EAAEY,kBAAkB,UAAWE,EAAWrB,KAAKwB,S,CAGrD,iBAAAC,GACCzB,KAAKS,gBAAgBT,KAAK0B,SAC1B1B,KAAKe,aAAaf,KAAKoB,MACvBpB,KAAKiB,e,CAGE,mBAAAU,GACP,GAAIC,MAAMC,QAAQ7B,KAAK8B,UAAY9B,KAAK8B,QAAQC,OAAQ,CACvD,OAAO/B,KAAK8B,QAAQE,QAAQC,IAC3B,MAAMC,EAAalC,KAAKmC,gBAAgBC,WAAWC,GAAaA,EAASC,QAAUL,EAAOK,QAC1F,OAAQJ,KAAgB,IAAKD,IAAM,MAANA,SAAM,SAANA,EAAQX,UAAY,MAAQ,IAAI,G,CAG/D,OAAOM,MAAMW,KAAKvC,KAAKwC,UAAUC,iBAAiB,WAChDT,QAAQC,KAAgCA,EAAOX,UAAYW,EAAOI,YAClEK,KAAKT,IAAyB,CAAOU,KAAMV,EAAOW,YAAaN,MAAOL,EAAOK,S,CAGxE,gBAAAO,GACP7C,KAAK8C,gBAAgBC,iBAAiB,aAAc/C,KAAKgD,gBAAgBC,KAAKjD,OAC9EA,KAAK8C,gBAAgBC,iBAAiB,YAAa/C,KAAKkD,eAAeD,KAAKjD,OAC5EA,KAAK8C,gBAAgBC,iBAAiB,YAAa/C,KAAKmD,eAAeF,KAAKjD,OAC5EA,KAAK8C,gBAAgBC,iBAAiB,WAAY/C,KAAKoD,cAAcH,KAAKjD,OAC1EA,KAAK8C,gBACHO,mBAAkBf,GACX,IAAIgB,SAAQC,IAClB,MAAMC,EAAOxD,KAAK2B,sBAClB,GAAI8B,OAAOnB,GAAOP,SAAW,EAAG,CAC/B,OAAOwB,EAAQC,E,CAEhBD,EACCC,EAAKxB,QAAO,EAAEW,WACb,IAAKA,EAAM,OAAO,MAClB,OAAOe,EAAiBf,GAAMgB,cAAcC,QAAQF,EAAiBpB,GAAOqB,gBAAkB,CAAC,IAEhG,MAGFE,M,CAGK,cAAAC,CAAexB,GACtB,OAAOtC,KAAKmC,gBAAgBC,WAAUH,GAAUA,EAAOK,QAAUA,EAAMA,OAASL,EAAOU,OAASL,EAAMK,M,CAG/F,gBAAAoB,CAAiBzB,GACxB,OAAOtC,KAAKwC,UAAUwB,cAAc,iBAAmB1B,EAAMA,MAAQ,K,CAG9D,YAAA2B,CAAaC,EAAmCC,EAAS,MAChE,MAAMC,EAAQpE,KAAK8D,eAAeI,GAClC,GAAIE,KAAW,EAAG,CACjBpE,KAAKmC,gBAAkB,IAAInC,KAAKmC,gBAAiB+B,GACjD,GAAIC,EAAQ,CACXnE,KAAKqE,UAAUC,KAAK,CACnBC,UAAW1D,EAAqBC,KAChCwB,MAAOtC,KAAKmC,kBAEbnC,KAAKwE,UAAUF,KAAK,CACnBC,UAAW1D,EAAqBC,KAChCwB,MAAOtC,KAAKmC,iB,CAGd,MAAMF,EAASjC,KAAK+D,iBAAiBG,GACrC,GAAIjC,EAAQ,CACXA,EAAOI,SAAW,I,GAKb,YAAAoC,CAAaA,EAAsCN,EAAS,MACnE,MAAMC,EAAQpE,KAAK8D,eAAeW,GAClC,GAAIL,KAAW,EAAG,CACjBpE,KAAKmC,gBAAgBuC,OAAON,EAAO,GACnCpE,KAAKmC,gBAAkB,IAAInC,KAAKmC,iBAChC,GAAGgC,EAAQ,CACVnE,KAAKqE,UAAUC,KAAK,CACnBC,UAAW1D,EAAqBC,KAChCwB,MAAOtC,KAAKmC,kBAEbnC,KAAK2E,UAAUL,KAAK,CACnBC,UAAW1D,EAAqBC,KAChCwB,MAAOtC,KAAKmC,iB,CAGd,MAAMF,EAASjC,KAAK+D,iBAAiBU,GACrC,GAAIxC,EAAQ,CACXA,EAAOI,SAAW,K,GAKrB,sBAAMuC,GACL5E,KAAK6C,mBACL,GAAIgC,IAA2B,OACxBC,EAAM,WACN9E,KAAK+E,c,EAIb,wBAAMC,GACLhF,KAAKwC,UAAUC,iBAAiB,UAAUwC,SAAShD,IAClD,GAAIA,EAAOI,SAAU,CACpBrC,KAAKiE,aAAa,CACjBtB,KAAMV,EAAOW,YACbN,MAAOL,EAAOK,OACZ,M,KAKN,MAAA4C,GACC,OACC9E,EAAC+E,EAAI,CAAAC,IAAA,2CAACC,MAAOxE,EAAqBC,KAAMM,KAAMpB,KAAKoB,KAAMM,QAAS1B,KAAK0B,SACtEtB,EAAA,OAAAgF,IAAA,2CAAKC,MAAOxE,EAAqByE,MAChClF,EAAA,OAAAgF,IAAA,2CAAKC,MAAM,WACVjF,EAAA,yBAAAgF,IAAA,2CACC9C,MAAOtC,KAAKsC,MACZhB,SAAUtB,KAAKsB,SACfiE,WAAYvF,KAAKuF,YAAcvF,KAAKC,SACpCuF,SAAU,MACVpE,KAAMpB,KAAKoB,KACXM,QAAS1B,KAAK0B,QACd+D,YAAazF,KAAKyF,YAAW,gBACdzF,KAAK0F,aAAY,kBACf1F,KAAK2F,eACtBC,IAAKC,GAAO7F,KAAK8C,gBAAkB+C,EACnCC,UAAW,EACXC,gBAAiB/F,KAAK+F,gBACtBC,eAAgBhG,KAAKgG,eACrBC,SAAUjG,KAAKG,SAEhBC,EAAA,YAAAgF,IAAA,2CAAUc,KAAK,aAAab,MAAM,aAAa1C,KAAK,iBACnD3C,KAAKI,EAAE+F,QAAQ,iBAAmBnG,KAAKwB,SAAWxB,KAAKuB,UAAYnB,EAAA,QAAMuC,KAAK,eAC9E3C,KAAKwB,SAAWpB,EAAA,YAAU8F,KAAK,aAAab,MAAM,kBAAkB1C,KAAK,aACzE3C,KAAKuB,SAAWnB,EAAA,YAAU8F,KAAK,aAAab,MAAM,kBAAkB1C,KAAK,mBAC1EvC,EAAA,UAAAgF,IAAA,2CACCgB,OAAM,mBACO/E,EAAW,MACxBgF,SAAQ,KACRb,SAAUxF,KAAKwF,SACf7C,KAAM3C,KAAK2C,KACXrB,SAAUtB,KAAKsB,SACfsE,IAAKC,GAAO7F,KAAKwC,UAAYqD,EAAwB,gBACtCS,EAAoBtG,KAAKsB,UAAS,gBAClCgF,EAAoBtG,KAAKwF,UAAS,eACnCc,EAAoBtG,KAAKuB,SAAQ,mBAC7BvB,KAAK+F,gBAAe,kBACrB/F,KAAKgG,eAAc,YACzBhG,KAAKiG,UAEhB7F,EAAA,QAAAgF,IAAA,6CACCpF,KAAK8B,QAAQY,KAAKT,GACV7B,EAAA,UAAQkC,MAAOL,EAAOK,MAAOD,SAAUJ,EAAOK,QAAUtC,KAAKsC,MAC7DhB,SAAUW,IAAM,MAANA,SAAM,SAANA,EAAQX,UAAWW,EAAOU,WAK/C3C,KAAKuG,mBAAqB,MAC1BnG,EAAA,MAAIoG,KAAK,UAAUC,GAAIzG,KAAKG,OAAQkF,MAAOxE,EAAqB6F,MAC9D1G,KAAKmC,gBAAgBO,KAAIT,GAExB7B,EAAA,MAAIiF,MAAOxE,EAAqB8F,KAAMH,KAAK,UACzCvE,EAAOU,KACRvC,EAAA,cACCwG,UAAW,4BAA8B3E,EAAOU,KAChDjB,QAAQ,UACRmF,KAAK,OACLzF,KAAK,IAAG,eACM,IAAMpB,KAAK8G,YAAY7E,IAErC7B,EAAA,YAAUuC,KAAK,cAMjB,K,CAKC,cAAAQ,CAAe4D,GACtBA,EAAEC,kBACFhH,KAAKiH,QAAU,KACfjH,KAAKkH,SAAS5C,KAAK,CAClBC,UAAW1D,EAAqBC,KAChCqG,cAAeJ,EACfzE,MAAOtC,KAAKmC,iB,CAIN,aAAAiB,CAAc2D,GACrBA,EAAEC,kBACFD,EAAEC,kBACFhH,KAAKiH,QAAU,MACfjH,KAAKoH,QAAQ9C,KAAK,CACjBC,UAAW1D,EAAqBC,KAChCqG,cAAeJ,EACfzE,MAAOtC,KAAKmC,iB,CAIN,cAAAe,CAAe6D,GACtB/G,KAAKsC,MAAQyE,EAAEM,OAAO/E,MACtByE,EAAEC,iB,CAGK,eAAAhE,CAAgB+D,GACvBA,EAAEC,kBACF,MAAM1E,EAAQyE,EAAEM,OAAOhF,SACvBrC,KAAKiE,aAAa3B,GAClBtC,KAAKsC,MAAQ,GACbtC,KAAK8C,gBAAgBwE,aACrBtH,KAAK8C,gBAAgByE,O,CAGd,WAAAT,CAAYrC,GACnBzE,KAAKyE,aAAaA,E,CAOnB,cAAM+C,CAAS1F,GACd,OAAO9B,KAAKwC,UAAU+E,MAAMzF,E,CAO7B,cAAM2F,CAASnF,GACdtC,KAAKsC,MAAQA,C,CAOd,YAAMoF,GACL,OAAO1H,KAAKwC,S,CAOb,wBAAMmF,GACL,OAAO3H,KAAKmC,e,CAOb,gBAAMyF,CAAW9F,GAChB,GAAIF,MAAMC,QAAQC,GAAU,CAC3B9B,KAAK8B,QAAUA,C,EAQjB,wBAAM+F,CAAmB/F,GACxB,GAAIF,MAAMC,QAAQC,GAAU,CAC3B9B,KAAKmC,gBAAkBL,C,EAQzB,0BAAMgG,CAAqB7F,EAAgCkC,EAAS,OACnE,UAAWlC,IAAW,UAAY5C,EAAe4C,EAAQ,SAAW5C,EAAe4C,EAAQ,SAAU,CACpGjC,KAAKyE,aAAaxC,EAAQkC,E,EAQ5B,uBAAM4D,CAAkB9F,EAAgCkC,EAAS,OAChE,UAAWlC,IAAW,UAAY5C,EAAe4C,EAAQ,SAAW5C,EAAe4C,EAAQ,SAAU,CACpGjC,KAAKiE,aAAahC,EAAQkC,E,EAQ5B,kBAAMY,GACLiD,EAAgBhI,KAAK+F,gBAAiB,oBAAqBlF,EAAqBC,MAChFkH,EAAgBhI,KAAKgG,eAAgB,mBAAoBnF,EAAqBC,MAC9EkH,EAAgBhI,KAAKiG,SAAU,YAAapF,EAAqBC,MACjEmH,EAAqBjI,KAAKuF,YAAcvF,KAAKC,SAAUD,KAAKgG,eAAgBnF,EAAqBC,K"}
\ No newline at end of file
diff --git a/build/p-cc676417.entry.js b/build/p-cc676417.entry.js
new file mode 100644
index 00000000..e871a1b4
--- /dev/null
+++ b/build/p-cc676417.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,a,g as t}from"./p-3336fe3b.js";import{v as i}from"./p-b24413c7.js";import{c as s}from"./p-32d89c78.js";import{d as n}from"./p-2b6bbee5.js";import{g as c}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const d={root:"gov-breadcrumbs"};const b=".gov-breadcrumbs ul{margin:0;padding:0}.gov-breadcrumbs li{margin:0;padding:0;background:none}.gov-breadcrumbs li::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-breadcrumbs ul{position:relative;display:flex;width:100%;padding-bottom:0.3125rem;overflow-x:auto;flex-wrap:wrap}.gov-breadcrumbs li{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap}.gov-breadcrumbs button{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0;border:none;background:none;color:var(--gov-breadcrumbs-link-color, var(--gov-color-primary));text-decoration:underline}.gov-breadcrumbs button:hover{text-decoration:none}.gov-breadcrumbs .gov-icon{width:0.625rem;height:0.625rem;margin:0rem 1rem;color:var(--gov-breadcrumbs-arrow-color, var(--gov-color-secondary-600))}";const m=b;const g=class{constructor(r){e(this,r);this.govChange=o(this,"gov-change",7);this.collapsible=false;this.isExpanded=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=c(this.host)}async componentDidRender(){if(s()){await n(500);await this.validateWcag()}}render(){return r(a,{key:"1a7362efa1a7f7bd06d93ed4b635799b8a181720",class:this.h.classes(d.root)},r("nav",{key:"edb6148271c5d3ec2c9c929573a99acfa4494d75","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy},r("slot",{key:"681558951e8ecfc73eb286019cba54cd9b29bf2b"})))}async validateWcag(){i(this.wcagLabel,this.wcagLabelledBy,d.root)}get host(){return t(this)}};g.style=m;export{g as gov_breadcrumbs};
+//# sourceMappingURL=p-cc676417.entry.js.map
\ No newline at end of file
diff --git a/build/p-cc676417.entry.js.map b/build/p-cc676417.entry.js.map
new file mode 100644
index 00000000..e427417b
--- /dev/null
+++ b/build/p-cc676417.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["BreadcrumbsClass","root","govBreadcrumbsCss","GovBreadcrumbsStyle0","GovBreadcrumbs","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","wcagLabel","wcagLabelledBy","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.scss?tag=gov-breadcrumbs","../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","/*\n *   Breadcrumbs\n */\n\n$class: \".gov-breadcrumbs\";\n\n#{$class} {\n\tul {\n\t\t@extend %reset-ul;\n\t\t@include base(flex);\n\t\tpadding-bottom: rem-calc(5);\n\t\toverflow-x: auto;\n\t\tflex-wrap: wrap;\n\t}\n\tli {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t\twhite-space: nowrap;\n\t}\n\tbutton {\n\t\t@include typography($font-size-m);\n\t\tpadding: 0;\n\t\tborder: none;\n\t\tbackground: none;\n\t\tcolor: $breadcrumbs-link-color;\n\t\ttext-decoration: underline;\n\t\t&:hover {\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\t& .gov-icon {\n\t\twidth: rem-calc(10);\n\t\theight: rem-calc(10);\n\t\tmargin: rem-calc(0 16px);\n\t\tcolor: $breadcrumbs-arrow-color;\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Event, EventEmitter } from '@stencil/core'\nimport { BreadcrumbsClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { GovBreadcrumbsChangeEvent } from './gov-breadcrumbs.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n\tstyleUrl: 'gov-breadcrumbs.scss',\n})\nexport class GovBreadcrumbs {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({ attribute: 'wcag-labeled-by' }) readonly wcagLabelledBy: string\n\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)}>\n\t\t\t\t<nav aria-label={this.wcagLabel} aria-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BreadcrumbsClass.root)\n\t}\n}\n"],"mappings":"2PAAO,MAAMA,EAAmB,CAC/BC,KAAM,mBCDP,MAAMC,EAAoB,msCAC1B,MAAAC,EAAeD,E,MCYFE,EAAc,MAG1B,WAAAC,CAAAC,G,iEAQwC,M,gBAI2B,M,uDAXlEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA0BvB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,c,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQnB,EAAiBC,OAC5CO,EAAA,OAAAS,IAAA,wDAAiBV,KAAKa,UAAS,kBAAmBb,KAAKc,gBACtDb,EAAA,QAAAS,IAAA,8C,CAWJ,kBAAMH,GACLQ,EAAkBf,KAAKa,UAAWb,KAAKc,eAAgBrB,EAAiBC,K"}
\ No newline at end of file
diff --git a/build/p-d7d42b1e.js b/build/p-d7d42b1e.js
new file mode 100644
index 00000000..ecaad813
--- /dev/null
+++ b/build/p-d7d42b1e.js
@@ -0,0 +1,2 @@
+const o={root:"gov-layout",section:"gov-layout__section"};var t;(function(o){o["STRETCH"]="stretch";o["ASIDE"]="aside";o["TEXT"]="text"})(t||(t={}));var a;(function(o){o["LEFT"]="left";o["RIGHT"]="right"})(a||(a={}));const n={root:"gov-layout-column"};export{o as L,n as a};
+//# sourceMappingURL=p-d7d42b1e.js.map
\ No newline at end of file
diff --git a/build/p-d7d42b1e.js.map b/build/p-d7d42b1e.js.map
new file mode 100644
index 00000000..22448f58
--- /dev/null
+++ b/build/p-d7d42b1e.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["LayoutClass","root","section","LayoutTypes","LayoutVariant","LayoutColumnClass"],"sources":["../../packages/core/src/components/gov-layout/constants.ts"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport const LayoutClass = {\n\troot: 'gov-layout',\n\tsection: 'gov-layout__section',\n}\n\nenum LayoutTypes {\n\tSTRETCH = 'stretch',\n\tASIDE = 'aside',\n\tTEXT = 'text',\n}\nexport type LayoutType = `${ValueOf<typeof LayoutTypes>}`\n\nenum LayoutVariant {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`\n\nexport const LayoutColumnClass = {\n\troot: 'gov-layout-column',\n}\n"],"mappings":"MAEaA,EAAc,CAC1BC,KAAM,aACNC,QAAS,uBAGV,IAAKC,GAAL,SAAKA,GACJA,EAAA,qBACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAKA,MAAW,KAOhB,IAAKC,GAAL,SAAKA,GACJA,EAAA,eACAA,EAAA,gBACA,EAHD,CAAKA,MAAa,K,MAOLC,EAAoB,CAChCJ,KAAM,4B"}
\ No newline at end of file
diff --git a/build/p-d9726d0d.entry.js b/build/p-d9726d0d.entry.js
new file mode 100644
index 00000000..ae4ca392
--- /dev/null
+++ b/build/p-d9726d0d.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as i,a as s,g as a}from"./p-3336fe3b.js";import{v as o}from"./p-bc59b609.js";import{S as t}from"./p-1693d6aa.js";import{p as r}from"./p-2b6bbee5.js";import{g as p}from"./p-8a8117a5.js";import"./p-40f10385.js";const n=r(t,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var c;(function(e){e["NONE"]="none";e["SM"]="sm";e["MD"]="md";e["LG"]="lg";e["XL"]="xl"})(c||(c={}));const m={root:"gov-spacer"};const g='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-spacer{position:relative;display:block;width:100%}.gov-spacer[size=unset]{height:0}.gov-spacer[size="2xs"]{height:0.25rem}.gov-spacer[size=xs]{height:0.5rem}.gov-spacer[size=s]{height:0.75rem}.gov-spacer[size=m]{height:1rem}.gov-spacer[size=l]{height:1.25rem}.gov-spacer[size=xl]{height:1.75rem}.gov-spacer[size="2xl"]{height:2rem}.gov-spacer[size="3xl"]{height:3rem}.gov-spacer[size="4xl"]{height:4.5rem}.gov-spacer[breakpoint=none]{display:none}.gov-spacer[breakpoint=sm]{display:none}@media (min-width: 30em){.gov-spacer[breakpoint=sm]{display:block}}.gov-spacer[breakpoint=md]{display:none}@media (min-width: 48em){.gov-spacer[breakpoint=md]{display:block}}.gov-spacer[breakpoint=lg]{display:none}@media (min-width: 64em){.gov-spacer[breakpoint=lg]{display:block}}.gov-spacer[breakpoint=xl]{display:none}@media (min-width: 75em){.gov-spacer[breakpoint=xl]{display:block}}';const d=g;const h=class{constructor(i){e(this,i);this.size=undefined;this.breakpoint=undefined;this.h=p(this.host)}validateSize(e){o(n,e,m.root)}validateBreakpoint(e){o(c,e,m.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return i(s,{key:"5b3640f99e82b6257ea781397d345d715791118f",class:this.h.classes(m.root),size:this.size,breakpoint:this.breakpoint})}get host(){return a(this)}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}};h.style=d;export{h as gov_spacer};
+//# sourceMappingURL=p-d9726d0d.entry.js.map
\ No newline at end of file
diff --git a/build/p-d9726d0d.entry.js.map b/build/p-d9726d0d.entry.js.map
new file mode 100644
index 00000000..1b88ba18
--- /dev/null
+++ b/build/p-d9726d0d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["SpacerSize","pick","Sizes","SpacerBreakpoints","SpacerClass","root","govSpacerCss","GovSpacerStyle0","GovSpacer","constructor","hostRef","undefined","this","h","govHost","host","validateSize","newValue","validateProp","validateBreakpoint","componentWillLoad","size","breakpoint","render","Host","key","class","classes"],"sources":["../../packages/core/src/components/gov-spacer/constants.tsx","../../packages/core/src/components/gov-spacer/gov-spacer.scss?tag=gov-spacer","../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\n\nexport enum SpacerBreakpoints {\n\tNONE = 'none',\n\tSM = 'sm',\n\tMD = 'md',\n\tLG = 'lg',\n\tXL = 'xl',\n}\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","/*\n *   Spacer\n */\n\n$class: \".gov-spacer\";\n\n#{$class} {\n\t@include base();\n\n\t// VARIANTS\n\t@each $name, $value in $sizes {\n\t\t&[size=\"#{$name}\"] {\n\t\t\theight: #{$value};\n\t\t}\n\t}\n\t@each $name, $value in $mq-breakpoints {\n\t\t&[breakpoint=\"#{$name}\"] {\n\t\t\tdisplay: none;\n\n\t\t\t@if #{$value} != \"0\" {\n\t\t\t\t@include mq($from: #{$name}) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-spacer',\n\tstyleUrl: 'gov-spacer.scss',\n})\nexport class GovSpacer {\n\tprivate h: GovHost\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovSpacerElement\n\t/**\n\t * Spacer’s size\n\t */\n\t@Prop() readonly size?: SpacerSizeType\n\t/**\n\t * Breakpoint\n\t */\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\n\t}\n}\n"],"mappings":"iOAIO,MAAMA,EAAaC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,SAG/F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,WACAA,EAAA,WACAA,EAAA,WACAA,EAAA,UACA,EAND,CAAYA,MAAiB,KAStB,MAAMC,EAAc,CAC1BC,KAAM,cCjBP,MAAMC,EAAe,ysCACrB,MAAAC,EAAeD,E,MCSFE,EAAS,MAErB,WAAAC,CAAAC,G,8CAWsDC,UAVrDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,YAAAC,CAAaC,GACZC,EAAalB,EAAYiB,EAAUb,EAAYC,K,CAIhD,kBAAAc,CAAmBF,GAClBC,EAAaf,EAAmBc,EAAUb,EAAYC,K,CAGvD,iBAAAe,GACCR,KAAKI,aAAaJ,KAAKS,MACvBT,KAAKO,mBAAmBP,KAAKU,W,CAG9B,MAAAC,GACC,OAAOV,EAACW,EAAI,CAAAC,IAAA,2CAACC,MAAOd,KAAKC,EAAEc,QAAQvB,EAAYC,MAAOgB,KAAMT,KAAKS,KAAMC,WAAYV,KAAKU,Y"}
\ No newline at end of file
diff --git a/build/p-ddc93dbe.entry.js b/build/p-ddc93dbe.entry.js
new file mode 100644
index 00000000..063ce39d
--- /dev/null
+++ b/build/p-ddc93dbe.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as i,h as a,a as o,g as n}from"./p-3336fe3b.js";import{a as t}from"./p-40f10385.js";import{S as s}from"./p-571d2d7c.js";import{g as r,p as v,b as d}from"./p-8a8117a5.js";const g='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-side-nav-item{position:relative;display:block;width:100%}.gov-side-nav-item__header{display:flex;align-items:center;border-bottom:var(--gov-side-nav-border, 0.0625rem solid var(--gov-color-secondary-500))}.gov-side-nav-item__name{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:flex;gap:1rem;flex:1 1 auto;justify-content:flex-start;padding:0.75rem 1rem 0.75rem 0.5rem;color:var(--gov-side-nav-color, var(--gov-color-secondary));text-align:left;transition:background-color 150ms}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}button.gov-side-nav-item__name{padding-right:0 !important}@media not all and (pointer: coarse){.gov-side-nav-item__name:hover{background:var(--gov-side-nav-hover-bg, var(--gov-color-primary-200))}}.gov-side-nav-item__icon{display:flex;flex:0 0 auto;width:1rem;height:1rem}.gov-side-nav-item__icon .gov-icon{margin:0;color:var(--gov-side-nav-color, var(--gov-color-secondary))}.gov-side-nav-item__label{color:inherit}.gov-side-nav-item__chip{display:flex;flex:0 0 auto}.gov-side-nav-item__arrow{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;align-self:stretch;width:3rem;margin-left:auto;color:var(--gov-side-nav-arrow-color, var(--gov-color-primary));transition:background-color 150ms}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-side-nav-item__arrow .gov-icon{width:0.75rem;height:0.75rem}@media not all and (pointer: coarse){.gov-side-nav-item__arrow:hover{background:var(--gov-side-nav-hover-bg, var(--gov-color-primary-200))}}.gov-side-nav-item__content{display:none}.gov-side-nav-item--w-icon .gov-side-nav-item__label{margin-left:2rem}.gov-side-nav-item--w-icon .gov-side-nav-item__icon+.gov-side-nav-item__label{margin-left:0}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__header{border:none !important}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);padding:0.625rem 0.5rem;font-weight:bold}.gov-side-nav-item .gov-side-nav-item[aria-expanded=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"]{background:var(--gov-side-nav-bg-level-2, var(--gov-color-secondary-300))}.gov-side-nav-item .gov-side-nav-item[aria-expanded=""][inverse=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded=""][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=""][inverse="1"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse="1"],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"][inverse=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"][inverse="1"]{background:var(--gov-side-nav-bg-level-2, var(--gov-color-neutral-white))}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{gap:0.75rem;font-weight:inherit}.gov-side-nav-item[compact=""] .gov-side-nav-item__header,.gov-side-nav-item[compact=true i] .gov-side-nav-item__header,.gov-side-nav-item[compact="1"] .gov-side-nav-item__header{border-bottom:none}.gov-side-nav-item[aria-expanded=""]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded="1"]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon{transform:scale(-1)}.gov-side-nav-item[aria-expanded=""]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded="1"]>.gov-side-nav-item__content{display:block}';const m=g;const c=class{constructor(a){e(this,a);this.govChange=i(this,"gov-change",7);this.isExpandedState=undefined;this.inverse=false;this.compact=false;this.identifier=undefined;this.count=false;this.label=undefined;this.disabled=false;this.href=undefined;this.isExpanded=false;this.h=r(this.host)}validateLabel(e){if(!e){t(`[${s.root}]: Parameter label is required.`)}}emmitChange(){this.govChange.emit({open:this.isExpandedState,element:this.host})}componentWillLoad(){this.isExpandedState=this.isExpanded;this.validateLabel(this.label)}get classNames(){const{h:e}=this;return v([s.root,e.hasSlot("icon")&&s.rootWithIcon])}render(){const{isExpandedState:e,label:i}=this;const n=this.host.children.length>1;return a(o,{key:"3828453f2d9249e75f94b8cc1ec5d057fcf03f05",class:this.classNames,role:"listitem",inverse:this.inverse,"aria-expanded":d(e)},this.href?a("div",{class:s.header},a("a",{class:s.name,href:this.href},this.h.hasSlot("icon")&&a("span",{class:s.icon},a("slot",{name:"icon"})),a("span",{class:s.label},i),this.count&&a("span",{class:s.chip},a("gov-chip",{variant:"secondary",size:"s",inverse:this.inverse},"3"))),n&&a("button",{type:"button",class:s.arrow,onClick:()=>this.toggle()},a("gov-icon",{name:"chevron-down"}))):a("div",{class:s.header},a("button",{class:s.name,type:"button",onClick:()=>this.toggle()},this.h.hasSlot("icon")&&a("span",{class:s.icon},a("slot",{name:"icon"})),a("span",{class:s.label},i),n&&a("span",{class:s.arrow},a("gov-icon",{name:"chevron-down"})))),n&&a("div",{class:s.content},a("slot",null)))}async open(){this.isExpandedState=true;this.emmitChange()}async close(){this.isExpandedState=false;this.emmitChange()}async toggle(){this.isExpandedState=!this.isExpandedState;this.emmitChange()}async currentState(){return this.isExpandedState}get host(){return n(this)}static get watchers(){return{label:["validateLabel"]}}};c.style=m;export{c as gov_side_nav_item};
+//# sourceMappingURL=p-ddc93dbe.entry.js.map
\ No newline at end of file
diff --git a/build/p-ddc93dbe.entry.js.map b/build/p-ddc93dbe.entry.js.map
new file mode 100644
index 00000000..ebb1f0c0
--- /dev/null
+++ b/build/p-ddc93dbe.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govSideNavItemCss","GovSideNavItemStyle0","GovSideNavItem","constructor","hostRef","this","h","govHost","host","validateLabel","newValue","govErrorLog","SideNavItemClass","root","emmitChange","govChange","emit","open","isExpandedState","element","componentWillLoad","isExpanded","label","classNames","prepareClasses","hasSlot","rootWithIcon","render","hasChilds","children","length","Host","key","class","role","inverse","booleanString","href","header","name","icon","count","chip","variant","size","type","arrow","onClick","toggle","content","close","currentState"],"sources":["../../packages/core/src/components/gov-side-nav/gov-side-nav-item.scss?tag=gov-side-nav-item","../../packages/core/src/components/gov-side-nav/gov-side-nav-item.tsx"],"sourcesContent":["/*\n *   Side nav - Item\n */\n\n$class: \".gov-side-nav-item\";\n\n#{$class} {\n\t@include base();\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tborder-bottom: $side-nav-border;\n\t}\n\t&__name {\n\t\t@include button-core();\n\t\t@include typography($font-size-m);\n\t\t@include focus-outline();\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tflex: 1 1 auto;\n\t\tjustify-content: flex-start;\n\t\tpadding: rem-calc(12 16 12 8);\n\t\tcolor: $side-nav-color;\n\t\ttext-align: left;\n\t\ttransition: background-color $t;\n\t\t@at-root button#{&} {\n\t\t\tpadding-right: 0 !important;\n\t\t}\n\n\t\t// HOVERS\n\t\t@include hover() {\n\t\t\tbackground: $side-nav-hover-bg;\n\t\t}\n\t}\n\t&__icon {\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(16);\n\t\theight: rem-calc(16);\n\t\t.gov-icon {\n\t\t\tmargin: 0;\n\t\t\tcolor: $side-nav-color;\n\t\t}\n\t}\n\t&__label {\n\t\tcolor: inherit;\n\t}\n\t&__chip {\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t}\n\t&__arrow {\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tflex: 0 0 auto;\n\t\talign-self: stretch;\n\t\twidth: rem-calc(48);\n\t\tmargin-left: auto;\n\t\tcolor: $side-nav-arrow-color;\n\t\ttransition: background-color $t;\n\t\t.gov-icon {\n\t\t\twidth: rem-calc(12);\n\t\t\theight: rem-calc(12);\n\t\t}\n\t\t@include hover() {\n\t\t\tbackground: $side-nav-hover-bg;\n\t\t}\n\t}\n\t&__content {\n\t\tdisplay: none;\n\t}\n\n\t// VARIANTS\n\t&--w-icon &__label {\n\t\tmargin-left: rem-calc(32);\n\t}\n\t&--w-icon &__icon + &__label {\n\t\tmargin-left: 0;\n\t}\n\t// nested styles\n\t& & {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\tborder: none !important;\n\t\t\t}\n\t\t\t&__name {\n\t\t\t\t@include typography($font-size-s);\n\t\t\t\tpadding: rem-calc(10 8);\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"aria-expanded\") {\n\t\t\tbackground: $side-nav-bg-level-2;\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tbackground: $side-nav-bg-level-2-inverse;\n\t\t\t}\n\t\t}\n\t}\n\t& & & {\n\t\t#{$class} {\n\t\t\t&__name {\n\t\t\t\tgap: rem-calc(12);\n\t\t\t\tfont-weight: inherit;\n\t\t\t}\n\t\t}\n\t}\n\t@include parameter(\"compact\") {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t@include parameter(\"aria-expanded\") {\n\t\t& > #{$class}__header #{$class}__arrow .gov-icon {\n\t\t\ttransform: scale(-1);\n\t\t}\n\t\t& > #{$class}__content {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { SideNavItemClass } from './constants'\nimport { booleanString, prepareClasses } from '../../helpers/Dom/template'\nimport { GovSideNavItemChangeEvent } from './gov-side-nav-item.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-side-nav-item',\n\tstyleUrl: 'gov-side-nav-item.scss',\n})\nexport class GovSideNavItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovSideNavItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Determide if component should have compact styles.\n\t */\n\t@Prop() readonly compact: boolean = false\n\t/**\n\t * Custom sidenav item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defined the count of nested items\n\t */\n\t@Prop() readonly count: boolean = false\n\t/**\n\t * Item name of the sidenav\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Defines whether the sidenav is open or closed by button\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Called when the sidenav state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovSideNavItemChangeEvent>\n\n\t@Watch('label')\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${SideNavItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateLabel(this.label)\n\t}\n\n\tget classNames(): string {\n\t\tconst { h } = this\n\n\t\treturn prepareClasses([SideNavItemClass.root, h.hasSlot('icon') && SideNavItemClass.rootWithIcon])\n\t}\n\n\trender() {\n\t\tconst { isExpandedState, label } = this\n\t\t// TODO: správný počet zanořených childů\n\t\tconst hasChilds = this.host.children.length > 1\n\n\t\treturn (\n\t\t\t<Host class={this.classNames} role=\"listitem\" inverse={this.inverse} aria-expanded={booleanString(isExpandedState)}>\n\t\t\t\t{this.href ? (\n\t\t\t\t\t<div class={SideNavItemClass.header}>\n\t\t\t\t\t\t<a class={SideNavItemClass.name} href={this.href}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span class={SideNavItemClass.label}>{label}</span>\n\n\t\t\t\t\t\t\t{this.count && (\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.chip}>\n\t\t\t\t\t\t\t\t\t<gov-chip variant=\"secondary\" size=\"s\" inverse={this.inverse}>\n\t\t\t\t\t\t\t\t\t\t{/* // TODO: správný počet zanořených childů */}3\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t{hasChilds && (\n\t\t\t\t\t\t\t<button type=\"button\" class={SideNavItemClass.arrow} onClick={() => this.toggle()}>\n\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={SideNavItemClass.header}>\n\t\t\t\t\t\t<button class={SideNavItemClass.name} type=\"button\" onClick={() => this.toggle()}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span class={SideNavItemClass.label}>{label}</span>\n\n\t\t\t\t\t\t\t{hasChilds && (\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.arrow}>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{hasChilds && (\n\t\t\t\t\t<div class={SideNavItemClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the sidenav\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the sidenav\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * sidenav switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n}\n"],"mappings":"0LAAA,MAAMA,EAAoB,+lKAC1B,MAAAC,EAAeD,E,MCWFE,EAAc,MAG1B,WAAAC,CAAAC,G,4FAUoC,M,aAIA,M,qCAQF,M,mCASG,M,oCAS8B,MAvClEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA8CvB,aAAAC,CAAcC,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAiBC,sC,EAI3B,WAAAC,GACPT,KAAKU,UAAUC,KAAK,CAAEC,KAAMZ,KAAKa,gBAAiBC,QAASd,KAAKG,M,CAGjE,iBAAAY,GACCf,KAAKa,gBAAkBb,KAAKgB,WAC5BhB,KAAKI,cAAcJ,KAAKiB,M,CAGzB,cAAIC,GACH,MAAMjB,EAAEA,GAAMD,KAEd,OAAOmB,EAAe,CAACZ,EAAiBC,KAAMP,EAAEmB,QAAQ,SAAWb,EAAiBc,c,CAGrF,MAAAC,GACC,MAAMT,gBAAEA,EAAeI,MAAEA,GAAUjB,KAEnC,MAAMuB,EAAYvB,KAAKG,KAAKqB,SAASC,OAAS,EAE9C,OACCxB,EAACyB,EAAI,CAAAC,IAAA,2CAACC,MAAO5B,KAAKkB,WAAYW,KAAK,WAAWC,QAAS9B,KAAK8B,QAAO,gBAAiBC,EAAclB,IAChGb,KAAKgC,KACL/B,EAAA,OAAK2B,MAAOrB,EAAiB0B,QAC5BhC,EAAA,KAAG2B,MAAOrB,EAAiB2B,KAAMF,KAAMhC,KAAKgC,MAC1ChC,KAAKC,EAAEmB,QAAQ,SACfnB,EAAA,QAAM2B,MAAOrB,EAAiB4B,MAC7BlC,EAAA,QAAMiC,KAAK,UAGbjC,EAAA,QAAM2B,MAAOrB,EAAiBU,OAAQA,GAErCjB,KAAKoC,OACLnC,EAAA,QAAM2B,MAAOrB,EAAiB8B,MAC7BpC,EAAA,YAAUqC,QAAQ,YAAYC,KAAK,IAAIT,QAAS9B,KAAK8B,SAAO,OAO9DP,GACAtB,EAAA,UAAQuC,KAAK,SAASZ,MAAOrB,EAAiBkC,MAAOC,QAAS,IAAM1C,KAAK2C,UACxE1C,EAAA,YAAUiC,KAAK,mBAKlBjC,EAAA,OAAK2B,MAAOrB,EAAiB0B,QAC5BhC,EAAA,UAAQ2B,MAAOrB,EAAiB2B,KAAMM,KAAK,SAASE,QAAS,IAAM1C,KAAK2C,UACtE3C,KAAKC,EAAEmB,QAAQ,SACfnB,EAAA,QAAM2B,MAAOrB,EAAiB4B,MAC7BlC,EAAA,QAAMiC,KAAK,UAGbjC,EAAA,QAAM2B,MAAOrB,EAAiBU,OAAQA,GAErCM,GACAtB,EAAA,QAAM2B,MAAOrB,EAAiBkC,OAC7BxC,EAAA,YAAUiC,KAAK,oBAOnBX,GACAtB,EAAA,OAAK2B,MAAOrB,EAAiBqC,SAC5B3C,EAAA,c,CAWL,UAAMW,GACLZ,KAAKa,gBAAkB,KACvBb,KAAKS,a,CAON,WAAMoC,GACL7C,KAAKa,gBAAkB,MACvBb,KAAKS,a,CAON,YAAMkC,GACL3C,KAAKa,iBAAmBb,KAAKa,gBAC7Bb,KAAKS,a,CAON,kBAAMqC,GACL,OAAO9C,KAAKa,e"}
\ No newline at end of file
diff --git a/build/p-df96ce5b.entry.js b/build/p-df96ce5b.entry.js
new file mode 100644
index 00000000..2fc4a41b
--- /dev/null
+++ b/build/p-df96ce5b.entry.js
@@ -0,0 +1,2 @@
+import{r as e,h as t,a,g as s}from"./p-3336fe3b.js";import{N as i}from"./p-b4c087ba.js";import{v as o}from"./p-b24413c7.js";import{c as n}from"./p-32d89c78.js";import{d as r}from"./p-2b6bbee5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-nav{position:relative;display:block;width:100%;font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);background:var(--gov-nav-bg, var(--gov-color-primary));font-weight:bold;letter-spacing:0.0125em;text-transform:uppercase}@media (min-width: 48em){.gov-nav{text-align:center}.gov-nav__nav{display:flex;justify-content:space-between}}";const p=c;const f=class{constructor(t){e(this,t);this.wcagLabel=undefined;this.wcagLabelledBy=undefined}async componentDidRender(){if(n()){await r(500);await this.validateWcag()}}render(){return t(a,{key:"89b50287cbee3ce1fd58cb3b4ac6006f9f41af75",class:i.root},t("nav",{key:"2954c04bb2c5c06107bd2813541c965f8bc5792b",class:i.nav,role:"list","arial-label":this.wcagLabel,"arial-labelledby":this.wcagLabelledBy},t("slot",{key:"a47e27da68acf5ebc8e3d74a3da955f21dee2456"})))}async validateWcag(){o(this.wcagLabel,this.wcagLabelledBy,i.root)}get host(){return s(this)}};f.style=p;export{f as gov_nav};
+//# sourceMappingURL=p-df96ce5b.entry.js.map
\ No newline at end of file
diff --git a/build/p-df96ce5b.entry.js.map b/build/p-df96ce5b.entry.js.map
new file mode 100644
index 00000000..4798a3fa
--- /dev/null
+++ b/build/p-df96ce5b.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govNavCss","GovNavStyle0","GovNav","componentDidRender","canValidateWcagOnRender","delay","this","validateWcag","render","h","Host","key","class","NavClass","root","nav","role","wcagLabel","wcagLabelledBy","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-nav/gov-nav.scss?tag=gov-nav","../../packages/core/src/components/gov-nav/gov-nav.tsx"],"sourcesContent":["/*\n *   Nav\n */\n\n$class: \".gov-nav\";\n\n#{$class} {\n\t@include base();\n\t@include typography($font-size-s);\n\tbackground: $nav-bg;\n\tfont-weight: bold;\n\tletter-spacing: 0.0125em;\n\ttext-transform: uppercase;\n\n\t// MQ\n\t@include mq($from: md) {\n\t\ttext-align: center;\n\t\t&__nav {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { NavClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-nav',\n\tstyleUrl: 'gov-nav.scss',\n})\nexport class GovNav {\n\t@Element() readonly host: HTMLGovNavElement\n\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={NavClass.root}>\n\t\t\t\t<nav class={NavClass.nav} role={'list'} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot />\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, NavClass.root)\n\t}\n}\n"],"mappings":"oPAAA,MAAMA,EAAY,8xBAClB,MAAAC,EAAeD,E,MCSFE,EAAM,M,gFAYlB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNC,KAAKC,c,EAIb,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAASC,MACrBL,EAAA,OAAAE,IAAA,2CAAKC,MAAOC,EAASE,IAAKC,KAAM,OAAM,cAAeV,KAAKW,UAAS,mBAAoBX,KAAKY,gBAC3FT,EAAA,QAAAE,IAAA,8C,CAUJ,kBAAMJ,GACLY,EAAkBb,KAAKW,UAAWX,KAAKY,eAAgBL,EAASC,K"}
\ No newline at end of file
diff --git a/build/p-e1255160.js b/build/p-e1255160.js
new file mode 100644
index 00000000..a2e487d0
--- /dev/null
+++ b/build/p-e1255160.js
@@ -0,0 +1,2 @@
+const o=()=>{};export{o as g};
+//# sourceMappingURL=p-e1255160.js.map
\ No newline at end of file
diff --git a/build/p-e1255160.js.map b/build/p-e1255160.js.map
new file mode 100644
index 00000000..fe7c9844
--- /dev/null
+++ b/build/p-e1255160.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c"}
\ No newline at end of file
diff --git a/build/p-e4ccde4f.entry.js b/build/p-e4ccde4f.entry.js
new file mode 100644
index 00000000..3a0b3879
--- /dev/null
+++ b/build/p-e4ccde4f.entry.js
@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,a,g as e}from"./p-3336fe3b.js";import{v as s}from"./p-bc59b609.js";import{T as i,a as n,b as c,c as v}from"./p-9e8ed429.js";import{g as l,a as b}from"./p-8a8117a5.js";import{c as g,v as d}from"./p-b24413c7.js";import{c as h}from"./p-32d89c78.js";import{d as p,t as m}from"./p-2b6bbee5.js";import{c as f}from"./p-4029f0cb.js";import"./p-40f10385.js";import"./p-55e78f21.js";const y=".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=chip] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn{color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn{color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn{color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-success-color-active, var(--gov-color-success-700));color:var(--gov-tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn{color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn{color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-error-color-active, var(--gov-color-error-600));color:var(--gov-tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";const _=y;const u=class{constructor(r){t(this,r);this.govChange=o(this,"gov-change",7);this.triggerRefs={};this.controller=[];this.focusIndex=0;this.compactControls=false;this.type="text";this.variant="primary";this.orientation="horizontal";this.wcagLabel=undefined;this.wcagSelectLabel=undefined;this.wcagLabelledBy=undefined;this.h=l(this.host);this.formSelectId=f("GovFormSelect")}validateType(t){s(c,t,n.root)}validateVariant(t){s(v,t,n.root)}componentWillLoad(){this.prepareDataSource()}async componentDidRender(){if(h()){await p(500);await this.validateWcag()}this.resizeObserver()}prepareDataSource(){this.controller=[];const t=[];this.host.querySelectorAll(i.root).forEach((o=>{const r=Promise.all([o.getIdentifier(),o.getTriggerIdentifier()]).then((([t,r])=>{const a=typeof o.getAttribute("default")==="string";return{label:o.getAttribute("label"),contentIdentifier:t,triggerIdentifier:r,element:o,active:false,default:a}}));t.push(r)}));Promise.all(t).then((t=>{let o=t.findIndex((t=>t.default));if(o===-1)o=0;this.focusIndex=o;t[o].active=true;this.controller=[...t];this.reRender()}))}setActiveByIdentifier(t){const o=[];this.controller.map((r=>{r.active=t===r.triggerIdentifier||t===r.contentIdentifier;o.push(r)}));this.controller=[...o]}reRender(){this.controller.map((t=>{t.element.setActiveStatus(t.active)}))}resizeObserver(){const t=new ResizeObserver(m((()=>{}),200));t.observe(this.tabsRef)}render(){return r(a,{key:"b155ebba92fbcd89ad8c4d4fbd7eb54bdb1eaea2",class:this.h.classes(n.root),variant:this.variant,type:this.type,role:"tablist",ref:t=>this.tabsRef=t,"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onKeyDown:this.onKeydownHandler.bind(this)},r("div",{key:"dbdc430109a0f269cceb39cb485901ab26cbe432",class:n.tabs,"aria-hidden":b(this.compactControls)},r("ul",{key:"0c57d8549844699c4d99b6a301f372ec955a3c52",class:n.list},this.controller.map(((t,o)=>r("li",{class:n.item},this.type=="text"?r("button",{class:n.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t,o),"aria-selected":b(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active?0:-1,ref:o=>this.triggerRefs[t.triggerIdentifier]=o},t.label):r("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"wcag-selected":t.active,"wcag-controls":t.contentIdentifier,focusable:t.active,variant:this.variant,inverse:!t.active,ref:o=>this.triggerRefs[t.triggerIdentifier]=o,"on-gov-click":()=>this.onSelectHandler(t,o)},t.label)))))),r("span",{key:"410b7dad7a11abe40cbc6edc6a218871d0ebac3c",id:this.formSelectId,hidden:true},this.wcagSelectLabel),this.compactControls?r("gov-form-select",{"wcag-labelled-by":this.formSelectId,"onGov-change":this.onChangeHandler.bind(this)},this.controller.map((t=>r("option",{value:t.triggerIdentifier,selected:t.active},t.label)))):null,r("slot",{key:"c468af9e7fb784505e291c22568cc399c9e2d1e7"}))}getCurrentTab(){return this.controller.find((t=>t.active))||null}onSelectHandler(t,o){this.focusIndex=o;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onChangeHandler(t){const o=t.target.value;t.stopPropagation();this.setActiveByIdentifier(o);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const o=t.keyCode;t.stopPropagation();if([37,38,39,40].includes(o)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controller.length-1)){return}this.controller[this.focusIndex].active=false;if(o===39||o===40){this.focusIndex++;if(this.focusIndex>=this.controller.length){this.focusIndex=0}}else if(o===37||o===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controller.length-1}}if(this.focusIndex>=0&&this.focusIndex<=this.controller.length-1){const t=this.controller[this.focusIndex];t.active=true;const o=this.triggerRefs[t.triggerIdentifier];if(o.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controller=[...this.controller];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareDataSource()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async validateWcag(){g(this.wcagSelectLabel,"wcag-select-label",n.root);d(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return e(this)}static get watchers(){return{type:["validateType"],variant:["validateVariant"]}}};u.style=_;export{u as gov_tabs};
+//# sourceMappingURL=p-e4ccde4f.entry.js.map
\ No newline at end of file
diff --git a/build/p-e4ccde4f.entry.js.map b/build/p-e4ccde4f.entry.js.map
new file mode 100644
index 00000000..2c4662ad
--- /dev/null
+++ b/build/p-e4ccde4f.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govTabsCss","GovTabsStyle0","GovTabs","constructor","hostRef","this","triggerRefs","h","govHost","host","formSelectId","createID","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateVariant","TabVariants","componentWillLoad","prepareDataSource","componentDidRender","canValidateWcagOnRender","delay","validateWcag","resizeObserver","controller","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","then","identifier","triggerIdentifier","isDefault","getAttribute","label","contentIdentifier","element","active","default","push","controllers","defaultTab","findIndex","focusIndex","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","ResizeObserver","throttle","observe","tabsRef","render","Host","key","class","classes","variant","type","role","ref","el","wcagLabel","wcagLabelledBy","onKeyDown","onKeydownHandler","bind","tabs","toBoolAttr","compactControls","list","index","btn","id","onClick","onSelectHandler","tabindex","tag","focusable","inverse","hidden","wcagSelectLabel","onChangeHandler","value","selected","getCurrentTab","find","govChange","emit","e","triggerId","target","stopPropagation","keyCode","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","validateWcagProp","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-tabs/gov-tabs.scss?tag=gov-tabs","../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["/*\n *   Tabs\n */\n\n$class: \".gov-tabs\";\n\n#{$class} {\n\t@include base();\n\t&__list {\n\t\t@extend %reset-ul;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: rem-calc(0 0 20);\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tmargin: 0;\n\t}\n\t&__btn {\n\t\t@include typography($font-size-s);\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tmargin: 0;\n\t\tpadding: rem-calc(12 0 10);\n\t\tborder-bottom: rem-calc(2) solid transparent;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\ttransition: $t linear color, $t linear border-color;\n\n\t}\n\n\t// VARIANTS\n\t@each $type, $definitions in $tabs-types {\n\t\t&[type=\"#{$type}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__list {\n\t\t\t\t\tgap: get(\"item-spacing\", $definitions);\n\t\t\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\t\t\tborder-bottom: $tabs-list-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $tabs-variants {\n\t\t&[variant=\"#{$variant}\"][type=\"text\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__btn {\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tcolor: get(\"color-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// STATES\n\t\t\t\t&__btn[aria-selected=\"true\"] {\n\t\t\t\t\tborder-bottom-color: get(\"color-active\", $definitions);\n\t\t\t\t\tcolor: get(\"color-active\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&[orientation=\"vertical\"] {\n\t\t#{$class}__btn {\n\t\t\ttext-align: left;\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: xl) {\n\t\t&[orientation=\"vertical\"] {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\n\t\t\t#{$class}__list {\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: max-content;\n\t\t\t\tmax-width: 30vw;\n\t\t\t\tmargin-right: rem-calc(20);\n\t\t\t\tpadding: rem-calc(0 8);\n\t\t\t\tborder-bottom: none;\n\t\t\t\tborder-right: $tabs-list-border;\n\t\t\t}\n\n\t\t\t#{$class}__item {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t#{$class}__btn {\n\t\t\t\tpadding: rem-calc(8 12);\n\t\t\t\ttext-align: right;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { TabOrientationType, TabsClass, TabsItemClass, TabType, TabTypes, TabVariants, VariantType } from \"./constants\"\nimport { GovTabControllerItem } from \"./gov-tabs.types\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { validateWcagLabel, validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay, throttle } from \"../../utils/utils\"\nimport { createID } from \"../../utils/string.utils\"\nimport { Nullable } from \"../../types/interfaces\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-tabs\",\n\tstyleUrl: \"gov-tabs.scss\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: { [key: string]: HTMLButtonElement | HTMLGovChipElement } = {}\n\tprivate tabsRef?: HTMLDivElement\n\n\tprivate readonly formSelectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.formSelectId = createID(\"GovFormSelect\")\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t@State() controller: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() compactControls = false\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: TabType = \"text\"\n\t/**\n\t * Style variation of the tab chips.\n\t */\n\t@Prop() readonly variant?: VariantType = \"primary\"\n\t/**\n\t * Tabs orientation\n\t */\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/**\n\t * Adds accessible label for the tabs that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Adds accessible label for the tabs select\n\t */\n\t@Prop({ attribute: \"wcag-select-label\" }) readonly wcagSelectLabel: string\n\t/**\n\t * Indicates the id of a component that labels the tabs.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TabVariants, newValue, TabsClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareDataSource()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\n\t\tthis.resizeObserver()\n\t}\n\n\tprivate prepareDataSource(): void {\n\t\tthis.controller = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t]).then(([identifier, triggerIdentifier]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tlet defaultTab = controllers.findIndex(controller => controller.default)\n\t\t\tif (defaultTab === -1) defaultTab = 0\n\t\t\tthis.focusIndex = defaultTab\n\t\t\tcontrollers[defaultTab].active = true\n\t\t\tthis.controller = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controller.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controller = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controller.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active)\n\t\t})\n\t}\n\n\t/*\n\tprivate evaluateControls() {\n\t\tthis.compactControls = false\n\t\tlet sumOfWidth = this.tabsRef.querySelector(\"ul\").offsetWidth\n\t\tthis.compactControls = this.tabsRef.offsetWidth < sumOfWidth\n\t}\n\t*/\n\n\tprivate resizeObserver() {\n\t\tconst resizeObserver = new ResizeObserver(\n\t\t\tthrottle(() => {\n\t\t\t\t// this.evaluateControls()\n\t\t\t}, 200),\n\t\t)\n\n\t\tresizeObserver.observe(this.tabsRef)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\trole=\"tablist\"\n\t\t\t\tref={el => (this.tabsRef = el as HTMLDivElement)}\n\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs} aria-hidden={toBoolAttr(this.compactControls)}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controller.map((control, index) => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control, index)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\twcag-selected={control.active}\n\t\t\t\t\t\t\t\t\t\twcag-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\t\t\t\tinverse={!control.active}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control, index)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\t\t\t\t<span id={this.formSelectId} hidden>\n\t\t\t\t\t{this.wcagSelectLabel}\n\t\t\t\t</span>\n\t\t\t\t{this.compactControls ? (\n\t\t\t\t\t<gov-form-select wcag-labelled-by={this.formSelectId} onGov-change={this.onChangeHandler.bind(this)}>\n\t\t\t\t\t\t{this.controller.map(control => (\n\t\t\t\t\t\t\t<option value={control.triggerIdentifier} selected={control.active}>\n\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t) : null}\n\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controller.find(control => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem, index: number) {\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onChangeHandler(e: CustomEvent) {\n\t\tconst triggerId = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.setActiveByIdentifier(triggerId)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\t\te.stopPropagation()\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controller.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.controller[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 || keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controller.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controller.length - 1\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controller.length - 1) {\n\t\t\t\tconst current = this.controller[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif(trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controller = [...this.controller]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareDataSource()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagSelectLabel, \"wcag-select-label\", TabsClass.root)\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, TabsClass.root)\n\t}\n}\n"],"mappings":"iZAAA,MAAMA,EAAa,4zJACnB,MAAAC,EAAeD,E,MCeFE,EAAO,MAOnB,WAAAC,CAAAC,G,gDALQC,KAAAC,YAAyE,G,gBAWnC,G,gBACxB,E,qBACK,M,UAIM,O,aAIQ,U,iBAIU,a,sFAnBlDD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,aAAeC,EAAS,gB,CAqC9B,YAAAC,CAAaC,GACZC,EAAaC,EAAUF,EAAUG,EAAUC,K,CAI5C,eAAAC,CAAgBL,GACfC,EAAaK,EAAaN,EAAUG,EAAUC,K,CAG/C,iBAAAG,GACCf,KAAKgB,mB,CAGN,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNnB,KAAKoB,c,CAGZpB,KAAKqB,gB,CAGE,iBAAAL,GACPhB,KAAKsB,WAAa,GAClB,MAAMC,EAA4C,GAClDvB,KAAKI,KAAKoB,iBAAiBC,EAAcb,MAAMc,SAASC,IACvD,MAAMC,EAAcC,QAAQC,IAAI,CAC/BH,EAAII,gBACJJ,EAAIK,yBACFC,MAAK,EAAEC,EAAYC,MACrB,MAAMC,SAAmBT,EAAIU,aAAa,aAAe,SACzD,MAAO,CACNC,MAAOX,EAAIU,aAAa,SACxBE,kBAAmBL,EACnBC,kBAAmBA,EACnBK,QAASb,EACTc,OAAQ,MACRC,QAASN,EACT,IAEFb,EAASoB,KAAKf,EAAY,IAE3BC,QAAQC,IAAIP,GAAUU,MAAKW,IAC1B,IAAIC,EAAaD,EAAYE,WAAUxB,GAAcA,EAAWoB,UAChE,GAAIG,KAAgB,EAAGA,EAAa,EACpC7C,KAAK+C,WAAaF,EAClBD,EAAYC,GAAYJ,OAAS,KACjCzC,KAAKsB,WAAa,IAAIsB,GACtB5C,KAAKgD,UAAU,G,CAIT,qBAAAC,CAAsBf,GAC7B,MAAMgB,EAAO,GACblD,KAAKsB,WAAW6B,KAAIC,IACnBA,EAAKX,OAASP,IAAekB,EAAKjB,mBAAqBD,IAAekB,EAAKb,kBAC3EW,EAAKP,KAAKS,EAAK,IAEhBpD,KAAKsB,WAAa,IAAI4B,E,CAGf,QAAAF,GACPhD,KAAKsB,WAAW6B,KAAIE,IACnBA,EAAQb,QAAQc,gBAAgBD,EAAQZ,OAAO,G,CAYzC,cAAApB,GACP,MAAMA,EAAiB,IAAIkC,eAC1BC,GAAS,QAEN,MAGJnC,EAAeoC,QAAQzD,KAAK0D,Q,CAG7B,MAAAC,GACC,OACCzD,EAAC0D,EAAI,CAAAC,IAAA,2CACJC,MAAO9D,KAAKE,EAAE6D,QAAQpD,EAAUC,MAChCoD,QAAShE,KAAKgE,QACdC,KAAMjE,KAAKiE,KACXC,KAAK,UACLC,IAAKC,GAAOpE,KAAK0D,QAAUU,EAAqB,aACpCpE,KAAKqE,UAAS,kBACTrE,KAAKsE,eACtBC,UAAWvE,KAAKwE,iBAAiBC,KAAKzE,OAEtCE,EAAA,OAAA2D,IAAA,2CAAKC,MAAOnD,EAAU+D,KAAI,cAAeC,EAAW3E,KAAK4E,kBACxD1E,EAAA,MAAA2D,IAAA,2CAAIC,MAAOnD,EAAUkE,MACnB7E,KAAKsB,WAAW6B,KAAI,CAACE,EAASyB,IAC9B5E,EAAA,MAAI4D,MAAOnD,EAAUyC,MACnBpD,KAAKiE,MAAQ,OACb/D,EAAA,UACC4D,MAAOnD,EAAUoE,IACjBC,GAAI3B,EAAQlB,kBACZ+B,KAAK,MACLe,QAAS,IAAMjF,KAAKkF,gBAAgB7B,EAASyB,GAAM,gBACpCH,EAAWtB,EAAQZ,QAAO,gBAC1BY,EAAQd,kBACvB4C,SAAU9B,EAAQZ,OAAS,GAAK,EAChC0B,IAAKC,GAAOpE,KAAKC,YAAYoD,EAAQlB,mBAAqBiC,GAEzDf,EAAQf,OAGVpC,EAAA,YACCgE,KAAK,MACLkB,IAAK,SACLlD,WAAYmB,EAAQlB,kBAAiB,gBACtBkB,EAAQZ,OAAM,gBACdY,EAAQd,kBACvB8C,UAAWhC,EAAQZ,OACnBuB,QAAShE,KAAKgE,QACdsB,SAAUjC,EAAQZ,OAClB0B,IAAKC,GAAOpE,KAAKC,YAAYoD,EAAQlB,mBAAqBiC,EAAyB,eACrE,IAAMpE,KAAKkF,gBAAgB7B,EAASyB,IAEjDzB,EAAQf,YAQfpC,EAAA,QAAA2D,IAAA,2CAAMmB,GAAIhF,KAAKK,aAAckF,OAAM,MACjCvF,KAAKwF,iBAENxF,KAAK4E,gBACL1E,EAAA,sCAAmCF,KAAKK,aAAY,eAAgBL,KAAKyF,gBAAgBhB,KAAKzE,OAC5FA,KAAKsB,WAAW6B,KAAIE,GACpBnD,EAAA,UAAQwF,MAAOrC,EAAQlB,kBAAmBwD,SAAUtC,EAAQZ,QAC1DY,EAAQf,UAIT,KAEJpC,EAAA,QAAA2D,IAAA,6C,CAKK,aAAA+B,GACP,OAAO5F,KAAKsB,WAAWuE,MAAKxC,GAAWA,EAAQZ,UAAW,I,CAGnD,eAAAyC,CAAgB7B,EAA+ByB,GACtD9E,KAAK+C,WAAa+B,EAClB9E,KAAKiD,sBAAsBI,EAAQlB,mBACnCnC,KAAKgD,WACLhD,KAAK8F,UAAUC,KAAK/F,KAAK4F,gBAAgBpD,Q,CAGlC,eAAAiD,CAAgBO,GACvB,MAAMC,EAAaD,EAAEE,OAA6BR,MAClDM,EAAEG,kBACFnG,KAAKiD,sBAAsBgD,GAC3BjG,KAAKgD,WACLhD,KAAK8F,UAAUC,KAAK/F,KAAK4F,gBAAgBpD,Q,CAGlC,gBAAAgC,CAAiBwB,GACxB,MAAMI,EAAUJ,EAAEI,QAClBJ,EAAEG,kBACF,GAAI,CAAC,GAAI,GAAI,GAAI,IAAIE,SAASD,GAAU,CACvC,GAAI,SAAWpG,KAAK+C,YAAc,GAAK/C,KAAK+C,YAAc/C,KAAKsB,WAAWgF,OAAS,GAAI,CACtF,M,CAEDtG,KAAKsB,WAAWtB,KAAK+C,YAAYN,OAAS,MAE1C,GAAI2D,IAAY,IAAMA,IAAY,GAAI,CACrCpG,KAAK+C,aACL,GAAI/C,KAAK+C,YAAc/C,KAAKsB,WAAWgF,OAAQ,CAC9CtG,KAAK+C,WAAa,C,OAEb,GAAIqD,IAAY,IAAMA,IAAY,GAAI,CAC5CpG,KAAK+C,aACL,GAAI/C,KAAK+C,WAAa,EAAG,CACxB/C,KAAK+C,WAAa/C,KAAKsB,WAAWgF,OAAS,C,EAG7C,GAAItG,KAAK+C,YAAc,GAAK/C,KAAK+C,YAAc/C,KAAKsB,WAAWgF,OAAS,EAAG,CAC1E,MAAMC,EAAUvG,KAAKsB,WAAWtB,KAAK+C,YACrCwD,EAAQ9D,OAAS,KACjB,MAAM+D,EAAUxG,KAAKC,YAAYsG,EAAQpE,mBACzC,GAAGqE,EAAQC,SAASC,gBAAkB,WAAY,CAChD1G,KAAKC,YAAYsG,EAAQpE,mBAA0CwE,U,KAC9D,CACN3G,KAAKC,YAAYsG,EAAQpE,mBAAmByE,O,CAG7C5G,KAAKsB,WAAa,IAAItB,KAAKsB,YAC3BtB,KAAKgD,WACLhD,KAAK8F,UAAUC,KAAK/F,KAAK4F,gBAAgBpD,Q,GAS5C,aAAMqE,GACL7G,KAAKgB,mB,CAON,gBAAM8F,GACL,OAAO9G,KAAK4F,gBAAgBpD,SAAW,I,CAOxC,kBAAMuE,CAAa7E,GAClBlC,KAAKiD,sBAAsBf,GAC3BlC,KAAKgD,U,CAON,kBAAM5B,GACL4F,EAAiBhH,KAAKwF,gBAAiB,oBAAqB7E,EAAUC,MACtEqG,EAAkBjH,KAAKqE,UAAWrE,KAAKsE,eAAgB3D,EAAUC,K"}
\ No newline at end of file
diff --git a/build/p-e55a8f78.js b/build/p-e55a8f78.js
new file mode 100644
index 00000000..6dca6f91
--- /dev/null
+++ b/build/p-e55a8f78.js
@@ -0,0 +1,2 @@
+import{V as o}from"./p-55e78f21.js";import{p as s}from"./p-2b6bbee5.js";const e=s(o,["SECONDARY","SUCCESS","ERROR","WARNING"]);const m={root:"gov-form-message",content:"gov-form-message__content",icon:"gov-form-message__icon"};export{m as F,e as a};
+//# sourceMappingURL=p-e55a8f78.js.map
\ No newline at end of file
diff --git a/build/p-e55a8f78.js.map b/build/p-e55a8f78.js.map
new file mode 100644
index 00000000..9a52f31a
--- /dev/null
+++ b/build/p-e55a8f78.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["FormMessageVariants","pick","Variants","FormMessageClass","root","content","icon"],"sources":["../../packages/core/src/components/gov-form/message/constants.ts"],"sourcesContent":["import { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMessageVariants = pick(Variants, ['SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type FormMessageVariantType = `${ValueOf<typeof FormMessageVariants>}`\n\nexport const FormMessageClass = {\n\troot: 'gov-form-message',\n\tcontent: 'gov-form-message__content',\n\ticon: 'gov-form-message__icon',\n}\n"],"mappings":"8EAIaA,EAAsBC,EAAKC,EAAU,CAAC,YAAa,UAAW,QAAS,Y,MAGvEC,EAAmB,CAC/BC,KAAM,mBACNC,QAAS,4BACTC,KAAM,iC"}
\ No newline at end of file
diff --git a/build/p-e5df1da2.entry.js b/build/p-e5df1da2.entry.js
new file mode 100644
index 00000000..0a79c556
--- /dev/null
+++ b/build/p-e5df1da2.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as a,h as e,a as t,g as i}from"./p-3336fe3b.js";import{g as r,a as d}from"./p-8a8117a5.js";import{c as s}from"./p-32d89c78.js";import{a as l}from"./p-40f10385.js";import{a as n}from"./p-b24413c7.js";import{c as m}from"./p-4029f0cb.js";import{d as c}from"./p-2b6bbee5.js";import{M as g}from"./p-1ef9a822.js";const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__footer,.gov-modal__actions{padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__content{padding:2rem 3rem}.gov-modal__footer{padding:1rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__footer,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const v=h;const f=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcagLabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel="Zavřít okno";this.wcagCloseLabelledBy=undefined;this.h=r(this.host);this.labelId=m("GovPromptLabel");this.contentId=m("GovPromptContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){l(`[${g.root}]: Tag ${o} is not allowed.`)}}}watchOpen(o){this.open=o}showModal(){this.open=true;document.body.classList.add(g.bodyFix)}hideModal(){this.open=false;document.body.classList.remove(g.bodyFix)}async componentWillRender(){if(this.open){this.showModal()}else{this.hideModal()}}async componentDidRender(){if(s()){await c(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{key:"84a5d08945676342cee3267da8709188ff62ecc8",class:this.h.classes(g.rootPrompt),open:this.open},e("dialog",{key:"bafc4b917fbbb1dc2e575b1c7fadc039df2e0071",class:g.dialog,hidden:!this.open,tabindex:"-1",open:this.open,"aria-modal":"true","aria-hidden":d(!this.open),"aria-labelledby":this.wcagLabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{key:"ba6e9b9a91a0c2d663313d827ab520bc49c2b4d1",class:g.inner},e("div",{key:"ca1a7f05d562d883bf9ea0f467d695eeb2635b88",class:g.header},this.h.hasSlot("icon")&&e("div",{class:g.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:g.title,id:this.labelId},this.label),e("gov-button",{key:"adf90e2a1603c8f73ff94e6300ae30d697e6086a",class:g.close,variant:"primary",wcagLabel:this.wcagCloseLabel,wcagLabelledBy:this.wcagCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},e("gov-icon",{key:"24b3595916c4e2c588cf56a172d3c33135185a75",name:"x-lg"}))),e("div",{key:"877c52498bc408ff40db7cb5f50e262e86ff7c9b",class:g.content,id:this.contentId},e("slot",{key:"8f9f3466f037febbfb8b0b4f89d082c7a1b5123e"})),e("div",{key:"632d15842829f857e5595f06631e33f816caa505",class:g.actions},e("slot",{key:"f6d7e1ddfdac79e68b2f7ac2a459ff6ce9f0d85b",name:"actions"})))),this.open?e("gov-backdrop",{"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(o){o.stopPropagation();this.hideModal();this.govClose.emit(o)}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){n(this.wcagLabelledBy,"wcag-labelled-by",g.root);n(this.wcagDescribedBy,"wcag-described-by",g.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"],open:["watchOpen"]}}};f.style=v;export{f as gov_prompt};
+//# sourceMappingURL=p-e5df1da2.entry.js.map
\ No newline at end of file
diff --git a/build/p-e5df1da2.entry.js.map b/build/p-e5df1da2.entry.js.map
new file mode 100644
index 00000000..76efcf44
--- /dev/null
+++ b/build/p-e5df1da2.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govPromptCss","GovPromptStyle0","GovPrompt","constructor","hostRef","this","h","govHost","host","labelId","createID","contentId","validateLabelTag","newValue","validTags","includes","govErrorLog","ModalClass","root","watchOpen","open","showModal","document","body","classList","add","bodyFix","hideModal","remove","componentWillRender","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","LabelTag","labelTag","Host","key","class","classes","rootPrompt","dialog","hidden","tabindex","toBoolAttr","wcagLabelledBy","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","close","variant","wcagLabel","wcagCloseLabel","wcagCloseLabelledBy","type","onCloseHandler","bind","content","actions","e","stopPropagation","govClose","emit","show","hide","validateWcagRef"],"sources":["../../packages/core/src/components/gov-promp/gov-prompt.scss?tag=gov-prompt","../../packages/core/src/components/gov-promp/gov-prompt.tsx"],"sourcesContent":["/*\n *   Prompt\n */\n\n// $class: \".gov-prompt\";\n@import \"../gov-modal/gov-modal.scss\";\n\n// #{$class} {\n// \t//\n// }\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { govHost, toBoolAttr } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateWcagRef } from '../../helpers/Validate/wcag'\nimport { Nullable } from '../../types/interfaces'\nimport { createID } from '../../utils/string.utils'\nimport { delay } from '../../utils/utils'\nimport { ModalClass } from '../gov-modal/constants'\n\n@Component({\n\ttag: 'gov-prompt',\n\tstyleUrl: 'gov-prompt.scss',\n})\nexport class GovPrompt {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovPromptLabel')\n\t\tthis.contentId = createID('GovPromptContent')\n\t}\n\n\t@Element() host: HTMLGovPromptElement\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop({ mutable: true }) open = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: 'role' }) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: 'label-tag' }) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: 'wcag-close-labelled-by' }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('labelTag')\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t}\n\n\tprivate showModal() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.open) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal()\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ModalClass.rootPrompt)} open={this.open}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={ModalClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label && (\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t\t\t</LabelTag>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tclass={ModalClass.close}\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.actions}>\n\t\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop wcag-label={this.wcagCloseLabel} wcag-labelled-by={this.wcagCloseLabelledBy} on-gov-click={this.onCloseHandler.bind(this)} />\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', ModalClass.root)\n\t}\n}\n"],"mappings":"mUAAA,MAAMA,EAAe,wyFACrB,MAAAC,EAAeD,E,MCcFE,EAAS,MAKrB,WAAAC,CAAAC,G,wDAUgC,M,+BAQsB,S,cAIQ,K,iFAYa,c,mCAjC1EC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,kBACxBL,KAAKM,UAAYD,EAAS,mB,CA0C3B,gBAAAE,CAAiBC,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,oB,GAM5C,SAAAM,CAAUN,GACTR,KAAKe,KAAOP,C,CAGL,SAAAQ,GACPhB,KAAKe,KAAO,KACZE,SAASC,KAAKC,UAAUC,IAAIR,EAAWS,Q,CAGhC,SAAAC,GACPtB,KAAKe,KAAO,MACZE,SAASC,KAAKC,UAAUI,OAAOX,EAAWS,Q,CAG3C,yBAAMG,GACL,GAAIxB,KAAKe,KAAM,CACdf,KAAKgB,W,KACC,CACNhB,KAAKsB,W,EAIP,wBAAMG,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACN3B,KAAK4B,c,EAIb,MAAAC,GACC,MAAMC,EAAW9B,KAAK+B,SACtB,OACC9B,EAAC+B,EAAI,CAAAC,IAAA,2CAACC,MAAOlC,KAAKC,EAAEkC,QAAQvB,EAAWwB,YAAarB,KAAMf,KAAKe,MAC9Dd,EAAA,UAAAgC,IAAA,2CACCC,MAAOtB,EAAWyB,OAClBC,QAAStC,KAAKe,KACdwB,SAAS,KACTxB,KAAMf,KAAKe,KAAI,aACJ,OAAM,cACJyB,GAAYxC,KAAKe,MAAK,kBAClBf,KAAKyC,gBAAkBzC,KAAKI,QAAO,mBAClCJ,KAAK0C,iBAAmB1C,KAAKM,UAC/CqC,KAAM3C,KAAK2C,MAEX1C,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAWgC,OACtB3C,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAWiC,QACrB7C,KAAKC,EAAE6C,QAAQ,SACf7C,EAAA,OAAKiC,MAAOtB,EAAWmC,MACtB9C,EAAA,QAAM+C,KAAK,UAGZhD,KAAKiD,OACLhD,EAAC6B,EAAQ,CAACI,MAAOtB,EAAWsC,MAAOC,GAAInD,KAAKI,SAC1CJ,KAAKiD,OAGRhD,EAAA,cAAAgC,IAAA,2CACCC,MAAOtB,EAAWwC,MAClBC,QAAQ,UACRC,UAAWtD,KAAKuD,eAChBd,eAAgBzC,KAAKwD,oBACrBC,KAAK,OAAM,eACGzD,KAAK0D,eAAeC,KAAK3D,OAEvCC,EAAA,YAAAgC,IAAA,2CAAUe,KAAK,WAGjB/C,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAWgD,QAAST,GAAInD,KAAKM,WACxCL,EAAA,QAAAgC,IAAA,8CAEDhC,EAAA,OAAAgC,IAAA,2CAAKC,MAAOtB,EAAWiD,SACtB5D,EAAA,QAAAgC,IAAA,2CAAMe,KAAK,eAKbhD,KAAKe,KACLd,EAAA,6BAA0BD,KAAKuD,eAAc,mBAAoBvD,KAAKwD,oBAAmB,eAAgBxD,KAAK0D,eAAeC,KAAK3D,QAC/H,K,CAKC,cAAA0D,CAAeI,GACtBA,EAAEC,kBACF/D,KAAKsB,YACLtB,KAAKgE,SAASC,KAAKH,E,CAOpB,UAAMI,GACLlE,KAAKgB,W,CAON,UAAMmD,GACLnE,KAAKsB,W,CAON,kBAAMM,GACLwC,EAAgBpE,KAAKyC,eAAgB,mBAAoB7B,EAAWC,MACpEuD,EAAgBpE,KAAK0C,gBAAiB,oBAAqB9B,EAAWC,K"}
\ No newline at end of file
diff --git a/build/p-e7dd99a8.entry.js b/build/p-e7dd99a8.entry.js
new file mode 100644
index 00000000..3d23e4f5
--- /dev/null
+++ b/build/p-e7dd99a8.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as a,h as r,a as i,g as s}from"./p-3336fe3b.js";import{v as t}from"./p-b24413c7.js";import{c as e}from"./p-32d89c78.js";import{d as c}from"./p-2b6bbee5.js";import{g as n}from"./p-8a8117a5.js";import"./p-40f10385.js";import"./p-4029f0cb.js";const p={root:"gov-backdrop",bg:"gov-backdrop__bg"};const b='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-backdrop__bg{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--gov-backdrop-bg, var(--gov-color-secondary));opacity:var(--gov-backdrop-opacity, 0.45)}.gov-backdrop[inverse=""] .gov-backdrop__bg,.gov-backdrop[inverse=true i] .gov-backdrop__bg,.gov-backdrop[inverse="1"] .gov-backdrop__bg{background-color:var(--gov-backdrop-bg-inverse, var(--gov-color-neutral-white));opacity:var(--gov-backdrop-opacity, 0.8)}';const d=b;const g=class{constructor(r){o(this,r);this.govClick=a(this,"gov-click",7);this.inverse=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=n(this.host)}async componentDidRender(){if(e()){await c(500);await this.validateWcag()}}render(){return r(i,{key:"10c427094e885ea7a8b21902245d767676747ccb",class:this.h.classes(p.root)},r("div",{key:"e551d29211399f9b4c13969869e6d8f522892c94",role:"button","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onClick:o=>this.govClick.emit(o),class:p.bg}))}async validateWcag(){t(this.wcagLabel,this.wcagLabelledBy,p.root)}get host(){return s(this)}};g.style=d;export{g as gov_backdrop};
+//# sourceMappingURL=p-e7dd99a8.entry.js.map
\ No newline at end of file
diff --git a/build/p-e7dd99a8.entry.js.map b/build/p-e7dd99a8.entry.js.map
new file mode 100644
index 00000000..30f58d91
--- /dev/null
+++ b/build/p-e7dd99a8.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["BackdropClass","root","bg","govBackdropCss","GovBackdropStyle0","GovBackdrop","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","role","wcagLabel","wcagLabelledBy","onClick","e","govClick","emit","validateWcagLabel"],"sources":["../../packages/core/src/components/gov-backdrop/constants.ts","../../packages/core/src/components/gov-backdrop/gov-backdrop.scss?tag=gov-backdrop","../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__bg',\n}\n","/*\n *   Backdrop\n */\n\n$class: \".gov-backdrop\";\n\n#{$class} {\n\t&__bg {\n\t\t@include z-index(\"modal\", 0);\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tbackground-color: $backdrop-bg;\n\t\topacity: $backdrop-opacity;\n\t}\n\n\t// VARIANTS\n\t@include parameter(\"inverse\") {\n\t\t#{$class} {\n\t\t\t&__bg {\n\t\t\t\tbackground-color: $backdrop-bg-inverse;\n\t\t\t\topacity: $backdrop-opacity-inverse;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, EventEmitter, h, Method, Prop, Host, Element } from '@stencil/core'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { BackdropClass } from './constants'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-backdrop',\n\tstyleUrl: 'gov-backdrop.scss',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\tonClick={e => this.govClick.emit(e)}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BackdropClass.root)\n\t}\n}\n"],"mappings":"gQAAO,MAAMA,EAAgB,CAC5BC,KAAM,eACNC,GAAI,oBCFL,MAAMC,EAAiB,oxBACvB,MAAAC,EAAeD,E,MCWFE,EAAW,MAGvB,WAAAC,CAAAC,G,2DAQoC,M,uDAPnCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBvB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,c,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQpB,EAAcC,OACzCQ,EAAA,OAAAS,IAAA,2CACCG,KAAM,SAAQ,aACFb,KAAKc,UAAS,kBACTd,KAAKe,eACtBC,QAASC,GAAKjB,KAAKkB,SAASC,KAAKF,GACjCN,MAAOnB,EAAcE,K,CAUzB,kBAAMa,GACLa,EAAkBpB,KAAKc,UAAWd,KAAKe,eAAgBvB,EAAcC,K"}
\ No newline at end of file
diff --git a/build/p-e8ff3a4d.entry.js b/build/p-e8ff3a4d.entry.js
new file mode 100644
index 00000000..8de39899
--- /dev/null
+++ b/build/p-e8ff3a4d.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as r,a as e,g as a}from"./p-3336fe3b.js";import{V as s}from"./p-55e78f21.js";import{p as t}from"./p-2b6bbee5.js";t(s,["PRIMARY","SECONDARY"]);const i={root:"gov-form-search",input:"gov-form-search__input",button:"gov-form-search__button"};const n=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-search{position:relative;display:flex;width:100%;gap:0.5rem;align-items:center;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white))}.gov-form-search:focus{outline:none}.gov-form-search:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search:focus-within{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search__input{flex:1 1 auto}.gov-form-search__input input{height:auto;border-width:0 !important}.gov-form-search__input input:focus-visible{outline:none !important}.gov-form-search__button{flex:0 0 auto;margin:0.1875rem 0.1875rem 0.1875rem 0}.gov-form-search[variant=primary]{border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-form-search[variant=secondary]{border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}";const c=n;const f=class{constructor(r){o(this,r);this.variant="secondary"}render(){return r(e,{key:"72ce60c2e712fa43e59acf9c53f5310f26d0f8e2",class:i.root},r("span",{key:"8f1b7aaf63594734a34e34ddf927ea87e1f3008c",class:i.input},r("slot",{key:"f451ffccf493b0eda87916d489bf5e713954846e",name:"input"})),r("span",{key:"1186ee25156f9d9e2f44590d1d3b1ec0de86b3f9",class:i.button},r("slot",{key:"8749c294b275277e13fe39507c8b5eb3ce35e7df",name:"button"})))}get host(){return a(this)}};f.style=c;export{f as gov_form_search};
+//# sourceMappingURL=p-e8ff3a4d.entry.js.map
\ No newline at end of file
diff --git a/build/p-e8ff3a4d.entry.js.map b/build/p-e8ff3a4d.entry.js.map
new file mode 100644
index 00000000..8bdf7e1e
--- /dev/null
+++ b/build/p-e8ff3a4d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["pick","Variants","FormSearchClass","root","input","button","govFormSearchCss","GovFormSearchStyle0","GovFormSearch","render","h","Host","key","class","name"],"sources":["../../packages/core/src/components/gov-form/search/constants.ts","../../packages/core/src/components/gov-form/search/gov-form-search.scss?tag=gov-form-search","../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Variants } from '../../../core/constants/variants'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSearchs = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormSearchVariantType = `${ValueOf<typeof FormSearchs>}`\n\nexport const FormSearchClass = {\n\troot: 'gov-form-search',\n\tinput: 'gov-form-search__input',\n\tbutton: 'gov-form-search__button',\n}\n","/*\n *   Search\n */\n\n$class: \".gov-form-search\";\n\n#{$class} {\n\t@include base(flex);\n\t@include focus-outline($border-radius, 0, true);\n\tgap: rem-calc(8);\n\talign-items: center;\n\tborder-radius: $border-radius;\n\tbackground-color: $form-bg-color;\n\t&__input {\n\t\tflex: 1 1 auto;\n\t\tinput {\n\t\t\theight: auto;\n\t\t\tborder-width: 0 !important;\n\t\t\t&:focus-visible {\n\t\t\t\toutline: none !important;\n\t\t\t}\n\t\t}\n\t}\n\t&__button {\n\t\tflex: 0 0 auto;\n\t\tmargin: rem-calc(3) rem-calc(3) rem-calc(3) 0;\n\t}\n\n\t@each $variant, $definitions in $form-input-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder: get(\"border\", $definitions);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { FormSearchClass, FormSearchVariantType } from './constants'\n@Component({\n\ttag: 'gov-form-search',\n\tstyleUrl: 'gov-form-search.scss',\n})\nexport class GovFormSearch {\n\t@Element() host: HTMLGovFormSearchElement\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop({reflect: true}) readonly variant: FormSearchVariantType = 'secondary'\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root}>\n\t\t\t\t<span class={FormSearchClass.input}>\n\t\t\t\t\t<slot name=\"input\" />\n\t\t\t\t</span>\n\t\t\t\t<span class={FormSearchClass.button}>\n\t\t\t\t\t<slot name=\"button\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iIAI2BA,EAAKC,EAAU,CAAC,UAAW,cAG/C,MAAMC,EAAkB,CAC9BC,KAAM,kBACNC,MAAO,yBACPC,OAAQ,2BCVT,MAAMC,EAAmB,y6CACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,sCAKwC,W,CAEjE,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOX,EAAgBC,MAC5BO,EAAA,QAAAE,IAAA,2CAAMC,MAAOX,EAAgBE,OAC5BM,EAAA,QAAAE,IAAA,2CAAME,KAAK,WAEZJ,EAAA,QAAAE,IAAA,2CAAMC,MAAOX,EAAgBG,QAC5BK,EAAA,QAAAE,IAAA,2CAAME,KAAK,Y"}
\ No newline at end of file
diff --git a/build/p-ef86c051.entry.js b/build/p-ef86c051.entry.js
new file mode 100644
index 00000000..3ba8fde1
--- /dev/null
+++ b/build/p-ef86c051.entry.js
@@ -0,0 +1,2 @@
+import{r,h as o,a as e,g as a}from"./p-3336fe3b.js";import{V as t}from"./p-55e78f21.js";import{g as n}from"./p-8a8117a5.js";import{v as s}from"./p-bc59b609.js";import{p as i}from"./p-2b6bbee5.js";import"./p-40f10385.js";i(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);const g={root:"gov-control-group"};const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-control-group{position:relative;display:flex;width:100%;align-items:center;border-radius:var(--gov-control-group-border-radius, 0.25rem)}.gov-control-group .element *,.gov-control-group .gov-button .element{border:none !important;border-radius:0}.gov-control-group[variant=primary]{border:var(--gov-control-group-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-control-group[variant=primary]>*{border-right:var(--gov-control-group-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-control-group[variant=secondary]{border:var(--gov-control-group-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}.gov-control-group[variant=secondary]>*{border-right:var(--gov-control-group-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}.gov-control-group[variant=success]{border:var(--gov-control-group-border-success, 0.0625rem solid var(--gov-color-success-500))}.gov-control-group[variant=success]>*{border-right:var(--gov-control-group-border-success, 0.0625rem solid var(--gov-color-success-500))}.gov-control-group[variant=warning]{border:var(--gov-control-group-border-warning, 0.0625rem solid var(--gov-color-warning-500))}.gov-control-group[variant=warning]>*{border-right:var(--gov-control-group-border-warning, 0.0625rem solid var(--gov-color-warning-500))}.gov-control-group[variant=error]{border:var(--gov-control-group-border-error, 0.0625rem solid var(--gov-color-error-400))}.gov-control-group[variant=error]>*{border-right:var(--gov-control-group-border-error, 0.0625rem solid var(--gov-color-error-400))}.gov-control-group>*:last-child{border-right:none}.gov-control-group.no-border>*{border-right:none}";const v=c;const d=class{constructor(o){r(this,o);this.variant=t.PRIMARY;this.noBorder=false;this.h=n(this.host)}validateVariant(r){s(t,r,g.root)}render(){const r=this.noBorder===true?"no-border":undefined;return o(e,{key:"7b64df7710dd2d5cf265687ccb21d1cbb2de0bc0",class:this.h.classes([g.root,r]),variant:this.variant},o("slot",{key:"0b5ee7b719ae8b61e6bced6527d4fdde4db6ed87"}))}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"]}}};d.style=v;export{d as gov_control_group};
+//# sourceMappingURL=p-ef86c051.entry.js.map
\ No newline at end of file
diff --git a/build/p-ef86c051.entry.js.map b/build/p-ef86c051.entry.js.map
new file mode 100644
index 00000000..af6e3f58
--- /dev/null
+++ b/build/p-ef86c051.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["pick","Variants","ControlGroupClass","root","govControlGroupCss","GovControlGroupStyle0","GovControlGroup","constructor","hostRef","PRIMARY","this","h","govHost","host","validateVariant","newValue","validateProp","render","noBorder","undefined","Host","key","class","classes","variant"],"sources":["../../packages/core/src/components/gov-control-group/constants.ts","../../packages/core/src/components/gov-control-group/gov-control-group.scss?tag=gov-control-group","../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ControlGroupVariantType = `${ValueOf<typeof ControlGroupVariants>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","/*\n *   Control group\n */\n\n$class: \".gov-control-group\";\n\n#{$class} {\n\t@include base(flex);\n\talign-items: center;\n\tborder-radius: $control-group-border-radius;\n\t.element *,\n\t.gov-button .element {\n\t\tborder: none !important;\n\t\tborder-radius: 0;\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $control-group-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder: get(\"border\", $definitions);\n\t\t\t> * {\n\t\t\t\tborder-right: get(\"border\", $definitions);\n\t\t\t}\n\t\t}\n\t}\n\n\t> * {\n\t\t&:last-child {\n\t\t\tborder-right: none;\n\t\t}\n\t}\n\t&.no-border {\n\t\t> * {\n\t\t\tborder-right: none;\n\t\t}\n\t}\n}\n\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupVariantType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n\tstyleUrl: \"gov-control-group.scss\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly variant: ControlGroupVariantType = Variants.PRIMARY\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\tconst noBorder = this.noBorder === true ? \"no-border\" : undefined\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ControlGroupClass.root, noBorder])}\n\t\t\t\tvariant={this.variant}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4NAIoCA,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAGzF,MAAMC,EAAoB,CAChCC,KAAM,qBCRP,MAAMC,EAAqB,y+DAC3B,MAAAC,EAAeD,E,MCUFE,EAAe,MAG3B,WAAAC,CAAAC,G,uBAQoDP,EAASQ,Q,cAIE,MAX9DC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAcvB,eAAAC,CAAgBC,GACfC,EAAaf,EAAUc,EAAUb,EAAkBC,K,CAGpD,MAAAc,GACC,MAAMC,EAAWR,KAAKQ,WAAa,KAAO,YAAcC,UACxD,OACCR,EAACS,EAAI,CAAAC,IAAA,2CACJC,MAAOZ,KAAKC,EAAEY,QAAQ,CAACrB,EAAkBC,KAAMe,IAC/CM,QAASd,KAAKc,SACdb,EAAA,QAAAU,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-f334afac.entry.js b/build/p-f334afac.entry.js
new file mode 100644
index 00000000..ea7468a2
--- /dev/null
+++ b/build/p-f334afac.entry.js
@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r,a,g as s}from"./p-3336fe3b.js";import{v as i}from"./p-bc59b609.js";import{V as e,T as c}from"./p-55e78f21.js";import{p as n}from"./p-2b6bbee5.js";import{g as v}from"./p-8a8117a5.js";import{c as g}from"./p-4029f0cb.js";import"./p-40f10385.js";const l=n(e,["SUCCESS","WARNING","ERROR","SECONDARY","PRIMARY"]);n(c,["CLASSIC","SOLID"]);const d={root:"gov-toast",hidden:"gov-toast--hidden",icon:"gov-toast__icon",content:"gov-toast__content",close:"gov-toast__close",timer:"gov-toast__timer"};const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white));z-index:301;position:relative;position:fixed;max-width:23.4375rem;padding-right:3.125rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content>*:last-child{margin-bottom:0}.gov-toast__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.5rem;right:0.75rem}.gov-toast__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[type=solid i]{border:none;border-radius:0.25rem;overflow:hidden;box-shadow:none}.gov-toast[type=solid i].is-initialized .gov-toast__timer{transform-origin:right;animation:countdown linear forwards var(--toast-duration, 0)}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning][type=solid i]{background-color:var(--gov-toast-warning-background, var(--gov-color-warning));color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-warning-timer-background, rgba(var(--gov-color-warning-500-rgb), 0.3))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error][type=solid i]{background-color:var(--gov-toast-error-background, var(--gov-color-error));color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-error-timer-background, rgba(var(--gov-color-error-500-rgb), 0.5))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success][type=solid i]{background-color:var(--gov-toast-success-background, var(--gov-color-success-500));color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-success-timer-background, rgba(var(--gov-color-success-600-rgb), 0.5))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary][type=solid i]{background-color:var(--gov-toast-primary-background, var(--gov-color-primary));color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-primary-timer-background, rgba(var(--gov-color-primary-700-rgb), 0.5))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary][type=solid i]{background-color:var(--gov-toast-secondary-background, var(--gov-color-secondary));color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-secondary-timer-background, rgba(var(--gov-color-secondary-900-rgb), 0.5))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";const p=m;const h=class{constructor(r){o(this,r);this.govClose=t(this,"gov-close",7);this.variant="primary";this.gravity="top";this.position="right";this.type="classic";this.time=0;this.closeLabel=undefined;this.wcagCloseLabel=undefined;this.h=v(this.host);this.toastId=g("GovToast")}validateVariant(o){i(l,o,d.root)}componentWillLoad(){this.validateVariant(this.variant);this.runTimer()}disconnectedCallback(){clearTimeout(this.timeout)}runTimer(){if(this.isSolid){this.host.classList.add("is-initialized")}if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(d.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return r(a,{key:"20758258e6f100ecccdcdccaaaa5d7ab4fd0e7ad",class:this.h.classes([d.root,"gov-box-shadow--m"]),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,variant:this.variant,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&r("span",{class:d.icon},r("slot",{name:"icon"})),r("div",{key:"1a3372ecb41e2cd78e2b88e8c8c7e88b310d3774",class:d.content,"aria-live":"polite",role:"status"},r("slot",{key:"c09b3021ce96d1ad1cd0f6e61eff2d790481781d"})),r("div",{key:"cbd65a412bddf290e3046eb660e9cfd71723f32e",class:d.close},r("gov-button",{key:"f57284924434304a8c96b0ffb57faf5e88c9696b",size:"s","wcag-label":this.wcagCloseLabel,variant:this.isSolid?this.variant:"secondary",inverse:this.isSolid,type:"base","on-gov-click":this.onCloseHandler.bind(this)},this.closeLabel?this.closeLabel:r("gov-icon",{name:"x-lg"}))),r("div",{key:"14ea485f82bfe2acf43d34acfb805585e2bb038f",class:d.timer}))}onCloseHandler(){this.destroy().then((()=>this.govClose.emit(this.toastId))).catch()}get isSolid(){return this.type==="solid"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const o=document.querySelector(`[data-toast-id="${this.toastId}"]`);console.log(o);if(o){o.classList.add(d.hidden);if(typeof o.remove==="function"){o.remove()}}}get host(){return s(this)}static get watchers(){return{variant:["validateVariant"]}}};h.style=p;export{h as gov_toast};
+//# sourceMappingURL=p-f334afac.entry.js.map
\ No newline at end of file
diff --git a/build/p-f334afac.entry.js.map b/build/p-f334afac.entry.js.map
new file mode 100644
index 00000000..f448f85d
--- /dev/null
+++ b/build/p-f334afac.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["ToastVariants","pick","Variants","Types","ToastClass","root","hidden","icon","content","close","timer","govToastCss","GovToastStyle0","GovToast","constructor","hostRef","this","h","govHost","host","toastId","createID","validateVariant","newValue","validateProp","componentWillLoad","variant","runTimer","disconnectedCallback","clearTimeout","timeout","isSolid","classList","add","isTimer","setTimeout","destroy","catch","govClose","emit","time","render","Host","key","class","classes","gravity","position","type","style","hasSlot","name","role","size","wcagCloseLabel","inverse","onCloseHandler","bind","closeLabel","then","Number","isInteger","toast","document","querySelector","console","log","remove"],"sources":["../../packages/core/src/components/gov-toast/constants.ts","../../packages/core/src/components/gov-toast/gov-toast.scss?tag=gov-toast","../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Variants, Types } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastVariants = pick(Variants, ['SUCCESS', 'WARNING', 'ERROR', 'SECONDARY', 'PRIMARY'])\nexport type ToastVariantType = `${ValueOf<typeof ToastVariants>}`\n\nexport const ToastTypes = pick(Types, ['CLASSIC', 'SOLID'])\nexport type ToastTypesType = `${ValueOf<typeof ToastTypes>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\ticon: 'gov-toast__icon',\n\tcontent: 'gov-toast__content',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","/*\n *   Alert\n */\n\n@import \"./gov-toast-message-core.scss\";\n$class: \".gov-toast\";\n\n#{$class} {\n\t@include toast-message-core;\n\t@include z-index(\"toast\", 1);\n\tposition: relative;\n\tposition: fixed;\n\tmax-width: rem-calc(375);\n\tpadding-right: rem-calc(50);\n\topacity: 1;\n\ttransition: opacity 300ms ease-in-out;\n\t&__content {\n\t\tpadding-right: 0;\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(8);\n\t\tright: rem-calc(12);\n\t}\n\t&__timer {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tz-index: -1;\n\t}\n\n\t// VARIANTS\n\t&--hidden {\n\t\topacity: 0;\n\t}\n\t&[gravity=\"top\" i] {\n\t\ttop: rem-calc(16);\n\t}\n\t&[gravity=\"bottom\" i] {\n\t\tbottom: rem-calc(16);\n\t}\n\t&[position=\"left\" i] {\n\t\tleft: rem-calc(16);\n\t}\n\t&[position=\"center\" i] {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t}\n\t&[position=\"right\" i] {\n\t\tright: rem-calc(16);\n\t}\n\t&[type=\"solid\" i] {\n\t\tborder: none;\n\t\tborder-radius: rem-calc(4);\n\t\toverflow: hidden;\n\t\tbox-shadow: none;\n\t\t&.is-initialized #{$class}__timer {\n\t\t\ttransform-origin: right;\n\t\t\tanimation: countdown linear forwards var(--toast-duration, 0);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $toast-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder-left-color: get(\"decor-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"decor-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[type=\"solid\" i] {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t&__timer {\n\t\t\t\t\t\tbackground-color: get(\"timer-background\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ToastClass, ToastTypesType, ToastVariants, ToastVariantType } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-toast\",\n\tstyleUrl: \"gov-toast.scss\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly variant?: ToastVariantType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"classic\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({ attribute: \"close-label\" }) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<string>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ToastVariants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.runTimer()\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isSolid) {\n\t\t\tthis.host.classList.add(\"is-initialized\")\n\t\t}\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ToastClass.root, \"gov-box-shadow--m\"])}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{ \"--toast-duration\": this.time + \"ms\" }}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\tvariant={this.isSolid ? this.variant : \"secondary\"}\n\t\t\t\t\t\tinverse={this.isSolid}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.destroy()\n\t\t\t.then(() => this.govClose.emit(this.toastId))\n\t\t\t.catch()\n\t}\n\n\tget isSolid(): boolean {\n\t\treturn this.type === \"solid\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tconsole.log(toast);\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"8QAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,UAAW,QAAS,YAAa,YAG/DD,EAAKE,EAAO,CAAC,UAAW,UAG3C,MAAMC,EAAa,CACzBC,KAAM,YACNC,OAAQ,oBACRC,KAAM,kBACNC,QAAS,qBACTC,MAAO,mBACPC,MAAO,oBChBR,MAAMC,EAAc,wsKACpB,MAAAC,EAAeD,E,MCUFE,EAAQ,MAKpB,WAAAC,CAAAC,G,2DAS8C,U,aAKD,M,cAIY,Q,UAIhB,U,UAIT,E,wDAzB/BC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,W,CAuCzB,eAAAC,CAAgBC,GACfC,EAAaxB,EAAeuB,EAAUnB,EAAWC,K,CAGlD,iBAAAoB,GACCT,KAAKM,gBAAgBN,KAAKU,SAC1BV,KAAKW,U,CAGN,oBAAAC,GACCC,aAAab,KAAKc,Q,CAGX,QAAAH,GACP,GAAIX,KAAKe,QAAS,CACjBf,KAAKG,KAAKa,UAAUC,IAAI,iB,CAEzB,GAAIjB,KAAKkB,QAAS,CACjBlB,KAAKc,QAAUK,YAAW,KACzBnB,KAAKG,KAAKa,UAAUC,IAAI7B,EAAWE,QACnC6B,YAAW,KACVnB,KAAKoB,UAAUC,QACfrB,KAAKsB,SAASC,KAAKvB,KAAKI,QAAQ,GAC9B,IAAI,GACLJ,KAAKwB,K,EAIV,MAAAC,GACC,OACCxB,EAACyB,EAAI,CAAAC,IAAA,2CACJC,MAAO5B,KAAKC,EAAE4B,QAAQ,CAACzC,EAAWC,KAAM,sBAAqB,gBAC9CW,KAAKI,QACpB0B,QAAS9B,KAAK8B,QACdC,SAAU/B,KAAK+B,SACfrB,QAASV,KAAKU,QACdsB,KAAMhC,KAAKgC,KACXC,MAAO,CAAE,mBAAoBjC,KAAKwB,KAAO,OAExCxB,KAAKC,EAAEiC,QAAQ,SACfjC,EAAA,QAAM2B,MAAOxC,EAAWG,MACvBU,EAAA,QAAMkC,KAAK,UAIblC,EAAA,OAAA0B,IAAA,2CAAKC,MAAOxC,EAAWI,QAAO,YAAY,SAAS4C,KAAK,UACvDnC,EAAA,QAAA0B,IAAA,8CAGD1B,EAAA,OAAA0B,IAAA,2CAAKC,MAAOxC,EAAWK,OACtBQ,EAAA,cAAA0B,IAAA,2CACCU,KAAK,IAAG,aACIrC,KAAKsC,eACjB5B,QAASV,KAAKe,QAAUf,KAAKU,QAAU,YACvC6B,QAASvC,KAAKe,QACdiB,KAAK,OAAM,eACGhC,KAAKwC,eAAeC,KAAKzC,OAEtCA,KAAK0C,WAAa1C,KAAK0C,WAAazC,EAAA,YAAUkC,KAAK,WAItDlC,EAAA,OAAA0B,IAAA,2CAAKC,MAAOxC,EAAWM,Q,CAKlB,cAAA8C,GACPxC,KAAKoB,UACHuB,MAAK,IAAM3C,KAAKsB,SAASC,KAAKvB,KAAKI,WACnCiB,O,CAGH,WAAIN,GACH,OAAOf,KAAKgC,OAAS,O,CAGtB,WAAId,GACH,OAAO0B,OAAOC,UAAU7C,KAAKwB,OAASxB,KAAKwB,KAAO,C,CAOnD,aAAMJ,GACLP,aAAab,KAAKc,SAClB,MAAMgC,EAAQC,SAASC,cAAc,mBAAmBhD,KAAKI,aAC7D6C,QAAQC,IAAIJ,GACZ,GAAIA,EAAO,CACVA,EAAM9B,UAAUC,IAAI7B,EAAWE,QAC/B,UAAWwD,EAAMK,SAAW,WAAY,CACvCL,EAAMK,Q"}
\ No newline at end of file
diff --git a/build/p-f346644d.entry.js b/build/p-f346644d.entry.js
new file mode 100644
index 00000000..925d3707
--- /dev/null
+++ b/build/p-f346644d.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as s,a as t,g as a}from"./p-3336fe3b.js";import{a as e}from"./p-d7d42b1e.js";import{g as i}from"./p-8a8117a5.js";const r=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-layout-column{position:relative;display:block;width:100%}";const n=r;const c=class{constructor(s){o(this,s);this.h=i(this.host)}render(){return s(t,{key:"00dc987678577efb6ff841d20ae83f34f5dbbe0b",class:this.h.classes(e.root)},s("slot",{key:"f1cc53eddc3fd8f3c2e902b127fffedd595ef09b"}))}get host(){return a(this)}};c.style=n;export{c as gov_layout_column};
+//# sourceMappingURL=p-f346644d.entry.js.map
\ No newline at end of file
diff --git a/build/p-f346644d.entry.js.map b/build/p-f346644d.entry.js.map
new file mode 100644
index 00000000..858e28ca
--- /dev/null
+++ b/build/p-f346644d.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govLayoutColumnCss","GovLayoutColumnStyle0","GovLayoutColumn","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","LayoutColumnClass","root"],"sources":["../../packages/core/src/components/gov-layout/gov-layout-column.scss?tag=gov-layout-column","../../packages/core/src/components/gov-layout/gov-layout-column.tsx"],"sourcesContent":["/*\n *   Layout column\n */\n\n$class: \".gov-layout-column\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { LayoutColumnClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-layout-column',\n\tstyleUrl: 'gov-layout-column.scss',\n})\nexport class GovLayoutColumn {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovLayoutColumnElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LayoutColumnClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iIAAA,MAAMA,EAAqB,uZAC3B,MAAAC,EAAeD,E,MCQFE,EAAe,MAG3B,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAkBC,OAC7CT,EAAA,QAAAK,IAAA,6C"}
\ No newline at end of file
diff --git a/build/p-f83153e2.entry.js b/build/p-f83153e2.entry.js
new file mode 100644
index 00000000..48eca889
--- /dev/null
+++ b/build/p-f83153e2.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as a,a as l}from"./p-3336fe3b.js";import{F as t}from"./p-1e979cc8.js";import"./p-2b6bbee5.js";import"./p-1693d6aa.js";const r='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-label{position:relative;display:flex;width:100%}.gov-form-label__label{display:inline-block;color:var(--gov-form-label-color, #686868);cursor:pointer;box-sizing:border-box}.gov-form-label[legend=""] .gov-form-label__label,.gov-form-label[legend=true i] .gov-form-label__label,.gov-form-label[legend="1"] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:1rem;padding:0;color:var(--gov-form-legend-color, #3b3b3b)}';const s=r;const i=class{constructor(a){e(this,a);this.govClick=o(this,"gov-click",7);this.identifier=undefined;this.size="m";this.required=false;this.legend=false}render(){const e=this.legend?"legend":"label";return a(l,{key:"6716ea7c0a48f1ae82c47b9272f7f1f21f8b0650",class:t.root,size:this.size},a(e,{key:"a1c90fe0c6dd9b0b467cbaa6d1674fda75e44269",class:t.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},a("slot",{key:"f8f27e199398efbe8d684ef88c3265d72bc5e610"}),this.required?a("span",{class:"gov-color--error-500"}," *"):null))}};i.style=s;export{i as gov_form_label};
+//# sourceMappingURL=p-f83153e2.entry.js.map
\ No newline at end of file
diff --git a/build/p-f83153e2.entry.js.map b/build/p-f83153e2.entry.js.map
new file mode 100644
index 00000000..d362e0b3
--- /dev/null
+++ b/build/p-f83153e2.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govFormLabelCss","GovFormLabelStyle0","GovFormLabel","render","Tag","this","legend","h","Host","key","class","FormLabelClass","root","size","label","htmlFor","identifier","onClick","govClick","emit","required"],"sources":["../../packages/core/src/components/gov-form/label/gov-form-label.scss?tag=gov-form-label","../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["/*\n *   Label\n */\n\n$class: \".gov-form-label\";\n\n#{$class} {\n\t@include base(flex);\n\t&__label {\n\t\tdisplay: inline-block;\n\t\tcolor: $form-label-color;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\t}\n\n\t@include parameter(\"legend\") {\n\t\t#{$class}__label {\n\t\t\t@include typography($font-size-l);\n\t\t\tmargin-bottom: 1rem;\n\t\t\tpadding: 0;\n\t\t\tcolor: $form-legend-color;\n\t\t}\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n\tstyleUrl: 'gov-form-label.scss',\n})\nexport class GovFormLabel {\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Label's size.\n\t */\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/**\n\t * Set whether the input is required or not.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t */\n\t@Prop() readonly legend: boolean = false\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error-500\">&nbsp;*</span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6IAAA,MAAMA,EAAkB,65BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,iGAQsB,I,cAIT,M,YAKF,K,CAMnC,MAAAC,GACC,MAAMC,EAAMC,KAAKC,OAAS,SAAW,QACrC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAeC,KAAMC,KAAMR,KAAKQ,MAC5CN,EAACH,EAAG,CAAAK,IAAA,2CAACC,MAAOC,EAAeG,MAAOC,QAASV,KAAKW,WAAYC,QAAS,IAAMZ,KAAKa,SAASC,QACxFZ,EAAA,QAAAE,IAAA,6CACCJ,KAAKe,SAAWb,EAAA,QAAMG,MAAM,wBAAsB,MAAkB,M"}
\ No newline at end of file
diff --git a/build/p-f9b4e9a0.entry.js b/build/p-f9b4e9a0.entry.js
new file mode 100644
index 00000000..16b1710b
--- /dev/null
+++ b/build/p-f9b4e9a0.entry.js
@@ -0,0 +1,2 @@
+import{r as i,c as e,h as r,a,g as o}from"./p-3336fe3b.js";import{a as t}from"./p-40f10385.js";import{v as d}from"./p-bc59b609.js";import{W as v,c as n}from"./p-a1e54124.js";import{c as s}from"./p-4029f0cb.js";import{g,b as l,t as m}from"./p-8a8117a5.js";import{F as c}from"./p-7d05c0e2.js";import"./p-55e78f21.js";import"./p-1693d6aa.js";import"./p-2b6bbee5.js";const z='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizard-bg-color, var(--gov-color-neutral-white))}.gov-wizard-item__header{position:relative;width:100%}.gov-wizard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizard-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-wizard-item__name{display:flex;flex-direction:column}.gov-wizard-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizard-title-font-weight, 700)}.gov-wizard-item__annot{color:var(--gov-color-secondary)}.gov-wizard-item__content>*:last-child{margin-bottom:0}.gov-wizard-item[variant=primary] .gov-wizard-item__header{color:var(--gov-wizard-primary-color, var(--gov-color-primary-800))}.gov-wizard-item[variant=primary] .gov-wizard-item__prefix{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizard-item[variant=secondary] .gov-wizard-item__header{color:var(--gov-wizard-secondary-color, var(--gov-color-secondary-700))}.gov-wizard-item[variant=secondary] .gov-wizard-item__prefix{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizard-item[variant=success] .gov-wizard-item__header{color:var(--gov-wizard-success-color, var(--gov-color-success-500))}.gov-wizard-item[variant=success] .gov-wizard-item__prefix{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizard-item[variant=error] .gov-wizard-item__header{color:var(--gov-wizard-error-color, var(--gov-color-error-500))}.gov-wizard-item[variant=error] .gov-wizard-item__prefix{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizard-item[variant=warning] .gov-wizard-item__header{color:var(--gov-wizard-warning-color, var(--gov-color-warning-500))}.gov-wizard-item[variant=warning] .gov-wizard-item__prefix{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizard-item__header:focus{outline:none}.gov-wizard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizard-item__prefix{position:absolute;left:1rem}.gov-wizard-item__header[aria-expanded=true] .gov-wizard-item__label .gov-icon{transform:scale(-1)}.gov-wizard-item[size=xs] .gov-wizard-item__title,.gov-wizard-item[size=s] .gov-wizard-item__title,.gov-wizard-item[size=m] .gov-wizard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizard-item[size=xs] .gov-wizard-item__annot,.gov-wizard-item[size=s] .gov-wizard-item__annot,.gov-wizard-item[size=m] .gov-wizard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizard-item[size=xs] .gov-wizard-item__prefix,.gov-wizard-item[size=s] .gov-wizard-item__prefix,.gov-wizard-item[size=m] .gov-wizard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizard-xs-indicator-size, 1.5rem);height:var(--gov-wizard-xs-indicator-size, 1.5rem);top:var(--gov-wizard-xs-top, 1rem)}.gov-wizard-item[size=xs] .gov-wizard-item__prefix+.gov-wizard-item__header,.gov-wizard-item[size=s] .gov-wizard-item__prefix+.gov-wizard-item__header,.gov-wizard-item[size=m] .gov-wizard-item__prefix+.gov-wizard-item__header{padding:var(--gov-wizard-xs-header-padding, 1rem 1rem 1rem 3.5rem)}.gov-wizard-item[size=xs] .gov-wizard-item__content,.gov-wizard-item[size=s] .gov-wizard-item__content,.gov-wizard-item[size=m] .gov-wizard-item__content{padding:var(--gov-wizard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizard-item[variant=primary][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=primary][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=primary][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=secondary][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=secondary][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=secondary][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=success][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=success][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=success][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=error][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=error][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=error][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=warning][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=warning][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=warning][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizard-item[size=s] .gov-wizard-item__title,.gov-wizard-item[size=m] .gov-wizard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizard-item[size=s] .gov-wizard-item__prefix,.gov-wizard-item[size=m] .gov-wizard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizard-s-indicator-size, 2rem);height:var(--gov-wizard-s-indicator-size, 2rem);top:var(--gov-wizard-s-top, 0.8125rem)}.gov-wizard-item[size=s] .gov-wizard-item__prefix+.gov-wizard-item__header,.gov-wizard-item[size=m] .gov-wizard-item__prefix+.gov-wizard-item__header{padding:var(--gov-wizard-s-header-padding, 1rem 1rem 1rem 4rem)}}@media (min-width: 48em){.gov-wizard-item[size=m] .gov-wizard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizard-item[size=m] .gov-wizard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizard-m-indicator-size, 2.5rem);height:var(--gov-wizard-m-indicator-size, 2.5rem);top:var(--gov-wizard-m-top, 0.5625rem)}.gov-wizard-item[size=m] .gov-wizard-item__prefix+.gov-wizard-item__header{padding:var(--gov-wizard-m-header-padding, 1rem 1rem 1rem 4.5rem)}.gov-wizard-item[size=xs] .gov-wizard-item__content{padding:var(--gov-wizard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizard-item[size=s] .gov-wizard-item__content{padding:var(--gov-wizard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizard-item[size=m] .gov-wizard-item__content{padding:var(--gov-wizard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}';const w=z;var h;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(h||(h={}));const p=class{constructor(r){i(this,r);this.govChange=e(this,"gov-change",7);this.variant="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.annotation=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.h=g(this.host);this.triggerId=s("GovWizardItem");this.contentId=s("GovWizardContent")}validateLabel(i){if(!i){t(`[${v.root}]: Parameter label is required.`)}}validateTriggerTag(i){const e=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!e.includes(i)){t(`[${v.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){d(n,i,v.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:v.root})}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.labelTag)}render(){const i=this.identifier||this.triggerId;const e=this.labelTag;const o=this.collapsible?h.BUTTON:h.DIV;const t=this.h.hasSlot("prefix")&&r("span",{key:"40dcb931a9867d36d537f02b615658a87cefeff5",class:v.prefix},r("slot",{key:"df0f2d2a3039491b28ad3c5ca2cd61a46fae332c",name:"prefix"}));const d=r(e,{key:"109ced4dd8259f94c99bb1ccbf53a71f9f3f1c20",class:v.title},r("span",{key:"19018bae43c5f5b5e47deafcf09c2bdd72f1ef75",class:v.name},r("span",{key:"41a9d96faae9af9963ca8f969a7510e265cc49a3",class:v.label},r("span",{key:"f6dd21f308475022ccf0a32bf4f0f6bbbbb6b030"},this.label),this.collapsible&&r("gov-icon",{class:v.arrow,name:"chevron-down"})),this.annotation&&r("span",{class:v.annot},this.annotation)));return r(a,{key:"338ea6953321ab2631c3d2257298673b2aa4a41a",class:this.h.classes(v.root),"is-expanded":this.isExpanded,variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?r(c,null,t,r(o,{id:i,class:v.header,"aria-expanded":l(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":m(this.disabled),onClick:i=>{i.preventDefault();i.stopPropagation();this.collapsible?this.toggle():false}},d)):r(c,null,t,r("div",{class:v.header},d)),this.collapsible?r("div",{class:v.content,id:this.contentId,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":i},r("slot",null)):r("div",{class:v.content,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded},r("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return o(this)}static get watchers(){return{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}}};p.style=w;export{p as gov_wizard_item};
+//# sourceMappingURL=p-f9b4e9a0.entry.js.map
\ No newline at end of file
diff --git a/build/p-f9b4e9a0.entry.js.map b/build/p-f9b4e9a0.entry.js.map
new file mode 100644
index 00000000..ac11a1af
--- /dev/null
+++ b/build/p-f9b4e9a0.entry.js.map
@@ -0,0 +1 @@
+{"version":3,"names":["govWizardItemCss","GovWizardItemStyle0","Tags","GovWizardItem","constructor","hostRef","this","h","govHost","host","triggerId","createID","contentId","validateLabel","newValue","govErrorLog","WizardItemClass","root","validateTriggerTag","validTags","includes","validateVariant","validateProp","WizardVariants","emmitChange","govChange","emit","expanded","isExpanded","component","componentWillLoad","label","variant","labelTag","render","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","title","arrow","annotation","annot","Host","classes","size","role","Fragment","id","header","booleanString","disabled","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","content","hidden","open","close","currentState"],"sources":["../../packages/core/src/components/gov-wizard/gov-wizard-item.scss?tag=gov-wizard-item","../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["/*\n *   Wizard - Item\n */\n\n@import \"../gov-wizard/gov-wizard-item-core.scss\";\n$class: \".gov-wizard-item\";\n\n#{$class} {\n\t@include wizard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__prefix {\n\t\tposition: absolute;\n\t\tleft: rem-calc(16);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\ttop: deep-map-get($wizard-sizes, $size-xs, \"top\");\n\t\t\t\t+ #{$class}__header {\n\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-xs, \"header-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-s, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-s, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-m, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-m, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n\tstyleUrl: \"gov-wizard-item.scss\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizardItemClass.title}>\n\t\t\t\t<span class={WizardItemClass.name}>\n\t\t\t\t\t<span class={WizardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"2WAAA,MAAMA,EAAmB,mqSACzB,MAAAC,EAAeD,ECSf,IAAKE,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAAI,K,MASIC,EAAa,MAKzB,WAAAC,CAAAC,G,6DAUgD,U,UAIN,I,2CAQF,M,6DAYH,M,gBAI2B,M,cAIF,KAzC7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,iBAC1BL,KAAKM,UAAYD,EAAS,mB,CA8CnB,aAAAE,CAAcC,GACrB,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAgBC,sC,EAK1B,kBAAAC,CAAmBJ,GAC1B,MAAMK,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIL,EAAU,CACb,IAAKK,EAAUC,SAASN,GAAW,CAClCC,EAAY,IAAIC,EAAgBC,cAAcH,oB,GAMzC,eAAAO,CAAgBP,GACvBQ,EAAaC,EAAgBT,EAAUE,EAAgBC,K,CAGhD,WAAAO,GACPlB,KAAKmB,UAAUC,KAAK,CAAEC,SAAUrB,KAAKsB,WAAYC,UAAWb,EAAgBC,M,CAG7E,iBAAAa,GACCxB,KAAKO,cAAcP,KAAKyB,OACxBzB,KAAKe,gBAAgBf,KAAK0B,SAC1B1B,KAAKY,mBAAmBZ,KAAK2B,S,CAG9B,MAAAC,GACC,MAAMxB,EAAYJ,KAAK6B,YAAc7B,KAAKI,UAC1C,MAAM0B,EAAW9B,KAAK2B,SACtB,MAAMI,EAAM/B,KAAKgC,YAAcpC,EAAKqC,OAASrC,EAAKsC,IAClD,MAAMC,EAAanC,KAAKC,EAAEmC,QAAQ,WAAcnC,EAAA,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgB6B,QAAQtC,EAAA,QAAAoC,IAAA,2CAAMG,KAAK,YAEhG,MAAMf,EACLxB,EAAC6B,EAAQ,CAAAO,IAAA,2CAACC,MAAO5B,EAAgB+B,OAChCxC,EAAA,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgB8B,MAC5BvC,EAAA,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgBe,OAC5BxB,EAAA,QAAAoC,IAAA,4CAAOrC,KAAKyB,OACXzB,KAAKgC,aAAe/B,EAAA,YAAUqC,MAAO5B,EAAgBgC,MAAOF,KAAK,kBAGlExC,KAAK2C,YAAc1C,EAAA,QAAMqC,MAAO5B,EAAgBkC,OAAQ5C,KAAK2C,cAKjE,OACC1C,EAAC4C,EAAI,CAAAR,IAAA,2CAACC,MAAOtC,KAAKC,EAAE6C,QAAQpC,EAAgBC,MAAK,cAAeX,KAAKsB,WAAYI,QAAS1B,KAAK0B,QAASqB,KAAM/C,KAAK+C,KAAMC,KAAK,WAAWhB,YAAahC,KAAKgC,aACzJhC,KAAKgC,YACL/B,EAACgD,EAAQ,KACPd,EACDlC,EAAC8B,EAAG,CACHmB,GAAI9C,EACJkC,MAAO5B,EAAgByC,OAAM,gBACdC,EAAcpD,KAAKsB,YAAW,gBAC9BtB,KAAKM,UACpB+C,SAAUrD,KAAKqD,SAAQ,gBACRC,EAAoBtD,KAAKqD,UACxCE,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACF1D,KAAKgC,YAAchC,KAAK2D,SAAW,KAAK,GAGxClC,IAIHxB,EAACgD,EAAQ,KACPd,EACDlC,EAAA,OAAKqC,MAAO5B,EAAgByC,QAAS1B,IAGtCzB,KAAKgC,YACL/B,EAAA,OACCqC,MAAO5B,EAAgBkD,QACvBV,GAAIlD,KAAKM,UAAS,cACL8C,GAAepD,KAAKsB,YACjCuC,QAAS7D,KAAKsB,WAAU,kBACPlB,GAEjBH,EAAA,cAGDA,EAAA,OAAKqC,MAAO5B,EAAgBkD,QAAO,cAAeR,GAAepD,KAAKsB,YAAauC,QAAS7D,KAAKsB,YAChGrB,EAAA,c,CAWL,UAAM6D,GACL9D,KAAKsB,WAAa,KAClBtB,KAAKkB,a,CAOC,WAAM6C,GACZ/D,KAAKsB,WAAa,MAClBtB,KAAKkB,a,CAOC,YAAMyC,GACZ3D,KAAKsB,YAActB,KAAKsB,WACxBtB,KAAKkB,a,CAOC,kBAAM8C,GACZ,OAAOhE,KAAKsB,U"}
\ No newline at end of file
diff --git a/css/od.css b/css/od.css
deleted file mode 100644
index 34fb6ae6..00000000
--- a/css/od.css
+++ /dev/null
@@ -1,172 +0,0 @@
-:root {
-	--color-background: white ;
-	--color-background-footer: white;
-	--color-text-default: black ; 
-	--color-text-inverted: white ; 
-	--color-text-accent: #057fa5 ;
-	--color-text-accent-inverted: black ;
-	--color-base: #057fa5 ;
-}
-
-@media (prefers-color-scheme: dark) {
-	:root {
-		--color-background: #111 ;
-		--color-background-footer: #222;
-		--color-text-default: #ddd ; 
-		--color-text-inverted: #222 ; 
-		--color-text-accent: #3bb5dc ;
-		--color-text-accent-inverted: white ;
-		--color-base: #057fa544 ;
-	}
-
-	.alert a {
-		color: var(--color-text-inverted) ;
-	}
-	
-	.alert a:hover {
-		color: var(--color-text-inverted) ;	
-	}
-
-	a:hover {
-		border-color: var(--color-text-accent-inverted) ;
-	}
-
-	hr {
-		border: 1px dotted var(--color-text-accent) ;
-	}
-
-	.navbar-light .navbar-nav .show>.nav-link {
-		color: var(--color-text-accent-inverted);
-	}
-
-	::-webkit-scrollbar {
-		background-color: #1c1e1f;
-		color: #c5c1b9;
-	}
-	::-webkit-scrollbar-corner {
-		background-color: #181a1b;
-	}
-	::-webkit-scrollbar-thumb {
-		background-color: #2a2c2e;
-	}
-	::selection {
-		background-color: #3bb5dc;
-		color: #ffffff;
-	}
-	.card {
-		border-color: var(--color-base);
-	}
-	.navbar-light .navbar-toggler-icon {
-		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='gray' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
-	}
-	.navbar-light .navbar-toggler {
-		border-color: gray;
-	}
-}
-.carousel-fade .active.carousel-item-start,
-.carousel-fade .active.carousel-item-next {
-  transition: .6s opacity ease;
-}
-/* Disable transitions for if reduced motion is enabled: */
-@media (prefers-reduced-motion:reduce) {
-  .carousel-fade .active.carousel-item-start,
-  .carousel-fade .active.carousel-item-next {
-    transition: none;
-  }
-} 
-
-pre {
-	color: var(--color-text-accent);
-	background-color: var(--color-background-footer);
-}
-
-body, .card-body, .list-group-item, div.card {
-	color: var(--color-text-default);
-	background-color: var(--color-background);		
-}
-
-input.form-control {
-	background-color: var(--color-background-footer);
-	color: var(--color-text-default);
-}
-
-span.input-group-text {
-	background-color: var(--color-background-footer);
-	color: var(--color-text-default);
-}
-
-footer, .card-header, .card-footer {
-	background-color: var(--color-background-footer);
-}
-	
-div.dropdown-menu.show {
-	background-color: var(--color-background);		
-}
-
-.navbar-light .navbar-nav .nav-link:hover, a:hover, .navbar-light .navbar-nav .nav-link.active{
-	color: var(--color-text-accent-inverted);
-}
-
-a, a.dropdown-item, a.nav-item:focus, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {
-    color: var(--color-text-accent);
-}
-
-a.btn.btn-primary, button.btn.btn-primary {
-    background-color: var(--color-text-accent);
-    border-color: var(--color-text-inverted);
-	color: var(--color-text-inverted);
-}
-
-a.btn.btn-primary:hover, button.btn.btn-primary:hover, a.dropdown-item:hover {
-    background-color: var(--color-text-inverted);
-    border-color: var(--color-base);
-    color: var(--color-text-accent-inverted);
-}
-
-.btn-secondary {
-    background-color: var(--color-text-inverted);
-    border-color: var(--color-text-accent);
-	color: var(--color-text-accent);
-}
-
-.btn-secondary:hover {
-    background-color: var(--color-text-accent);
-    border-color: var(--color-text-inverted);
-	color: var(--color-text-inverted);
-}
-
-.jumbotron {
-    background-color: var(--color-base);
-}
-
-@media (min-width: 768px) {
-    .jumbotron {
-        padding-top: 0;
-        padding-bottom: 0;
-    }
-
-    .jumbotron .container {
-        padding-top: 4rem;
-        padding-bottom: 4rem;
-        background-image: url(../images/cr.svg);
-        background-position: right center;
-        background-repeat: no-repeat;
-        background-size: 400px 230px ;
-    }
-}
-
-ol > li > ol > li {
-	list-style-type: lower-alpha ;
-}
-
-dl > dd > ol > li {
-	list-style-type: lower-alpha ;
-}
-
-ol > li > ol > li > ol > li {
-	list-style-type: lower-roman ;
-}
-
-div.language-drop-down.dropdown-menu.lang-menu.show {
-	min-width: 0;
-}
\ No newline at end of file
diff --git a/css/style-dark.css b/css/style-dark.css
deleted file mode 100644
index 55ffa06a..00000000
--- a/css/style-dark.css
+++ /dev/null
@@ -1,208 +0,0 @@
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
-.highlight .cm {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cp {
-  color: rgb(186, 181, 171);
-  font-weight: bold;
-}
-.highlight .c1 {
-  color: rgb(184, 179, 169);
-  font-style: italic;
-}
-.highlight .cs {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic;
-}
-.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .err {
-  color: #a61717;
-  background-color: #5a5252;
-}
-.highlight .gd {
-  color: rgb(232, 230, 227);
-}
-.highlight .ge {
-  color: rgb(232, 230, 227);
-  font-style: italic;
-}
-.highlight .gr {
-  color: #aa0000;
-}
-.highlight .gh {
-  color: #999999;
-}
-.highlight .gi {
-  color: rgb(232, 230, 227);
-}
-.highlight .go {
-  color: #888888;
-}
-.highlight .gp {
-  color: #555555;
-}
-.highlight .gs {
-  font-weight: bold;
-}
-.highlight .gu {
-  color: #aaaaaa;
-}
-.highlight .gt {
-  color: #aa0000;
-}
-.highlight .kc {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .kd {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .kn {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .kp {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kr {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .kt {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .k, .highlight .kv {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .mf {
-  color: #009999;
-}
-.highlight .mh {
-  color: #009999;
-}
-.highlight .il {
-  color: #009999;
-}
-.highlight .mi {
-  color: rgb(112, 255, 255);
-}
-.highlight .mo {
-  color: #009999;
-}
-.highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
-}
-.highlight .sb {
-  color: rgb(242, 81, 121);
-}
-.highlight .sc {
-  color: rgb(242, 81, 121);
-}
-.highlight .sd {
-  color: rgb(242, 81, 121);
-}
-.highlight .s2 {
-  color: rgb(242, 81, 121);
-}
-.highlight .se {
-  color: rgb(242, 81, 121);
-}
-.highlight .sh {
-  color: rgb(242, 81, 121);
-}
-.highlight .si {
-  color: rgb(242, 81, 121);
-}
-.highlight .sx {
-  color: rgb(242, 81, 121);
-}
-.highlight .sr {
-  color: #009926;
-}
-.highlight .s1 {
-  color: rgb(242, 81, 121);
-}
-.highlight .ss {
-  color: #990073;
-}
-.highlight .s, .highlight .sa, .highlight .dl {
-  color: rgb(242, 81, 121);
-}
-.highlight .na {
-  color: rgb(127, 255, 255);
-}
-.highlight .bp {
-  color: #999999;
-}
-.highlight .nb {
-  color: rgb(97, 215, 255);
-}
-.highlight .nc {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .no {
-  color: #008080;
-}
-.highlight .nd {
-  color: #3c5d5d;
-  font-weight: bold;
-}
-.highlight .ni {
-  color: #800080;
-}
-.highlight .ne {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nf, .highlight .fm {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nl {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nn {
-  color: rgb(201, 197, 190);
-}
-.highlight .nt {
-  color: rgb(127, 174, 255);
-}
-.highlight .vc {
-  color: #008080;
-}
-.highlight .vg {
-  color: #008080;
-}
-.highlight .vi {
-  color: #008080;
-}
-.highlight .nv, .highlight .vm {
-  color: #008080;
-}
-.highlight .ow {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .o {
-  color: rgb(232, 230, 227);
-  font-weight: bold;
-}
-.highlight .w {
-  color: #bbbbbb;
-}
-.highlight {
-  background-color: rgb(26, 28, 29);
-  color: rgb(218, 215, 210);
-}
diff --git a/css/style-light.css b/css/style-light.css
deleted file mode 100644
index 596e408a..00000000
--- a/css/style-light.css
+++ /dev/null
@@ -1,209 +0,0 @@
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
-.highlight .cm {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cp {
-  color: #999999;
-  font-weight: bold;
-}
-.highlight .c1 {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cs {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic;
-}
-.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .err {
-  color: #a61717;
-  background-color: #e3d2d2;
-}
-.highlight .gd {
-  color: #000000;
-  background-color: #ffdddd;
-}
-.highlight .ge {
-  color: #000000;
-  font-style: italic;
-}
-.highlight .gr {
-  color: #aa0000;
-}
-.highlight .gh {
-  color: #999999;
-}
-.highlight .gi {
-  color: #000000;
-  background-color: #ddffdd;
-}
-.highlight .go {
-  color: #888888;
-}
-.highlight .gp {
-  color: #555555;
-}
-.highlight .gs {
-  font-weight: bold;
-}
-.highlight .gu {
-  color: #aaaaaa;
-}
-.highlight .gt {
-  color: #aa0000;
-}
-.highlight .kc {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kd {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kn {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kp {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kr {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kt {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .k, .highlight .kv {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .mf {
-  color: #009999;
-}
-.highlight .mh {
-  color: #009999;
-}
-.highlight .il {
-  color: #009999;
-}
-.highlight .mi {
-  color: #009999;
-}
-.highlight .mo {
-  color: #009999;
-}
-.highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
-}
-.highlight .sb {
-  color: #d14;
-}
-.highlight .sc {
-  color: #d14;
-}
-.highlight .sd {
-  color: #d14;
-}
-.highlight .s2 {
-  color: #d14;
-}
-.highlight .se {
-  color: #d14;
-}
-.highlight .sh {
-  color: #d14;
-}
-.highlight .si {
-  color: #d14;
-}
-.highlight .sx {
-  color: #d14;
-}
-.highlight .sr {
-  color: #009926;
-}
-.highlight .s1 {
-  color: #d14;
-}
-.highlight .ss {
-  color: #990073;
-}
-.highlight .s, .highlight .sa, .highlight .dl {
-  color: #d14;
-}
-.highlight .na {
-  color: #008080;
-}
-.highlight .bp {
-  color: #999999;
-}
-.highlight .nb {
-  color: #0086B3;
-}
-.highlight .nc {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .no {
-  color: #008080;
-}
-.highlight .nd {
-  color: #3c5d5d;
-  font-weight: bold;
-}
-.highlight .ni {
-  color: #800080;
-}
-.highlight .ne {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nf, .highlight .fm {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nl {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nn {
-  color: #555555;
-}
-.highlight .nt {
-  color: #000080;
-}
-.highlight .vc {
-  color: #008080;
-}
-.highlight .vg {
-  color: #008080;
-}
-.highlight .vi {
-  color: #008080;
-}
-.highlight .nv, .highlight .vm {
-  color: #008080;
-}
-.highlight .ow {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .o {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .w {
-  color: #bbbbbb;
-}
-.highlight {
-  background-color: #f8f8f8;
-}
diff --git a/novinky/index.html b/novinky/index.html
index 7eabf231..0cffc3ec 100644
--- a/novinky/index.html
+++ b/novinky/index.html
@@ -5,41 +5,43 @@
 lang: cs
 ---
 
-  <div class="container">
-    <h1 class="header center">Novinky v otevřených datech</h1>
-    <hr/>
-    <div class="row">
+  <gov-container>
+    <gov-spacer size="s" breakpoint="sm"></gov-spacer>
+    <h1>Novinky v otevřených datech</h1>
+    <gov-spacer size="l" breakpoint="sm"></gov-spacer>
+    <gov-tiles columns="3" no-border>
         {% assign posts=site.posts | where:"lang", page.lang %}
         {% for post in posts limit:3 %}
-        <div class="col-12 col-md-6 col-lg-4">
-          <div class="section">
-            <h2 class="h5">{{ post.title }}</h2>
-            <p class="h6">{{ post.date | date: "%-d. %-m. %Y" }}</p>
-            {% if post.image %}
-			      <p><a href="{{ post.url }}"><img class="img-fluid" src="{{ post.image }}" alt="{{ post.title }}"/></a></p>
-			      {% endif %}
-            {{ post.excerpt }}
-            {% if post.detail %}
-            <p><a href="{{ post.url }}" class="btn btn-secondary" role="button">Více &raquo;</a></p>
-            {% endif %}
-          </div>
-        </div>
+        <gov-tile href="{{ post.url }}">
+          <h2 slot="title">{{ post.title }}</h2>
+          <p class="h6">{{ post.date | date: "%-d. %-m. %Y" }}</p>
+          {% if post.image %}
+          <p><img width="100%" src="{{ post.image }}" alt="{{ post.title }}"/></p>
+          {% endif %}
+          {{ post.excerpt }}
+          {% if post.detail %}
+          <gov-button variant="secondary" type="base" size="l">
+            Více &raquo;
+          </gov-button>
+          {% endif %}
+        </gov-tile>
         {% endfor %}
-    </div>
-    <hr/>
+    </gov-tiles>
+    <gov-spacer size="s" breakpoint="sm"></gov-spacer>
     <h2>Starší novinky</h2>
-    <div class="row">
+    <gov-spacer size="l" breakpoint="sm"></gov-spacer>
+    <gov-tiles columns="3" no-border>
         {% for post in posts offset:3 %}
-        <div class="col-12 col-md-6 col-lg-4">
-          <div class="section">
-            <h3 class="h5">{{ post.title }}</h3>
-            <p class="h6">{{ post.date | date: "%-d. %-m. %Y" }}</p>
-            {{ post.excerpt }}
-            {% if post.detail %}
-            <p><a href="{{ post.url }}" class="btn btn-secondary" role="button">Více &raquo;</a></p>
-            {% endif %}
-          </div>
-        </div>
+        <gov-tile href="{{ post.url }}">
+          <h3 slot="title">{{ post.title }}</h3>
+          <p class="h6">{{ post.date | date: "%-d. %-m. %Y" }}</p>
+          {{ post.excerpt }}
+          {% if post.detail %}
+          <gov-button variant="secondary" type="base" size="l">
+            Více &raquo;
+          </gov-button>
+          {% endif %}
+        </gov-tile>
         {% endfor %}       
-      </div>
-  </div>
\ No newline at end of file
+      </gov-tiles>
+  </gov-container>
\ No newline at end of file
diff --git "a/\304\215l\303\241nky/index.html" "b/\304\215l\303\241nky/index.html"
index 53f3c9ea..6c8a9614 100644
--- "a/\304\215l\303\241nky/index.html"
+++ "b/\304\215l\303\241nky/index.html"
@@ -5,45 +5,49 @@
 lang: cs
 ---
 
-  <div class="container">
-	<h1 class="header center">Články</h1>
-	<hr/>
-    <div class="row">
+  <gov-container>
+    <gov-spacer size="s" breakpoint="sm"></gov-spacer>
+    <h1>Články</h1>
+    <gov-spacer size="l" breakpoint="sm"></gov-spacer>
+    <gov-tiles columns="3" no-border>
         {% assign clanky=site.clanky | where:"lang", page.lang | reverse %}
         {% for clanek in clanky limit:3 %}
-        <div class="col-12 col-md-6 col-lg-4">
-          <div class="section">
-            <h2 class="h5"><a href="{{ clanek.url }}">{{ clanek.title }}</a></h2>
-              <!--<h4><i class="material-icons">{{ clanek.icon }}</i></h4>-->
-              <p class="h6">{{ clanek.date | date: "%-d. %-m. %Y" }}</p>
-              {% if clanek.image %}
-              <p><a href="{{ clanek.url }}"><img class="img-fluid" src="{{ clanek.image }}" alt="{{ clanek.title }}"/></a></p>
-              {% endif %}
-              {{ clanek.excerpt }}
-              {% if clanek.detail %}
-              <p><a href="{{ clanek.url }}" class="btn btn-secondary" role="button">Více &raquo;</a></p>
-              {% endif %}
-          </div>
-        </div>
-        {% endfor %}
-     </div>
-    <hr/>
-    <h2>Starší články</h2>
-    <div class="row">
-        {% for clanek in clanky offset:3 %}
-        <div class="col-12 col-md-6 col-lg-4">
-          <div class="section">
-            <h3 class="h5"><a href="{{ clanek.url }}">{{ clanek.title }}</a></h3>
+        <gov-tile href="{{ clanek.url }}">
+          <!--<div class="section">-->
+            <h2 slot="title">{{ clanek.title }}</h2>
+            <!--<h4><i class="material-icons">{{ clanek.icon }}</i></h4>-->
             <p class="h6">{{ clanek.date | date: "%-d. %-m. %Y" }}</p>
             {% if clanek.image %}
-            <p><a href="{{ clanek.url }}"><img class="img-fluid" src="{{ clanek.image }}" alt="{{ clanek.title }}"/></a></p>
+            <p><img width="100%" src="{{ clanek.image }}" alt="{{ clanek.title }}"/></p>
             {% endif %}
-            {{ clanek.excerpt}}
+            {{ clanek.excerpt }}
             {% if clanek.detail %}
-            <p><a href="{{ clanek.url }}" class="btn btn-secondary" role="button">Více &raquo;</a></p>
+            <gov-button variant="secondary" type="base" size="l">
+              Více &raquo;
+            </gov-button>
             {% endif %}
-          </div>
-        </div>
+          <!--</div>-->
+        </gov-tile>
+        {% endfor %}
+     </gov-tiles>
+     <gov-spacer size="s" breakpoint="sm"></gov-spacer>
+     <h2>Starší články</h2>
+     <gov-spacer size="l" breakpoint="sm"></gov-spacer>
+     <gov-tiles columns="3" no-border>
+        {% for clanek in clanky offset:3 %}
+        <gov-tile href="{{ clanek.url }}">
+          <h3 slot="title">{{ clanek.title }}</h3>
+          <p class="h6">{{ clanek.date | date: "%-d. %-m. %Y" }}</p>
+          {% if clanek.image %}
+          <p><img width="100%" src="{{ clanek.image }}" alt="{{ clanek.title }}"/></p>
+          {% endif %}
+          {{ clanek.excerpt}}
+          {% if clanek.detail %}
+          <gov-button variant="secondary" type="base" size="l">
+            Více &raquo;
+          </gov-button>
+          {% endif %}
+        </gov-tile>
         {% endfor %}       
-  </div>
-  </div>
\ No newline at end of file
+    </gov-tiles>
+  </gov-container>
\ No newline at end of file