@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/components/Appwrite.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 90 91" width="${width}" height="${height}"><g clip-path="url(#a)"><path fill="#19191D" d="M90 .839H0v90h90z"/><g opacity=".9"><g filter="url(#b)"><path fill="#FD366E" fill-opacity=".8" d="M153.6 91.037 5.806-31.793l99.144-29.674L153.6 91.037Z"/></g><g filter="url(#c)" opacity=".55"><path fill="#FE9567" fill-opacity=".8" d="M149.601 66.145 26.704-35.994l82.443-24.675 40.454 126.814Z"/></g><g filter="url(#d)"><path fill="#FD366E" fill-opacity=".8" d="m99.172-30.774 29.725 93.182-78.146-1.212-12.157-73.84 60.578-18.13Z"/></g><g filter="url(#e)" opacity=".65"><path fill="#FE9567" fill-opacity=".8" d="m122.067 25.612-65.743-54.64 44.103-13.2 21.64 67.84Z"/></g><g filter="url(#f)" style="mix-blend-mode:overlay"><ellipse cx="51.664" cy="4.998" fill="#EDEDF0" fill-opacity=".4" rx="51.664" ry="4.998" transform="scale(1 -1) rotate(-44.222 52.735 -69.976)"/></g><g filter="url(#g)" style="mix-blend-mode:overlay"><ellipse cx="40.558" cy="4.13" fill="#EDEDF0" fill-opacity=".4" rx="40.558" ry="4.13" transform="scale(1 -1) rotate(-44.222 36.043 -48.606)"/></g></g><g filter="url(#h)"><path fill="url(#i)" d="M71.92 57.313v12.074H41.658c-8.817 0-16.515-4.856-20.634-12.075a24.282 24.282 0 0 1-3.132-10.442v-3.264a24.114 24.114 0 0 1 .842-4.954c2.827-10.136 12.02-17.563 22.924-17.563s20.095 7.427 22.922 17.563H51.64c-2.124-3.304-5.8-5.489-9.982-5.489-4.182 0-7.859 2.185-9.983 5.489a12.044 12.044 0 0 0-1.479 3.293 12.232 12.232 0 0 0-.448 3.293c0 3.461 1.435 6.58 3.737 8.782a11.775 11.775 0 0 0 8.173 3.292H71.92Z"/><path fill="#FD366E" d="M71.92 41.944V54.02H49.83a12.111 12.111 0 0 0 3.738-8.782c0-1.141-.156-2.245-.448-3.293h18.8Z"/></g></g><defs><filter id="b" width="310.336" height="315.046" x="-75.465" y="-142.738" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="40.636"/></filter><filter id="c" width="242.601" height="246.518" x="-33.148" y="-120.521" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="29.926"/></filter><filter id="d" width="315.887" height="318.766" x="-74.198" y="-143.566" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="56.396"/></filter><filter id="e" width="163.269" height="165.364" x="7.561" y="-90.99" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="24.381"/></filter><filter id="f" width="131.272" height="129.315" x="38.621" y="-49.158" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="14.222"/></filter><filter id="g" width="115.311" height="113.776" x="18.403" y="-42.926" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="14.222"/></filter><filter id="h" width="65.309" height="59.578" x="12.252" y="15.449" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="2.82"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_878_1918"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_878_1918" result="shape"/></filter><linearGradient id="i" x1="30.605" x2="102.512" y1="21.004" y2="98.87" gradientUnits="userSpaceOnUse"><stop offset=".36" stop-color="#FD366E"/><stop offset="1" stop-color="#FE9567"/></linearGradient><clipPath id="a"><path fill="#fff" d="M90 .839H0v90h90z"/></clipPath></defs></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 90 91" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="#19191D" d="M90 .839H0v90h90z"/><g opacity=".9"><g filter="url(#b)"><path fill="#FD366E" fill-opacity=".8" d="M153.6 91.037 5.806-31.793l99.144-29.674L153.6 91.037Z"/></g><g filter="url(#c)" opacity=".55"><path fill="#FE9567" fill-opacity=".8" d="M149.601 66.145 26.704-35.994l82.443-24.675 40.454 126.814Z"/></g><g filter="url(#d)"><path fill="#FD366E" fill-opacity=".8" d="m99.172-30.774 29.725 93.182-78.146-1.212-12.157-73.84 60.578-18.13Z"/></g><g filter="url(#e)" opacity=".65"><path fill="#FE9567" fill-opacity=".8" d="m122.067 25.612-65.743-54.64 44.103-13.2 21.64 67.84Z"/></g><g filter="url(#f)" style="mix-blend-mode:overlay"><ellipse cx="51.664" cy="4.998" fill="#EDEDF0" fill-opacity=".4" rx="51.664" ry="4.998" transform="scale(1 -1) rotate(-44.222 52.735 -69.976)"/></g><g filter="url(#g)" style="mix-blend-mode:overlay"><ellipse cx="40.558" cy="4.13" fill="#EDEDF0" fill-opacity=".4" rx="40.558" ry="4.13" transform="scale(1 -1) rotate(-44.222 36.043 -48.606)"/></g></g><g filter="url(#h)"><path fill="url(#i)" d="M71.92 57.313v12.074H41.658c-8.817 0-16.515-4.856-20.634-12.075a24.282 24.282 0 0 1-3.132-10.442v-3.264a24.114 24.114 0 0 1 .842-4.954c2.827-10.136 12.02-17.563 22.924-17.563s20.095 7.427 22.922 17.563H51.64c-2.124-3.304-5.8-5.489-9.982-5.489-4.182 0-7.859 2.185-9.983 5.489a12.044 12.044 0 0 0-1.479 3.293 12.232 12.232 0 0 0-.448 3.293c0 3.461 1.435 6.58 3.737 8.782a11.775 11.775 0 0 0 8.173 3.292H71.92Z"/><path fill="#FD366E" d="M71.92 41.944V54.02H49.83a12.111 12.111 0 0 0 3.738-8.782c0-1.141-.156-2.245-.448-3.293h18.8Z"/></g></g><defs><filter id="b" width="310.336" height="315.046" x="-75.465" y="-142.738" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="40.636"/></filter><filter id="c" width="242.601" height="246.518" x="-33.148" y="-120.521" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="29.926"/></filter><filter id="d" width="315.887" height="318.766" x="-74.198" y="-143.566" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="56.396"/></filter><filter id="e" width="163.269" height="165.364" x="7.561" y="-90.99" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="24.381"/></filter><filter id="f" width="131.272" height="129.315" x="38.621" y="-49.158" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="14.222"/></filter><filter id="g" width="115.311" height="113.776" x="18.403" y="-42.926" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_878_1918" stdDeviation="14.222"/></filter><filter id="h" width="65.309" height="59.578" x="12.252" y="15.449" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="2.82"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_878_1918"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_878_1918" result="shape"/></filter><linearGradient id="i" x1="30.605" x2="102.512" y1="21.004" y2="98.87" gradientUnits="userSpaceOnUse"><stop offset=".36" stop-color="#FD366E"/><stop offset="1" stop-color="#FE9567"/></linearGradient><clipPath id="a"><path fill="#fff" d="M90 .839H0v90h90z"/></clipPath></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Arc.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="${width}" height="${height}"><path d="M236.5.6C233.8.8 225.4 1.9 218 3 147 13.5 83.2 54.1 42.8 114.5c-40.7 60.9-53 138.1-33.3 209.8C26.1 385.1 66 438.4 121 473.4c9.8 6.2 34.9 18.5 47.3 23 13.7 5.1 34.1 10.2 50.9 12.7 20.4 3.2 53.2 3.2 73.6 0 28.2-4.3 50.2-11.2 75.7-23.6 24.8-12.1 45.1-26.4 64.9-45.5 59.9-58.1 87.9-139.8 75.7-221.5C498.5 147 458 83.3 397.5 42.8c-29.9-20-66.2-34-103-39.8-12.7-2-45.9-3.4-58-2.4zM400.8 175c16.1 1.7 43.2 8.2 43.2 10.4 0 .9-12 38.8-12.4 39.3-.1.1-3.7-.9-7.9-2.2-20.3-6.2-46.9-7.7-67.5-3.6C293 231.3 245.1 283.7 238 348.1c-1.4 13-2.4 16.2-6.3 20.6-7.7 8.7-21.3 9.6-29.6 2-3.1-2.9-7.1-11.4-7.1-15.2 0-6.4-4.2-20.4-9-30-10.1-20.2-26.1-34.1-48-41.7-9-3-10.3-3.2-24-3.3-11.4 0-16.1.4-22 2-4.1 1.1-7.9 2-8.4 2s-3.7-8.8-7.2-19.5c-4.5-14-6-19.7-5.1-20.2 1.8-1.1 16-4.8 23-6 9.7-1.6 32-1.3 41.2.7 26.5 5.6 46.7 16.5 65.6 35.6l10.6 10.7 3.2-6.7c8.7-17.7 21.4-35.2 35.9-49.8 39.6-39.9 95.3-60.1 150-54.3z"/></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 219" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path fill="#FFF" d="M123.632.012c13.836.398 26.332 8.52 32.32 21.089l23.761 49.984.382-.966a58.846 58.846 0 0 0 2.315-7.64l.332-1.548c4.004-20.02 23.463-32.977 43.52-29.016a36.982 36.982 0 0 1 29.018 43.526c-5.337 26.652-19.095 51.387-38.829 70.983l-.625.607 8.33 17.514c9.668 20.33-.349 44.903-21.4 51.799l-.95.297-.725.219a36.691 36.691 0 0 1-9.897 1.373 37.012 37.012 0 0 1-33.42-21.102l-6.43-13.518-1.622.402c-8.692 2.054-17.508 3.192-26.328 3.367l-2.405.024c-8.488 0-17.116-.987-25.736-2.9l-1.7-.396-6.177 12.987a36.972 36.972 0 0 1-20.713 18.852l-1.1.382a36.963 36.963 0 0 1-28.96-2.484c-17.56-9.334-24.256-31.186-15.688-49.235l7.67-16.129-.67-.65C17.39 137.46 9.054 125.67 3.524 112.996l-.737-1.733-.106-.281C-4.93 92.058 4.21 70.517 23.122 62.86c14.834-6.005 31.278-1.693 41.39 9.578l.19.218 24.446-51.422A36.858 36.858 0 0 1 121.535.01L122.57 0l1.062.012Z"/><path fill="#1A007F" d="m87.118 170.045 21.896-46.068c-16.724-3.552-33.551-13.897-43.068-26.482L43.05 145.63c12.723 10.793 27.999 19.276 44.068 24.414"/><path fill="#4E000A" d="M178.495 96.115c-11 13.483-26.275 23.483-42.62 27.379l21.827 45.93c15.931-5.38 30.827-14.069 43.69-25.206l-22.897-48.103Z"/><path fill="#1A007F" d="M43.05 145.631 31.602 169.7c-5.828 12.241-1.449 27.31 10.551 33.689 12.724 6.758 28.379 1.483 34.517-11.38l10.448-21.964A130.635 130.635 0 0 1 43.05 145.63"/><path fill="#FF9396" d="M223.942 43.565a25.137 25.137 0 0 0-29.585 19.723c-2.414 12.07-8.069 23.31-15.862 32.862l22.862 48.137c21.103-18.31 36.688-43.24 42.275-71.137 2.724-13.655-6.104-26.896-19.69-29.585"/><path fill="#002DC8" d="M135.875 123.494c-4.896 1.172-9.896 1.793-14.896 1.793-3.896 0-7.93-.448-11.965-1.31-16.724-3.552-33.551-13.897-43.068-26.482-2.38-3.138-4.31-6.414-5.655-9.759-5.207-12.862-19.862-19.068-32.724-13.896C14.705 79.047 8.5 93.702 13.671 106.563c5.896 14.62 16.31 28.034 29.379 39.068a130.48 130.48 0 0 0 44.033 24.414c11.069 3.551 22.551 5.517 33.862 5.517 12.551 0 24.93-2.173 36.723-6.138l-21.793-45.93Z"/><path fill="#FF536A" d="m213.425 169.596-12.068-25.378-22.862-48.103-.034.035s0-.035.034-.035l-33.24-69.93a25.144 25.144 0 0 0-22.69-14.344c-9.69 0-18.517 5.586-22.689 14.345L65.98 97.495c9.517 12.585 26.344 22.93 43.068 26.482l10.965-23.034c1.035-2.173 4.138-2.173 5.173 0l10.724 22.551h.069-.07l21.828 45.93 10.724 22.551a25.103 25.103 0 0 0 22.723 14.345c2.242 0 4.483-.31 6.69-.931 15.138-4.173 22.31-21.586 15.551-35.793"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/ArkUI.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	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 512" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
+  <rect width="512" height="512" rx="254" fill="#EB5E41" />
+  <path
+    d="M231.089 204.512C213.27 256.575 195.503 308.425 177.857 360.315C176.886 363.171 175.618 364.044 172.603 364.034C139.296 363.913 105.988 363.958 72.6803 363.958C71.5973 363.958 70.5143 363.958 69 363.958C99.2736 274.397 129.405 185.258 159.555 96.0615C160.872 96.0615 161.985 96.0615 163.097 96.0615C224.395 96.0612 285.692 96.0772 346.989 96C349.43 95.9969 350.556 96.6394 351.373 98.9802C381.583 185.583 411.862 272.163 442.128 358.746C442.4 359.523 442.622 360.316 443 361.529C390.332 361.529 337.906 361.529 285.137 361.529C285.137 386.911 285.137 411.902 285.137 436.894C284.919 436.929 284.701 436.965 284.483 437C263.855 378.743 243.227 320.485 222.445 261.796C223.73 261.685 224.773 261.517 225.817 261.517C248.022 261.501 270.227 261.505 292.432 261.504C298.956 261.504 299.791 260.378 297.652 254.338C285.545 220.153 273.428 185.971 261.314 151.789C259.982 148.03 258.722 144.242 257.262 140.533C256.87 139.539 256.436 137.922 255.137 137.922C253.839 137.922 253.401 139.61 253.045 140.632C248.464 153.765 243.978 166.932 239.468 180.09C236.701 188.162 233.934 196.234 231.089 204.512Z"
+    fill="white"
+  />
+</svg>
+`;
+</script>
+
+{@html svgContent}

package/dist/components/Asana.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 251 232" 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" fill="none" viewBox="0 0 251 232" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#F06A6A" d="M179.383 54.3733c0 30.0166-24.337 54.3737-54.354 54.3737-30.0355 0-54.3733-24.3382-54.3733-54.3737S94.9935 0 125.029 0c30.017 0 54.354 24.3378 54.354 54.3733ZM54.3928 122.33c-30.0166 0-54.373269 24.338-54.373269 54.355 0 30.017 24.337769 54.373 54.373269 54.373 30.0354 0 54.3732-24.338 54.3732-54.373 0-30.017-24.3378-54.355-54.3732-54.355Zm141.2532 0c-30.035 0-54.373 24.338-54.373 54.374 0 30.035 24.338 54.373 54.373 54.373 30.017 0 54.374-24.338 54.374-54.373 0-30.036-24.338-54.374-54.374-54.374Z"/>
 </svg>
 `;

package/dist/components/Astro.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 366" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M182.022 9.147c2.982 3.702 4.502 8.697 7.543 18.687L256 246.074a276.467 276.467 0 0 0-79.426-26.891L133.318 73.008a5.63 5.63 0 0 0-10.802.017L79.784 219.11A276.453 276.453 0 0 0 0 246.04L66.76 27.783c3.051-9.972 4.577-14.959 7.559-18.654a24.541 24.541 0 0 1 9.946-7.358C88.67 0 93.885 0 104.314 0h47.683c10.443 0 15.664 0 20.074 1.774a24.545 24.545 0 0 1 9.95 7.373Z"/><path fill="#FF5D01" d="M189.972 256.46c-10.952 9.364-32.812 15.751-57.992 15.751-30.904 0-56.807-9.621-63.68-22.56-2.458 7.415-3.009 15.903-3.009 21.324 0 0-1.619 26.623 16.898 45.14 0-9.615 7.795-17.41 17.41-17.41 16.48 0 16.46 14.378 16.446 26.043l-.001 1.041c0 17.705 10.82 32.883 26.21 39.28a35.685 35.685 0 0 1-3.588-15.647c0-16.886 9.913-23.173 21.435-30.48 9.167-5.814 19.353-12.274 26.372-25.232a47.588 47.588 0 0 0 5.742-22.735c0-5.06-.786-9.938-2.243-14.516Z"/></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 85 107" width="${width}" height="${height}" ${restAttrs}><path fill="#17191E" d="M27.59 91.136c-4.834-4.418-6.246-13.703-4.232-20.429 3.492 4.241 8.33 5.584 13.342 6.343 7.737 1.17 15.336.732 22.523-2.804.822-.405 1.582-.943 2.48-1.489.675 1.957.85 3.932.615 5.943-.573 4.896-3.01 8.678-6.885 11.545-1.55 1.147-3.19 2.172-4.79 3.253-4.917 3.323-6.247 7.22-4.4 12.888.044.139.084.277.183.614-2.51-1.124-4.344-2.76-5.742-4.911-1.475-2.27-2.177-4.78-2.214-7.498-.019-1.322-.019-2.656-.197-3.96-.434-3.178-1.926-4.601-4.737-4.683-2.884-.084-5.166 1.699-5.771 4.507-.046.216-.113.429-.18.68l.004.001ZM0 69.587s14.314-6.973 28.668-6.973L39.49 29.12c.405-1.62 1.588-2.72 2.924-2.72 1.335 0 2.518 1.1 2.924 2.72L56.16 62.614c17 0 28.668 6.973 28.668 6.973S60.514 3.352 60.467 3.219C59.769 1.261 58.591 0 57.003 0H27.827c-1.588 0-2.718 1.261-3.464 3.22C24.311 3.35 0 69.586 0 69.586Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Atlassian.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 256" 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 256" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="99.7%" y1="15.8%" x2="39.8%" y2="97.4%" id="a">
       <stop stop-color="#0052CC" offset="0%"/>

package/dist/components/Atom.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="xMidYMid" width="${width}" height="${height}"><circle fill="#60B57D" cx="128.002" cy="128.002" r="128.002"/><path d="M117.82 59.143a3.605 3.605 0 0 1-4.515 5.62c-9.397-7.547-17.224-10.04-22.051-7.575-5.618 2.865-7.797 12.083-6.663 24.946l.17 1.737c.096.879.206 1.773.33 2.682l.269 1.839c.334 2.15.745 4.376 1.235 6.67 6.767-1.05 14.05-1.735 21.698-2.02a197.699 197.699 0 0 1 10.079-11.969l1.698-1.83c4.246-4.513 8.505-8.553 12.696-12.049l1.673-1.37c15.295-12.285 29.531-17.146 38.738-11.168 8.02 5.203 10.17 16.989 7.19 32.783a3.605 3.605 0 1 1-7.084-1.336c2.495-13.227.852-22.232-4.03-25.4-6.348-4.12-18.142.623-31.44 11.701l-1.484 1.257a127.43 127.43 0 0 0-2.246 1.982l-1.51 1.383a149.716 149.716 0 0 0-4.571 4.446l-1.535 1.577c-.256.266-.512.535-.769.805l-1.54 1.647-1.54 1.691-1.541 1.736c-.514.586-1.028 1.179-1.54 1.78l-1.54 1.822-.299.363c3.586.019 7.235.123 10.932.315l1.435.08 2.852.182c2.367.166 4.707.366 7.017.599l2.758.295c.457.052.913.105 1.368.159l2.711.341c2.247.297 4.46.625 6.635.984l2.592.444 2.555.473 2.515.501c8.32 1.716 15.97 3.888 22.71 6.434l1.996.775c17.704 7.074 28.614 16.812 28.054 27.576-.464 8.898-8.44 16.244-21.81 21.507a3.605 3.605 0 1 1-2.64-6.708c11.024-4.34 16.971-9.817 17.25-15.174.358-6.858-7.848-13.951-21.507-19.672l-1.7-.694c-1.15-.458-2.337-.906-3.557-1.343l-1.856-.649c-.626-.213-1.261-.424-1.904-.632l-1.954-.615-2-.598c-.337-.098-.676-.195-1.017-.292l-2.068-.57c-.348-.093-.698-.186-1.05-.278l-2.133-.54a174.737 174.737 0 0 0-6.645-1.498l-2.293-.456-1.16-.22-2.348-.42-2.382-.398-1.204-.19-2.432-.36c-.816-.116-1.637-.227-2.463-.334l-2.495-.309-2.523-.282a217.085 217.085 0 0 0-3.837-.37l-2.59-.213c-.868-.066-1.74-.126-2.616-.182l-2.639-.154-2.64-.121-2.62-.09a217.035 217.035 0 0 0-8.993-.068l-2.06.038-.81 1.074a213.91 213.91 0 0 0-1.505 2.045l-1.496 2.082a220.968 220.968 0 0 0-6.566 9.801l-1.388 2.224a217.303 217.303 0 0 0-4.232 7.177c.123.302.248.605.375.908l.98 2.314c.166.387.334.774.504 1.162l1.036 2.331 1.074 2.342 1.112 2.349 1.15 2.356 1.186 2.362 1.215 2.348 1.233 2.314 1.249 2.28.63 1.126 1.272 2.227c.426.736.855 1.466 1.285 2.19l1.298 2.152c.435.71.871 1.415 1.31 2.113l1.32 2.075 1.329 2.034a192.004 192.004 0 0 0 3.356 4.904l1.353 1.886a174.77 174.77 0 0 0 2.717 3.64l1.362 1.75 1.363 1.705c.227.28.455.558.682.834l1.362 1.632 1.36 1.583a129.105 129.105 0 0 0 4.06 4.446l1.342 1.377 1.334 1.324a99.254 99.254 0 0 0 1.985 1.884l1.31 1.186a82.252 82.252 0 0 0 1.945 1.673l1.28 1.042c8.703 6.925 16.414 9.722 21.534 7.11 4.807-2.45 7.102-9.608 6.932-19.757l-.043-1.545a72.96 72.96 0 0 0-.081-1.588l-.118-1.63a85.54 85.54 0 0 0-.154-1.672l-.192-1.712a97.035 97.035 0 0 0-.109-.87l-.246-1.769-.284-1.805-.32-1.84a127.447 127.447 0 0 0-.959-4.747l-.448-1.954-.484-1.983c-.084-.333-.17-.667-.256-1.002l-.539-2.025-.575-2.052-.302-1.035-.63-2.088-.666-2.111c-.342-1.062-.698-2.131-1.067-3.208l-.757-2.163-.793-2.182a199.84 199.84 0 0 0-1.694-4.415l-.902-2.23-.937-2.243-.482-1.126-.991-2.261-1.028-2.272c-.174-.379-.35-.759-.527-1.139l-1.08-2.284a220.62 220.62 0 0 0-.555-1.145 3.605 3.605 0 1 1 6.48-3.159l1.196 2.49c.392.828.778 1.656 1.156 2.482l1.118 2.474a220.378 220.378 0 0 1 3.112 7.356l.957 2.426c.157.403.311.806.464 1.208l.896 2.403c.146.399.29.797.433 1.195l.835 2.376a184.854 184.854 0 0 1 1.545 4.694l.71 2.315c8.5 28.409 7.41 51.515-5.34 58.016-10.313 5.26-24.936-2.046-39.655-17.456l-1.523-1.622a137.51 137.51 0 0 1-3.044-3.415l-1.518-1.79c-4.046-4.844-8.055-10.257-11.938-16.147l-1.45-2.231a225.959 225.959 0 0 1-10.398-18.043l-.657-1.279a238.72 238.72 0 0 1-1.288-2.564l-1.247-2.559a230.326 230.326 0 0 1-2.826-6.112l-.582 1.151c-.18.36-.357.72-.533 1.08l-1.038 2.147-.997 2.132-.958 2.114c-.156.351-.31.702-.463 1.051l-.896 2.087c-.146.346-.29.69-.433 1.035l-.836 2.056c-.136.34-.27.68-.402 1.019l-.774 2.02c-.125.335-.249.669-.37 1.002l-.712 1.983-.67 1.956c-.325.97-.633 1.931-.926 2.88l-.565 1.883-.522 1.851c-.083.306-.165.61-.245.913l-.458 1.8a92.343 92.343 0 0 0-.956 4.344l-.307 1.67c-2.04 11.83-.71 20.554 4.345 23.835 5.092 3.303 14.533.79 26.183-7.62a3.605 3.605 0 1 1 4.22 5.845c-13.807 9.968-26.013 13.216-34.327 7.822-10.046-6.519-10.752-23.757-4.066-45.202l.694-2.158c.478-1.448.989-2.913 1.532-4.395l.838-2.233a172.466 172.466 0 0 1 3.825-9.143l1.072-2.33 1.117-2.346a208.194 208.194 0 0 1 4.582-8.897c-.216-.552-.43-1.103-.641-1.653l-.933-2.475a188.692 188.692 0 0 1-3.296-9.713l-.714-2.374a162.63 162.63 0 0 1-1.24-4.466c-.445.089-.885.18-1.322.272l-1.96.431-1.913.453c-.315.077-.627.155-.938.234l-1.84.483-1.787.504c-.588.171-1.167.346-1.736.523l-1.683.542c-.552.184-1.095.371-1.628.561l-1.572.579c-10.803 4.113-17.383 9.51-17.69 15.388-.279 5.358 5.068 11.423 15.584 16.883a3.605 3.605 0 1 1-3.322 6.398C46.567 140.033 39.395 131.898 39.86 123c.645-12.406 16.305-21.875 39.597-26.656-4.714-22.525-2.315-40.051 8.52-45.577 8.009-4.088 18.472-.757 29.842 8.377Zm19.753 67.051c1.196 5.536-2.322 10.99-7.857 12.188-5.536 1.196-10.99-2.322-12.188-7.858-1.194-5.535 2.322-10.989 7.858-12.187 5.535-1.196 10.989 2.322 12.187 7.857Zm-34.898-25.606-.65.045c-.497.036-.992.073-1.484.113l-2.345.202-2.31.228c-.382.04-.762.082-1.141.124l-2.256.267-1.113.143-2.198.304-.872.133.308 1.151a167.326 167.326 0 0 0 1.568 5.342l.694 2.18.362 1.1.752 2.213c.207.597.418 1.196.633 1.798a238.568 238.568 0 0 1 3.54-5.705l.78-1.208a234.986 234.986 0 0 1 5.732-8.43Z" fill="#FFF"/></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 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><circle fill="#60B57D" cx="128.002" cy="128.002" r="128.002"/><path d="M117.82 59.143a3.605 3.605 0 0 1-4.515 5.62c-9.397-7.547-17.224-10.04-22.051-7.575-5.618 2.865-7.797 12.083-6.663 24.946l.17 1.737c.096.879.206 1.773.33 2.682l.269 1.839c.334 2.15.745 4.376 1.235 6.67 6.767-1.05 14.05-1.735 21.698-2.02a197.699 197.699 0 0 1 10.079-11.969l1.698-1.83c4.246-4.513 8.505-8.553 12.696-12.049l1.673-1.37c15.295-12.285 29.531-17.146 38.738-11.168 8.02 5.203 10.17 16.989 7.19 32.783a3.605 3.605 0 1 1-7.084-1.336c2.495-13.227.852-22.232-4.03-25.4-6.348-4.12-18.142.623-31.44 11.701l-1.484 1.257a127.43 127.43 0 0 0-2.246 1.982l-1.51 1.383a149.716 149.716 0 0 0-4.571 4.446l-1.535 1.577c-.256.266-.512.535-.769.805l-1.54 1.647-1.54 1.691-1.541 1.736c-.514.586-1.028 1.179-1.54 1.78l-1.54 1.822-.299.363c3.586.019 7.235.123 10.932.315l1.435.08 2.852.182c2.367.166 4.707.366 7.017.599l2.758.295c.457.052.913.105 1.368.159l2.711.341c2.247.297 4.46.625 6.635.984l2.592.444 2.555.473 2.515.501c8.32 1.716 15.97 3.888 22.71 6.434l1.996.775c17.704 7.074 28.614 16.812 28.054 27.576-.464 8.898-8.44 16.244-21.81 21.507a3.605 3.605 0 1 1-2.64-6.708c11.024-4.34 16.971-9.817 17.25-15.174.358-6.858-7.848-13.951-21.507-19.672l-1.7-.694c-1.15-.458-2.337-.906-3.557-1.343l-1.856-.649c-.626-.213-1.261-.424-1.904-.632l-1.954-.615-2-.598c-.337-.098-.676-.195-1.017-.292l-2.068-.57c-.348-.093-.698-.186-1.05-.278l-2.133-.54a174.737 174.737 0 0 0-6.645-1.498l-2.293-.456-1.16-.22-2.348-.42-2.382-.398-1.204-.19-2.432-.36c-.816-.116-1.637-.227-2.463-.334l-2.495-.309-2.523-.282a217.085 217.085 0 0 0-3.837-.37l-2.59-.213c-.868-.066-1.74-.126-2.616-.182l-2.639-.154-2.64-.121-2.62-.09a217.035 217.035 0 0 0-8.993-.068l-2.06.038-.81 1.074a213.91 213.91 0 0 0-1.505 2.045l-1.496 2.082a220.968 220.968 0 0 0-6.566 9.801l-1.388 2.224a217.303 217.303 0 0 0-4.232 7.177c.123.302.248.605.375.908l.98 2.314c.166.387.334.774.504 1.162l1.036 2.331 1.074 2.342 1.112 2.349 1.15 2.356 1.186 2.362 1.215 2.348 1.233 2.314 1.249 2.28.63 1.126 1.272 2.227c.426.736.855 1.466 1.285 2.19l1.298 2.152c.435.71.871 1.415 1.31 2.113l1.32 2.075 1.329 2.034a192.004 192.004 0 0 0 3.356 4.904l1.353 1.886a174.77 174.77 0 0 0 2.717 3.64l1.362 1.75 1.363 1.705c.227.28.455.558.682.834l1.362 1.632 1.36 1.583a129.105 129.105 0 0 0 4.06 4.446l1.342 1.377 1.334 1.324a99.254 99.254 0 0 0 1.985 1.884l1.31 1.186a82.252 82.252 0 0 0 1.945 1.673l1.28 1.042c8.703 6.925 16.414 9.722 21.534 7.11 4.807-2.45 7.102-9.608 6.932-19.757l-.043-1.545a72.96 72.96 0 0 0-.081-1.588l-.118-1.63a85.54 85.54 0 0 0-.154-1.672l-.192-1.712a97.035 97.035 0 0 0-.109-.87l-.246-1.769-.284-1.805-.32-1.84a127.447 127.447 0 0 0-.959-4.747l-.448-1.954-.484-1.983c-.084-.333-.17-.667-.256-1.002l-.539-2.025-.575-2.052-.302-1.035-.63-2.088-.666-2.111c-.342-1.062-.698-2.131-1.067-3.208l-.757-2.163-.793-2.182a199.84 199.84 0 0 0-1.694-4.415l-.902-2.23-.937-2.243-.482-1.126-.991-2.261-1.028-2.272c-.174-.379-.35-.759-.527-1.139l-1.08-2.284a220.62 220.62 0 0 0-.555-1.145 3.605 3.605 0 1 1 6.48-3.159l1.196 2.49c.392.828.778 1.656 1.156 2.482l1.118 2.474a220.378 220.378 0 0 1 3.112 7.356l.957 2.426c.157.403.311.806.464 1.208l.896 2.403c.146.399.29.797.433 1.195l.835 2.376a184.854 184.854 0 0 1 1.545 4.694l.71 2.315c8.5 28.409 7.41 51.515-5.34 58.016-10.313 5.26-24.936-2.046-39.655-17.456l-1.523-1.622a137.51 137.51 0 0 1-3.044-3.415l-1.518-1.79c-4.046-4.844-8.055-10.257-11.938-16.147l-1.45-2.231a225.959 225.959 0 0 1-10.398-18.043l-.657-1.279a238.72 238.72 0 0 1-1.288-2.564l-1.247-2.559a230.326 230.326 0 0 1-2.826-6.112l-.582 1.151c-.18.36-.357.72-.533 1.08l-1.038 2.147-.997 2.132-.958 2.114c-.156.351-.31.702-.463 1.051l-.896 2.087c-.146.346-.29.69-.433 1.035l-.836 2.056c-.136.34-.27.68-.402 1.019l-.774 2.02c-.125.335-.249.669-.37 1.002l-.712 1.983-.67 1.956c-.325.97-.633 1.931-.926 2.88l-.565 1.883-.522 1.851c-.083.306-.165.61-.245.913l-.458 1.8a92.343 92.343 0 0 0-.956 4.344l-.307 1.67c-2.04 11.83-.71 20.554 4.345 23.835 5.092 3.303 14.533.79 26.183-7.62a3.605 3.605 0 1 1 4.22 5.845c-13.807 9.968-26.013 13.216-34.327 7.822-10.046-6.519-10.752-23.757-4.066-45.202l.694-2.158c.478-1.448.989-2.913 1.532-4.395l.838-2.233a172.466 172.466 0 0 1 3.825-9.143l1.072-2.33 1.117-2.346a208.194 208.194 0 0 1 4.582-8.897c-.216-.552-.43-1.103-.641-1.653l-.933-2.475a188.692 188.692 0 0 1-3.296-9.713l-.714-2.374a162.63 162.63 0 0 1-1.24-4.466c-.445.089-.885.18-1.322.272l-1.96.431-1.913.453c-.315.077-.627.155-.938.234l-1.84.483-1.787.504c-.588.171-1.167.346-1.736.523l-1.683.542c-.552.184-1.095.371-1.628.561l-1.572.579c-10.803 4.113-17.383 9.51-17.69 15.388-.279 5.358 5.068 11.423 15.584 16.883a3.605 3.605 0 1 1-3.322 6.398C46.567 140.033 39.395 131.898 39.86 123c.645-12.406 16.305-21.875 39.597-26.656-4.714-22.525-2.315-40.051 8.52-45.577 8.009-4.088 18.472-.757 29.842 8.377Zm19.753 67.051c1.196 5.536-2.322 10.99-7.857 12.188-5.536 1.196-10.99-2.322-12.188-7.858-1.194-5.535 2.322-10.989 7.858-12.187 5.535-1.196 10.989 2.322 12.187 7.857Zm-34.898-25.606-.65.045c-.497.036-.992.073-1.484.113l-2.345.202-2.31.228c-.382.04-.762.082-1.141.124l-2.256.267-1.113.143-2.198.304-.872.133.308 1.151a167.326 167.326 0 0 0 1.568 5.342l.694 2.18.362 1.1.752 2.213c.207.597.418 1.196.633 1.798a238.568 238.568 0 0 1 3.54-5.705l.78-1.208a234.986 234.986 0 0 1 5.732-8.43Z" fill="#FFF"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Auth0.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg fill="#EB5424" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z"/></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 fill="#EB5424" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Authjs.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	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 210 232" width="${width}" height="${height}" ${restAttrs}><path fill="url(#a)" fill-rule="evenodd" d="M208.687 31.859 30.095 167.73C8.164 127.966.568 79.998 0 51.228v-17.61c0-2.561 2.779-4.055 4.169-4.482C33.562 20.278 93.247 2.306 96.838 1.28 100.429.256 103.464 0 104.534 0h.097c1.069 0 4.104.256 7.696 1.28 3.591 1.025 63.276 18.998 92.669 27.856 1.034.317 2.836 1.225 3.691 2.723Z" clip-rule="evenodd"/><path fill="url(#b)" fill-rule="evenodd" d="m30.094 167.952 178.592-135.87c.295.516.478 1.102.478 1.759V51.45c-.962 48.773-22.126 152.722-99.083 178.336-1.068.427-3.591 1.281-5.13 1.281h-.739c-1.539 0-4.062-.854-5.13-1.281-31.563-10.505-53.74-34.186-68.988-61.834Z" clip-rule="evenodd"/><path fill="url(#c)" fill-opacity=".21" d="M111.74 1.283C108.147.257 105.11 0 104.04 0l-.321 231.305h.642c1.54 0 4.064-.855 5.133-1.283 76.995-25.665 98.169-129.822 99.131-178.692V33.685c0-2.566-2.78-4.063-4.171-4.491-29.407-8.876-89.121-26.884-92.714-27.91Z"/><ellipse cx="104.905" cy="114.209" fill="#E3E2FA" rx="47.801" ry="47.48"/><path fill="url(#d)" fill-rule="evenodd" d="M96.243 124.475c-3.635.321-12.832-1.283-17.323-5.133-4.823-4.134-7.379-9.624-7.379-17.645 0-9.95 8.983-20.532 21.495-20.21 11.883.304 19.898 7.002 21.494 17.644.833 5.553-.016 8.222-.676 10.295-.102.323-.2.631-.286.933-.321 1.07-.77 3.401 0 4.171.769.77 12.511 12.084 18.286 17.644.534.642 1.604 2.246 1.604 3.529v6.096c0 .962-.257 1.283-1.283 1.283h-12.833c-.748-.107-2.246-.834-2.246-2.887 0-2.189-.233-2.511-.7-3.156-.08-.111-.168-.232-.262-.373-.642-.963-1.925-.963-3.208-.963-1.283 0-2.246-.321-2.887-.962-.642-.642-.642-1.604-.321-2.887.321-1.284 0-2.567-.642-2.888a7.71 7.71 0 0 1-.353-.194c-.704-.4-1.827-1.038-3.176-.768-1.604.321-3.85 0-5.133-1.283-1.283-1.284-2.887-2.32-4.17-2.246Zm-8.662-24.381a4.812 4.812 0 1 0 0-9.625 4.812 4.812 0 0 0 0 9.625Z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="19.57" x2="97.527" y1="96.564" y2="15.078" gradientUnits="userSpaceOnUse"><stop stop-color="#45FFC8"/><stop offset="1" stop-color="#1DBBF1"/></linearGradient><linearGradient id="b" x1="73.786" x2="170.671" y1="143.724" y2="190.884" gradientUnits="userSpaceOnUse"><stop stop-color="#D14AE8"/><stop offset=".552" stop-color="#B628E3"/><stop offset="1" stop-color="#8315FD"/></linearGradient><linearGradient id="c" x1="155.914" x2="155.914" y1="21.815" y2="182.542" gradientUnits="userSpaceOnUse"><stop stop-color="#20ABF5"/><stop offset=".398" stop-color="#2A8CC3"/><stop offset="1" stop-color="#A104DC"/></linearGradient><linearGradient id="d" x1="90.148" x2="129.287" y1="99.452" y2="138.912" gradientUnits="userSpaceOnUse"><stop stop-color="#FE5B01"/><stop offset="1" stop-color="#FFB200"/></linearGradient></defs></svg>`;
+</script>
+
+{@html svgContent}

package/dist/components/Authy.svelte

@@ -1,8 +1,17 @@
 <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 viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}">
