From c6f19db72f0345b387309c5d19a61fe8216d8662 Mon Sep 17 00:00:00 2001
From: Nikita Barsukov <nikita.s.barsukov@gmail.com>
Date: Mon, 2 Oct 2023 12:05:05 +0300
Subject: [PATCH] chore(demo): drop logo files duplications (#124)

---
 apps/demo/project.json                        |   5 +
 .../app/pages/home/home-page.component.html   |  30 ++--
 .../pages/speech/speech-page.component.html   |   6 +-
 apps/demo/src/assets/images/audio.svg         |  59 -------
 apps/demo/src/assets/images/canvas.svg        |  36 ----
 apps/demo/src/assets/images/common.svg        |  67 --------
 apps/demo/src/assets/images/geolocation.svg   |  59 -------
 .../assets/images/intersection-observer.svg   |  85 ----------
 apps/demo/src/assets/images/midi.svg          | 154 ------------------
 .../src/assets/images/mutation-observer.svg   |  56 -------
 .../src/assets/images/payment-request.svg     |  53 ------
 apps/demo/src/assets/images/permissions.svg   |  54 ------
 .../src/assets/images/resize-observer.svg     |  68 --------
 apps/demo/src/assets/images/speech.svg        |  60 -------
 apps/demo/src/assets/images/storage.svg       |  23 ---
 apps/demo/src/assets/images/universal.svg     |  68 --------
 .../src/assets/images/view-transition.svg     |  15 --
 apps/demo/src/assets/images/workers.svg       |  76 ---------
 18 files changed, 23 insertions(+), 951 deletions(-)
 delete mode 100644 apps/demo/src/assets/images/audio.svg
 delete mode 100644 apps/demo/src/assets/images/canvas.svg
 delete mode 100644 apps/demo/src/assets/images/common.svg
 delete mode 100644 apps/demo/src/assets/images/geolocation.svg
 delete mode 100644 apps/demo/src/assets/images/intersection-observer.svg
 delete mode 100644 apps/demo/src/assets/images/midi.svg
 delete mode 100644 apps/demo/src/assets/images/mutation-observer.svg
 delete mode 100644 apps/demo/src/assets/images/payment-request.svg
 delete mode 100644 apps/demo/src/assets/images/permissions.svg
 delete mode 100644 apps/demo/src/assets/images/resize-observer.svg
 delete mode 100644 apps/demo/src/assets/images/speech.svg
 delete mode 100644 apps/demo/src/assets/images/storage.svg
 delete mode 100644 apps/demo/src/assets/images/universal.svg
 delete mode 100644 apps/demo/src/assets/images/view-transition.svg
 delete mode 100644 apps/demo/src/assets/images/workers.svg

diff --git a/apps/demo/project.json b/apps/demo/project.json
index 1ed92a896..3222c9cad 100644
--- a/apps/demo/project.json
+++ b/apps/demo/project.json
@@ -44,6 +44,11 @@
                         "glob": "**/*",
                         "input": "node_modules/@taiga-ui/icons/src",
                         "output": "assets/taiga-ui/icons"
+                    },
+                    {
+                        "glob": "**/logo.svg",
+                        "input": "libs/",
+                        "output": "assets/logos/"
                     }
                 ]
             },
diff --git a/apps/demo/src/app/pages/home/home-page.component.html b/apps/demo/src/app/pages/home/home-page.component.html
index bee02b7ce..a0f0947d9 100644
--- a/apps/demo/src/app/pages/home/home-page.component.html
+++ b/apps/demo/src/app/pages/home/home-page.component.html
@@ -6,7 +6,7 @@ <h2>Common</h2>
         with Angular
     </div>
     <img
-        src="assets/images/common.svg"
+        src="assets/logos/common/logo.svg"
         width="64"
         height="64"
         alt="Common utils logo"
@@ -21,7 +21,7 @@ <h2>Universal</h2>
         with Angular Universal
     </div>
     <img
-        src="assets/images/universal.svg"
+        src="assets/logos/universal/logo.svg"
         width="64"
         height="64"
         alt="Universal logo"
@@ -40,7 +40,7 @@ <h2>Audio</h2>
         with Angular
     </div>
     <img
-        src="assets/images/audio.svg"
+        src="assets/logos/audio/logo.svg"
         width="64"
         height="64"
         alt="Web Audio API logo"
@@ -55,7 +55,7 @@ <h2>Canvas</h2>
         with Angular
     </div>
     <img
-        src="assets/images/canvas.svg"
+        src="assets/logos/canvas/logo.svg"
         width="64"
         height="64"
         alt="Canvas API logo"
@@ -74,7 +74,7 @@ <h2>Geolocation</h2>
         with Angular
     </div>
     <img
-        src="assets/images/geolocation.svg"
+        src="assets/logos/geolocation/logo.svg"
         width="64"
         height="64"
         alt="Geolocation API logo"
@@ -93,7 +93,7 @@ <h2>Intersection Observer</h2>
         with Angular
     </div>
     <img
-        src="assets/images/intersection-observer.svg"
+        src="assets/logos/intersection-observer/logo.svg"
         width="64"
         height="64"
         alt="Intersection Observer API logo"
@@ -112,7 +112,7 @@ <h2>MIDI</h2>
         with Angular
     </div>
     <img
-        src="assets/images/midi.svg"
+        src="assets/logos/midi/logo.svg"
         width="64"
         height="64"
         alt="Web MIDI API logo"
@@ -127,7 +127,7 @@ <h2>Mutation Observer</h2>
         with Angular
     </div>
     <img
-        src="assets/images/mutation-observer.svg"
+        src="assets/logos/mutation-observer/logo.svg"
         width="64"
         height="64"
         alt="Mutation Observer API logo"
@@ -146,7 +146,7 @@ <h2>Payment Request</h2>
         with Angular
     </div>
     <img
-        src="assets/images/payment-request.svg"
+        src="assets/logos/payment-request/logo.svg"
         width="64"
         height="64"
         alt="Payment Request API logo"
@@ -164,7 +164,7 @@ <h2>Permissions</h2>
         <strong>Permissions API</strong>
     </div>
     <img
-        src="assets/images/permissions.svg"
+        src="assets/logos/permissions/logo.svg"
         width="64"
         height="64"
         alt="Permissions API logo"
@@ -183,7 +183,7 @@ <h2>Resize Observer</h2>
         with Angular
     </div>
     <img
-        src="assets/images/resize-observer.svg"
+        src="assets/logos/resize-observer/logo.svg"
         width="64"
         height="64"
         alt="Resize Observer API logo"
@@ -198,7 +198,7 @@ <h2>Speech</h2>
         with Angular
     </div>
     <img
-        src="assets/images/speech.svg"
+        src="assets/logos/speech/logo.svg"
         width="64"
         height="64"
         alt="Web Speech API logo"
@@ -213,7 +213,7 @@ <h2>Storage</h2>
         with Angular
     </div>
     <img
-        src="assets/images/storage.svg"
+        src="assets/logos/storage/logo.svg"
         width="64"
         height="64"
         alt="Web Storage API logo"
@@ -228,7 +228,7 @@ <h2>Workers</h2>
         as RxJS Observables with Angular
     </div>
     <img
-        src="assets/images/workers.svg"
+        src="assets/logos/workers/logo.svg"
         width="64"
         height="64"
         alt="Worker API logo"
@@ -243,7 +243,7 @@ <h2>View Transition</h2>
         with Angular
     </div>
     <img
-        src="assets/images/view-transition.svg"
+        src="assets/logos/view-transition/logo.svg"
         width="64"
         height="64"
         alt="View transition API logo"
