@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/Cypress.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 119 48" 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 119 48" width="${width}" height="${height}" ${restAttrs}>
     <path fill="#69D3A7" d="M.854023 30.3588C.288116 28.2979 0 26.1573 0 24.0013 0 14.1592 6.18126 5.16 15.3824 1.61121l1.2064 3.12222C8.66867 7.78884 3.34915 15.5314 3.34915 24.0013c0 1.8579.24693 3.6978.7331 5.4709l-3.228227.8866Z"/>
     <path fill="url(#a)" d="M42.4508 14.4933C38.8702 7.61925 31.822 3.34836 24.0614 3.34836c-2.7498 0-5.4224.52936-7.9381 1.5701l-1.2836-3.09139C17.7644.616732 20.8666 0 24.0614 0c9.0159 0 17.201 4.95958 21.3604 12.9463l-2.971 1.547Z"/>
     <path fill="#1B1E2E" d="M16.877 19.0494c1.942 0 3.524 1.0356 4.3369 2.8421l.0643.1414 3.2616-1.1076-.0694-.167c-1.263-3.076-4.1723-4.9879-7.5934-4.9879-2.4052 0-4.3601.771-5.9755 2.3539-1.60516 1.5727-2.41798 3.5514-2.41798 5.8821 0 2.3102.81282 4.2786 2.41798 5.8513 1.6154 1.583 3.5703 2.3539 5.9755 2.3539 3.4211 0 6.3304-1.9119 7.5934-4.9853l.0694-.167-3.2668-1.1102-.0617.1465c-.728 1.7757-2.3485 2.837-4.3343 2.837-1.3531 0-2.4952-.4728-3.4007-1.4031-.9157-.9431-1.3787-2.1277-1.3787-3.5205 0-1.4031.4527-2.5646 1.3787-3.5514.9029-.9353 2.0476-1.4082 3.4007-1.4082Zm40.1922-.9225c-1.5048-1.5624-3.3826-2.3565-5.5845-2.3565-2.1865 0-3.9871.7787-5.3555 2.3128v-2.0095h-3.5241v21.8966h3.5241v-8.0715c1.3684 1.5342 3.1665 2.3128 5.3555 2.3128 2.2019 0 4.0822-.7941 5.587-2.359 1.4817-1.5727 2.2302-3.5386 2.2302-5.8462-.0025-2.3307-.7511-4.3068-2.2327-5.8795Zm-2.7627 9.3975c-.9029.9328-2.0475 1.4031-3.398 1.4031-1.371 0-2.4823-.46-3.4006-1.4031-.9157-.9431-1.3787-2.1277-1.3787-3.5205 0-1.4339.4501-2.5955 1.3787-3.5514.9158-.9457 2.027-1.4031 3.4006-1.4031 1.353 0 2.4951.4729 3.398 1.4031.908.9354 1.3479 2.0969 1.3479 3.5514 0 1.4339-.4424 2.5851-1.3479 3.5205Zm10.7316-9.5645v-1.8862H61.514v15.8321h3.5241v-8.9324c0-1.4313.5762-2.526 1.7131-3.2533 1.1293-.7221 2.4849-.8557 4.1441-.4034l.2134.0591v-3.3869l-.1311-.0309c-2.2277-.5319-4.463.2339-5.9395 2.0019Zm15.2126-2.1895c-2.3228 0-4.2932.7915-5.8571 2.3539-1.5846 1.583-2.3871 3.5617-2.3871 5.8821 0 2.3102.8128 4.2786 2.4179 5.8513 1.6155 1.583 3.5704 2.3539 5.9755 2.3539 3.2591 0 6.0604-1.6549 7.4957-4.4277l.0823-.1593-2.9813-1.3208-.072.1413c-.8643 1.6703-2.5234 2.6674-4.4321 2.6674-2.4797 0-4.3781-1.5136-4.8925-3.8752h12.7843l.0155-.1516c.2778-2.5543-.3807-4.7694-1.9524-6.5862-1.564-1.8117-3.6501-2.7291-6.1967-2.7291Zm-4.5453 6.6402c.6251-2.1611 2.3897-3.5436 4.5453-3.5436 2.2148 0 3.9794 1.3825 4.5504 3.5436h-9.0957Zm22.1092.0848c-1.9215-.3597-3.5806-.6732-3.5806-2.0095 0-1.0613 1.1292-1.8014 2.7446-1.8014 1.7826 0 2.7601.7658 2.989 2.341l.0258.1774 3.5236-.7375-.025-.1594c-.474-2.7984-2.969-4.5381-6.5108-4.5381-1.7775 0-3.2823.46-4.4707 1.3671-1.2141.902-1.8289 2.0789-1.8289 3.5025 0 2.0609 1.3067 3.6079 3.5009 4.1373.5685.1336 1.1704.2415 1.7518.3495 2.1838.3983 4.2467.776 4.2467 2.2459 0 1.1333-1.3169 1.9222-3.1998 1.9222-1.9164 0-2.9736-.7658-3.2334-2.3436l-.0283-.1748-3.5215.7376.0283.1618c.5119 2.8396 3.0353 4.5356 6.7523 4.5356 1.8881 0 3.5064-.4702 4.8024-1.3953 1.297-.9149 1.952-2.0944 1.952-3.5052 0-3.7004-3.279-4.3171-5.9184-4.8131Zm15.2664 0c-1.921-.3597-3.58-.6732-3.58-2.0095 0-1.0613 1.129-1.8014 2.744-1.8014 1.783 0 2.76.7658 2.989 2.341l.026.1774 3.524-.7375-.026-.1594c-.473-2.7984-2.968-4.5381-6.51-4.5381-1.778 0-3.283.46-4.471 1.3671-1.214.902-1.829 2.0789-1.829 3.5025 0 2.0609 1.307 3.6079 3.501 4.1373.569.1336 1.17.2415 1.752.3495 2.184.3983 4.247.776 4.247 2.2459 0 1.1333-1.317 1.9222-3.2 1.9222-1.917 0-2.974-.7658-3.234-2.3436l-.028-.1748-3.521.7376.028.1618c.512 2.8396 3.035 4.5356 6.752 4.5356 1.888 0 3.506-.4702 4.803-1.3953 1.296-.9149 1.952-2.0944 1.952-3.5052 0-3.7004-3.28-4.3171-5.919-4.8131Z"/>

package/dist/components/D3js.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 116 111" xmlns:xlink="http://www.w3.org/1999/xlink" 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 version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 116 111" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}" ${restAttrs}>
   <clipPath id="clip">
     <path d="M0,0h7.75a45.5,45.5 0 1 1 0,91h-7.75v-20h7.75a25.5,25.5 0 1 0 0,-51h-7.75zm36.2510,0h32a27.75,27.75 0 0 1 21.331,45.5a27.75,27.75 0 0 1 -21.331,45.5h-32a53.6895,53.6895 0 0 0 18.7464,-20h13.2526a7.75,7.75 0 1 0 0,-15.5h-7.75a53.6895,53.6895 0 0 0 0,-20h7.75a7.75,7.75 0 1 0 0,-15.5h-13.2526a53.6895,53.6895 0 0 0 -18.7464,-20z"/>
   </clipPath>

