@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/SWR.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2200 2200" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2200 2200" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#000000" d="M571.7 841.7c-.1.1-3.7.4-7.9.8-7.2.6-11.3 1.2-11.3 1.5 0 .1-1.6.3-3.5.5-4.5.5-6.6.9-17.5 3.4-11.6 2.8-11.6 2.8-14.5 3.9-1.4.5-2.7 1-3 1-1.4.2-12.5 4-16.5 5.7-8 3.3-18.3 8.2-23.9 11.2-3.3 1.8-6.9 3.6-7.8 3.9-1 .4-1.8 1-1.8 1.5s-.5.9-1.1.9c-.6 0-4.7 2.5-9.1 5.5-4.4 3-8.3 5.5-8.8 5.5s-1 .3-1.2.8c-.1.4-2.3 2.3-4.8 4.2-6.4 5-6.6 5.1-11.3 9.3-13.2 12-27.2 26.8-29.1 30.8-.5 1-1.3 1.9-1.7 1.9-.4 0-2.1 1.9-3.7 4.2-1.6 2.4-5 7.3-7.5 11.1-2.6 3.7-4.7 7.1-4.7 7.6s-.4 1.1-.9 1.3c-2.9 1-21.1 41.3-24.7 54.3-3.2 11.6-5.3 20.2-5.8 23-.3 1.6-1.2 7-2.1 12-1.8 10.7-2.6 24.7-2.9 58-.2 13.7-.6 26.3-1 28-4 18.7-8 28.4-17.2 41.7-8.9 12.8-22.3 24.4-35.9 31-3.3 1.6-7.1 3.5-8.5 4.3-1.4.7-7.4 2.5-13.5 4-12.4 3.1-28.7 3.7-40.5 1.5-3.6-.7-7-1.3-7.7-1.4-.7-.1-1.6-.5-1.9-.9-.4-.4-1.5-.7-2.5-.7-3.2 0-18.1-7.1-26.5-12.5-8.2-5.4-22.3-19.8-28-28.6-4.7-7.3-11.7-23-12.8-28.5-.3-1.6-1-5-1.5-7.7-.6-2.6-1.3-8.9-1.6-14-.7-11.3-.7-11.3-3.1-16.2-3.3-6.9-10.8-13.4-17.7-15.2-1.2-.4-24.2-.7-51.2-.7l-49-.1-4.8 2.3c-5.8 2.9-11.7 8.6-14.3 13.8-1.6 3.3-1.9 6-1.8 18.4 0 12.5.5 20 1.9 28.5 1.1 6.7 2.3 13.6 2.9 16 .2 1.1.9 4 1.5 6.5 4 17.7 16 47.6 24.6 61.5 1.4 2.2 2.9 4.9 3.4 6 1.9 4.2 16.8 24.8 23.1 32 6.2 7 16.5 17.9 18 19.1.8.7 3.1 2.7 5 4.4 10 9.1 28.6 22.8 39.5 29.1 7.5 4.3 23 11.9 24.3 11.9.6 0 1.2.4 1.2.9s1 1.1 2.2 1.4c1.3.3 6.6 2.2 11.8 4.2 5.2 2 10.2 3.8 11 4 3.6.9 21.8 5.4 24.5 6 1.7.4 4.4.9 6 1.1 1.7.1 4.4.5 6 .8 7.7 1.5 17.5 2.1 35 2.1 19.1-.1 30.4-.9 40.5-3 1.4-.3 4-.8 5.9-1.1 5.8-1 21.4-4.9 24.1-6.1.8-.3 2.4-.8 3.5-1 1.1-.1 2.9-.7 4-1.2s6.1-2.5 11-4.4c5-1.9 11.2-4.7 13.9-6.1 2.7-1.4 5.2-2.6 5.7-2.6 1.2 0 17.6-9.7 25.9-15.2 15.2-10.3 34.9-27.6 48.1-42.4 4.8-5.4 18.7-24.3 22.5-30.6 2-3.5 4.4-7.1 5.2-8.1.8-.9 1.2-1.7.8-1.7-.3 0 .4-1.7 1.7-3.8 5-8.1 15.6-33.2 18.2-43.2.2-.8 1.3-4.7 2.3-8.5 2.6-9.3 5.1-21.1 5.7-26.5.3-2.5.7-5.6 1-7 1-4.9 1.7-21.9 1.9-49 .2-15.4.9-29.9 1.5-33 2.1-10.1 6.9-23.2 10.3-28.3 1.1-1.5 1.7-2.7 1.4-2.7-1.3 0 10-14.9 15.3-20.1 10.3-10.3 19.4-16.3 36.6-24 5.9-2.7 25.4-6.2 34-6.1 10 0 25.3 2.7 33.8 5.8 6.2 2.3 17.2 7.7 17.5 8.6.2.4 1 .8 1.7.8.8 0 2 .6 2.7 1.2.7.7 3.1 2.6 5.3 4.3 2.2 1.6 6.9 5.9 10.5 9.5l6.5 6.5h78.2l78.2.1-.6-2.6c-.3-1.4-.8-3-1.2-3.5-.3-.6-.7-1.8-.8-2.8-.7-4.5-8.1-22.5-14.6-35.6-9.1-18.2-9-18.1-9.9-18.1-.5 0-.8-.4-.8-.9 0-1.2-8.1-13.5-9.2-13.9-.4-.2-.8-.8-.8-1.3 0-.8-2-3.5-4.7-6.4-.7-.8-1.3-1.8-1.3-2.3 0-.6-.3-1.2-.7-1.4-.5-.2-2.6-2.3-4.7-4.8-12.5-14.4-32.3-33-39.2-36.8-1.3-.7-2.4-1.7-2.4-2.2 0-.6-.6-1-1.3-1-.8 0-2.2-.9-3.2-2s-2.4-2-3.1-2c-.7 0-1.4-.4-1.6-.8-.7-1.9-24.2-14.9-36.8-20.5-6.6-3-18.9-7.6-21.2-8.1-1.3-.2-3.4-.9-4.8-1.5-2.3-1-12.6-3.7-17.5-4.7-1.1-.2-3-.6-4.2-.9-5.3-1.2-6.9-1.5-10.8-2.1-12.2-1.9-22.8-2.7-38.8-2.8-8.2-.1-14.9 0-15 .1zM1258.8 841.5c-.2.2-3.9.6-8.3.9-11 .9-17.2 1.8-28.5 4.1-1.4.3-3.6.7-5 1-5.2 1-25.8 7.4-32.7 10.3-4 1.6-7.3 2.8-7.3 2.7 0-.2-6 2.7-13.2 6.4-13.8 7-24.1 12.9-24.6 14.3-.2.4-.8.8-1.3.8-.6 0-3 1.5-5.4 3.2-2.3 1.8-5.5 4.2-7.1 5.3-1.5 1.1-3.2 2.4-3.8 3-.6.5-3.8 3.2-7.1 6-13.7 11.4-32.9 32.5-41.3 45.4-2 3.1-3.9 5.8-4.2 6.1-1.2 1-7 11.1-7 12 0 .6-.3 1-.7 1-.5 0-2.1 2.9-3.8 6.5-1.6 3.5-3.3 6.5-3.7 6.5-.5 0-.8.8-.8 1.8s-.6 2.6-1.4 3.7c-2.6 3.9-14.2 35.5-13 35.5.3 0 0 .9-.6 1.9-.5 1.1-1.3 3.7-1.6 5.8-.3 2.1-.8 4.1-1.1 4.5-.5.9-1 3.4-1.8 8.8-.3 2-.8 4.7-1 6-.5 2.5-1.1 7.1-2.1 14.5-.2 2.2-.7 18.4-.9 36-.2 17.6-.6 33.3-.9 35-.4 1.6-.9 4.6-1.2 6.5-.3 1.9-1.7 7.1-3.1 11.5-7.9 25.3-27.3 47.3-52.2 59.4-5.9 2.8-16.9 6.6-22.1 7.5-1.4.3-2.5.5-2.5.6 0 .5-9.3 1.1-17.5 1.2-12.2.1-19.1-.9-30-4.3-15.7-5-29.5-13.5-41.1-25.2l-7-7.1-77.2-.1c-42.5 0-77.5.1-77.8.2-1 .4 2.2 12.7 3.5 13.5.6.4.8.8.4.8-.6 0 5.9 17.7 8.1 21.7.5 1 2.6 5.2 4.6 9.3 4.9 10.1 16 28.7 18.5 31 .3.3 1.7 2.3 3.2 4.5 1.5 2.2 3.8 5.2 5 6.6 1.3 1.5 4.2 4.9 6.5 7.6 17.5 20.6 43.2 41.6 66.3 54.1 5.1 2.8 14.5 7.6 15 7.7.3 0 2.3.9 4.5 1.9 7.2 3.3 12 5.2 15.5 6.1.3.1 1.9.7 3.5 1.4 6.7 2.8 29.2 8.5 38 9.7 2.8.3 5.2.7 5.6.9 2.9 1.8 47.3 2.7 59.4 1.2 3.3-.4 8-1 10.5-1.3 2.5-.3 8.7-1.4 13.9-2.5 5.1-1.2 10.1-2.2 11-2.4.9-.2 4.6-1.3 8.4-2.5 3.7-1.2 7.3-2.3 8-2.4.6-.2 2.1-.7 3.2-1.1 1.1-.4 5.2-2 9-3.5 39.7-15.6 76.8-43.4 102.3-77 4-5.2 8.1-10.6 9.2-12 1.1-1.4 2-3 2-3.7 0-.6.4-1.3.8-1.5 1-.4 7.9-12.2 13.3-22.6 7-13.7 14.6-34.2 18.5-49.7.4-1.7.8-3.2.9-3.5.4-1.6 1.5-6.9 2-9.5.3-1.7.7-4.1 1-5.5.2-1.4.7-4.8 1.1-7.5.3-2.8.8-6.6 1-8.5.3-1.9.7-16.6.9-32.5.6-38.3.8-41.5 4.4-53.5 3-10.5 9.6-25 11.3-25 .4 0 .8-.5.8-1.1 0-1.2 5.8-8.9 10.4-13.9 25.4-27.1 62.3-38 97.6-29 7.2 1.8 21.6 7.5 23 9 .3.3 2.2 1.4 4.3 2.4 2 1.1 3.7 2.3 3.7 2.8 0 .4.5.8 1.1.8 1.9 0 11.2 8.1 18.9 16.6 7.9 8.7 16.3 23.9 19.8 35.9 3.8 13 4.1 16.1 4.7 40.5.6 26.9 1.3 44.9 2 49.5 2 13.6 3.8 23.8 5.1 29 2.1 8.7 7.4 25.6 9 28.7.8 1.4 1.4 3.2 1.4 3.9 0 2.2 13.7 29.4 19.2 38.2 4.8 7.8 15.1 22 21.4 29.7 3.3 4 23.2 24 28.5 28.5 5.4 4.7 24.7 18.7 25.5 18.5.4-.1 1 .3 1.3.8.9 1.5 10.2 6.8 23.1 13.2 17.6 8.9 40.7 16.8 59.1 20.4.8.2 3 .6 4.9 1 3.6.7 5.3.9 17.5 2.3 8.8 1 41 1 49 .1 13.8-1.7 19.6-2.6 26.8-4.3 3.1-.7 5.7-1 5.7-.7 0 .3.5.1 1.2-.6s2-1.2 3-1.2c1.9 0 23.7-7 29.5-9.5 10.4-4.5 27.7-13.3 35.1-17.9 4.6-2.8 9.5-5.7 10.8-6.4 1.3-.7 2.4-1.7 2.4-2.3 0-.5.7-.9 1.5-.9s1.5-.3 1.5-.8c0-.4 2.1-2.1 4.5-3.7 2.5-1.7 4.5-3.3 4.5-3.8 0-.4.4-.7.9-.7 2.1 0 23.8-20.9 33.2-32 7.2-8.5 14.7-18.6 16.1-21.6.6-1.3 1.4-2.4 1.8-2.4.4 0 1.3-1.4 2-3 .7-1.7 1.6-3 2.1-3s.9-.9.9-2 .3-2 .8-2c.4 0 1.2-1 1.8-2.3.7-1.2 2.8-5.4 4.9-9.2 7.4-14.2 19.5-45.8 18-47.4-.3-.2-35.4-.5-78-.5l-77.4-.1-6.7 6.8c-3.6 3.7-9.8 9.1-13.8 11.8-7 4.9-21.3 12.4-25.8 13.4-1.3.2-4.8 1.1-7.8 2-15.9 4.2-37 3.8-52-1.2-2.5-.8-5.2-1.6-6.1-1.8-.9-.2-2.5-.8-3.5-1.3-1.1-.6-4.1-2.1-6.9-3.3-2.7-1.3-5.4-2.7-6-3.2-.5-.4-3-2.1-5.5-3.7s-6.1-4.4-8.2-6.2c-2-1.8-4.4-4.1-5.5-5-5.4-4.9-11.6-13-16.5-21.4-3.8-6.5-11.2-25.3-10.3-26.2.2-.3 0-1.1-.6-1.9-.6-.7-.9-1.3-.6-1.3.3 0 .1-1.5-.4-3.3-.5-1.7-1.2-12.2-1.4-23.2-.7-28.8-1.5-50.7-2-53.4-.2-1.3-.7-4.9-1.1-8-.8-7.4-2.9-17.5-6-29.1-1.4-5.2-2.7-10-2.8-10.5-.2-.6-.8-2.3-1.4-3.8-.7-1.6-1.2-3.3-1.2-3.8 0-.6-1.1-3.5-2.5-6.5s-2.5-5.6-2.5-5.9c0-.2-.5-1.6-1.2-3.2-.6-1.5-1.2-3-1.3-3.3 0-.3-.7-1.6-1.5-3s-1.5-2.7-1.5-3c-.1-.7-4.7-9.4-8-15-1.4-2.5-3.1-5.5-3.7-6.8-.6-1.2-1.5-2.2-2-2.2-.4 0-.8-.5-.8-1.1 0-1.3-7.7-12.2-16-22.4-23.9-29.7-60.4-56.9-94.5-70.5-4.4-1.7-8.9-3.6-10-4-5.8-2.5-30-9.1-38-10.4-1.6-.2-3-.5-3-.6 0-.2-1.1-.4-2.5-.5-1.4-.1-4.3-.5-6.5-.8-8.2-1.3-15.4-1.8-30.2-2.1-8.4-.2-15.4-.2-15.5-.1zM1942.7 841.6c-.1.1-3.8.5-8.2.9-4.4.3-9.1.8-10.5 1-1.4.2-4.1.7-6 .9-7.9 1.2-9.8 1.6-17.5 3.5-25.3 6.2-44.1 13.8-66 26.4-6.9 4-18.5 11.5-19.5 12.6-.3.4-2.2 1.7-4.2 3.1-2.1 1.4-3.8 2.8-3.8 3.2 0 .5-.4.8-1 .8-.5 0-1.8.8-2.9 1.7-1 1-4.9 4.5-8.6 7.8-10 8.8-20.4 20-29 30.9-1.6 2.1-3.6 4.5-4.2 5.2-.7.7-1.3 1.7-1.3 2.2 0 .6-.3 1.2-.7 1.4-1.2.5-7.3 9.5-7.3 10.6 0 .6-.4 1.2-.8 1.4-1.3.5-15.6 27-15.7 29 0 .4-.6 1.3-1.2 1.9-.7.7-1.3 2-1.3 2.9 0 .9-.3 2-.7 2.4-.5.4-.8 1.1-.9 1.4 0 .4-.5 1.8-1.1 3.2-2.3 5.4-7.3 21.2-7.3 22.9 0 1.7 3.9 1.8 77.6 1.8h77.6l6.8-6.6c10.7-10.4 15.8-14.2 26.5-19.5 12.6-6.2 24.3-9.5 36-10.1 3.9-.2 7.2-.5 7.5-.6 1.1-.2 6.7 0 12 .6 48.4 5.3 86.1 45.4 88.5 94 .7 13.7 3.2 20.2 9.8 26 6.6 5.8 13.6 8 24.7 7.6 3-.1 6.2-.2 7-.2 5.2.2 24.7.2 25.5.1.6-.1 1.2-.2 1.5 0 1.7.6 15 .4 15-.3 0-.5.5-.5 1.1-.1 1 .6 11.8.9 14.4.4.6-.2 1.3-.1 1.8 0 1.7.4 13.5.1 17.7-.5 11.1-1.5 20.7-10.2 23.8-21.5.5-1.9.3-21.1-.3-27-.6-6-1.5-13.8-2.1-17.5-.3-1.7-.7-4.1-.9-5.5-.5-3.9-5.5-24.3-6.5-26.5-.5-1.1-1.6-4.5-2.5-7.5-1.7-5.6-3.9-11.2-5.5-14.2-.6-1-1-2.2-1-2.8 0-3.2-15.4-31.4-22.2-40.7-2.1-2.9-3.8-5.5-3.8-5.8 0-.4-.6-1.2-1.2-1.9-.7-.7-2.4-2.8-3.8-4.6-16.7-22.2-42.1-44.9-67.5-60.2-12.3-7.4-35.2-17.9-49-22.4-1.8-.6-19-5.5-20.5-5.8-7.3-1.7-22.3-4.1-32-5.2-5.4-.6-35.8-1.3-36.3-.8z" />
 </svg>`;
 </script>

package/dist/components/Safari.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66.165833 65.803795" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66.165833 65.803795" width="${width}" height="${height}" ${restAttrs}>
     <defs>
         <linearGradient id="b">
             <stop offset="0" stop-color="#06c2e7"/>

package/dist/components/Salesforce.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox=".5 .5 999 699.242" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox=".5 .5 999 699.242" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#00A1E0" d="M416.224 76.763c32.219-33.57 77.074-54.391 126.682-54.391 65.946 0 123.48 36.772 154.12 91.361 26.626-11.896 56.098-18.514 87.106-18.514 118.94 0 215.368 97.268 215.368 217.247 0 119.993-96.428 217.261-215.368 217.261a213.735 213.735 0 0 1-42.422-4.227c-26.981 48.128-78.397 80.646-137.412 80.646-24.705 0-48.072-5.706-68.877-15.853-27.352 64.337-91.077 109.448-165.348 109.448-77.344 0-143.261-48.939-168.563-117.574-11.057 2.348-22.513 3.572-34.268 3.572C75.155 585.74.5 510.317.5 417.262c0-62.359 33.542-116.807 83.378-145.937-10.26-23.608-15.967-49.665-15.967-77.06C67.911 87.25 154.79.5 261.948.5c62.914 0 118.827 29.913 154.276 76.263"/>
   <path fill="#FFF" d="M145.196 363.11c-.626 1.637.228 1.979.427 2.263 1.878 1.366 3.786 2.349 5.707 3.444 10.189 5.407 19.81 6.986 29.871 6.986 20.492 0 33.214-10.9 33.214-28.447v-.341c0-16.224-14.358-22.115-27.835-26.37l-1.75-.569c-10.161-3.302-18.927-6.147-18.927-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934 8.823 0 19.297 2.932 26.042 6.66 0 0 1.978 1.281 2.704-.64.398-1.025 3.814-10.218 4.17-11.214.384-1.082-.299-1.879-.996-2.306-7.699-4.682-18.344-7.884-29.358-7.884l-2.049.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.358 5.635 18.358 12.58v.342c0 6.347-5.521 11.071-14.43 11.071-3.458 0-14.487-.071-26.398-7.6-1.438-.84-2.277-1.451-3.387-2.12-.583-.37-2.049-1.011-2.689.925l-4.045 11.215zm299.998 0c-.626 1.637.228 1.979.427 2.263 1.878 1.366 3.786 2.349 5.706 3.444 10.189 5.407 19.811 6.986 29.871 6.986 20.492 0 33.215-10.9 33.215-28.447v-.341c0-16.224-14.359-22.115-27.836-26.37l-1.75-.569c-10.161-3.302-18.928-6.147-18.928-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934 8.823 0 19.297 2.932 26.043 6.66 0 0 1.978 1.281 2.703-.64.398-1.025 3.814-10.218 4.17-11.214.385-1.082-.299-1.879-.996-2.306-7.699-4.682-18.344-7.884-29.358-7.884l-2.05.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.373 5.635 18.373 12.58v.342c0 6.347-5.536 11.071-14.445 11.071-3.457 0-14.486-.071-26.397-7.6-1.438-.84-2.291-1.423-3.372-2.12-.371-.242-2.107-.911-2.705.925l-4.042 11.215zm204.801-34.37c0 9.919-1.85 17.731-5.493 23.253-3.601 5.465-9.051 8.126-16.649 8.126-7.613 0-13.035-2.647-16.579-8.126-3.587-5.507-5.407-13.334-5.407-23.253 0-9.904 1.82-17.703 5.407-23.168 3.544-5.407 8.966-8.04 16.579-8.04 7.599 0 13.049 2.633 16.664 8.04 3.629 5.464 5.478 13.263 5.478 23.168m17.106-18.386c-1.68-5.679-4.298-10.688-7.784-14.857-3.487-4.184-7.898-7.542-13.136-9.99-5.223-2.433-11.398-3.671-18.328-3.671-6.945 0-13.121 1.238-18.344 3.671-5.237 2.448-9.648 5.807-13.149 9.99-3.472 4.184-6.091 9.193-7.784 14.857-1.665 5.649-2.505 11.825-2.505 18.386s.84 12.751 2.505 18.386c1.693 5.664 4.298 10.674 7.799 14.857 3.486 4.184 7.912 7.528 13.135 9.904 5.236 2.377 11.398 3.586 18.344 3.586 6.93 0 13.092-1.209 18.328-3.586 5.223-2.376 9.648-5.721 13.136-9.904 3.486-4.17 6.104-9.179 7.784-14.857 1.68-5.649 2.519-11.84 2.519-18.386s-.841-12.737-2.52-18.386m140.467 47.116c-.569-1.665-2.177-1.039-2.177-1.039-2.49.954-5.138 1.836-7.955 2.277-2.861.44-6.006.669-9.379.669-8.281 0-14.856-2.462-19.566-7.329-4.725-4.867-7.372-12.736-7.344-23.381.029-9.691 2.362-16.978 6.561-22.527 4.17-5.521 10.517-8.354 18.984-8.354 7.059 0 12.438.811 18.072 2.59 0 0 1.352.583 1.992-1.181 1.494-4.156 2.604-7.13 4.198-11.698.456-1.295-.654-1.85-1.053-2.007-2.22-.868-7.457-2.276-11.413-2.874-3.7-.569-8.026-.868-12.836-.868-7.188 0-13.591 1.224-19.069 3.672-5.465 2.433-10.104 5.791-13.775 9.976-3.672 4.184-6.461 9.192-8.325 14.856-1.85 5.649-2.789 11.854-2.789 18.415 0 14.188 3.828 25.657 11.385 34.054 7.57 8.425 18.941 12.708 33.77 12.708 8.766 0 17.76-1.778 24.221-4.326 0 0 1.238-.598.697-2.034l-4.199-11.599zm29.929-38.232c.811-5.507 2.334-10.09 4.682-13.661 3.544-5.422 8.951-8.396 16.551-8.396s12.623 2.988 16.223 8.396c2.391 3.571 3.43 8.354 3.843 13.661h-41.299zm57.592-12.111c-1.451-5.479-5.052-11.015-7.414-13.548-3.729-4.013-7.371-6.816-10.986-8.382-4.725-2.021-10.389-3.358-16.593-3.358-7.229 0-13.79 1.21-19.112 3.714-5.336 2.505-9.818 5.921-13.334 10.176-3.516 4.24-6.162 9.292-7.842 15.027-1.693 5.707-2.547 11.926-2.547 18.485 0 6.675.883 12.894 2.633 18.486 1.765 5.636 4.582 10.602 8.396 14.714 3.799 4.142 8.695 7.387 14.558 9.648 5.821 2.249 12.894 3.416 21.019 3.401 16.722-.057 25.53-3.785 29.159-5.792.641-.355 1.253-.981.483-2.774l-3.785-10.603c-.568-1.579-2.177-.996-2.177-.996-4.142 1.537-10.032 4.298-23.766 4.27-8.979-.014-15.64-2.661-19.81-6.803-4.283-4.24-6.375-10.474-6.745-19.268l57.905.057s1.522-.028 1.68-1.509c.057-.624 1.993-11.895-1.722-24.945m-521.327 12.111c.825-5.507 2.334-10.09 4.682-13.661 3.543-5.422 8.951-8.396 16.55-8.396s12.623 2.988 16.237 8.396c2.376 3.571 3.415 8.354 3.828 13.661h-41.297zm57.577-12.111c-1.451-5.479-5.037-11.015-7.399-13.548-3.729-4.013-7.372-6.816-10.986-8.382-4.725-2.021-10.388-3.358-16.593-3.358-7.215 0-13.79 1.21-19.112 3.714-5.336 2.505-9.819 5.921-13.334 10.176-3.515 4.24-6.162 9.292-7.841 15.027-1.679 5.707-2.547 11.926-2.547 18.485 0 6.675.882 12.894 2.633 18.486 1.765 5.636 4.583 10.602 8.396 14.714 3.8 4.142 8.695 7.387 14.558 9.648 5.821 2.249 12.893 3.416 21.019 3.401 16.721-.057 25.53-3.785 29.159-5.792.641-.355 1.252-.981.484-2.774l-3.771-10.603c-.584-1.579-2.191-.996-2.191-.996-4.141 1.537-10.019 4.298-23.78 4.27-8.965-.014-15.625-2.661-19.795-6.803-4.284-4.24-6.375-10.474-6.746-19.268l57.905.057s1.522-.028 1.679-1.509c.055-.624 1.99-11.895-1.738-24.945m-182.738 50.026c-2.263-1.808-2.576-2.263-3.344-3.43-1.139-1.779-1.722-4.312-1.722-7.528 0-5.095 1.679-8.752 5.166-11.214-.042.015 4.981-4.34 16.792-4.184 8.296.114 15.71 1.338 15.71 1.338v26.327h.014s-7.357 1.579-15.639 2.077c-11.783.712-17.02-3.4-16.977-3.386m23.039-40.686c-2.348-.171-5.394-.271-9.037-.271-4.966 0-9.762.626-14.259 1.836-4.525 1.209-8.595 3.103-12.096 5.606a27.927 27.927 0 0 0-8.396 9.549c-2.049 3.814-3.088 8.311-3.088 13.349 0 5.123.882 9.577 2.647 13.221 1.765 3.657 4.312 6.702 7.556 9.051 3.216 2.348 7.187 4.069 11.797 5.108 4.54 1.039 9.691 1.565 15.327 1.565 5.934 0 11.854-.483 17.589-1.466 5.678-.968 12.651-2.377 14.586-2.817a146.25 146.25 0 0 0 4.056-1.039c1.438-.355 1.324-1.893 1.324-1.893l-.029-52.952c0-11.613-3.102-20.223-9.207-25.559-6.077-5.322-15.028-8.013-26.597-8.013-4.341 0-11.328.599-15.512 1.438 0 0-12.651 2.448-17.86 6.518 0 0-1.138.712-.512 2.306l4.099 11.015c.512 1.423 1.893.939 1.893.939s.441-.171.954-.47c11.143-6.062 25.231-5.877 25.231-5.877 6.262 0 11.072 1.252 14.316 3.742 3.159 2.419 4.767 6.076 4.767 13.789v2.448c-4.981-.711-9.549-1.123-9.549-1.123m467.029-29.836c.44-1.31-.484-1.936-.869-2.078-.981-.384-5.905-1.423-9.705-1.665-7.271-.441-11.312.783-14.928 2.405-3.586 1.622-7.57 4.24-9.791 7.215v-7.044c0-.982-.697-1.765-1.665-1.765h-14.843c-.967 0-1.664.782-1.664 1.765v86.366c0 .968.797 1.765 1.764 1.765h15.213a1.76 1.76 0 0 0 1.75-1.765v-43.147c0-5.792.641-11.569 1.922-15.198 1.252-3.587 2.96-6.461 5.066-8.525 2.12-2.049 4.525-3.486 7.158-4.297 2.689-.826 5.663-1.096 7.77-1.096 3.031 0 6.361.782 6.361.782 1.109.128 1.736-.555 2.105-1.565.997-2.647 3.815-10.574 4.356-12.153"/>
   <path fill="#FFF" d="M595.874 246.603c-1.85-.569-3.529-.954-5.721-1.366-2.221-.398-4.867-.598-7.869-.598-10.475 0-18.729 2.96-24.52 8.794-5.764 5.807-9.678 14.644-11.642 26.271l-.712 3.913h-13.148s-1.594-.057-1.936 1.68l-2.148 12.053c-.157 1.139.342 1.864 1.878 1.864h12.794l-12.979 72.463c-1.011 5.835-2.178 10.631-3.473 14.273-1.267 3.587-2.504 6.276-4.041 8.24-1.48 1.879-2.875 3.273-5.295 4.084-1.992.669-4.297.982-6.816.982-1.395 0-3.258-.229-4.639-.513-1.366-.271-2.092-.569-3.131-1.011 0 0-1.494-.568-2.092.926-.47 1.238-3.885 10.615-4.298 11.769-.398 1.152.171 2.049.896 2.319 1.708.598 2.974.996 5.294 1.551 3.217.755 5.934.797 8.481.797 5.322 0 10.189-.754 14.217-2.205 4.042-1.466 7.57-4.014 10.701-7.457 3.373-3.729 5.493-7.628 7.515-12.964 2.006-5.266 3.729-11.812 5.094-19.439l13.05-73.815h19.069s1.607.057 1.936-1.693l2.162-12.039c.143-1.152-.341-1.864-1.893-1.864h-18.514c.1-.412.939-6.931 3.06-13.063.911-2.604 2.618-4.725 4.056-6.177 1.424-1.423 3.06-2.433 4.854-3.017 1.835-.598 3.928-.882 6.219-.882 1.736 0 3.457.199 4.752.469 1.793.385 2.49.584 2.961.727 1.893.569 2.148.014 2.519-.896l4.426-12.153c.455-1.312-.669-1.867-1.067-2.023m-258.68 125.231c0 .968-.697 1.751-1.665 1.751h-15.355c-.968 0-1.651-.783-1.651-1.751v-123.58c0-.967.683-1.75 1.651-1.75h15.355c.968 0 1.665.783 1.665 1.75v123.58z"/>

package/dist/components/Sanity.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 512 104" width="${width}" height="${height}"><path fill="#F37368" d="M381.462 36.986v64.834h-20.886V26.833z"/><path fill="#F7A199" d="m85.865 89.781 15.665 13.634 65.994-34.375-6.817-16.39-74.842 37.131Zm274.71-41.772 53.086-27.558-8.992-15.52-44.093 21.902v21.176Z"/><path fill="#F37368" d="M211.182 31.91v69.91h-20.016V2.176l20.016 29.733ZM85.865 89.78l15.665 13.634 30.169-75.422-9.718-25.817L85.865 89.78Z"/><path fill="#F04939" d="M121.98 2.176h20.597l38.146 99.644h-21.176L121.98 2.176Zm92.248 0L258.176 70.2v31.619l-67.01-99.644h23.062Zm81.659 0h20.74v99.644h-20.74V2.176Zm64.689 18.275h-31.91V2.176h74.407l10.588 18.275H360.576Z"/><path fill="#F7A199" d="M475.014 63.964v37.856h-20.596V63.964"/><path fill="#F04939" d="m489.228 2.176-34.81 61.788h20.596L511.13 2.176z"/><path fill="#F37368" d="m454.418 63.964-35.97-61.788h22.626l24.222 42.352z"/><path fill="#F04939" d="M8.558 13.779c0 13.78 8.557 22.046 25.672 26.398l18.13 4.206c16.245 3.771 26.108 13.054 26.108 28.138.145 6.527-2.03 12.909-5.947 18.13 0-15.084-7.832-23.206-26.543-28.138l-17.84-4.06C13.78 55.26 2.756 47.572 2.756 31.183c0-6.237 2.03-12.474 5.802-17.405"/><path fill="#F37368" d="M258.176 65.124V2.176h20.016v99.644h-20.016zM61.353 68.75c7.687 4.932 11.168 11.894 11.168 21.902-6.527 8.267-17.695 12.763-30.894 12.763-22.191 0-38-11.023-41.337-30.023h21.321c2.756 8.702 10.008 12.763 19.871 12.763 11.749.145 19.726-6.237 19.871-17.405M8.558 13.634C14.794 5.512 25.528.58 38.58.58c22.772 0 35.826 12.039 39.162 28.864H57.147c-2.32-6.672-7.978-11.894-18.276-11.894-11.168.145-18.71 6.527-19.145 16.68-7.474-4.122-11.459-12.184-11.168-20.596Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 512 104" width="${width}" height="${height}" ${restAttrs}><path fill="#F37368" d="M381.462 36.986v64.834h-20.886V26.833z"/><path fill="#F7A199" d="m85.865 89.781 15.665 13.634 65.994-34.375-6.817-16.39-74.842 37.131Zm274.71-41.772 53.086-27.558-8.992-15.52-44.093 21.902v21.176Z"/><path fill="#F37368" d="M211.182 31.91v69.91h-20.016V2.176l20.016 29.733ZM85.865 89.78l15.665 13.634 30.169-75.422-9.718-25.817L85.865 89.78Z"/><path fill="#F04939" d="M121.98 2.176h20.597l38.146 99.644h-21.176L121.98 2.176Zm92.248 0L258.176 70.2v31.619l-67.01-99.644h23.062Zm81.659 0h20.74v99.644h-20.74V2.176Zm64.689 18.275h-31.91V2.176h74.407l10.588 18.275H360.576Z"/><path fill="#F7A199" d="M475.014 63.964v37.856h-20.596V63.964"/><path fill="#F04939" d="m489.228 2.176-34.81 61.788h20.596L511.13 2.176z"/><path fill="#F37368" d="m454.418 63.964-35.97-61.788h22.626l24.222 42.352z"/><path fill="#F04939" d="M8.558 13.779c0 13.78 8.557 22.046 25.672 26.398l18.13 4.206c16.245 3.771 26.108 13.054 26.108 28.138.145 6.527-2.03 12.909-5.947 18.13 0-15.084-7.832-23.206-26.543-28.138l-17.84-4.06C13.78 55.26 2.756 47.572 2.756 31.183c0-6.237 2.03-12.474 5.802-17.405"/><path fill="#F37368" d="M258.176 65.124V2.176h20.016v99.644h-20.016zM61.353 68.75c7.687 4.932 11.168 11.894 11.168 21.902-6.527 8.267-17.695 12.763-30.894 12.763-22.191 0-38-11.023-41.337-30.023h21.321c2.756 8.702 10.008 12.763 19.871 12.763 11.749.145 19.726-6.237 19.871-17.405M8.558 13.634C14.794 5.512 25.528.58 38.58.58c22.772 0 35.826 12.039 39.162 28.864H57.147c-2.32-6.672-7.978-11.894-18.276-11.894-11.168.145-18.71 6.527-19.145 16.68-7.474-4.122-11.459-12.184-11.168-20.596Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Sass.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 512 384" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path fill="#CF649A" d="M441 221c-18 0-34 4-47 10-5-9-9-17-10-24s-2-11-1-20 6-21 6-22c0 0-1-5-11-5-11 0-20 2-21 5l-4 15c-2 9-20 43-31 60-4-7-7-13-7-17-1-8-2-12-1-21s6-20 6-21-1-6-11-6c-11 0-20 2-21 5l-4 15-34 76-8 18c-2 4 0 0 0 1l-3 5-4 5s-1-7 1-16c3-19 12-49 12-51 0 0 2-5-6-8-7-3-9 2-10 2l-1 1s8-34-16-34c-14 0-35 17-45 31l-34 19-17 9-1-1c-29-31-82-52-79-93 0-15 6-54 101-102 79-39 141-28 152-4 16 34-33 97-115 106-31 3-47-9-51-13-4-5-5-5-7-4s-1 5 0 8c3 6 13 17 30 23 15 5 51 8 95-9 49-19 88-72 77-117-12-45-87-60-157-35-43 15-88 39-121 70-39 36-45 68-43 81 10 47 74 78 100 100l-3 2c-13 7-63 33-75 60-14 31 2 53 13 56 33 10 68-7 86-34 18-28 16-64 8-80l-1-1 11-6 18-10c-3 9-5 19-6 34-2 17 6 40 15 49 4 4 9 4 12 4 11 0 16-9 22-20l13-28s-8 41 13 41c7 0 15-9 18-14l1-1 1-2 20-37 25-57 5 20c2 8 7 16 10 24l-4 7-8 10c-10 12-23 26-24 30-2 5-2 8 2 11 3 2 8 2 13 2l18-4 17-9c10-7 16-18 15-32 0-7-3-15-6-22l3-4c16-23 28-49 28-49l5 21 9 20a89 89 0 0 0-27 36c-6 17-2 24 7 26 4 1 10-1 14-3 5-1 11-4 17-8 10-8 20-18 19-32 0-6-2-13-4-19 12-5 29-8 49-5 45 5 54 33 52 44-2 12-11 18-14 20l-4 4c1 2 2 2 5 2 3-1 23-10 24-31 1-28-25-58-71-57zM97 336c-14 16-35 23-44 17-9-5-6-29 13-46 11-10 25-20 34-26l9-5 1-1 3-1c6 24 0 45-16 62zm108-73c-5 13-16 45-22 43-6-1-9-26-2-50 4-12 13-26 18-32 8-9 17-12 19-8 3 5-10 39-13 47zm89 43-5 1v-2l16-17 9-11v1c0 14-14 24-20 28zm68-16c-2-1-1-5 4-16 2-5 7-13 15-20l2 9c0 18-13 24-21 27z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 512 384" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path fill="#CF649A" d="M441 221c-18 0-34 4-47 10-5-9-9-17-10-24s-2-11-1-20 6-21 6-22c0 0-1-5-11-5-11 0-20 2-21 5l-4 15c-2 9-20 43-31 60-4-7-7-13-7-17-1-8-2-12-1-21s6-20 6-21-1-6-11-6c-11 0-20 2-21 5l-4 15-34 76-8 18c-2 4 0 0 0 1l-3 5-4 5s-1-7 1-16c3-19 12-49 12-51 0 0 2-5-6-8-7-3-9 2-10 2l-1 1s8-34-16-34c-14 0-35 17-45 31l-34 19-17 9-1-1c-29-31-82-52-79-93 0-15 6-54 101-102 79-39 141-28 152-4 16 34-33 97-115 106-31 3-47-9-51-13-4-5-5-5-7-4s-1 5 0 8c3 6 13 17 30 23 15 5 51 8 95-9 49-19 88-72 77-117-12-45-87-60-157-35-43 15-88 39-121 70-39 36-45 68-43 81 10 47 74 78 100 100l-3 2c-13 7-63 33-75 60-14 31 2 53 13 56 33 10 68-7 86-34 18-28 16-64 8-80l-1-1 11-6 18-10c-3 9-5 19-6 34-2 17 6 40 15 49 4 4 9 4 12 4 11 0 16-9 22-20l13-28s-8 41 13 41c7 0 15-9 18-14l1-1 1-2 20-37 25-57 5 20c2 8 7 16 10 24l-4 7-8 10c-10 12-23 26-24 30-2 5-2 8 2 11 3 2 8 2 13 2l18-4 17-9c10-7 16-18 15-32 0-7-3-15-6-22l3-4c16-23 28-49 28-49l5 21 9 20a89 89 0 0 0-27 36c-6 17-2 24 7 26 4 1 10-1 14-3 5-1 11-4 17-8 10-8 20-18 19-32 0-6-2-13-4-19 12-5 29-8 49-5 45 5 54 33 52 44-2 12-11 18-14 20l-4 4c1 2 2 2 5 2 3-1 23-10 24-31 1-28-25-58-71-57zM97 336c-14 16-35 23-44 17-9-5-6-29 13-46 11-10 25-20 34-26l9-5 1-1 3-1c6 24 0 45-16 62zm108-73c-5 13-16 45-22 43-6-1-9-26-2-50 4-12 13-26 18-32 8-9 17-12 19-8 3 5-10 39-13 47zm89 43-5 1v-2l16-17 9-11v1c0 14-14 24-20 28zm68-16c-2-1-1-5 4-16 2-5 7-13 15-20l2 9c0 18-13 24-21 27z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Scala.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 416" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 416" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="a">
       <stop stop-color="#4F4F4F" offset="0%"/>

package/dist/components/Sentry.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 227" width="${width}" height="${height}"><path fill="#362D59" d="M148.368 12.403a23.935 23.935 0 0 0-41.003 0L73.64 70.165c52.426 26.174 87.05 78.177 90.975 136.642h-23.679c-3.918-50.113-34.061-94.41-79.238-116.448l-31.213 53.97a81.595 81.595 0 0 1 47.307 62.375h-54.38a3.895 3.895 0 0 1-3.178-5.69l15.069-25.626a55.046 55.046 0 0 0-17.221-9.738L3.167 191.277a23.269 23.269 0 0 0 8.662 31.982 23.884 23.884 0 0 0 11.583 3.075h74.471a99.432 99.432 0 0 0-41.003-88.72l11.84-20.5c35.679 24.504 55.754 66.038 52.79 109.22h63.094c2.99-65.43-29.047-127.512-84.107-162.986l23.935-41.002a3.947 3.947 0 0 1 5.382-1.384c2.716 1.486 103.993 178.208 105.89 180.258a3.895 3.895 0 0 1-3.486 5.792h-24.396c.307 6.526.307 13.035 0 19.528h24.499A23.528 23.528 0 0 0 256 202.91a23.015 23.015 0 0 0-3.178-11.685L148.368 12.403Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 227" width="${width}" height="${height}" ${restAttrs}><path fill="#362D59" d="M148.368 12.403a23.935 23.935 0 0 0-41.003 0L73.64 70.165c52.426 26.174 87.05 78.177 90.975 136.642h-23.679c-3.918-50.113-34.061-94.41-79.238-116.448l-31.213 53.97a81.595 81.595 0 0 1 47.307 62.375h-54.38a3.895 3.895 0 0 1-3.178-5.69l15.069-25.626a55.046 55.046 0 0 0-17.221-9.738L3.167 191.277a23.269 23.269 0 0 0 8.662 31.982 23.884 23.884 0 0 0 11.583 3.075h74.471a99.432 99.432 0 0 0-41.003-88.72l11.84-20.5c35.679 24.504 55.754 66.038 52.79 109.22h63.094c2.99-65.43-29.047-127.512-84.107-162.986l23.935-41.002a3.947 3.947 0 0 1 5.382-1.384c2.716 1.486 103.993 178.208 105.89 180.258a3.895 3.895 0 0 1-3.486 5.792h-24.396c.307 6.526.307 13.035 0 19.528h24.499A23.528 23.528 0 0 0 256 202.91a23.015 23.015 0 0 0-3.178-11.685L148.368 12.403Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Sequelize.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 296" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 296" width="${width}" height="${height}" ${restAttrs}>
   <path d="M219 94.4V201l-90.6 53.5-.8.8V295l.8.8L256 222.2V73.7l-1.2-.3-36 20 .2 1" fill="#2F406A"/>
   <path d="m37.6 201.8 90.8 52.7V296L0 221.9V74l1.3-.1 35.9 20.8.4 1.2v106" fill="#2379BD"/>
   <path d="M37.6 95.8 0 74 128.1 0 256 73.7l-37 20.7-90.9-51.9-90.5 53.3" fill="#03AFEF"/>

package/dist/components/Shadcnui.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="${width}" height="${height}"><path fill="none" d="M0 0h256v256H0z"/><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"/></svg>
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><path fill="none" d="M0 0h256v256H0z"/><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"/></svg>
 `;
 </script>
 

