erudit 2.0.0-dev.7

package/.nuxtrc

@@ -0,0 +1 @@
+typescript.includeWorkspace = true

package/app/app.vue

@@ -0,0 +1,172 @@
+<script lang="ts" setup>
+import { brandLogotype, brandColorLogotype } from 'erudit-cog/utils/brand';
+
+import eruditConfig from '#erudit/config';
+import { version } from '@erudit/package.json';
+import { AsideType } from '@app/scripts/aside';
+import { createOgImageTags, defaultOgImage } from '@app/scripts/og';
+
+const route = useRoute();
+const favicon = useFavicon();
+const siteUrl = useSiteUrl();
+const pageUrl = usePageUrl();
+const baseUrlPath = useBaseUrlPath();
+
+const faviconHref = computed(() => {
+    const href = baseUrlPath(favicon.value);
+
+    setTimeout(() => {
+        if (import.meta.client)
+            document
+                .querySelector('link[rel="icon"]')
+                ?.setAttribute('href', href); // Force update favicon
+    }, 200);
+
+    return href;
+});
+
+const phrase = await usePhrases('site_info_title');
+
+useHead({
+    htmlAttrs: {
+        lang: eruditConfig.language || 'en',
+        style: eruditConfig.debug?.slowTransition
+            ? `--transitionSpeed: .5s`
+            : null,
+    },
+    link: [
+        { rel: 'icon', href: faviconHref },
+        { rel: 'canonical', href: pageUrl },
+    ],
+    script: [
+        {
+            key: 'immediate-js',
+            tagPriority: 'critical',
+            innerHTML: (await import('@app/scripts/_immediate.js?raw')).default,
+        },
+    ],
+    style: [
+        {
+            key: 'immediate-css',
+            tagPriority: 'critical',
+            innerHTML: (await import('$/_immediate.css?raw')).default,
+        },
+    ],
+    meta: [...createOgImageTags(siteUrl, defaultOgImage)],
+});
+
+useSeoMeta({
+    ogUrl: usePageUrl(),
+    ogSiteName:
+        eruditConfig.seo?.title ||
+        eruditConfig.site?.title ||
+        phrase.site_info_title,
+});
+
+// @ts-ignore
+if (!eruditConfig?.repository?.sharedUrl) delete majorPanes.language;
+
+const { activePane } = useMajorPane();
+
+//
+// Swtiching major pane to match the new route
+//
+
+watch(route, () => {
+    if (route.path === '/') return (activePane.value = 'index');
+
+    const pathType = route.path.split('/')[1];
+    if (['book', 'group', 'article', 'summary', 'practice'].includes(pathType!))
+        return (activePane.value = 'index');
+
+    return (activePane.value = 'pages');
+});
+
+if (import.meta.client) {
+    //
+    // Theme Switch Watcher
+    //
+
+    const { theme, binaryTheme } = useTheme();
+
+    watch(theme, (newTheme) => {
+        localStorage.setItem('theme', newTheme);
+        document.documentElement.setAttribute('data-theme', binaryTheme.value);
+    });
+
+    //
+    // Welcome
+    //
+
+    document.documentElement.before(document.createComment(brandLogotype));
+    const emojies = [
+        '😂',
+        '❤️',
+        '🤣',
+        '🎉',
+        '🔥',
+        '💖',
+        '👀',
+        '✨',
+        '💗',
+        '💚',
+        '💙',
+        '🎁',
+        '🌈',
+    ];
+    const emoji = emojies[Math.floor(Math.random() * emojies.length)];
+    console.log(
+        brandColorLogotype +
+            `\nv${version} ${emoji} %cBeating heart of modern educational sites!\x1B[m\n\nLearn more: https://github.com/Gwynerva/erudit\n `,
+        'font-style: italic; color: color-mix(in srgb, currentColor, transparent 50%)',
+    );
+}
+</script>
+
+<template>
+    <SiteAside :type="AsideType.Major"><AsideMajor /></SiteAside>
+    <SiteAside :type="AsideType.Minor"><AsideMinor /></SiteAside>
+
+    <div :class="$style.mainContainer">
+        <div><!-- Phantom aside major --></div>
+        <SiteMain><NuxtPage /></SiteMain>
+        <div><!-- Phantom aside minor --></div>
+    </div>
+</template>
+
+<style lang="scss">
+@use '$/normalize';
+@use '$/app';
+</style>
+
+<style lang="scss" module>
+@use '$/def/bp';
+@use '$/def/z';
+
+.mainContainer {
+    --w_asideMajor: 0;
+    --w_asideMinor: 0;
+    --w_main: minmax(0, 1fr);
+
+    position: relative;
+    z-index: z.$main;
+
+    display: grid;
+    grid-template-columns: var(--w_asideMajor) var(--w_main) var(--w_asideMinor);
+
+    margin: auto;
+    max-width: calc(2 * var(--wAside) + var(--wMainMax));
+
+    @include transition(grid);
+
+    @include bp.above('aside1') {
+        --w_asideMajor: var(--wAside);
+        --w_asideMinor: 0;
+    }
+
+    @include bp.above('aside2') {
+        --w_asideMajor: var(--wAside);
+        --w_asideMinor: var(--wAside);
+    }
+}
+</style>