package/dist/components/Dailydev.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 40 40" width="${width}" height="${height}"><g fill="#151618" fill-rule="evenodd"><path d="m31.48 19.944-3.533-3.533 1.765-3.531 5.74 5.74a1.873 1.873 0 0 1 0 2.648l-7.065 7.064a1.873 1.873 0 0 1-2.648-2.648l5.74-5.74Z" opacity=".56"/><path d="M25.74 11.548a1.873 1.873 0 0 1 2.649 0l1.324 1.325-15.452 15.452a1.873 1.873 0 0 1-2.649 0l-1.324-1.324L25.74 11.548Zm-6.622 4.857-2.65 2.649-3.532-3.533-4.415 4.416 3.532 3.532-1.765 3.532-5.74-5.74a1.873 1.873 0 0 1 0-2.648l7.064-7.064a1.873 1.873 0 0 1 2.65 0l4.856 4.856Z"/></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 40 40" width="${width}" height="${height}" ${restAttrs}><g fill="#151618" fill-rule="evenodd"><path d="m31.48 19.944-3.533-3.533 1.765-3.531 5.74 5.74a1.873 1.873 0 0 1 0 2.648l-7.065 7.064a1.873 1.873 0 0 1-2.648-2.648l5.74-5.74Z" opacity=".56"/><path d="M25.74 11.548a1.873 1.873 0 0 1 2.649 0l1.324 1.325-15.452 15.452a1.873 1.873 0 0 1-2.649 0l-1.324-1.324L25.74 11.548Zm-6.622 4.857-2.65 2.649-3.532-3.533-4.415 4.416 3.532 3.532-1.765 3.532-5.74-5.74a1.873 1.873 0 0 1 0-2.648l7.064-7.064a1.873 1.873 0 0 1 2.65 0l4.856 4.856Z"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/DaisyUI.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><rect width="512" height="256" x="256" y="670.72" fill="#1AD1A5" rx="128"/><circle cx="512" cy="353.28" r="256" fill="#fff"/><circle cx="512" cy="353.28" r="261" stroke="#000" stroke-opacity=".2" stroke-width="10"/><circle cx="512" cy="353.28" r="114.688" fill="#FF9903"/></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 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><rect width="512" height="256" x="256" y="670.72" fill="#1AD1A5" rx="128"/><circle cx="512" cy="353.28" r="256" fill="#fff"/><circle cx="512" cy="353.28" r="261" stroke="#000" stroke-opacity=".2" stroke-width="10"/><circle cx="512" cy="353.28" r="114.688" fill="#FF9903"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Dart.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}"><defs><radialGradient id="a" cx="50%" cy="50.002%" r="50.004%" fx="50%" fy="50.002%" gradientTransform="matrix(1 0 0 .99985 0 0)"><stop offset="0%" stop-color="#FFF" stop-opacity=".1"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></radialGradient></defs><path fill="#01579B" d="M52.209 203.791 8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204 8.413 159.995Z"/><path fill="#40C4FF" d="M202.116 52.209 158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796l158.301 8.413ZM104.418 256h106.111v-45.471l-79.16-25.276-72.422 25.276z"/><path fill="#29B6F6" d="M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204-92.636-82.53V180.21Z"/><path fill="#01579B" d="M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413Z"/><path fill="#FFF" d="M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044-5.044-5.044Z" opacity=".2"/><path fill="#263238" d="M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z" opacity=".2"/><path fill="#FFF" d="M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738Z" opacity=".2"/><path fill="url(#a)" d="m254.325 104.418-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796 3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782 0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675 5.044 5.044 43.796 43.796 1.675 1.675H210.49v-45.47h45.471V106.092l-1.637-1.675Z" opacity=".2"/></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}><defs><radialGradient id="a" cx="50%" cy="50.002%" r="50.004%" fx="50%" fy="50.002%" gradientTransform="matrix(1 0 0 .99985 0 0)"><stop offset="0%" stop-color="#FFF" stop-opacity=".1"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></radialGradient></defs><path fill="#01579B" d="M52.209 203.791 8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204 8.413 159.995Z"/><path fill="#40C4FF" d="M202.116 52.209 158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796l158.301 8.413ZM104.418 256h106.111v-45.471l-79.16-25.276-72.422 25.276z"/><path fill="#29B6F6" d="M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204-92.636-82.53V180.21Z"/><path fill="#01579B" d="M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413Z"/><path fill="#FFF" d="M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044-5.044-5.044Z" opacity=".2"/><path fill="#263238" d="M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z" opacity=".2"/><path fill="#FFF" d="M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738Z" opacity=".2"/><path fill="url(#a)" d="m254.325 104.418-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796 3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782 0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675 5.044 5.044 43.796 43.796 1.675 1.675H210.49v-45.47h45.471V106.092l-1.637-1.675Z" opacity=".2"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Datadog.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 256 274" width="${width}" height="${height}"><path fill="#632CA6" fill-rule="evenodd" d="M214.4 194.5l-22.8-15-19 31.7-22.1-6.4-19.5 29.7 1 9.3 105.8-19.5-6.1-66-17.3 36.2zM115.7 166l17-2.3c2.7 1.2 4.6 1.7 8 2.5a25 25 0 0019.8-1.8c2-1 6.3-5 8-7.1l69.6-12.7 7 86-119 21.4-10.4-86zm129.2-31l-6.9 1.4L224.8 0 .1 26l27.7 225 26.2-4c-2.1-3-5.4-6.6-11-11.2-7.7-6.5-5-17.4-.4-24.3 6-11.7 37.2-26.5 35.4-45.2-.6-6.7-1.7-15.6-8-21.6-.2 2.5.2 5 .2 5s-2.6-3.4-3.9-7.9c-1.2-1.7-2.2-2.2-3.6-4.5-1 2.6-.8 5.7-.8 5.7s-2.2-5-2.5-9.2a14.7 14.7 0 00-1.6 5.5s-2.7-8-2-12.1c-1.3-3.7-5-11-4-27.7 6.9 4.8 22 3.7 27.8-5 2-2.9 3.3-10.7-1-26.2-2.7-9.9-9.5-24.6-12.1-30.2l-.3.2a428 428 0 015.3 18.5C75 70.8 76 75.6 74.3 82c-1.3 5.6-4.5 9.2-12.6 13.3-8.1 4-18.9-5.9-19.6-6.4a43.3 43.3 0 01-14.6-21.5c-.7-5.5 3.1-8.7 5-13.2a50 50 0 00-5.8 2.2s3.7-3.8 8.2-7c2-1.3 3-2.1 5-3.8h-5.2s4.8-2.5 9.8-4.4c-3.7-.2-7.2 0-7.2 0s10.7-4.8 19.2-8.3c5.8-2.4 11.5-1.7 14.7 2.9 4.1 6 8.5 9.3 17.9 11.3 5.7-2.5 7.4-3.8 14.6-5.8 6.3-7 11.3-7.8 11.3-7.8s-2.5 2.2-3.1 5.8c3.6-2.8 7.5-5.2 7.5-5.2s-1.5 1.9-3 4.9l.4.5a79 79 0 019.1-4.5l-3 4c3.1 0 9.5.2 12 .5 14.7.3 17.7-15.7 23.3-17.7 7-2.5 10.2-4 22.2 7.8 10.3 10 18.4 28.2 14.4 32.3-3.4 3.3-10-1.3-17.3-10.5a39.5 39.5 0 01-8.2-17.8c-1.1-6.1-5.6-9.7-5.6-9.7s2.6 5.8 2.6 11c0 2.8.3 13.2 4.8 19.1-.4.9-.6 4.3-1.1 5-5.2-6.4-16.5-11-18.3-12.2 6.2 5 20.4 16.7 26 27.9 5.1 10.6 2 20.3 4.7 22.8.7.7 11.1 13.6 13.1 20.2 3.5 11.3.2 23.2-4.4 30.6l-12.7 2c-1.9-.5-3.1-.8-4.8-1.8a32 32 0 002.8-6.5l-.7-1.3a54.4 54.4 0 01-16.2 14.2 27.2 27.2 0 01-21 1.8 117.4 117.4 0 01-33.4-17.9s0 2.2.6 2.7c3.8 4.4 12.7 12.3 21.3 17.8l-18.3 2 8.7 67.4c-3.9.6-4.5.9-8.7 1.5a45.1 45.1 0 00-18.5-26.6A35 35 0 0065 200l-.5.6c6.2-.6 13.6.3 21.2 5.1 7.5 4.7 13.5 17 15.7 24.2 2.9 9.4 4.8 19.4-2.8 30-5.4 7.6-21.3 11.8-34 2.8 3.3 5.5 8 10 14.2 10.8 9.2 1.3 18-.3 24-6.5 5.2-5.3 7.9-16.4 7.2-28l8.1-1.2 3 20.9 135-16.3L245 135.1zm-82-56.8c-.5.9-1 1.4-.2 4.2v.2l.2.4.4.8c1.6 3.3 3.4 6.4 6.3 8 .8-.2 1.5-.3 2.4-.3 2.7-.1 4.5.3 5.6.9v-2.6c-.2-4.1.8-11.2-7.1-14.9-3-1.4-7.3-1-8.7.8l.7.2c2.1.7.7 1.4.3 2.3zm22.3 38.7a45.6 45.6 0 00-24.6 4.3c-2.8 2.2-1.5 6 .6 7.5 5.8 4.4 11 7.3 16.3 6.6 3.3-.4 6.2-5.7 8.3-10.4 1.4-3.3 1.4-6.8-.7-8zm-58-33.5c1.9-1.8-9.2-4.1-17.7 1.7-6.3 4.3-6.5 13.6-.5 18.8l1.6 1.2a51.7 51.7 0 0115.9-4.7c1.3-1.4 2.8-4 2.4-8.5-.5-6.2-5.2-5.2-1.7-8.5z" 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 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 274" width="${width}" height="${height}" ${restAttrs}><path fill="#632CA6" fill-rule="evenodd" d="M214.4 194.5l-22.8-15-19 31.7-22.1-6.4-19.5 29.7 1 9.3 105.8-19.5-6.1-66-17.3 36.2zM115.7 166l17-2.3c2.7 1.2 4.6 1.7 8 2.5a25 25 0 0019.8-1.8c2-1 6.3-5 8-7.1l69.6-12.7 7 86-119 21.4-10.4-86zm129.2-31l-6.9 1.4L224.8 0 .1 26l27.7 225 26.2-4c-2.1-3-5.4-6.6-11-11.2-7.7-6.5-5-17.4-.4-24.3 6-11.7 37.2-26.5 35.4-45.2-.6-6.7-1.7-15.6-8-21.6-.2 2.5.2 5 .2 5s-2.6-3.4-3.9-7.9c-1.2-1.7-2.2-2.2-3.6-4.5-1 2.6-.8 5.7-.8 5.7s-2.2-5-2.5-9.2a14.7 14.7 0 00-1.6 5.5s-2.7-8-2-12.1c-1.3-3.7-5-11-4-27.7 6.9 4.8 22 3.7 27.8-5 2-2.9 3.3-10.7-1-26.2-2.7-9.9-9.5-24.6-12.1-30.2l-.3.2a428 428 0 015.3 18.5C75 70.8 76 75.6 74.3 82c-1.3 5.6-4.5 9.2-12.6 13.3-8.1 4-18.9-5.9-19.6-6.4a43.3 43.3 0 01-14.6-21.5c-.7-5.5 3.1-8.7 5-13.2a50 50 0 00-5.8 2.2s3.7-3.8 8.2-7c2-1.3 3-2.1 5-3.8h-5.2s4.8-2.5 9.8-4.4c-3.7-.2-7.2 0-7.2 0s10.7-4.8 19.2-8.3c5.8-2.4 11.5-1.7 14.7 2.9 4.1 6 8.5 9.3 17.9 11.3 5.7-2.5 7.4-3.8 14.6-5.8 6.3-7 11.3-7.8 11.3-7.8s-2.5 2.2-3.1 5.8c3.6-2.8 7.5-5.2 7.5-5.2s-1.5 1.9-3 4.9l.4.5a79 79 0 019.1-4.5l-3 4c3.1 0 9.5.2 12 .5 14.7.3 17.7-15.7 23.3-17.7 7-2.5 10.2-4 22.2 7.8 10.3 10 18.4 28.2 14.4 32.3-3.4 3.3-10-1.3-17.3-10.5a39.5 39.5 0 01-8.2-17.8c-1.1-6.1-5.6-9.7-5.6-9.7s2.6 5.8 2.6 11c0 2.8.3 13.2 4.8 19.1-.4.9-.6 4.3-1.1 5-5.2-6.4-16.5-11-18.3-12.2 6.2 5 20.4 16.7 26 27.9 5.1 10.6 2 20.3 4.7 22.8.7.7 11.1 13.6 13.1 20.2 3.5 11.3.2 23.2-4.4 30.6l-12.7 2c-1.9-.5-3.1-.8-4.8-1.8a32 32 0 002.8-6.5l-.7-1.3a54.4 54.4 0 01-16.2 14.2 27.2 27.2 0 01-21 1.8 117.4 117.4 0 01-33.4-17.9s0 2.2.6 2.7c3.8 4.4 12.7 12.3 21.3 17.8l-18.3 2 8.7 67.4c-3.9.6-4.5.9-8.7 1.5a45.1 45.1 0 00-18.5-26.6A35 35 0 0065 200l-.5.6c6.2-.6 13.6.3 21.2 5.1 7.5 4.7 13.5 17 15.7 24.2 2.9 9.4 4.8 19.4-2.8 30-5.4 7.6-21.3 11.8-34 2.8 3.3 5.5 8 10 14.2 10.8 9.2 1.3 18-.3 24-6.5 5.2-5.3 7.9-16.4 7.2-28l8.1-1.2 3 20.9 135-16.3L245 135.1zm-82-56.8c-.5.9-1 1.4-.2 4.2v.2l.2.4.4.8c1.6 3.3 3.4 6.4 6.3 8 .8-.2 1.5-.3 2.4-.3 2.7-.1 4.5.3 5.6.9v-2.6c-.2-4.1.8-11.2-7.1-14.9-3-1.4-7.3-1-8.7.8l.7.2c2.1.7.7 1.4.3 2.3zm22.3 38.7a45.6 45.6 0 00-24.6 4.3c-2.8 2.2-1.5 6 .6 7.5 5.8 4.4 11 7.3 16.3 6.6 3.3-.4 6.2-5.7 8.3-10.4 1.4-3.3 1.4-6.8-.7-8zm-58-33.5c1.9-1.8-9.2-4.1-17.7 1.7-6.3 4.3-6.5 13.6-.5 18.8l1.6 1.2a51.7 51.7 0 0115.9-4.7c1.3-1.4 2.8-4 2.4-8.5-.5-6.2-5.2-5.2-1.7-8.5z" clip-rule="evenodd"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/DeepSeek.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" style="flex:none;line-height:1" viewBox="0 0 24 24" width="${width}" height="${height}"><path fill="#4D6BFE" d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 0 1-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 0 0-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 0 1-.465.137 9.597 9.597 0 0 0-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 0 0 1.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 0 1 1.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 0 1 .415-.287.302.302 0 0 1 .2.288.306.306 0 0 1-.31.307.303.303 0 0 1-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 0 1-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 0 1 .016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 0 1-.254-.078.253.253 0 0 1-.114-.358c.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z"/></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" style="flex:none;line-height:1" viewBox="0 0 24 24" width="${width}" height="${height}" ${restAttrs}><path fill="#4D6BFE" d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 0 1-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 0 0-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 0 1-.465.137 9.597 9.597 0 0 0-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 0 0 1.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 0 1 1.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 0 1 .415-.287.302.302 0 0 1 .2.288.306.306 0 0 1-.31.307.303.303 0 0 1-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 0 1-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 0 1 .016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 0 1-.254-.078.253.253 0 0 1-.114-.358c.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Deno.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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 401 401" width="${width}" height="${height}"><path d="M261.684 245.149c33.861 1.662 69.225-13.535 80.203-43.776 10.978-30.241 6.721-60.148-32.661-78.086-39.381-17.944-57.569-39.272-89.385-52.14-20.787-8.408-43.915-3.418-67.664 9.707-63.963 35.351-121.274 147.038-94.858 250.518a3.185 3.185 0 0 1-1.544 3.615 3.189 3.189 0 0 1-3.877-.64C16.282 295.06-3.759 241.788.593 184.791 8.998 74.728 105.178-7.806 215.241.599 325.296 9.003 407.83 105.182 399.425 215.245c-3.529 46.221-22.535 87.584-51.559 119.399-22.195 22.8-50.473 32.935-74.07 32.516-17.107-.303-33.839-7.112-45.409-17.066-16.516-14.228-23.191-30.485-25.474-48.635-.572-4.507-.236-16.797 2.112-25.309 1.745-6.343 6.185-18.599 12.676-23.957-7.595-3.266-17.361-10.388-20.446-13.805-.753-.838-.652-2.156.026-3.057a2.56 2.56 0 0 1 2.925-.88c6.528 2.239 14.477 4.444 22.86 5.851 11.021 1.844 24.729 4.159 38.618 4.847ZM192.777 85.086c10.789-.846 20.202 8.363 21.825 20.609 2.164 16.314-3.822 33.166-23.511 33.554-16.819.335-21.915-16.625-20.8-26.9 1.107-10.275 9.577-26.25 22.486-27.263Z"/></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" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 401 401" width="${width}" height="${height}" ${restAttrs}><path d="M261.684 245.149c33.861 1.662 69.225-13.535 80.203-43.776 10.978-30.241 6.721-60.148-32.661-78.086-39.381-17.944-57.569-39.272-89.385-52.14-20.787-8.408-43.915-3.418-67.664 9.707-63.963 35.351-121.274 147.038-94.858 250.518a3.185 3.185 0 0 1-1.544 3.615 3.189 3.189 0 0 1-3.877-.64C16.282 295.06-3.759 241.788.593 184.791 8.998 74.728 105.178-7.806 215.241.599 325.296 9.003 407.83 105.182 399.425 215.245c-3.529 46.221-22.535 87.584-51.559 119.399-22.195 22.8-50.473 32.935-74.07 32.516-17.107-.303-33.839-7.112-45.409-17.066-16.516-14.228-23.191-30.485-25.474-48.635-.572-4.507-.236-16.797 2.112-25.309 1.745-6.343 6.185-18.599 12.676-23.957-7.595-3.266-17.361-10.388-20.446-13.805-.753-.838-.652-2.156.026-3.057a2.56 2.56 0 0 1 2.925-.88c6.528 2.239 14.477 4.444 22.86 5.851 11.021 1.844 24.729 4.159 38.618 4.847ZM192.777 85.086c10.789-.846 20.202 8.363 21.825 20.609 2.164 16.314-3.822 33.166-23.511 33.554-16.819.335-21.915-16.625-20.8-26.9 1.107-10.275 9.577-26.25 22.486-27.263Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Designali.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 1440 1440" width="${width}" height="${height}"><path d="M410.16 364.04h253.69c116.97 0 207.22 30.93 270.73 92.75 63.5 61.84 95.26 149.91 95.26 264.21s-31.08 201.22-93.25 262.71c-62.17 61.51-151.08 92.25-266.72 92.25h-259.7V364.04Z" style="fill:#d93739"/></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 1440 1440" width="${width}" height="${height}" ${restAttrs}><path d="M410.16 364.04h253.69c116.97 0 207.22 30.93 270.73 92.75 63.5 61.84 95.26 149.91 95.26 264.21s-31.08 201.22-93.25 262.71c-62.17 61.51-151.08 92.25-266.72 92.25h-259.7V364.04Z" style="fill:#d93739"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/DeveloperStudentClub.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 150 78" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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 150 78" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}" ${restAttrs}>
 <rect width="150" height="78" fill="url(#pattern0)"/>
 <defs>
 <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">