+<svg viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}>
     <title>Authy</title>
     <g>
         <path d="M256,127.997518 C256,198.696135 198.694024,256 127.996691,256 C57.3043214,256 1.42108547e-14,198.696135 1.42108547e-14,127.997518 C1.42108547e-14,57.3046917 57.3043214,0 127.996691,0 C198.694024,0 256,57.3046917 256,127.997518 L256,127.997518 Z" fill="#F22E46"></path>

package/dist/components/Axiom.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 358 309" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><g clip-path="url(#a)"><path fill="#000" d="M354.75 215.609 278.412 87.8475c-3.501-5.872-12.127-10.6761-19.17-10.6761h-47.659c-11.077 0-15.618-7.5477-10.093-16.7723l26.136-43.6269c2.074-3.4623 2.069-7.72483-.011-11.1835C225.534 2.13003 221.691 0 217.533 0h-66.485c-7.044 0-15.688 4.79349-19.212 10.6524L2.6449 225.448c-3.524953 5.859-3.526307 15.447-.00541 21.307L35.8815 302.08c5.5392 9.217 14.6223 9.228 20.1846.023l25.9742-42.98c5.5636-9.205 14.6452-9.195 20.1847.023l23.548 39.192c3.521 5.86 12.164 10.654 19.207 10.654h153.633c7.04 0 15.685-4.794 19.206-10.654l36.892-61.397c3.521-5.86 3.538-15.459.039-21.332Zm-103.096-6.149c5.505 9.236.945 16.794-10.132 16.794H122.021c-11.077 0-15.609-7.542-10.07-16.76l59.796-99.517c5.539-9.218 14.602-9.217 20.141.001l59.766 99.482Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h358v309H0z"/></clipPath></defs></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 358 309" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="#000" d="M354.75 215.609 278.412 87.8475c-3.501-5.872-12.127-10.6761-19.17-10.6761h-47.659c-11.077 0-15.618-7.5477-10.093-16.7723l26.136-43.6269c2.074-3.4623 2.069-7.72483-.011-11.1835C225.534 2.13003 221.691 0 217.533 0h-66.485c-7.044 0-15.688 4.79349-19.212 10.6524L2.6449 225.448c-3.524953 5.859-3.526307 15.447-.00541 21.307L35.8815 302.08c5.5392 9.217 14.6223 9.228 20.1846.023l25.9742-42.98c5.5636-9.205 14.6452-9.195 20.1847.023l23.548 39.192c3.521 5.86 12.164 10.654 19.207 10.654h153.633c7.04 0 15.685-4.794 19.206-10.654l36.892-61.397c3.521-5.86 3.538-15.459.039-21.332Zm-103.096-6.149c5.505 9.236.945 16.794-10.132 16.794H122.021c-11.077 0-15.609-7.542-10.07-16.76l59.796-99.517c5.539-9.218 14.602-9.217 20.141.001l59.766 99.482Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h358v309H0z"/></clipPath></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Axure.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="21.705 19.44 335.589 80.057" 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="21.705 19.44 335.589 80.057" width="${width}" height="${height}" ${restAttrs}>
   <g fill="none" fill-rule="evenodd">
     <path fill="#272727" d="M326.63 19.441c-13.71 0-21.455 2.647-25.902 8.85-4.646 6.479-5.58 16.706-5.58 31.11 0 28.276 4.375 40.096 31.482 40.096 3.256 0 14.385-.062 20.882-.855 2.528-.419 3.66-2.355 3.66-4.087v-3.123c0-2.43-1.836-4.264-4.273-4.264h-20.27c-15.294 0-18.052-3.605-18.444-24.101v-6.635c.13-20.974 2.888-24.662 18.445-24.662 14.345 0 17.096 3.273 17.573 21.738h-22.794v12.466h29.98c5.905 0 5.905-4.13 5.905-5.486v-3.98c-.428-28.753-7.307-37.067-30.664-37.067m-39.476 1.099-.326-.086c-2.792-.587-10.422-1.013-14.205-1.013-13.387 0-20.462 5.605-20.462 16.209v59.04c0 2.43 1.7 4.128 4.137 4.128h4.762c2.437 0 4.138-1.697 4.138-4.128V36.734c0-2.617.662-4.964 8.65-4.964l11.828-.01c1.158.138 2.263-.182 3.114-.903.929-.783 1.44-1.926 1.44-3.215v-2.987c0-1.96-1.122-3.46-3.076-4.115m-57.172-.148h-4.762c-2.436 0-4.138 1.697-4.138 4.128v62.649h-19.804c-12.25 0-17.22-.779-17.22-20.303V24.52c0-2.43-1.702-4.128-4.138-4.128h-4.627c-2.436 0-4.273 1.774-4.273 4.128v42.346c0 27.748 10.064 32.631 31.21 32.631 7.607 0 18.025 0 27.96-1.399l.23-.046c2.454-.613 3.699-2.018 3.699-4.176V24.52c0-2.43-1.702-4.128-4.137-4.128"/>
     <path fill="#74bb11" d="M156.332 22.331c-.611-1.3-1.922-2.075-3.506-2.075h-6.121c-1.778 0-3.107.716-3.807 2.005l-9.072 13.255 7.942 10.861 13.866-19.89c1.522-1.849.995-3.523.698-4.156"/>

package/dist/components/BNB.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 32 32" width="${width}" height="${height}"><defs><linearGradient id="bnb-c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-opacity=".5"/></linearGradient><circle id="bnb-b" cx="16" cy="15" r="15"/><filter id="bnb-a" width="111.7%" height="111.7%" x="-5.8%" y="-4.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/></filter><path id="bnb-e" d="M12.1158217,13.4042 L15.99981,9.5203 L19.8857983,13.4062 L22.1457916,11.1462 L15.99981,5 L9.85592843,11.1442 L12.1158217,13.4042 Z M6,14.99969 L8.26006322,12.73962 L10.5199764,14.99955 L8.25993322,17.2596 L6,14.99969 Z M12.1158217,16.5958 L15.99981,20.4797 L19.8856983,16.5939 L22.1468916,18.8527 L22.1457916,18.8539 L15.99981,25 L9.85572843,18.856 L9.85252844,18.8528 L12.1158217,16.5958 Z M21.4800236,15.00093 L23.7400868,12.74087 L26,15.00079 L23.7399468,17.26086 L21.4800236,15.00093 Z M18.2921031,14.9988 L18.2942031,14.9999 L18.2931031,15.0012 L15.99981,17.2945 L13.7086169,15.0032 L13.7054169,14.9999 L13.7086169,14.9968 L14.1102157,14.5951 L14.3049151,14.4003 L14.3050151,14.4003 L15.99981,12.7055 L18.2931031,14.9988 L18.2921031,14.9988 Z"/><filter id="bnb-d" width="117.5%" height="117.5%" x="-8.8%" y="-6.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.204257246 0"/></filter></defs><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><use fill="#000" filter="url(#bnb-a)" xlink:href="#bnb-b"/><use fill="#F3BA2F" fill-rule="evenodd" xlink:href="#bnb-b"/><use fill="url(#bnb-c)" fill-rule="evenodd" style="mix-blend-mode:soft-light" xlink:href="#bnb-b"/><circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097"/></g><g fill-rule="nonzero"><use fill="#000" filter="url(#bnb-d)" xlink:href="#bnb-e"/><use fill="#FFF" fill-rule="evenodd" xlink:href="#bnb-e"/></g></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" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="bnb-c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-opacity=".5"/></linearGradient><circle id="bnb-b" cx="16" cy="15" r="15"/><filter id="bnb-a" width="111.7%" height="111.7%" x="-5.8%" y="-4.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/></filter><path id="bnb-e" d="M12.1158217,13.4042 L15.99981,9.5203 L19.8857983,13.4062 L22.1457916,11.1462 L15.99981,5 L9.85592843,11.1442 L12.1158217,13.4042 Z M6,14.99969 L8.26006322,12.73962 L10.5199764,14.99955 L8.25993322,17.2596 L6,14.99969 Z M12.1158217,16.5958 L15.99981,20.4797 L19.8856983,16.5939 L22.1468916,18.8527 L22.1457916,18.8539 L15.99981,25 L9.85572843,18.856 L9.85252844,18.8528 L12.1158217,16.5958 Z M21.4800236,15.00093 L23.7400868,12.74087 L26,15.00079 L23.7399468,17.26086 L21.4800236,15.00093 Z M18.2921031,14.9988 L18.2942031,14.9999 L18.2931031,15.0012 L15.99981,17.2945 L13.7086169,15.0032 L13.7054169,14.9999 L13.7086169,14.9968 L14.1102157,14.5951 L14.3049151,14.4003 L14.3050151,14.4003 L15.99981,12.7055 L18.2931031,14.9988 L18.2921031,14.9988 Z"/><filter id="bnb-d" width="117.5%" height="117.5%" x="-8.8%" y="-6.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.204257246 0"/></filter></defs><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><use fill="#000" filter="url(#bnb-a)" xlink:href="#bnb-b"/><use fill="#F3BA2F" fill-rule="evenodd" xlink:href="#bnb-b"/><use fill="url(#bnb-c)" fill-rule="evenodd" style="mix-blend-mode:soft-light" xlink:href="#bnb-b"/><circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097"/></g><g fill-rule="nonzero"><use fill="#000" filter="url(#bnb-d)" xlink:href="#bnb-e"/><use fill="#FFF" fill-rule="evenodd" xlink:href="#bnb-e"/></g></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Babel.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 1349 519" 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 1349 519" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#F9DC3E" d="m955 115 1 1h3l1-5-1-2-4 6Zm-31-76v-3h-5v3h5Zm-92 172c0-3-8-14-25-32 0-4 5-9 17-15l33-29c8-10 12-25 14-47l-1-5c-1-14-12-26-32-35-12-9-34-13-65-14-26 2-59 12-101 28-11 8-24 16-39 24v3l4-2c2 0 3 1 3 2l3-1h1v1c0 1-9 9-27 21l1 3h-1l-3-1-4 2v1l3 3-4-1c-4 1-8 3-12 7l1-7c6-27 11-50 13-70v-1c-5-3-9-7-13-12v-6h-1a1864 1864 0 0 1-137 180c-4 2-5 4-4 6l-2-1c-5 8-12 14-22 16l-11 2-2 3 1 2 3-1 1 1-9 3-16 4h-8c-1 2 7 0 4 1l-11 2c-6 2-9 1-10-1h-1l-9 2c0-4-11-18-33-41 0-5 7-12 23-20l44-39c9-12 15-33 17-60v-7c-2-20-16-35-43-48-16-10-44-16-85-17-34 3-79 15-133 36-15 11-32 22-52 33l1 3 5-2c2 0 3 1 3 3l4-2h2v1c0 2-12 11-36 28l2 3h-2l-4-1c0 1-1 2-5 2v2l4 4-5-1c-8 1-15 7-23 17l2 3 11-9 1 5-5 2 4 6c8-8 16-16 26-22 5 1 7 3 7 5l4-1c26-19 51-33 76-41l1 3c-5 7-8 11-10 11 0 2 1 5 3 6C122 235 66 356 0 472l2 5c9-2 14-4 17-6h2v3h3l4-2c0 1 1 2 3 1v4c1 3-1 8-5 15-4 4-8 13-12 26v1h4c14-16 25-32 32-47 42-13 74-25 97-37 22-1 39-7 51-17l-1-2-8 3h-2v-2c16-2 28-6 34-11 32-25 56-42 72-52 34-25 55-49 65-72l6-2h8l1-2h9l12-3 2-1-1 1h5l1 3-57 91-13 16-6 21h1l6-3-2 8 1 3 1 2v3l2-1c4-3 6-6 5-9l8 1 1 1c-3 1-4 3-4 6v1h1c21-23 72-100 113-153-1-6 20-14 64-24h2c1 7-2 23-11 50-5 16-8 25-7 26-7 21-11 33-10 35l-16 51c-10 26-18 54-23 83h4l3-2 1 1-1-4h7c2 0 4-3 5-7 0-7 1-11 4-12l8-25c4-16 7-25 9-28 6-21 10-32 13-32v2l-4 11c-7 34-15 60-23 79l3 10 1-1c19-40 45-119 80-237 1-11 6-19 15-24l-2-2v-2c4 0 7-2 8-4l-10-4 17-75 7-5v4l-4 1 4 5 19-17c4 1 6 3 6 4h2c20-15 40-25 59-32v3l-7 8 1 5c-34 95-77 188-127 276l2 3c7-1 11-3 13-5h1v3h3l2-2 3 1v3c0 2-1 6-4 11-3 3-6 10-9 20v1h2c11-12 20-24 25-36 32-9 57-19 73-28 17-1 30-5 39-13v-1l-6 2h-2v-1c12-2 21-5 26-9 24-18 42-32 55-39 38-29 56-56 54-81Zm-6 1v10l-3 4-2-17 5 3ZM68 131h-1l-1-3 7-1v2l-5 2ZM35 468c-4-2-8-3-11-2v-5c-1-2 0-3 3-4 2 0 3 1 4 5l9-11 4 1c-1 10-4 15-9 16ZM395 91c-2 0-5-5-10-15l-1-4c4 0 7 5 10 16l1 3Zm-5-37-1 3-49-20c32 1 49 7 50 17ZM183 231l-7 1v-3l7-1v3Zm-5-106h1l1 4c-2 1-4 3-6 8l-1-4c3-4 5-6 5-8Zm-15 34 1 6h-2v-6h1Zm-7 12h3c0 5-2 8-5 8h-1l3-8Zm-6 17h2v1l-3 6h-3l-1-2c4 0 5-2 5-5Zm-6 15-1 9h-1l-1-8 3-1ZM88 363c-2 11-4 17-7 17v-2c-1-5 2-10 7-15Zm-10 22v2c0 2-1 3-3 3v-1c0-2 1-3 3-4Zm-3 46h5v2l-5 2h-3c0-2 1-3 3-4Zm148-45c-29 14-46 24-51 29-32 11-48 18-47 21-29 11-47 19-56 24l-9-2c-1-6 2-11 8-14 4-1 9 0 14 2 5-3 14-6 27-9l-1-3H98l30-14h5v1c-8 1-13 4-14 9 0 2 1 3 3 2l10-7c13-2 48-21 105-55l1 3c0 1-5 6-15 13Zm-88 29c8-1 15-4 21-10 3 0 4 0 4 3-4 0-12 3-23 10h-2v-3Zm142-110-44 35c-33 22-50 33-53 33-52 29-85 44-97 45h-2c1-6 25-54 70-143 19-2 51-11 93-28l10-1c22-1 38 3 49 13v6c-8 23-16 37-26 41v-1Zm-86-48 7-1v2l-7 1v-2Zm100-17h5c5 2 7 4 7 6v1c-4 1-9-2-12-7Zm14-80c-5 5-18 15-38 28-7 1-32 10-76 30l-7-2v-3c-1-6 2-14 8-24 4-18 7-28 11-30l37-82c-1-6 7-9 23-12l5-1 1 5 29-4c29-3 44 3 45 17h4l-1-8h4c8 4 13 10 13 17 1 4-2 10-7 17-2 0-3-2-4-5h-3l-1 10c-15 22-26 34-32 34-6 9-10 13-11 13Zm22 57c-3-2-5-3-7-2l-1-5 4-1 7 5c0 2-1 3-3 3Zm23 28 6 4h-2l-1 1-2 1-1-6Zm2 14v-2l4-1 1 2-5 1Zm11 11 14-3v1l-15 4 1-2Zm14 6-15 2v-1l13-4 6-1v2l-4 2Zm14-3c-2 0-3 0-4-2l4-1c2 0 3 0 4 2l-4 1Zm36-39v-2l7-1v2l-6 1h-1Zm40 239v-4h1c2 0 3 0 3 2l1 1-5 1Zm27-229-3-1-11 4-3 1c-1 0-2 0-3-2l18-4 6-3 2 2-6 3Zm14-5v-1l3-2 13-3 1 1-17 5Zm2-26-3 2h-6c0-2 9-6 29-10l3-1v2l-23 7Zm35-38c-1 16-7 25-17 27v-1l-9 4h-9l-1-3c0-1 12-19 38-53l3 1c1 4 0 13-5 25Zm62-53h-1v-2l5-1v2l-4 1Zm-25 256c-3-1-6-2-8-1l-1-4c0-2 1-2 3-3l3 4 7-9 2 1c-1 8-3 12-6 12ZM855 92c-1 0-4-4-8-12v-2c2 0 5 4 8 12v2Zm-4-28-1 2-37-15c25 1 38 5 38 13ZM694 199h-5v-2l5-1v3Zm-4-81 2-1v4c-2 0-3 2-5 6v-3l3-6Zm-11 26 1 4-2 1v-5h1Zm-6 9h3c0 4-1 6-3 6h-2c2-2 2-5 2-6Zm-4 13h1v1l-2 4h-2l-1-1c3 0 4-2 4-4Zm-4 11-1 7h-1l-1-6 3-1Zm-43 122c-2 8-3 12-5 13v-2c-1-4 1-8 5-11Zm-8 17v1c1 1 0 2-2 3v-2l2-3v1Zm-2 35 4-1v2l-4 1h-2c0-1 0-2 2-2Zm112-35c-22 11-35 18-39 22-24 9-36 14-36 16-21 8-35 14-41 18-2 0-4 0-7-2-1-4 1-7 5-10 4 0 8 0 11 2 4-2 11-5 21-7v-3l-8 1c1-1 8-5 23-11h4v1c-7 1-11 3-12 6 0 2 1 3 3 3l7-6c10-2 37-16 80-42l1 2c0 1-4 5-12 10Zm-67 22c7-1 12-3 17-7 2-1 3 0 3 2-3 0-9 2-18 7h-1l-1-2Zm109-83-34 27c-25 16-38 24-40 24-40 22-64 33-74 34h-1c1-4 18-40 53-108 15-1 38-8 71-21l8-1c16-1 28 2 36 10l1 5c-7 17-13 27-20 30Zm-66-37h5l1 1h-6v-1Zm76-13h4c4 2 6 3 6 5v1c-4 0-7-2-10-6Zm10-61c-3 4-13 12-28 22-5 0-24 8-58 22l-5-1v-2c-1-5 2-11 6-18 3-14 6-22 9-24l28-62c-1-4 5-7 17-9h4v3l23-3c22-2 33 3 34 13h3l-1-6h3c6 4 10 8 10 13 0 3-2 8-5 13-2 0-3-1-3-4h-3l-1 8c-11 17-19 26-24 26-4 6-7 9-9 9Zm12 42v-4h2l6 3c0 2-1 3-2 3l-6-2ZM333 429h-3l-2 2c0 2 1 2 3 2s2-1 2-3v-1Zm-10-20v1c2 0 2-1 2-3v-1c-2 0-3 1-2 3Zm71-133 1-1h-1l-1 1h1Zm-1-34 3-1v-3l-3 1v3Zm707 101-7-1-1 2v2l40-4v-2l-32 3Zm207-26v3l4 1v-3l-4-1Zm-6 1c-31 7-35 5-41 6v2h4l3-2c30-3 34-2 34-5v-1Zm-183-44-3-1-3 10v1c2 0 4-3 6-10Zm-37-20v-1h-1l-3 1 2 3c2 0 3-1 2-3Zm80 82v-2h-1v2h1Zm165-37h2l1-3-1-2c-7 0-10 1-15 4l-1-2-8 1c0-2-1-4-2-3h-4c-5 0-8 0-10 2l-1-1h-5l-3 2v-2l-2 2v-1l-7-1h-2l1 3 3 1 3-1 4 1 3-1v1c-16 4-16 3-27 5l-2-1c-2 0-2-1-2-2l5-1 4 1 7-3v-3c-16 3-9 1-29 3h-1v-2l25-4 1 1 3-1 2-1c9 0 12 1 29-3v1l3-2h2c0-2 4-3 5-3v-3c-30 7-38 5-46 7v-1c-8 2-9 1-11 1l-2 2-1-2h-1l-25 5-1-1c-14 2-10 3-28 5l-3 1-1-1-11 1-8 2-1-1-11 2c-2 0 1-1 0-1l-3 1h-12l-19 3-8-1c1 1 0 1-1 1-8-1-12-2-12-4 1-7 3-11 6-12h1l-1 3h1l4-4v-3h-3v-2l1-5 6-10v3h3l-1-3-1-2 5-3v-1h-4v-4l11-27 2 1c2 0 3-1 3-3h-3v-1l1-5c4-5 6-9 6-14l1 2c14-27 26-54 35-83 22-60 21-66 24-80h-3l-1 5-4-1v-1c0-5 2-11 6-18h2l2 8h2l2-10c0-2-1-2-3-3l-2 2V15h-1l-4-5-14 1-2-4c0-2 4-3 10-4l3 1 3-2c0 1 0 2 1 1l3-1 2 1h1V0h-16l-3 2V0l-114 10h-14l-3 1-3-1-10 3-11-1-6 2h16l-21 5-3-1-47 7-6-1-13 2-22 10 1 3 5-2 8 1-1 7c-7 3-12 8-13 14-11 5-16 9-16 11v1h1l3-1 4 4v6c1 1-18 41-56 117l-51 122c-11 3-17 8-19 14 0 2 4 3 10 4v2l-3 5 1 6c0 3 8 5 24 7l2-2-3 21h1c7-9 10-15 10-18l1-1c2 0 3 2 5 6-2 1-9 17-21 48l2 3 2-1c15-37 24-57 28-61l100-10 3-2 1 1h4l3-2c0 1 0 2 1 1l36-3c10 0 14-3 14-8 0-2 5-3 17-5l5 1c-1-1 5-2 17-3 0-6 2-9 5-9v-3l-11 3-14-2-5 2h-25l-3 2-2-1h-1l-3 2-8-3-4 2-6 1v-2c32-3 48-8 48-13 2 0 3 1 3 3l10-3-1-2-77 2-1 1h-10c-2 0-4 0-6 2l-3-2c-10 1-17 2-22 4h-22l-17 2-8-1c10-37 26-72 46-104l5 1 12-4 7 1c10-1 23-4 37-9l8 1 9-2 28-3c12-1 25-3 39-8v-3c-6 1-8 0-8-2-1-4-5-6-12-5v-3l8-2 20-2-1-3h-12v-3l7-1c3 0 3-1 3-3l-16-1c-38 5-76 6-114 4l-2-3c19-42 31-62 34-63l-3 8 1 1h3c7-19 14-28 19-28 23-2-3-4 46-12l5 2 80-13v-3l-18 2v-3l5-2v2l4-2c4-1 6 0 8 1l15-3 12-2 4-4-1-2h-10c0-2 1-3 3-4l21-2 10-2 2 1 4-2 1 1-4 11-3 1-1-6-2 1c-26 72-37 106-61 161-5 14-8 22-12 24 0 2 1 2 3 2 1 7-1 14-5 21-11 32-18 49-22 53l2 15c1 1 0 2-2 2l-3 1c0-5-1-7-4-6h-2c-3 5-6 11-7 18h2c4-2 5-5 5-8h5l3 1-3 9 1 2-3 8v1l10 3 8-3h33l10-4h24l4-1 2-1v1c11-1 12 0 20 1v1l-6 1 1 2c1 0 3 0 4-2 2 0 3 1 3 3l-8 2-3-1-6 1h-4l-1 1c0 1 1 2 3 2h4l22-2 8-2 1 1 4-1 8-1 18-3 1-1v1l25-5v1c5-1 2-1 4-2l1 1h3v-3h-9l-8 1-19 1v-1l10-2h4l2-2v2c15-2 20 2 86-12 4 0 4-3 6-10h-3c-6 2-9 1-19 2-1 0-2 0-2-2v-1h10c2 0 5 0 11-3l-1 1Zm-492 8h-5l7-21h3c1 2-1 10-5 21Zm5-23v-1c0-2 1-3 3-4v2c0 2-1 3-3 3Zm63 48v2h-8v-1l8-1Zm-10 0c0 1-2 3-7 5l-10-1h-3v-3l20-1Zm64-291h-5v-2l3-3h1l3 1c1 2 0 3-2 4Zm71-14h2v2l-5 1c0-2 1-3 3-3Zm-18 6-7-1v-1l18-4c0 2 1 2 3 2v3h-3l-5-1-6 2Zm9 26v-1l11-2v2l-11 1Zm12-10v-2h6v1l-6 1Zm2-20h-2l1-3 13-1v2l-12 2Zm6 28v-3l5-1c2 0 3 1 3 3l-8 1Zm34-46-7 2h-2l-13-1 22-1Zm-8 32v1l-10 1v-1l10-1Zm16 7c0-1-2-2-5-2l-10 3h-8l-3-3 9 1 20-3h10v2l-13 2Zm102-26h3c3-3 7-6 12-8-4 16-10 28-17 35l-6-3c5-12 8-20 8-24Zm-17 30 2-1c-2 4-4 6-5 6l-1-4 4-2v1Zm-11 26c3-11 5-17 8-18v1c-2 10-4 15-7 16l1 6c-3 3-4 6-4 8h-1l-1-9c2 0 3-1 4-4Zm-4 14-3 11h-2v-4l5-7Zm-81 235v-1l3-1v4c-2 0-3-1-3-2Zm115 3-1-2-7 1v-1h1l15-2v2l-8 2Zm-7-22-8 1v-1l8-1 6-2c0 1 1 2 2 1l11-2c1 0 2 1 2 3l-21 1Zm30-2-8-1v-1l8-1v1c-1 1 2 1 0 2Zm1-2v-1h4v1h-4Zm9 0v-1l3-2c2 0 3 1 4 3h-7Zm12-2v-1l5-1v2h-5Zm7 0c0-2 1-3 2-3l2 2 1-1 1 2-6-1v1Zm101-13c0-1 1-1-1-2-1 1 1 2-1 2v1l-2 2 4-1h1l-1-3v1Zm7 5h-1v3l6-1-5-2Z"/>
 </svg>
 `;

package/dist/components/BaseUI.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" aria-label="Base UI" viewBox="0 0 17 24" width="${width}" height="${height}"><path d="M9.5 7.015A.477.477 0 0 0 9 7.5V23a8 8 0 0 0 .5-15.985ZM8 9.8V23c-4.418 0-8-3.94-8-8.8V1c4.418 0 8 3.94 8 8.8Z"/></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" aria-label="Base UI" viewBox="0 0 17 24" width="${width}" height="${height}" ${restAttrs}><path d="M9.5 7.015A.477.477 0 0 0 9 7.5V23a8 8 0 0 0 .5-15.985ZM8 9.8V23c-4.418 0-8-3.94-8-8.8V1c4.418 0 8 3.94 8 8.8Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Basewell.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 165 165" xmlns="http://www.w3.org/2000/svg" fill="none" 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 165 165" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}>
     <path fill="#5DE8E8" d="M3 108.401c0-21.353 17.31-38.664 38.664-38.664H77.59c22.865 0 41.4 18.536 41.4 41.4 0 22.865-18.535 41.4-41.4 41.4H3v-44.136Z"/>
 
     <path fill="#2B4FF1" d="M46.792 52.664C46.792 31.31 64.102 14 85.456 14h35.928c22.864 0 41.4 18.535 41.4 41.4s-18.536 41.4-41.401 41.4h-74.59V52.664Z"/>

package/dist/components/Bash.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 32 32" width="${width}" height="${height}"><path fill="#1b1b1f" fill-rule="evenodd" d="M28.057 6.53 17.952.532a3.8 3.8 0 0 0-3.88 0L3.965 6.53A4.03 4.03 0 0 0 2 10.002v11.996a4.03 4.03 0 0 0 1.948 3.472l10.105 5.998a3.8 3.8 0 0 0 3.88 0L28.04 25.47a4.03 4.03 0 0 0 1.948-3.472V10.002a4.03 4.03 0 0 0-1.93-3.472zM20.23 25.262v.86a.318.318 0 0 1-.148.265l-.512.293c-.08.042-.148 0-.148-.113v-.847a1.66 1.66 0 0 1-1.164.113c-.062-.042-.086-.122-.056-.2l.183-.78a.322.322 0 0 1 .102-.17.18.18 0 0 1 .05-.035.11.11 0 0 1 .08 0 1.41 1.41 0 0 0 1.059-.134 1.41 1.41 0 0 0 .79-1.21c0-.438-.24-.62-.82-.625-.734 0-1.4-.14-1.43-1.224a3.137 3.137 0 0 1 1.186-2.4v-.872a.34.34 0 0 1 .148-.268l.494-.314c.08-.042.148 0 .148.116v.872a1.61 1.61 0 0 1 .967-.116c.07.04.098.128.064.2l-.173.773a.325.325 0 0 1-.138.195c-.02.012-.05.008-.074 0a1.28 1.28 0 0 0-.931.152 1.17 1.17 0 0 0-.706 1.037c0 .395.208.515.907.53.935 0 1.337.423 1.348 1.362a3.346 3.346 0 0 1-1.228 2.53zm5.293-1.45a.201.201 0 0 1-.078.194L22.9 25.558c-.024.02-.06.023-.087.007s-.04-.05-.033-.08v-.66a.184.184 0 0 1 .116-.162l2.516-1.507c.024-.02.06-.023.087-.007s.04.05.033.08v.582zM27.288 9.06l-9.562 5.906c-1.193.706-2.07 1.478-2.07 2.914v11.778c0 .86.353 1.4.882 1.58a3.14 3.14 0 0 1-.53.053 3.13 3.13 0 0 1-1.595-.441L4.308 24.853A3.3 3.3 0 0 1 2.706 22V10.002a3.304 3.304 0 0 1 1.602-2.858l10.105-5.998c.98-.58 2.196-.58 3.176 0l10.105 5.998c.833.504 1.4 1.35 1.552 2.3-.328-.713-1.083-.9-1.962-.395h.003z"/></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 32 32" width="${width}" height="${height}" ${restAttrs}><path fill="#1b1b1f" fill-rule="evenodd" d="M28.057 6.53 17.952.532a3.8 3.8 0 0 0-3.88 0L3.965 6.53A4.03 4.03 0 0 0 2 10.002v11.996a4.03 4.03 0 0 0 1.948 3.472l10.105 5.998a3.8 3.8 0 0 0 3.88 0L28.04 25.47a4.03 4.03 0 0 0 1.948-3.472V10.002a4.03 4.03 0 0 0-1.93-3.472zM20.23 25.262v.86a.318.318 0 0 1-.148.265l-.512.293c-.08.042-.148 0-.148-.113v-.847a1.66 1.66 0 0 1-1.164.113c-.062-.042-.086-.122-.056-.2l.183-.78a.322.322 0 0 1 .102-.17.18.18 0 0 1 .05-.035.11.11 0 0 1 .08 0 1.41 1.41 0 0 0 1.059-.134 1.41 1.41 0 0 0 .79-1.21c0-.438-.24-.62-.82-.625-.734 0-1.4-.14-1.43-1.224a3.137 3.137 0 0 1 1.186-2.4v-.872a.34.34 0 0 1 .148-.268l.494-.314c.08-.042.148 0 .148.116v.872a1.61 1.61 0 0 1 .967-.116c.07.04.098.128.064.2l-.173.773a.325.325 0 0 1-.138.195c-.02.012-.05.008-.074 0a1.28 1.28 0 0 0-.931.152 1.17 1.17 0 0 0-.706 1.037c0 .395.208.515.907.53.935 0 1.337.423 1.348 1.362a3.346 3.346 0 0 1-1.228 2.53zm5.293-1.45a.201.201 0 0 1-.078.194L22.9 25.558c-.024.02-.06.023-.087.007s-.04-.05-.033-.08v-.66a.184.184 0 0 1 .116-.162l2.516-1.507c.024-.02.06-.023.087-.007s.04.05.033.08v.582zM27.288 9.06l-9.562 5.906c-1.193.706-2.07 1.478-2.07 2.914v11.778c0 .86.353 1.4.882 1.58a3.14 3.14 0 0 1-.53.053 3.13 3.13 0 0 1-1.595-.441L4.308 24.853A3.3 3.3 0 0 1 2.706 22V10.002a3.304 3.304 0 0 1 1.602-2.858l10.105-5.998c.98-.58 2.196-.58 3.176 0l10.105 5.998c.833.504 1.4 1.35 1.552 2.3-.328-.713-1.083-.9-1.962-.395h.003z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Beacon.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 93 20" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><path fill="#FF7E23" fill-rule="evenodd" d="M6.815 19.719c4.869 0 7.122-2.254 7.122-5.494 0-2.845-1.83-4.79-4.197-5.352 1.662-.647 2.844-2.028 2.844-4.028 0-2.59-1.94-4.845-5.911-4.845H0v19.719h6.815ZM3.096 8V2.733h3.322c2.028 0 3.097.958 3.097 2.535C9.515 6.873 8.417 8 6.389 8H3.096Zm7.742 5.747c0-1.944-1.24-3.324-4.196-3.324H3.096v6.563h3.577c2.928 0 4.165-1.24 4.165-3.24Zm18.78-.226H18.043c.452 2.59 2.48 3.888 4.814 3.888 1.943 0 2.983-.507 4.055-1.353l1.717 1.634C27.335 19.157 25.476 20 22.774 20c-3.687 0-7.716-2.507-7.716-7.578 0-5.1 4.14-7.632 7.432-7.632 3.325 0 7.831 2.533 7.127 8.73Zm-11.545-2.255h8.813c-.28-2.59-2.505-3.86-4.39-3.86-1.86.003-3.945 1.27-4.423 3.86Zm19.874-6.479c-3.293 0-7.263 2.48-7.263 7.607 0 5.126 3.97 7.606 7.263 7.606 2.535 0 4.281-1.466 4.872-2.677h.168v2.393h3.041V5.068h-3.041v2.394h-.168c-.591-1.211-2.337-2.675-4.872-2.675Zm.395 2.706c2.279 0 4.73 1.632 4.73 4.9 0 3.27-2.449 4.903-4.73 4.9-2.28 0-4.701-1.633-4.701-4.9 0-3.265 2.42-4.9 4.7-4.9Zm20.832 1.913 2.366-1.07c-1.323-2.364-3.603-3.546-6.252-3.549-3.322 0-7.574 2.533-7.574 7.633 0 5.097 4.252 7.578 7.574 7.578 2.676 0 4.927-1.154 6.279-3.521l-2.393-1.07c-.874 1.183-2.056 1.887-3.857 1.887-2.167 0-4.646-1.634-4.646-4.874 0-3.295 2.48-4.929 4.646-4.929 1.801 0 2.986.733 3.857 1.915ZM69.871 20c3.35 0 7.602-2.48 7.602-7.578 0-5.1-4.251-7.632-7.602-7.632s-7.603 2.533-7.603 7.632c0 5.098 4.252 7.578 7.603 7.578Zm.002-2.704c-2.166 0-4.645-1.634-4.645-4.873 0-3.295 2.476-4.93 4.645-4.93 2.17 0 4.646 1.635 4.646 4.93 0 3.24-2.477 4.873-4.646 4.873Zm22.858 2.423V11.24c0-4.564-2.757-6.45-5.489-6.45-3.18 0-4.758 2.477-5.04 3.323V5.071h-3.04v14.645h3.04v-8.76c.14-1.237 1.493-3.491 3.998-3.491 1.857 0 3.49 1.156 3.49 3.943v8.31h3.041Z" clip-rule="evenodd"/></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 93 20" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#FF7E23" fill-rule="evenodd" d="M6.815 19.719c4.869 0 7.122-2.254 7.122-5.494 0-2.845-1.83-4.79-4.197-5.352 1.662-.647 2.844-2.028 2.844-4.028 0-2.59-1.94-4.845-5.911-4.845H0v19.719h6.815ZM3.096 8V2.733h3.322c2.028 0 3.097.958 3.097 2.535C9.515 6.873 8.417 8 6.389 8H3.096Zm7.742 5.747c0-1.944-1.24-3.324-4.196-3.324H3.096v6.563h3.577c2.928 0 4.165-1.24 4.165-3.24Zm18.78-.226H18.043c.452 2.59 2.48 3.888 4.814 3.888 1.943 0 2.983-.507 4.055-1.353l1.717 1.634C27.335 19.157 25.476 20 22.774 20c-3.687 0-7.716-2.507-7.716-7.578 0-5.1 4.14-7.632 7.432-7.632 3.325 0 7.831 2.533 7.127 8.73Zm-11.545-2.255h8.813c-.28-2.59-2.505-3.86-4.39-3.86-1.86.003-3.945 1.27-4.423 3.86Zm19.874-6.479c-3.293 0-7.263 2.48-7.263 7.607 0 5.126 3.97 7.606 7.263 7.606 2.535 0 4.281-1.466 4.872-2.677h.168v2.393h3.041V5.068h-3.041v2.394h-.168c-.591-1.211-2.337-2.675-4.872-2.675Zm.395 2.706c2.279 0 4.73 1.632 4.73 4.9 0 3.27-2.449 4.903-4.73 4.9-2.28 0-4.701-1.633-4.701-4.9 0-3.265 2.42-4.9 4.7-4.9Zm20.832 1.913 2.366-1.07c-1.323-2.364-3.603-3.546-6.252-3.549-3.322 0-7.574 2.533-7.574 7.633 0 5.097 4.252 7.578 7.574 7.578 2.676 0 4.927-1.154 6.279-3.521l-2.393-1.07c-.874 1.183-2.056 1.887-3.857 1.887-2.167 0-4.646-1.634-4.646-4.874 0-3.295 2.48-4.929 4.646-4.929 1.801 0 2.986.733 3.857 1.915ZM69.871 20c3.35 0 7.602-2.48 7.602-7.578 0-5.1-4.251-7.632-7.602-7.632s-7.603 2.533-7.603 7.632c0 5.098 4.252 7.578 7.603 7.578Zm.002-2.704c-2.166 0-4.645-1.634-4.645-4.873 0-3.295 2.476-4.93 4.645-4.93 2.17 0 4.646 1.635 4.646 4.93 0 3.24-2.477 4.873-4.646 4.873Zm22.858 2.423V11.24c0-4.564-2.757-6.45-5.489-6.45-3.18 0-4.758 2.477-5.04 3.323V5.071h-3.04v14.645h3.04v-8.76c.14-1.237 1.493-3.491 3.998-3.491 1.857 0 3.49 1.156 3.49 3.943v8.31h3.041Z" clip-rule="evenodd"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Bento.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 45 41" fill="none" xmlns="http://www.w3.org/2000/svg" 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 45 41" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20586 28.6213C1.88336 26.8037 0.722114 25.8949 0.287025 24.8469L0 23.4195V17.5715H1.46429V20.4809C2.10511 19.88 2.9986 19.1807 4.20586 18.2359L15.8173 9.14873C18.1398 7.33112 19.301 6.42232 20.6401 6.08181C21.818 5.7823 23.0868 5.7823 24.2646 6.08181C25.6037 6.42232 26.765 7.33112 29.0875 9.14873L40.6989 18.2359L40.6989 18.236C41.9062 19.1808 42.7997 19.88 43.4405 20.4809V17.5715H44.9048V23.4286C44.9048 23.9073 44.8091 24.386 44.6177 24.8469C44.1826 25.8949 43.0214 26.8037 40.6989 28.6213L29.0875 37.7085L29.0874 37.7085C26.765 39.5261 25.6037 40.4349 24.2646 40.7754C23.0868 41.0749 21.818 41.0749 20.6401 40.7754C19.301 40.4349 18.1398 39.5261 15.8173 37.7085L4.20586 28.6213Z" fill="#DBDBDB"/>
 <path d="M4.20588 22.7641C1.88338 20.9465 0.722125 20.0377 0.287036 18.9897C-0.0956788 18.0679 -0.0956788 17.0749 0.287036 16.1531C0.722125 15.1052 1.88338 14.1964 4.20588 12.3787L15.8173 3.29155C18.1398 1.47395 19.301 0.565142 20.6401 0.224637C21.818 -0.074879 23.0868 -0.074879 24.2647 0.224637C25.6037 0.565142 26.765 1.47395 29.0875 3.29156L40.6989 12.3787C43.0214 14.1964 44.1826 15.1052 44.6177 16.1531C45.0004 17.0749 45.0004 18.0679 44.6177 18.9897C44.1826 20.0377 43.0214 20.9465 40.6989 22.7641L29.0875 31.8513C26.765 33.6689 25.6037 34.5777 24.2647 34.9182C23.0868 35.2177 21.818 35.2177 20.6401 34.9182C19.301 34.5777 18.1398 33.6689 15.8173 31.8513L4.20588 22.7641Z" fill="white"/>
 <path d="M17.4761 11.5133C16.3148 10.6045 15.7342 10.1501 15.5166 9.62611C15.3253 9.1652 15.3253 8.66872 15.5166 8.20781C15.7342 7.68383 16.3148 7.22942 17.4761 6.32062L19.1348 5.02245C20.2961 4.11364 20.8767 3.65924 21.5462 3.48899C22.1352 3.33923 22.7696 3.33923 23.3585 3.48899C24.0281 3.65924 24.6087 4.11364 25.7699 5.02245L27.4287 6.32062C28.59 7.22942 29.1706 7.68383 29.3881 8.20781C29.5795 8.66872 29.5795 9.1652 29.3881 9.62611C29.1706 10.1501 28.59 10.6045 27.4287 11.5133L25.7699 12.8115C24.6087 13.7203 24.0281 14.1747 23.3585 14.3449C22.7696 14.4947 22.1352 14.4947 21.5462 14.3449C20.8767 14.1747 20.2961 13.7203 19.1348 12.8115L17.4761 11.5133Z" fill="#FF8686"/>

package/dist/components/BetterAuth.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 500 500" width="${width}" height="${height}"><path fill="#000" d="M0 0h500v500H0z"/><path fill="#fff" d="M69 121h86.988v259H69zM337.575 121H430v259h-92.425z"/><path fill="#fff" d="M427.282 121v83.456h-174.52V121zM430 296.544V380H252.762v-83.456z"/><path fill="#fff" d="M252.762 204.455v92.089h-96.774v-92.089z"/></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 500 500" width="${width}" height="${height}" ${restAttrs}><path fill="#000" d="M0 0h500v500H0z"/><path fill="#fff" d="M69 121h86.988v259H69zM337.575 121H430v259h-92.425z"/><path fill="#fff" d="M427.282 121v83.456h-174.52V121zM430 296.544V380H252.762v-83.456z"/><path fill="#fff" d="M252.762 204.455v92.089h-96.774v-92.089z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Binance.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 201 201" fill="none" xmlns="http://www.w3.org/2000/svg" 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 201 201" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M100.517 200.483C155.745 200.483 200.517 155.712 200.517 100.483C200.517 45.2549 155.745 0.483337 100.517 0.483337C45.2882 0.483337 0.516663 45.2549 0.516663 100.483C0.516663 155.712 45.2882 200.483 100.517 200.483Z" fill="black"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M126.452 111.118L141.537 126.159L100.531 167.121L59.5688 126.159L74.6533 111.118L100.531 136.995L126.452 111.118ZM100.531 85.1965L115.832 100.498L100.531 115.799L85.2732 100.541V100.498L87.9607 97.8103L89.2611 96.5099L100.531 85.1965ZM48.949 85.4133L64.0335 100.498L48.949 115.539L33.8644 100.454L48.949 85.4133ZM152.113 85.4133L167.198 100.498L152.113 115.539L137.029 100.454L152.113 85.4133ZM100.531 33.8311L141.493 74.7934L126.409 89.8779L100.531 63.9568L74.6533 89.8346L59.5688 74.7934L100.531 33.8311Z" fill="#F3BA2F"/>
 </svg>