package/dist/components/Shiki.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 266 266" width="${width}" height="${height}"><circle cx="219.5" cy="46.5" r="46.5" fill="#CB7676"/><path fill="#4B9978" d="M0 48h266v65H0z"/><path fill="#83D0DA" d="M109.463 144.426c-.451-5.634-2.564-10.029-6.339-13.184-3.719-3.156-9.381-4.733-16.988-4.733-4.846 0-8.818.591-11.917 1.775-3.042 1.127-5.296 2.676-6.761 4.648-1.465 1.972-2.226 4.226-2.282 6.761-.113 2.085.254 3.973 1.099 5.663.901 1.634 2.31 3.127 4.225 4.479 1.916 1.296 4.367 2.48 7.353 3.55 2.987 1.071 6.536 2.029 10.65 2.874l14.198 3.042c9.579 2.029 17.777 4.705 24.595 8.029 6.817 3.325 12.396 7.241 16.734 11.748 4.339 4.451 7.522 9.466 9.55 15.044 2.085 5.578 3.156 11.663 3.212 18.256-.056 11.381-2.902 21.016-8.536 28.905-5.635 7.888-13.692 13.888-24.172 18.002-10.424 4.113-22.96 6.169-37.61 6.169-15.044 0-28.172-2.225-39.385-6.676-11.156-4.452-19.833-11.298-26.03-20.538-6.142-9.297-9.241-21.186-9.298-35.666h44.625c.282 5.296 1.606 9.747 3.972 13.354 2.367 3.606 5.691 6.338 9.974 8.198 4.338 1.859 9.494 2.789 15.466 2.789 5.015 0 9.212-.62 12.593-1.86 3.381-1.239 5.944-2.958 7.691-5.155 1.747-2.198 2.648-4.705 2.705-7.522-.057-2.648-.93-4.959-2.62-6.931-1.634-2.028-4.339-3.831-8.114-5.409-3.775-1.634-8.874-3.155-15.298-4.564l-17.241-3.718c-15.326-3.325-27.412-8.875-36.258-16.65-8.79-7.832-13.156-18.509-13.1-32.032-.056-10.987 2.874-20.594 8.79-28.82 5.973-8.283 14.227-14.734 24.763-19.355 10.593-4.62 22.735-6.93 36.427-6.93 13.974 0 26.059 2.338 36.258 7.015 10.198 4.677 18.058 11.269 23.58 19.777 5.578 8.452 8.395 18.34 8.452 29.665h-44.963Z"/><path fill="#E6CC78" d="M217 0v266h-65V0z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 266 266" width="${width}" height="${height}" ${restAttrs}><circle cx="219.5" cy="46.5" r="46.5" fill="#CB7676"/><path fill="#4B9978" d="M0 48h266v65H0z"/><path fill="#83D0DA" d="M109.463 144.426c-.451-5.634-2.564-10.029-6.339-13.184-3.719-3.156-9.381-4.733-16.988-4.733-4.846 0-8.818.591-11.917 1.775-3.042 1.127-5.296 2.676-6.761 4.648-1.465 1.972-2.226 4.226-2.282 6.761-.113 2.085.254 3.973 1.099 5.663.901 1.634 2.31 3.127 4.225 4.479 1.916 1.296 4.367 2.48 7.353 3.55 2.987 1.071 6.536 2.029 10.65 2.874l14.198 3.042c9.579 2.029 17.777 4.705 24.595 8.029 6.817 3.325 12.396 7.241 16.734 11.748 4.339 4.451 7.522 9.466 9.55 15.044 2.085 5.578 3.156 11.663 3.212 18.256-.056 11.381-2.902 21.016-8.536 28.905-5.635 7.888-13.692 13.888-24.172 18.002-10.424 4.113-22.96 6.169-37.61 6.169-15.044 0-28.172-2.225-39.385-6.676-11.156-4.452-19.833-11.298-26.03-20.538-6.142-9.297-9.241-21.186-9.298-35.666h44.625c.282 5.296 1.606 9.747 3.972 13.354 2.367 3.606 5.691 6.338 9.974 8.198 4.338 1.859 9.494 2.789 15.466 2.789 5.015 0 9.212-.62 12.593-1.86 3.381-1.239 5.944-2.958 7.691-5.155 1.747-2.198 2.648-4.705 2.705-7.522-.057-2.648-.93-4.959-2.62-6.931-1.634-2.028-4.339-3.831-8.114-5.409-3.775-1.634-8.874-3.155-15.298-4.564l-17.241-3.718c-15.326-3.325-27.412-8.875-36.258-16.65-8.79-7.832-13.156-18.509-13.1-32.032-.056-10.987 2.874-20.594 8.79-28.82 5.973-8.283 14.227-14.734 24.763-19.355 10.593-4.62 22.735-6.93 36.427-6.93 13.974 0 26.059 2.338 36.258 7.015 10.198 4.677 18.058 11.269 23.58 19.777 5.578 8.452 8.395 18.34 8.452 29.665h-44.963Z"/><path fill="#E6CC78" d="M217 0v266h-65V0z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Shopify.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 292" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 292" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}>
     <path d="M223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357-1.055-.088-23.383-1.743-23.383-1.743s-15.507-15.395-17.209-17.099c-1.703-1.703-5.029-1.185-6.32-.805-.19.056-3.388 1.043-8.678 2.68-5.18-14.906-14.322-28.604-30.405-28.604-.444 0-.901.018-1.358.044C129.31 3.407 123.644.779 118.75.779c-37.465 0-55.364 46.835-60.976 70.635-14.558 4.511-24.9 7.718-26.221 8.133-8.126 2.549-8.383 2.805-9.45 10.462C21.3 95.806.038 260.235.038 260.235l165.678 31.042 89.77-19.42S223.973 58.8 223.775 57.34zM156.49 40.848l-14.019 4.339c.005-.988.01-1.96.01-3.023 0-9.264-1.286-16.723-3.349-22.636 8.287 1.04 13.806 10.469 17.358 21.32zm-27.638-19.483c2.304 5.773 3.802 14.058 3.802 25.238 0 .572-.005 1.095-.01 1.624-9.117 2.824-19.024 5.89-28.953 8.966 5.575-21.516 16.025-31.908 25.161-35.828zm-11.131-10.537c1.617 0 3.246.549 4.805 1.622-12.007 5.65-24.877 19.88-30.312 48.297l-22.886 7.088C75.694 46.16 90.81 10.828 117.72 10.828z" fill="#95BF46"/>
     <path d="M221.237 54.983c-1.055-.088-23.383-1.743-23.383-1.743s-15.507-15.395-17.209-17.099c-.637-.634-1.496-.959-2.394-1.099l-12.527 256.233 89.762-19.418S223.972 58.8 223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357" fill="#5E8E3E"/>
     <path d="M135.242 104.585l-11.069 32.926s-9.698-5.176-21.586-5.176c-17.428 0-18.305 10.937-18.305 13.693 0 15.038 39.2 20.8 39.2 56.024 0 27.713-17.577 45.558-41.277 45.558-28.44 0-42.984-17.7-42.984-17.7l7.615-25.16s14.95 12.835 27.565 12.835c8.243 0 11.596-6.49 11.596-11.232 0-19.616-32.16-20.491-32.16-52.724 0-27.129 19.472-53.382 58.778-53.382 15.145 0 22.627 4.338 22.627 4.338" fill="#FFF"/>