diff --git a/apps/demo/src/app/pages/speech/speech-page.component.html b/apps/demo/src/app/pages/speech/speech-page.component.html
index 42610925e..e0f7412ab 100644
--- a/apps/demo/src/app/pages/speech/speech-page.component.html
+++ b/apps/demo/src/app/pages/speech/speech-page.component.html
@@ -57,7 +57,7 @@ <h2>More from @ng-web-apis</h2>
             >
                 <h3>Workers</h3>
                 <img
-                    src="https://ng-web-apis.github.io/dist/assets/images/workers.svg"
+                    src="assets/logos/workers/logo.svg"
                     width="64"
                     height="64"
                     alt="Worker API logo"
@@ -72,7 +72,7 @@ <h3>Workers</h3>
             >
                 <h3>Canvas</h3>
                 <img
-                    src="https://ng-web-apis.github.io/dist/assets/images/canvas.svg"
+                    src="assets/logos/canvas/logo.svg"
                     width="64"
                     height="64"
                     alt="Worker API logo"
@@ -87,7 +87,7 @@ <h3>Canvas</h3>
             >
                 <h3>Audio</h3>
                 <img
-                    src="https://ng-web-apis.github.io/dist/assets/images/audio.svg"
+                    src="assets/logos/audio/logo.svg"
                     width="64"
                     height="64"
                     alt="Worker API logo"