package/app/assets/icons/alert.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M1.4,22.3c-.2,0-.4,0-.6-.2-.2-.1-.3-.2-.4-.4s-.1-.4-.2-.6,0-.4.2-.6L11,2.3c.1-.2.3-.3.4-.4s.4-.1.6-.1.4,0,.6.1.3.2.4.4l10.6,18.3c.1.2.2.4.2.6s0,.4-.2.6-.2.3-.4.4c-.2.1-.4.2-.6.2H1.4ZM3.4,20h17.3L12,5.1,3.4,20ZM12,18.9c.3,0,.6-.1.8-.3.2-.2.3-.5.3-.8s-.1-.6-.3-.8c-.2-.2-.5-.3-.8-.3s-.6.1-.8.3-.3.5-.3.8.1.6.3.8c.2.2.5.3.8.3ZM12,15.4c.3,0,.6-.1.8-.3.2-.2.3-.5.3-.8v-3.4c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3s-.6.1-.8.3-.3.5-.3.8v3.4c0,.3.1.6.3.8s.5.3.8.3Z"/>
+</svg>

package/app/assets/icons/angle-right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 246 512">
+    <path d="M225.7,233.4c12.5,12.5,12.5,32.8,0,45.3l-160,160c-12.5,12.5-32.8,12.5-45.3,0s-12.5-32.8,0-45.3l137.4-137.4L20.4,118.6c-12.5-12.5-12.5-32.8,0-45.3s32.8-12.5,45.3,0l160,160h-.1Z"/>
+</svg>

package/app/assets/icons/arrow-in-text.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M10.2,17.6h5v-2.5h-5v2.5ZM10.2,12.6h8.7v-2.5h-8.7v2.5ZM6.5,7.7h12.4v-2.5H6.5v2.5ZM6,23.8c-1.6,0-3-.6-4.2-1.7S.1,19.5.1,17.9s.3-2.2.9-3.2,1.4-1.6,2.4-2.1H.3v-2.5h7.5v7.5h-2.5v-3c-.8.2-1.4.6-1.9,1.2s-.7,1.3-.7,2.1.3,1.8,1,2.4,1.5,1,2.4,1v2.5ZM10.2,22.6v-2.5h11.2V2.7H4v5H1.5V2.7c0-.7.2-1.3.7-1.8.5-.5,1.1-.7,1.8-.7h17.4c.7,0,1.3.2,1.8.7s.7,1.1.7,1.8v17.4c0,.7-.2,1.3-.7,1.8-.5.5-1.1.7-1.8.7h-11.2Z"/>
+</svg>

package/app/assets/icons/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" />
+</svg>

package/app/assets/icons/arrow-up-to-right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M334.5,430c8.8,3.8,19,2,26-4.6l144-136c4.8-4.5,7.5-10.8,7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6-8.8,3.8-14.5,12.5-14.5,22v88h-192c-17.7,0-32-14.3-32-32v-80c0-17.7-14.3-32-32-32h-32C14.3,80,0,94.3,0,112v80c0,70.7,57.3,128,128,128h192s0,88,0,88c0,9.6,5.7,18.2,14.5,22Z"/>
+</svg>

package/app/assets/icons/aside-open.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
+    <path d="M500-640v320l160-160-160-160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm120-80v-560H200v560h120Zm80 0h360v-560H400v560Zm-80 0H200h120Z"/>
+</svg>

package/app/assets/icons/asterisk.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M208 32c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32l0 140.9 122-70.4c15.3-8.8 34.9-3.6 43.7 11.7l16 27.7c8.8 15.3 3.6 34.9-11.7 43.7L352 256l122 70.4c15.3 8.8 20.6 28.4 11.7 43.7l-16 27.7c-8.8 15.3-28.4 20.6-43.7 11.7L304 339.1 304 480c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-140.9L86 409.6c-15.3 8.8-34.9 3.6-43.7-11.7l-16-27.7c-8.8-15.3-3.6-34.9 11.7-43.7L160 256 38 185.6c-15.3-8.8-20.5-28.4-11.7-43.7l16-27.7C51.1 98.8 70.7 93.6 86 102.4l122 70.4L208 32z" />
+</svg>