package/dist/components/Sketch.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" color="#000" viewBox="0 0 32 32" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" color="#000" viewBox="0 0 32 32" width="${width}" height="${height}" ${restAttrs}>
   <path fill="currentcolor" fill-rule="evenodd" d="m.38 11.986 6.412-8.704a.8.8 0 0 1 .556-.32l8.564-.952a.8.8 0 0 1 .176 0l8.564.951a.8.8 0 0 1 .556.32l6.413 8.705a.8.8 0 0 1-.04.997L16.455 30.475a.6.6 0 0 1-.908 0L.418 12.983a.8.8 0 0 1-.039-.997zm17.826-7.403 6.047 5.712a.4.4 0 0 0 .674-.32l-.29-4.054a.2.2 0 0 1 .392-.07l1.326 4.642a1 1 0 0 0 .645.674l2.83.943a.2.2 0 0 1-.062.39h-2.72a1 1 0 0 0-.843.463l-7.414 11.65a.3.3 0 0 1-.523-.291l5.314-10.96a.6.6 0 0 0-.54-.862H8.958a.6.6 0 0 0-.54.862l5.314 10.96a.3.3 0 0 1-.523.292l-7.414-11.65a1 1 0 0 0-.844-.464H2.148a.2.2 0 0 1-.062-.39l2.908-.945a1 1 0 0 0 .652-.677l1.325-4.637a.2.2 0 0 1 .392.07l-.29 4.054a.4.4 0 0 0 .674.32l6.047-5.712a.2.2 0 0 1 .293.272L10.03 9.848a.4.4 0 0 0 .31.652h11.32a.4.4 0 0 0 .31-.652l-4.057-4.993a.2.2 0 0 1 .293-.272z"/>
 </svg>`;
 </script>

package/dist/components/Sky.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.0" viewBox="0 0 600 450" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.0" viewBox="0 0 600 450" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="426.5456" x2="602.6903" y1="212.7078" y2="111.0067" gradientTransform="matrix(1 0 0 -1 -120.9449 379.3622)" gradientUnits="userSpaceOnUse">
     <stop offset="0" stop-color="#e20720"/>
     <stop offset=".33" stop-color="#d20f81"/>

package/dist/components/Skype.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}"><defs><linearGradient id="a" x1="42.173%" x2="57.827%" y1=".584%" y2="99.416%"><stop offset="1%" stop-color="#00B7F0"/><stop offset="34%" stop-color="#009DE5"/><stop offset="76%" stop-color="#0082D9"/><stop offset="100%" stop-color="#0078D4"/></linearGradient><linearGradient id="b" x1="6.659%" x2="93.341%" y1="75%" y2="25%"><stop offset="0%" stop-color="#0078D4"/><stop offset="37%" stop-color="#007AD5"/><stop offset="57%" stop-color="#0082D9"/><stop offset="74%" stop-color="#0090DF"/><stop offset="88%" stop-color="#00A3E7"/><stop offset="100%" stop-color="#00BCF2"/></linearGradient><linearGradient id="f" x1="30.436%" x2="80.436%" y1="16.124%" y2="102.737%"><stop offset="0%" stop-color="#00B7F0"/><stop offset="100%" stop-color="#007CC1"/></linearGradient><linearGradient id="g" x1="45.636%" x2="54.364%" y1="99.815%" y2=".185%"><stop offset="0%" stop-color="#0078D4"/><stop offset="100%" stop-color="#00BCF2"/></linearGradient><radialGradient id="d" cx="48.539%" cy="50%" r="50.021%" fx="48.539%" fy="50%"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></radialGradient><path id="c" d="M179.903 104.187a75.715 75.715 0 0 0-38.567 10.55c19.535-32.94 11.499-75.273-18.749-98.764C92.34-7.52 49.337-4.827 22.255 22.255-4.826 49.336-7.519 92.34 15.973 122.587c23.491 30.248 65.823 38.284 98.765 18.749-17.49 29.642-12.843 67.344 11.322 91.852 24.166 24.508 61.798 29.685 91.684 12.613 29.886-17.071 44.542-52.118 35.705-85.382-8.836-33.265-38.95-56.418-73.37-56.409l-.176.177Z"/></defs><path fill="#FFF" d="M246.663 143.907c.746-5.228 1.13-10.5 1.153-15.782A119.868 119.868 0 0 0 127.948 8.258c-5.28.022-10.553.407-15.781 1.152C82.62-6.514 46.125-1.165 22.392 22.57-1.342 46.303-6.691 82.797 9.233 112.344c-.745 5.228-1.13 10.5-1.153 15.781 0 66.202 53.667 119.868 119.868 119.868 5.28-.022 10.554-.407 15.782-1.152 29.546 15.924 66.04 10.575 89.775-13.16 23.733-23.733 29.083-60.228 13.158-89.774Z"/><circle cx="75.994" cy="76.171" r="75.893" fill="url(#a)"/><circle cx="179.903" cy="180.08" r="75.893" fill="url(#b)"/><mask id="e" fill="#fff"><use xlink:href="#c"/></mask><circle cx="125.547" cy="133.578" r="141.812" fill="url(#d)" mask="url(#e)"/><circle cx="127.948" cy="128.125" r="119.868" fill="url(#f)"/><circle cx="127.948" cy="128.125" r="119.868" fill="url(#g)"/><path fill="#FFF" d="M84.239 113.408a34.755 34.755 0 0 1-4.078-17.2 31.12 31.12 0 0 1 7.27-20.746 44.33 44.33 0 0 1 18.973-12.59 73.144 73.144 0 0 1 24.736-4.167c5.521-.039 11.037.377 16.49 1.241a70.041 70.041 0 0 1 11.438 2.926 21.899 21.899 0 0 1 8.866 5.763 11.26 11.26 0 0 1 2.837 7.625 11.171 11.171 0 0 1-2.926 8.068 9.575 9.575 0 0 1-7.27 3.014 13.742 13.742 0 0 1-5.497-1.241c-4.176-1.85-8.471-3.42-12.856-4.7a46.458 46.458 0 0 0-12.5-1.506 29.258 29.258 0 0 0-15.605 3.9 12.944 12.944 0 0 0-6.206 11.704 11.703 11.703 0 0 0 3.192 8.156 29.79 29.79 0 0 0 8.866 6.295c3.635 1.773 8.866 4.167 16.313 7.182l2.305.886a111.356 111.356 0 0 1 20.126 10.107 40.783 40.783 0 0 1 12.501 12.767 33.602 33.602 0 0 1 4.522 17.732 35.464 35.464 0 0 1-6.295 21.367 36.705 36.705 0 0 1-17.732 12.945 73.499 73.499 0 0 1-26.155 4.255 82.365 82.365 0 0 1-35.464-6.738 20.037 20.037 0 0 1-7.358-5.674 13.476 13.476 0 0 1-2.305-7.802 9.93 9.93 0 0 1 3.103-7.89 11.348 11.348 0 0 1 8.068-2.838 21.19 21.19 0 0 1 9.486 2.394c3.635 1.773 6.472 3.192 8.866 4.078a40.163 40.163 0 0 0 7.359 2.305 39.454 39.454 0 0 0 9.487.976 25.18 25.18 0 0 0 15.958-4.256 13.83 13.83 0 0 0 5.408-11.614 12.501 12.501 0 0 0-3.369-8.866 37.858 37.858 0 0 0-9.93-7.27c-4.344-2.306-10.55-5.054-18.44-8.423a118.183 118.183 0 0 1-20.304-10.462c-4.796-3.19-8.977-6.727-11.88-11.703Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="42.173%" x2="57.827%" y1=".584%" y2="99.416%"><stop offset="1%" stop-color="#00B7F0"/><stop offset="34%" stop-color="#009DE5"/><stop offset="76%" stop-color="#0082D9"/><stop offset="100%" stop-color="#0078D4"/></linearGradient><linearGradient id="b" x1="6.659%" x2="93.341%" y1="75%" y2="25%"><stop offset="0%" stop-color="#0078D4"/><stop offset="37%" stop-color="#007AD5"/><stop offset="57%" stop-color="#0082D9"/><stop offset="74%" stop-color="#0090DF"/><stop offset="88%" stop-color="#00A3E7"/><stop offset="100%" stop-color="#00BCF2"/></linearGradient><linearGradient id="f" x1="30.436%" x2="80.436%" y1="16.124%" y2="102.737%"><stop offset="0%" stop-color="#00B7F0"/><stop offset="100%" stop-color="#007CC1"/></linearGradient><linearGradient id="g" x1="45.636%" x2="54.364%" y1="99.815%" y2=".185%"><stop offset="0%" stop-color="#0078D4"/><stop offset="100%" stop-color="#00BCF2"/></linearGradient><radialGradient id="d" cx="48.539%" cy="50%" r="50.021%" fx="48.539%" fy="50%"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></radialGradient><path id="c" d="M179.903 104.187a75.715 75.715 0 0 0-38.567 10.55c19.535-32.94 11.499-75.273-18.749-98.764C92.34-7.52 49.337-4.827 22.255 22.255-4.826 49.336-7.519 92.34 15.973 122.587c23.491 30.248 65.823 38.284 98.765 18.749-17.49 29.642-12.843 67.344 11.322 91.852 24.166 24.508 61.798 29.685 91.684 12.613 29.886-17.071 44.542-52.118 35.705-85.382-8.836-33.265-38.95-56.418-73.37-56.409l-.176.177Z"/></defs><path fill="#FFF" d="M246.663 143.907c.746-5.228 1.13-10.5 1.153-15.782A119.868 119.868 0 0 0 127.948 8.258c-5.28.022-10.553.407-15.781 1.152C82.62-6.514 46.125-1.165 22.392 22.57-1.342 46.303-6.691 82.797 9.233 112.344c-.745 5.228-1.13 10.5-1.153 15.781 0 66.202 53.667 119.868 119.868 119.868 5.28-.022 10.554-.407 15.782-1.152 29.546 15.924 66.04 10.575 89.775-13.16 23.733-23.733 29.083-60.228 13.158-89.774Z"/><circle cx="75.994" cy="76.171" r="75.893" fill="url(#a)"/><circle cx="179.903" cy="180.08" r="75.893" fill="url(#b)"/><mask id="e" fill="#fff"><use xlink:href="#c"/></mask><circle cx="125.547" cy="133.578" r="141.812" fill="url(#d)" mask="url(#e)"/><circle cx="127.948" cy="128.125" r="119.868" fill="url(#f)"/><circle cx="127.948" cy="128.125" r="119.868" fill="url(#g)"/><path fill="#FFF" d="M84.239 113.408a34.755 34.755 0 0 1-4.078-17.2 31.12 31.12 0 0 1 7.27-20.746 44.33 44.33 0 0 1 18.973-12.59 73.144 73.144 0 0 1 24.736-4.167c5.521-.039 11.037.377 16.49 1.241a70.041 70.041 0 0 1 11.438 2.926 21.899 21.899 0 0 1 8.866 5.763 11.26 11.26 0 0 1 2.837 7.625 11.171 11.171 0 0 1-2.926 8.068 9.575 9.575 0 0 1-7.27 3.014 13.742 13.742 0 0 1-5.497-1.241c-4.176-1.85-8.471-3.42-12.856-4.7a46.458 46.458 0 0 0-12.5-1.506 29.258 29.258 0 0 0-15.605 3.9 12.944 12.944 0 0 0-6.206 11.704 11.703 11.703 0 0 0 3.192 8.156 29.79 29.79 0 0 0 8.866 6.295c3.635 1.773 8.866 4.167 16.313 7.182l2.305.886a111.356 111.356 0 0 1 20.126 10.107 40.783 40.783 0 0 1 12.501 12.767 33.602 33.602 0 0 1 4.522 17.732 35.464 35.464 0 0 1-6.295 21.367 36.705 36.705 0 0 1-17.732 12.945 73.499 73.499 0 0 1-26.155 4.255 82.365 82.365 0 0 1-35.464-6.738 20.037 20.037 0 0 1-7.358-5.674 13.476 13.476 0 0 1-2.305-7.802 9.93 9.93 0 0 1 3.103-7.89 11.348 11.348 0 0 1 8.068-2.838 21.19 21.19 0 0 1 9.486 2.394c3.635 1.773 6.472 3.192 8.866 4.078a40.163 40.163 0 0 0 7.359 2.305 39.454 39.454 0 0 0 9.487.976 25.18 25.18 0 0 0 15.958-4.256 13.83 13.83 0 0 0 5.408-11.614 12.501 12.501 0 0 0-3.369-8.866 37.858 37.858 0 0 0-9.93-7.27c-4.344-2.306-10.55-5.054-18.44-8.423a118.183 118.183 0 0 1-20.304-10.462c-4.796-3.19-8.977-6.727-11.88-11.703Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Slack.svelte

@@ -1,11 +1,20 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
 	const svgContent = `<svg
   enable-background="new 0 0 2447.6 2452.5"
   viewBox="0 0 2447.6 2452.5"
   xmlns="http://www.w3.org/2000/svg"
