@selemondev/svgl-svelte 2.8.0 → 2.10.0

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.
@@ -12,13 +12,13 @@
12
12
  .map(([k, v]) => `${k}="${v}"`)
13
13
  .join(' ');
14
14
  return `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
- <g clip-path="url(#clip0_2_448)">
16
- <path d="M5.6875 0.399963H26.325C29.4125 0.399963 32.0125 2.88746 32.0125 6.08746V25.925C32.0125 29.0125 29.525 31.6125 26.325 31.6125H5.6875C2.5875 31.6 0 29.1125 0 25.925V6.07496C0 2.88746 2.4875 0.399963 5.6875 0.399963Z" fill="#B30B00"/>
17
- <path d="M25.525 18.4375C24.025 16.8375 19.9375 17.5375 18.95 17.6375C17.55 16.2375 16.5625 14.65 16.1625 14.05C16.6625 12.55 17.0625 10.8625 17.0625 9.26246C17.0625 7.76246 16.4625 6.27496 14.875 6.27496C14.275 6.27496 13.775 6.57496 13.475 7.07496C12.775 8.27496 13.075 10.6625 14.175 13.15C13.575 14.95 12.575 17.6375 11.3875 19.725C9.7875 20.325 6.3 21.9125 6 23.7125C5.9 24.2125 6.1 24.8125 6.5 25.1125C6.9 25.5125 7.4 25.6125 7.9 25.6125C9.9875 25.6125 12.0875 22.725 13.5875 20.125C14.7875 19.725 16.675 19.125 18.575 18.825C20.7625 20.825 22.7625 21.1125 23.7625 21.1125C25.1625 21.1125 25.6625 20.5125 25.85 20.0125C26.1125 19.5375 25.925 18.8375 25.525 18.4375ZM24.125 19.4375C24.025 19.8375 23.525 20.2375 22.625 20.0375C21.525 19.7375 20.5375 19.2375 19.7375 18.5375C20.4375 18.4375 22.125 18.2375 23.325 18.4375C23.725 18.5375 24.225 18.8375 24.125 19.4375ZM14.45 7.47496C14.55 7.27496 14.75 7.17496 14.95 7.17496C15.45 7.17496 15.55 7.77496 15.55 8.27496C15.45 9.47496 15.25 10.7625 14.85 11.8625C14.05 9.67496 14.15 8.07496 14.45 7.47496ZM14.35 18.7375C14.85 17.8375 15.45 16.15 15.65 15.55C16.15 16.45 17.05 17.45 17.45 17.9375C17.55 17.85 15.75 18.2375 14.35 18.7375ZM10.9625 21.0375C9.575 23.225 8.275 24.625 7.475 24.625C7.375 24.625 7.175 24.625 7.075 24.525C6.975 24.325 6.875 24.125 6.975 23.925C7.075 23.125 8.675 22.025 10.9625 21.0375Z" fill="white"/>
15
+ <g clip-path="url(#clip0_2_253)">
16
+ <path d="M5.66065 0H26.3393C29.4585 0 32 2.54152 32 5.66065V25.5307C32 28.6498 29.4585 31.1913 26.3393 31.1913H5.66065C2.54152 31.1913 0 28.6498 0 25.5307V5.66065C0 2.54152 2.54152 0 5.66065 0Z" fill="#808080"/>
17
+ <path d="M25.6462 18.0794C24.1444 16.4621 19.9856 17.1552 19.0614 17.2707C17.6173 15.8845 16.6354 14.2094 16.2888 13.6318C16.8087 12.0722 17.1552 10.4549 17.213 8.83753C17.213 7.39349 16.6354 5.83392 15.0181 5.83392C14.4404 5.83392 13.9206 6.18049 13.6318 6.64259C12.9386 7.85558 13.2274 10.2816 14.3249 12.7653C13.6895 14.6137 12.7654 17.213 11.4946 19.3502C9.81951 19.9855 6.29604 21.6029 5.94947 23.4513C5.83395 23.9711 6.00723 24.491 6.41156 24.8953C6.8159 25.2419 7.33575 25.4152 7.85561 25.4152C9.99279 25.4152 12.0722 22.4693 13.5163 19.9278C14.7293 19.5235 16.6354 18.9458 18.5415 18.5993C20.7942 20.5632 22.7581 20.852 23.7978 20.852C25.1841 20.852 25.704 20.2744 25.8773 19.7545C26.1661 19.1769 26.0506 18.5415 25.6462 18.0794ZM24.1444 19.0614C24.0867 19.4657 23.5668 19.87 22.6426 19.639C21.5451 19.3502 20.5632 18.8303 19.6968 18.1372C20.4477 18.0216 22.1228 17.8484 23.3358 18.0794C23.7978 18.1949 24.2599 18.426 24.1444 19.0614ZM14.4982 7.16244C14.6137 6.98916 14.787 6.87363 14.9603 6.87363C15.4802 6.87363 15.5957 7.50901 15.5957 8.02887C15.5379 9.24187 15.2491 10.5126 14.9025 11.6101C14.0361 9.29963 14.1516 7.6823 14.4982 7.16244ZM14.3827 18.3682C14.8448 17.444 15.4802 15.8267 15.7112 15.1336C16.2311 16 17.0975 17.0397 17.5596 17.5596C17.5596 17.5596 15.769 17.9061 14.3827 18.3682ZM10.9747 20.6787C9.58846 22.8736 8.25994 24.2599 7.50904 24.2599C7.39351 24.2599 7.27799 24.2022 7.16247 24.1444C6.98918 24.0289 6.93142 23.8556 6.98918 23.6245C7.16247 22.8159 8.66427 21.7184 10.9747 20.6787Z" fill="white"/>
18
18
  </g>
19
19
  <defs>
20
- <clipPath id="clip0_2_448">
21
- <rect width="32" height="32" fill="white"/>
20
+ <clipPath id="clip0_2_253">
21
+ <rect width="32" height="31.1913" fill="white"/>
22
22
  </clipPath>
23
23
  </defs>
24
24
  </svg>
@@ -11,15 +11,15 @@
11
11
  const restAttrs = Object.entries(rest)
12
12
  .map(([k, v]) => `${k}="${v}"`)
13
13
  .join(' ');
14
- return `<svg viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
- <g clip-path="url(#clip0_906_1865)">
16
- <path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#330000"/>
17
- <path d="M39.7607 48.0096H27.0459L24.4589 56.0459C24.4237 56.1924 24.3384 56.3221 24.2178 56.4125C24.0972 56.503 23.9489 56.5485 23.7984 56.5413H17.3584C16.9911 56.5413 16.8627 56.3395 16.9731 55.9358L27.9815 24.2312C28.0917 23.901 28.2018 23.5249 28.3119 23.1028C28.4559 22.3684 28.5296 21.622 28.5321 20.8736C28.5246 20.8213 28.5294 20.7679 28.5461 20.7178C28.5629 20.6676 28.591 20.6221 28.6284 20.5847C28.6658 20.5473 28.7114 20.5191 28.7615 20.5024C28.8117 20.4856 28.865 20.4808 28.9174 20.4883H37.669C37.9255 20.4883 38.0722 20.58 38.1094 20.7635L50.6042 55.9908C50.7143 56.3581 50.6041 56.5416 50.2739 56.5413H43.1183C42.9954 56.5549 42.8717 56.5233 42.7704 56.4524C42.6692 56.3815 42.5971 56.2761 42.5679 56.156L39.7607 48.0096ZM29.0274 41.0743H37.7241C37.504 40.3407 37.2471 39.515 36.9536 38.5973C36.6594 37.6805 36.3476 36.6989 36.0179 35.6525C35.6876 34.6068 35.3572 33.561 35.027 32.5151C34.6968 31.4693 34.3941 30.4602 34.1189 29.4877C33.8436 28.5159 33.5959 27.6261 33.3759 26.8182H33.3208C33.0109 28.3048 32.6251 29.7745 32.1649 31.2216C31.6506 32.8729 31.1276 34.5609 30.5961 36.2855C30.0637 38.0108 29.5408 39.6071 29.0274 41.0743Z" fill="#FF9A00"/>
18
- <path d="M58.0343 26.3229C57.4729 26.3455 56.9131 26.2493 56.3914 26.0406C55.8697 25.8319 55.398 25.5155 55.007 25.112C54.6171 24.691 54.3142 24.1971 54.1158 23.6587C53.9174 23.1202 53.8274 22.5479 53.851 21.9746C53.831 21.4069 53.9309 20.8414 54.1443 20.315C54.3577 19.7886 54.6798 19.3131 55.0894 18.9197C55.4951 18.5303 55.974 18.2252 56.4984 18.0221C57.0227 17.8189 57.5822 17.7218 58.1443 17.7363C59.4654 17.7363 60.5021 18.1307 61.2543 18.9197C61.634 19.3297 61.9291 19.8105 62.1227 20.3347C62.3163 20.8589 62.4046 21.4162 62.3826 21.9746C62.4056 22.5501 62.3127 23.1245 62.1094 23.6634C61.9061 24.2024 61.5966 24.695 61.1992 25.112C60.7839 25.5214 60.2882 25.8404 59.7435 26.0488C59.1988 26.2572 58.6169 26.3505 58.0343 26.3229ZM54.2362 55.9909V29.6805C54.2362 29.3503 54.3825 29.1851 54.6766 29.1851H61.4469C61.7403 29.1851 61.887 29.3502 61.8873 29.6805V55.9909C61.8873 56.3582 61.7405 56.5416 61.4469 56.5414H54.7317C54.4015 56.5414 54.2364 56.3579 54.2362 55.9909Z" fill="#FF9A00"/>
14
+ return `<svg viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
+ <g clip-path="url(#clip0_2_233)">
16
+ <path d="M5.65714 0H26.3429C29.4857 0 32 2.51429 32 5.65714V25.2C32 28.3429 29.4857 30.8571 26.3429 30.8571H5.65714C2.51429 30.8571 0 28.3429 0 25.2V5.65714C0 2.51429 2.51429 0 5.65714 0Z" fill="#808080"/>
17
+ <path d="M15.4858 18.2857H10.6286L9.65719 21.5428C9.65719 21.6571 9.54291 21.7143 9.42862 21.7143H6.97148C6.85719 21.7143 6.80005 21.6571 6.80005 21.4857L11.0286 9.31427C11.0858 9.19998 11.0858 9.02856 11.1429 8.85713C11.2 8.62856 11.2572 8.39998 11.2 8.11427C11.2 8.05713 11.2572 7.99998 11.3143 7.94284C11.3143 7.94284 11.3143 7.94284 11.3715 7.94284H14.7429C14.8572 7.94284 14.9143 7.99998 14.9143 8.05713L19.7143 21.4286C19.7715 21.5428 19.7143 21.6571 19.6 21.6571H16.8572C16.7429 21.6571 16.6858 21.6 16.6286 21.4857L15.4858 18.2857ZM11.3715 16H14.9715C14.9143 15.7143 14.5715 15.0857 14.4572 14.7428C14.3429 14.4 14.1715 14.1143 14.0572 13.7143C13.9429 13.3143 13.8286 12.9143 13.6572 12.5143C13.5429 12.1143 13.4286 11.7143 13.3143 11.3714C13.2 10.9714 13.0858 10.6286 13.0286 10.3428C12.9143 10.9143 12.7429 11.4857 12.5715 12.0571C12.4 12.6857 12.1715 13.3143 11.9429 14C11.7715 14.5714 11.5429 15.4286 11.3715 16Z" fill="white"/>
18
+ <path d="M22.5143 10.1143C22.0572 10.1143 21.6572 9.94285 21.3715 9.65713C21.0858 9.31427 20.9143 8.91427 20.9143 8.45713C20.9143 7.99999 21.0858 7.59999 21.3715 7.25713C21.7143 6.97142 22.1143 6.79999 22.5715 6.79999C23.0286 6.79999 23.4286 6.91427 23.7715 7.25713C24.0572 7.59999 24.2286 7.99999 24.2286 8.45713C24.2286 8.91427 24.0572 9.31427 23.7715 9.65713C23.4286 9.94285 22.9715 10.1143 22.5143 10.1143ZM21.1429 21.4286V11.7143C21.1429 11.6 21.2001 11.5428 21.3143 11.5428H23.7143C23.8286 11.5428 23.8858 11.6 23.8858 11.7143V21.3714C23.8858 21.4857 23.8286 21.6 23.7143 21.6H21.3143C21.2001 21.6 21.1429 21.5428 21.1429 21.4286Z" fill="white"/>
19
19
  </g>
20
20
  <defs>
21
- <clipPath id="clip0_906_1865">
22
- <rect width="82.0513" height="80" fill="white"/>
21
+ <clipPath id="clip0_2_233">
22
+ <rect width="32" height="30.8571" fill="white"/>
23
23
  </clipPath>
24
24
  </defs>
25
25
  </svg>
@@ -0,0 +1,103 @@
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 svgContent = () => {
11
+ const restAttrs = Object.entries(rest)
12
+ .map(([k, v]) => `${k}="${v}"`)
13
+ .join(' ');
14
+ return `
15
+ <html lang="en">
16
+ <head>
17
+ <meta charset="utf-8" />
18
+ <meta name="viewport" content="width=device-width" />
19
+ <meta name="robots" content="index, follow" />
20
+ <meta name="author" content="@pheralb_" />
21
+ <meta name="description" content="A beautiful library with SVG logos" />
22
+
23
+ <!-- Favicon -->
24
+ <link
25
+ rel="icon"
26
+ type="image/svg+xml"
27
+ href="../images/svgl_svg.svg"
28
+ />
29
+ <link
30
+ rel="icon"
31
+ type="image/ico"
32
+ href="../images/svgl_ico.ico"
33
+ />
34
+
35
+ <!-- OG Images -->
36
+ <meta property="og:type" content="website" />
37
+ <meta property="og:title" content="SVGL" />
38
+ <meta
39
+ property="og:description"
40
+ content="A beautiful library with SVG logos"
41
+ />
42
+ <meta property="og:url" content="https://svgl.app" />
43
+ <meta
44
+ property="og:image"
45
+ content="https://svgl.app/images/screenshot_dark.png"
46
+ />
47
+
48
+ <!-- Twitter -->
49
+ <meta name="twitter:card" content="summary_large_image" />
50
+ <meta name="twitter:title" content="SVGL" />
51
+ <meta
52
+ name="twitter:description"
53
+ content="A beautiful library with SVG logos"
54
+ />
55
+ <meta name="twitter:creator" content="@pheralb_" />
56
+ <meta
57
+ name="twitter:image"
58
+ content="https://svgl.app/images/screenshot_dark.png"
59
+ />
60
+
61
+ <!-- Preload Fonts -->
62
+ <link
63
+ rel="preload"
64
+ href="../fonts/Geist.woff2"
65
+ as="font"
66
+ type="font/woff2"
67
+ crossorigin="anonymous"
68
+ />
69
+ <link
70
+ rel="preload"
71
+ href="../fonts/GeistMono.woff2"
72
+ as="font"
73
+ type="font/woff2"
74
+ crossorigin="anonymous"
75
+ />
76
+
77
+ <!-- Manifest -->
78
+ <link rel="manifest" href="../manifest.json" />
79
+
80
+ <!-- Analytics -->
81
+
82
+
83
+ <!-- Title -->
84
+ <title>A beautiful library with SVG logos - SVGL</title>
85
+ <!--ya9606--><!--[-1--><!--]--> <!----><!----><!---->
86
+ <link href="../_app/immutable/assets/scroll-area.QE5ZuEV4.css" rel="stylesheet">
87
+ <link href="../_app/immutable/assets/0.3cK0CiBq.css" rel="stylesheet">
88
+ </head>
89
+ <body
90
+ 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"
91
+ data-sveltekit-preload-data="hover"
92
+ >
93
+ <div style="display: contents"><!--[--><!--[0--><!--[--><!--[-1--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-8n95zt"><!--[-1--><!--]--></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--><!--[-1--><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 [&amp;_svg]:pointer-events-none [&amp;_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" aria-hidden="true" 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><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!--]--><!----> <!--[--><!--[--><!--[-1--><div data-slot="context-menu-trigger" id="bits-172734" 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"><!--[0--><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><!--]--><!----><!--]--><!--]--><!----> <!--[--><!--[-1--><!--]--><!--]--><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://github.com/sponsors/pheralb" title="Sponsor me on GitHub" 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 [&amp;_svg]:pointer-events-none [&amp;_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"><!--[0--><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" aria-hidden="true" class="lucide-icon lucide lucide-heart-handshake"><!--[--><!----><path d="M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762"><!----></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 [&amp;_svg]:pointer-events-none [&amp;_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" aria-hidden="true" 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" aria-hidden="true" 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--><!--[-1--><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 [&amp;_svg]:pointer-events-none [&amp;_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" aria-hidden="true" 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><!--]--><!--]--><!----> <!--[--><!--[-1--><!--]--><!--]--><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!--[--><!--$s3--><!--[-1--><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="View on GitHub (5,000 stars)" 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 py-2 w-fit px-2.5 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[0--><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="font-mono text-sm tracking-tight text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!--[--><!--$s4--><!--[-1--><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 [&amp;_svg]:pointer-events-none [&amp;_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"><!--[0--><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=""><!--[0--><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" aria-hidden="true" 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=""><!--[0--><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" aria-hidden="true" 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> <!--[-1--><!--]--><!----><!--]--></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=""><!--[0--><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" aria-hidden="true" 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=""><!--[0--><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=""><!--[0--><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" aria-hidden="true" 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"><!--[0--><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" aria-hidden="true" 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"><!--[0--><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--><!--[-1--><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"><!--[-1--><!--[--><!--$s6--><!--[-1--><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-172735" 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=""><!--[0--><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">64</span><!----><!--]--></a><a href="/directory/adobe" 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=""><!--[0--><p class="truncate">Adobe</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">56</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=""><!--[0--><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">6</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=""><!--[0--><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=""><!--[0--><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">4</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=""><!--[0--><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=""><!--[0--><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">13</span><!----><!--]--></a><a href="/directory/communications" 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=""><!--[0--><p class="truncate">Communications</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/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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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">22</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=""><!--[0--><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=""><!--[0--><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">23</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=""><!--[0--><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">61</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=""><!--[0--><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">24</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=""><!--[0--><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">13</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=""><!--[0--><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">34</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=""><!--[0--><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=""><!--[0--><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">22</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=""><!--[0--><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=""><!--[0--><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">15</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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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">10</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=""><!--[0--><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">27</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=""><!--[0--><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=""><!--[0--><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">6</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=""><!--[0--><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=""><!--[0--><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">8</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=""><!--[0--><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">24</span><!----><!--]--></a><a href="/directory/privacy" 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=""><!--[0--><p class="truncate">Privacy</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/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=""><!--[0--><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=""><!--[0--><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">28</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=""><!--[0--><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">280</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=""><!--[0--><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/themes" 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=""><!--[0--><p class="truncate">Themes</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=""><!--[0--><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=""><!--[0--><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">5</span><!----><!--]--></a><!--]--><!----> <!--[0--><!--[--><!--$s8--><!--[0--><!--[-1--><!--]--><!--]--><!--]--><!--]--><!----><!----><!----></div></div><!--]--> <!--[0--><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><!--]--> <!--[0--><!--[0--><!--[--><!--$s9--><!--[0--><!--[-1--><!--]--><!--]--><!--]--><!--]--><!--]--> <!--[-1--><!--]--> <!--[--><!--$s10--><!--[-1--><!--]--><!--]--><!----></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><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
94
+
95
+
96
+ </div>
97
+ </body>
98
+ </html>
99
+ `;
100
+ };
101
+ </script>
102
+
103
+ {@html svgContent()}
@@ -11,15 +11,15 @@
11
11
  const restAttrs = Object.entries(rest)
12
12
  .map(([k, v]) => `${k}="${v}"`)
13
13
  .join(' ');
14
- return `<svg viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
- <g clip-path="url(#clip0_906_1855)">
16
- <path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#001E36"/>
17
- <path d="M18.4758 56.1007V20.9284C18.4758 20.6721 18.5859 20.5431 18.8061 20.5431C19.3926 20.5431 19.928 20.5345 20.7357 20.5156C21.5425 20.4975 22.414 20.4792 23.3502 20.4606C24.286 20.4424 25.2768 20.4241 26.3226 20.4055C27.3683 20.3874 28.4049 20.3783 29.4324 20.3779C32.2207 20.3779 34.5692 20.7265 36.4778 21.4238C38.1996 22.0062 39.7697 22.9651 41.074 24.2309C42.1797 25.3281 43.0341 26.6521 43.5784 28.1115C44.0933 29.5318 44.3542 31.0316 44.3491 32.5424C44.3491 35.4786 43.6702 37.9005 42.3125 39.808C40.9458 41.7235 39.0247 43.1739 36.8082 43.9638C34.4964 44.8264 31.9274 45.1189 29.1022 45.1189C28.2946 45.1189 27.7258 45.1098 27.3958 45.0914C27.0656 45.0733 26.5703 45.0641 25.9098 45.0639V56.0457C25.9194 56.113 25.9132 56.1816 25.8917 56.2461C25.8702 56.3106 25.834 56.3692 25.7859 56.4172C25.7378 56.4653 25.6792 56.5015 25.6147 56.523C25.5502 56.5445 25.4816 56.5507 25.4143 56.5411H18.8611C18.604 56.5411 18.4758 56.3948 18.4758 56.1007ZM25.9098 27.1482V38.62C26.3862 38.657 26.8265 38.6753 27.2307 38.675H29.0471C30.3836 38.6706 31.7113 38.4586 32.9828 38.0467C34.0732 37.7228 35.0476 37.0923 35.7899 36.2303C36.5054 35.3866 36.8632 34.2124 36.8633 32.7076C36.8923 31.6428 36.6153 30.5921 36.065 29.6802C35.4866 28.7983 34.6506 28.1161 33.6707 27.7262C32.3913 27.2289 31.0246 26.9949 29.6526 27.0382C28.7718 27.0382 27.9921 27.0473 27.3134 27.0656C26.6339 27.0846 26.1661 27.1121 25.9098 27.1482Z" fill="#31A8FF"/>
18
- <path d="M65.6311 36.534C64.5967 36.0025 63.495 35.6137 62.3561 35.3781C61.1011 35.0902 59.8181 34.9425 58.5306 34.9377C57.8342 34.9189 57.1387 35.0023 56.4665 35.1855C56.0386 35.2807 55.6583 35.5245 55.3931 35.8735C55.2137 36.1526 55.1182 36.4774 55.118 36.8092C55.128 37.1311 55.2441 37.4407 55.4482 37.6899C55.7697 38.066 56.1626 38.3747 56.604 38.5981C57.3888 39.0207 58.1975 39.3975 59.0259 39.7265C60.8732 40.3449 62.6384 41.1858 64.2825 42.2309C65.4025 42.9378 66.3293 43.9119 66.9796 45.0656C67.5265 46.1581 67.8003 47.3669 67.7778 48.5884C67.8107 50.2013 67.3498 51.7858 66.4568 53.1294C65.5007 54.4933 64.1728 55.5537 62.6312 56.1842C60.961 56.9179 58.8969 57.2849 56.439 57.2851C54.8775 57.3009 53.3186 57.1533 51.7878 56.8448C50.5818 56.6236 49.4077 56.2539 48.2926 55.7439C48.1722 55.6818 48.0721 55.5867 48.0039 55.4697C47.9356 55.3527 47.9021 55.2187 47.9073 55.0834V49.1388C47.9007 49.0806 47.91 49.0217 47.9342 48.9683C47.9585 48.915 47.9968 48.8693 48.045 48.836C48.0923 48.8093 48.1466 48.7976 48.2006 48.8026C48.2547 48.8075 48.306 48.8288 48.3477 48.8636C49.6646 49.6401 51.0945 50.2065 52.5859 50.5424C53.9005 50.8719 55.2489 51.0473 56.604 51.0653C57.8881 51.0653 58.833 50.9001 59.4387 50.5699C59.7123 50.4447 59.9437 50.2429 60.1049 49.9889C60.2661 49.7349 60.3502 49.4396 60.347 49.1388C60.347 48.6623 60.0718 48.2037 59.5214 47.7627C58.971 47.3224 57.8518 46.7903 56.1637 46.1664C54.4354 45.5649 52.7967 44.7317 51.2924 43.6896C50.2165 42.9413 49.3305 41.9516 48.7054 40.7998C48.1641 39.7152 47.8904 38.5167 47.9073 37.3046C47.9042 35.8482 48.3043 34.4194 49.0632 33.1764C49.9284 31.8076 51.1709 30.718 52.641 30.039C54.2553 29.2322 56.2735 28.8286 58.6958 28.828C60.1143 28.8166 61.5315 28.9178 62.934 29.1307C63.9497 29.2596 64.9426 29.5281 65.8847 29.9289C65.9594 29.9503 66.0281 29.9888 66.0854 30.0413C66.1427 30.0939 66.1871 30.159 66.2149 30.2316C66.2521 30.366 66.2706 30.5049 66.27 30.6444V36.2037C66.2738 36.2684 66.2605 36.333 66.2316 36.3909C66.2026 36.4489 66.1589 36.4982 66.1049 36.534C66.0313 36.5706 65.9502 36.5897 65.868 36.5897C65.7858 36.5897 65.7047 36.5706 65.6311 36.534Z" fill="#31A8FF"/>
14
+ return `<svg viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
+ <g clip-path="url(#clip0_2_243)">
16
+ <path d="M5.65714 0H26.3429C29.4857 0 32 2.51429 32 5.65714V25.2C32 28.3429 29.4857 30.8571 26.3429 30.8571H5.65714C2.51429 30.8571 0 28.3429 0 25.2V5.65714C0 2.51429 2.51429 0 5.65714 0Z" fill="#808080"/>
17
+ <path d="M6.62856 21.5429V8.05717C6.62856 7.94289 6.6857 7.88574 6.74284 7.88574C6.97141 7.88574 7.25713 7.88574 7.54284 7.88574C7.82855 7.88574 8.17141 7.88574 8.57141 7.88574C8.91427 7.88574 9.31427 7.88574 9.71427 7.88574C10.1143 7.88574 10.5143 7.88574 10.9143 7.88574C11.8286 7.88574 12.7428 8.00003 13.6 8.28574C14.2857 8.51431 14.8571 8.85717 15.3714 9.37146C15.7714 9.77146 16.1143 10.2857 16.3428 10.8572C16.5143 11.4286 16.6286 12 16.6286 12.5715C16.6857 13.5429 16.4 14.5143 15.8286 15.3715C15.3143 16.1143 14.5714 16.6857 13.7143 16.9715C12.7428 17.3143 11.7714 17.4857 10.7428 17.4857C10.4571 17.4857 10.2286 17.4857 10.1143 17.4857C9.99998 17.4857 9.77141 17.4857 9.54284 17.4857V21.6572C9.54284 21.7715 9.4857 21.8286 9.37141 21.8286H9.31427H6.74284C6.6857 21.7143 6.62856 21.6572 6.62856 21.5429ZM9.54284 10.4V14.8C9.71427 14.8 9.8857 14.8 10.0571 14.8H10.7428C11.2571 14.8 11.7714 14.7429 12.2286 14.5715C12.6286 14.4572 13.0286 14.2286 13.3143 13.8857C13.6 13.4857 13.7714 13.0286 13.7143 12.5143C13.7143 12.1143 13.6 11.7143 13.4286 11.3715C13.2 11.0286 12.8571 10.7429 12.5143 10.6286C12 10.4572 11.4857 10.3429 10.9714 10.3429C10.6286 10.3429 10.3428 10.3429 10.0571 10.3429C9.82856 10.4 9.65713 10.4 9.54284 10.4Z" fill="white"/>
18
+ <path d="M24.8571 13.9429C24.3428 13.7143 23.8286 13.6 23.3143 13.4857C22.8571 13.3714 22.3428 13.3143 21.8286 13.3143C21.5428 13.3143 21.3143 13.3143 21.0286 13.4286C20.8571 13.4857 20.7428 13.5429 20.6286 13.7143C20.5714 13.8286 20.5143 13.9429 20.5143 14.0572C20.5143 14.1714 20.5714 14.2857 20.6286 14.4C20.7428 14.5714 20.9143 14.6857 21.0857 14.7429C21.3714 14.9143 21.7143 15.0286 22 15.2C22.6857 15.4286 23.3714 15.7714 24 16.1714C24.4571 16.4572 24.8 16.8 25.0286 17.2572C25.2571 17.6572 25.3714 18.1143 25.3143 18.6286C25.3143 19.2572 25.1428 19.8286 24.8 20.4C24.4571 20.9143 23.9428 21.3143 23.3143 21.6C22.5714 21.8857 21.7714 22.0572 20.9143 22C20.3428 22 19.7143 21.9429 19.1428 21.8286C18.6286 21.7143 18.1714 21.6 17.7143 21.4286C17.6 21.3714 17.5428 21.2572 17.5428 21.2V18.9143C17.5428 18.8572 17.5428 18.8 17.6 18.8C17.6571 18.8 17.6571 18.8 17.7143 18.8C18.2286 19.0857 18.8 19.3143 19.4286 19.4286C19.9428 19.5429 20.4571 19.6 20.9714 19.6572C21.3714 19.6572 21.7143 19.6 22.0571 19.4857C22.2857 19.3714 22.4 19.2 22.4 18.9143C22.4 18.6857 22.2857 18.5143 22.0571 18.4C21.6571 18.1143 21.2 17.9429 20.7428 17.7714C20.0571 17.5429 19.4286 17.2 18.8571 16.8C18.4571 16.5143 18.1143 16.1143 17.8857 15.7143C17.6571 15.3143 17.6 14.8572 17.6 14.4C17.6 13.8286 17.7714 13.3143 18.0571 12.8C18.4 12.2857 18.8571 11.8286 19.4286 11.6C20.0571 11.2572 20.8 11.0857 21.5428 11.0857C22.1143 11.0286 22.7428 11.0857 23.3143 11.0857C23.7714 11.2 24.2857 11.3143 24.6857 11.5429C24.7428 11.5429 24.8 11.6 24.8 11.6572C24.8 11.7143 24.8 11.7714 24.8 11.8286V13.9429C24.8 14 24.8 14.0572 24.7428 14.0572C24.9714 14 24.9143 14 24.8571 13.9429Z" fill="white"/>
19
19
  </g>
20
20
  <defs>
21
- <clipPath id="clip0_906_1855">
22
- <rect width="82.0513" height="80" fill="white"/>
21
+ <clipPath id="clip0_2_243">
22
+ <rect width="32" height="30.8571" fill="white"/>
23
23
  </clipPath>
24
24
  </defs>
25
25
  </svg>
@@ -0,0 +1,18 @@
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 svgContent = () => {
11
+ const restAttrs = Object.entries(rest)
12
+ .map(([k, v]) => `${k}="${v}"`)
13
+ .join(' ');
14
+ return `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 841.89 595.28" viewBox="0 0 841.89 595.28" width="${width}" height="${height}" ${restAttrs}><path d="m557.09 211.99 8.31 326.37h66.56l8.32-445.18zM640.28 56.91H538.72L379.35 284.53l50.78 72.52zM201.61 538.36h101.56l50.79-72.52-50.79-72.53zM201.61 211.99l228.52 326.37h101.56L303.17 211.99z"/></svg>`;
15
+ };
16
+ </script>
17
+
18
+ {@html svgContent()}
package/dist/index.d.ts CHANGED
@@ -286,6 +286,7 @@ export { default as SvglKokonutUILogo } from './components/KokonutUI.svelte';
286
286
  export { default as SvglKotlinLogo } from './components/Kotlin.svelte';
287
287
  export { default as SvglKrakenJSLogo } from './components/KrakenJS.svelte';
288
288
  export { default as SvglKubernetesLogo } from './components/Kubernetes.svelte';
289
+ export { default as SvglLangChainLogo } from './components/LangChain.svelte';
289
290
  export { default as SvglLaravelLogo } from './components/Laravel.svelte';
290
291
  export { default as SvglLayersLogo } from './components/Layers.svelte';
291
292
  export { default as SvglLeapWalletLogo } from './components/LeapWallet.svelte';
@@ -635,6 +636,7 @@ export { default as SvglWindowsLogo } from './components/Windows.svelte';
635
636
  export { default as SvglWindsurfLogo } from './components/Windsurf.svelte';
636
637
  export { default as SvglWordPressLogo } from './components/WordPress.svelte';
637
638
  export { default as SvglWorkOSLogo } from './components/WorkOS.svelte';
639
+ export { default as SvglXAILogo } from './components/XAI.svelte';
638
640
  export { default as SvglXAIGrokLogo } from './components/XAIGrok.svelte';
639
641
  export { default as SvglXDLogo } from './components/XD.svelte';
640
642
  export { default as SvglXRPLogo } from './components/XRP.svelte';
package/dist/index.js CHANGED
@@ -288,6 +288,7 @@ export { default as SvglKokonutUILogo } from './components/KokonutUI.svelte';
288
288
  export { default as SvglKotlinLogo } from './components/Kotlin.svelte';
289
289
  export { default as SvglKrakenJSLogo } from './components/KrakenJS.svelte';
290
290
  export { default as SvglKubernetesLogo } from './components/Kubernetes.svelte';
291
+ export { default as SvglLangChainLogo } from './components/LangChain.svelte';
291
292
  export { default as SvglLaravelLogo } from './components/Laravel.svelte';
292
293
  export { default as SvglLayersLogo } from './components/Layers.svelte';
293
294
  export { default as SvglLeapWalletLogo } from './components/LeapWallet.svelte';
@@ -637,6 +638,7 @@ export { default as SvglWindowsLogo } from './components/Windows.svelte';
637
638
  export { default as SvglWindsurfLogo } from './components/Windsurf.svelte';
638
639
  export { default as SvglWordPressLogo } from './components/WordPress.svelte';
639
640
  export { default as SvglWorkOSLogo } from './components/WorkOS.svelte';
641
+ export { default as SvglXAILogo } from './components/XAI.svelte';
640
642
  export { default as SvglXAIGrokLogo } from './components/XAIGrok.svelte';
641
643
  export { default as SvglXDLogo } from './components/XD.svelte';
642
644
  export { default as SvglXRPLogo } from './components/XRP.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.8.0",
3
+ "version": "2.10.0",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,