package/app/assets/icons/book-question.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M21.6,18V0H6.6c-1.2,0-2.2.4-3,1.2s-1.2,1.8-1.2,3v15.6c0,1.2.4,2.2,1.2,3s1.8,1.2,3,1.2h15v-2.4c-.5,0-.9-.2-1.3-.5-.3-.3-.5-.8-.5-1.3s.2-.9.5-1.3c.3-.4.8-.5,1.3-.5ZM17.5,20.7c0,.3.2.6.3.9H6.6c-.5,0-.9-.2-1.3-.5-.3-.3-.5-.8-.5-1.3s.2-.9.5-1.3c.3-.4.8-.5,1.3-.5h11.2c-.1.3-.2.6-.3.9s0,.6,0,.9,0,.7.1.9ZM19.2,15.6H6.6c-.3,0-.7,0-.9,0-.3,0-.6.2-.9.3V4.2c0-.5.2-.9.5-1.3.3-.3.8-.5,1.3-.5h12.6v13.2ZM13.1,10.9h-2.6v-.3c0-.4,0-.8.1-1.1s.2-.5.4-.7c.2-.2.6-.6,1.3-1.2.4-.3.5-.6.5-.8s0-.4-.2-.6c-.1-.1-.4-.2-.7-.2s-.6.1-.8.3c-.2.2-.3.6-.4,1.1l-2.6-.3c0-1,.4-1.7,1-2.3.6-.6,1.5-.9,2.8-.9s1.8.2,2.4.6c.8.6,1.2,1.3,1.2,2.2s-.1.8-.3,1.1c-.2.4-.6.8-1.3,1.3-.5.4-.7.6-.9.9-.1.2-.2.5-.2.9ZM10.4,11.6h2.7v2.4h-2.7v-2.4Z"/>
+</svg>

package/app/assets/icons/book.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <path d="M96 0C43 0 0 43 0 96L0 416c0 53 43 96 96 96l288 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-64c17.7 0 32-14.3 32-32l0-320c0-17.7-14.3-32-32-32L384 0 96 0zm0 384l256 0 0 64L96 448c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16zm16 48l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z" />
+</svg>

package/app/assets/icons/bug.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M256 0c53 0 96 43 96 96l0 3.6c0 15.7-12.7 28.4-28.4 28.4l-135.1 0c-15.7 0-28.4-12.7-28.4-28.4l0-3.6c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7 .7 1.3 1.4 1.9 2.1c14.2-7.3 30.4-11.4 47.5-11.4l112 0c17.1 0 33.2 4.1 47.5 11.4c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7 .7-1.4 1.3-2.1 1.9c6.2 12 10.1 25.3 11.1 39.5l64.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0c0 24.6-5.5 47.8-15.4 68.6c2.2 1.3 4.2 2.9 6 4.8l64 64c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-63.1-63.1c-24.5 21.8-55.8 36.2-90.3 39.6L272 240c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 239.2c-34.5-3.4-65.8-17.8-90.3-39.6L86.6 502.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l64-64c1.9-1.9 3.9-3.4 6-4.8C101.5 367.8 96 344.6 96 320l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64.3 0c1.1-14.1 5-27.5 11.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3z" />
+</svg>

package/app/assets/icons/chip.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M8.1,15.9v-7.9h7.9v7.9h-7.9ZM10.7,13.3h2.6v-2.6h-2.6v2.6ZM8.1,23.8v-2.6h-2.6c-.7,0-1.3-.3-1.9-.8s-.8-1.1-.8-1.9v-2.6H.2v-2.6h2.6v-2.6H.2v-2.6h2.6v-2.6c0-.7.3-1.3.8-1.9s1.1-.8,1.9-.8h2.6V.2h2.6v2.6h2.6V.2h2.6v2.6h2.6c.7,0,1.3.3,1.9.8s.8,1.1.8,1.9v2.6h2.6v2.6h-2.6v2.6h2.6v2.6h-2.6v2.6c0,.7-.3,1.3-.8,1.9s-1.1.8-1.9.8h-2.6v2.6h-2.6v-2.6h-2.6v2.6h-2.6ZM18.6,18.6V5.4H5.4v13.1h13.1Z"/>
+</svg>