- width="${width}" height="${height}">
+ width="${width}" height="${height}" ${restAttrs}>
   <g clip-rule="evenodd" fill-rule="evenodd">
     <path
       d="m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z"

package/dist/components/Snapchat.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="147.353 39.286 514.631 514.631" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" fill="#000000" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="147.353 39.286 514.631 514.631" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" fill="#000000" width="${width}" height="${height}" ${restAttrs}>
   <g id="SVGRepo_bgCarrier" stroke-width="0">
   </g>
   <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round">

package/dist/components/Socketio.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" width="${width}" height="${height}" ${restAttrs}>
 	<circle cx="128" cy="128" r="114" stroke="#010101" stroke-width="20" fill="none" />
 	<path d="M97.637 121.69c27.327-22.326 54.058-45.426 81.98-67.097-14.646 22.505-29.708 44.711-44.354 67.215-12.562.06-25.123.06-37.626-.119zM120.737 134.132c12.621 0 25.183 0 37.745.179-27.505 22.206-54.117 45.484-82.099 67.096 14.646-22.505 29.708-44.77 44.354-67.275z" fill="#010101"/>
 </svg>`;

package/dist/components/Solana.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><defs><linearGradient x1="90.737%" y1="34.776%" x2="35.509%" y2="55.415%" id="a"><stop stop-color="#00FFA3" offset="0%"/><stop stop-color="#DC1FFF" offset="100%"/></linearGradient><linearGradient x1="66.588%" y1="43.8%" x2="11.36%" y2="64.439%" id="b"><stop stop-color="#00FFA3" offset="0%"/><stop stop-color="#DC1FFF" offset="100%"/></linearGradient><linearGradient x1="78.586%" y1="39.317%" x2="23.358%" y2="59.956%" id="c"><stop stop-color="#00FFA3" offset="0%"/><stop stop-color="#DC1FFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="nonzero"><circle fill="#181E33" cx="18" cy="18" r="18"/><path d="M3.9 14.355a.785.785 0 0 1 .554-.23h19.153c.35 0 .525.423.277.67l-3.783 3.784a.785.785 0 0 1-.555.23H.393a.392.392 0 0 1-.277-.67l3.783-3.784z" fill="url(#a)" transform="translate(6 9)"/><path d="M3.9.23c.15-.146.35-.23.554-.23h19.153c.35 0 .525.422.277.67l-3.783 3.783a.785.785 0 0 1-.555.23H.393a.392.392 0 0 1-.277-.67L3.899.229z" fill="url(#b)" transform="translate(6 9)"/><path d="M20.1 7.247a.785.785 0 0 0-.554-.23H.393a.392.392 0 0 0-.277.67l3.783 3.784c.145.145.344.23.555.23h19.153c.35 0 .525-.423.277-.67l-3.783-3.784z" fill="url(#c)" transform="translate(6 9)"/></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="90.737%" y1="34.776%" x2="35.509%" y2="55.415%" id="a"><stop stop-color="#00FFA3" offset="0%"/><stop stop-color="#DC1FFF" offset="100%"/></linearGradient><linearGradient x1="66.588%" y1="43.8%" x2="11.36%" y2="64.439%" id="b"><stop stop-color="#00FFA3" offset="0%"/><stop stop-color="#DC1FFF" offset="100%"/></linearGradient><linearGradient x1="78.586%" y1="39.317%" x2="23.358%" y2="59.956%" id="c"><stop stop-color="#00FFA3" offset="0%"/><stop stop-color="#DC1FFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="nonzero"><circle fill="#181E33" cx="18" cy="18" r="18"/><path d="M3.9 14.355a.785.785 0 0 1 .554-.23h19.153c.35 0 .525.423.277.67l-3.783 3.784a.785.785 0 0 1-.555.23H.393a.392.392 0 0 1-.277-.67l3.783-3.784z" fill="url(#a)" transform="translate(6 9)"/><path d="M3.9.23c.15-.146.35-.23.554-.23h19.153c.35 0 .525.422.277.67l-3.783 3.783a.785.785 0 0 1-.555.23H.393a.392.392 0 0 1-.277-.67L3.899.229z" fill="url(#b)" transform="translate(6 9)"/><path d="M20.1 7.247a.785.785 0 0 0-.554-.23H.393a.392.392 0 0 0-.277.67l3.783 3.784c.145.145.344.23.555.23h19.153c.35 0 .525-.423.277-.67l-3.783-3.784z" fill="url(#c)" transform="translate(6 9)"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Solidity.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1300 1300" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1300 1300" width="${width}" height="${height}" ${restAttrs}>
   <path d="M773.772 253.308 643.068 485.61H381.842l130.614-232.302h261.316" opacity=".45"/>
   <path d="M643.068 485.61h261.318L773.772 253.308H512.456L643.068 485.61z" opacity=".6"/>
   <path d="M512.456 717.822 643.068 485.61 512.456 253.308 381.842 485.61l130.614 232.212z" opacity=".8"/>

package/dist/components/Solidjs.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 239" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><linearGradient x1="-5.859%" y1="38.27%" x2="91.406%" y2="60.924%" id="a"><stop stop-color="#76B3E1" offset="10%"/><stop stop-color="#DCF2FD" offset="30%"/><stop stop-color="#76B3E1" offset="100%"/></linearGradient><linearGradient x1="56.996%" y1="38.44%" x2="37.941%" y2="68.375%" id="b"><stop stop-color="#76B3E1" offset="0%"/><stop stop-color="#4377BB" offset="50%"/><stop stop-color="#1F3B77" offset="100%"/></linearGradient><linearGradient x1="10.709%" y1="34.532%" x2="104.337%" y2="70.454%" id="c"><stop stop-color="#315AA9" offset="0%"/><stop stop-color="#518AC8" offset="50%"/><stop stop-color="#315AA9" offset="100%"/></linearGradient><linearGradient x1="61.993%" y1="29.58%" x2="17.762%" y2="105.119%" id="d"><stop stop-color="#4377BB" offset="0%"/><stop stop-color="#1A336B" offset="50%"/><stop stop-color="#1A336B" offset="100%"/></linearGradient></defs><path d="M256 50.473S170.667-12.32 104.654 2.17l-4.83 1.61c-9.66 3.22-17.71 8.05-22.541 14.49l-3.22 4.83-24.151 41.862 41.862 8.05c17.71 11.271 40.251 16.101 61.182 11.271l74.063 14.49L256 50.474Z" fill="#76B3E1"/><path d="M256 50.473S170.667-12.32 104.654 2.17l-4.83 1.61c-9.66 3.22-17.71 8.05-22.541 14.49l-3.22 4.83-24.151 41.862 41.862 8.05c17.71 11.271 40.251 16.101 61.182 11.271l74.063 14.49L256 50.474Z" fill="url(#a)" opacity=".3"/><path d="m77.283 50.473-6.44 1.61c-27.371 8.05-35.422 33.811-20.931 56.352 16.1 20.931 49.912 32.201 77.283 24.151l99.824-33.811S141.686 35.982 77.283 50.473Z" fill="#518AC8"/><path d="m77.283 50.473-6.44 1.61c-27.371 8.05-35.422 33.811-20.931 56.352 16.1 20.931 49.912 32.201 77.283 24.151l99.824-33.811S141.686 35.982 77.283 50.473Z" fill="url(#b)" opacity=".3"/><path d="M209.308 122.926c-18.44-23.037-49.007-32.59-77.283-24.151l-99.824 32.201L0 187.328l180.327 30.591 32.201-57.962c6.44-11.27 4.83-24.15-3.22-37.031Z" fill="url(#c)"/><path d="M177.107 179.278c-18.44-23.037-49.008-32.59-77.283-24.151L0 187.328s85.333 64.403 151.346 48.302l4.83-1.61c27.371-8.05 37.032-33.811 20.93-54.742Z" fill="url(#d)"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 239" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="-5.859%" y1="38.27%" x2="91.406%" y2="60.924%" id="a"><stop stop-color="#76B3E1" offset="10%"/><stop stop-color="#DCF2FD" offset="30%"/><stop stop-color="#76B3E1" offset="100%"/></linearGradient><linearGradient x1="56.996%" y1="38.44%" x2="37.941%" y2="68.375%" id="b"><stop stop-color="#76B3E1" offset="0%"/><stop stop-color="#4377BB" offset="50%"/><stop stop-color="#1F3B77" offset="100%"/></linearGradient><linearGradient x1="10.709%" y1="34.532%" x2="104.337%" y2="70.454%" id="c"><stop stop-color="#315AA9" offset="0%"/><stop stop-color="#518AC8" offset="50%"/><stop stop-color="#315AA9" offset="100%"/></linearGradient><linearGradient x1="61.993%" y1="29.58%" x2="17.762%" y2="105.119%" id="d"><stop stop-color="#4377BB" offset="0%"/><stop stop-color="#1A336B" offset="50%"/><stop stop-color="#1A336B" offset="100%"/></linearGradient></defs><path d="M256 50.473S170.667-12.32 104.654 2.17l-4.83 1.61c-9.66 3.22-17.71 8.05-22.541 14.49l-3.22 4.83-24.151 41.862 41.862 8.05c17.71 11.271 40.251 16.101 61.182 11.271l74.063 14.49L256 50.474Z" fill="#76B3E1"/><path d="M256 50.473S170.667-12.32 104.654 2.17l-4.83 1.61c-9.66 3.22-17.71 8.05-22.541 14.49l-3.22 4.83-24.151 41.862 41.862 8.05c17.71 11.271 40.251 16.101 61.182 11.271l74.063 14.49L256 50.474Z" fill="url(#a)" opacity=".3"/><path d="m77.283 50.473-6.44 1.61c-27.371 8.05-35.422 33.811-20.931 56.352 16.1 20.931 49.912 32.201 77.283 24.151l99.824-33.811S141.686 35.982 77.283 50.473Z" fill="#518AC8"/><path d="m77.283 50.473-6.44 1.61c-27.371 8.05-35.422 33.811-20.931 56.352 16.1 20.931 49.912 32.201 77.283 24.151l99.824-33.811S141.686 35.982 77.283 50.473Z" fill="url(#b)" opacity=".3"/><path d="M209.308 122.926c-18.44-23.037-49.007-32.59-77.283-24.151l-99.824 32.201L0 187.328l180.327 30.591 32.201-57.962c6.44-11.27 4.83-24.15-3.22-37.031Z" fill="url(#c)"/><path d="M177.107 179.278c-18.44-23.037-49.008-32.59-77.283-24.151L0 187.328s85.333 64.403 151.346 48.302l4.83-1.61c27.371-8.05 37.032-33.811 20.93-54.742Z" fill="url(#d)"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/SoundCloud.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 33.51" width="${width}" height="${height}"><g data-name="Layer 2"><path d="M75 23.6a10.5 10.5 0 0 1-10.63 9.91H38.82a2.14 2.14 0 0 1-2.12-2.13V3.87a2.34 2.34 0 0 1 1.41-2.24S40.46 0 45.41 0A16.74 16.74 0 0 1 54 2.36a17 17 0 0 1 8 11.08 9.8 9.8 0 0 1 2.71-.37A10.23 10.23 0 0 1 75 23.6ZM33.51 5.61a.83.83 0 1 0-1.65 0c-.7 9.25-1.24 17.92 0 27.14a.83.83 0 0 0 1.65 0c1.33-9.3.77-17.81 0-27.14ZM28.35 8.81a.87.87 0 0 0-1.73 0 103.7 103.7 0 0 0 0 23.95.87.87 0 0 0 1.72 0 93.2 93.2 0 0 0 .01-23.95ZM23.16 8a.84.84 0 0 0-1.67 0c-.79 8.44-1.19 16.32 0 24.74a.83.83 0 0 0 1.66 0c1.23-8.53.85-16.19.01-24.74ZM18 10.41a.86.86 0 0 0-1.72 0 87.61 87.61 0 0 0 0 22.36.85.85 0 0 0 1.69 0A81.68 81.68 0 0 0 18 10.41ZM12.79 16a.85.85 0 0 0-1.7 0c-1.23 5.76-.65 11 .05 16.83a.81.81 0 0 0 1.6 0c.77-5.91 1.36-11.03.05-16.83ZM7.62 15.12a.88.88 0 0 0-1.75 0C4.78 21 5.14 26.18 5.9 32.05c.08.89 1.59.88 1.69 0 .84-5.96 1.23-10.99.03-16.93ZM2.4 18a.88.88 0 0 0-1.75 0c-1 3.95-.69 7.22.07 11.18a.82.82 0 0 0 1.63 0c.88-4.04 1.31-7.24.05-11.18Z"/></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 33.51" width="${width}" height="${height}" ${restAttrs}><g data-name="Layer 2"><path d="M75 23.6a10.5 10.5 0 0 1-10.63 9.91H38.82a2.14 2.14 0 0 1-2.12-2.13V3.87a2.34 2.34 0 0 1 1.41-2.24S40.46 0 45.41 0A16.74 16.74 0 0 1 54 2.36a17 17 0 0 1 8 11.08 9.8 9.8 0 0 1 2.71-.37A10.23 10.23 0 0 1 75 23.6ZM33.51 5.61a.83.83 0 1 0-1.65 0c-.7 9.25-1.24 17.92 0 27.14a.83.83 0 0 0 1.65 0c1.33-9.3.77-17.81 0-27.14ZM28.35 8.81a.87.87 0 0 0-1.73 0 103.7 103.7 0 0 0 0 23.95.87.87 0 0 0 1.72 0 93.2 93.2 0 0 0 .01-23.95ZM23.16 8a.84.84 0 0 0-1.67 0c-.79 8.44-1.19 16.32 0 24.74a.83.83 0 0 0 1.66 0c1.23-8.53.85-16.19.01-24.74ZM18 10.41a.86.86 0 0 0-1.72 0 87.61 87.61 0 0 0 0 22.36.85.85 0 0 0 1.69 0A81.68 81.68 0 0 0 18 10.41ZM12.79 16a.85.85 0 0 0-1.7 0c-1.23 5.76-.65 11 .05 16.83a.81.81 0 0 0 1.6 0c.77-5.91 1.36-11.03.05-16.83ZM7.62 15.12a.88.88 0 0 0-1.75 0C4.78 21 5.14 26.18 5.9 32.05c.08.89 1.59.88 1.69 0 .84-5.96 1.23-10.99.03-16.93ZM2.4 18a.88.88 0 0 0-1.75 0c-1 3.95-.69 7.22.07 11.18a.82.82 0 0 0 1.63 0c.88-4.04 1.31-7.24.05-11.18Z"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Sourcegraph.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="-3 0 262 262" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="-3 0 262 262" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}>
 	<g>
 		<path d="M74.2028387,33.6020645 L131.154581,241.796129 C134.982194,255.787355 149.425548,264.026839 163.408516,260.195097 C177.401806,256.363355 185.633032,241.915871 181.803355,227.92671 L124.84129,19.7264516 C121.011613,5.73935484 106.570323,-2.50219355 92.5873548,1.3316129 C78.6064516,5.15716129 70.3731613,19.6087742 74.2028387,33.6 L74.2028387,33.6020645 Z" fill="#F96316">
 

package/dist/components/Spinnaker.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 297" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 297" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="82.2%" y1="6%" x2="34.6%" y2="106.1%" id="a">
       <stop stop-color="#2B3990" offset="0%"/>