@selemondev/svgl-svelte 2.0.8 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Bklit.svelte +16 -0
- package/dist/components/Goil.svelte +16 -0
- package/dist/components/GoogleAntigravity.svelte +97 -85
- package/dist/components/Intlayer.svelte +16 -0
- package/dist/components/Oxc.svelte +1 -1
- package/dist/components/ProtonMail.svelte +1 -86
- package/dist/components/Rolldown.svelte +1 -1
- package/dist/components/Vite.svelte +1 -1
- package/dist/components/Vitest.svelte +1 -1
- package/dist/components/VoidZero.svelte +16 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -0
- package/package.json +11 -11
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
+
|
|
4
|
+
export interface Props extends HTMLAttributes<SVGElement> {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { width = 50, height = 50, ...rest }: Props = $props();
|
|
10
|
+
const restAttrs = Object.entries(rest)
|
|
11
|
+
.map(([k, v]) => `${k}="${v}"`)
|
|
12
|
+
.join(' ');
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#clip0_376_581)"><mask id="mask0_376_581" width="256" height="257" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="256" height="257" fill="url(#paint0_linear_376_581)" rx="64"/></mask><g mask="url(#mask0_376_581)"><rect width="256" height="256" fill="#000" rx="20"/><path fill="url(#paint1_linear_376_581)" d="M76.023 132.081s13.407-22.163 44.325-22.163c28.825 0 44.325 22.163 44.325 22.163s-13.552 22.163-44.325 22.162c-28.645 0-44.325-22.162-44.325-22.162" style="mix-blend-mode:luminosity"/><path fill="url(#paint2_linear_376_581)" d="M175.754 165.325c0 26.776-20.771 55.406-55.406 55.406v-66.487s27.811 1.377 44.325-22.163c8.421 11.265 11.081 23.025 11.081 33.244" style="mix-blend-mode:luminosity"/><path fill="url(#paint3_linear_376_581)" d="M64.941 165.325c0 26.776 20.771 55.406 55.407 55.406v-66.487s-25.934 1.45-44.325-22.163C67.6 143.346 64.94 155.106 64.94 165.325"/><path fill="url(#paint4_linear_376_581)" d="M64.941 98.837c0-26.776 20.771-55.406 55.407-55.406v66.488s-27.812-1.378-44.325 22.162C67.6 120.816 64.94 109.056 64.94 98.837"/><path fill="url(#paint5_linear_376_581)" d="M175.754 98.837c0-26.776-20.771-55.406-55.406-55.406v66.488s26.157-1.352 44.325 22.162c8.421-11.265 11.081-23.025 11.081-33.244"/></g></g><defs><linearGradient id="paint0_linear_376_581" x1="0" x2="256.998" y1="0" y2="255.998" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6363"/><stop offset="1" stop-color="#d72a2a"/></linearGradient><linearGradient id="paint1_linear_376_581" x1="164.673" x2="76.023" y1="132.081" y2="132.081" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".483" stop-color="#fff" stop-opacity=".8"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="paint2_linear_376_581" x1="120.348" x2="175.754" y1="220.731" y2="110.095" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".5"/></linearGradient><linearGradient id="paint3_linear_376_581" x1="120.348" x2="64.941" y1="220.731" y2="110.095" gradientUnits="userSpaceOnUse"><stop stop-color="#787878" stop-opacity="0"/><stop offset=".745" stop-color="#787878" stop-opacity=".5"/></linearGradient><linearGradient id="paint4_linear_376_581" x1="120.348" x2="64.941" y1="43.431" y2="154.067" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".5"/></linearGradient><linearGradient id="paint5_linear_376_581" x1="120.348" x2="175.754" y1="43.431" y2="154.067" gradientUnits="userSpaceOnUse"><stop stop-color="#787878" stop-opacity="0"/><stop offset=".75" stop-color="#787878" stop-opacity=".5"/></linearGradient><clipPath id="clip0_376_581"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></svg>`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
{@html svgContent}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
+
|
|
4
|
+
export interface Props extends HTMLAttributes<SVGElement> {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { width = 50, height = 50, ...rest }: Props = $props();
|
|
10
|
+
const restAttrs = Object.entries(rest)
|
|
11
|
+
.map(([k, v]) => `${k}="${v}"`)
|
|
12
|
+
.join(' ');
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 326 329" width="${width}" height="${height}" ${restAttrs}><path fill="#d64040" fill-rule="evenodd" d="M163 0c90.031 0 163 73.652 163 164.5S253.031 329 163 329C72.97 329 0 255.348 0 164.5S72.97 0 163 0m65.99 152.73-28.272 3.031c-3.736.422-6.345 3.594-6.345 7.4 0 18.536-14.805 33.548-33.136 33.548-18.33 0-33.135-15.012-33.135-33.478 0-3.806-2.609-7.048-6.345-7.47l-28.272-3.031a65 65 0 0 0-.423 7.4c0 37.989 30.598 68.929 68.175 68.929 37.578 0 68.176-30.94 68.176-68.929q0-3.806-.423-7.4m-67.611-59.274c-14.665 0-26.58 11.982-26.58 26.782s11.915 26.783 26.58 26.783 26.578-11.982 26.578-26.783c0-14.8-11.914-26.782-26.578-26.782" clip-rule="evenodd"/></svg>`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
{@html svgContent}
|
|
@@ -10,91 +10,103 @@
|
|
|
10
10
|
const restAttrs = Object.entries(rest)
|
|
11
11
|
.map(([k, v]) => `${k}="${v}"`)
|
|
12
12
|
.join(' ');
|
|
13
|
-
const svgContent =
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
<div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-rsmjm"><!--[!--><!--]--></section><!----> <header class="sticky top-0 z-50 w-full bg-neutral-100 px-2 py-3 md:px-4 md:py-4 dark:bg-neutral-950"><nav class="flex w-full items-center justify-between"><div class="flex items-center space-x-2"><!----><!----><!----><!--$s1--><!--[!--><button data-slot="sheet-trigger" title="Open SVGL Menu" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 h-9 w-9 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu size-5" width="${width}" height="${height}" ${restAttrs}><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Open Menu</span><!----></button><!--]--><!----><!----> <!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!----><!----><!--[!--><div data-slot="context-menu-trigger" id="bits-101611" data-state="closed" data-context-menu-trigger="" tabindex="-1" style="pointer-events: auto;"><a href="/" class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300" data-sveltekit-preload-data="off"><!--[--><svg name="SVGL Logo" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,136c-8,24-56,72-80,80V184a48,48,0,0,1,48-48Z" opacity="0.2"></path><path d="M168,32H88A56.06,56.06,0,0,0,32,88v80a56.06,56.06,0,0,0,56,56h48a8.07,8.07,0,0,0,2.53-.41c26.23-8.75,76.31-58.83,85.06-85.06A8.07,8.07,0,0,0,224,136V88A56.06,56.06,0,0,0,168,32ZM48,168V88A40,40,0,0,1,88,48h80a40,40,0,0,1,40,40v40H184a56.06,56.06,0,0,0-56,56v24H88A40,40,0,0,1,48,168Zm96,35.14V184a40,40,0,0,1,40-40h19.14C191,163.5,163.5,191,144,203.14Z"></path></svg><!----> <h2 class="text-xl font-medium tracking-tight">svgl</h2><!----><!--]--></a><!----></div><!--]--><!----><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://x.com/pheralb_" title="X/Twitter" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"></path></svg><!----><!--]--></a><!----> <button class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" title="Mode Toggle (Cmd + l)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-sun scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span></button><!----> <!----><!--$s2--><!--[!--><button data-slot="dialog-trigger" title="Settings" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-settings"><!--[--><!----><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!----><!--$s3--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl" title="pheralb/svgl Repository" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 px-4 py-2 w-fit hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg width="20" height="20" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <span class="text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!----><!--$s4--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s4" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:bg-white dark:text-neutral-50 dark:shadow-none dark:border-0 h-9 px-4 py-2"><!--[--><div class="svelte-1enjra1" aria-label="send" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="send-icon svelte-1enjra1"><g class="svelte-1enjra1"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" class="path1 svelte-1enjra1"></path><path d="m21.854 2.147-10.94 10.939" class="path2 svelte-1enjra1"></path></g></svg></div><!----> <span>Submit</span><!----><!--]--></a><!----></div></div></nav></header><!----> <section><aside class="md:fixed md:left-1 md:h-[calc(100vh-4.5rem)] overflow-x-hidden w-54 hidden flex-col space-y-3 md:flex bg-neutral-100 dark:bg-neutral-950"><nav class="flex flex-col space-y-0.5 px-2"><a href="/" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-house"><!--[--><!----><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"><!----></path><!----><!----><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Home</p><!----><!--]--></a><!----> <a href="/favorites" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-between" data-sveltekit-preload-data=""><!--[--><div class="flex items-center space-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart"><!--[--><!----><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Favorites</p></div> <!--[!--><!--]--><!----><!--]--></a><!----> <a href="/docs/api" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cloud"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">API</p><!----><!--]--></a><!----> <a href="/docs/shadcn-ui" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="14" height="14"><path fill="none" d="M0 0h256v256H0z"></path><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"></path></svg><!----> <p class="truncate">shadcn/ui</p><!----><!--]--></a><!----> <a href="/extensions" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-box"><!--[--><!----><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"><!----></path><!----><!----><path d="m3.3 7 8.7 5 8.7-5"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Extensions</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Submit SVG</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg width="16" height="16" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <p class="truncate">GitHub Repository</p><!----><!--]--></a><!----><!----></nav> <div class="px-2"><!----><!--$s5--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s5" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----></div> <nav class="relative flex h-auto flex-col space-y-0.5 overflow-hidden"><!--[!--><!----><!--$s6--><!--[!--><div data-slot="scroll-area" class="relative flex size-full flex-col gap-y-0.5 overflow-hidden px-2" id="bits-s6" dir="ltr" style="position: relative; --bits-scroll-area-corner-height: 0px; --bits-scroll-area-corner-width: 0px;" data-scroll-area-root=""><!----><!--$s7--><div data-slot="scroll-area-viewport" class="focus-ring size-full rounded-[inherit]" id="bits-s7" style="overflow-x: hidden; overflow-y: hidden;" data-scroll-area-viewport=""><div id="bits-101612" data-scroll-area-content="" style="min-width: undefined;"><!--[--><a href="/directory/ai" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">AI</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">48</span><!----><!--]--></a><a href="/directory/analytics" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Analytics</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">3</span><!----><!--]--></a><a href="/directory/authentication" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Authentication</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/automation" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Automation</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/browser" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Browser</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/cms" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">CMS</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/community" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Community</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/compiler" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Compiler</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/config" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Config</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/crypto" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Crypto</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/cybersecurity" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Cybersecurity</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/database" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Database</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/design" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Design</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">29</span><!----><!--]--></a><a href="/directory/devtool" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Devtool</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">16</span><!----><!--]--></a><a href="/directory/education" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Education</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/entertainment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Entertainment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/framework" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Framework</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">49</span><!----><!--]--></a><a href="/directory/google" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Google</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">15</span><!----><!--]--></a><a href="/directory/hardware" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hardware</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/hosting" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hosting</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/iac" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IaC</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/iot" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IoT</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/language" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Language</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">36</span><!----><!--]--></a><a href="/directory/library" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Library</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">76</span><!----><!--]--></a><a href="/directory/marketplace" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Marketplace</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/microsoft" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Microsoft</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">26</span><!----><!--]--></a><a href="/directory/monorepo" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Monorepo</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/music" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Music</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/nuxt" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Nuxt</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">6</span><!----><!--]--></a><a href="/directory/payment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Payment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/platform" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Platform</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/secrets" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Secrets</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/social" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Social</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">27</span><!----><!--]--></a><a href="/directory/software" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Software</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">201</span><!----><!--]--></a><a href="/directory/sync engine" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Sync Engine</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/vercel" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Vercel</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/voidzero" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">VoidZero</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">4</span><!----><!--]--></a><!--]--><!----> <!--[--><!----><!--$s8--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!----><!----><!----></div></div><!----> <!--[--><div aria-hidden="true" style="--top-fade-height: 30px; --bottom-fade-height: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-x-0 before:top-0 before:transition-[height,opacity] before:duration-300 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:transition-[height,opacity] after:duration-300 after:content-[''] before:h-(--top-fade-height) after:h-(--bottom-fade-height) before:opacity-100 after:opacity-100 before:bg-gradient-to-b before:to-transparent after:bg-gradient-to-t after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div> <div aria-hidden="true" style="--left-fade-width: 30px; --right-fade-width: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-y-0 before:left-0 before:transition-[width,opacity] before:duration-300 before:content-[''] after:absolute after:inset-y-0 after:right-0 after:transition-[width,opacity] after:duration-300 after:content-[''] before:w-(--left-fade-width) after:w-(--right-fade-width) before:opacity-100 after:opacity-100 before:bg-gradient-to-r before:to-transparent after:bg-gradient-to-l after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div><!--]--> <!--[--><!--[--><!----><!--$s9--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!--]--> <!--[!--><!--]--> <!----><!--$s10--><!--[!--><!--]--><!----><!----></div><!--]--><!----><!--]--><!----></nav></aside> <main class="px-2 md:mr-4 md:ml-56 md:px-0 overflow-hidden"><!--[--><!----><h1>404</h1> <p>Not Found</p><!----><!----><!--]--></main></section><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
</
|
|
13
|
+
const svgContent = `<svg viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
|
|
14
|
+
<mask id="mask0_111_52" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="15">
|
|
15
|
+
<path d="M14.0777 13.984C14.945 14.6345 16.2458 14.2008 15.0533 13.0084C11.476 9.53949 12.2349 0 7.79033 0C3.34579 0 4.10461 9.53949 0.527295 13.0084C-0.773543 14.3092 0.635692 14.6345 1.50293 13.984C4.86344 11.7076 4.64663 7.69664 7.79033 7.69664C10.934 7.69664 10.7172 11.7076 14.0777 13.984Z" fill="black"/>
|
|
16
|
+
</mask>
|
|
17
|
+
<g mask="url(#mask0_111_52)">
|
|
18
|
+
<g filter="url(#filter0_f_111_52)">
|
|
19
|
+
<path d="M-0.658907 -3.2306C-0.922679 -0.906781 1.07986 1.22861 3.81388 1.53894C6.54791 1.84927 8.97811 0.217009 9.24188 -2.10681C9.50565 -4.43063 7.50312 -6.56602 4.76909 -6.87635C2.03506 -7.18667 -0.395135 -5.55442 -0.658907 -3.2306Z" fill="#FFE432"/>
|
|
20
|
+
</g>
|
|
21
|
+
<g filter="url(#filter1_f_111_52)">
|
|
22
|
+
<path d="M9.88233 4.36642C10.5673 7.31568 13.566 9.13902 16.5801 8.43896C19.5942 7.73891 21.4823 4.78056 20.7973 1.83131C20.1123 -1.11795 17.1136 -2.94128 14.0995 -2.24123C11.0854 -1.54118 9.19733 1.41717 9.88233 4.36642Z" fill="#FC413D"/>
|
|
23
|
+
</g>
|
|
24
|
+
<g filter="url(#filter2_f_111_52)">
|
|
25
|
+
<path d="M-8.05291 6.34512C-7.18736 9.38883 -3.28925 10.9473 0.653774 9.82598C4.5968 8.7047 7.09158 5.32829 6.22603 2.28458C5.36048 -0.759142 1.46236 -2.31758 -2.48066 -1.19629C-6.42368 -0.0750048 -8.91846 3.3014 -8.05291 6.34512Z" fill="#00B95C"/>
|
|
26
|
+
</g>
|
|
27
|
+
<g filter="url(#filter3_f_111_52)">
|
|
28
|
+
<path d="M-8.05291 6.34512C-7.18736 9.38883 -3.28925 10.9473 0.653774 9.82598C4.5968 8.7047 7.09158 5.32829 6.22603 2.28458C5.36048 -0.759142 1.46236 -2.31758 -2.48066 -1.19629C-6.42368 -0.0750048 -8.91846 3.3014 -8.05291 6.34512Z" fill="#00B95C"/>
|
|
29
|
+
</g>
|
|
30
|
+
<g filter="url(#filter4_f_111_52)">
|
|
31
|
+
<path d="M-4.92402 8.86746C-2.75421 11.0837 0.982691 10.9438 3.42257 8.55507C5.86246 6.1663 6.08139 2.43321 3.91158 0.216963C1.74177 -1.99928 -1.99513 -1.85942 -4.43501 0.529349C-6.87489 2.91812 -7.09383 6.65122 -4.92402 8.86746Z" fill="#00B95C"/>
|
|
32
|
+
</g>
|
|
33
|
+
<g filter="url(#filter5_f_111_52)">
|
|
34
|
+
<path d="M6.42819 17.2263C7.10197 20.1273 9.91278 21.953 12.7063 21.3042C15.4998 20.6553 17.2182 17.7777 16.5444 14.8767C15.8707 11.9757 13.0599 10.15 10.2663 10.7988C7.47281 11.4477 5.75441 14.3253 6.42819 17.2263Z" fill="#3186FF"/>
|
|
35
|
+
</g>
|
|
36
|
+
<g filter="url(#filter6_f_111_52)">
|
|
37
|
+
<path d="M1.66508 -5.94539C0.254213 -2.80254 1.7978 0.951609 5.11277 2.43973C8.42774 3.92785 12.2588 2.58642 13.6696 -0.556431C15.0805 -3.69928 13.5369 -7.45343 10.222 -8.94155C6.90699 -10.4297 3.07594 -9.08824 1.66508 -5.94539Z" fill="#FBBC04"/>
|
|
38
|
+
</g>
|
|
39
|
+
<g filter="url(#filter7_f_111_52)">
|
|
40
|
+
<path d="M-2.11428 24.3903C-5.52984 23.0496 0.307266 12.0177 1.75874 8.32038C3.21024 4.62304 7.15576 2.71272 10.5713 4.05357C13.9869 5.39442 18.0354 12.7796 16.5838 16.477C15.1323 20.1743 1.30129 25.7311 -2.11428 24.3903Z" fill="#3186FF"/>
|
|
41
|
+
</g>
|
|
42
|
+
<g filter="url(#filter8_f_111_52)">
|
|
43
|
+
<path d="M18.5814 10.6598C17.6669 11.727 15.2806 11.1828 13.2514 9.44417C11.2222 7.70556 10.3185 5.43097 11.2329 4.3637C12.1473 3.29646 14.5336 3.84069 16.5628 5.57928C18.592 7.31789 19.4958 9.59249 18.5814 10.6598Z" fill="#749BFF"/>
|
|
44
|
+
</g>
|
|
45
|
+
<g filter="url(#filter9_f_111_52)">
|
|
46
|
+
<path d="M11.7552 5.22715C15.5162 7.77124 19.8471 7.93838 21.4286 5.60045C23.0101 3.26253 21.2433 -0.695128 17.4823 -3.23922C13.7213 -5.78331 9.39044 -5.95044 7.80896 -3.61252C6.22747 -1.27459 7.99428 2.68306 11.7552 5.22715Z" fill="#FC413D"/>
|
|
47
|
+
</g>
|
|
48
|
+
<g filter="url(#filter10_f_111_52)">
|
|
49
|
+
<path d="M-0.592149 1.08896C-1.5239 3.33663 -1.21959 5.59799 0.0875457 6.13985C1.39468 6.68171 3.20966 5.29888 4.14141 3.05121C5.07316 0.803541 4.76885 -1.45782 3.46171 -1.99968C2.15458 -2.54154 0.339602 -1.15871 -0.592149 1.08896Z" fill="#FFEE48"/>
|
|
50
|
+
</g>
|
|
51
|
+
</g>
|
|
52
|
+
<defs>
|
|
53
|
+
<filter id="filter0_f_111_52" x="-2.12817" y="-8.35998" width="12.8393" height="11.383" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
54
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
55
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
56
|
+
<feGaussianBlur stdDeviation="0.722959" result="effect1_foregroundBlur_111_52"/>
|
|
57
|
+
</filter>
|
|
58
|
+
<filter id="filter1_f_111_52" x="2.75168" y="-9.38089" width="25.1763" height="24.96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
59
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
60
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
61
|
+
<feGaussianBlur stdDeviation="3.49513" result="effect1_foregroundBlur_111_52"/>
|
|
62
|
+
</filter>
|
|
63
|
+
<filter id="filter2_f_111_52" x="-14.1669" y="-7.50196" width="26.5068" height="23.6338" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
64
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
65
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
66
|
+
<feGaussianBlur stdDeviation="2.97119" result="effect1_foregroundBlur_111_52"/>
|
|
67
|
+
</filter>
|
|
68
|
+
<filter id="filter3_f_111_52" x="-14.1669" y="-7.50196" width="26.5068" height="23.6338" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
69
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
70
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
71
|
+
<feGaussianBlur stdDeviation="2.97119" result="effect1_foregroundBlur_111_52"/>
|
|
72
|
+
</filter>
|
|
73
|
+
<filter id="filter4_f_111_52" x="-12.3607" y="-7.29981" width="23.709" height="23.6846" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
74
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
75
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
76
|
+
<feGaussianBlur stdDeviation="2.97119" result="effect1_foregroundBlur_111_52"/>
|
|
77
|
+
</filter>
|
|
78
|
+
<filter id="filter5_f_111_52" x="0.634962" y="5.02095" width="21.7027" height="22.0616" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
79
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
80
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
81
|
+
<feGaussianBlur stdDeviation="2.82351" result="effect1_foregroundBlur_111_52"/>
|
|
82
|
+
</filter>
|
|
83
|
+
<filter id="filter6_f_111_52" x="-3.97547" y="-14.6666" width="23.2857" height="22.8313" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
84
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
85
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
86
|
+
<feGaussianBlur stdDeviation="2.5589" result="effect1_foregroundBlur_111_52"/>
|
|
87
|
+
</filter>
|
|
88
|
+
<filter id="filter7_f_111_52" x="-7.7407" y="-0.945408" width="29.1982" height="30.1105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
89
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
90
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
91
|
+
<feGaussianBlur stdDeviation="2.2852" result="effect1_foregroundBlur_111_52"/>
|
|
92
|
+
</filter>
|
|
93
|
+
<filter id="filter8_f_111_52" x="6.78641" y="-0.27231" width="16.2415" height="15.5681" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
94
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
95
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
96
|
+
<feGaussianBlur stdDeviation="2.04485" result="effect1_foregroundBlur_111_52"/>
|
|
97
|
+
</filter>
|
|
98
|
+
<filter id="filter9_f_111_52" x="3.77526" y="-8.71693" width="21.687" height="19.4212" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
99
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
100
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
101
|
+
<feGaussianBlur stdDeviation="1.72712" result="effect1_foregroundBlur_111_52"/>
|
|
102
|
+
</filter>
|
|
103
|
+
<filter id="filter10_f_111_52" x="-5.40727" y="-6.39238" width="14.3639" height="16.9254" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
104
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
105
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
106
|
+
<feGaussianBlur stdDeviation="2.1376" result="effect1_foregroundBlur_111_52"/>
|
|
107
|
+
</filter>
|
|
108
|
+
</defs>
|
|
109
|
+
</svg>
|
|
98
110
|
`;
|
|
99
111
|
</script>
|
|
100
112
|
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
+
|
|
4
|
+
export interface Props extends HTMLAttributes<SVGElement> {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { width = 50, height = 50, ...rest }: Props = $props();
|
|
10
|
+
const restAttrs = Object.entries(rest)
|
|
11
|
+
.map(([k, v]) => `${k}="${v}"`)
|
|
12
|
+
.join(' ');
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="#000" viewBox="0 0 480 448" width="${width}" height="${height}" ${restAttrs}><path d="M50 1C25.147 1 5 21.147 5 46s20.147 45 45 45h245c24.853 0 45-20.147 45-45S319.853 1 295 1zM5 221c0-24.853 20.147-45 45-45h380c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45m0 173c0-24.853 20.147-45 45-45h180c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45"/><path d="M50 1C25.147 1 5 21.147 5 46s20.147 45 45 45h245c24.853 0 45-20.147 45-45S319.853 1 295 1zM5 221c0-24.853 20.147-45 45-45h380c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45m0 173c0-24.853 20.147-45 45-45h180c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45"/><path d="M6 46C6 21.7 25.7 2 50 2V0C24.595 0 4 20.595 4 46zm44 44C25.7 90 6 70.3 6 46H4c0 25.405 20.595 46 46 46zm245 0H50v2h245zm44-44c0 24.3-19.699 44-44 44v2c25.405 0 46-20.595 46-46zM295 2c24.301 0 44 19.7 44 44h2c0-25.405-20.595-46-46-46zM50 2h245V0H50zm0 173c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm380 0H50v2h380zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.301-19.699 44-44 44zm-380 0h380v-2H50zM4 221c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.699-44-44zm46 127c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm180 0H50v2h180zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.3-19.699 44-44 44zm-180 0h180v-2H50zM4 394c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.7-44-44z"/></svg>`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
{@html svgContent}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
const restAttrs = Object.entries(rest)
|
|
11
11
|
.map(([k, v]) => `${k}="${v}"`)
|
|
12
12
|
.join(' ');
|
|
13
|
-
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><mask id="b" x="99" y="26" maskUnits="userSpaceOnUse"><path fill="#fff" d="M99 26h42v42H99z"/><path fill-rule="evenodd" d="M120 64c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17zm0-7c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10z" clip-rule="evenodd"/></mask><path fill="#FF915C" fill-rule="evenodd" d="M120 64c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17zm0-7c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10z" clip-rule="evenodd"/><path fill="#2B3C5A" d="M133 47c0 7.18-5.82 13-13 13v8c11.598 0 21-9.402 21-21h-8zm-13-13c7.18 0 13 5.82 13 13h8c0-11.598-9.402-21-21-21v8zm-13 13c0-7.18 5.82-13 13-13v-8c-11.598 0-21 9.402-21 21h8zm13 13c-7.18 0-13-5.82-13-13h-8c0 11.598 9.402 21 21 21v-8zm6-13a6 6 0 0 1-6 6v8c7.732 0 14-6.268 14-14h-8zm-6-6a6 6 0 0 1 6 6h8c0-7.732-6.268-14-14-14v8zm-6 6a6 6 0 0 1 6-6v-8c-7.732 0-14 6.268-14 14h8zm6 6a6 6 0 0 1-6-6h-8c0 7.732 6.268 14 14 14v-8z" mask="url(#b)"/><g clip-path="url(#c)"><mask id="d" width="148" height="178" x="46" y="26" maskUnits="userSpaceOnUse"><path fill="#fff" d="M46 26h148v178H46z"/><path fill-rule="evenodd" d="M127.017 62.489C132.905 59.817 137 53.887 137 47c0-9.389-7.611-17-17-17s-17 7.611-17 17c0 6.887 4.095 12.817 9.983 15.489L112.552 75h-.052l-23.726 1.79A3 3 0 0 0 86 79.783v6.44a3 3 0 0 0 2.77 2.991L112 91l-1.104 41.769c-.333 12.612-2.388 28.067-14.71 30.774-1.365.3-2.767.457-4.186.457-7.386 0-15.91-9.093-21.37-18.417a62.702 62.702 0 0 1 6.636-2.443c1.297-.396 1.558-2.222.426-2.97-8.182-5.408-14.672-12.666-18.654-21.062-.547-1.154-2.2-1.238-2.751-.086a65.079 65.079 0 0 0-3.519 9.006c-2.761 9.002-3.465 18.391-2.073 27.631l.093.597c.193 1.203 1.683 1.629 2.559.782a55.43 55.43 0 0 1 5.236-4.466C68.627 184.191 102.218 200 120 200c17.786 0 51.39-15.817 61.424-47.452a55.379 55.379 0 0 1 5.231 4.478c.876.85 2.37.424 2.562-.781.032-.195.062-.391.091-.586 1.386-9.24.685-18.629-2.064-27.631a65.212 65.212 0 0 0-3.495-8.99c-.55-1.155-2.207-1.072-2.753.085-3.966 8.391-10.425 15.644-18.566 21.049-1.129.749-.868 2.571.427 2.968a61.983 61.983 0 0 1 6.533 2.411C163.929 154.886 155.395 164 148 164c-1.418 0-2.82-.157-4.184-.456-12.324-2.707-14.379-18.163-14.712-30.775L128 91l23.23-1.787a3 3 0 0 0 2.77-2.991v-6.44a3 3 0 0 0-2.774-2.991L127.5 75h-.052l-.431-12.511ZM130 47c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Z" clip-rule="evenodd"/></mask><path fill="#FF915C" fill-rule="evenodd" d="M127.017 62.489C132.905 59.817 137 53.887 137 47c0-9.389-7.611-17-17-17s-17 7.611-17 17c0 6.887 4.095 12.817 9.983 15.489L112.552 75h-.052l-23.726 1.79A3 3 0 0 0 86 79.783v6.44a3 3 0 0 0 2.77 2.991L112 91l-1.104 41.769c-.333 12.612-2.388 28.067-14.71 30.774-1.365.3-2.767.457-4.186.457-7.386 0-15.91-9.093-21.37-18.417a62.702 62.702 0 0 1 6.636-2.443c1.297-.396 1.558-2.222.426-2.97-8.182-5.408-14.672-12.666-18.654-21.062-.547-1.154-2.2-1.238-2.751-.086a65.079 65.079 0 0 0-3.519 9.006c-2.761 9.002-3.465 18.391-2.073 27.631l.093.597c.193 1.203 1.683 1.629 2.559.782a55.43 55.43 0 0 1 5.236-4.466C68.627 184.191 102.218 200 120 200c17.786 0 51.39-15.817 61.424-47.452a55.379 55.379 0 0 1 5.231 4.478c.876.85 2.37.424 2.562-.781.032-.195.062-.391.091-.586 1.386-9.24.685-18.629-2.064-27.631a65.212 65.212 0 0 0-3.495-8.99c-.55-1.155-2.207-1.072-2.753.085-3.966 8.391-10.425 15.644-18.566 21.049-1.129.749-.868 2.571.427 2.968a61.983 61.983 0 0 1 6.533 2.411C163.929 154.886 155.395 164 148 164c-1.418 0-2.82-.157-4.184-.456-12.324-2.707-14.379-18.163-14.712-30.775L128 91l23.23-1.787a3 3 0 0 0 2.77-2.991v-6.44a3 3 0 0 0-2.774-2.991L127.5 75h-.052l-.431-12.511ZM130 47c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#2B3C5A" d="m127.017 62.489-1.653-3.643-2.437 1.106.092 2.675 3.998-.138Zm-14.034 0 3.998.138.092-2.675-2.437-1.106-1.653 3.643ZM112.552 75v4h3.864l.133-3.862-3.997-.138Zm-.052 0v-4h-.151l-.15.011L112.5 75Zm-23.726 1.79-.3-3.988.3 3.989Zm-.004 12.423-.307 3.988.307-3.988ZM112 91l3.999.106.1-3.802-3.792-.292L112 91Zm-1.104 41.769 3.999.106-3.999-.106Zm-14.71 30.774.858 3.907-.859-3.907Zm-25.557-17.96-1.593-3.669-4.14 1.797 2.282 3.894 3.451-2.022Zm6.637-2.443-1.169-3.825 1.169 3.825Zm.426-2.97 2.206-3.337v-.001l-2.206 3.338Zm-18.654-21.062 3.614-1.714-3.614 1.714Zm-2.751-.086 3.608 1.727-3.608-1.727Zm-3.519 9.006-3.824-1.173 3.824 1.173Zm-2.073 27.631 3.955-.596-3.955.596Zm.093.597-3.95.635 3.95-.635Zm2.559.782 2.78 2.875-2.78-2.875Zm5.236-4.466 3.812-1.211-1.707-5.377-4.509 3.391 2.404 3.197Zm122.841-.024 2.409-3.193-4.512-3.404-1.709 5.387 3.812 1.21Zm5.231 4.478-2.786 2.869v.001l2.786-2.87Zm2.562-.781 3.95.631-3.95-.631Zm.091-.586-3.956-.593 3.956.593Zm-2.064-27.631-3.825 1.168 3.825-1.168Zm-3.495-8.99-3.611 1.719 3.611-1.719Zm-2.753.085-3.617-1.709 3.617 1.709Zm-18.566 21.049-2.213-3.333 2.213 3.333Zm.427 2.968-1.173 3.824 1.173-3.824Zm6.533 2.411 3.452 2.02 2.277-3.892-4.135-1.797-1.594 3.669Zm-25.574 17.993-.858 3.907.858-3.907Zm-14.712-30.775-3.999.105 3.999-.105ZM128 91l-.307-3.988-3.792.291.1 3.803L128 91Zm23.23-1.787.307 3.988-.307-3.988Zm-.004-12.422.301-3.989-.301 3.989ZM127.5 75l.301-3.989-.15-.011h-.151v4Zm-.052 0-3.997.138.133 3.862h3.864v-4Zm1.222-8.869C135.934 62.835 141 55.513 141 47h-8c0 5.26-3.125 9.8-7.636 11.846l3.306 7.285ZM141 47c0-11.598-9.402-21-21-21v8c7.18 0 13 5.82 13 13h8Zm-21-21c-11.598 0-21 9.402-21 21h8c0-7.18 5.82-13 13-13v-8ZM99 47c0 8.513 5.066 15.835 12.33 19.131l3.306-7.285C110.125 56.8 107 52.26 107 47h-8Zm9.986 15.351-.432 12.511 7.995.276.432-12.511-7.995-.276ZM112.552 71h-.052v8h.052v-8Zm-.353.011-23.726 1.791.602 7.977 23.726-1.79-.602-7.978Zm-23.726 1.791A7 7 0 0 0 82 79.782h8a1 1 0 0 1-.925.997l-.602-7.977ZM82 79.782v6.44h8v-6.44h-8Zm0 6.44a7 7 0 0 0 6.463 6.98l.614-7.977a1 1 0 0 1 .923.997h-8Zm6.463 6.98 23.23 1.786.614-7.976-23.23-1.787-.614 7.976Zm19.538-2.308-1.104 41.769 7.998.212 1.104-41.77-7.998-.21Zm-1.104 41.769c-.164 6.229-.756 12.703-2.621 17.844-1.83 5.046-4.618 8.178-8.949 9.13l1.717 7.813c7.991-1.755 12.392-7.705 14.753-14.216 2.327-6.416 2.929-13.975 3.098-20.359l-7.998-.212Zm-11.57 26.974A15.512 15.512 0 0 1 92 160v8c1.714 0 3.404-.19 5.044-.55l-1.717-7.813ZM92 160c-2.163 0-5.19-1.426-8.698-4.655-3.38-3.11-6.64-7.378-9.222-11.784l-6.902 4.044c2.88 4.918 6.612 9.859 10.706 13.626C81.85 164.88 86.777 168 92 168v-8Zm-19.778-10.748a58.4 58.4 0 0 1 6.212-2.286l-2.337-7.651a66.358 66.358 0 0 0-7.061 2.599l3.186 7.338Zm6.212-2.286c4.551-1.39 5.403-7.53 1.464-10.133l-4.411 6.674a2.371 2.371 0 0 1-1.056-2.288 2.374 2.374 0 0 1 1.666-1.904l2.337 7.651Zm1.464-10.134c-7.626-5.04-13.603-11.757-17.246-19.438l-7.228 3.428c4.32 9.11 11.325 16.91 20.063 22.685l4.41-6.675Zm-17.246-19.438c-1.793-3.782-7.774-4.694-9.974-.099l7.217 3.454a2.567 2.567 0 0 1-2.385 1.448 2.419 2.419 0 0 1-2.086-1.375l7.228-3.428Zm-9.974-.099a69.082 69.082 0 0 0-3.734 9.56l7.648 2.346a61.062 61.062 0 0 1 3.303-8.452l-7.217-3.454Zm-3.734 9.56c-2.935 9.57-3.687 19.563-2.204 29.4l7.91-1.192c-1.302-8.643-.645-17.428 1.942-25.862l-7.648-2.346Zm-2.204 29.4.099.636 7.898-1.269c-.03-.186-.059-.373-.087-.559l-7.91 1.192Zm.099.636c.763 4.753 6.354 5.861 9.289 3.022l-5.562-5.75a2.439 2.439 0 0 1 2.388-.58 2.57 2.57 0 0 1 1.783 2.039l-7.898 1.269Zm9.289 3.022a51.551 51.551 0 0 1 4.86-4.145l-4.809-6.393a59.429 59.429 0 0 0-5.613 4.788l5.562 5.75Zm-1.357-6.13c5.36 16.875 16.963 29.41 29.403 37.69C96.537 199.702 110.14 204 120 204v-8c-7.921 0-20.006-3.607-31.394-11.187-11.312-7.53-21.527-18.709-26.21-33.452l-7.625 2.422ZM120 204c9.863 0 23.469-4.3 35.836-12.533 12.442-8.285 24.045-20.826 29.401-37.71l-7.625-2.419c-4.679 14.751-14.895 25.936-26.21 33.469C140.012 192.391 127.923 196 120 196v8Zm59.015-48.259a51.59 51.59 0 0 1 4.854 4.154l5.573-5.739a59.298 59.298 0 0 0-5.609-4.801l-4.818 6.386Zm4.854 4.155c2.934 2.848 8.538 1.743 9.298-3.02l-7.9-1.262a2.572 2.572 0 0 1 1.785-2.042 2.442 2.442 0 0 1 2.39.584l-5.573 5.74Zm9.298-3.02c.033-.208.066-.416.097-.624l-7.912-1.186c-.027.182-.055.365-.085.548l7.9 1.262Zm.097-.624c1.475-9.833.727-19.824-2.194-29.392l-7.651 2.336c2.576 8.437 3.23 17.224 1.933 25.87l7.912 1.186Zm-2.194-29.392a69.17 69.17 0 0 0-3.709-9.541l-7.223 3.438a61.282 61.282 0 0 1 3.281 8.439l7.651-2.336Zm-3.709-9.541c-2.195-4.611-8.191-3.695-9.982.095l7.233 3.418a2.418 2.418 0 0 1-2.088 1.378 2.567 2.567 0 0 1-2.386-1.453l7.223-3.438Zm-9.982.095c-3.628 7.678-9.576 14.39-17.162 19.425l4.425 6.665c8.698-5.773 15.668-13.569 19.97-22.672l-7.233-3.418Zm-17.162 19.425c-3.927 2.607-3.074 8.732 1.467 10.125l2.346-7.648a2.376 2.376 0 0 1 1.664 1.903 2.37 2.37 0 0 1-1.052 2.285l-4.425-6.665Zm1.467 10.125a58.273 58.273 0 0 1 6.112 2.255l3.188-7.337a65.994 65.994 0 0 0-6.954-2.566l-2.346 7.648Zm4.253-3.433c-2.58 4.411-5.843 8.687-9.227 11.803-3.513 3.236-6.544 4.666-8.71 4.666v8c5.229 0 10.162-3.127 14.13-6.782 4.098-3.774 7.832-8.723 10.712-13.647l-6.905-4.04ZM148 160c-1.123 0-2.238-.124-3.326-.363l-1.716 7.814c1.639.36 3.328.549 5.042.549v-8Zm-3.326-.363c-4.331-.951-7.12-4.083-8.95-9.13-1.865-5.141-2.457-11.616-2.621-17.844l-7.998.211c.169 6.385.771 13.944 3.098 20.361 2.362 6.511 6.763 12.46 14.755 14.216l1.716-7.814Zm-11.571-26.974-1.104-41.769-7.998.212 1.104 41.768 7.998-.211Zm-4.796-37.675 23.23-1.787-.614-7.976-23.23 1.787.614 7.976Zm23.23-1.787a7 7 0 0 0 6.463-6.98h-8a1 1 0 0 1 .923-.996l.614 7.976Zm6.463-6.98v-6.439h-8v6.44h8Zm0-6.439a7 7 0 0 0-6.473-6.98l-.602 7.977a1 1 0 0 1-.925-.997h8Zm-6.473-6.98-23.726-1.79-.602 7.977 23.726 1.79.602-7.977ZM127.5 71h-.052v8h.052v-8Zm3.946 3.862-.432-12.511-7.995.276.432 12.51 7.995-.275ZM120 61c7.732 0 14-6.268 14-14h-8a6 6 0 0 1-6 6v8Zm-14-14c0 7.732 6.268 14 14 14v-8a6 6 0 0 1-6-6h-8Zm14-14c-7.732 0-14 6.268-14 14h8a6 6 0 0 1 6-6v-8Zm14 14c0-7.732-6.268-14-14-14v8a6 6 0 0 1 6 6h8Z" mask="url(#d)"/><path fill="#8A380F" d="M86 87.148a2 2 0 0 0 1.847 1.994L112 91l6.634-6.634a.8.8 0 0 0-.565-1.366H86v4.148Z"/><path fill="#8A380F" fill-rule="evenodd" d="M182.124 118.814c.39-.585 1.264-.532 1.567.101a65.283 65.283 0 0 1 3.553 9.113c2.749 9.002 3.45 18.391 2.064 27.631-.029.195-.059.391-.091.586-.192 1.205-1.686 1.631-2.562.781a56.686 56.686 0 0 0-11.091-8.361 1.553 1.553 0 0 1-.642-1.971c3.368-7.583 5.849-16.672 7.053-27.47a.936.936 0 0 1 .149-.41Z" clip-rule="evenodd"/><path fill="#8A380F" d="m127 62 .5 13-5.818 5.43c-.639.596-1.682.143-1.682-.731V62h7Zm57 78c-4 40-44 60-64 60V84.5a1.5 1.5 0 0 1 1.5-1.5H154v3.285a3 3 0 0 1-2.701 2.985L128 91l1.104 41.769c.333 12.612 2.369 28.102 14.698 30.785 1.345.293 2.729.446 4.131.446-1.385.066-2.761.554-3.652 1.616-4.867 5.798-10.395 11.645-18.574 14.285 21.5 1 51.11-13.627 56.293-60.901l2 21Z"/><path fill="#8A380F" fill-rule="evenodd" d="M121.998 59.898C120.899 60.01 120 60.895 120 62s.898 2.012 1.995 1.883a17.007 17.007 0 0 0 10.026-4.862A17.003 17.003 0 0 0 137 47.08a.08.08 0 0 0-.081-.081.08.08 0 0 0-.079.069c-1.053 6.73-7.166 12.036-14.842 12.828Z" clip-rule="evenodd"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h240v240H0z"/></clipPath><clipPath id="c"><rect width="200" height="200" x="20" y="40" fill="#fff" rx="40"/></clipPath></defs></svg>`;
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 46" width="${width}" height="${height}" ${restAttrs}><path fill="#32f3ef" d="M30.316 6.789a2.26 2.26 0 0 0 2.262 2.262h8.582c1.009 0 1.513 1.219.8 1.93L30.978 21.963a2.26 2.26 0 0 0-.664 1.6v3.755c0 1.562 1.55 2.645 2.92 1.9a20.4 20.4 0 0 0 3.868-2.727c.465-.416 1.18-.42 1.622.023l7.999 7.999a1.1 1.1 0 0 1-.013 1.585 33.82 33.82 0 0 1-23.184 9.153A33.82 33.82 0 0 1 .343 36.098a1.1 1.1 0 0 1-.013-1.585l7.999-7.999c.441-.441 1.157-.44 1.622-.023a20.4 20.4 0 0 0 3.869 2.727c1.372.745 2.919-.338 2.919-1.9v-3.755c0-.6-.24-1.176-.664-1.6L5.093 10.98c-.713-.713-.209-1.93.8-1.93h8.582a2.26 2.26 0 0 0 2.262-2.262V1.132a1.13 1.13 0 0 1 1.13-1.131H29.18a1.13 1.13 0 0 1 1.131 1.13V6.79z"/><mask id="mask0_2002_17235" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#d9d9d9" d="M30.316 6.788a2.26 2.26 0 0 0 2.262 2.262h8.582c1.009 0 1.513 1.219.8 1.93L30.978 21.962a2.26 2.26 0 0 0-.664 1.6v3.755c0 1.562 1.55 2.645 2.92 1.9a20.4 20.4 0 0 0 3.868-2.727c.465-.416 1.18-.42 1.622.024l7.999 7.998a1.1 1.1 0 0 1-.013 1.585 33.82 33.82 0 0 1-23.184 9.153A33.82 33.82 0 0 1 .343 36.097a1.1 1.1 0 0 1-.013-1.585l7.999-7.998c.441-.442 1.157-.44 1.622-.024a20.4 20.4 0 0 0 3.869 2.727c1.372.745 2.919-.338 2.919-1.9v-3.755c0-.6-.24-1.176-.664-1.6L5.093 10.98c-.713-.713-.209-1.93.8-1.93h8.582a2.26 2.26 0 0 0 2.262-2.262V1.13a1.13 1.13 0 0 1 1.13-1.131H29.18a1.13 1.13 0 0 1 1.131 1.13v5.658z"/></mask><g mask="url(#mask0_2002_17235)"><g filter="url(#filter0_f_2002_17235)"><ellipse cx="4.618" cy="21.501" fill="#aefffb" rx="4.618" ry="21.501" transform="matrix(0 -1 -1 0 44.898 50.594)"/></g><g filter="url(#filter1_f_2002_17235)"><ellipse cx="4.618" cy="21.501" fill="#0f8" rx="4.618" ry="21.501" transform="rotate(68.34 1.902 66.786)scale(-1 1)"/></g><g filter="url(#filter2_f_2002_17235)"><ellipse cx="5.201" cy="44.012" fill="#195eff" rx="4.618" ry="21.501" transform="rotate(-68.34 5.201 44.012)"/></g><g filter="url(#filter3_f_2002_17235)"><ellipse cx="31.927" cy="28.892" fill="#aefffb" rx="3.715" ry="6.268" transform="rotate(-135.197 31.927 28.892)"/></g><g filter="url(#filter4_f_2002_17235)"><ellipse cx="33.843" cy="25.445" fill="#195eff" rx="3.715" ry="6.268" transform="rotate(-135.197 33.843 25.445)"/></g><g filter="url(#filter5_f_2002_17235)"><ellipse cx="33.459" cy="6.297" fill="#aefffb" rx="3.715" ry="6.268" transform="rotate(-135.197 33.46 6.297)"/></g><g filter="url(#filter6_f_2002_17235)"><ellipse cx="34.608" cy="4.765" fill="#195eff" rx="3.715" ry="6.268" transform="rotate(-135.197 34.608 4.765)"/></g><g filter="url(#filter7_f_2002_17235)"><ellipse cx="3.715" cy="6.268" fill="#aefffb" rx="3.715" ry="6.268" transform="rotate(135.197 1.052 21.915)scale(-1 1)"/></g><g filter="url(#filter8_f_2002_17235)"><ellipse cx="3.715" cy="6.268" fill="#195eff" rx="3.715" ry="6.268" transform="rotate(135.197 .422 19.64)scale(-1 1)"/></g><g filter="url(#filter9_f_2002_17235)"><ellipse cx="3.715" cy="6.268" fill="#aefffb" rx="3.715" ry="6.268" transform="rotate(135.197 4.526 9.682)scale(-1 1)"/></g><g filter="url(#filter10_f_2002_17235)"><ellipse cx="3.715" cy="6.268" fill="#195eff" rx="3.715" ry="6.268" transform="rotate(135.197 4.808 8.455)scale(-1 1)"/></g><g filter="url(#filter11_f_2002_17235)"><ellipse cx="3.715" cy="11.949" fill="#195eff" rx="3.715" ry="11.949" transform="rotate(135.197 1.56 17.42)scale(-1 1)"/></g><g filter="url(#filter12_f_2002_17235)"><ellipse cx="38.995" cy="14.521" fill="#0f8" rx="3.715" ry="11.949" transform="rotate(-135.197 38.995 14.521)"/></g><g filter="url(#filter13_f_2002_17235)"><ellipse cx="4.618" cy="21.501" fill="#195eff" rx="4.618" ry="21.501" transform="matrix(0 -1 -1 0 44.898 52.509)"/></g></g><defs><filter id="filter0_f_2002_17235" width="61.384" height="27.618" x="-7.294" y="32.167" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter1_f_2002_17235" width="58.495" height="36.43" x="12.335" y="25.797" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter2_f_2002_17235" width="58.495" height="36.43" x="-24.046" y="25.797" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter3_f_2002_17235" width="28.672" height="28.706" x="17.592" y="14.539" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter4_f_2002_17235" width="28.672" height="28.706" x="19.507" y="11.093" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter5_f_2002_17235" width="28.672" height="28.706" x="19.123" y="-8.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter6_f_2002_17235" width="28.672" height="28.706" x="20.272" y="-9.587" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter7_f_2002_17235" width="28.672" height="28.706" x="1.124" y="15.305" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter8_f_2002_17235" width="28.672" height="28.706" x="-1.557" y="11.859" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter9_f_2002_17235" width="28.672" height="28.706" x="-1.557" y="-8.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter10_f_2002_17235" width="28.672" height="28.706" x="-1.939" y="-10.353" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter11_f_2002_17235" width="36.034" height="36.133" x="-8.858" y="-.482" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter12_f_2002_17235" width="36.034" height="36.133" x="20.978" y="-3.545" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter><filter id="filter13_f_2002_17235" width="61.384" height="27.618" x="-7.294" y="34.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17235" stdDeviation="4.596"/></filter></defs></svg>`;
|
|
14
14
|
</script>
|
|
15
15
|
|
|
16
16
|
{@html svgContent}
|
|
@@ -10,92 +10,7 @@
|
|
|
10
10
|
const restAttrs = Object.entries(rest)
|
|
11
11
|
.map(([k, v]) => `${k}="${v}"`)
|
|
12
12
|
.join(' ');
|
|
13
|
-
const svgContent =
|
|
14
|
-
<html lang="en">
|
|
15
|
-
<head>
|
|
16
|
-
<meta charset="utf-8" />
|
|
17
|
-
<meta name="viewport" content="width=device-width" />
|
|
18
|
-
<meta name="robots" content="index, follow" />
|
|
19
|
-
<meta name="author" content="@pheralb_" />
|
|
20
|
-
<meta name="description" content="A beautiful library with SVG logos" />
|
|
21
|
-
|
|
22
|
-
<!-- Favicon -->
|
|
23
|
-
<link
|
|
24
|
-
rel="icon"
|
|
25
|
-
type="image/svg+xml"
|
|
26
|
-
href="../images/svgl_svg.svg"
|
|
27
|
-
/>
|
|
28
|
-
<link
|
|
29
|
-
rel="icon"
|
|
30
|
-
type="image/ico"
|
|
31
|
-
href="../images/svgl_ico.ico"
|
|
32
|
-
/>
|
|
33
|
-
|
|
34
|
-
<!-- OG Images -->
|
|
35
|
-
<meta property="og:type" content="website" />
|
|
36
|
-
<meta property="og:title" content="SVGL" />
|
|
37
|
-
<meta
|
|
38
|
-
property="og:description"
|
|
39
|
-
content="A beautiful library with SVG logos"
|
|
40
|
-
/>
|
|
41
|
-
<meta property="og:url" content="https://svgl.app" />
|
|
42
|
-
<meta
|
|
43
|
-
property="og:image"
|
|
44
|
-
content="https://svgl.app/images/screenshot_dark.png"
|
|
45
|
-
/>
|
|
46
|
-
|
|
47
|
-
<!-- Twitter -->
|
|
48
|
-
<meta name="twitter:card" content="summary_large_image" />
|
|
49
|
-
<meta name="twitter:title" content="SVGL" />
|
|
50
|
-
<meta
|
|
51
|
-
name="twitter:description"
|
|
52
|
-
content="A beautiful library with SVG logos"
|
|
53
|
-
/>
|
|
54
|
-
<meta name="twitter:creator" content="@pheralb_" />
|
|
55
|
-
<meta
|
|
56
|
-
name="twitter:image"
|
|
57
|
-
content="https://svgl.app/images/screenshot_dark.png"
|
|
58
|
-
/>
|
|
59
|
-
|
|
60
|
-
<!-- Preload Fonts -->
|
|
61
|
-
<link
|
|
62
|
-
rel="preload"
|
|
63
|
-
href="../fonts/InterVariable.woff2"
|
|
64
|
-
as="font"
|
|
65
|
-
type="font/woff2"
|
|
66
|
-
crossorigin="anonymous"
|
|
67
|
-
/>
|
|
68
|
-
<link
|
|
69
|
-
rel="preload"
|
|
70
|
-
href="../fonts/GeistMono.woff2"
|
|
71
|
-
as="font"
|
|
72
|
-
type="font/woff2"
|
|
73
|
-
crossorigin="anonymous"
|
|
74
|
-
/>
|
|
75
|
-
|
|
76
|
-
<!-- Manifest -->
|
|
77
|
-
<link rel="manifest" href="../manifest.json" />
|
|
78
|
-
|
|
79
|
-
<!-- Analytics -->
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
<!-- Title -->
|
|
83
|
-
<title>A beautiful library with SVG logos - SVGL</title>
|
|
84
|
-
|
|
85
|
-
<link href="../_app/immutable/assets/scroll-area.bHHIbcsu.css" rel="stylesheet">
|
|
86
|
-
<link href="../_app/immutable/assets/0.FNlFiBWt.css" rel="stylesheet"><!--187mvdh--><!--[!--><!--]--> <!----><!----><!---->
|
|
87
|
-
</head>
|
|
88
|
-
<body
|
|
89
|
-
class="overscroll-none bg-neutral-100 font-sans text-black antialiased selection:bg-neutral-300 dark:bg-neutral-950 dark:text-white dark:selection:bg-neutral-700"
|
|
90
|
-
data-sveltekit-preload-data="hover"
|
|
91
|
-
>
|
|
92
|
-
<div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-rsmjm"><!--[!--><!--]--></section><!----> <header class="sticky top-0 z-50 w-full bg-neutral-100 px-2 py-3 md:px-4 md:py-4 dark:bg-neutral-950"><nav class="flex w-full items-center justify-between"><div class="flex items-center space-x-2"><!----><!----><!----><!--$s1--><!--[!--><button data-slot="sheet-trigger" title="Open SVGL Menu" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 h-9 w-9 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu size-5" width="${width}" height="${height}" ${restAttrs}><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Open Menu</span><!----></button><!--]--><!----><!----> <!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!----><!----><!--[!--><div data-slot="context-menu-trigger" id="bits-101613" data-state="closed" data-context-menu-trigger="" tabindex="-1" style="pointer-events: auto;"><a href="/" class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300" data-sveltekit-preload-data="off"><!--[--><svg name="SVGL Logo" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,136c-8,24-56,72-80,80V184a48,48,0,0,1,48-48Z" opacity="0.2"></path><path d="M168,32H88A56.06,56.06,0,0,0,32,88v80a56.06,56.06,0,0,0,56,56h48a8.07,8.07,0,0,0,2.53-.41c26.23-8.75,76.31-58.83,85.06-85.06A8.07,8.07,0,0,0,224,136V88A56.06,56.06,0,0,0,168,32ZM48,168V88A40,40,0,0,1,88,48h80a40,40,0,0,1,40,40v40H184a56.06,56.06,0,0,0-56,56v24H88A40,40,0,0,1,48,168Zm96,35.14V184a40,40,0,0,1,40-40h19.14C191,163.5,163.5,191,144,203.14Z"></path></svg><!----> <h2 class="text-xl font-medium tracking-tight">svgl</h2><!----><!--]--></a><!----></div><!--]--><!----><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://x.com/pheralb_" title="X/Twitter" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"></path></svg><!----><!--]--></a><!----> <button class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" title="Mode Toggle (Cmd + l)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-sun scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span></button><!----> <!----><!--$s2--><!--[!--><button data-slot="dialog-trigger" title="Settings" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-settings"><!--[--><!----><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!----><!--$s3--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl" title="pheralb/svgl Repository" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 px-4 py-2 w-fit hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg width="20" height="20" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <span class="text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!----><!--$s4--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s4" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:bg-white dark:text-neutral-50 dark:shadow-none dark:border-0 h-9 px-4 py-2"><!--[--><div class="svelte-1enjra1" aria-label="send" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="send-icon svelte-1enjra1"><g class="svelte-1enjra1"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" class="path1 svelte-1enjra1"></path><path d="m21.854 2.147-10.94 10.939" class="path2 svelte-1enjra1"></path></g></svg></div><!----> <span>Submit</span><!----><!--]--></a><!----></div></div></nav></header><!----> <section><aside class="md:fixed md:left-1 md:h-[calc(100vh-4.5rem)] overflow-x-hidden w-54 hidden flex-col space-y-3 md:flex bg-neutral-100 dark:bg-neutral-950"><nav class="flex flex-col space-y-0.5 px-2"><a href="/" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-house"><!--[--><!----><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"><!----></path><!----><!----><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Home</p><!----><!--]--></a><!----> <a href="/favorites" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-between" data-sveltekit-preload-data=""><!--[--><div class="flex items-center space-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart"><!--[--><!----><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Favorites</p></div> <!--[!--><!--]--><!----><!--]--></a><!----> <a href="/docs/api" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cloud"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">API</p><!----><!--]--></a><!----> <a href="/docs/shadcn-ui" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="14" height="14"><path fill="none" d="M0 0h256v256H0z"></path><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"></path></svg><!----> <p class="truncate">shadcn/ui</p><!----><!--]--></a><!----> <a href="/extensions" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-box"><!--[--><!----><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"><!----></path><!----><!----><path d="m3.3 7 8.7 5 8.7-5"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Extensions</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Submit SVG</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg width="16" height="16" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <p class="truncate">GitHub Repository</p><!----><!--]--></a><!----><!----></nav> <div class="px-2"><!----><!--$s5--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s5" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----></div> <nav class="relative flex h-auto flex-col space-y-0.5 overflow-hidden"><!--[!--><!----><!--$s6--><!--[!--><div data-slot="scroll-area" class="relative flex size-full flex-col gap-y-0.5 overflow-hidden px-2" id="bits-s6" dir="ltr" style="position: relative; --bits-scroll-area-corner-height: 0px; --bits-scroll-area-corner-width: 0px;" data-scroll-area-root=""><!----><!--$s7--><div data-slot="scroll-area-viewport" class="focus-ring size-full rounded-[inherit]" id="bits-s7" style="overflow-x: hidden; overflow-y: hidden;" data-scroll-area-viewport=""><div id="bits-101614" data-scroll-area-content="" style="min-width: undefined;"><!--[--><a href="/directory/ai" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">AI</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">48</span><!----><!--]--></a><a href="/directory/analytics" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Analytics</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">3</span><!----><!--]--></a><a href="/directory/authentication" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Authentication</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/automation" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Automation</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/browser" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Browser</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/cms" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">CMS</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/community" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Community</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/compiler" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Compiler</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/config" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Config</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/crypto" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Crypto</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/cybersecurity" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Cybersecurity</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/database" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Database</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/design" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Design</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">29</span><!----><!--]--></a><a href="/directory/devtool" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Devtool</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">16</span><!----><!--]--></a><a href="/directory/education" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Education</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/entertainment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Entertainment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/framework" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Framework</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">49</span><!----><!--]--></a><a href="/directory/google" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Google</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">15</span><!----><!--]--></a><a href="/directory/hardware" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hardware</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/hosting" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hosting</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/iac" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IaC</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/iot" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IoT</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/language" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Language</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">36</span><!----><!--]--></a><a href="/directory/library" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Library</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">76</span><!----><!--]--></a><a href="/directory/marketplace" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Marketplace</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/microsoft" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Microsoft</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">26</span><!----><!--]--></a><a href="/directory/monorepo" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Monorepo</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/music" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Music</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/nuxt" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Nuxt</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">6</span><!----><!--]--></a><a href="/directory/payment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Payment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/platform" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Platform</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/secrets" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Secrets</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/social" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Social</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">27</span><!----><!--]--></a><a href="/directory/software" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Software</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">201</span><!----><!--]--></a><a href="/directory/sync engine" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Sync Engine</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/vercel" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Vercel</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/voidzero" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">VoidZero</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">4</span><!----><!--]--></a><!--]--><!----> <!--[--><!----><!--$s8--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!----><!----><!----></div></div><!----> <!--[--><div aria-hidden="true" style="--top-fade-height: 30px; --bottom-fade-height: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-x-0 before:top-0 before:transition-[height,opacity] before:duration-300 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:transition-[height,opacity] after:duration-300 after:content-[''] before:h-(--top-fade-height) after:h-(--bottom-fade-height) before:opacity-100 after:opacity-100 before:bg-gradient-to-b before:to-transparent after:bg-gradient-to-t after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div> <div aria-hidden="true" style="--left-fade-width: 30px; --right-fade-width: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-y-0 before:left-0 before:transition-[width,opacity] before:duration-300 before:content-[''] after:absolute after:inset-y-0 after:right-0 after:transition-[width,opacity] after:duration-300 after:content-[''] before:w-(--left-fade-width) after:w-(--right-fade-width) before:opacity-100 after:opacity-100 before:bg-gradient-to-r before:to-transparent after:bg-gradient-to-l after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div><!--]--> <!--[--><!--[--><!----><!--$s9--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!--]--> <!--[!--><!--]--> <!----><!--$s10--><!--[!--><!--]--><!----><!----></div><!--]--><!----><!--]--><!----></nav></aside> <main class="px-2 md:mr-4 md:ml-56 md:px-0 overflow-hidden"><!--[--><!----><h1>404</h1> <p>Not Found</p><!----><!----><!--]--></main></section><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
</div>
|
|
96
|
-
</body>
|
|
97
|
-
</html>
|
|
98
|
-
`;
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 918 745" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="url(#b)" fill-rule="evenodd" d="M723.149 140.476v604.98h100.286c52.441 0 94.939-43.084 94.939-96.133V21.947c0-18.125-20.827-27.995-34.617-16.417z" clip-rule="evenodd"/><path fill="url(#c)" fill-rule="evenodd" d="m583.274 258.151-183.217 163.89c-31.239 27.9-77.864 28.564-109.855 1.613L.227 179.574V22.042c0-18.125 20.826-28.09 34.617-16.512L398.65 311.294a94.056 94.056 0 0 0 121.394 0z" clip-rule="evenodd"/><path fill="url(#d)" d="m723.149 140.571-139.875 117.58.094-.001-183.311 163.891c-31.239 27.9-77.864 28.564-109.855 1.613L.227 179.574v469.749c0 53.049 42.497 96.133 94.938 96.133H723.15z"/></g><defs><linearGradient id="b" x1="2304.04" x2="2116.29" y1="1228.39" y2="-635.265" gradientUnits="userSpaceOnUse"><stop offset=".271" stop-color="#e3d9ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><linearGradient id="c" x1="542.753" x2="160.929" y1="752.371" y2="-755.454" gradientUnits="userSpaceOnUse"><stop stop-color="#e3d9ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(1070.72 0 0 1083.11 914.374 91.728)" gradientUnits="userSpaceOnUse"><stop offset=".556" stop-color="#6d4aff"/><stop offset=".994" stop-color="#aa8eff"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 0h918v745H0z"/></clipPath></defs></svg>`;
|
|
99
14
|
</script>
|
|
100
15
|
|
|
101
16
|
{@html svgContent}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
const restAttrs = Object.entries(rest)
|
|
11
11
|
.map(([k, v]) => `${k}="${v}"`)
|
|
12
12
|
.join(' ');
|
|
13
|
-
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 43 45" width="${width}" height="${height}" ${restAttrs}><path fill="#f50" d="M39.287 0c.959 0 1.482 1.118.868 1.855L29.712 14.388c-1.228 1.473-.181 3.711 1.738 3.711h10.101c.959 0 1.482 1.118.868 1.855L22.211 44.206a1.132 1.132 0 0 1-1.738 0L.264 19.954c-.614-.737-.09-1.855.869-1.855H11.23c1.918 0 2.967-2.238 1.739-3.711L2.526 1.855C1.912 1.118 2.436 0 3.394 0z"/><mask id="mask0_2002_17217" width="43" height="45" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M39.287 0c.959 0 1.482 1.118.868 1.855L29.712 14.388c-1.228 1.473-.181 3.711 1.738 3.711h10.101c.959 0 1.482 1.118.868 1.855L22.211 44.206a1.132 1.132 0 0 1-1.738 0L.264 19.954c-.614-.737-.09-1.855.869-1.855H11.23c1.918 0 2.967-2.238 1.739-3.711L2.526 1.855C1.912 1.118 2.436 0 3.394 0z"/></mask><g mask="url(#mask0_2002_17217)"><g filter="url(#filter0_f_2002_17217)"><ellipse cx="5.397" cy="23.582" fill="#ffe7e5" rx="5.397" ry="23.582" transform="rotate(30.253 62.175 101.555)scale(-1 1)"/></g><g filter="url(#filter1_f_2002_17217)"><ellipse cx="5.397" cy="23.582" fill="#ffe7e5" rx="5.397" ry="23.582" transform="rotate(30.253 19.102 110.92)scale(-1 1)"/></g><g filter="url(#filter2_f_2002_17217)"><ellipse cx=".673" cy=".673" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(-36.093 .673 .673)"/></g><g filter="url(#filter3_f_2002_17217)"><ellipse cx="6.417" cy="33.331" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(-36.093 6.417 33.331)"/></g><g filter="url(#filter4_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 51.625 81.464)scale(-1 1)"/></g><g filter="url(#filter5_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 -1.94 87.215)scale(-1 1)"/></g><g filter="url(#filter6_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 49.902 76.175)scale(-1 1)"/></g><g filter="url(#filter7_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 -3.088 83.689)scale(-1 1)"/></g><g filter="url(#filter8_f_2002_17217)"><ellipse cx="2.796" cy="2.253" fill="#d14b2a" rx="5.397" ry="23.582" transform="rotate(-40.91 2.796 2.253)"/></g><g filter="url(#filter9_f_2002_17217)"><ellipse cx="6.468" cy="27.73" fill="#d14b2a" rx="5.397" ry="23.582" transform="rotate(-35.888 6.468 27.73)"/></g></g><defs><filter id="filter0_f_2002_17217" width="39.32" height="54.894" x="23.431" y="-27.29" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter1_f_2002_17217" width="39.32" height="54.894" x="22.282" y="-4.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter2_f_2002_17217" width="40.206" height="49.343" x="-19.43" y="-23.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter3_f_2002_17217" width="40.206" height="49.343" x="-13.686" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter4_f_2002_17217" width="40.206" height="49.343" x="21.93" y="-23.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter5_f_2002_17217" width="40.206" height="49.343" x="15.037" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter6_f_2002_17217" width="40.206" height="49.343" x="18.484" y="-23.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter7_f_2002_17217" width="40.206" height="49.343" x="12.739" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter8_f_2002_17217" width="45.741" height="50.132" x="-20.074" y="-22.813" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter9_f_2002_17217" width="42.792" height="52.524" x="-14.928" y="1.468" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter></defs></svg>`;
|
|
14
14
|
</script>
|
|
15
15
|
|
|
16
16
|
{@html svgContent}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
const restAttrs = Object.entries(rest)
|
|
11
11
|
.map(([k, v]) => `${k}="${v}"`)
|
|
12
12
|
.join(' ');
|
|
13
|
-
const svgContent = `<svg viewBox="0 0 256 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="-.828%" y1="7.652%" x2="57.636%" y2="78.411%" id="a"><stop stop-color="#41D1FF" offset="0%"/><stop stop-color="#BD34FE" offset="100%"/></linearGradient><linearGradient x1="43.376%" y1="2.242%" x2="50.316%" y2="89.03%" id="b"><stop stop-color="#FFEA83" offset="0%"/><stop stop-color="#FFDD35" offset="8.333%"/><stop stop-color="#FFA800" offset="100%"/></linearGradient></defs><path d="M255.153 37.938 134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z" fill="url(#a)"/><path d="M185.432.063 96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028 72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z" fill="url(#b)"/></svg>`;
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 46" width="${width}" height="${height}" ${restAttrs}><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="mask0_2002_17158" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#mask0_2002_17158)"><g filter="url(#filter0_f_2002_17158)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#filter1_f_2002_17158)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#filter2_f_2002_17158)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#filter3_f_2002_17158)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#filter4_f_2002_17158)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.454 -1.99)scale(1 -1)"/></g><g filter="url(#filter5_f_2002_17158)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#filter6_f_2002_17158)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#filter7_f_2002_17158)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#filter8_f_2002_17158)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#filter9_f_2002_17158)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#filter10_f_2002_17158)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#filter11_f_2002_17158)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#filter12_f_2002_17158)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#filter13_f_2002_17158)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#filter14_f_2002_17158)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="filter0_f_2002_17158" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="filter1_f_2002_17158" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="filter2_f_2002_17158" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter3_f_2002_17158" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter4_f_2002_17158" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter5_f_2002_17158" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="filter6_f_2002_17158" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter7_f_2002_17158" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter8_f_2002_17158" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter9_f_2002_17158" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter10_f_2002_17158" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter11_f_2002_17158" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter12_f_2002_17158" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter13_f_2002_17158" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="filter14_f_2002_17158" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>`;
|
|
14
14
|
</script>
|
|
15
15
|
|
|
16
16
|
{@html svgContent}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
const restAttrs = Object.entries(rest)
|
|
11
11
|
.map(([k, v]) => `${k}="${v}"`)
|
|
12
12
|
.join(' ');
|
|
13
|
-
const svgContent = `<svg
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 45 43" width="${width}" height="${height}" ${restAttrs}><path fill="#22ff84" d="M21.266 42.207a1.13 1.13 0 0 1-1.652.36L.465 28.64A1.13 1.13 0 0 1 0 27.724V10.94c0-.924 1.05-1.458 1.797-.915l11.712 8.517a2.262 2.262 0 0 0 3.302-.72l9.7-17.244c.2-.355.578-.577.987-.577h15.575c.865 0 1.41.933.986 1.687L21.266 42.205z"/><mask id="mask0_2002_17204" width="45" height="43" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M21.266 42.207a1.13 1.13 0 0 1-1.652.36L.465 28.64A1.13 1.13 0 0 1 0 27.724V10.94c0-.924 1.05-1.459 1.797-.916l11.712 8.518a2.262 2.262 0 0 0 3.302-.72l9.7-17.244c.2-.355.578-.577.987-.577h15.575c.865 0 1.41.933.986 1.687L21.266 42.204z"/></mask><g mask="url(#mask0_2002_17204)"><g filter="url(#filter0_f_2002_17204)"><ellipse cx="14.031" cy="3.391" fill="#00ccc6" rx="14.031" ry="3.391" transform="rotate(130.547 17.088 5.676)scale(1 -1)"/></g><g filter="url(#filter1_f_2002_17204)"><ellipse cx="14.031" cy="6.087" fill="#00ccc6" rx="14.031" ry="6.087" transform="rotate(53.967 -28.777 34.573)scale(-1 1)"/></g><g filter="url(#filter2_f_2002_17204)"><ellipse cx="6.443" cy="12.195" fill="#7f0" rx="6.374" ry="5.551" transform="rotate(23.13 6.443 12.195)"/></g><g filter="url(#filter3_f_2002_17204)"><ellipse cx="40.775" cy="15.951" fill="#7f0" rx="5.615" ry="24.534" transform="rotate(23.13 40.775 15.95)"/></g><g filter="url(#filter4_f_2002_17204)"><ellipse cx="4.985" cy="10.069" fill="#97ffe2" rx="4.985" ry="10.069" transform="rotate(135 17.458 13.64)scale(-1 1)"/></g></g><defs><filter id="filter0_f_2002_17204" width="37.343" height="40.162" x="7.293" y="-10.833" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17204" stdDeviation="4.596"/></filter><filter id="filter1_f_2002_17204" width="37.605" height="42.185" x="-15.869" y="8.648" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17204" stdDeviation="4.596"/></filter><filter id="filter2_f_2002_17204" width="30.894" height="29.756" x="-9.004" y="-2.683" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17204" stdDeviation="4.596"/></filter><filter id="filter3_f_2002_17204" width="40.253" height="63.725" x="20.648" y="-15.912" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17204" stdDeviation="4.596"/></filter><filter id="filter4_f_2002_17204" width="34.276" height="34.275" x="18.716" y="-16.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17204" stdDeviation="4.596"/></filter></defs></svg>`;
|
|
14
14
|
</script>
|
|
15
15
|
|
|
16
16
|
{@html svgContent}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
+
|
|
4
|
+
export interface Props extends HTMLAttributes<SVGElement> {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { width = 50, height = 50, ...rest }: Props = $props();
|
|
10
|
+
const restAttrs = Object.entries(rest)
|
|
11
|
+
.map(([k, v]) => `${k}="${v}"`)
|
|
12
|
+
.join(' ');
|
|
13
|
+
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 400 400" width="${width}" height="${height}" ${restAttrs}><circle cx="200" cy="200" r="200" fill="#08060d"/><path fill="#fff" d="M101.187 109c-35.84 51.313-36.05 130.852 0 182.351H76.965c-36.059-51.499-35.849-131.038 0-182.351zm222.054 0c35.841 51.313 36.05 130.852 0 182.351h-24.22c36.058-51.499 35.848-131.038 0-182.351zm-123.136.252c50.222 0 90.924 40.711 90.924 90.926 0 50.214-40.71 90.925-90.924 90.926-50.215 0-90.926-40.712-90.926-90.926 0-50.215 40.711-90.926 90.926-90.926m55.385 52.733c-1.343-3.013-5.381-3.576-7.464-1.015l-78.65 96.458c-1.881 2.317-.974 5.785 1.797 6.893 8.144 3.258 17.782 4.869 28.932 4.869 41.264 0 62.135-22.164 62.135-69.012 0-15.39-2.258-28.084-6.75-38.193m-55.385-30.568c-41.5 0-62.137 22.165-62.137 68.761 0 15.448 2.25 28.21 6.75 38.377 1.335 3.022 5.382 3.585 7.464 1.024l78.508-96.467c1.889-2.317.974-5.792-1.805-6.892-8.119-3.216-17.715-4.803-28.78-4.803"/></svg>`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
{@html svgContent}
|
package/dist/index.d.ts
CHANGED
|
@@ -50,6 +50,7 @@ export { default as BingLogo } from './components/Bing.svelte';
|
|
|
50
50
|
export { default as BiomejsLogo } from './components/Biomejs.svelte';
|
|
51
51
|
export { default as BitcoinLogo } from './components/Bitcoin.svelte';
|
|
52
52
|
export { default as BitwardenLogo } from './components/Bitwarden.svelte';
|
|
53
|
+
export { default as BklitLogo } from './components/Bklit.svelte';
|
|
53
54
|
export { default as BlenderLogo } from './components/Blender.svelte';
|
|
54
55
|
export { default as BlitzLogo } from './components/Blitz.svelte';
|
|
55
56
|
export { default as BlueskyLogo } from './components/Bluesky.svelte';
|
|
@@ -169,6 +170,7 @@ export { default as GmailLogo } from './components/Gmail.svelte';
|
|
|
169
170
|
export { default as GoLogo } from './components/Go.svelte';
|
|
170
171
|
export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
|
|
171
172
|
export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
|
|
173
|
+
export { default as GoilLogo } from './components/Goil.svelte';
|
|
172
174
|
export { default as GoogleLogo } from './components/Google.svelte';
|
|
173
175
|
export { default as GoogleAntigravityLogo } from './components/GoogleAntigravity.svelte';
|
|
174
176
|
export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
|
|
@@ -212,6 +214,7 @@ export { default as InstagramLogo } from './components/Instagram.svelte';
|
|
|
212
214
|
export { default as InstatusLogo } from './components/Instatus.svelte';
|
|
213
215
|
export { default as IntelliJIDEALogo } from './components/IntelliJIDEA.svelte';
|
|
214
216
|
export { default as IntelloLogo } from './components/Intello.svelte';
|
|
217
|
+
export { default as IntlayerLogo } from './components/Intlayer.svelte';
|
|
215
218
|
export { default as JQueryLogo } from './components/JQuery.svelte';
|
|
216
219
|
export { default as JSONLogo } from './components/JSON.svelte';
|
|
217
220
|
export { default as JSONSchemaLogo } from './components/JSONSchema.svelte';
|
|
@@ -448,6 +451,7 @@ export { default as SkyLogo } from './components/Sky.svelte';
|
|
|
448
451
|
export { default as SkypeLogo } from './components/Skype.svelte';
|
|
449
452
|
export { default as SlackLogo } from './components/Slack.svelte';
|
|
450
453
|
export { default as SnapchatLogo } from './components/Snapchat.svelte';
|
|
454
|
+
export { default as SocketIOLogo } from './components/SocketIO.svelte';
|
|
451
455
|
export { default as SocketioLogo } from './components/Socketio.svelte';
|
|
452
456
|
export { default as SolanaLogo } from './components/Solana.svelte';
|
|
453
457
|
export { default as SolderaLogo } from './components/Soldera.svelte';
|
|
@@ -535,6 +539,7 @@ export { default as ViteLogo } from './components/Vite.svelte';
|
|
|
535
539
|
export { default as VitestLogo } from './components/Vitest.svelte';
|
|
536
540
|
export { default as VivaldiLogo } from './components/Vivaldi.svelte';
|
|
537
541
|
export { default as VoicemodLogo } from './components/Voicemod.svelte';
|
|
542
|
+
export { default as VoidZeroLogo } from './components/VoidZero.svelte';
|
|
538
543
|
export { default as VoltaLogo } from './components/Volta.svelte';
|
|
539
544
|
export { default as VueLogo } from './components/Vue.svelte';
|
|
540
545
|
export { default as VueUseLogo } from './components/VueUse.svelte';
|
package/dist/index.js
CHANGED
|
@@ -52,6 +52,7 @@ export { default as BingLogo } from './components/Bing.svelte';
|
|
|
52
52
|
export { default as BiomejsLogo } from './components/Biomejs.svelte';
|
|
53
53
|
export { default as BitcoinLogo } from './components/Bitcoin.svelte';
|
|
54
54
|
export { default as BitwardenLogo } from './components/Bitwarden.svelte';
|
|
55
|
+
export { default as BklitLogo } from './components/Bklit.svelte';
|
|
55
56
|
export { default as BlenderLogo } from './components/Blender.svelte';
|
|
56
57
|
export { default as BlitzLogo } from './components/Blitz.svelte';
|
|
57
58
|
export { default as BlueskyLogo } from './components/Bluesky.svelte';
|
|
@@ -171,6 +172,7 @@ export { default as GmailLogo } from './components/Gmail.svelte';
|
|
|
171
172
|
export { default as GoLogo } from './components/Go.svelte';
|
|
172
173
|
export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
|
|
173
174
|
export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
|
|
175
|
+
export { default as GoilLogo } from './components/Goil.svelte';
|
|
174
176
|
export { default as GoogleLogo } from './components/Google.svelte';
|
|
175
177
|
export { default as GoogleAntigravityLogo } from './components/GoogleAntigravity.svelte';
|
|
176
178
|
export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
|
|
@@ -214,6 +216,7 @@ export { default as InstagramLogo } from './components/Instagram.svelte';
|
|
|
214
216
|
export { default as InstatusLogo } from './components/Instatus.svelte';
|
|
215
217
|
export { default as IntelliJIDEALogo } from './components/IntelliJIDEA.svelte';
|
|
216
218
|
export { default as IntelloLogo } from './components/Intello.svelte';
|
|
219
|
+
export { default as IntlayerLogo } from './components/Intlayer.svelte';
|
|
217
220
|
export { default as JQueryLogo } from './components/JQuery.svelte';
|
|
218
221
|
export { default as JSONLogo } from './components/JSON.svelte';
|
|
219
222
|
export { default as JSONSchemaLogo } from './components/JSONSchema.svelte';
|
|
@@ -450,6 +453,7 @@ export { default as SkyLogo } from './components/Sky.svelte';
|
|
|
450
453
|
export { default as SkypeLogo } from './components/Skype.svelte';
|
|
451
454
|
export { default as SlackLogo } from './components/Slack.svelte';
|
|
452
455
|
export { default as SnapchatLogo } from './components/Snapchat.svelte';
|
|
456
|
+
export { default as SocketIOLogo } from './components/SocketIO.svelte';
|
|
453
457
|
export { default as SocketioLogo } from './components/Socketio.svelte';
|
|
454
458
|
export { default as SolanaLogo } from './components/Solana.svelte';
|
|
455
459
|
export { default as SolderaLogo } from './components/Soldera.svelte';
|
|
@@ -537,6 +541,7 @@ export { default as ViteLogo } from './components/Vite.svelte';
|
|
|
537
541
|
export { default as VitestLogo } from './components/Vitest.svelte';
|
|
538
542
|
export { default as VivaldiLogo } from './components/Vivaldi.svelte';
|
|
539
543
|
export { default as VoicemodLogo } from './components/Voicemod.svelte';
|
|
544
|
+
export { default as VoidZeroLogo } from './components/VoidZero.svelte';
|
|
540
545
|
export { default as VoltaLogo } from './components/Volta.svelte';
|
|
541
546
|
export { default as VueLogo } from './components/Vue.svelte';
|
|
542
547
|
export { default as VueUseLogo } from './components/VueUse.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@selemondev/svgl-svelte",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "An optimized package with SVG logos to be used as Svelte components ✨",
|
|
5
5
|
"author": "Selemondev",
|
|
6
6
|
"private": false,
|
|
@@ -36,22 +36,22 @@
|
|
|
36
36
|
"@eslint/compat": "^1.4.1",
|
|
37
37
|
"@eslint/js": "^9.39.0",
|
|
38
38
|
"@sveltejs/adapter-auto": "^6.1.1",
|
|
39
|
-
"@sveltejs/kit": "^2.
|
|
39
|
+
"@sveltejs/kit": "^2.49.4",
|
|
40
40
|
"@sveltejs/package": "^2.5.4",
|
|
41
41
|
"@sveltejs/vite-plugin-svelte": "^5.1.1",
|
|
42
|
-
"@types/node": "^22.
|
|
42
|
+
"@types/node": "^22.19.6",
|
|
43
43
|
"eslint": "^9.39.0",
|
|
44
44
|
"eslint-config-prettier": "^10.1.8",
|
|
45
|
-
"eslint-plugin-svelte": "^3.
|
|
46
|
-
"fs-extra": "^11.3.
|
|
45
|
+
"eslint-plugin-svelte": "^3.14.0",
|
|
46
|
+
"fs-extra": "^11.3.3",
|
|
47
47
|
"globals": "^16.5.0",
|
|
48
|
-
"prettier": "^3.
|
|
49
|
-
"prettier-plugin-svelte": "^3.4.
|
|
50
|
-
"publint": "^0.3.
|
|
51
|
-
"svelte": "^5.
|
|
52
|
-
"svelte-check": "^4.3.
|
|
48
|
+
"prettier": "^3.7.4",
|
|
49
|
+
"prettier-plugin-svelte": "^3.4.1",
|
|
50
|
+
"publint": "^0.3.16",
|
|
51
|
+
"svelte": "^5.46.3",
|
|
52
|
+
"svelte-check": "^4.3.5",
|
|
53
53
|
"typescript": "^5.9.3",
|
|
54
|
-
"typescript-eslint": "^8.
|
|
54
|
+
"typescript-eslint": "^8.53.0",
|
|
55
55
|
"vite": "^6.4.1"
|
|
56
56
|
},
|
|
57
57
|
"keywords": [
|