package/app/assets/icons/circle-help.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M11.9,19.1c.4,0,.8-.1,1-.4.3-.3.4-.6.4-1s-.1-.8-.4-1c-.3-.3-.6-.4-1-.4s-.8.1-1,.4-.4.6-.4,1,.1.8.4,1c.3.3.6.4,1,.4ZM10.9,14.5h2.2c0-.6,0-1.2.2-1.5s.6-.9,1.3-1.5c.5-.5.9-1,1.2-1.5s.4-1,.4-1.7c0-1.1-.4-1.9-1.2-2.5s-1.8-.9-2.9-.9-2,.3-2.7.9-1.2,1.3-1.5,2.1l1.9.8c0-.4.3-.7.7-1.1s.9-.6,1.6-.6,1.1.2,1.4.5.5.7.5,1.1-.1.8-.4,1.1-.5.7-.9,1c-.9.8-1.4,1.3-1.6,1.7s-.3,1.1-.3,2.1ZM12,23.8c-1.6,0-3.2-.3-4.6-.9s-2.7-1.5-3.7-2.5-1.9-2.3-2.5-3.7S.2,13.6.2,12s.3-3.2.9-4.6,1.5-2.7,2.5-3.7,2.3-1.9,3.7-2.5S10.4.2,12,.2s3.2.3,4.6.9,2.7,1.5,3.7,2.5,1.9,2.3,2.5,3.7.9,3,.9,4.6-.3,3.2-.9,4.6-1.5,2.7-2.5,3.7-2.3,1.9-3.7,2.5-3,.9-4.6.9ZM12,21.4c2.6,0,4.9-.9,6.7-2.7s2.7-4.1,2.7-6.7-.9-4.9-2.7-6.7-4.1-2.7-6.7-2.7-4.9.9-6.7,2.7-2.7,4.1-2.7,6.7.9,4.9,2.7,6.7,4.1,2.7,6.7,2.7Z"/>
+</svg>

package/app/assets/icons/construction.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4l54.1 0 109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109 0-54.1c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7L352 176c-8.8 0-16-7.2-16-16l0-57.4c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z" />
+</svg>

package/app/assets/icons/cross.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 384 512">
+    <path d="M370.8,130.9c14.8-14.8,14.8-38.9,0-53.8s-38.9-14.8-53.8,0l-125,125.1-125.1-125c-14.8-14.8-38.9-14.8-53.8,0s-14.8,38.9,0,53.8l125.1,125L13.2,381.1c-14.8,14.8-14.8,38.9,0,53.8s38.9,14.8,53.8,0l125-125.1,125.1,125c14.8,14.8,38.9,14.8,53.8,0s14.8-38.9,0-53.8l-125.1-125,125-125.1Z"/>
+</svg>

package/app/assets/icons/draw.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
+    <path d="M1.6,23v-5.2L17.7,1.8c.2-.2.5-.4.8-.5s.6-.2.9-.2.6,0,.9.2.6.3.8.5l1.7,1.7c.2.2.4.5.5.8s.2.6.2.9,0,.6-.2.9-.3.6-.5.8L6.8,23H1.6ZM19.5,6.8l1.6-1.6-1.7-1.7-1.6,1.6,1.7,1.7ZM13.8,23c1.5,0,2.9-.4,4.2-1.1s1.9-1.8,1.9-3.1-.2-1.4-.6-1.9-.9-1-1.6-1.4l-1.8,1.8c.5.2.8.4,1.1.7s.4.5.4.8c0,.5-.4.9-1.1,1.3s-1.6.6-2.5.6-.6.1-.9.4-.4.5-.4.9.1.6.4.9c.2.2.5.4.9.4ZM2.3,13.6l1.8-1.8c-.4-.2-.7-.3-1-.5s-.4-.4-.4-.5.2-.5.5-.7,1.1-.6,2.3-1.1c1.8-.8,3-1.5,3.6-2.1s.9-1.3.9-2.1-.4-2-1.3-2.7-2.1-1-3.5-1-1.7.2-2.5.5-1.3.7-1.7,1.2c-.2.3-.3.6-.3.9s.2.6.5.8c.3.2.6.3.9.3s.6-.2.8-.4c.3-.3.6-.5.9-.6s.8-.2,1.3-.2c.8,0,1.4.1,1.8.4s.6.5.6.9-.2.5-.5.8-1.2.6-2.5,1.2c-1.6.7-2.8,1.4-3.4,1.9s-.9,1.3-.9,2.1.2,1.2.5,1.7c.3.5.8.9,1.4,1.2Z"/>
+</svg>

package/app/assets/icons/ellipsis-vertical.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 128 512">
+    <path d="M64,368.2c-33.4,0-60.4,27-60.4,60.4s27,60.4,60.4,60.4,60.4-27,60.4-60.4-27-60.4-60.4-60.4ZM64,195.6c-33.4,0-60.4,27-60.4,60.4s27,60.4,60.4,60.4,60.4-27,60.4-60.4-27-60.4-60.4-60.4ZM124.4,83.4c0-33.4-27-60.4-60.4-60.4S3.6,50,3.6,83.4s27,60.4,60.4,60.4,60.4-27,60.4-60.4Z"/>
+</svg>

