ezekiel-cli 5.8.2

package/gui/v1/src/lib/ui/Icon.svelte

@@ -0,0 +1,55 @@
+<script>
+
+  export let icon = false;
+  export let size = 24;
+
+  const icons = {
+    database: 'M12 24c-6.841 0-12-2.257-12-5.25V5.251C0 2.258 5.159.001 12 .001s12 2.257 12 5.25V18.75C24 21.743 18.841 24 12 24zM1.5 18.75c0 1.533 3.739 3.75 10.5 3.75s10.5-2.217 10.5-3.75v-4.137c-2.053 1.622-6.023 2.637-10.5 2.637s-8.446-1.016-10.5-2.637v4.137zm0-6.75c0 1.533 3.739 3.75 10.5 3.75S22.5 13.533 22.5 12V7.863C20.446 9.485 16.477 10.5 12 10.5S3.554 9.485 1.5 7.863V12zM12 1.501c-6.761 0-10.5 2.217-10.5 3.75s3.739 3.75 10.5 3.75 10.5-2.217 10.5-3.75-3.739-3.75-10.5-3.75z',
+    users: 'M4.5 9c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3Zm0-4.5C3.67 4.5 3 5.17 3 6s.67 1.5 1.5 1.5S6 6.83 6 6s-.67-1.5-1.5-1.5ZM3 22.5c-.38 0-.7-.28-.74-.66l-.67-5.34H.75c-.41 0-.75-.34-.75-.75V13.5C0 11.02 2.02 9 4.5 9c.41 0 .75.34.75.75s-.34.75-.75.75c-1.65 0-3 1.35-3 3V15h.75c.38 0 .7.28.74.66L3.66 21H6c.41 0 .75.34.75.75s-.34.75-.75.75H3ZM19.5 9c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3Zm0-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5S21 6.83 21 6s-.67-1.5-1.5-1.5Zm-1.5 18c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.34l.67-5.34c.05-.38.37-.66.74-.66h.75v-1.5c0-1.65-1.35-3-3-3-.41 0-.75-.34-.75-.75s.34-.75.75-.75c2.48 0 4.5 2.02 4.5 4.5v2.25c0 .41-.34.75-.75.75h-.84l-.67 5.34c-.05.38-.37.66-.74.66h-3Zm-6-15c-2.07 0-3.75-1.68-3.75-3.75S9.93 0 12 0s3.75 1.68 3.75 3.75S14.07 7.5 12 7.5Zm0-6c-1.24 0-2.25 1.01-2.25 2.25S10.76 6 12 6s2.25-1.01 2.25-2.25S13.24 1.5 12 1.5ZM9.75 24a.75.75 0 0 1-.75-.67l-.68-6.83H6.75c-.41 0-.75-.34-.75-.75V13.5c0-3.31 2.69-6 6-6s6 2.69 6 6v2.25c0 .41-.34.75-.75.75h-1.57L15 23.33a.75.75 0 0 1-.75.67h-4.5Zm3.82-1.5.68-6.82c.04-.38.36-.68.75-.68h1.5v-1.5c0-2.48-2.02-4.5-4.5-4.5s-4.5 2.02-4.5 4.5V15H9c.39 0 .71.29.75.68l.68 6.82h3.14Z',
+    log: 'm5.25,24c-1.24,0-2.25-1.01-2.25-2.25v-3c0-.41.34-.75.75-.75s.75.34.75.75v3c0,.41.34.75.75.75h13.5c.41,0,.75-.34.75-.75v-3c0-.41.34-.75.75-.75s.75.34.75.75v3c0,1.24-1.01,2.25-2.25,2.25H5.25Zm15-10.5c-.41,0-.75-.34-.75-.75v-7.5c0-.41-.34-.75-.75-.75h-2.25v1.5c0,.83-.67,1.5-1.5,1.5h-6c-.83,0-1.5-.67-1.5-1.5v-1.5h-2.25c-.41,0-.75.34-.75.75v7.5c0,.41-.34.75-.75.75s-.75-.34-.75-.75v-7.5c0-1.24,1.01-2.25,2.25-2.25h2.25c0-.83.67-1.5,1.5-1.5h.31c.52-.92,1.5-1.5,2.56-1.5.04,0,.08,0,.12,0,.04,0,.09,0,.13,0,1.07,0,2.05.58,2.56,1.5h.31c.83,0,1.5.67,1.5,1.5h2.25c1.24,0,2.25,1.01,2.25,2.25v7.5c0,.41-.34.75-.75.75Zm-11.25-7.5h6v-3h-.8c-.32,0-.61-.21-.71-.51-.19-.59-.74-.99-1.37-.99-.03,0-.05,0-.08,0,0,0-.04,0-.04,0-.01,0-.09,0-.11,0-.62,0-1.18.4-1.37.99-.1.31-.39.52-.71.52h-.8v3Zm3.04,13.63c-.17,0-.34-.04-.49-.11-.27-.13-.47-.36-.57-.65l-2.08-5.73-1.37,2.73c-.19.38-.58.62-1.01.62H.75c-.41,0-.75-.34-.75-.75s.34-.75.75-.75h5.54l1.65-3.31c.13-.27.37-.47.65-.56.12-.04.24-.06.36-.06.17,0,.35.04.5.12.26.13.46.35.56.62l2.07,5.69,1.93-4.33c.18-.41.59-.67,1.03-.67.16,0,.31.03.46.1.24.11.43.29.55.52l.94,1.88h6.28c.41,0,.75.34.75.75s-.34.75-.75.75h-6.51c-.43,0-.81-.24-1.01-.62l-.69-1.37-1.98,4.45c-.12.28-.36.51-.67.61-.12.04-.24.06-.36.06Z',
+    backgroundJob: 'M23.6 7.3v.3c0 .1-.1.2-.2.3l-3 3c-.2.1-.4.1-.6.1-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.5s.1-.4.2-.5L21 8H1.2c-.4 0-.8-.4-.8-.8s.3-.9.8-.9H21l-1.7-1.5c-.1-.1-.2-.3-.2-.5s.1-.4.2-.5c.1-.1.3-.2.5-.2s.4.1.5.2l3 3c.1.1.1.2.2.2.1.1.1.2.1.3zM4 10.4c-.4 0-.7.3-.7.7-.1 1.1 0 2.2.3 3.3 0 .4.3.6.7.6h.2c.4-.1.6-.5.5-.9-.2-.9-.3-1.9-.2-2.8 0-.5-.3-.8-.8-.9.1 0 0 0 0 0zm2.6 5.3c-.3 0-.6.2-.7.6-.1.4.2.8.6.9.8.2 1.6.3 2.4.3h.9c.4 0 .7-.4.7-.8s-.4-.7-.7-.7H9c-.7 0-1.4-.1-2.1-.2-.2-.1-.2-.1-.3-.1zm9.8-2.7c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5s.1.4.2.5l1.7 1.7h-3.4c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.4l-1.7 1.7c-.1.1-.2.3-.2.5s.1.4.2.5c.1.1.3.2.5.2s.4-.1.5-.2l3-3c.1-.1.1-.2.2-.2v-.6c0-.1-.1-.2-.2-.3l-3-3c-.2-.1-.3-.1-.5-.1z',
+    constant: 'M3 24C1.76 24 .75 22.99.75 21.75V2.25C.75 1.01 1.76 0 3 0h15.05c.59 0 1.15.23 1.57.64l2.95 2.88c.43.42.68 1.01.68 1.61v16.62c0 1.24-1.01 2.25-2.25 2.25H3ZM3 1.5c-.41 0-.75.34-.75.75v19.5c0 .41.34.75.75.75h18c.41 0 .75-.34.75-.75V5.14c0-.2-.08-.4-.23-.54l-2.95-2.88a.734.734 0 0 0-.52-.21H3Zm6.65 16.56c-1.12 0-2.06-.87-2.15-1.99v-1.31c0-.16-.11-.33-.27-.41l-1.61-.92c-.23-.13-.38-.38-.38-.65s.14-.52.38-.65l1.58-.91c.18-.1.29-.26.29-.45V9.48a2.173 2.173 0 0 1 2.15-1.99h.85a.749.749 0 1 1 0 1.5h-.85a.65.65 0 0 0-.65.58v1.21c-.02.74-.43 1.4-1.07 1.74l-.43.25.45.26c.62.33 1.02.98 1.04 1.7v1.23c.04.33.32.58.66.58h.84c.41 0 .75.34.75.75s-.34.75-.75.75h-.85Zm4.69 0h-.85c-.41 0-.75-.34-.75-.75s.34-.75.75-.75H14.34c.34 0 .62-.25.66-.58v-1.21c.02-.74.43-1.4 1.07-1.74l.43-.25-.45-.26c-.62-.33-1.02-.98-1.04-1.71V9.58a.658.658 0 0 0-.65-.58h-.85c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h.85c1.12 0 2.06.87 2.15 1.99v1.31c0 .16.11.33.27.41l1.6.92c.23.13.38.38.38.65s-.14.52-.38.65l-1.58.91c-.18.1-.29.26-.29.45v1.29a2.165 2.165 0 0 1-2.15 1.99Z',
+    graphql: 'M21 14.9V9.1c.9-.2 1.6-1.1 1.6-2.1 0-1.2-1-2.1-2.1-2.1-.6 0-1.2.3-1.5.7l-5-2.9c.1-.2.1-.4.1-.6C14.1 1 13.2 0 12 0S9.9 1 9.9 2.1c0 .2 0 .4.1.6L5 5.6c-.4-.4-.9-.7-1.5-.7-1.2 0-2.1 1-2.1 2.1 0 1 .7 1.8 1.6 2.1v5.7c-.9.2-1.6 1.1-1.6 2.1 0 1.2 1 2.1 2.1 2.1.6 0 1.2-.3 1.5-.7l5 2.9c-.1.2-.1.4-.1.6 0 1.2 1 2.1 2.1 2.1s2.1-1 2.1-2.1c0-.2 0-.4-.1-.6l5-2.9c.4.4.9.7 1.5.7 1.2 0 2.1-1 2.1-2.1.1-1-.6-1.8-1.6-2zm-17 0V9.1C4.9 8.9 5.6 8 5.6 7c0-.2 0-.4-.1-.6l5-2.9.1.1L4 14.9zm9.5 5.5c-.4-.4-.9-.7-1.5-.7s-1.2.3-1.5.7l-5-2.9v-.1h12.9v.1l-4.9 2.9zm5-4h-13c-.1-.4-.3-.8-.6-1l6.5-11.2c.2.1.4.1.6.1s.4 0 .6-.1l6.5 11.2c-.3.3-.5.6-.6 1zm1.5-1.5L13.5 3.7l.1-.1 5 2.9c-.1.2-.1.4-.1.6 0 1 .7 1.8 1.6 2.1v5.7z',
+    liquid: 'M12 24c-2.3 0-4.4-.9-6.1-2.5-1.7-1.6-2.6-3.8-2.6-6.1v-.3C3.3 8.6 9.7 0 12 0c2.3 0 8.7 8.6 8.7 15.1.1 4.8-3.8 8.8-8.6 8.9H12zm0-22.3C10.5 3 4.8 10 4.8 15.1v.2c.1 3.4 3.8 7.1 7.2 7.1h.1c3.4-.1 7.2-3.9 7.1-7.3C19.2 10 13.5 3 12 1.7zm-1 18.2c-2.1 0-3.8-1.7-3.8-3.8 0-.7.3-1.2.9-1.2s.7.7.7 1.4 1.1 1.8 1.8 1.8 1.1.4 1.1.8c.1.7 0 1-.7 1z',
+    arrowRight: 'M12.75 23.25a.752.752 0 0 1-.53-1.281l9.22-9.22H.75a.749.749 0 1 1 0-1.499h20.689l-9.22-9.22A.746.746 0 0 1 12.22.97c.141-.142.33-.22.53-.22s.389.078.53.22l10.5 10.5a.74.74 0 0 1 .163.245l.01.026a.73.73 0 0 1 0 .517l-.006.016a.755.755 0 0 1-.168.257L13.28 23.03a.743.743 0 0 1-.53.22z',
+    arrowDown: 'M12 18.999c-.4 0-.776-.156-1.059-.438L.22 7.841A.745.745 0 0 1 0 7.31c0-.2.078-.389.22-.53a.744.744 0 0 1 1.06 0L12 17.499 22.72 6.78a.744.744 0 0 1 1.06 0 .744.744 0 0 1 0 1.06L13.06 18.56a1.487 1.487 0 0 1-1.06.439z',
+    search: 'M23.245 23.996a.743.743 0 0 1-.53-.22L16.2 17.26a9.824 9.824 0 0 1-2.553 1.579 9.766 9.766 0 0 1-7.51.069 9.745 9.745 0 0 1-5.359-5.262c-1.025-2.412-1.05-5.08-.069-7.51S3.558 1.802 5.97.777a9.744 9.744 0 0 1 7.51-.069 9.745 9.745 0 0 1 5.359 5.262 9.748 9.748 0 0 1 .069 7.51 9.807 9.807 0 0 1-1.649 2.718l6.517 6.518a.75.75 0 0 1-.531 1.28zM9.807 1.49a8.259 8.259 0 0 0-3.25.667 8.26 8.26 0 0 0-4.458 4.54 8.26 8.26 0 0 0 .058 6.362 8.26 8.26 0 0 0 4.54 4.458 8.259 8.259 0 0 0 6.362-.059 8.285 8.285 0 0 0 2.594-1.736.365.365 0 0 1 .077-.076 8.245 8.245 0 0 0 1.786-2.728 8.255 8.255 0 0 0-.059-6.362 8.257 8.257 0 0 0-4.54-4.458 8.28 8.28 0 0 0-3.11-.608z',
+    x: 'M19.5 20.25a.743.743 0 0 1-.53-.22L12 13.061l-6.97 6.97a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061L10.94 12 3.97 5.03c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22L12 10.94l6.97-6.97a.744.744 0 0 1 1.06 0c.142.141.22.33.22.53s-.078.389-.22.53L13.061 12l6.97 6.97a.75.75 0 0 1-.531 1.28z',
+    plus: 'M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z',
+    list: 'M8.25 4.498a.75.75 0 0 1 0-1.5h15a.75.75 0 0 1 0 1.5h-15zM8.25 13.498a.75.75 0 0 1 0-1.5h15a.75.75 0 0 1 0 1.5h-15zM8.25 22.498a.75.75 0 0 1 0-1.5h15a.75.75 0 0 1 0 1.5h-15zM1.5 5.998c-.827 0-1.5-.673-1.5-1.5v-3c0-.827.673-1.5 1.5-1.5h3c.827 0 1.5.673 1.5 1.5v3c0 .827-.673 1.5-1.5 1.5h-3zm0-1.5h3v-3h-3v3zM1.5 14.998c-.827 0-1.5-.673-1.5-1.5v-3c0-.827.673-1.5 1.5-1.5h3c.827 0 1.5.673 1.5 1.5v3c0 .827-4.5 1.5-4.5 1.5zm0-1.5h3v-3h-3v3zM1.5 23.998c-.827 0-1.5-.673-1.5-1.5v-3c0-.827.673-1.5 1.5-1.5h3c.827 0 1.5.673 1.5 1.5v3c0 .827-.673 1.5-1.5 1.5h-3zm0-1.5h3v-3h-3v3z',
+    tiles: 'M2.25 10.497A2.252 2.252 0 0 1 0 8.247v-6a2.252 2.252 0 0 1 2.25-2.25h6a2.252 2.252 0 0 1 2.25 2.25v6a2.252 2.252 0 0 1-2.25 2.25h-6zm0-9a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h6a.75.75 0 0 0 .75-.75v-6a.75.75 0 0 0-.75-.75h-6zM2.25 23.997A2.252 2.252 0 0 1 0 21.747v-6a2.252 2.252 0 0 1 2.25-2.25h6a2.252 2.252 0 0 1 2.25 2.25v6a2.252 2.252 0 0 1-2.25 2.25h-6zm0-9a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h6a.75.75 0 0 0 .75-.75v-6a.75.75 0 0 0-.75-.75h-6zM15.75 10.497a2.252 2.252 0 0 1-2.25-2.25v-6a2.252 2.252 0 0 1 2.25-2.25h6A2.252 2.252 0 0 1 24 2.247v6a2.252 2.252 0 0 1-2.25 2.25h-6zm0-9a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h6a.75.75 0 0 0 .75-.75v-6a.75.75 0 0 0-.75-.75h-6zM15.75 23.997a2.252 2.252 0 0 1-2.25-2.25v-6a2.252 2.252 0 0 1 2.25-2.25h6a2.252 2.252 0 0 1 2.25 2.25v6a2.252 2.252 0 0 1-2.25 2.25h-6zm0-9a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h6a.75.75 0 0 0 .75-.75v-6a.75.75 0 0 0-.75-.75h-6z',
+    pencil: 'M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275-1.129 4.406zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344l4.077 4.07zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762l4.071 4.07z',
+    expand: 'M23.25 7.498a.75.75 0 0 1-.75-.75V2.559l-3.97 3.97a.746.746 0 0 1-1.06-.001c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l3.97-3.97h-4.19a.75.75 0 0 1 0-1.5h6a.735.735 0 0 1 .293.06.75.75 0 0 1 .4.404l.01.026c.03.082.047.17.047.26v6a.75.75 0 0 1-.75.75zM.75 23.998a.755.755 0 0 1-.26-.047l-.022-.008A.754.754 0 0 1 0 23.248v-6a.75.75 0 0 1 1.5 0v4.189l3.97-3.97a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3.97 3.97h4.19a.75.75 0 0 1 0 1.5h-6zM.75 7.498a.75.75 0 0 1-.75-.75v-6A.74.74 0 0 1 .048.487L.055.466a.754.754 0 0 1 .41-.411L.49.045a.737.737 0 0 1 .26-.047h6a.75.75 0 0 1 0 1.5H2.561l3.97 3.97c.142.141.22.33.22.53s-.078.389-.22.53a.747.747 0 0 1-1.061 0L1.5 2.559v4.189a.75.75 0 0 1-.75.75zM17.25 23.998a.75.75 0 0 1 0-1.5h4.189l-3.97-3.97a.752.752 0 0 1 .53-1.281c.2 0 .389.078.53.22l3.97 3.97v-4.189a.75.75 0 0 1 1.501 0v6a.767.767 0 0 1-.046.258l-.006.017a.763.763 0 0 1-.412.419l-.026.01a.73.73 0 0 1-.259.047H17.25zM9 16.498c-.827 0-1.5-.673-1.5-1.5v-6c0-.827.673-1.5 1.5-1.5h6c.827 0 1.5.673 1.5 1.5v6c0 .827-.673 1.5-1.5 1.5H9zm0-1.5h6v-6H9v6z',
+    collapse: 'M17.25 7.498a.735.735 0 0 1-.261-.048l-.032-.012a.75.75 0 0 1-.4-.404l-.01-.026a.739.739 0 0 1-.047-.26v-6a.75.75 0 0 1 1.5 0v4.189l4.72-4.72a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061l-4.72 4.72h4.189a.75.75 0 0 1 0 1.5H17.25zM6.75 23.998a.75.75 0 0 1-.75-.75v-4.189l-4.72 4.72a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l4.72-4.72H.75a.75.75 0 0 1 0-1.5h6c.088 0 .175.016.26.047l.022.008a.756.756 0 0 1 .468.695v6a.75.75 0 0 1-.75.75zM23.25 23.998a.743.743 0 0 1-.53-.22L18 19.059v4.189a.75.75 0 0 1-1.5 0v-6c0-.087.016-.174.046-.258l.006-.017a.763.763 0 0 1 .412-.419l.026-.01a.733.733 0 0 1 .259-.047h6a.75.75 0 0 1 0 1.5H19.06l4.72 4.72a.752.752 0 0 1-.53 1.281zM.75 7.498a.75.75 0 0 1 0-1.5h4.189l-4.72-4.72A.746.746 0 0 1 .22.218c.141-.142.33-.22.53-.22s.389.078.53.22L6 4.938V.748a.75.75 0 0 1 1.5 0v6a.735.735 0 0 1-.048.261l-.007.021a.76.76 0 0 1-.695.468h-6zM9 16.498c-.827 0-1.5-.673-1.5-1.5v-6c0-.827.673-1.5 1.5-1.5h6c.827 0 1.5.673 1.5 1.5v6c0 .827-.673 1.5-1.5 1.5H9zm0-1.5h6v-6H9v6z',
+    eye: 'M11.8 19.5c-4.3 0-8.6-3-11.2-5.9-.8-.9-.8-2.3 0-3.2 2.6-2.8 6.9-5.9 11.2-5.9h.4c4.3 0 8.6 3 11.2 5.9.8.9.8 2.3 0 3.2-2.6 2.8-6.9 5.9-11.2 5.9h-.4zM11.9 6C8 6 4.1 8.8 1.7 11.4c-.3.3-.3.9 0 1.2C4.1 15.2 8 18 11.9 18h.2c3.9 0 7.8-2.8 10.1-5.4.3-.3.3-.9 0-1.2C19.9 8.8 16 6 12.1 6h-.2zm.1 10.5c-1.2 0-2.3-.5-3.2-1.3s-1.3-2-1.3-3.2c0-2.5 2-4.5 4.5-4.5 1.2 0 2.3.5 3.2 1.3.8.9 1.3 2 1.3 3.2 0 1.2-.5 2.3-1.3 3.2-.9.8-2 1.3-3.2 1.3zM12 9c-1.7 0-3 1.3-3 3 0 .8.3 1.6.9 2.1.6.6 1.3.9 2.1.9s1.6-.3 2.1-.9.9-1.3.9-2.1-.3-1.6-.9-2.1c-.5-.6-1.3-.9-2.1-.9z',
+    eyeStriked: 'M2.8 21.8c-.2 0-.4-.1-.5-.2-.2-.2-.3-.4-.3-.6 0-.2.1-.4.2-.5L21 2.5c.1-.1.3-.2.5-.2s.4.1.5.2c.1.1.2.3.2.5s-.1.4-.2.5l-18.8 18c0 .2-.2.3-.4.3zm9.2-1.6h-.1c-1 0-2.1-.2-3.1-.5-.4-.1-.6-.5-.5-.9.1-.3.4-.5.7-.5h.2c.9.3 1.8.4 2.7.4h.2c3.9 0 7.8-2.8 10.1-5.4.3-.3.3-.9 0-1.2-.9-1-1.9-1.9-3-2.7-.1 0-.2-.2-.2-.4s0-.4.1-.6c.1-.2.4-.3.6-.3.2 0 .3.1.4.1 1.2.8 2.2 1.8 3.2 2.9.8.9.8 2.3 0 3.2-2.6 2.8-6.9 5.9-11.2 5.9H12zM3.8 17c-.2 0-.3-.1-.5-.2-1-.7-1.9-1.6-2.7-2.5-.8-.9-.8-2.3 0-3.2 2.6-2.8 6.9-5.9 11.2-5.9h.2c.8 0 1.7.1 2.5.3.4.1.6.5.5.9.1.4-.2.6-.6.6h-.2c-.7-.2-1.4-.3-2.1-.3h-.2C8 6.8 4.1 9.5 1.7 12.1c-.3.3-.3.9 0 1.2.8.8 1.6 1.6 2.5 2.3.2.1.3.3.3.5s0 .4-.2.6c-.1.2-.3.3-.5.3zm4.4-3.5c-.4 0-.8-.3-.8-.8 0-1.2.5-2.3 1.3-3.2s2-1.3 3.2-1.3c.2 0 .4.2.4.4v.8c0 .1 0 .2-.1.3s-.1.1-.2.1c-.8 0-1.6.3-2.1.9-.6.5-.9 1.2-.9 2.1 0 .2-.1.4-.2.5-.2.1-.4.2-.6.2zm3.8 3.7c-.2 0-.4-.2-.4-.4V16c0-.1 0-.2.1-.3.1-.1.2-.1.3-.1.8 0 1.6-.3 2.1-.9.6-.6.9-1.3.9-2.1 0-.4.3-.8.8-.8s.8.3.8.8c0 1.2-.5 2.3-1.3 3.2-1 1-2.1 1.4-3.3 1.4z',
+    book: 'M12 23.999a.755.755 0 0 1-.548-.238c-.017-.017-2.491-2.398-10.212-2.494A1.26 1.26 0 0 1 0 20.025V4.249c0-.334.137-.659.375-.892.242-.232.557-.358.89-.358 5.718.073 8.778 1.302 10.258 2.199a6.773 6.773 0 0 1 1.572-2.664A8.513 8.513 0 0 1 17.071.055a1.346 1.346 0 0 1 1.1.153c.353.218.57.6.579 1.02v2.053A31.709 31.709 0 0 1 22.727 3 1.259 1.259 0 0 1 24 4.245v15.772a1.265 1.265 0 0 1-1.243 1.25c-7.724.096-10.193 2.478-10.217 2.502l-.031.03a.742.742 0 0 1-.509.2zM1.5 19.771c5.263.097 8.233 1.194 9.75 2.037V6.826c-.72-.546-3.417-2.201-9.75-2.323v15.268zm17.25-2.926a.751.751 0 0 1-.598.734 7.44 7.44 0 0 0-3.967 2.238 5.3 5.3 0 0 0-1.15 1.838c1.58-.81 4.502-1.794 9.464-1.885V4.502a30.64 30.64 0 0 0-3.75.292v12.051zm-6 2.334c.11-.135.225-.266.345-.39a8.92 8.92 0 0 1 4.155-2.533V1.569a7.055 7.055 0 0 0-3.057 1.986 5.343 5.343 0 0 0-1.443 2.997v12.627z',
+    serverSettings: 'M5.3 4.1c.6 0 1.1.5 1.1 1.1s-.5 1.2-1.1 1.2-1.2-.5-1.2-1.1.5-1.2 1.2-1.2zm0 9c.6 0 1.1.5 1.1 1.1s-.5 1.1-1.1 1.1-1.1-.5-1.1-1.1.4-1.1 1.1-1.1zm0 6.4c-2.9 0-5.2-2.4-5.2-5.2 0-1.9 1-3.6 2.5-4.5C1 8.8 0 7.1 0 5.3 0 2.4 2.4 0 5.3 0h12c1.4 0 2.7.5 3.7 1.5s1.5 2.3 1.5 3.7c0 1.3-.5 2.5-1.3 3.5-.1.2-.3.3-.6.3-.2 0-.4-.1-.5-.2-.2-.1-.2-.3-.3-.5s.1-.4.2-.5c.7-.8 1-1.6 1-2.6s-.4-1.9-1.1-2.7c-.7-.7-1.6-1.1-2.7-1.1h-12c-2.1 0-3.8 1.7-3.8 3.8S3.2 9 5.3 9h7.4c.4 0 .8.3.8.8s-.3.8-.8.8H5.3c-2.1 0-3.8 1.7-3.8 3.8S3.2 18 5.3 18h3c.4 0 .7.3.7.8s-.3.8-.8.8l-2.9-.1zM10.5 6c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h6.7c.4 0 .8.3.8.8s-.3.8-.7.8h-6.8zm6.8 12.8c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2 2.2 1 2.2 2.2-1 2.2-2.2 2.2zm0-3c-.4 0-.8.3-.8.7s.3.8.8.8.8-.3.8-.8-.4-.7-.8-.7zm0 8.2c-.2 0-.4 0-.6-.1-.7-.2-1.2-.7-1.4-1.4l-.4-1.4c0-.1-.1-.2-.2-.2h-.1l-1.5.3c-.2 0-.3.1-.5.1-.4 0-.8-.1-1.1-.3-.5-.3-.8-.8-.9-1.3-.2-.7 0-1.4.5-1.9l1-1.1c.1-.1.1-.2 0-.3l-1-1.1c-.4-.4-.6-.9-.6-1.5s.3-1.1.7-1.5c.4-.4.9-.6 1.4-.6.2 0 .3 0 .5.1l1.5.3h.1c.1 0 .2-.1.2-.2l.4-1.5c.2-.5.5-1 1-1.2.3-.2.6-.2 1-.2.2 0 .4 0 .6.1.7.2 1.2.7 1.4 1.4l.4 1.4c0 .1.1.2.2.2h.1l1.5-.3c.2 0 .3-.1.5-.1.4 0 .8.1 1.1.3.5.3.8.8.9 1.3.2.7 0 1.4-.5 1.9l-1 1.1c-.1.1-.1.2 0 .3l1 1.1c.4.4.6.9.6 1.5s-.3 1.1-.7 1.5c-.4.4-.9.6-1.4.6-.2 0-.3 0-.5-.1l-1.5-.3h-.1c-.1 0-.2.1-.2.2l-.4 1.4c-.2.5-.5 1-1 1.2-.4.2-.7.3-1 .3zm-2.7-4.6c.8 0 1.4.5 1.7 1.2l.4 1.5c.1.2.2.3.4.4h.2c.1 0 .2 0 .3-.1l.3-.3.4-1.5c.2-.7.9-1.2 1.7-1.2h.4l1.5.3h.1c.1 0 .3-.1.4-.2.1-.1.2-.3.2-.4 0-.2-.1-.3-.2-.4l-1-1.1c-.6-.7-.6-1.7 0-2.4l1-1.1c.1-.1.2-.3.1-.5-.1-.3-.3-.5-.6-.5h-.1l-1.5.3h-.4c-.8 0-1.4-.5-1.7-1.2l-.4-1.5c-.1-.2-.2-.3-.4-.4h-.2c-.1 0-.2 0-.3.1l-.3.3-.4 1.5c-.2.7-.9 1.2-1.7 1.2h-.4l-1.5-.3h-.1c-.1 0-.3.1-.4.2-.1.1-.2.3-.2.4 0 .2.1.3.2.4l1 1.1c.6.7.6 1.7 0 2.4l-1 1.1c-.1.2-.1.4-.1.6 0 .2.1.3.3.4.1.1.2.1.3.1h.1l1.5-.3c.1-.1.3-.1.4-.1z',
+    pin: 'M.75 23.999a.743.743 0 0 1-.53-.22c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l7.474-7.474-3.575-3.575a2.248 2.248 0 0 1-.588-2.16c.151-.582.52-1.07 1.039-1.374a8.266 8.266 0 0 1 5.564-1.002l3.877-6.094c.089-.139.192-.268.308-.383.424-.425.989-.659 1.59-.659s1.166.234 1.591.659L23.343 6.5a2.236 2.236 0 0 1 .605 2.079 2.238 2.238 0 0 1-.988 1.41l-6.092 3.877a8.257 8.257 0 0 1-1 5.562 2.234 2.234 0 0 1-1.942 1.114 2.239 2.239 0 0 1-1.593-.661l-3.576-3.577L1.28 23.78a.746.746 0 0 1-.53.219zM8.72 8.513c-1.186 0-2.36.318-3.394.919a.746.746 0 0 0-.148 1.175l8.214 8.214c.142.142.331.22.532.22a.743.743 0 0 0 .646-.369 6.737 6.737 0 0 0 .728-4.985.75.75 0 0 1 .326-.808l6.529-4.155a.748.748 0 0 0 .128-1.163L16.44 1.718a.745.745 0 0 0-.531-.22.743.743 0 0 0-.633.348l-4.155 6.53a.746.746 0 0 1-.808.326 6.809 6.809 0 0 0-1.593-.189z',
+    pinFilled: 'M.8 24c-.2 0-.4-.1-.5-.2-.2-.2-.3-.4-.3-.6s.1-.4.2-.5l7.5-7.5-3.6-3.6c-.1-.1-.3-.3-.4-.5-.3-.5-.4-1.1-.2-1.7.2-.6.5-1.1 1-1.4 1.3-.6 2.8-1 4.2-1 .5 0 .9 0 1.4.1L14 1c.1-.1.2-.3.3-.4.4-.4 1-.7 1.6-.7s1.2.2 1.6.7l5.8 5.8c.1.1.2.2.3.4.4.6.5 1.2.3 1.8-.1.6-.5 1.1-1 1.4l-6.1 3.9c.3 1.9 0 3.9-1 5.6-.1.2-.2.3-.4.5-.4.4-1 .7-1.6.7-.6 0-1.2-.2-1.6-.7l-3.6-3.6-7.5 7.5s-.2.1-.3.1z',
+    trash: 'M6.6 23.2c-1.2 0-2.1-.9-2.2-2.1L3.1 5.2H1.5c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h6V3c0-1.2 1-2.2 2.2-2.2h4.5c1.2 0 2.2 1 2.2 2.2v.8h6c.4 0 .8.3.8.8s-.3.8-.8.8h-1.6l-1.3 15.9c-.1 1.2-1.1 2.1-2.2 2.1H6.6zm-.7-2.1c0 .4.4.7.7.7h10.7c.4 0 .7-.3.7-.7l1.3-15.8H4.6l1.3 15.8zM15 3.8V3c0-.4-.3-.8-.8-.8H9.8c-.5 0-.8.4-.8.8v.8h6zM9.8 18c-.5 0-.8-.3-.8-.8V9.8c0-.5.3-.8.8-.8s.8.3.8.8v7.5c-.1.4-.4.7-.8.7zm4.4 0c-.4 0-.8-.3-.8-.8V9.8c0-.4.3-.8.8-.8s.8.3.8.8v7.5c0 .4-.3.7-.8.7z',
+    navigationMenuVertical: 'M11.987 24.003c-1.861 0-3.375-1.514-3.375-3.375s1.514-3.375 3.375-3.375 3.375 1.514 3.375 3.375-1.514 3.375-3.375 3.375zm0-5.25c-1.034 0-1.875.841-1.875 1.875s.841 1.875 1.875 1.875 1.875-.841 1.875-1.875-.841-1.875-1.875-1.875zM11.987 6.753c-1.861 0-3.375-1.514-3.375-3.375S10.126.003 11.987.003s3.375 1.514 3.375 3.375-1.514 3.375-3.375 3.375zm0-5.25c-1.034 0-1.875.841-1.875 1.875s.841 1.875 1.875 1.875 1.875-.841 1.875-1.875-.841-1.875-1.875-1.875zM11.987 15.378a3.379 3.379 0 0 1-3.375-3.375c0-1.861 1.514-3.375 3.375-3.375s3.375 1.514 3.375 3.375a3.379 3.379 0 0 1-3.375 3.375zm0-5.25c-1.034 0-1.875.841-1.875 1.875s.841 1.875 1.875 1.875 1.875-.841 1.875-1.875-.841-1.875-1.875-1.875z',
+    copy: 'M4.5 24a2.252 2.252 0 0 1-2.25-2.25V8.25A2.252 2.252 0 0 1 4.5 6h2.25V2.25A2.252 2.252 0 0 1 9 0h7.629c.601 0 1.165.234 1.59.658l2.872 2.872c.425.425.659.99.659 1.59v10.63A2.252 2.252 0 0 1 19.5 18h-2.25v3.75A2.252 2.252 0 0 1 15 24H4.5zm0-16.5a.75.75 0 0 0-.75.75v13.5c0 .414.336.75.75.75H15a.75.75 0 0 0 .75-.75V11.121c0-.197-.08-.39-.219-.53l-2.872-2.872a.748.748 0 0 0-.53-.219H4.5zm15 9a.75.75 0 0 0 .75-.75V5.121c0-.197-.08-.39-.219-.53l-2.872-2.872a.748.748 0 0 0-.53-.219H9a.75.75 0 0 0-.75.75V6h3.879c.6 0 1.165.234 1.59.658l2.872 2.872c.425.425.659.99.659 1.59v5.38h2.25z',
+    refresh: 'M12.723 22.497c-1.385 0-2.737-.271-4.019-.804a.747.747 0 0 1-.404-.98.748.748 0 0 1 .98-.405 8.924 8.924 0 0 0 3.445.689 8.935 8.935 0 0 0 6.204-2.489 8.91 8.91 0 0 0 2.762-6.283 8.911 8.911 0 0 0-2.482-6.399 8.892 8.892 0 0 0-6.483-2.765 8.921 8.921 0 0 0-6.199 2.485 8.937 8.937 0 0 0-2.746 5.833c-.14 2 .375 3.948 1.462 5.589v-2.72a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-.238a.364.364 0 0 1-.096 0H1.493a.75.75 0 0 1 0-1.5h2.636a10.467 10.467 0 0 1-1.822-6.964l.007-.076.019-.197.006-.045A10.54 10.54 0 0 1 5.497 4.42a10.465 10.465 0 0 1 7.264-2.913c1.385 0 2.738.269 4.019.8a.74.74 0 0 1 .26.18 10.382 10.382 0 0 1 3.253 2.301c3.991 4.171 3.844 10.812-.327 14.803a10.43 10.43 0 0 1-7.241 2.905h-.002z',
+    resizeHorizontal: 'M5.2 2.3c0-.4.3-.8.8-.8s.8.3.8.8v19.5c0 .4-.3.8-.8.8s-.8-.3-.8-.8V2.3zm6 0c0-.4.3-.8.8-.8s.8.3.8.8v19.5c0 .4-.3.8-.8.8s-.8-.3-.8-.8V2.3zm6 0c0-.4.3-.8.8-.8s.8.3.8.8v19.5c0 .4-.3.8-.8.8s-.8-.3-.8-.8V2.3z',
+    info: 'M14.6 23.5c-2.4 0-4.3-1.9-4.3-4.3v-8.5H8.2c-.6 0-1.1-.5-1.1-1.1s.5-1.1 1.1-1.1h1.6c1.5 0 2.7 1.2 2.7 2.7v8c0 1.2.9 2.1 2.1 2.1h1.6c.6 0 1.1.5 1.1 1.1s-.5 1.1-1.1 1.1h-1.6zm-4-19.2c-1 0-1.9-.9-1.9-1.9S9.6.5 10.6.5s1.9.9 1.9 1.9-.9 1.9-1.9 1.9z',
+    sortAZ: 'M8.8 0h-7C.8 0 0 .8 0 1.8v9h1.5v-4H9v3.9h1.5v-9C10.5.8 9.7 0 8.8 0zM1.5 5.4V1.8c0-.1.1-.2.2-.2h7c.2-.1.3 0 .3.2v3.6H1.5zm8.8 17.1V24H1.6c-.4 0-.9-.1-1.1-.4-.3-.3-.5-1 0-1.6l7.2-7.3H0v-1.5h8.5c.4 0 .8.2 1.1.4.5.4.5 1-.1 1.6l-7.2 7.3h8zm8.4-1.3h-.1c-.4 0-.7-.2-.9-.4l-4-4.3c-.1-.1-.2-.3-.2-.5s.1-.4.2-.5c.1-.1.3-.2.5-.2s.4.1.5.2l3.2 3.5V4c0-.4.3-.8.8-.8s.8.3.8.8v14.9l3.2-3.4c.1-.2.3-.2.5-.2s.4.1.5.2c.1.1.2.3.2.5s-.1.4-.2.5l-4 4.3c-.3.3-.6.4-.9.4h-.1z',
+    sortZA: 'M8.8 13.2h-7C.8 13.2 0 14 0 15v9h1.5v-3.9H9V24h1.5v-9c0-1-.8-1.8-1.7-1.8zm-7.3 5.4V15c0-.1.1-.2.2-.2h7c.2 0 .3.1.3.2v3.6H1.5zm8.8-9.4v1.5H1.6c-.4 0-.9-.1-1.1-.4-.3-.2-.5-.9 0-1.5l7.2-7.3H0V0h8.5c.4 0 .8.2 1.1.4.5.4.5 1-.1 1.6L2.4 9.2h7.9zm8.4 12h-.1c-.4 0-.7-.2-.9-.4l-4-4.3c-.1-.1-.2-.3-.2-.5s.1-.4.2-.5c.1-.1.3-.2.5-.2s.4.1.5.2l3.2 3.5V4c0-.4.3-.8.8-.8s.8.3.8.8v14.9l3.2-3.4c.1-.2.3-.2.5-.2s.4.1.5.2c.1.1.2.3.2.5s-.1.4-.2.5l-4 4.3c-.3.3-.6.4-.9.4h-.1z'
+  };
+
+  $: d = icons[icon];
+
+  $: if(!d){
+    console.warn(`There is no icon named %c${icon} %cavailable. Not rendering anything.`, 'font-weight: bold', 'font-weight: normal');
+  }
+
+</script>
+
+
+
+
+{#if icon}
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="{d}" />
+  </svg>
+{/if}

package/gui/v1/src/lib/ui/JSONTree.svelte

@@ -0,0 +1,77 @@
+<!-- ================================================================== -->
+<script>
+
+// imports
+// ------------------------------------------------------------------------
+import JSONTree from 'svelte-json-tree';
+
+
+// properties
+// ------------------------------------------------------------------------
+// JSON to show as a tree (object)
+export let value;
+// if you want to output the full value instead of trimming long lines (bool)
+export let showFullLines = false;
+// how many lines to expand by default (int)
+export let expandedLines = 2;
+
+</script>
+
+
+<style>
+
+div :global(.root) {
+  display: none;
+}
+
+div :global(.arrow) {
+  top: 2px;
+  cursor: pointer;
+}
+
+div :global(.indent) {
+  max-width: 600px;
+  overflow: hidden;
+
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+div.showFullLines :global(.indent) {
+  max-width: auto;
+  overflow: visible;
+
+  white-space: normal;
+  word-wrap: break-word;
+  text-overflow: unset;
+}
+
+div :global(div > ul) {
+  margin-left: 0;
+}
+
+div :global(div > ul > ul > .indent) {
+  padding-left: 0;
+}
+
+</style>
+
+
+
+<!-- ================================================================== -->
+<div class:showFullLines>
+
+  <JSONTree
+    value={value}
+    defaultExpandedLevel={expandedLines}
+    --json-tree-font-size="16px"
+    --json-tree-li-line-height="1.7"
+    --json-tree-font-family="monospace"
+    --json-tree-string-color="var(--color-text)"
+    --json-tree-label-color="var(--color-interaction)"
+    --json-tree-property-color="var(--color-interaction)"
+    --json-tree-number-color="var(--color-text-secondary)"
+    --json-tree-boolean-color="var(--color-text-secondary)"
+  />
+
+</div>

package/gui/v1/src/lib/ui/Notifications.svelte

@@ -0,0 +1,111 @@
+<!-- ================================================================== -->
+<script>
+
+// imports
+// ------------------------------------------------------------------------
+import { fade } from 'svelte/transition';
+import { afterUpdate } from 'svelte';
+import { state } from '$lib/state';
+
+import Icon from '$lib/ui/Icon.svelte';
+import ConnectionIndicator from '$lib/ui/ConnectionIndicator.svelte';
+
+let height = 0;
+
+afterUpdate(() => {
+  $state.notifications.forEach(notification => {
+    if(notification.type === 'success' && !notification.timeout){
+      notification.timeout = setTimeout(() => state.notification.remove(notification.id), 7000);
+    }
+  });
+});
+
+</script>
+
+
+<!-- ================================================================== -->
+<style>
+
+.container {
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: fixed;
+  top: 100%;
+
+  translate: 0 var(--height);
+
+  transition: translate .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.notification {
+  margin-block-start: .5rem;
+  padding: .7rem 2rem .8rem 1.5rem;
+  display: flex;
+  gap: 1em;
+  align-items: center;
+  position: relative;
+
+  border-radius: 1rem;
+
+  color: var(--color-text-inverted);
+}
+
+  .success {
+    background-color: var(--color-confirmation);
+  }
+
+  .error {
+    background-color: var(--color-danger);
+  }
+
+  .disabled {
+    display: none;
+  }
+
+
+button {
+  padding: .6em;
+  margin: -.6em -1.5em -.6em 0;
+
+  cursor: pointer;
+
+  line-height: 0;
+}
+
+button:hover {
+  color: var(--color-highlight);
+}
+
+</style>
+
+
+
+<!-- ================================================================== -->
+<div class="container" bind:clientHeight={height} aria-live="assertive" style="--height: -{height}px">
+
+  {#each $state.notifications as notification (notification.id)}
+    <div
+      class="notification"
+      class:success={notification.type === 'success'}
+      class:error={notification.type === 'error'}
+      transition:fade={{ duration: 100 }}
+    >
+      {notification.message}
+
+      <button on:click={() => state.notification.remove(notification.id)}>
+        <Icon icon="x" size="10" />
+      </button>
+    </div>
+  {/each}
+
+  <div
+    class="notification error"
+    class:disabled={$state.online !== false}
+    transition:fade={{ duration: 100 }}
+  >
+    <ConnectionIndicator />
+  </div>
+
+</div>

package/gui/v1/src/lib/ui/forms/Toggle.svelte

@@ -0,0 +1,114 @@
+<!-- ================================================================== -->
+<script>
+
+export let name;
+export let options = [];
+export let checked = options[0].value;
+
+let choosen = (' ' + checked).slice(1);
+
+</script>
+
+
+
+<!-- ================================================================== -->
+<style>
+
+.toggle {
+  display: flex;
+  align-items: center;
+  gap: .5em;
+}
+
+.toggle input[type="radio"] {
+  position: absolute;
+  left: -100vw;
+}
+
+.toggle label {
+  cursor: pointer;
+
+  transition: opacity .1s linear;
+}
+
+.toggle .switcher {
+  width: 2rem;
+  height: .8rem;
+  display: inline-block;
+  position: relative;
+  top: 2px;
+
+  border: 1px solid var(--color-frame);
+  border-radius: 1rem;
+}
+
+.toggle .switcher:before {
+  width: 1rem;
+  position: absolute;
+  left: 1px;
+  top: 1px;
+  bottom: 1px;
+
+  border-radius: 1rem;
+  background-color: var(--color-frame);
+
+  content: '';
+
+  transition: translate .2s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+
+  .toggle input[type="radio"]:checked .switcher:before {
+    left: 1px;
+  }
+
+  .toggle input[type="radio"]:not(:checked) + label {
+    opacity: .5;
+  }
+
+  .toggle:has(.switcher + input[type="radio"]:checked) .switcher:before {
+    translate: .85em 0;
+  }
+
+  /* focus state */
+  .toggle:has(input[type="radio"]:focus-visible) .switcher {
+    border-color: var(--color-interaction-hover);
+  }
+
+  .toggle:has(input[type="radio"]:focus-visible) .switcher:before {
+    background-color: var(--color-interaction-hover);
+  }
+
+</style>
+
+
+
+<!-- ================================================================== -->
+<div class="toggle">
+
+  {#if options.length === 2}
+
+    <input
+      type="radio"
+      name={name}
+      value={options[0].value}
+      bind:group={choosen}
+      id="toggle-{name}-{options[0].value}"
+      on:keydown={event => { if(event.code === 'Space'){ event.preventDefault(); choosen = choosen === options[0].value ? options[1].value : options[0].value } } }
+    >
+    <label for="toggle-{name}-{options[0].value}">{options[0].label}</label>
+
+    <label for="toggle-{name}-{choosen === options[0].value ? options[1].value : options[0].value}" class="switcher"></label>
+
+    <input
+      type="radio"
+      name={name}
+      value={options[1].value}
+      bind:group={choosen}
+      id="toggle-{name}-{options[1].value}"
+      on:keydown={event => { if(event.code === 'Space'){ event.preventDefault(); choosen = choosen === options[0].value ? options[1].value : options[0].value } } }
+    >
+    <label for="toggle-{name}-{options[1].value}">{options[1].label}</label>
+
+  {/if}
+
+</div>

package/gui/v1/src/routes/+layout.svelte

@@ -0,0 +1,25 @@
+<!-- ================================================================== -->
+<script>
+
+// imports
+// ------------------------------------------------------------------------
+import '../style/reset.css';
+import '../style/config.css';
+import '../style/general.css';
+import '../style/button.css';
+import '../style/forms.css';
+
+import Header from '$lib/ui/Header.svelte';
+
+import Notifications from '$lib/ui/Notifications.svelte';
+
+</script>
+
+
+
+<!-- ================================================================== -->
+<Header />
+
+<slot></slot>
+
+<Notifications />