package/dist/components/Devto.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" 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 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M87.3749 147.217C87.3749 157.436 81.0804 172.918 61.1561 172.886H36V83H61.6874C80.9015 83 87.3641 98.4608 87.3695 108.685L87.3749 147.217ZM62.582 99.8189C64.6856 99.8189 66.7946 100.607 68.8982 102.182C70.9963 103.757 72.0535 106.126 72.0589 109.277V147.114C72.0589 150.27 71.0071 152.633 68.9036 154.209C66.8 155.784 64.691 156.572 62.5874 156.572H53.1268V99.8189H62.582Z" fill="black"/>
 <path d="M141.959 99.0529H113.073V119.924H130.731V135.988H113.073V156.854H141.965V172.918H108.253C102.203 173.076 97.1717 168.284 97.0199 162.222V94.2561C96.8735 88.1989 101.661 83.1684 107.706 83.0163H141.965L141.959 99.0529Z" fill="black"/>
 <path d="M198.149 161.684C190.992 178.389 178.17 175.064 172.429 161.684L151.539 83.0217H169.197L185.305 144.8L201.336 83.0217H219L198.149 161.684Z" fill="black"/>

package/dist/components/DigitalOcean.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 -3.954 53.927 53.954" width="${width}" height="${height}"><g fill="#0080ff" fill-rule="evenodd"><path d="M24.915 50v-9.661c10.226 0 18.164-10.141 14.237-20.904a14.438 14.438 0 0 0-8.615-8.616C19.774 6.921 9.633 14.83 9.633 25.056H0C0 8.758 15.763-3.954 32.853 1.384 40.311 3.73 46.271 9.661 48.588 17.12 53.927 34.237 41.243 50 24.915 50"/><path d="M15.339 40.367h9.604v-9.604H15.34zm-7.401 7.401h7.4v-7.4h-7.4zm-6.187-7.4h6.187V34.18H1.751z"/></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 -3.954 53.927 53.954" width="${width}" height="${height}" ${restAttrs}><g fill="#0080ff" fill-rule="evenodd"><path d="M24.915 50v-9.661c10.226 0 18.164-10.141 14.237-20.904a14.438 14.438 0 0 0-8.615-8.616C19.774 6.921 9.633 14.83 9.633 25.056H0C0 8.758 15.763-3.954 32.853 1.384 40.311 3.73 46.271 9.661 48.588 17.12 53.927 34.237 41.243 50 24.915 50"/><path d="M15.339 40.367h9.604v-9.604H15.34zm-7.401 7.401h7.4v-7.4h-7.4zm-6.187-7.4h6.187V34.18H1.751z"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Directus.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 1024 1028" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><g clip-path="url(#clip0_1255_4057)"><rect width="1024" height="1028" fill="#6644FF"/><path d="M0 856.177V0H1024V1028H987.478C944.858 1005.08 881.857 978.413 792.583 956.099C706.535 934.591 579.091 924.288 443.621 913.336C289.815 900.902 125.662 887.631 0 856.177Z" fill="#754DFC"/><path d="M0 630.724V0H1024V864.167C987.48 836.871 914.997 793.6 788.518 757.39C703.262 732.982 576.241 718.365 441.22 702.828C288.002 685.197 124.482 666.38 0 630.724Z" fill="#8555F8"/><path d="M0 385.079V0H1024V661.623C992.243 634.157 920.217 583.508 783.219 539.058C698.867 511.689 572.433 492.648 438.037 472.408C285.691 449.465 123.114 424.981 0 385.079Z" fill="#945EF5"/><path d="M1024 0V470.993C995.948 444.51 924.692 389.046 780.011 339.296C696.15 310.459 570.068 289.215 436.045 266.632C284.289 241.062 122.352 213.776 0 171.81V0H1024Z" fill="#A366F1"/><path d="M170.96 0H1024V278.073C1008.47 260.248 941.186 192.346 771.386 130.624C688.04 100.328 562.349 76.8867 428.741 51.9689C343.042 35.9861 254.087 19.396 170.96 0Z" fill="#B36EEE"/><g filter="url(#filter0_dd_1255_4057)"><path fill-rule="evenodd" clip-rule="evenodd" d="M751.713 578.4C748 577.472 744.906 576.544 742.122 575.306C740.063 574.391 738.343 573.308 736.836 572.055C735.835 571.222 735.405 569.911 735.529 568.615C737.022 553.073 735.38 539.364 736.862 523.951C743.05 461.46 782.345 481.259 817.617 471.05C837.872 465.345 858.126 454.117 865.527 432.032C866.739 428.417 865.672 424.486 863.154 421.622C840.049 395.355 814.469 372.145 786.676 352.254C693.499 285.923 572.404 258.379 461.196 274.491C456.983 275.101 454.775 279.768 457.077 283.348C471.161 305.263 489.743 323.197 511.052 336.397C514.925 338.796 513.368 343.978 508.923 342.981C498.473 340.639 485.045 336.07 472.417 327.159C471.2 326.301 469.632 326.084 468.249 326.636C462.603 328.887 454.451 332.133 447.714 335.041C443.836 336.715 443.046 341.715 446.238 344.482C502.095 392.893 583.352 400.252 646.98 361.511C650.856 359.151 657.062 364.001 655.813 368.363C653.814 375.352 651.478 384.958 648.991 398.04C633.211 477.856 587.728 471.669 531.417 451.56C418.895 410.784 355.06 445.604 298.306 376.675C294.363 371.885 287.431 370.225 282.74 374.285C271.024 384.427 264.09 399.231 264.09 415.055C264.09 433.797 273.766 449.851 288.108 459.461C289.902 460.664 292.286 460.156 293.624 458.461C297.119 454.039 299.978 451.107 303.538 449.253C307.434 447.224 309.335 452.797 306.045 455.709C293.991 466.38 290.532 479.092 282.655 504.152C270.278 543.441 275.538 583.659 217.679 594.177C187.048 595.724 187.667 616.452 176.528 647.388C163.601 684.728 146.674 701.267 115.345 733.897C111.061 738.359 110.693 745.495 115.402 749.508C127.916 760.172 140.822 760.758 153.942 755.357C186.429 741.745 211.491 699.671 235.006 672.447C261.306 642.129 324.424 655.122 372.073 625.423C397.77 609.668 413.21 589.543 408.273 559.396C407.477 554.54 413.034 551.622 415.049 556.111C418.875 564.633 421.383 573.723 422.426 583.116C422.699 585.578 424.9 587.4 427.374 587.261C478.926 584.363 545.591 641.216 607.891 656.599C611.681 657.535 614.375 653.158 612.232 649.896C608.291 643.894 604.94 637.666 602.271 631.301C599.515 624.689 597.427 618.274 595.951 612.082C594.796 607.24 601.872 605.938 604.288 610.292C620.266 639.089 652.198 666.13 696.639 669.353C711.8 670.591 728.508 668.734 745.835 663.475C766.565 657.288 785.748 649.244 808.644 653.576C825.661 656.669 841.441 665.331 851.342 679.872C865.235 700.13 894.563 705.498 910.194 684.325C912.321 681.444 912.5 677.592 911.094 674.298C876.675 593.634 789.279 588.093 751.713 578.4Z" fill="white"/></g></g><defs><filter id="filter0_dd_1255_4057" x="52" y="222" width="920" height="608.703" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="12"/><feGaussianBlur stdDeviation="30"/><feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1255_4057"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_1255_4057" result="effect2_dropShadow_1255_4057"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1255_4057" result="shape"/></filter><clipPath id="clip0_1255_4057"><rect width="1024" height="1028" fill="white"/></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 1024 1028" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#clip0_1255_4057)"><rect width="1024" height="1028" fill="#6644FF"/><path d="M0 856.177V0H1024V1028H987.478C944.858 1005.08 881.857 978.413 792.583 956.099C706.535 934.591 579.091 924.288 443.621 913.336C289.815 900.902 125.662 887.631 0 856.177Z" fill="#754DFC"/><path d="M0 630.724V0H1024V864.167C987.48 836.871 914.997 793.6 788.518 757.39C703.262 732.982 576.241 718.365 441.22 702.828C288.002 685.197 124.482 666.38 0 630.724Z" fill="#8555F8"/><path d="M0 385.079V0H1024V661.623C992.243 634.157 920.217 583.508 783.219 539.058C698.867 511.689 572.433 492.648 438.037 472.408C285.691 449.465 123.114 424.981 0 385.079Z" fill="#945EF5"/><path d="M1024 0V470.993C995.948 444.51 924.692 389.046 780.011 339.296C696.15 310.459 570.068 289.215 436.045 266.632C284.289 241.062 122.352 213.776 0 171.81V0H1024Z" fill="#A366F1"/><path d="M170.96 0H1024V278.073C1008.47 260.248 941.186 192.346 771.386 130.624C688.04 100.328 562.349 76.8867 428.741 51.9689C343.042 35.9861 254.087 19.396 170.96 0Z" fill="#B36EEE"/><g filter="url(#filter0_dd_1255_4057)"><path fill-rule="evenodd" clip-rule="evenodd" d="M751.713 578.4C748 577.472 744.906 576.544 742.122 575.306C740.063 574.391 738.343 573.308 736.836 572.055C735.835 571.222 735.405 569.911 735.529 568.615C737.022 553.073 735.38 539.364 736.862 523.951C743.05 461.46 782.345 481.259 817.617 471.05C837.872 465.345 858.126 454.117 865.527 432.032C866.739 428.417 865.672 424.486 863.154 421.622C840.049 395.355 814.469 372.145 786.676 352.254C693.499 285.923 572.404 258.379 461.196 274.491C456.983 275.101 454.775 279.768 457.077 283.348C471.161 305.263 489.743 323.197 511.052 336.397C514.925 338.796 513.368 343.978 508.923 342.981C498.473 340.639 485.045 336.07 472.417 327.159C471.2 326.301 469.632 326.084 468.249 326.636C462.603 328.887 454.451 332.133 447.714 335.041C443.836 336.715 443.046 341.715 446.238 344.482C502.095 392.893 583.352 400.252 646.98 361.511C650.856 359.151 657.062 364.001 655.813 368.363C653.814 375.352 651.478 384.958 648.991 398.04C633.211 477.856 587.728 471.669 531.417 451.56C418.895 410.784 355.06 445.604 298.306 376.675C294.363 371.885 287.431 370.225 282.74 374.285C271.024 384.427 264.09 399.231 264.09 415.055C264.09 433.797 273.766 449.851 288.108 459.461C289.902 460.664 292.286 460.156 293.624 458.461C297.119 454.039 299.978 451.107 303.538 449.253C307.434 447.224 309.335 452.797 306.045 455.709C293.991 466.38 290.532 479.092 282.655 504.152C270.278 543.441 275.538 583.659 217.679 594.177C187.048 595.724 187.667 616.452 176.528 647.388C163.601 684.728 146.674 701.267 115.345 733.897C111.061 738.359 110.693 745.495 115.402 749.508C127.916 760.172 140.822 760.758 153.942 755.357C186.429 741.745 211.491 699.671 235.006 672.447C261.306 642.129 324.424 655.122 372.073 625.423C397.77 609.668 413.21 589.543 408.273 559.396C407.477 554.54 413.034 551.622 415.049 556.111C418.875 564.633 421.383 573.723 422.426 583.116C422.699 585.578 424.9 587.4 427.374 587.261C478.926 584.363 545.591 641.216 607.891 656.599C611.681 657.535 614.375 653.158 612.232 649.896C608.291 643.894 604.94 637.666 602.271 631.301C599.515 624.689 597.427 618.274 595.951 612.082C594.796 607.24 601.872 605.938 604.288 610.292C620.266 639.089 652.198 666.13 696.639 669.353C711.8 670.591 728.508 668.734 745.835 663.475C766.565 657.288 785.748 649.244 808.644 653.576C825.661 656.669 841.441 665.331 851.342 679.872C865.235 700.13 894.563 705.498 910.194 684.325C912.321 681.444 912.5 677.592 911.094 674.298C876.675 593.634 789.279 588.093 751.713 578.4Z" fill="white"/></g></g><defs><filter id="filter0_dd_1255_4057" x="52" y="222" width="920" height="608.703" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="12"/><feGaussianBlur stdDeviation="30"/><feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1255_4057"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_1255_4057" result="effect2_dropShadow_1255_4057"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1255_4057" result="shape"/></filter><clipPath id="clip0_1255_4057"><rect width="1024" height="1028" fill="white"/></clipPath></defs></svg>
 `;
 </script>
 

package/dist/components/Discord.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 199" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632 108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237 136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.213 5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18Z" fill="#5865F2"/></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 199" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path d="M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632 108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237 136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.213 5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18Z" fill="#5865F2"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Discordjs.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 402 402" 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 402 402" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <rect width="402" height="402" fill="#0B0C18"/>
 <path d="M98.9999 242.171C88.5361 242.171 78.5723 242.171 68.3395 242.171C68.3395 201.837 68.3395 161.801 68.3395 121.164C71.5236 121.164 74.6344 121.131 77.7442 121.17C93.8814 121.373 110.087 120.732 126.141 121.999C154.87 124.268 173.835 144.232 175.877 173.013C176.67 184.196 176.143 195.28 171.947 205.913C170.888 208.598 169.526 209.91 166.262 210.154C154.418 211.039 144.904 220.64 144.005 232.531C143.768 235.66 142.344 236.831 139.866 237.84C130.091 241.821 119.856 242.399 109.489 242.182C106.161 242.113 102.83 242.171 98.9999 242.171ZM142.801 198.055C145.741 189.704 146.31 181.112 144.901 172.45C143.303 162.623 139.049 154.301 129.489 150.007C119.072 145.33 108.05 147.498 97.4169 147.095C97.4169 170.599 97.4169 193.347 97.4169 216.174C103.753 216.174 109.747 216.263 115.737 216.156C128.247 215.932 137.305 210.307 142.801 198.055Z" fill="#FDFDFD"/>
 <path d="M346.965 253.019C341.795 268.613 330.172 277.671 315.168 281.858C286.07 289.979 260.058 283.318 237.52 263.191C237.17 262.879 236.944 262.428 236.418 261.711C237.684 260.243 238.953 258.77 240.951 257.177C277.036 262.541 312.278 265.02 346.965 253.019Z" fill="#B55BFD"/>

package/dist/components/Discourse.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 259" 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 259" width="${width}" height="${height}" ${restAttrs}>
   <path d="M129.1 0C59.1 0 0 56.8 0 127v131.4l129-.2c70.2 0 127-59 127-129C256 59 199.1 0 129.1 0Z"/>
   <path d="M130.3 49.1a78.7 78.7 0 0 0-69.1 116.2L46.9 211l51.2-11.6a78.7 78.7 0 1 0 32.3-150.4Z" fill="#FFF9AE"/>
   <path d="M191.9 176.5A78.6 78.6 0 0 1 98 199.4l-51.2 11.7 52-6.1a78.6 78.6 0 0 0 93.9-125 78.6 78.6 0 0 1-1 96.5Z" fill="#00AEEF"/>

package/dist/components/Disney.svelte

@@ -1,10 +1,19 @@
 <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 = `
 <!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 534 302" style="enable-background:new 0 0 534 302;" xml:space="preserve" width="${width}" height="${height}">