package/app/assets/icons/file-check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M17.4,12.6l-6.9,6.9-3.9-3.9,2-2,1.9,1.9,4.9-4.9,2,2ZM21.6,8.2v13.4c0,.7-.2,1.2-.7,1.7s-1,.7-1.7.7H4.8c-.7,0-1.2-.2-1.7-.7s-.7-1-.7-1.7V2.4c0-.7.2-1.2.7-1.7s1-.7,1.7-.7h8.6c.3,0,.6,0,.9.2s.5.3.8.5l5.8,5.8c.2.2.4.5.5.8,0,.3.2.6.2.9ZM19.2,8.4h-4.8c-.3,0-.6-.1-.9-.3-.3-.2-.3-.5-.3-.9V2.4H4.8v19.2h14.4v-13.2Z"/>
+</svg>

package/app/assets/icons/file-lines.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
+    <path d="M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM112 256l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z" />
+</svg>

package/app/assets/icons/file-star.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M12.5,10.8c0-.2-.3-.3-.5-.3s-.4.1-.5.3l-1.1,2.2-2.4.4c-.2,0-.4.2-.4.4s0,.4.1.6l1.8,1.8-.4,2.5c0,.2,0,.4.2.5s.4.1.6,0l2.2-1.2,2.2,1.2c.2,0,.4,0,.6,0s.3-.3.2-.5l-.4-2.5,1.8-1.8c.1-.1.2-.4.1-.6s-.2-.3-.4-.4l-2.4-.4-1.1-2.2ZM21.4,7.3c-.1-.3-.3-.6-.5-.8L15.1.7c-.3-.2-.5-.3-.8-.5s-.6-.2-.9-.2H4.8c-.7,0-1.2.2-1.7.7s-.7,1-.7,1.7v19.2c0,.7.2,1.2.7,1.7s1,.7,1.7.7h14.4c.7,0,1.2-.2,1.7-.7s.7-1,.7-1.7v-13.4c0-.3,0-.6-.2-.9ZM19.2,21.6H4.8V2.4h8.4v4.8c0,.4,0,.7.3.9.3.2.6.3.9.3h4.8v13.2Z"/>
+</svg>

package/app/assets/icons/folder-open.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M2.3,21.2c-.6,0-1.2-.2-1.6-.7s-.7-1-.7-1.6V5.1c0-.6.2-1.2.7-1.6s1-.7,1.6-.7h6c.3,0,.6,0,.9.2s.5.3.7.5l1.6,1.6h10.4c.3,0,.6.1.8.3s.3.5.3.8-.1.6-.3.8-.5.3-.8.3h-11.3l-2.3-2.3H2.3v13.8l2.3-7.6c.2-.5.4-.9.9-1.2.4-.3.9-.4,1.4-.4h14.9c.8,0,1.4.3,1.9.9.5.6.6,1.3.4,2l-2.1,6.9c-.2.5-.4.9-.9,1.2s-.9.4-1.4.4H2.3ZM4.7,18.9h14.9l2.1-6.9H6.8l-2.1,6.9ZM2.3,11.4v-6.3,6.3ZM4.7,18.9l2.1-6.9-2.1,6.9Z"/>
+</svg>

package/app/assets/icons/folder.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M2.4,21.6c-.7,0-1.2-.2-1.7-.7S0,19.9,0,19.2V4.8C0,4.1.2,3.6.7,3.1s1-.7,1.7-.7h6.2c.3,0,.6,0,.9.2s.5.3.8.5l1.7,1.7h9.6c.7,0,1.2.2,1.7.7s.7,1,.7,1.7v12c0,.7-.2,1.2-.7,1.7s-1,.7-1.7.7H2.4ZM2.4,19.2h19.2V7.2h-10.6l-2.4-2.4H2.4v14.4ZM2.4,19.2V4.8v14.4Z"/>
+</svg>

package/app/assets/icons/globe.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M352 256c0 22.2-1.2 43.6-3.3 64l-185.3 0c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64l185.3 0c2.2 20.4 3.3 41.8 3.3 64zm28.8-64l123.1 0c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64l-123.1 0c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32l-116.7 0c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0l-176.6 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0L18.6 160C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192l123.1 0c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64L8.1 320C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6l176.6 0c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352l116.7 0zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6l116.7 0z" />
+</svg>