diff --git a/apps/demo/src/assets/images/audio.svg b/apps/demo/src/assets/images/audio.svg
deleted file mode 100644
index cc4cc6ff7..000000000
--- a/apps/demo/src/assets/images/audio.svg
+++ /dev/null
@@ -1,59 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #8c56cf;
-}
-.st1 {
-    fill: #804fbd;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g stroke="null" id="svg_55">
-   <g
-                stroke="null"
-                transform="matrix(2.445971894608217,0,0,2.445971894608217,-2617.4310281944054,-2804.0511946644983) "
-                id="svg_38"
-            >
-    <path
-                    fill="#ffffff"
-                    stroke="null"
-                    id="svg_39"
-                    d="m1176.423861,1280.623347c0,1.639 -0.947,3.128 -2.429,3.823c-0.573,0.271 -1.187,0.402 -1.797,0.402c-0.966,0 -1.923,-0.332 -2.696,-0.973l-23.098,-19.14l-12.302,0c-2.333,0.002 -4.225,-1.891 -4.225,-4.224l0,-16.833c0,-2.334 1.892,-4.226 4.225,-4.226l12.303,0l23.098,-19.14c1.262,-1.046 3.012,-1.269 4.493,-0.569c1.481,0.695 2.429,2.185 2.429,3.823l-0.001,57.057l0,0zm16.237,-6.602c-0.103,0.007 -0.202,0.011 -0.304,0.011c-1.116,0 -2.192,-0.441 -2.987,-1.237l-0.565,-0.567c-1.482,-1.479 -1.656,-3.822 -0.408,-5.504c3.164,-4.266 4.834,-9.323 4.834,-14.628c0,-5.706 -1.896,-11.058 -5.484,-15.478c-1.366,-1.68 -1.24,-4.12 0.291,-5.65l0.564,-0.565c0.844,-0.844 1.975,-1.304 3.199,-1.231c1.192,0.06 2.305,0.621 3.061,1.545c4.977,6.09 7.606,13.484 7.606,21.38c0,7.354 -2.325,14.354 -6.725,20.24c-0.735,0.981 -1.859,1.597 -3.082,1.684zm17.468,13.057c-0.764,0.903 -1.869,1.445 -3.052,1.495c-0.058,0.002 -0.117,0.004 -0.177,0.004c-1.119,0 -2.193,-0.442 -2.988,-1.237l-0.555,-0.555c-1.551,-1.55 -1.656,-4.029 -0.246,-5.707c6.814,-8.104 10.568,-18.396 10.568,-28.982c0,-11.011 -4.019,-21.611 -11.314,-29.847c-1.479,-1.672 -1.404,-4.203 0.17,-5.783l0.554,-0.555c0.822,-0.826 1.89,-1.281 3.115,-1.242c1.163,0.033 2.263,0.547 3.036,1.417c8.818,9.928 13.675,22.718 13.675,36.01c0.002,12.789 -4.539,25.213 -12.786,34.982z"
-                />
-   </g>
-  </g>
- </g>
-</svg>
diff --git a/apps/demo/src/assets/images/canvas.svg b/apps/demo/src/assets/images/canvas.svg
deleted file mode 100644
index a0c401d11..000000000
--- a/apps/demo/src/assets/images/canvas.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-   <g transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682)">
-    <polygon
-            fill="#ec652c"
-            points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-            class="st0"
-        />
-    <polygon
-            fill="#d85b26"
-            points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-            class="st1"
-        />
-   </g>
-   <g transform="translate(153.5, 153.5)">
-	<g transform="scale(0.4)">
-		<path
-                fill="#fff"
-                d="M180.439,342.679c-23.852-23.852-63.353-34.368-99.873-18.984c-32.344,14.59-53.481,46.978-53.833,82.69
-			c0,39.434-6.87,71.147-13.652,82.09L0,509.568l24.756,1.772c6.064,0.44,12.422,0.66,18.97,0.66
-			c48.193,0,106.978-12.1,138.721-41.25C213.639,441.682,217.25,379.489,180.439,342.679z"
-            />
-		<path
-                fill="#fff"
-                d="M244.262,279.135c-14.681-14.688-31.222-26.187-48.744-34.531c-15.172,15.654-29.929,31.505-44.266,47.3
-			c18.763,5.281,36.026,15.167,50.413,29.594c14.407,14.377,24.719,32.302,30.17,51.85c15.613-14.143,31.317-28.707,47.091-43.885
-			C270.917,311.158,259.325,293.785,244.262,279.135z"
-            />
-		<path
-                fill="#fff"
-                d="M505.32,6.677C494.085-4.544,475.613-9.803,385.789,60.07c-53.438,41.572-108.728,102.36-166.897,160.529l-1.185,1.185
-			l-0.046-0.027l-0.337,0.339c17.186,9.293,33.435,21.105,48.003,35.682c15.033,14.617,27.173,31.661,36.381,49.788l0.416-0.408
-			l-0.06-0.101l1.672-1.672c58.14-58.14,106.604-125.724,148.177-179.176C521.726,36.442,516.585,17.941,505.32,6.677z"
-            />
-	</g>
-	</g>
-</svg>
diff --git a/apps/demo/src/assets/images/common.svg b/apps/demo/src/assets/images/common.svg
deleted file mode 100644
index c6ab34103..000000000
--- a/apps/demo/src/assets/images/common.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #ccdc10;
-}
-.st1 {
-    fill: #c2d208;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g stroke="null" id="svg_33">
-   <g
-                stroke="null"
-                transform="matrix(0.4366354896881691,0,0,0.4366354896881691,-15730.391266915714,-15924.396543350536) "
-                id="svg_28"
-            >
-    <rect fill="#ffffff" stroke="null" id="svg_29" height="42" width="30" y="37045.172224" x="36723.253623" />
-    <rect fill="#ffffff" stroke="null" id="svg_30" height="42" width="30" y="37045.172224" x="36481.253623" />
-    <path
-                    fill="#ffffff"
-                    stroke="null"
-                    id="svg_31"
-                    d="m36858.253623,36942.161224l-29.185,0c-2.024,-21.842 -20.454,-39 -42.815,-39l-51,0l0,-15c0,-24.813 -20.187,-45 -45,-45l-146,0c-24.813,0 -45,20.187 -45,45l0,15l-51,0c-22.361,0 -40.791,17.158 -42.815,39l-29.185,0c-8.284,0 -15,6.716 -15,15l0,79c0,7.563 5.602,13.801 12.88,14.833l77.12,0l0,-20.822c0,-8.284 6.716,-15 15,-15l60,0c8.284,0 15,6.716 15,15l0,20.822l152,0l0,-20.822c0,-8.284 6.716,-15 15,-15l60,0c8.284,0 15,6.716 15,15l0,20.822l77.12,0c7.277,-1.032 12.88,-7.271 12.88,-14.833l0,-79c0,-8.284 -6.716,-15 -15,-15zm-329,-54c0,-8.271 6.729,-15 15,-15l146,0c8.271,0 15,6.729 15,15l0,15l-176,0l0,-15z"
-                />
-    <path
-                    fill="#ffffff"
-                    stroke="null"
-                    id="svg_32"
-                    d="m36783.253623,37102.172224c0,8.284 -6.716,15 -15,15l-60,0c-8.284,0 -15,-6.716 -15,-15l0,-21.178l-152,0l0,21.178c0,8.284 -6.716,15 -15,15l-60,0c-8.284,0 -15,-6.716 -15,-15l0,-21.178l-60,0l0,108.178c0,24.807 20.182,44.989 44.989,44.989l362.021,0c24.807,0 44.989,-20.183 44.989,-44.989l0,-108.178l-60,0l0,21.178l0.001,0z"
-                />
-   </g>
-  </g>
- </g>
-</svg>
diff --git a/apps/demo/src/assets/images/geolocation.svg b/apps/demo/src/assets/images/geolocation.svg
deleted file mode 100644
index bc9d7431b..000000000
--- a/apps/demo/src/assets/images/geolocation.svg
+++ /dev/null
@@ -1,59 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #2190e4;
-}
-.st1 {
-    fill: #1d85d4;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g stroke="null" id="svg_18">
-   <path
-                fill="#ffffff"
-                stroke="null"
-                id="svg_16"
-                d="m257.249495,192.912241c-21.146608,0 -38.35198,17.205371 -38.35198,38.35198c0,21.148462 17.205372,38.353834 38.35198,38.353834c21.148462,0 38.353834,-17.205371 38.353834,-38.353834c0,-21.146609 -17.205372,-38.35198 -38.353834,-38.35198zm0,0"
-            />
-   <path
-                fill="#ffffff"
-                stroke="null"
-                id="svg_17"
-                d="m257.249495,145.793512c-49.104179,0 -89.052304,39.948125 -89.052304,89.052304c0,22.557371 14.213294,54.428371 42.246871,94.728723c20.490353,29.45917 40.643311,52.255685 41.492364,53.21226l5.313069,5.99157l5.314923,-5.99157c0.847199,-0.956575 21.000156,-23.75309 41.492364,-53.21226c28.031723,-40.300353 42.246871,-72.171352 42.246871,-94.728723c0,-49.104179 -39.949979,-89.052304 -89.054158,-89.052304zm0,138.030422c-28.980883,0 -52.557858,-23.57883 -52.557858,-52.559713s23.576976,-52.557859 52.557858,-52.557859c28.982737,0 52.559713,23.576976 52.559713,52.557859s-23.576976,52.559713 -52.559713,52.559713zm0,0"
-            />
-  </g>
- </g>
-</svg>
diff --git a/apps/demo/src/assets/images/intersection-observer.svg b/apps/demo/src/assets/images/intersection-observer.svg
deleted file mode 100644
index 4ff5bc4f6..000000000
--- a/apps/demo/src/assets/images/intersection-observer.svg
+++ /dev/null
@@ -1,85 +0,0 @@
-<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
-   <g
-        stroke="null"
-        transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682)"
-    >
-    <polygon
-            fill="#0dd28d"
-            points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-        />
-    <polygon
-            fill="#09bd7e"
-            points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-        />
-   </g>
-   
-	<g transform="translate(150, 150)">
-		<g transform="scale(0.4)">
-			<path
-                fill="#fff"
-                d="M377,0h-30c-8.291,0-15,6.709-15,15s6.709,15,15,15h15v15c0,8.291,6.709,15,15,15c8.291,0,15-6.709,15-15V15
-				C392,6.709,385.291,0,377,0z"
-            />
-			<path fill="#fff" d="M287,0h-60c-8.291,0-15,6.709-15,15s6.709,15,15,15h60c8.291,0,15-6.709,15-15S295.291,0,287,0z" />
-			<path fill="#fff" d="M167,0h-62c-8.291,0-15,6.709-15,15s6.709,15,15,15h62c8.291,0,15-6.709,15-15S175.291,0,167,0z" />
-			<path
-                fill="#fff"
-                d="M407,482h-60c-8.291,0-15,6.709-15,15c0,8.291,6.709,15,15,15h60c8.291,0,15-6.709,15-15C422,488.709,415.291,482,407,482
-				z"
-            />
-			<path
-                fill="#fff"
-                d="M287,482h-60c-8.291,0-15,6.709-15,15c0,8.291,6.709,15,15,15h60c8.291,0,15-6.709,15-15C302,488.709,295.291,482,287,482
-				z"
-            />
-			<path
-                fill="#fff"
-                d="M45,0H15C6.709,0,0,6.709,0,15v30c0,8.291,6.709,15,15,15s15-6.709,15-15V30h15c8.291,0,15-6.709,15-15S53.291,0,45,0z"
-            />
-			<path
-                fill="#fff"
-                d="M15,90c-8.291,0-15,6.709-15,15v62c0,8.291,6.709,15,15,15s15-6.709,15-15v-62C30,96.709,23.291,90,15,90z"
-            />
-			<path
-                fill="#fff"
-                d="M15,212c-8.291,0-15,6.709-15,15v60c0,8.291,6.709,15,15,15s15-6.709,15-15v-60C30,218.709,23.291,212,15,212z"
-            />
-			<path
-                fill="#fff"
-                d="M497,212c-8.291,0-15,6.709-15,15v60c0,8.291,6.709,15,15,15c8.291,0,15-6.709,15-15v-60C512,218.709,505.291,212,497,212
-				z"
-            />
-			<path
-                fill="#fff"
-                d="M497,332c-8.291,0-15,6.709-15,15v60c0,8.291,6.709,15,15,15c8.291,0,15-6.709,15-15v-60C512,338.709,505.291,332,497,332
-				z"
-            />
-			<path
-                fill="#fff"
-                d="M45,362H30v-15c0-8.291-6.709-15-15-15s-15,6.709-15,15v30c0,8.291,6.709,15,15,15h30c8.291,0,15-6.709,15-15
-				C60,368.709,53.291,362,45,362z"
-            />
-			<path
-                fill="#fff"
-                d="M167,482h-15v-15c0-8.291-6.709-15-15-15s-15,6.709-15,15v30c0,8.291,6.709,15,15,15h30c8.291,0,15-6.709,15-15
-				C182,488.709,175.291,482,167,482z"
-            />
-			<path
-                fill="#fff"
-                d="M497,122h-30c-8.291,0-15,6.709-15,15s6.709,15,15,15h15v15c0,8.291,6.709,15,15,15c8.291,0,15-6.709,15-15v-30
-				C512,128.709,505.291,122,497,122z"
-            />
-			<path
-                fill="#fff"
-                d="M497,452c-8.291,0-15,6.709-15,15v15h-15c-8.291,0-15,6.709-15,15c0,8.291,6.709,15,15,15h30c8.291,0,15-6.709,15-15v-30
-				C512,458.709,505.291,452,497,452z"
-            />
-			<path
-                fill="#fff"
-                d="M407,122h-15v-17c0-8.291-6.709-15-15-15c-8.291,0-15,6.709-15,15v17H137c-8.291,0-15,6.709-15,15v225h-17
-				c-8.291,0-15,6.709-15,15c0,8.291,6.709,15,15,15h17v15c0,8.291,6.709,15,15,15s15-6.709,15-15v-15h225c8.291,0,15-6.709,15-15
-				V152h15c8.291,0,15-6.709,15-15S415.291,122,407,122z"
-            />
-		</g>
-	</g>
-</svg>
diff --git a/apps/demo/src/assets/images/midi.svg b/apps/demo/src/assets/images/midi.svg
deleted file mode 100644
index cd098a155..000000000
--- a/apps/demo/src/assets/images/midi.svg
+++ /dev/null
@@ -1,154 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect x="-1" y="-1" width="514" height="514" id="canvas_background" fill="none" />
-  <g id="canvasGrid" display="none">
-   <rect id="svg_1" width="100%" height="100%" x="0" y="0" stroke-width="0" fill="url(#gridpattern)" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #63d8ff;
-}
-.st1 {
-    fill: #4bc9f3;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g id="svg_8" stroke="null">
-   <g
-                id="svg_5"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                stroke="null"
-            >
-    <polygon
-                    class="st0"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    id="svg_6"
-                    stroke="null"
-                />
-    <polygon
-                    class="st1"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    id="svg_7"
-                    stroke="null"
-                />
-   </g>
-  </g>
-  <g stroke="null" id="svg_34">
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_10"
-            >
-    <g stroke="null" id="svg_11">
-     <path
-                        fill="#ffffff"
-                        stroke="null"
-                        id="svg_12"
-                        d="m756.2575,994.745855l20.157,0l0,-161.262l28.667,0l0,161.262l20.158,0l0,160.589c0,0.231 0.048,0.446 0.071,0.673l-69.12,0c0.023,-0.227 0.071,-0.441 0.071,-0.673l-0.004,-160.589l0,0z"
-                    />
-     <path
-                        fill="#ffffff"
-                        stroke="null"
-                        id="svg_13"
-                        d="m910.3535,994.745855l0,161.262l-69.057,0c0.021,-0.227 0.073,-0.441 0.073,-0.673l0,-160.589l20.159,0l0,-161.262l28.665,0l0,161.262l20.16,0z"
-                    />
-     <polygon
-                        fill="#ffffff"
-                        stroke="null"
-                        id="svg_14"
-                        points="998.6004028320312,1156.0074700117111 926.4784545898438,1156.0074700117111 926.4784545898438,994.7455681562424 946.636474609375,994.7455681562424 946.636474609375,833.4836052656174 998.6004028320312,833.4836052656174 "
-                    />
-     <path
-                        fill="#ffffff"
-                        stroke="null"
-                        id="svg_15"
-                        d="m676.0765,833.483855l43.896,0l0,161.262l20.157,0l0,160.589c0,0.231 0.048,0.446 0.071,0.673l-64.124,0l0,-322.524z"
-                    />
-    </g>
-   </g>
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_19"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_20"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_21"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_22"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_23"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_24"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_25"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_26"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_27"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_28"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_29"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_30"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_31"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_32"
-            />
-   <g
-                stroke="null"
-                transform="matrix(0.5590590059895908,0,0,0.5590590059895908,-210.12161047137852,-300.1216754520101) "
-                id="svg_33"
-            />
-  </g>
- </g>
-</svg>
diff --git a/apps/demo/src/assets/images/mutation-observer.svg b/apps/demo/src/assets/images/mutation-observer.svg
deleted file mode 100644
index f41f99f36..000000000
--- a/apps/demo/src/assets/images/mutation-observer.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #54ab1e;
-}
-.st1 {
-    fill: #519328;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g transform="scale(0.8)">
-   <circle cx="440" cy="276" r="10" fill="white" />
-   <circle cx="200" cy="276" r="10" fill="white" />
-   <path
-                transform="translate(85, 70)"
-                d="M213.733 155.480 C 177.265 157.131,152.024 162.239,133.600 171.698 C 130.887 173.091,127.737 174.709,126.600 175.293 C 122.386 177.461,119.467 176.444,119.467 172.809 C 119.467 171.852,119.265 171.823,117.307 172.496 C 108.544 175.511,103.389 181.926,103.349 189.867 C 103.330 193.514,103.591 194.216,106.667 198.800 C 109.432 202.921,109.918 204.103,110.074 207.073 C 110.154 208.601,110.099 209.590,109.929 209.695 C 109.755 209.802,109.649 209.328,109.638 208.398 C 109.604 205.579,108.395 202.728,106.236 200.377 C 105.058 199.094,105.035 199.083,105.160 199.867 C 107.114 212.147,104.942 217.838,93.796 229.645 C 87.229 236.602,86.061 239.118,86.021 246.400 C 85.972 255.384,89.889 258.490,100.022 257.499 C 102.430 257.264,107.880 256.889,112.133 256.666 C 132.717 255.587,139.829 253.668,164.267 242.594 C 197.371 227.593,208.668 224.678,234.988 224.342 C 264.953 223.960,277.498 226.906,311.333 242.268 C 336.440 253.667,343.356 255.547,364.267 256.664 C 368.447 256.888,373.787 257.272,376.133 257.518 C 386.642 258.621,391.248 255.944,391.673 248.488 C 392.073 241.466,389.882 236.834,382.674 229.467 C 373.038 219.618,371.402 216.388,371.356 207.133 C 371.344 204.530,371.255 202.400,371.159 202.400 C 370.380 202.400,368.339 207.677,368.015 210.530 C 367.699 213.314,367.595 213.514,367.365 211.779 C 366.951 208.661,368.029 204.932,371.030 199.101 L 372.933 195.402 372.933 191.101 C 372.933 182.011,368.420 175.755,359.544 172.543 C 356.912 171.591,356.592 171.667,357.391 173.054 L 357.980 174.078 357.457 175.066 C 355.710 178.361,354.258 178.238,345.709 174.077 C 323.072 163.057,300.622 158.177,261.200 155.704 C 255.427 155.342,220.426 155.177,213.733 155.480 M19.896 160.867 C 6.944 173.813,4.403 194.522,13.999 208.944 C 18.625 215.896,23.678 218.697,35.333 220.769 C 49.886 223.357,61.231 221.782,79.542 214.632 C 92.264 209.664,96.457 209.430,100.756 213.451 C 102.413 215.002,102.848 214.423,103.602 209.663 C 103.993 207.187,99.619 202.439,94.829 200.141 C 86.976 196.374,76.883 196.122,56.133 199.173 C 46.367 200.609,41.242 200.844,38.308 199.992 C 36.783 199.549,37.266 199.435,39.215 199.778 C 41.401 200.163,46.099 199.762,52.400 198.654 C 70.581 195.456,73.752 195.083,81.168 195.269 C 91.797 195.536,99.398 199.194,102.676 205.619 C 104.271 208.744,104.007 202.587,102.370 198.461 C 95.879 182.101,84.649 176.946,63.679 180.699 C 56.752 181.939,55.103 182.130,51.286 182.131 C 34.752 182.140,23.903 173.882,23.875 161.267 C 23.865 156.715,24.033 156.732,19.896 160.867 M186.667 169.993 C 195.653 172.396,200.705 180.134,201.471 192.667 C 202.297 206.192,196.020 222.285,188.856 225.010 C 173.241 230.949,165.745 232.504,159.776 231.046 C 146.256 227.741,140.963 216.157,145.752 200.356 C 152.114 179.367,170.553 165.683,186.667 169.993 M300.684 169.614 C 323.945 173.733,341.757 211.503,326.978 225.371 C 321.989 230.053,315.239 232.297,308.487 231.519 C 305.296 231.151,287.425 225.338,285.484 224.037 C 276.709 218.153,272.041 194.675,277.059 181.662 C 280.647 172.356,289.804 167.687,300.684 169.614 M121.266 200.232 C 124.380 201.821,125.519 205.873,123.727 208.997 C 120.612 214.429,112.178 212.181,112.157 205.911 C 112.140 201.100,117.013 198.063,121.266 200.232 M360.063 199.884 C 364.180 201.287,365.576 206.551,362.717 209.892 C 358.996 214.239,351.754 211.583,351.742 205.867 C 351.732 201.429,355.868 198.455,360.063 199.884 M245.185 207.070 C 254.323 208.139,264.222 211.296,268.518 214.512 C 269.592 215.316,269.207 215.416,267.789 214.702 C 254.532 208.028,229.220 206.604,210.701 211.491 C 207.217 212.410,206.790 212.376,209.055 211.360 C 217.698 207.481,233.083 205.654,245.185 207.070 M90.533 213.086 C 88.634 213.545,86.107 214.431,80.577 216.576 C 73.235 219.425,69.643 220.649,65.067 221.862 C 47.539 226.506,43.218 231.099,40.421 248.060 C 38.834 257.685,37.806 260.352,34.356 263.798 C 31.802 266.347,31.601 266.253,39.149 266.053 C 57.526 265.568,66.555 259.019,76.716 238.806 C 84.484 223.352,88.377 220.000,96.397 221.859 C 97.596 222.137,98.198 221.755,99.255 220.044 C 99.904 218.995,99.817 218.895,97.733 218.283 C 90.882 216.271,82.974 217.886,75.574 222.810 C 71.536 225.496,68.961 228.225,64.645 234.387 C 61.663 238.645,55.498 244.485,52.218 246.158 C 50.344 247.114,50.575 246.570,52.966 244.394 C 55.928 241.698,59.427 237.605,62.667 233.047 C 72.347 219.424,86.861 213.217,98.337 217.793 C 102.219 219.342,101.128 215.519,97.128 213.557 C 95.711 212.862,92.430 212.628,90.533 213.086 "
-                stroke="none"
-                fill="#fff"
-                fill-rule="evenodd"
-            />
-  </g>
- </g>
-</svg>
diff --git a/apps/demo/src/assets/images/payment-request.svg b/apps/demo/src/assets/images/payment-request.svg
deleted file mode 100644
index c239b920c..000000000
--- a/apps/demo/src/assets/images/payment-request.svg
+++ /dev/null
@@ -1,53 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #3eaf12;
-}
-.st1 {
-    fill: #38a210;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g stroke="null" id="svg_12">
-   <path
-                stroke="null"
-                fill="#ffffff"
-                id="svg_9"
-                d="m354.863969,155.805319c-0.102186,-3.424861 -2.852631,-6.177011 -6.275787,-6.280897l-88.303823,-2.689137c-1.801844,-0.051089 -3.535561,0.638651 -4.800936,1.91765l-108.994341,110.116656c-13.357125,13.495075 -13.357125,35.450963 0,48.946037l51.539803,52.069454c6.490374,6.558492 15.126606,10.170691 24.314632,10.170691c9.189727,0 17.825963,-3.612199 24.316337,-10.170691l108.996042,-110.118361c1.24664,-1.260269 1.922756,-2.976957 1.869962,-4.749843l-2.661888,-89.21156zm-83.817956,136.84964c-1.265374,1.263674 -2.922459,1.897211 -4.581239,1.897211c-1.65708,0 -3.314164,-0.631837 -4.579538,-1.897211l-2.816868,-2.818568l-4.662986,4.662986c-1.265374,1.263674 -2.922454,1.895507 -4.579538,1.895507c-1.65878,0 -3.315864,-0.631833 -4.579534,-1.897211c-2.530753,-2.529048 -2.530753,-6.630024 0,-9.159073l12.401705,-12.401705c2.321276,-2.321276 2.319571,-6.098669 -0.001705,-8.419944c-2.322976,-2.32298 -6.098669,-2.324681 -8.419944,-0.003409l-3.159181,3.15748c0,0.001705 0,0.001705 -0.001705,0.001705l-3.159181,3.160885c-3.685426,3.685426 -8.527236,5.528144 -13.367344,5.528144c-4.843509,0 -9.685318,-1.842718 -13.37245,-5.531549c-3.571325,-3.571325 -5.538364,-8.317763 -5.540064,-13.369049c0,-4.375167 1.476556,-8.522126 4.192943,-11.873754l-2.893505,-2.89521c-2.529048,-2.529048 -2.529048,-6.630024 0,-9.159073c2.529048,-2.529048 6.630024,-2.529048 9.159073,0l2.818568,2.818568l2.953113,-2.954813c2.529048,-2.529048 6.630024,-2.529048 9.160777,0c2.529048,2.530753 2.529048,6.631729 0,9.160777l-10.695237,10.693532c-1.124024,1.124024 -1.742232,2.61761 -1.742232,4.208272c0,1.590658 0.619913,3.085948 1.745637,4.211672c2.32298,2.32298 6.100373,2.32298 8.419944,0.003409l3.160885,-3.160885s0,-0.001705 0.001705,-0.001705l3.15748,-3.159181c7.372558,-7.370857 19.367232,-7.369157 26.739794,0.003405c6.894,6.892295 7.341904,17.825963 1.347121,25.242803l2.893505,2.895205c2.529048,2.530753 2.529048,6.631729 0,9.160777zm45.822616,-77.189632c-3.787612,3.787612 -8.763962,5.681419 -13.738611,5.681419c-4.976349,0 -9.952699,-1.893806 -13.740311,-5.681419c-3.670102,-3.670102 -5.691638,-8.549379 -5.691638,-13.740316c0,-5.189232 2.021537,-10.068509 5.691638,-13.738611c7.575225,-7.575225 19.903697,-7.576925 27.478922,0c7.57693,7.575225 7.57693,19.903702 0,27.478927zm0,0"
-            />
-  </g>
- </g>
-</svg>
diff --git a/apps/demo/src/assets/images/permissions.svg b/apps/demo/src/assets/images/permissions.svg
deleted file mode 100644
index 6e49716a3..000000000
--- a/apps/demo/src/assets/images/permissions.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #f0d800;
-}
-.st1 {
-    fill: #d5c109;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g transform="scale(0.8)">
-  <g transform="translate(150, 160)"><path
-                    xmlns="http://www.w3.org/2000/svg"
-                    d="M287.305,243.005c-0.136-1.772-0.928-3.476-2.227-4.747L172.835,126.015c4.416-10.403,6.747-21.669,6.747-33.312  c0-22.754-8.875-44.163-24.938-60.266C138.558,16.366,117.164,7.5,94.397,7.5c-22.778,0-44.135,8.869-60.247,24.95  C0.907,65.675,0.9,119.716,34.145,152.938c16.111,16.115,37.475,24.99,60.241,24.99c11.646,0,22.884-2.35,33.312-6.772  l36.874,36.902c1.534,1.515,3.557,2.319,5.74,2.248l20.095-0.705l-0.656,20.145c-0.062,2.125,0.705,4.193,2.245,5.706  c1.484,1.512,3.569,2.334,5.685,2.248l20.169-0.689l-0.724,20.123c-0.063,2.127,0.754,4.199,2.238,5.712  c1.534,1.512,3.321,2.325,5.74,2.251l20.119-0.684l-0.674,20.126c-0.118,2.232,0.822,4.379,2.418,5.903  c1.472,1.339,3.309,2.06,5.245,2.06c0.278,0,0.563-0.012,0.847-0.037l30.851-3.426c4.169-0.455,7.205-4.175,6.847-8.353  L287.305,243.005z M84.106,82.415c-9.476,9.466-24.796,9.466-34.252,0c-9.47-9.469-9.47-24.786,0-34.246  c9.456-9.46,24.771-9.469,34.252-0.003C93.563,57.625,93.557,72.952,84.106,82.415z M260.97,245.575  c-1.126,1.126-2.635,1.688-4.101,1.688s-2.976-0.563-4.101-1.688l-95.501-95.529c2.659-2.867,5.077-5.885,7.273-9.058l96.429,96.41  C263.221,239.65,263.221,243.324,260.97,245.575z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                    class=""
-                />
-  </g></g></g>
-</svg>
diff --git a/apps/demo/src/assets/images/resize-observer.svg b/apps/demo/src/assets/images/resize-observer.svg
deleted file mode 100644
index d3a5d9e3e..000000000
--- a/apps/demo/src/assets/images/resize-observer.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-   <g
-        stroke="null"
-        transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682)"
-    >
-    <polygon
-            fill="rgb(31, 151, 114)"
-            points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-        />
-    <polygon
-            fill="rgb(22, 128, 96)"
-            points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-        />
-   </g>
-
-   
-	<g transform="translate(150, 150)">
-		<g transform="scale(0.4)">
-   <path
-                fill="#fff"
-                d="m467 0h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.269531 0 15 6.730469 15 15v30c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-30c0-24.8125-20.1875-45-45-45zm0 0"
-            /><path
-                fill="#fff"
-                d="m497 422c-8.285156 0-15 6.714844-15 15v30c0 8.269531-6.730469 15-15 15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c24.8125 0 45-20.1875 45-45v-30c0-8.285156-6.714844-15-15-15zm0 0"
-            /><path
-                fill="#fff"
-                d="m75 482h-30c-8.269531 0-15-6.730469-15-15v-30c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v30c0 24.8125 20.1875 45 45 45h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"
-            /><path
-                fill="#fff"
-                d="m173 482h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"
-            /><path
-                fill="#fff"
-                d="m241 0h-196c-24.8125 0-45 20.1875-45 45v196c0 24.8125 20.1875 45 45 45h196c24.8125 0 45-20.1875 45-45v-196c0-24.8125-20.1875-45-45-45zm15 241c0 8.269531-6.730469 15-15 15h-196c-8.269531 0-15-6.730469-15-15v-196c0-8.269531 6.730469-15 15-15h196c8.269531 0 15 6.730469 15 15zm0 0"
-            /><path
-                fill="#fff"
-                d="m347 422c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h90c.492188 0 .988281-.027344 1.480469-.074219.222656-.023437.441406-.066406.664062-.097656.261719-.039063.527344-.066406.785157-.117187.253906-.050782.5-.121094.75-.183594.222656-.058594.449218-.105469.671874-.175782.246094-.074218.484376-.164062.722657-.25.222656-.082031.445312-.152343.664062-.242187.226563-.09375.441407-.203125.660157-.308594.222656-.105469.449218-.203125.667968-.320312.210938-.113281.414063-.242188.621094-.367188.214844-.128906.429688-.25.640625-.386719.226563-.15625.441406-.324218.664063-.488281.171874-.128906.347656-.25.515624-.386719.765626-.628906 1.464844-1.328124 2.09375-2.09375.140626-.171874.261719-.355468.394532-.53125.160156-.214843.328125-.421874.476562-.648437.144532-.214844.269532-.4375.402344-.65625.117188-.199219.242188-.394531.355469-.597656.121093-.226563.222656-.460938.332031-.691407.097656-.210937.207031-.421874.296875-.640624.09375-.222657.167969-.457032.25-.683594.082031-.234375.171875-.460938.246094-.699219.070312-.230469.121093-.46875.179687-.703125.058594-.238281.125-.476562.175782-.71875.054687-.273438.085937-.550781.125-.824219.03125-.210937.070312-.417969.089843-.628906.050781-.496094.078125-.992187.078125-1.488281v-89.996094c0-8.285156-6.71875-15-15-15-8.285156 0-15 6.714844-15 15v53.785156l-104.398437-104.390625c-5.855469-5.859375-15.355469-5.859375-21.210938 0-5.859375 5.855469-5.859375 15.355469 0 21.210938l104.390625 104.394531zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m271 482h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m369 482h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m339 30h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m497 324c-8.285156 0-15 6.714844-15 15v30c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-30c0-8.285156-6.714844-15-15-15zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m15 384c8.285156 0 15-6.714844 15-15v-30c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v30c0 8.285156 6.714844 15 15 15zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m497 226c-8.285156 0-15 6.714844-15 15v30c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-30c0-8.285156-6.714844-15-15-15zm0 0"
-            />
-   <path
-                fill="#fff"
-                d="m497 128c-8.285156 0-15 6.714844-15 15v30c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-30c0-8.285156-6.714844-15-15-15zm0 0"
-            />
-		</g>
-	</g>
-</svg>
diff --git a/apps/demo/src/assets/images/speech.svg b/apps/demo/src/assets/images/speech.svg
deleted file mode 100644
index cf4b0d31f..000000000
--- a/apps/demo/src/assets/images/speech.svg
+++ /dev/null
@@ -1,60 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-    <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
-    <g>
-        <title>background</title>
-        <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-        <g display="none" id="canvasGrid">
-            <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-        </g>
-    </g>
-    <g>
-        <title>Layer 1</title>
-        <style type="text/css">
-.st0 {
-    fill: #bb56cf;
-}
-.st1 {
-    fill: #a04ab1;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-        <g stroke="null" id="svg_8">
-            <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-                <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-                <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-            </g>
-        </g>
-        <g transform="translate(120, 120)">
-            <g transform="scale(0.5)">
-                <path
-                    d="M439.528,209.298c-5.674,0-10.574,2.068-14.719,6.206c-4.143,4.149-6.211,9.058-6.211,14.719v41.867    c0,40.343-14.34,74.848-43.006,103.514c-28.672,28.666-63.176,42.999-103.507,42.999c-40.337,0-74.842-14.333-103.508-42.999    c-28.672-28.666-43.005-63.171-43.005-103.514v-41.861c0-5.661-2.075-10.563-6.212-14.719c-4.143-4.137-9.052-6.206-14.719-6.206    c-5.673,0-10.582,2.069-14.718,6.206c-4.144,4.149-6.212,9.058-6.212,14.719v41.861c0,48.188,16.071,90.099,48.238,125.741    c32.154,35.655,71.892,56.097,119.205,61.316v43.177h-83.721c-5.673,0-10.582,2.057-14.719,6.206    c-4.143,4.137-6.212,9.045-6.212,14.718c0,5.661,2.069,10.563,6.212,14.719c4.137,4.138,9.045,6.206,14.719,6.206h209.304    c5.668,0,10.576-2.068,14.719-6.206c4.137-4.149,6.211-9.058,6.211-14.719c0-5.673-2.074-10.575-6.211-14.718    c-4.143-4.149-9.051-6.206-14.719-6.206h-83.721v-43.177c47.307-5.227,87.037-25.667,119.205-61.316    c32.154-35.643,48.238-77.553,48.238-125.741v-41.861c0-5.661-2.076-10.563-6.213-14.719    C450.099,211.372,445.196,209.298,439.528,209.298z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                />
-                <path
-                    d="M222.758,203.747h-55.325v38.384h55.325c8.452,0,15.3,6.848,15.3,15.3c0,8.452-6.848,15.3-15.3,15.3h-55.294    c0.153,28.501,10.374,52.932,30.71,73.269c20.49,20.502,45.135,30.734,73.911,30.734c28.777,0,53.416-10.232,73.912-30.734    c20.33-20.337,30.557-44.768,30.709-73.269h-53.365c-8.453,0-15.301-6.848-15.301-15.3c0-8.452,6.848-15.3,15.301-15.3h53.396    v-38.384h-53.396c-8.453,0-15.301-6.849-15.301-15.3s6.848-15.3,15.301-15.3h53.396v-40.796h-53.396    c-8.453,0-15.301-6.849-15.301-15.3s6.848-15.3,15.301-15.3h53.268c-0.672-27.521-10.82-51.212-30.605-71.017    C325.507,10.245,300.868,0,272.091,0c-28.782,0-53.421,10.245-73.911,30.734c-19.792,19.804-29.933,43.495-30.606,71.017h55.196    c8.452,0,15.3,6.848,15.3,15.3s-6.848,15.3-15.3,15.3h-55.325v40.796h55.325c8.452,0,15.3,6.848,15.3,15.3    S231.21,203.747,222.758,203.747z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                />
-            </g>
-        </g></g>
-</svg>
diff --git a/apps/demo/src/assets/images/storage.svg b/apps/demo/src/assets/images/storage.svg
deleted file mode 100644
index 4890f3c4b..000000000
--- a/apps/demo/src/assets/images/storage.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-  <g transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682)"> 
-    <polygon
-            fill="#8f6657"
-            points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141"
-        />
-    <polygon
-            fill="#795548"
-            points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976"
-        />
-  </g>
-  <g transform="translate(150, 150)">
-    <g transform="scale(0.35)">
-	  <path
-                d="M482.188,83.333L184.622,223.225v89.832l-51.91-23.082v-89.832L430.278,60.252l-99.946-44.439   c-13.383-5.95-35.281-5.95-48.664,0L35.557,125.243C15.95,133.961-0.05,158.649,0,180.107l0.606,256.534   c0.051,21.686,16.408,46.401,36.348,54.926L282.42,596.499c12.945,5.534,34.129,5.534,47.075,0.003l245.55-104.936   c19.939-8.521,36.297-33.234,36.348-54.919L612,180.107c0.051-21.458-15.949-46.146-35.557-54.864L482.188,83.333z    M556.398,288.675l-14.403,6.683l-0.292,101.353c-0.013,4.429-3.925,9.701-8.727,11.773l-21.563,9.309   c-4.727,2.041-8.551,0.149-8.554-4.223l-0.073-100.021l-13.951,6.472c-6.562,3.044-10.669-1.729-7.411-8.601l33.348-70.356   c3.366-7.102,11.806-11.199,15.184-7.347l34.221,39.012C567.593,276.623,563.257,285.494,556.398,288.675z M415.596,451.443   c0.037,4.243-3.55,9.24-8.001,11.162l-19.996,8.632c-4.385,1.893-7.972,0.029-8.022-4.16l-1.171-95.826l-12.938,6.002   c-6.085,2.823-9.968-1.808-7.006-8.344l30.31-66.881c3.057-6.747,10.873-10.541,14.062-6.805l32.301,37.836   c3.226,3.777-0.712,12.202-7.062,15.147l-13.338,6.188L415.596,451.443z M580.201,423.619c-0.015,2.226-2.016,4.865-4.468,5.896   l-228.395,95.95c-2.131,0.896-3.884-0.043-3.915-2.096l-0.175-11.162c-0.032-2.058,1.67-4.463,3.805-5.372l228.802-97.467   c2.455-1.046,4.438-0.086,4.423,2.146L580.201,423.619z"
-                fill="#ffffff"
-                data-original="#000000"
-                style=""
-                class=""
-            />
-	</g>
-  </g>
-</svg>
diff --git a/apps/demo/src/assets/images/universal.svg b/apps/demo/src/assets/images/universal.svg
deleted file mode 100644
index f584df9c8..000000000
--- a/apps/demo/src/assets/images/universal.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-   <g
-        stroke="null"
-        transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682)"
-    >
-    <polygon
-            fill="#00acc1"
-            points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-        />
-    <polygon
-            fill="#00838f"
-            points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-        />
-   </g>
-   
-	<g transform="translate(130, 130)">
-		<g transform="scale(0.5)">
-<path
-                d="m241 507.355469v-108.84375c-27.257812 1.039062-54.253906 4.882812-79.941406 11.253906 4.136718 9.996094 8.664062 19.570313 13.566406 28.609375 19.566406 36.054688 43.882812 60.976562 66.375 68.980469zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m337.375 438.375c4.902344-9.035156 9.429688-18.613281 13.566406-28.609375-25.6875-6.371094-52.683594-10.214844-79.941406-11.253906v108.84375c22.492188-8.003907 46.808594-32.925781 66.375-68.980469zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m241 368.492188v-99.816407h-109.390625c1.367187 38.96875 8.015625 77.710938 19.148437 112.785157 28.980469-7.433594 59.496094-11.875 90.242188-12.96875zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m241 238.679688v-99.816407c-30.746094-1.09375-61.261719-5.535156-90.242188-12.964843-11.132812 35.074218-17.78125 73.8125-19.148437 112.78125zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m379.953125 89.128906c18.246094-6.152344 35.542969-13.640625 51.449219-22.347656-27.929688-26.230469-61.714844-46.300781-99.167969-57.984375 11.21875 12.675781 21.832031 28.050781 31.503906 45.875 5.941407 10.941406 11.347657 22.464844 16.214844 34.457031zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m174.625 68.980469c-4.902344 9.039062-9.429688 18.613281-13.566406 28.609375 25.6875 6.371094 52.683594 10.214844 79.941406 11.253906v-108.84375c-22.492188 8.003906-46.808594 32.925781-66.375 68.980469zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m271 268.675781v99.816407c30.75 1.097656 61.261719 5.535156 90.242188 12.96875 11.132812-35.074219 17.78125-73.816407 19.152343-112.785157zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m271 138.863281v99.816407h109.390625c-1.367187-38.96875-8.015625-77.707032-19.148437-112.78125-28.980469 7.429687-59.492188 11.871093-90.242188 12.964843zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m121.878906 390.039062c-11.992187-37.757812-18.960937-79.082031-20.300781-121.363281h-101.578125c3.285156 56.679688 25.058594 108.472657 59.367188 149.433594 19.109374-11.089844 40.175781-20.503906 62.511718-28.070313zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m379.953125 418.226562c-4.871094 11.992188-10.277344 23.515626-16.214844 34.460938-9.671875 17.824219-20.285156 33.195312-31.503906 45.871094 37.453125-11.683594 71.238281-31.753906 99.171875-57.984375-15.910156-8.707031-33.207031-16.195313-51.453125-22.347657zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m132.046875 418.226562c-18.246094 6.152344-35.542969 13.640626-51.449219 22.347657 27.929688 26.234375 61.714844 46.300781 99.167969 57.988281-11.214844-12.679688-21.828125-28.050781-31.503906-45.875-5.941407-10.945312-11.347657-22.46875-16.214844-34.460938zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m390.121094 117.316406c11.992187 37.757813 18.960937 79.082032 20.300781 121.363282h101.578125c-3.285156-56.679688-25.058594-108.46875-59.367188-149.429688-19.109374 11.089844-40.175781 20.5-62.511718 28.066406zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m390.121094 390.039062c22.335937 7.566407 43.402344 16.976563 62.511718 28.066407 34.308594-40.960938 56.082032-92.753907 59.367188-149.429688h-101.578125c-1.339844 42.28125-8.308594 83.605469-20.300781 121.363281zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m271 0v108.84375c27.257812-1.039062 54.253906-4.882812 79.941406-11.25-4.136718-10-8.660156-19.574219-13.566406-28.613281-19.566406-36.054688-43.882812-60.976563-66.375-68.980469zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m121.878906 117.316406c-22.335937-7.566406-43.402344-16.976562-62.511718-28.066406-34.3125 40.960938-56.082032 92.753906-59.367188 149.429688h101.578125c1.339844-42.28125 8.308594-83.605469 20.300781-121.363282zm0 0"
-                fill="#FFFFFF"
-            /><path
-                d="m132.046875 89.128906c4.871094-11.992187 10.277344-23.515625 16.214844-34.457031 9.671875-17.828125 20.285156-33.199219 31.503906-45.875-37.453125 11.683594-71.238281 31.753906-99.171875 57.984375 15.910156 8.707031 33.207031 16.195312 51.453125 22.347656zm0 0"
-                fill="#FFFFFF"
-            />
-	</g></g>
-</svg>
diff --git a/apps/demo/src/assets/images/view-transition.svg b/apps/demo/src/assets/images/view-transition.svg
deleted file mode 100644
index e9744a2e8..000000000
--- a/apps/demo/src/assets/images/view-transition.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="549" height="589" fill="none"><path
-        fill="#FF8989"
-        d="M274 0 0 98l42 362 232 129 232-129 42-362L274 0Z"
-    /><path fill="#FF6B6B" d="M274 0v589l232-129 42-362L274 0Z" /><path
-        fill="#fff"
-        d="M269 252h15c11 0 20 9 20 20v15h-15v-15c0-3-2-5-5-5h-15v-15Z"
-    /><path
-        fill="#fff"
-        fill-rule="evenodd"
-        d="M245 176c0-11 9-20 20-20h120c11 0 20 9 20 20v120c0 11-9 20-20 20H265c-11 0-20-9-20-20V176Zm20-5h120c3 0 5 2 5 5v120c0 3-2 5-5 5H265c-3 0-5-2-5-5V176c0-3 2-5 5-5Z"
-        clip-rule="evenodd"
-    /><path
-        fill="#fff"
-        d="M144 377v15c0 11 9 20 20 20h15v-15h-15c-3 0-5-2-5-5v-15h-15ZM144 347v-30h15v30h-15ZM144 287v-15c0-11 9-20 20-20h15v15h-15c-3 0-5 2-5 5v15h-15ZM209 252h30v15h-30v-15ZM304 317v30h-15v-30h15ZM304 377v15c0 11-9 20-20 20h-15v-15h15c3 0 5-2 5-5v-15h15ZM239 412h-30v-15h30v15ZM386 381a7 7 0 1 0 14 0v-44a5 5 0 0 1-1-1v-1h-1a7 7 0 0 0-1-2h-1l-1-1h-44a7 7 0 0 0 0 14h25l-49 49a7 7 0 1 0 10 10l49-49v25ZM217 217c-4 0-7-3-7-7v-25l-49 49a7 7 0 1 1-10-10l49-49h-25a7 7 0 1 1 0-14h43a5 5 0 0 1 1 0l1 1h1v1l1 1h1v1a4 4 0 0 1 1 1v1a4 4 0 0 1 0 1v42c0 4-3 7-7 7Z"
-    /></svg>
diff --git a/apps/demo/src/assets/images/workers.svg b/apps/demo/src/assets/images/workers.svg
deleted file mode 100644
index 9d0f2c7f3..000000000
--- a/apps/demo/src/assets/images/workers.svg
+++ /dev/null
@@ -1,76 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
-
- <g>
-  <title>background</title>
-  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1" />
-  <g display="none" id="canvasGrid">
-   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1" />
-  </g>
- </g>
- <g>
-  <title>Layer 1</title>
-  <style type="text/css">
-.st0 {
-    fill: #6744f0;
-}
-.st1 {
-    fill: #573cc4;
-}
-.st2 {
-    fill: #ffffff;
-}
-        </style>
-  <g stroke="null" id="svg_8">
-   <g
-                stroke="null"
-                transform="matrix(2.5122204305161695,0,0,2.5122204305161695,-1123.5039578168125,-1123.4669114951682) "
-                id="svg_5"
-            >
-    <polygon
-                    stroke="null"
-                    id="svg_6"
-                    points="549.31640625,448.91835513710976 549.31640625,448.91835513710976 549.31640625,448.91835513710976 456.2164001464844,482.118367344141 470.4164123535156,605.2183429300785 549.31640625,648.9183551371098 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 "
-                    class="st0"
-                />
-    <polygon
-                    stroke="null"
-                    id="svg_7"
-                    points="549.31640625,448.91835513710976 549.31640625,471.118367344141 549.31640625,471.0183612406254 549.31640625,572.3183795511723 549.31640625,572.3183795511723 549.31640625,648.9183551371098 549.31640625,648.9183551371098 628.2164306640625,605.2183429300785 642.4164428710938,482.118367344141 549.31640625,448.91835513710976 "
-                    class="st1"
-                />
-   </g>
-  </g>
-  <g transform="scale(0.8)">
-<g transform="translate(170, 150)" xmlns="http://www.w3.org/2000/svg">
-	<path
-                    d="M63.946,118.649c5.727,0,11.353-0.897,16.773-2.625l32.214,32.192l35.279-35.272l-32.199-32.227   c6.207-19.396,1.107-40.888-13.359-55.349C92.356,15.067,78.647,9.396,64.091,9.396c-8.133,0-16.288,1.843-23.605,5.332   c-1.104,0.526-1.877,1.552-2.084,2.755c-0.201,1.203,0.186,2.424,1.045,3.291l33.894,33.902c2.501,2.499,3.881,5.817,3.881,9.339   c0,3.531-1.382,6.843-3.881,9.342c-4.979,4.994-13.684,4.994-18.672-0.013L20.763,39.451c-0.869-0.869-2.118-1.25-3.287-1.048   c-1.206,0.207-2.229,0.98-2.755,2.084c-9.958,20.868-5.69,45.858,10.641,62.177C35.666,112.968,49.368,118.649,63.946,118.649z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                    class=""
-                />
-	<path
-                    d="M236.074,181.348c-5.739,0-11.374,0.903-16.798,2.635l-35.631-35.634l-35.303,35.297l35.641,35.64   c-6.194,19.39-1.098,40.876,13.359,55.346c10.301,10.301,24.01,15.973,38.565,15.973c8.137,0,16.291-1.847,23.608-5.335   c1.104-0.525,1.877-1.552,2.084-2.755c0.207-1.203-0.186-2.425-1.045-3.291l-33.893-33.909c-2.496-2.493-3.875-5.805-3.878-9.327   c0-3.528,1.379-6.84,3.884-9.342c4.995-4.998,13.681-4.995,18.666,0.003l33.899,33.893c0.866,0.863,2.075,1.247,3.291,1.048   c1.203-0.21,2.23-0.98,2.755-2.084c9.958-20.865,5.693-45.852-10.638-62.174C264.339,187.029,250.64,181.348,236.074,181.348z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                    class=""
-                />
-	<path
-                    d="M221.571,100.988c0,0,5.897,5.165,10.759,2.752c5.495-2.765,20.976,12.497,25.915,16.068   c0.016,0.012,0.05,0.012,0.108,0.04l-2.7,2.712c-3.566,3.525-3.563,9.281-0.009,12.812c3.556,3.541,9.274,3.538,12.831,0   l21.378-21.35c3.532-3.55,3.535-9.296-0.006-12.84c-3.528-3.532-9.283-3.532-12.824,0.003l-3.56,3.557   c-2.95-4.063-7.852-10.988-7.23-13.282c2.607-10.047-17.875-33.779-17.875-33.779C197.49,6.823,163.513,7.979,147.349,13.537   c-6.488,2.232-5.285,3.646,1.454,4.833c49.04,8.56,55.123,37.48,46.81,48.638c-3.197,4.308,1.466,9.509,1.466,9.509l1.753,1.741   l-82.803,82.788c1.123,0.677,2.214,1.447,3.176,2.412l13.929,13.916c0.946,0.949,1.719,2.032,2.39,3.154l82.804-82.791   L221.571,100.988z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                    class=""
-                />
-	<path
-                    d="M113.632,169.025c-3.056-3.059-8.257-3.256-11.526-0.417l-92.019,82.497c-3.284,2.836-3.467,7.663-0.405,10.725   l25.064,25.046c3.064,3.062,7.882,2.891,10.715-0.375l82.522-92.046c2.823-3.266,2.644-8.449-0.421-11.507L113.632,169.025z"
-                    fill="#ffffff"
-                    data-original="#000000"
-                    style=""
-                    class=""
-                />
-</g></g>
- </g>
-</svg>