+	 viewBox="0 0 534 302" style="enable-background:new 0 0 534 302;" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}>
 <style>
 	.st0{fill:#01147B;}
 	.st1{fill:url(#SVGID_1_);}

package/dist/components/Django.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 d="M14.135 4H18.1v18.169a26.218 26.218 0 0 1-5.143.535c-4.842-.005-7.362-2.168-7.362-6.322 0-4 2.673-6.6 6.816-6.6a6.448 6.448 0 0 1 1.724.2V4Zm0 9.142a3.992 3.992 0 0 0-1.337-.2c-2 0-3.163 1.223-3.163 3.366 0 2.087 1.107 3.239 3.138 3.239a9.355 9.355 0 0 0 1.362-.1v-6.3Z" style="fill:#44b78b"/><path d="M24.4 10.059v9.1c0 3.133-.235 4.639-.923 5.938A6.316 6.316 0 0 1 20.237 28l-3.678-1.733a5.708 5.708 0 0 0 3.141-2.629c.566-1.121.745-2.42.745-5.837v-7.742ZM20.441 4.02h3.964v4.028h-3.964z" style="fill:#44b78b"/></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 d="M14.135 4H18.1v18.169a26.218 26.218 0 0 1-5.143.535c-4.842-.005-7.362-2.168-7.362-6.322 0-4 2.673-6.6 6.816-6.6a6.448 6.448 0 0 1 1.724.2V4Zm0 9.142a3.992 3.992 0 0 0-1.337-.2c-2 0-3.163 1.223-3.163 3.366 0 2.087 1.107 3.239 3.138 3.239a9.355 9.355 0 0 0 1.362-.1v-6.3Z" style="fill:#44b78b"/><path d="M24.4 10.059v9.1c0 3.133-.235 4.639-.923 5.938A6.316 6.316 0 0 1 20.237 28l-3.678-1.733a5.708 5.708 0 0 0 3.141-2.629c.566-1.121.745-2.42.745-5.837v-7.742ZM20.441 4.02h3.964v4.028h-3.964z" style="fill:#44b78b"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Docker.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 24 24" fill="#008fe2" 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 24 24" fill="#008fe2" width="${width}" height="${height}" ${restAttrs}>
   <path d="M13.98 11.08h2.12a.19.19 0 0 0 .19-.19V9.01a.19.19 0 0 0-.19-.19h-2.12a.18.18 0 0 0-.18.18v1.9c0 .1.08.18.18.18m-2.95-5.43h2.12a.19.19 0 0 0 .18-.19V3.57a.19.19 0 0 0-.18-.18h-2.12a.18.18 0 0 0-.19.18v1.9c0 .1.09.18.19.18m0 2.71h2.12a.19.19 0 0 0 .18-.18V6.29a.19.19 0 0 0-.18-.18h-2.12a.18.18 0 0 0-.19.18v1.89c0 .1.09.18.19.18m-2.93 0h2.12a.19.19 0 0 0 .18-.18V6.29a.18.18 0 0 0-.18-.18H8.1a.18.18 0 0 0-.18.18v1.89c0 .1.08.18.18.18m-2.96 0h2.11a.19.19 0 0 0 .19-.18V6.29a.18.18 0 0 0-.19-.18H5.14a.19.19 0 0 0-.19.18v1.89c0 .1.08.18.19.18m5.89 2.72h2.12a.19.19 0 0 0 .18-.19V9.01a.19.19 0 0 0-.18-.19h-2.12a.18.18 0 0 0-.19.18v1.9c0 .1.09.18.19.18m-2.93 0h2.12a.18.18 0 0 0 .18-.19V9.01a.18.18 0 0 0-.18-.19H8.1a.18.18 0 0 0-.18.18v1.9c0 .1.08.18.18.18m-2.96 0h2.11a.18.18 0 0 0 .19-.19V9.01a.18.18 0 0 0-.18-.19H5.14a.19.19 0 0 0-.19.19v1.88c0 .1.08.19.19.19m-2.92 0h2.12a.18.18 0 0 0 .18-.19V9.01a.18.18 0 0 0-.18-.19H2.22a.18.18 0 0 0-.19.18v1.9c0 .1.08.18.19.18m21.54-1.19c-.06-.05-.67-.51-1.95-.51-.34 0-.68.03-1.01.09a3.77 3.77 0 0 0-1.72-2.57l-.34-.2-.23.33a4.6 4.6 0 0 0-.6 1.43c-.24.97-.1 1.88.4 2.66a4.7 4.7 0 0 1-1.75.42H.76a.75.75 0 0 0-.76.75 11.38 11.38 0 0 0 .7 4.06 6.03 6.03 0 0 0 2.4 3.12c1.18.73 3.1 1.14 5.28 1.14.98 0 1.96-.08 2.93-.26a12.25 12.25 0 0 0 3.82-1.4 10.5 10.5 0 0 0 2.61-2.13c1.25-1.42 2-3 2.55-4.4h.23c1.37 0 2.21-.55 2.68-1 .3-.3.55-.66.7-1.06l.1-.28Z"/>
 </svg>
 `;

package/dist/components/Documenso.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 256 256" width="${width}" height="${height}"><path fill="#000" fill-rule="evenodd" d="M128.1 46.8c-8.23 0-15.1 5.65-26.57 16.94-16.1.13-24.95.99-30.77 6.81-5.82 5.83-6.69 14.68-6.81 30.77C52.65 112.8 47 119.67 47 127.9c0 8.24 5.65 15.1 16.95 26.58.12 16.1.99 24.95 6.8 30.77 5.83 5.82 14.68 6.68 30.78 6.81C113 203.36 119.87 209 128.1 209c8.24 0 15.1-5.65 26.58-16.94 16.1-.13 24.95-.99 30.77-6.81 5.83-5.83 6.69-14.67 6.82-30.77 11.3-11.48 16.94-18.34 16.94-26.58 0-8.23-5.65-15.1-16.94-26.57-.13-16.1-1-24.95-6.82-30.78-5.82-5.82-14.67-6.68-30.77-6.81-11.47-11.3-18.34-16.94-26.58-16.94zm6.13 145.28h.12l-.26.2c-3.88 2.96-5.35 3.03-5.99 3.03-.63 0-2.1-.07-5.98-3.03l-.17-.13h-.03l-.07-.07h-.06l-11.89-11.11a9.78 9.78 0 00-5.68-2.59l-2.66-.01-14.42-.67-.32-.04c-4.84-.65-5.93-1.65-6.38-2.1-.45-.44-1.44-1.53-2.1-6.37l-.02-.22-.62-15.84a9.78 9.78 0 00-.27-1.9 9.78 9.78 0 00-2.4-4.91l-11.1-12.2v.04l-.03-.03v-.01l-.04-.06-.13-.17c-2.96-3.88-3.03-5.35-3.03-5.99 0-.64.07-2.1 3.03-5.99l.2-.25v.02l10.67-11.6a9.78 9.78 0 002.56-6l.6-9.11c.08-2.89.23-5.33.48-7.45l.04-.65.04-.04.01-.09.02-.13c.65-4.84 1.64-5.92 2.1-6.37.44-.45 1.53-1.45 6.37-2.1l.11-.01.08-.01.13-.02-.1.1 15.46-.72a9.78 9.78 0 004.89-1.58 9.78 9.78 0 003.42-2.03l11.08-10.15h-.03l.06-.06h.01l.19-.14c3.88-2.96 5.35-3.03 5.98-3.03.64 0 2.11.07 6 3.03l.1.08.06.05.09.07h-.13l11.4 10.39c.91.82 1.96 1.46 3.09 1.9a9.78 9.78 0 004.74 1.46l15.67.68-.08-.08h.1l.04.04.22.03c4.83.65 5.92 1.65 6.37 2.1.45.45 1.44 1.53 2.1 6.37 0 .1.02.21.04.32l.67 16.74a9.8 9.8 0 001.48 4.8l.28.27.96.97.36.42 10.63 11.59v-.13l.03.03v.08l.1.12.07.1c2.96 3.87 3.02 5.34 3.02 5.98 0 .64-.06 2.1-3.02 5.99l-.17.21v.1l-.03.04v-.16l-11.38 12.34a9.78 9.78 0 00-2.32 4.34c0 1.16 0 2.26-.02 3.32l-.71 14.84.05-.05-.03.16-.02.16c-.65 4.84-1.64 5.93-2.09 6.38-.45.44-1.54 1.44-6.37 2.09l-.33.04-.03.03-.38.02c-2.44.3-5.29.45-8.76.54l-7.8.47a9.78 9.78 0 00-5.98 2.52l-11.9 10.8z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M169.58 27.6C151.63 9.95 140.88 1.11 128 1.11c-12.89 0-23.63 8.84-41.58 26.51-25.2.2-39.04 1.55-48.15 10.66S27.81 61.23 27.61 86.41C9.94 104.37 1.11 115.11 1.11 128c0 12.89 8.83 23.63 26.5 41.59.2 25.18 1.55 39.03 10.66 48.14s22.96 10.46 48.15 10.66c17.95 17.67 28.7 26.5 41.58 26.5 12.89 0 23.63-8.83 41.58-26.5 25.2-.2 39.04-1.55 48.15-10.66s10.46-22.96 10.66-48.15c17.67-17.95 26.5-28.7 26.5-41.58 0-12.89-8.83-23.63-26.5-41.58-.2-25.2-1.55-39.04-10.66-48.15s-22.96-10.46-48.15-10.66zM94.01 39a15.3 15.3 0 01-7.89 2.37l-13.88.27c-3.7.18-6.95.45-9.87.84-8.43 1.14-12.03 3.1-14.41 5.47-2.38 2.38-4.34 5.99-5.47 14.42-.4 2.87-.65 6.06-.83 9.66l-.02.02-.26 13.6a15.3 15.3 0 01-4.07 10.1l-7.33 7.94-2.1 2.26v.01l-.4.43a117.3 117.3 0 00-6.36 7.55c-5.16 6.76-6.32 10.7-6.32 14.06 0 3.37 1.16 7.3 6.32 14.06 1.8 2.37 3.95 4.88 6.46 7.65l.06.07 9.68 10.46a15.3 15.3 0 014.06 10.1l.26 13.42c.19 3.7.45 6.95.85 9.88 1.13 8.42 3.09 12.03 5.47 14.4 2.38 2.39 5.98 4.34 14.4 5.48 2.93.39 6.19.66 9.88.84h.1l13.35.26a16.17 16.17 0 012.08.18 15.3 15.3 0 017.98 3.85l10.64 9.78h43.32l.18-.17 10.36-9.58a15.3 15.3 0 0110.1-4.06l13.6-.26.01-.01c3.61-.18 6.8-.45 9.68-.83 8.42-1.14 12.03-3.1 14.4-5.47 2.39-2.38 4.34-5.99 5.48-14.42.4-2.92.66-6.18.84-9.87v-.14l.26-13.28a15.29 15.29 0 014.06-10.1l9.84-10.63a117.6 117.6 0 006.36-7.55c5.16-6.76 6.32-10.7 6.32-14.06 0-3.36-1.16-7.3-6.32-14.06a117.6 117.6 0 00-6.36-7.55l-.1-.1-9.73-10.53a15.26 15.26 0 01-4.07-10.1l-.26-13.28v-.14c-.18-3.7-.45-6.95-.84-9.87-1.14-8.43-3.1-12.04-5.47-14.42-2.38-2.38-5.99-4.33-14.41-5.47-2.82-.38-5.95-.64-9.47-.82l-.03-.02-13.8-.26c-.42 0-.84-.03-1.26-.08h-.04l-.1-.01a15.3 15.3 0 01-8.7-3.98l-7.98-7.38-2.65-2.45a120.52 120.52 0 00-7.55-6.36c-6.76-5.16-10.7-6.32-14.06-6.32-3.36 0-7.3 1.16-14.06 6.32-2.37 1.8-4.88 3.94-7.65 6.45l-.05.05-9.78 9.45A15.3 15.3 0 0194.01 39zm19.93 195.88a118.1 118.1 0 01-7.65-6.45h43.42a117.82 117.82 0 01-7.65 6.45c-6.76 5.16-10.7 6.32-14.06 6.32-3.36 0-7.3-1.16-14.06-6.32z" 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 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><path fill="#000" fill-rule="evenodd" d="M128.1 46.8c-8.23 0-15.1 5.65-26.57 16.94-16.1.13-24.95.99-30.77 6.81-5.82 5.83-6.69 14.68-6.81 30.77C52.65 112.8 47 119.67 47 127.9c0 8.24 5.65 15.1 16.95 26.58.12 16.1.99 24.95 6.8 30.77 5.83 5.82 14.68 6.68 30.78 6.81C113 203.36 119.87 209 128.1 209c8.24 0 15.1-5.65 26.58-16.94 16.1-.13 24.95-.99 30.77-6.81 5.83-5.83 6.69-14.67 6.82-30.77 11.3-11.48 16.94-18.34 16.94-26.58 0-8.23-5.65-15.1-16.94-26.57-.13-16.1-1-24.95-6.82-30.78-5.82-5.82-14.67-6.68-30.77-6.81-11.47-11.3-18.34-16.94-26.58-16.94zm6.13 145.28h.12l-.26.2c-3.88 2.96-5.35 3.03-5.99 3.03-.63 0-2.1-.07-5.98-3.03l-.17-.13h-.03l-.07-.07h-.06l-11.89-11.11a9.78 9.78 0 00-5.68-2.59l-2.66-.01-14.42-.67-.32-.04c-4.84-.65-5.93-1.65-6.38-2.1-.45-.44-1.44-1.53-2.1-6.37l-.02-.22-.62-15.84a9.78 9.78 0 00-.27-1.9 9.78 9.78 0 00-2.4-4.91l-11.1-12.2v.04l-.03-.03v-.01l-.04-.06-.13-.17c-2.96-3.88-3.03-5.35-3.03-5.99 0-.64.07-2.1 3.03-5.99l.2-.25v.02l10.67-11.6a9.78 9.78 0 002.56-6l.6-9.11c.08-2.89.23-5.33.48-7.45l.04-.65.04-.04.01-.09.02-.13c.65-4.84 1.64-5.92 2.1-6.37.44-.45 1.53-1.45 6.37-2.1l.11-.01.08-.01.13-.02-.1.1 15.46-.72a9.78 9.78 0 004.89-1.58 9.78 9.78 0 003.42-2.03l11.08-10.15h-.03l.06-.06h.01l.19-.14c3.88-2.96 5.35-3.03 5.98-3.03.64 0 2.11.07 6 3.03l.1.08.06.05.09.07h-.13l11.4 10.39c.91.82 1.96 1.46 3.09 1.9a9.78 9.78 0 004.74 1.46l15.67.68-.08-.08h.1l.04.04.22.03c4.83.65 5.92 1.65 6.37 2.1.45.45 1.44 1.53 2.1 6.37 0 .1.02.21.04.32l.67 16.74a9.8 9.8 0 001.48 4.8l.28.27.96.97.36.42 10.63 11.59v-.13l.03.03v.08l.1.12.07.1c2.96 3.87 3.02 5.34 3.02 5.98 0 .64-.06 2.1-3.02 5.99l-.17.21v.1l-.03.04v-.16l-11.38 12.34a9.78 9.78 0 00-2.32 4.34c0 1.16 0 2.26-.02 3.32l-.71 14.84.05-.05-.03.16-.02.16c-.65 4.84-1.64 5.93-2.09 6.38-.45.44-1.54 1.44-6.37 2.09l-.33.04-.03.03-.38.02c-2.44.3-5.29.45-8.76.54l-7.8.47a9.78 9.78 0 00-5.98 2.52l-11.9 10.8z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M169.58 27.6C151.63 9.95 140.88 1.11 128 1.11c-12.89 0-23.63 8.84-41.58 26.51-25.2.2-39.04 1.55-48.15 10.66S27.81 61.23 27.61 86.41C9.94 104.37 1.11 115.11 1.11 128c0 12.89 8.83 23.63 26.5 41.59.2 25.18 1.55 39.03 10.66 48.14s22.96 10.46 48.15 10.66c17.95 17.67 28.7 26.5 41.58 26.5 12.89 0 23.63-8.83 41.58-26.5 25.2-.2 39.04-1.55 48.15-10.66s10.46-22.96 10.66-48.15c17.67-17.95 26.5-28.7 26.5-41.58 0-12.89-8.83-23.63-26.5-41.58-.2-25.2-1.55-39.04-10.66-48.15s-22.96-10.46-48.15-10.66zM94.01 39a15.3 15.3 0 01-7.89 2.37l-13.88.27c-3.7.18-6.95.45-9.87.84-8.43 1.14-12.03 3.1-14.41 5.47-2.38 2.38-4.34 5.99-5.47 14.42-.4 2.87-.65 6.06-.83 9.66l-.02.02-.26 13.6a15.3 15.3 0 01-4.07 10.1l-7.33 7.94-2.1 2.26v.01l-.4.43a117.3 117.3 0 00-6.36 7.55c-5.16 6.76-6.32 10.7-6.32 14.06 0 3.37 1.16 7.3 6.32 14.06 1.8 2.37 3.95 4.88 6.46 7.65l.06.07 9.68 10.46a15.3 15.3 0 014.06 10.1l.26 13.42c.19 3.7.45 6.95.85 9.88 1.13 8.42 3.09 12.03 5.47 14.4 2.38 2.39 5.98 4.34 14.4 5.48 2.93.39 6.19.66 9.88.84h.1l13.35.26a16.17 16.17 0 012.08.18 15.3 15.3 0 017.98 3.85l10.64 9.78h43.32l.18-.17 10.36-9.58a15.3 15.3 0 0110.1-4.06l13.6-.26.01-.01c3.61-.18 6.8-.45 9.68-.83 8.42-1.14 12.03-3.1 14.4-5.47 2.39-2.38 4.34-5.99 5.48-14.42.4-2.92.66-6.18.84-9.87v-.14l.26-13.28a15.29 15.29 0 014.06-10.1l9.84-10.63a117.6 117.6 0 006.36-7.55c5.16-6.76 6.32-10.7 6.32-14.06 0-3.36-1.16-7.3-6.32-14.06a117.6 117.6 0 00-6.36-7.55l-.1-.1-9.73-10.53a15.26 15.26 0 01-4.07-10.1l-.26-13.28v-.14c-.18-3.7-.45-6.95-.84-9.87-1.14-8.43-3.1-12.04-5.47-14.42-2.38-2.38-5.99-4.33-14.41-5.47-2.82-.38-5.95-.64-9.47-.82l-.03-.02-13.8-.26c-.42 0-.84-.03-1.26-.08h-.04l-.1-.01a15.3 15.3 0 01-8.7-3.98l-7.98-7.38-2.65-2.45a120.52 120.52 0 00-7.55-6.36c-6.76-5.16-10.7-6.32-14.06-6.32-3.36 0-7.3 1.16-14.06 6.32-2.37 1.8-4.88 3.94-7.65 6.45l-.05.05-9.78 9.45A15.3 15.3 0 0194.01 39zm19.93 195.88a118.1 118.1 0 01-7.65-6.45h43.42a117.82 117.82 0 01-7.65 6.45c-6.76 5.16-10.7 6.32-14.06 6.32-3.36 0-7.3-1.16-14.06-6.32z" clip-rule="evenodd"/></svg>`;
 </script>
 
 {@html svgContent}