package/app/assets/icons/house.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
+    <path d="M543.8 287.6c17 0 32-14 32-32.1c1-9-3-17-11-24L512 185l0-121c0-17.7-14.3-32-32-32l-32 0c-17.7 0-32 14.3-32 32l0 36.7L309.5 7c-6-5-14-7-21-7s-15 1-22 8L10 231.5c-7 7-10 15-10 24c0 18 14 32.1 32 32.1l32 0 0 69.7c-.1 .9-.1 1.8-.1 2.8l0 112c0 22.1 17.9 40 40 40l16 0c1.2 0 2.4-.1 3.6-.2c1.5 .1 3 .2 4.5 .2l31.9 0 24 0c22.1 0 40-17.9 40-40l0-24 0-64c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 64 0 24c0 22.1 17.9 40 40 40l24 0 32.5 0c1.4 0 2.8 0 4.2-.1c1.1 .1 2.2 .1 3.3 .1l16 0c22.1 0 40-17.9 40-40l0-16.2c.3-2.6 .5-5.3 .5-8.1l-.7-160.2 32 0z" />
+</svg>

package/app/assets/icons/link-external.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z" />
+</svg>

package/app/assets/icons/link.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+    <path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z" />
+</svg>

package/app/assets/icons/moon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
+    <path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z" />
+</svg>

package/app/assets/icons/outline/book.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M4.8,16c.3-.1.6-.2.9-.3s.6,0,.9,0h.6V2.4h-.6c-.5,0-.9.2-1.3.5-.4.4-.5.8-.5,1.3v11.8ZM9.6,15.6h9.6V2.4h-9.6v13.2ZM4.8,16V2.4v13.6ZM6.6,24c-1.2,0-2.2-.4-3-1.2-.8-.8-1.2-1.8-1.2-3V4.2c0-1.2.4-2.2,1.2-3s1.8-1.2,3-1.2h12.6c.7,0,1.2.2,1.7.7s.7,1,.7,1.7v15c0,.2,0,.3-.2.4s-.4.3-.7.4c-.3.1-.5.3-.7.6-.2.3-.2.6-.2.9s0,.6.2.9.4.5.7.6.5.3.7.5.2.4.2.7v.3c0,.3-.1.6-.3.9s-.5.4-.9.4H6.6ZM6.6,21.6h11.2c-.1-.3-.2-.6-.3-.9s-.1-.6-.1-.9,0-.6,0-.9.2-.6.3-.9H6.6c-.5,0-.9.2-1.3.5-.3.4-.5.8-.5,1.3s.2,1,.5,1.3c.3.3.8.5,1.3.5Z"/>
+</svg>

package/app/assets/icons/outline/file-lines.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M8.4,19.2h7.2c.3,0,.6-.1.9-.3.2-.2.3-.5.3-.9s-.1-.6-.3-.9-.5-.3-.9-.3h-7.2c-.3,0-.6.1-.9.3s-.3.5-.3.9.1.6.3.9c.2.2.5.3.9.3ZM8.4,14.4h7.2c.3,0,.6-.1.9-.3s.3-.5.3-.9-.1-.6-.3-.9-.5-.3-.9-.3h-7.2c-.3,0-.6.1-.9.3s-.3.5-.3.9.1.6.3.9.5.3.9.3ZM4.8,24c-.7,0-1.2-.2-1.7-.7s-.7-1-.7-1.7V2.4c0-.7.2-1.2.7-1.7s1-.7,1.7-.7h8.6c.3,0,.6,0,.9.2s.5.3.8.5l5.8,5.8c.2.2.4.5.5.8s.2.6.2.9v13.4c0,.7-.2,1.2-.7,1.7s-1,.7-1.7.7H4.8ZM13.2,7.2V2.4H4.8v19.2h14.4v-13.2h-4.8c-.3,0-.6-.1-.9-.3s-.3-.5-.3-.9ZM4.8,2.4v6V2.4v19.2V2.4Z"/>
+</svg>

package/app/assets/icons/pirate.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <path d="M368 128c0 44.4-25.4 83.5-64 106.4l0 21.6c0 17.7-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32l0-21.6c-38.6-23-64-62.1-64-106.4C80 57.3 144.5 0 224 0s144 57.3 144 128zM168 176a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm144-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM3.4 273.7c7.9-15.8 27.1-22.2 42.9-14.3L224 348.2l177.7-88.8c15.8-7.9 35-1.5 42.9 14.3s1.5 35-14.3 42.9L295.6 384l134.8 67.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L224 419.8 46.3 508.6c-15.8 7.9-35 1.5-42.9-14.3s-1.5-35 14.3-42.9L152.4 384 17.7 316.6C1.9 308.7-4.5 289.5 3.4 273.7z" />
+</svg>

package/app/assets/icons/plus-circle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M10.8,17.9h2.4v-4.7h4.7v-2.4h-4.7v-4.7h-2.4v4.7h-4.7v2.4h4.7v4.7ZM12,23.8c-1.6,0-3.2-.3-4.6-.9s-2.7-1.5-3.7-2.5-1.9-2.3-2.5-3.7S.2,13.6.2,12s.3-3.2.9-4.6,1.5-2.7,2.5-3.7,2.3-1.9,3.7-2.5S10.4.2,12,.2s3.2.3,4.6.9,2.7,1.5,3.7,2.5,1.9,2.3,2.5,3.7.9,3,.9,4.6-.3,3.2-.9,4.6-1.5,2.7-2.5,3.7-2.3,1.9-3.7,2.5-3,.9-4.6.9ZM12,21.4c2.6,0,4.9-.9,6.7-2.7s2.7-4.1,2.7-6.7-.9-4.9-2.7-6.7-4.1-2.7-6.7-2.7-4.9.9-6.7,2.7-2.7,4.1-2.7,6.7.9,4.9,2.7,6.7,4.1,2.7,6.7,2.7Z"/>
+</svg>

package/app/assets/icons/plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z" />
+</svg>

package/app/assets/icons/puzzle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M192 104.8c0-9.2-5.8-17.3-13.2-22.8C167.2 73.3 160 61.3 160 48c0-26.5 28.7-48 64-48s64 21.5 64 48c0 13.3-7.2 25.3-18.8 34c-7.4 5.5-13.2 13.6-13.2 22.8c0 12.8 10.4 23.2 23.2 23.2l56.8 0c26.5 0 48 21.5 48 48l0 56.8c0 12.8 10.4 23.2 23.2 23.2c9.2 0 17.3-5.8 22.8-13.2c8.7-11.6 20.7-18.8 34-18.8c26.5 0 48 28.7 48 64s-21.5 64-48 64c-13.3 0-25.3-7.2-34-18.8c-5.5-7.4-13.6-13.2-22.8-13.2c-12.8 0-23.2 10.4-23.2 23.2L384 464c0 26.5-21.5 48-48 48l-56.8 0c-12.8 0-23.2-10.4-23.2-23.2c0-9.2 5.8-17.3 13.2-22.8c11.6-8.7 18.8-20.7 18.8-34c0-26.5-28.7-48-64-48s-64 21.5-64 48c0 13.3 7.2 25.3 18.8 34c7.4 5.5 13.2 13.6 13.2 22.8c0 12.8-10.4 23.2-23.2 23.2L48 512c-26.5 0-48-21.5-48-48L0 343.2C0 330.4 10.4 320 23.2 320c9.2 0 17.3 5.8 22.8 13.2C54.7 344.8 66.7 352 80 352c26.5 0 48-28.7 48-64s-21.5-64-48-64c-13.3 0-25.3 7.2-34 18.8C40.5 250.2 32.4 256 23.2 256C10.4 256 0 245.6 0 232.8L0 176c0-26.5 21.5-48 48-48l120.8 0c12.8 0 23.2-10.4 23.2-23.2z" />
+</svg>

package/app/assets/icons/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
+</svg>

package/app/assets/icons/shuffle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M403.8 34.4c12-5 25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6l0-32-32 0c-10.1 0-19.6 4.7-25.6 12.8L284 229.3 244 176l31.2-41.6C293.3 110.2 321.8 96 352 96l32 0 0-32c0-12.9 7.8-24.6 19.8-29.6zM164 282.7L204 336l-31.2 41.6C154.7 401.8 126.2 416 96 416l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c10.1 0 19.6-4.7 25.6-12.8L164 282.7zm274.6 188c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6l0-32-32 0c-30.2 0-58.7-14.2-76.8-38.4L121.6 172.8c-6-8.1-15.5-12.8-25.6-12.8l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c30.2 0 58.7 14.2 76.8 38.4L326.4 339.2c6 8.1 15.5 12.8 25.6 12.8l32 0 0-32c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64z" />
+</svg>

package/app/assets/icons/star.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
+    <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z" />
+</svg>

package/app/assets/icons/sun-moon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.07 512.07">
+    <path d="M446.94,256.04l62.3-90.4c3.1-4.5,3.7-10.2,1.6-15.2-2.1-5-6.6-8.6-11.9-9.6l-107.9-19.8-19.9-107.9c-1-5.3-4.6-9.8-9.6-11.9-5-2.1-10.7-1.5-15.2,1.6l-90.3,62.3L165.74,2.84c-4.5-3.1-10.2-3.7-15.2-1.6-5,2.1-8.6,6.6-9.6,11.9l-19.9,107.9-107.9,19.9c-5.3,1-9.8,4.6-11.9,9.6s-1.5,10.7,1.6,15.2l62.3,90.3L2.84,346.34c-3.1,4.5-3.7,10.2-1.6,15.2s6.6,8.6,11.9,9.6l107.9,19.9,19.9,107.9c1,5.3,4.6,9.8,9.6,11.9s10.7,1.5,15.2-1.6l90.3-62.3,90.3,62.3c4.5,3.1,10.2,3.7,15.2,1.6s8.6-6.6,9.6-11.9l19.9-107.9,107.9-19.9c5.3-1,9.8-4.6,11.9-9.6s1.5-10.7-1.6-15.2l-62.3-90.3ZM256.04,411.71c-85.97,0-155.67-69.7-155.67-155.67s69.7-155.67,155.67-155.67,155.67,69.7,155.67,155.67-69.7,155.67-155.67,155.67ZM257.94,144.66c-62.51,0-113.13,50.77-113.13,113.38s50.62,113.38,113.13,113.38c30.67,0,58.46-12.25,78.86-32.09,2.53-2.48,3.19-6.33,1.57-9.47s-5.11-4.91-8.6-4.3c-4.96.86-10.02,1.32-15.24,1.32-49.05,0-88.83-39.89-88.83-89.08,0-33.31,18.22-62.31,45.2-77.59,3.09-1.77,4.66-5.31,3.9-8.76s-3.69-6.02-7.24-6.33c-3.19-.25-6.38-.4-9.62-.4v-.05Z" />
+</svg>

package/app/assets/icons/sun.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    <path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z" />
+</svg>

package/app/assets/icons/user.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z" />
+</svg>

package/app/assets/icons/users.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+    <path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z" />
+</svg>

package/app/components/Loading.vue

@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="10" height="10" x="1" y="1" fill="currentColor" rx="1"><animate id="svgSpinnersBlocksShuffle30" fill="freeze" attributeName="x" begin="0;svgSpinnersBlocksShuffle3b.end" dur="0.2s" values="1;13"/><animate id="svgSpinnersBlocksShuffle31" fill="freeze" attributeName="y" begin="svgSpinnersBlocksShuffle38.end" dur="0.2s" values="1;13"/><animate id="svgSpinnersBlocksShuffle32" fill="freeze" attributeName="x" begin="svgSpinnersBlocksShuffle39.end" dur="0.2s" values="13;1"/><animate id="svgSpinnersBlocksShuffle33" fill="freeze" attributeName="y" begin="svgSpinnersBlocksShuffle3a.end" dur="0.2s" values="13;1"/></rect><rect width="10" height="10" x="1" y="13" fill="currentColor" rx="1"><animate id="svgSpinnersBlocksShuffle34" fill="freeze" attributeName="y" begin="svgSpinnersBlocksShuffle30.end" dur="0.2s" values="13;1"/><animate id="svgSpinnersBlocksShuffle35" fill="freeze" attributeName="x" begin="svgSpinnersBlocksShuffle31.end" dur="0.2s" values="1;13"/><animate id="svgSpinnersBlocksShuffle36" fill="freeze" attributeName="y" begin="svgSpinnersBlocksShuffle32.end" dur="0.2s" values="1;13"/><animate id="svgSpinnersBlocksShuffle37" fill="freeze" attributeName="x" begin="svgSpinnersBlocksShuffle33.end" dur="0.2s" values="13;1"/></rect><rect width="10" height="10" x="13" y="13" fill="currentColor" rx="1"><animate id="svgSpinnersBlocksShuffle38" fill="freeze" attributeName="x" begin="svgSpinnersBlocksShuffle34.end" dur="0.2s" values="13;1"/><animate id="svgSpinnersBlocksShuffle39" fill="freeze" attributeName="y" begin="svgSpinnersBlocksShuffle35.end" dur="0.2s" values="13;1"/><animate id="svgSpinnersBlocksShuffle3a" fill="freeze" attributeName="x" begin="svgSpinnersBlocksShuffle36.end" dur="0.2s" values="1;13"/><animate id="svgSpinnersBlocksShuffle3b" fill="freeze" attributeName="y" begin="svgSpinnersBlocksShuffle37.end" dur="0.2s" values="1;13"/></rect></svg>`;
+</script>
+
+<template>
+    <MyRuntimeIcon name="loading" :svg :class="$style.loading" />
+</template>
+
+<style lang="scss" module>
+.loading {
+    color: var(--textDimmed);
+    animation: loading 500ms infinite ease-in-out alternate;
+}
+
+@keyframes loading {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0.5;
+    }
+}
+</style>