@selemondev/svgl-svelte 0.0.1 → 0.0.3

package/dist/components/Oxc.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 240 240" width="${width}" height="${height}"><g clip-path="url(#a)"><mask id="b" x="99" y="26" maskUnits="userSpaceOnUse"><path fill="#fff" d="M99 26h42v42H99z"/><path fill-rule="evenodd" d="M120 64c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17zm0-7c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10z" clip-rule="evenodd"/></mask><path fill="#FF915C" fill-rule="evenodd" d="M120 64c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17zm0-7c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10z" clip-rule="evenodd"/><path fill="#2B3C5A" d="M133 47c0 7.18-5.82 13-13 13v8c11.598 0 21-9.402 21-21h-8zm-13-13c7.18 0 13 5.82 13 13h8c0-11.598-9.402-21-21-21v8zm-13 13c0-7.18 5.82-13 13-13v-8c-11.598 0-21 9.402-21 21h8zm13 13c-7.18 0-13-5.82-13-13h-8c0 11.598 9.402 21 21 21v-8zm6-13a6 6 0 0 1-6 6v8c7.732 0 14-6.268 14-14h-8zm-6-6a6 6 0 0 1 6 6h8c0-7.732-6.268-14-14-14v8zm-6 6a6 6 0 0 1 6-6v-8c-7.732 0-14 6.268-14 14h8zm6 6a6 6 0 0 1-6-6h-8c0 7.732 6.268 14 14 14v-8z" mask="url(#b)"/><g clip-path="url(#c)"><mask id="d" width="148" height="178" x="46" y="26" maskUnits="userSpaceOnUse"><path fill="#fff" d="M46 26h148v178H46z"/><path fill-rule="evenodd" d="M127.017 62.489C132.905 59.817 137 53.887 137 47c0-9.389-7.611-17-17-17s-17 7.611-17 17c0 6.887 4.095 12.817 9.983 15.489L112.552 75h-.052l-23.726 1.79A3 3 0 0 0 86 79.783v6.44a3 3 0 0 0 2.77 2.991L112 91l-1.104 41.769c-.333 12.612-2.388 28.067-14.71 30.774-1.365.3-2.767.457-4.186.457-7.386 0-15.91-9.093-21.37-18.417a62.702 62.702 0 0 1 6.636-2.443c1.297-.396 1.558-2.222.426-2.97-8.182-5.408-14.672-12.666-18.654-21.062-.547-1.154-2.2-1.238-2.751-.086a65.079 65.079 0 0 0-3.519 9.006c-2.761 9.002-3.465 18.391-2.073 27.631l.093.597c.193 1.203 1.683 1.629 2.559.782a55.43 55.43 0 0 1 5.236-4.466C68.627 184.191 102.218 200 120 200c17.786 0 51.39-15.817 61.424-47.452a55.379 55.379 0 0 1 5.231 4.478c.876.85 2.37.424 2.562-.781.032-.195.062-.391.091-.586 1.386-9.24.685-18.629-2.064-27.631a65.212 65.212 0 0 0-3.495-8.99c-.55-1.155-2.207-1.072-2.753.085-3.966 8.391-10.425 15.644-18.566 21.049-1.129.749-.868 2.571.427 2.968a61.983 61.983 0 0 1 6.533 2.411C163.929 154.886 155.395 164 148 164c-1.418 0-2.82-.157-4.184-.456-12.324-2.707-14.379-18.163-14.712-30.775L128 91l23.23-1.787a3 3 0 0 0 2.77-2.991v-6.44a3 3 0 0 0-2.774-2.991L127.5 75h-.052l-.431-12.511ZM130 47c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Z" clip-rule="evenodd"/></mask><path fill="#FF915C" fill-rule="evenodd" d="M127.017 62.489C132.905 59.817 137 53.887 137 47c0-9.389-7.611-17-17-17s-17 7.611-17 17c0 6.887 4.095 12.817 9.983 15.489L112.552 75h-.052l-23.726 1.79A3 3 0 0 0 86 79.783v6.44a3 3 0 0 0 2.77 2.991L112 91l-1.104 41.769c-.333 12.612-2.388 28.067-14.71 30.774-1.365.3-2.767.457-4.186.457-7.386 0-15.91-9.093-21.37-18.417a62.702 62.702 0 0 1 6.636-2.443c1.297-.396 1.558-2.222.426-2.97-8.182-5.408-14.672-12.666-18.654-21.062-.547-1.154-2.2-1.238-2.751-.086a65.079 65.079 0 0 0-3.519 9.006c-2.761 9.002-3.465 18.391-2.073 27.631l.093.597c.193 1.203 1.683 1.629 2.559.782a55.43 55.43 0 0 1 5.236-4.466C68.627 184.191 102.218 200 120 200c17.786 0 51.39-15.817 61.424-47.452a55.379 55.379 0 0 1 5.231 4.478c.876.85 2.37.424 2.562-.781.032-.195.062-.391.091-.586 1.386-9.24.685-18.629-2.064-27.631a65.212 65.212 0 0 0-3.495-8.99c-.55-1.155-2.207-1.072-2.753.085-3.966 8.391-10.425 15.644-18.566 21.049-1.129.749-.868 2.571.427 2.968a61.983 61.983 0 0 1 6.533 2.411C163.929 154.886 155.395 164 148 164c-1.418 0-2.82-.157-4.184-.456-12.324-2.707-14.379-18.163-14.712-30.775L128 91l23.23-1.787a3 3 0 0 0 2.77-2.991v-6.44a3 3 0 0 0-2.774-2.991L127.5 75h-.052l-.431-12.511ZM130 47c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#2B3C5A" d="m127.017 62.489-1.653-3.643-2.437 1.106.092 2.675 3.998-.138Zm-14.034 0 3.998.138.092-2.675-2.437-1.106-1.653 3.643ZM112.552 75v4h3.864l.133-3.862-3.997-.138Zm-.052 0v-4h-.151l-.15.011L112.5 75Zm-23.726 1.79-.3-3.988.3 3.989Zm-.004 12.423-.307 3.988.307-3.988ZM112 91l3.999.106.1-3.802-3.792-.292L112 91Zm-1.104 41.769 3.999.106-3.999-.106Zm-14.71 30.774.858 3.907-.859-3.907Zm-25.557-17.96-1.593-3.669-4.14 1.797 2.282 3.894 3.451-2.022Zm6.637-2.443-1.169-3.825 1.169 3.825Zm.426-2.97 2.206-3.337v-.001l-2.206 3.338Zm-18.654-21.062 3.614-1.714-3.614 1.714Zm-2.751-.086 3.608 1.727-3.608-1.727Zm-3.519 9.006-3.824-1.173 3.824 1.173Zm-2.073 27.631 3.955-.596-3.955.596Zm.093.597-3.95.635 3.95-.635Zm2.559.782 2.78 2.875-2.78-2.875Zm5.236-4.466 3.812-1.211-1.707-5.377-4.509 3.391 2.404 3.197Zm122.841-.024 2.409-3.193-4.512-3.404-1.709 5.387 3.812 1.21Zm5.231 4.478-2.786 2.869v.001l2.786-2.87Zm2.562-.781 3.95.631-3.95-.631Zm.091-.586-3.956-.593 3.956.593Zm-2.064-27.631-3.825 1.168 3.825-1.168Zm-3.495-8.99-3.611 1.719 3.611-1.719Zm-2.753.085-3.617-1.709 3.617 1.709Zm-18.566 21.049-2.213-3.333 2.213 3.333Zm.427 2.968-1.173 3.824 1.173-3.824Zm6.533 2.411 3.452 2.02 2.277-3.892-4.135-1.797-1.594 3.669Zm-25.574 17.993-.858 3.907.858-3.907Zm-14.712-30.775-3.999.105 3.999-.105ZM128 91l-.307-3.988-3.792.291.1 3.803L128 91Zm23.23-1.787.307 3.988-.307-3.988Zm-.004-12.422.301-3.989-.301 3.989ZM127.5 75l.301-3.989-.15-.011h-.151v4Zm-.052 0-3.997.138.133 3.862h3.864v-4Zm1.222-8.869C135.934 62.835 141 55.513 141 47h-8c0 5.26-3.125 9.8-7.636 11.846l3.306 7.285ZM141 47c0-11.598-9.402-21-21-21v8c7.18 0 13 5.82 13 13h8Zm-21-21c-11.598 0-21 9.402-21 21h8c0-7.18 5.82-13 13-13v-8ZM99 47c0 8.513 5.066 15.835 12.33 19.131l3.306-7.285C110.125 56.8 107 52.26 107 47h-8Zm9.986 15.351-.432 12.511 7.995.276.432-12.511-7.995-.276ZM112.552 71h-.052v8h.052v-8Zm-.353.011-23.726 1.791.602 7.977 23.726-1.79-.602-7.978Zm-23.726 1.791A7 7 0 0 0 82 79.782h8a1 1 0 0 1-.925.997l-.602-7.977ZM82 79.782v6.44h8v-6.44h-8Zm0 6.44a7 7 0 0 0 6.463 6.98l.614-7.977a1 1 0 0 1 .923.997h-8Zm6.463 6.98 23.23 1.786.614-7.976-23.23-1.787-.614 7.976Zm19.538-2.308-1.104 41.769 7.998.212 1.104-41.77-7.998-.21Zm-1.104 41.769c-.164 6.229-.756 12.703-2.621 17.844-1.83 5.046-4.618 8.178-8.949 9.13l1.717 7.813c7.991-1.755 12.392-7.705 14.753-14.216 2.327-6.416 2.929-13.975 3.098-20.359l-7.998-.212Zm-11.57 26.974A15.512 15.512 0 0 1 92 160v8c1.714 0 3.404-.19 5.044-.55l-1.717-7.813ZM92 160c-2.163 0-5.19-1.426-8.698-4.655-3.38-3.11-6.64-7.378-9.222-11.784l-6.902 4.044c2.88 4.918 6.612 9.859 10.706 13.626C81.85 164.88 86.777 168 92 168v-8Zm-19.778-10.748a58.4 58.4 0 0 1 6.212-2.286l-2.337-7.651a66.358 66.358 0 0 0-7.061 2.599l3.186 7.338Zm6.212-2.286c4.551-1.39 5.403-7.53 1.464-10.133l-4.411 6.674a2.371 2.371 0 0 1-1.056-2.288 2.374 2.374 0 0 1 1.666-1.904l2.337 7.651Zm1.464-10.134c-7.626-5.04-13.603-11.757-17.246-19.438l-7.228 3.428c4.32 9.11 11.325 16.91 20.063 22.685l4.41-6.675Zm-17.246-19.438c-1.793-3.782-7.774-4.694-9.974-.099l7.217 3.454a2.567 2.567 0 0 1-2.385 1.448 2.419 2.419 0 0 1-2.086-1.375l7.228-3.428Zm-9.974-.099a69.082 69.082 0 0 0-3.734 9.56l7.648 2.346a61.062 61.062 0 0 1 3.303-8.452l-7.217-3.454Zm-3.734 9.56c-2.935 9.57-3.687 19.563-2.204 29.4l7.91-1.192c-1.302-8.643-.645-17.428 1.942-25.862l-7.648-2.346Zm-2.204 29.4.099.636 7.898-1.269c-.03-.186-.059-.373-.087-.559l-7.91 1.192Zm.099.636c.763 4.753 6.354 5.861 9.289 3.022l-5.562-5.75a2.439 2.439 0 0 1 2.388-.58 2.57 2.57 0 0 1 1.783 2.039l-7.898 1.269Zm9.289 3.022a51.551 51.551 0 0 1 4.86-4.145l-4.809-6.393a59.429 59.429 0 0 0-5.613 4.788l5.562 5.75Zm-1.357-6.13c5.36 16.875 16.963 29.41 29.403 37.69C96.537 199.702 110.14 204 120 204v-8c-7.921 0-20.006-3.607-31.394-11.187-11.312-7.53-21.527-18.709-26.21-33.452l-7.625 2.422ZM120 204c9.863 0 23.469-4.3 35.836-12.533 12.442-8.285 24.045-20.826 29.401-37.71l-7.625-2.419c-4.679 14.751-14.895 25.936-26.21 33.469C140.012 192.391 127.923 196 120 196v8Zm59.015-48.259a51.59 51.59 0 0 1 4.854 4.154l5.573-5.739a59.298 59.298 0 0 0-5.609-4.801l-4.818 6.386Zm4.854 4.155c2.934 2.848 8.538 1.743 9.298-3.02l-7.9-1.262a2.572 2.572 0 0 1 1.785-2.042 2.442 2.442 0 0 1 2.39.584l-5.573 5.74Zm9.298-3.02c.033-.208.066-.416.097-.624l-7.912-1.186c-.027.182-.055.365-.085.548l7.9 1.262Zm.097-.624c1.475-9.833.727-19.824-2.194-29.392l-7.651 2.336c2.576 8.437 3.23 17.224 1.933 25.87l7.912 1.186Zm-2.194-29.392a69.17 69.17 0 0 0-3.709-9.541l-7.223 3.438a61.282 61.282 0 0 1 3.281 8.439l7.651-2.336Zm-3.709-9.541c-2.195-4.611-8.191-3.695-9.982.095l7.233 3.418a2.418 2.418 0 0 1-2.088 1.378 2.567 2.567 0 0 1-2.386-1.453l7.223-3.438Zm-9.982.095c-3.628 7.678-9.576 14.39-17.162 19.425l4.425 6.665c8.698-5.773 15.668-13.569 19.97-22.672l-7.233-3.418Zm-17.162 19.425c-3.927 2.607-3.074 8.732 1.467 10.125l2.346-7.648a2.376 2.376 0 0 1 1.664 1.903 2.37 2.37 0 0 1-1.052 2.285l-4.425-6.665Zm1.467 10.125a58.273 58.273 0 0 1 6.112 2.255l3.188-7.337a65.994 65.994 0 0 0-6.954-2.566l-2.346 7.648Zm4.253-3.433c-2.58 4.411-5.843 8.687-9.227 11.803-3.513 3.236-6.544 4.666-8.71 4.666v8c5.229 0 10.162-3.127 14.13-6.782 4.098-3.774 7.832-8.723 10.712-13.647l-6.905-4.04ZM148 160c-1.123 0-2.238-.124-3.326-.363l-1.716 7.814c1.639.36 3.328.549 5.042.549v-8Zm-3.326-.363c-4.331-.951-7.12-4.083-8.95-9.13-1.865-5.141-2.457-11.616-2.621-17.844l-7.998.211c.169 6.385.771 13.944 3.098 20.361 2.362 6.511 6.763 12.46 14.755 14.216l1.716-7.814Zm-11.571-26.974-1.104-41.769-7.998.212 1.104 41.768 7.998-.211Zm-4.796-37.675 23.23-1.787-.614-7.976-23.23 1.787.614 7.976Zm23.23-1.787a7 7 0 0 0 6.463-6.98h-8a1 1 0 0 1 .923-.996l.614 7.976Zm6.463-6.98v-6.439h-8v6.44h8Zm0-6.439a7 7 0 0 0-6.473-6.98l-.602 7.977a1 1 0 0 1-.925-.997h8Zm-6.473-6.98-23.726-1.79-.602 7.977 23.726 1.79.602-7.977ZM127.5 71h-.052v8h.052v-8Zm3.946 3.862-.432-12.511-7.995.276.432 12.51 7.995-.275ZM120 61c7.732 0 14-6.268 14-14h-8a6 6 0 0 1-6 6v8Zm-14-14c0 7.732 6.268 14 14 14v-8a6 6 0 0 1-6-6h-8Zm14-14c-7.732 0-14 6.268-14 14h8a6 6 0 0 1 6-6v-8Zm14 14c0-7.732-6.268-14-14-14v8a6 6 0 0 1 6 6h8Z" mask="url(#d)"/><path fill="#8A380F" d="M86 87.148a2 2 0 0 0 1.847 1.994L112 91l6.634-6.634a.8.8 0 0 0-.565-1.366H86v4.148Z"/><path fill="#8A380F" fill-rule="evenodd" d="M182.124 118.814c.39-.585 1.264-.532 1.567.101a65.283 65.283 0 0 1 3.553 9.113c2.749 9.002 3.45 18.391 2.064 27.631-.029.195-.059.391-.091.586-.192 1.205-1.686 1.631-2.562.781a56.686 56.686 0 0 0-11.091-8.361 1.553 1.553 0 0 1-.642-1.971c3.368-7.583 5.849-16.672 7.053-27.47a.936.936 0 0 1 .149-.41Z" clip-rule="evenodd"/><path fill="#8A380F" d="m127 62 .5 13-5.818 5.43c-.639.596-1.682.143-1.682-.731V62h7Zm57 78c-4 40-44 60-64 60V84.5a1.5 1.5 0 0 1 1.5-1.5H154v3.285a3 3 0 0 1-2.701 2.985L128 91l1.104 41.769c.333 12.612 2.369 28.102 14.698 30.785 1.345.293 2.729.446 4.131.446-1.385.066-2.761.554-3.652 1.616-4.867 5.798-10.395 11.645-18.574 14.285 21.5 1 51.11-13.627 56.293-60.901l2 21Z"/><path fill="#8A380F" fill-rule="evenodd" d="M121.998 59.898C120.899 60.01 120 60.895 120 62s.898 2.012 1.995 1.883a17.007 17.007 0 0 0 10.026-4.862A17.003 17.003 0 0 0 137 47.08a.08.08 0 0 0-.081-.081.08.08 0 0 0-.079.069c-1.053 6.73-7.166 12.036-14.842 12.828Z" clip-rule="evenodd"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h240v240H0z"/></clipPath><clipPath id="c"><rect width="200" height="200" x="20" y="40" fill="#fff" rx="40"/></clipPath></defs></svg>`;
+	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 240 240" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><mask id="b" x="99" y="26" maskUnits="userSpaceOnUse"><path fill="#fff" d="M99 26h42v42H99z"/><path fill-rule="evenodd" d="M120 64c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17zm0-7c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10z" clip-rule="evenodd"/></mask><path fill="#FF915C" fill-rule="evenodd" d="M120 64c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17zm0-7c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10z" clip-rule="evenodd"/><path fill="#2B3C5A" d="M133 47c0 7.18-5.82 13-13 13v8c11.598 0 21-9.402 21-21h-8zm-13-13c7.18 0 13 5.82 13 13h8c0-11.598-9.402-21-21-21v8zm-13 13c0-7.18 5.82-13 13-13v-8c-11.598 0-21 9.402-21 21h8zm13 13c-7.18 0-13-5.82-13-13h-8c0 11.598 9.402 21 21 21v-8zm6-13a6 6 0 0 1-6 6v8c7.732 0 14-6.268 14-14h-8zm-6-6a6 6 0 0 1 6 6h8c0-7.732-6.268-14-14-14v8zm-6 6a6 6 0 0 1 6-6v-8c-7.732 0-14 6.268-14 14h8zm6 6a6 6 0 0 1-6-6h-8c0 7.732 6.268 14 14 14v-8z" mask="url(#b)"/><g clip-path="url(#c)"><mask id="d" width="148" height="178" x="46" y="26" maskUnits="userSpaceOnUse"><path fill="#fff" d="M46 26h148v178H46z"/><path fill-rule="evenodd" d="M127.017 62.489C132.905 59.817 137 53.887 137 47c0-9.389-7.611-17-17-17s-17 7.611-17 17c0 6.887 4.095 12.817 9.983 15.489L112.552 75h-.052l-23.726 1.79A3 3 0 0 0 86 79.783v6.44a3 3 0 0 0 2.77 2.991L112 91l-1.104 41.769c-.333 12.612-2.388 28.067-14.71 30.774-1.365.3-2.767.457-4.186.457-7.386 0-15.91-9.093-21.37-18.417a62.702 62.702 0 0 1 6.636-2.443c1.297-.396 1.558-2.222.426-2.97-8.182-5.408-14.672-12.666-18.654-21.062-.547-1.154-2.2-1.238-2.751-.086a65.079 65.079 0 0 0-3.519 9.006c-2.761 9.002-3.465 18.391-2.073 27.631l.093.597c.193 1.203 1.683 1.629 2.559.782a55.43 55.43 0 0 1 5.236-4.466C68.627 184.191 102.218 200 120 200c17.786 0 51.39-15.817 61.424-47.452a55.379 55.379 0 0 1 5.231 4.478c.876.85 2.37.424 2.562-.781.032-.195.062-.391.091-.586 1.386-9.24.685-18.629-2.064-27.631a65.212 65.212 0 0 0-3.495-8.99c-.55-1.155-2.207-1.072-2.753.085-3.966 8.391-10.425 15.644-18.566 21.049-1.129.749-.868 2.571.427 2.968a61.983 61.983 0 0 1 6.533 2.411C163.929 154.886 155.395 164 148 164c-1.418 0-2.82-.157-4.184-.456-12.324-2.707-14.379-18.163-14.712-30.775L128 91l23.23-1.787a3 3 0 0 0 2.77-2.991v-6.44a3 3 0 0 0-2.774-2.991L127.5 75h-.052l-.431-12.511ZM130 47c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Z" clip-rule="evenodd"/></mask><path fill="#FF915C" fill-rule="evenodd" d="M127.017 62.489C132.905 59.817 137 53.887 137 47c0-9.389-7.611-17-17-17s-17 7.611-17 17c0 6.887 4.095 12.817 9.983 15.489L112.552 75h-.052l-23.726 1.79A3 3 0 0 0 86 79.783v6.44a3 3 0 0 0 2.77 2.991L112 91l-1.104 41.769c-.333 12.612-2.388 28.067-14.71 30.774-1.365.3-2.767.457-4.186.457-7.386 0-15.91-9.093-21.37-18.417a62.702 62.702 0 0 1 6.636-2.443c1.297-.396 1.558-2.222.426-2.97-8.182-5.408-14.672-12.666-18.654-21.062-.547-1.154-2.2-1.238-2.751-.086a65.079 65.079 0 0 0-3.519 9.006c-2.761 9.002-3.465 18.391-2.073 27.631l.093.597c.193 1.203 1.683 1.629 2.559.782a55.43 55.43 0 0 1 5.236-4.466C68.627 184.191 102.218 200 120 200c17.786 0 51.39-15.817 61.424-47.452a55.379 55.379 0 0 1 5.231 4.478c.876.85 2.37.424 2.562-.781.032-.195.062-.391.091-.586 1.386-9.24.685-18.629-2.064-27.631a65.212 65.212 0 0 0-3.495-8.99c-.55-1.155-2.207-1.072-2.753.085-3.966 8.391-10.425 15.644-18.566 21.049-1.129.749-.868 2.571.427 2.968a61.983 61.983 0 0 1 6.533 2.411C163.929 154.886 155.395 164 148 164c-1.418 0-2.82-.157-4.184-.456-12.324-2.707-14.379-18.163-14.712-30.775L128 91l23.23-1.787a3 3 0 0 0 2.77-2.991v-6.44a3 3 0 0 0-2.774-2.991L127.5 75h-.052l-.431-12.511ZM130 47c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#2B3C5A" d="m127.017 62.489-1.653-3.643-2.437 1.106.092 2.675 3.998-.138Zm-14.034 0 3.998.138.092-2.675-2.437-1.106-1.653 3.643ZM112.552 75v4h3.864l.133-3.862-3.997-.138Zm-.052 0v-4h-.151l-.15.011L112.5 75Zm-23.726 1.79-.3-3.988.3 3.989Zm-.004 12.423-.307 3.988.307-3.988ZM112 91l3.999.106.1-3.802-3.792-.292L112 91Zm-1.104 41.769 3.999.106-3.999-.106Zm-14.71 30.774.858 3.907-.859-3.907Zm-25.557-17.96-1.593-3.669-4.14 1.797 2.282 3.894 3.451-2.022Zm6.637-2.443-1.169-3.825 1.169 3.825Zm.426-2.97 2.206-3.337v-.001l-2.206 3.338Zm-18.654-21.062 3.614-1.714-3.614 1.714Zm-2.751-.086 3.608 1.727-3.608-1.727Zm-3.519 9.006-3.824-1.173 3.824 1.173Zm-2.073 27.631 3.955-.596-3.955.596Zm.093.597-3.95.635 3.95-.635Zm2.559.782 2.78 2.875-2.78-2.875Zm5.236-4.466 3.812-1.211-1.707-5.377-4.509 3.391 2.404 3.197Zm122.841-.024 2.409-3.193-4.512-3.404-1.709 5.387 3.812 1.21Zm5.231 4.478-2.786 2.869v.001l2.786-2.87Zm2.562-.781 3.95.631-3.95-.631Zm.091-.586-3.956-.593 3.956.593Zm-2.064-27.631-3.825 1.168 3.825-1.168Zm-3.495-8.99-3.611 1.719 3.611-1.719Zm-2.753.085-3.617-1.709 3.617 1.709Zm-18.566 21.049-2.213-3.333 2.213 3.333Zm.427 2.968-1.173 3.824 1.173-3.824Zm6.533 2.411 3.452 2.02 2.277-3.892-4.135-1.797-1.594 3.669Zm-25.574 17.993-.858 3.907.858-3.907Zm-14.712-30.775-3.999.105 3.999-.105ZM128 91l-.307-3.988-3.792.291.1 3.803L128 91Zm23.23-1.787.307 3.988-.307-3.988Zm-.004-12.422.301-3.989-.301 3.989ZM127.5 75l.301-3.989-.15-.011h-.151v4Zm-.052 0-3.997.138.133 3.862h3.864v-4Zm1.222-8.869C135.934 62.835 141 55.513 141 47h-8c0 5.26-3.125 9.8-7.636 11.846l3.306 7.285ZM141 47c0-11.598-9.402-21-21-21v8c7.18 0 13 5.82 13 13h8Zm-21-21c-11.598 0-21 9.402-21 21h8c0-7.18 5.82-13 13-13v-8ZM99 47c0 8.513 5.066 15.835 12.33 19.131l3.306-7.285C110.125 56.8 107 52.26 107 47h-8Zm9.986 15.351-.432 12.511 7.995.276.432-12.511-7.995-.276ZM112.552 71h-.052v8h.052v-8Zm-.353.011-23.726 1.791.602 7.977 23.726-1.79-.602-7.978Zm-23.726 1.791A7 7 0 0 0 82 79.782h8a1 1 0 0 1-.925.997l-.602-7.977ZM82 79.782v6.44h8v-6.44h-8Zm0 6.44a7 7 0 0 0 6.463 6.98l.614-7.977a1 1 0 0 1 .923.997h-8Zm6.463 6.98 23.23 1.786.614-7.976-23.23-1.787-.614 7.976Zm19.538-2.308-1.104 41.769 7.998.212 1.104-41.77-7.998-.21Zm-1.104 41.769c-.164 6.229-.756 12.703-2.621 17.844-1.83 5.046-4.618 8.178-8.949 9.13l1.717 7.813c7.991-1.755 12.392-7.705 14.753-14.216 2.327-6.416 2.929-13.975 3.098-20.359l-7.998-.212Zm-11.57 26.974A15.512 15.512 0 0 1 92 160v8c1.714 0 3.404-.19 5.044-.55l-1.717-7.813ZM92 160c-2.163 0-5.19-1.426-8.698-4.655-3.38-3.11-6.64-7.378-9.222-11.784l-6.902 4.044c2.88 4.918 6.612 9.859 10.706 13.626C81.85 164.88 86.777 168 92 168v-8Zm-19.778-10.748a58.4 58.4 0 0 1 6.212-2.286l-2.337-7.651a66.358 66.358 0 0 0-7.061 2.599l3.186 7.338Zm6.212-2.286c4.551-1.39 5.403-7.53 1.464-10.133l-4.411 6.674a2.371 2.371 0 0 1-1.056-2.288 2.374 2.374 0 0 1 1.666-1.904l2.337 7.651Zm1.464-10.134c-7.626-5.04-13.603-11.757-17.246-19.438l-7.228 3.428c4.32 9.11 11.325 16.91 20.063 22.685l4.41-6.675Zm-17.246-19.438c-1.793-3.782-7.774-4.694-9.974-.099l7.217 3.454a2.567 2.567 0 0 1-2.385 1.448 2.419 2.419 0 0 1-2.086-1.375l7.228-3.428Zm-9.974-.099a69.082 69.082 0 0 0-3.734 9.56l7.648 2.346a61.062 61.062 0 0 1 3.303-8.452l-7.217-3.454Zm-3.734 9.56c-2.935 9.57-3.687 19.563-2.204 29.4l7.91-1.192c-1.302-8.643-.645-17.428 1.942-25.862l-7.648-2.346Zm-2.204 29.4.099.636 7.898-1.269c-.03-.186-.059-.373-.087-.559l-7.91 1.192Zm.099.636c.763 4.753 6.354 5.861 9.289 3.022l-5.562-5.75a2.439 2.439 0 0 1 2.388-.58 2.57 2.57 0 0 1 1.783 2.039l-7.898 1.269Zm9.289 3.022a51.551 51.551 0 0 1 4.86-4.145l-4.809-6.393a59.429 59.429 0 0 0-5.613 4.788l5.562 5.75Zm-1.357-6.13c5.36 16.875 16.963 29.41 29.403 37.69C96.537 199.702 110.14 204 120 204v-8c-7.921 0-20.006-3.607-31.394-11.187-11.312-7.53-21.527-18.709-26.21-33.452l-7.625 2.422ZM120 204c9.863 0 23.469-4.3 35.836-12.533 12.442-8.285 24.045-20.826 29.401-37.71l-7.625-2.419c-4.679 14.751-14.895 25.936-26.21 33.469C140.012 192.391 127.923 196 120 196v8Zm59.015-48.259a51.59 51.59 0 0 1 4.854 4.154l5.573-5.739a59.298 59.298 0 0 0-5.609-4.801l-4.818 6.386Zm4.854 4.155c2.934 2.848 8.538 1.743 9.298-3.02l-7.9-1.262a2.572 2.572 0 0 1 1.785-2.042 2.442 2.442 0 0 1 2.39.584l-5.573 5.74Zm9.298-3.02c.033-.208.066-.416.097-.624l-7.912-1.186c-.027.182-.055.365-.085.548l7.9 1.262Zm.097-.624c1.475-9.833.727-19.824-2.194-29.392l-7.651 2.336c2.576 8.437 3.23 17.224 1.933 25.87l7.912 1.186Zm-2.194-29.392a69.17 69.17 0 0 0-3.709-9.541l-7.223 3.438a61.282 61.282 0 0 1 3.281 8.439l7.651-2.336Zm-3.709-9.541c-2.195-4.611-8.191-3.695-9.982.095l7.233 3.418a2.418 2.418 0 0 1-2.088 1.378 2.567 2.567 0 0 1-2.386-1.453l7.223-3.438Zm-9.982.095c-3.628 7.678-9.576 14.39-17.162 19.425l4.425 6.665c8.698-5.773 15.668-13.569 19.97-22.672l-7.233-3.418Zm-17.162 19.425c-3.927 2.607-3.074 8.732 1.467 10.125l2.346-7.648a2.376 2.376 0 0 1 1.664 1.903 2.37 2.37 0 0 1-1.052 2.285l-4.425-6.665Zm1.467 10.125a58.273 58.273 0 0 1 6.112 2.255l3.188-7.337a65.994 65.994 0 0 0-6.954-2.566l-2.346 7.648Zm4.253-3.433c-2.58 4.411-5.843 8.687-9.227 11.803-3.513 3.236-6.544 4.666-8.71 4.666v8c5.229 0 10.162-3.127 14.13-6.782 4.098-3.774 7.832-8.723 10.712-13.647l-6.905-4.04ZM148 160c-1.123 0-2.238-.124-3.326-.363l-1.716 7.814c1.639.36 3.328.549 5.042.549v-8Zm-3.326-.363c-4.331-.951-7.12-4.083-8.95-9.13-1.865-5.141-2.457-11.616-2.621-17.844l-7.998.211c.169 6.385.771 13.944 3.098 20.361 2.362 6.511 6.763 12.46 14.755 14.216l1.716-7.814Zm-11.571-26.974-1.104-41.769-7.998.212 1.104 41.768 7.998-.211Zm-4.796-37.675 23.23-1.787-.614-7.976-23.23 1.787.614 7.976Zm23.23-1.787a7 7 0 0 0 6.463-6.98h-8a1 1 0 0 1 .923-.996l.614 7.976Zm6.463-6.98v-6.439h-8v6.44h8Zm0-6.439a7 7 0 0 0-6.473-6.98l-.602 7.977a1 1 0 0 1-.925-.997h8Zm-6.473-6.98-23.726-1.79-.602 7.977 23.726 1.79.602-7.977ZM127.5 71h-.052v8h.052v-8Zm3.946 3.862-.432-12.511-7.995.276.432 12.51 7.995-.275ZM120 61c7.732 0 14-6.268 14-14h-8a6 6 0 0 1-6 6v8Zm-14-14c0 7.732 6.268 14 14 14v-8a6 6 0 0 1-6-6h-8Zm14-14c-7.732 0-14 6.268-14 14h8a6 6 0 0 1 6-6v-8Zm14 14c0-7.732-6.268-14-14-14v8a6 6 0 0 1 6 6h8Z" mask="url(#d)"/><path fill="#8A380F" d="M86 87.148a2 2 0 0 0 1.847 1.994L112 91l6.634-6.634a.8.8 0 0 0-.565-1.366H86v4.148Z"/><path fill="#8A380F" fill-rule="evenodd" d="M182.124 118.814c.39-.585 1.264-.532 1.567.101a65.283 65.283 0 0 1 3.553 9.113c2.749 9.002 3.45 18.391 2.064 27.631-.029.195-.059.391-.091.586-.192 1.205-1.686 1.631-2.562.781a56.686 56.686 0 0 0-11.091-8.361 1.553 1.553 0 0 1-.642-1.971c3.368-7.583 5.849-16.672 7.053-27.47a.936.936 0 0 1 .149-.41Z" clip-rule="evenodd"/><path fill="#8A380F" d="m127 62 .5 13-5.818 5.43c-.639.596-1.682.143-1.682-.731V62h7Zm57 78c-4 40-44 60-64 60V84.5a1.5 1.5 0 0 1 1.5-1.5H154v3.285a3 3 0 0 1-2.701 2.985L128 91l1.104 41.769c.333 12.612 2.369 28.102 14.698 30.785 1.345.293 2.729.446 4.131.446-1.385.066-2.761.554-3.652 1.616-4.867 5.798-10.395 11.645-18.574 14.285 21.5 1 51.11-13.627 56.293-60.901l2 21Z"/><path fill="#8A380F" fill-rule="evenodd" d="M121.998 59.898C120.899 60.01 120 60.895 120 62s.898 2.012 1.995 1.883a17.007 17.007 0 0 0 10.026-4.862A17.003 17.003 0 0 0 137 47.08a.08.08 0 0 0-.081-.081.08.08 0 0 0-.079.069c-1.053 6.73-7.166 12.036-14.842 12.828Z" clip-rule="evenodd"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h240v240H0z"/></clipPath><clipPath id="c"><rect width="200" height="200" x="20" y="40" fill="#fff" rx="40"/></clipPath></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/PM2.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 210" 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 210" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="67.1%" y1="64.7%" x2="46.2%" y2="45.8%" id="a">
       <stop stop-color="#520BF5" offset="0%"/>

package/dist/components/PandaCSS.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}"><path d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052V29.642Z" fill="#F6E458"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452-.21 13.32 1.459 26.455 4.11 39.478 2.405 11.804 5.607 23.377 10.179 34.55.434 1.06.975 1.418 2.135 1.416 14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04.192-.01.397-.021.622-.031-.087-.207-.164-.397-.238-.575a20.39 20.39 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692-2.316-4.832-4.63-9.664-6.724-14.591-6.351-14.94-11.215-30.324-12.699-46.608-.654-7.185-.564-14.329 1.43-21.33 2.278-8.003 7.168-13.652 15.274-16.014 7.445-2.168 14.993-2.154 22.396.24 6.608 2.137 10.916 6.65 12.748 13.408 1.408 5.19 1.407 10.436.343 15.669-.82 4.028-2.47 7.705-5.441 10.645-5.33 5.275-11.985 6.489-19.126 6.084-1.27-.072-2.537-.21-3.842-.355-.612-.066-1.231-.134-1.864-.197.018.202.028.388.038.562.018.343.034.64.104.925.305 1.223.595 2.451.885 3.679.699 2.958 1.397 5.915 2.295 8.81a169.782 169.782 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141.244-.154.465-.292.687-.43 6.96-4.333 12.593-9.954 16.478-17.213 6.291-11.754 7.518-24.324 5.649-37.299-1.93-13.39-7.938-24.63-18.283-33.445-7.174-6.115-15.47-10.12-24.474-12.706Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 259" width="${width}" height="${height}" ${restAttrs}><path d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052V29.642Z" fill="#F6E458"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452-.21 13.32 1.459 26.455 4.11 39.478 2.405 11.804 5.607 23.377 10.179 34.55.434 1.06.975 1.418 2.135 1.416 14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04.192-.01.397-.021.622-.031-.087-.207-.164-.397-.238-.575a20.39 20.39 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692-2.316-4.832-4.63-9.664-6.724-14.591-6.351-14.94-11.215-30.324-12.699-46.608-.654-7.185-.564-14.329 1.43-21.33 2.278-8.003 7.168-13.652 15.274-16.014 7.445-2.168 14.993-2.154 22.396.24 6.608 2.137 10.916 6.65 12.748 13.408 1.408 5.19 1.407 10.436.343 15.669-.82 4.028-2.47 7.705-5.441 10.645-5.33 5.275-11.985 6.489-19.126 6.084-1.27-.072-2.537-.21-3.842-.355-.612-.066-1.231-.134-1.864-.197.018.202.028.388.038.562.018.343.034.64.104.925.305 1.223.595 2.451.885 3.679.699 2.958 1.397 5.915 2.295 8.81a169.782 169.782 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141.244-.154.465-.292.687-.43 6.96-4.333 12.593-9.954 16.478-17.213 6.291-11.754 7.518-24.324 5.649-37.299-1.93-13.39-7.938-24.63-18.283-33.445-7.174-6.115-15.47-10.12-24.474-12.706Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Parcel.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 193" 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 193" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="49.4%" y1="49.5%" x2="50.3%" y2="50.4%" id="a">
       <stop offset="0%"/>

package/dist/components/Patreon.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 36 40" class="logomark" width="${width}" height="${height}"><path fill="currentColor" d="M35.975 11.392c0 .312.021.627-.004.937-.03.361-.082.722-.149 1.08a22.535 22.535 0 0 1-.331 1.512 8.59 8.59 0 0 1-.359 1.084c-.313.767-.66 1.518-1.117 2.21-.282.427-.57.849-.864 1.266a4.12 4.12 0 0 1-.37.431c-.225.238-.442.483-.686.695a13.5 13.5 0 0 1-1.123.905c-.356.25-.756.431-1.12.674-.404.268-.866.384-1.296.587-.384.18-.795.24-1.186.38-.498.18-1.021.222-1.531.331-.544.117-1.097.203-1.643.315-.449.09-.894.198-1.34.298-.254.056-.51.098-.756.173-.304.093-.6.214-.896.324-.201.072-.412.126-.604.219-.28.14-.544.315-.823.464-.457.242-.838.585-1.184.96-.292.32-.546.681-.8 1.036-.418.587-.706 1.244-.964 1.916-.254.657-.487 1.322-.725 1.986-.221.625-.43 1.252-.655 1.875-.197.543-.407 1.079-.618 1.615a13.447 13.447 0 0 1-1.12 2.215c-.331.531-.685 1.049-1.142 1.478-.366.343-.72.704-1.17.944-.446.24-.906.448-1.4.557a6.636 6.636 0 0 1-1.807.129c-.229-.012-.455-.075-.684-.117-.137-.026-.276-.047-.409-.089-.112-.035-.215-.097-.322-.151-.302-.147-.624-.264-.9-.448a8.802 8.802 0 0 1-.96-.776c-.554-.492-.97-1.103-1.342-1.74a13.04 13.04 0 0 1-.681-1.319c-.192-.436-.336-.893-.492-1.345a24.916 24.916 0 0 1-.34-1.063c-.092-.317-.165-.641-.243-.963-.073-.298-.15-.594-.212-.895-.112-.536-.215-1.073-.32-1.609a35.827 35.827 0 0 1-.133-.68c-.06-.34-.114-.681-.171-1.022-.044-.254-.092-.506-.13-.76-.044-.28-.08-.56-.124-.839-.036-.242-.078-.483-.112-.725-.032-.226-.06-.452-.089-.678a70.143 70.143 0 0 1-.094-.73c-.03-.236-.055-.471-.082-.707a19421 19421 0 0 1-.096-.818c-.011-.098-.023-.193-.03-.291-.034-.401-.068-.804-.1-1.208-.02-.25-.04-.501-.05-.75-.021-.39-.042-.777-.05-1.166C.01 18.46.001 17.819 0 17.18c0-.378.002-.755.027-1.13.026-.392.08-.784.122-1.176.034-.312.064-.622.105-.934.023-.175.064-.348.1-.52.092-.432.176-.863.281-1.292.076-.31.181-.61.266-.916.157-.571.393-1.11.623-1.653.106-.25.236-.49.368-.725.186-.329.366-.66.576-.97.259-.378.533-.744.823-1.098.275-.336.567-.66.873-.965.24-.24.512-.448.77-.665.254-.212.501-.433.77-.624.412-.296.835-.576 1.263-.849.249-.158.514-.294.774-.434.405-.219.81-.44 1.22-.648.26-.13.527-.244.794-.354.683-.277 1.364-.557 2.055-.816.46-.17.932-.303 1.399-.452.24-.077.475-.161.717-.229.2-.056.402-.086.604-.133.22-.05.434-.119.656-.16.299-.059.603-.1.907-.147.34-.052.679-.105 1.02-.152.139-.019.283-.02.425-.03.47-.026.944-.054 1.414-.077.188-.01.382-.051.565-.019.443.08.889.017 1.332.05.428.03.853.076 1.278.127.306.038.608.103.914.15.268.04.535.065.802.107.215.035.43.081.645.128.46.103.919.196 1.374.317.404.11.797.275 1.204.37.469.113.899.332 1.351.479.462.149.86.424 1.3.608.515.217.96.546 1.418.858.347.238.685.492 1 .77.467.41.92.836 1.356 1.28.258.26.478.564.713.85.38.464.658.993.928 1.523.215.424.393.874.537 1.329.12.373.156.774.245 1.156.098.42.096.844.073 1.27l-.012.008Z"></path></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 36 40" class="logomark" width="${width}" height="${height}" ${restAttrs}><path fill="currentColor" d="M35.975 11.392c0 .312.021.627-.004.937-.03.361-.082.722-.149 1.08a22.535 22.535 0 0 1-.331 1.512 8.59 8.59 0 0 1-.359 1.084c-.313.767-.66 1.518-1.117 2.21-.282.427-.57.849-.864 1.266a4.12 4.12 0 0 1-.37.431c-.225.238-.442.483-.686.695a13.5 13.5 0 0 1-1.123.905c-.356.25-.756.431-1.12.674-.404.268-.866.384-1.296.587-.384.18-.795.24-1.186.38-.498.18-1.021.222-1.531.331-.544.117-1.097.203-1.643.315-.449.09-.894.198-1.34.298-.254.056-.51.098-.756.173-.304.093-.6.214-.896.324-.201.072-.412.126-.604.219-.28.14-.544.315-.823.464-.457.242-.838.585-1.184.96-.292.32-.546.681-.8 1.036-.418.587-.706 1.244-.964 1.916-.254.657-.487 1.322-.725 1.986-.221.625-.43 1.252-.655 1.875-.197.543-.407 1.079-.618 1.615a13.447 13.447 0 0 1-1.12 2.215c-.331.531-.685 1.049-1.142 1.478-.366.343-.72.704-1.17.944-.446.24-.906.448-1.4.557a6.636 6.636 0 0 1-1.807.129c-.229-.012-.455-.075-.684-.117-.137-.026-.276-.047-.409-.089-.112-.035-.215-.097-.322-.151-.302-.147-.624-.264-.9-.448a8.802 8.802 0 0 1-.96-.776c-.554-.492-.97-1.103-1.342-1.74a13.04 13.04 0 0 1-.681-1.319c-.192-.436-.336-.893-.492-1.345a24.916 24.916 0 0 1-.34-1.063c-.092-.317-.165-.641-.243-.963-.073-.298-.15-.594-.212-.895-.112-.536-.215-1.073-.32-1.609a35.827 35.827 0 0 1-.133-.68c-.06-.34-.114-.681-.171-1.022-.044-.254-.092-.506-.13-.76-.044-.28-.08-.56-.124-.839-.036-.242-.078-.483-.112-.725-.032-.226-.06-.452-.089-.678a70.143 70.143 0 0 1-.094-.73c-.03-.236-.055-.471-.082-.707a19421 19421 0 0 1-.096-.818c-.011-.098-.023-.193-.03-.291-.034-.401-.068-.804-.1-1.208-.02-.25-.04-.501-.05-.75-.021-.39-.042-.777-.05-1.166C.01 18.46.001 17.819 0 17.18c0-.378.002-.755.027-1.13.026-.392.08-.784.122-1.176.034-.312.064-.622.105-.934.023-.175.064-.348.1-.52.092-.432.176-.863.281-1.292.076-.31.181-.61.266-.916.157-.571.393-1.11.623-1.653.106-.25.236-.49.368-.725.186-.329.366-.66.576-.97.259-.378.533-.744.823-1.098.275-.336.567-.66.873-.965.24-.24.512-.448.77-.665.254-.212.501-.433.77-.624.412-.296.835-.576 1.263-.849.249-.158.514-.294.774-.434.405-.219.81-.44 1.22-.648.26-.13.527-.244.794-.354.683-.277 1.364-.557 2.055-.816.46-.17.932-.303 1.399-.452.24-.077.475-.161.717-.229.2-.056.402-.086.604-.133.22-.05.434-.119.656-.16.299-.059.603-.1.907-.147.34-.052.679-.105 1.02-.152.139-.019.283-.02.425-.03.47-.026.944-.054 1.414-.077.188-.01.382-.051.565-.019.443.08.889.017 1.332.05.428.03.853.076 1.278.127.306.038.608.103.914.15.268.04.535.065.802.107.215.035.43.081.645.128.46.103.919.196 1.374.317.404.11.797.275 1.204.37.469.113.899.332 1.351.479.462.149.86.424 1.3.608.515.217.96.546 1.418.858.347.238.685.492 1 .77.467.41.92.836 1.356 1.28.258.26.478.564.713.85.38.464.658.993.928 1.523.215.424.393.874.537 1.329.12.373.156.774.245 1.156.098.42.096.844.073 1.27l-.012.008Z"></path></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/PayPal.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="7.056000232696533 3 37.35095977783203 45" width="${width}" height="${height}"><g xmlns="http://www.w3.org/2000/svg" clip-path="url(#a)"><path fill="#002991" d="M38.914 13.35c0 5.574-5.144 12.15-12.927 12.15H18.49l-.368 2.322L16.373 39H7.056l5.605-36h15.095c5.083 0 9.082 2.833 10.555 6.77a9.687 9.687 0 0 1 .603 3.58z"></path><path fill="#60CDFF" d="M44.284 23.7A12.894 12.894 0 0 1 31.53 34.5h-5.206L24.157 48H14.89l1.483-9 1.75-11.178.367-2.322h7.497c7.773 0 12.927-6.576 12.927-12.15 3.825 1.974 6.055 5.963 5.37 10.35z"></path><path fill="#008CFF" d="M38.914 13.35C37.31 12.511 35.365 12 33.248 12h-12.64L18.49 25.5h7.497c7.773 0 12.927-6.576 12.927-12.15z"></path></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="7.056000232696533 3 37.35095977783203 45" width="${width}" height="${height}" ${restAttrs}><g xmlns="http://www.w3.org/2000/svg" clip-path="url(#a)"><path fill="#002991" d="M38.914 13.35c0 5.574-5.144 12.15-12.927 12.15H18.49l-.368 2.322L16.373 39H7.056l5.605-36h15.095c5.083 0 9.082 2.833 10.555 6.77a9.687 9.687 0 0 1 .603 3.58z"></path><path fill="#60CDFF" d="M44.284 23.7A12.894 12.894 0 0 1 31.53 34.5h-5.206L24.157 48H14.89l1.483-9 1.75-11.178.367-2.322h7.497c7.773 0 12.927-6.576 12.927-12.15 3.825 1.974 6.055 5.963 5.37 10.35z"></path><path fill="#008CFF" d="M38.914 13.35C37.31 12.511 35.365 12 33.248 12h-12.64L18.49 25.5h7.497c7.773 0 12.927-6.576 12.927-12.15z"></path></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/PayloadCMS.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" fill="none" width="${width}" height="${height}"><path fill="#2F2F2F" d="m126.675 216.375-74.5-43a3.023 3.023 0 0 1-1.5-2.6v-66.4c0-1.15 1.25-1.875 2.25-1.3l86.5 49.95c1.2.7 2.725-.175 2.725-1.575v-32.4c0-1.3-.7-2.475-1.8-3.125L36.25 55.8a2.98 2.98 0 0 0-3.025 0L19.6 63.675a3.023 3.023 0 0 0-1.5 2.6V189.7c0 1.075.575 2.075 1.5 2.6L126.475 254a2.98 2.98 0 0 0 3.025 0l89.75-51.825c1.2-.7 1.2-2.425 0-3.125l-28-16.175a3.613 3.613 0 0 0-3.625 0l-57.95 33.45a2.98 2.98 0 0 1-3.025 0l.025.05ZM236.4 63.675l-106.9-61.7a2.98 2.98 0 0 0-3.025 0L69.975 34.6c-1.2.7-1.2 2.425 0 3.125l27.75 16.025c1.125.65 2.5.65 3.625 0l25.3-14.6a2.98 2.98 0 0 1 3.025 0l74.5 43c.925.55 1.5 1.525 1.5 2.6v66.75c0 1.3.7 2.475 1.8 3.125l27.7 16c1.2.7 2.725-.175 2.725-1.575V66.3a2.993 2.993 0 0 0-1.5-2.6v-.025Z"/></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" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#2F2F2F" d="m126.675 216.375-74.5-43a3.023 3.023 0 0 1-1.5-2.6v-66.4c0-1.15 1.25-1.875 2.25-1.3l86.5 49.95c1.2.7 2.725-.175 2.725-1.575v-32.4c0-1.3-.7-2.475-1.8-3.125L36.25 55.8a2.98 2.98 0 0 0-3.025 0L19.6 63.675a3.023 3.023 0 0 0-1.5 2.6V189.7c0 1.075.575 2.075 1.5 2.6L126.475 254a2.98 2.98 0 0 0 3.025 0l89.75-51.825c1.2-.7 1.2-2.425 0-3.125l-28-16.175a3.613 3.613 0 0 0-3.625 0l-57.95 33.45a2.98 2.98 0 0 1-3.025 0l.025.05ZM236.4 63.675l-106.9-61.7a2.98 2.98 0 0 0-3.025 0L69.975 34.6c-1.2.7-1.2 2.425 0 3.125l27.75 16.025c1.125.65 2.5.65 3.625 0l25.3-14.6a2.98 2.98 0 0 1 3.025 0l74.5 43c.925.55 1.5 1.525 1.5 2.6v66.75c0 1.3.7 2.475 1.8 3.125l27.7 16c1.2.7 2.725-.175 2.725-1.575V66.3a2.993 2.993 0 0 0-1.5-2.6v-.025Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Peerlist.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 56 56" 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 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M28 0C6.22222 0 0 6.22222 0 28C0 49.7778 6.23778 56 28 56C49.7622 56 56 49.7778 56 28C56 6.22222 49.7622 0 28 0Z" fill="#00AA45"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.24755 7.24755C3.5875 10.9076 2 17.153 2 28C2 38.8461 3.59108 45.0918 7.25306 48.7521C10.9153 52.4127 17.1612 54 28 54C38.8388 54 45.0847 52.4127 48.7469 48.7521C52.4089 45.0918 54 38.8461 54 28C54 17.1539 52.4089 10.9082 48.7469 7.24787C45.0847 3.58733 38.8388 2 28 2C17.153 2 10.9076 3.5875 7.24755 7.24755ZM0 28C0 6.22222 6.22222 0 28 0C49.7622 0 56 6.22222 56 28C56 49.7778 49.7622 56 28 56C6.23778 56 0 49.7778 0 28Z" fill="#219653"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M27.0769 13H15V47H24.3846V39.8889H27.0769C34.7305 39.8889 41 33.9048 41 26.4444C41 18.984 34.7305 13 27.0769 13ZM24.3846 30.7778V22.1111H27.0769C29.6194 22.1111 31.6154 24.0864 31.6154 26.4444C31.6154 28.8024 29.6194 30.7778 27.0769 30.7778H24.3846Z" fill="#24292E"/>

package/dist/components/Penpot.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 261.92187 345.94141" 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 261.92187 345.94141" width="${width}" height="${height}" ${restAttrs}>
   <path d="m-68.324219 280.3457-36.376951 51.23633v28.96289l-31.65625 15.05664-.28516-.13476v188.95312l123.417971 58.30664 7.5429684 3.56055 7.5410156-3.56055L125.2793 564.41992V375.4668l-.23242.10937-31.666021-15.06055v-28.93359l-1.107421-1.55859-35.271485-49.67774-36.378906 51.23633v.0508l-26.4707032-37.28125-26.2656248 36.99414-.939453-1.32226-35.271485-49.67774zm6.435547 29.76172 14.070313 19.81641h-41.011719l13.90625-19.58399 13.035156-.23242zm125.326172 0 14.070312 19.81641H36.496094l13.904297-19.58399 13.037109-.23242zM.58789062 324.11523 14.658203 343.92969h-41.009765l13.904296-19.58399 13.03515662-.23047zM-92.71875 339.91016h19.451172v65.49609l-19.451172-9.18945v-56.30664zm29.4375 0h19.353516l-.002 79.35546-19.353515-9.14257.002-70.21289zm95.886719 0h19.453125l-.002 70.14648-19.449219 9.1875-.002-79.33398zm29.4375 0h19.353515v56.28515l-19.353515 9.14258v-65.42773zm-92.285157 14.00586h19.451172v81.0039l-19.451172-9.18945v-71.81445zm29.4375005 0H18.548828l-.002 71.9707-19.35351562 9.14453.001953-81.11523zm94.1835935 21.52539 17.125004 7.00195-17.125004 8.08984v-15.09179zm-198.080076.0254v15.08984l-17.12305-8.08984 17.12305-7zm-16.85938 23.80859 108.335941 51.17773v155.58985l-108.335941-51.17774V399.2754zm231.75586 0v155.58984L1.859375 606.04298V450.45313L110.19531 399.2754z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" transform="translate(136.64258 -280.3457)"/>
 </svg>`;
 </script>

package/dist/components/PerplexityAI.svelte

@@ -1,9 +1,18 @@
 <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 
 xmlns="http://www.w3.org/2000/svg" 
-viewBox="0 0 48 48" width="${width}" height="${height}">
+viewBox="0 0 48 48" width="${width}" height="${height}" ${restAttrs}>
 <path 
 fill="none" 
 stroke="#20808d" 

package/dist/components/Photoshop.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 83 80" 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 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_906_1855)">
 <path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#001E36"/>
 <path d="M18.4758 56.1007V20.9284C18.4758 20.6721 18.5859 20.5431 18.8061 20.5431C19.3926 20.5431 19.928 20.5345 20.7357 20.5156C21.5425 20.4975 22.414 20.4792 23.3502 20.4606C24.286 20.4424 25.2768 20.4241 26.3226 20.4055C27.3683 20.3874 28.4049 20.3783 29.4324 20.3779C32.2207 20.3779 34.5692 20.7265 36.4778 21.4238C38.1996 22.0062 39.7697 22.9651 41.074 24.2309C42.1797 25.3281 43.0341 26.6521 43.5784 28.1115C44.0933 29.5318 44.3542 31.0316 44.3491 32.5424C44.3491 35.4786 43.6702 37.9005 42.3125 39.808C40.9458 41.7235 39.0247 43.1739 36.8082 43.9638C34.4964 44.8264 31.9274 45.1189 29.1022 45.1189C28.2946 45.1189 27.7258 45.1098 27.3958 45.0914C27.0656 45.0733 26.5703 45.0641 25.9098 45.0639V56.0457C25.9194 56.113 25.9132 56.1816 25.8917 56.2461C25.8702 56.3106 25.834 56.3692 25.7859 56.4172C25.7378 56.4653 25.6792 56.5015 25.6147 56.523C25.5502 56.5445 25.4816 56.5507 25.4143 56.5411H18.8611C18.604 56.5411 18.4758 56.3948 18.4758 56.1007ZM25.9098 27.1482V38.62C26.3862 38.657 26.8265 38.6753 27.2307 38.675H29.0471C30.3836 38.6706 31.7113 38.4586 32.9828 38.0467C34.0732 37.7228 35.0476 37.0923 35.7899 36.2303C36.5054 35.3866 36.8632 34.2124 36.8633 32.7076C36.8923 31.6428 36.6153 30.5921 36.065 29.6802C35.4866 28.7983 34.6506 28.1161 33.6707 27.7262C32.3913 27.2289 31.0246 26.9949 29.6526 27.0382C28.7718 27.0382 27.9921 27.0473 27.3134 27.0656C26.6339 27.0846 26.1661 27.1121 25.9098 27.1482Z" fill="#31A8FF"/>

package/dist/components/Php.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 -1 100 50" width="${width}" height="${height}"><path d="M7.579 10.123h14.204c4.169.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-.247 1.873-.795 3.71-1.643 5.512a16.385 16.385 0 01-3.392 4.876c-1.767 1.837-3.657 3.003-5.671 3.498a26.11 26.11 0 01-6.254.742h-6.36l-2.014 10.07H0l7.579-38.001m6.201 6.042l-3.18 15.9c.212.035.424.053.636.053h.742c3.392.035 6.219-.3 8.48-1.007 2.261-.742 3.781-3.321 4.558-7.738.636-3.71 0-5.848-1.908-6.413-1.873-.565-4.222-.83-7.049-.795-.424.035-.83.053-1.219.053h-1.113l.053-.053M41.093 0h7.314L46.34 10.123h6.572c3.604.071 6.289.813 8.056 2.226 1.802 1.413 2.332 4.099 1.59 8.056l-3.551 17.649h-7.42L54.979 21.2c.353-1.767.247-3.021-.318-3.763s-1.784-1.113-3.657-1.113l-5.883-.053-4.346 21.783h-7.314L41.093 0M70.412 10.123h14.204c4.169.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-.247 1.873-.795 3.71-1.643 5.512a16.385 16.385 0 01-3.392 4.876c-1.767 1.837-3.657 3.003-5.671 3.498a26.11 26.11 0 01-6.254.742h-6.36L70.2 48.124h-7.367l7.579-38.001m6.201 6.042l-3.18 15.9c.212.035.424.053.636.053h.742c3.392.035 6.219-.3 8.48-1.007 2.261-.742 3.781-3.321 4.558-7.738.636-3.71 0-5.848-1.908-6.413-1.873-.565-4.222-.83-7.049-.795-.424.035-.83.053-1.219.053H76.56l.053-.053"/></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 -1 100 50" width="${width}" height="${height}" ${restAttrs}><path d="M7.579 10.123h14.204c4.169.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-.247 1.873-.795 3.71-1.643 5.512a16.385 16.385 0 01-3.392 4.876c-1.767 1.837-3.657 3.003-5.671 3.498a26.11 26.11 0 01-6.254.742h-6.36l-2.014 10.07H0l7.579-38.001m6.201 6.042l-3.18 15.9c.212.035.424.053.636.053h.742c3.392.035 6.219-.3 8.48-1.007 2.261-.742 3.781-3.321 4.558-7.738.636-3.71 0-5.848-1.908-6.413-1.873-.565-4.222-.83-7.049-.795-.424.035-.83.053-1.219.053h-1.113l.053-.053M41.093 0h7.314L46.34 10.123h6.572c3.604.071 6.289.813 8.056 2.226 1.802 1.413 2.332 4.099 1.59 8.056l-3.551 17.649h-7.42L54.979 21.2c.353-1.767.247-3.021-.318-3.763s-1.784-1.113-3.657-1.113l-5.883-.053-4.346 21.783h-7.314L41.093 0M70.412 10.123h14.204c4.169.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-.247 1.873-.795 3.71-1.643 5.512a16.385 16.385 0 01-3.392 4.876c-1.767 1.837-3.657 3.003-5.671 3.498a26.11 26.11 0 01-6.254.742h-6.36L70.2 48.124h-7.367l7.579-38.001m6.201 6.042l-3.18 15.9c.212.035.424.053.636.053h.742c3.392.035 6.219-.3 8.48-1.007 2.261-.742 3.781-3.321 4.558-7.738.636-3.71 0-5.848-1.908-6.413-1.873-.565-4.222-.83-7.049-.795-.424.035-.83.053-1.219.053H76.56l.053-.053"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Pinia.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 331" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><linearGradient id="a" x1="55.342%" x2="42.817%" y1="0%" y2="42.863%"><stop offset="0%" stop-color="#52CE63"/><stop offset="100%" stop-color="#51A256"/></linearGradient><linearGradient id="b" x1="55.349%" x2="42.808%" y1="0%" y2="42.863%"><stop offset="0%" stop-color="#52CE63"/><stop offset="100%" stop-color="#51A256"/></linearGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="58.811%"><stop offset="0%" stop-color="#8AE99C"/><stop offset="100%" stop-color="#52CE63"/></linearGradient><linearGradient id="d" x1="51.378%" x2="44.585%" y1="17.473%" y2="100%"><stop offset="0%" stop-color="#FFE56C"/><stop offset="100%" stop-color="#FFC63A"/></linearGradient></defs><path fill="url(#a)" d="M67.56 173.328c30.366-2.985 41.08-27.648 44.735-64.823 3.654-37.175-21.174-70.814-31.502-69.799-10.328 1.015-43.15 40.322-46.805 77.497-3.654 37.175 3.205 60.11 33.572 57.125Z" transform="rotate(-38 72.877 106.136)"/><path fill="url(#b)" d="M184.454 186.277c30.367 2.986 36.394-20.032 32.74-57.207-3.655-37.175-35.645-76.4-45.973-77.415-10.328-1.015-35.989 32.542-32.334 69.717 3.654 37.175 15.201 61.92 45.567 64.905Z" transform="rotate(52 178.34 119.085)"/><path fill="url(#c)" d="M129.232 151.601c27.341 0 34.878-26.184 34.878-67.013 0-40.83-25.579-80.843-34.878-80.843S93.605 43.758 93.605 84.588c0 40.829 8.286 67.013 35.627 67.013Z" transform="rotate(7 128.858 77.673)"/><path fill="url(#d)" d="M113.386 330.307c56.896 0 103.038-16.528 103.038-91.482 0-74.955-46.142-136.462-103.038-136.462-56.897 0-103.002 61.507-103.002 136.462 0 74.954 46.105 91.482 103.002 91.482Z"/><ellipse cx="165.427" cy="216.677" fill="#EAADCC" rx="14.717" ry="6.845"/><ellipse cx="57.273" cy="212.57" fill="#EAADCC" rx="14.717" ry="6.845" transform="rotate(7 57.273 212.57)"/><path d="M96.266 210.285a2.054 2.054 0 1 0-3.406 2.295c3.151 4.676 7.997 7.39 14.373 8.119 6.348.725 12.016-.902 16.877-4.852a2.054 2.054 0 1 0-2.59-3.187c-3.999 3.249-8.563 4.559-13.82 3.958-5.23-.598-8.986-2.7-11.434-6.333ZM65.818 178.63a14.672 14.672 0 0 1 10.551 3.945 14.67 14.67 0 0 1 4.672 10.25 14.671 14.671 0 0 1-3.945 10.55 14.672 14.672 0 0 1-10.25 4.672 14.67 14.67 0 0 1-10.551-3.945 14.672 14.672 0 0 1-4.67-10.25 14.67 14.67 0 0 1 3.944-10.55 14.67 14.67 0 0 1 10.249-4.672Z"/><path fill="#FFF" d="M66.59 190.932a4.792 4.792 0 1 0-9.578.336 4.792 4.792 0 0 0 9.579-.336Z"/><path d="M154.99 182.366a14.671 14.671 0 0 1 10.552 3.944 14.67 14.67 0 0 1 4.67 10.25 14.672 14.672 0 0 1-3.944 10.551 14.67 14.67 0 0 1-10.25 4.671 14.671 14.671 0 0 1-10.55-3.945 14.671 14.671 0 0 1-4.672-10.25 14.67 14.67 0 0 1 3.945-10.55 14.671 14.671 0 0 1 10.25-4.671Z"/><path fill="#FFF" d="M65.71 175.552c9.824-.343 18.066 7.342 18.409 17.165.343 9.824-7.342 18.065-17.166 18.408-9.824.343-18.064-7.342-18.407-17.166-.343-9.823 7.341-18.064 17.164-18.407Zm12.252 17.38c-.224-6.423-5.613-11.448-12.037-11.223-6.422.224-11.447 5.612-11.222 12.035.224 6.424 5.612 11.448 12.035 11.224 6.423-.224 11.448-5.612 11.224-12.036ZM154.883 179.287c9.824-.343 18.065 7.342 18.408 17.165.343 9.824-7.342 18.065-17.165 18.408-9.824.343-18.065-7.342-18.408-17.165-.343-9.824 7.342-18.065 17.165-18.408Zm12.251 17.38c-.224-6.423-5.612-11.447-12.036-11.223-6.423.224-11.448 5.613-11.223 12.036.224 6.423 5.612 11.448 12.035 11.224 6.424-.225 11.448-5.613 11.224-12.037Z"/><path fill="#FFF" d="M155.763 194.668a4.792 4.792 0 1 0-9.578.335 4.792 4.792 0 0 0 9.578-.335Z"/><path fill="#ECB732" d="m38.083 243.16 22.33 23.235 16.022-17.044a3.765 3.765 0 0 1 5.486 5.157l-16.283 17.324 23.1 24.036a3.765 3.765 0 1 1-5.43 5.218l-22.834-23.761-10.725 11.41a3.765 3.765 0 1 1-5.486-5.158l10.986-11.688-22.595-23.511a3.765 3.765 0 1 1 5.43-5.218ZM188.04 243.16a3.765 3.765 0 1 1 5.429 5.218l-22.596 23.511 10.988 11.688a3.765 3.765 0 0 1-.042 5.201l-.123.121a3.765 3.765 0 0 1-5.322-.165l-10.725-11.41-22.834 23.762a3.765 3.765 0 0 1-5.197.222l-.127-.116a3.765 3.765 0 0 1-.105-5.324l23.1-24.036-16.284-17.324a3.765 3.765 0 0 1 .042-5.2l.123-.121a3.765 3.765 0 0 1 5.321.164l16.021 17.044 22.331-23.235Z"/><path fill="#FFC73B" d="M136.602 126.74a3.765 3.765 0 0 1 0 5.323l-17.53 17.531 10.684 10.686a3.765 3.765 0 0 1 .12 5.2l-.12.125a3.765 3.765 0 0 1-5.324 0l-10.686-10.686-10.686 10.686a3.765 3.765 0 1 1-5.324-5.325l10.685-10.686-17.53-17.53a3.765 3.765 0 0 1-.12-5.2l.12-.125a3.765 3.765 0 0 1 5.324 0l17.531 17.53 17.531-17.53a3.765 3.765 0 0 1 5.325 0Z"/></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 331" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="55.342%" x2="42.817%" y1="0%" y2="42.863%"><stop offset="0%" stop-color="#52CE63"/><stop offset="100%" stop-color="#51A256"/></linearGradient><linearGradient id="b" x1="55.349%" x2="42.808%" y1="0%" y2="42.863%"><stop offset="0%" stop-color="#52CE63"/><stop offset="100%" stop-color="#51A256"/></linearGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="58.811%"><stop offset="0%" stop-color="#8AE99C"/><stop offset="100%" stop-color="#52CE63"/></linearGradient><linearGradient id="d" x1="51.378%" x2="44.585%" y1="17.473%" y2="100%"><stop offset="0%" stop-color="#FFE56C"/><stop offset="100%" stop-color="#FFC63A"/></linearGradient></defs><path fill="url(#a)" d="M67.56 173.328c30.366-2.985 41.08-27.648 44.735-64.823 3.654-37.175-21.174-70.814-31.502-69.799-10.328 1.015-43.15 40.322-46.805 77.497-3.654 37.175 3.205 60.11 33.572 57.125Z" transform="rotate(-38 72.877 106.136)"/><path fill="url(#b)" d="M184.454 186.277c30.367 2.986 36.394-20.032 32.74-57.207-3.655-37.175-35.645-76.4-45.973-77.415-10.328-1.015-35.989 32.542-32.334 69.717 3.654 37.175 15.201 61.92 45.567 64.905Z" transform="rotate(52 178.34 119.085)"/><path fill="url(#c)" d="M129.232 151.601c27.341 0 34.878-26.184 34.878-67.013 0-40.83-25.579-80.843-34.878-80.843S93.605 43.758 93.605 84.588c0 40.829 8.286 67.013 35.627 67.013Z" transform="rotate(7 128.858 77.673)"/><path fill="url(#d)" d="M113.386 330.307c56.896 0 103.038-16.528 103.038-91.482 0-74.955-46.142-136.462-103.038-136.462-56.897 0-103.002 61.507-103.002 136.462 0 74.954 46.105 91.482 103.002 91.482Z"/><ellipse cx="165.427" cy="216.677" fill="#EAADCC" rx="14.717" ry="6.845"/><ellipse cx="57.273" cy="212.57" fill="#EAADCC" rx="14.717" ry="6.845" transform="rotate(7 57.273 212.57)"/><path d="M96.266 210.285a2.054 2.054 0 1 0-3.406 2.295c3.151 4.676 7.997 7.39 14.373 8.119 6.348.725 12.016-.902 16.877-4.852a2.054 2.054 0 1 0-2.59-3.187c-3.999 3.249-8.563 4.559-13.82 3.958-5.23-.598-8.986-2.7-11.434-6.333ZM65.818 178.63a14.672 14.672 0 0 1 10.551 3.945 14.67 14.67 0 0 1 4.672 10.25 14.671 14.671 0 0 1-3.945 10.55 14.672 14.672 0 0 1-10.25 4.672 14.67 14.67 0 0 1-10.551-3.945 14.672 14.672 0 0 1-4.67-10.25 14.67 14.67 0 0 1 3.944-10.55 14.67 14.67 0 0 1 10.249-4.672Z"/><path fill="#FFF" d="M66.59 190.932a4.792 4.792 0 1 0-9.578.336 4.792 4.792 0 0 0 9.579-.336Z"/><path d="M154.99 182.366a14.671 14.671 0 0 1 10.552 3.944 14.67 14.67 0 0 1 4.67 10.25 14.672 14.672 0 0 1-3.944 10.551 14.67 14.67 0 0 1-10.25 4.671 14.671 14.671 0 0 1-10.55-3.945 14.671 14.671 0 0 1-4.672-10.25 14.67 14.67 0 0 1 3.945-10.55 14.671 14.671 0 0 1 10.25-4.671Z"/><path fill="#FFF" d="M65.71 175.552c9.824-.343 18.066 7.342 18.409 17.165.343 9.824-7.342 18.065-17.166 18.408-9.824.343-18.064-7.342-18.407-17.166-.343-9.823 7.341-18.064 17.164-18.407Zm12.252 17.38c-.224-6.423-5.613-11.448-12.037-11.223-6.422.224-11.447 5.612-11.222 12.035.224 6.424 5.612 11.448 12.035 11.224 6.423-.224 11.448-5.612 11.224-12.036ZM154.883 179.287c9.824-.343 18.065 7.342 18.408 17.165.343 9.824-7.342 18.065-17.165 18.408-9.824.343-18.065-7.342-18.408-17.165-.343-9.824 7.342-18.065 17.165-18.408Zm12.251 17.38c-.224-6.423-5.612-11.447-12.036-11.223-6.423.224-11.448 5.613-11.223 12.036.224 6.423 5.612 11.448 12.035 11.224 6.424-.225 11.448-5.613 11.224-12.037Z"/><path fill="#FFF" d="M155.763 194.668a4.792 4.792 0 1 0-9.578.335 4.792 4.792 0 0 0 9.578-.335Z"/><path fill="#ECB732" d="m38.083 243.16 22.33 23.235 16.022-17.044a3.765 3.765 0 0 1 5.486 5.157l-16.283 17.324 23.1 24.036a3.765 3.765 0 1 1-5.43 5.218l-22.834-23.761-10.725 11.41a3.765 3.765 0 1 1-5.486-5.158l10.986-11.688-22.595-23.511a3.765 3.765 0 1 1 5.43-5.218ZM188.04 243.16a3.765 3.765 0 1 1 5.429 5.218l-22.596 23.511 10.988 11.688a3.765 3.765 0 0 1-.042 5.201l-.123.121a3.765 3.765 0 0 1-5.322-.165l-10.725-11.41-22.834 23.762a3.765 3.765 0 0 1-5.197.222l-.127-.116a3.765 3.765 0 0 1-.105-5.324l23.1-24.036-16.284-17.324a3.765 3.765 0 0 1 .042-5.2l.123-.121a3.765 3.765 0 0 1 5.321.164l16.021 17.044 22.331-23.235Z"/><path fill="#FFC73B" d="M136.602 126.74a3.765 3.765 0 0 1 0 5.323l-17.53 17.531 10.684 10.686a3.765 3.765 0 0 1 .12 5.2l-.12.125a3.765 3.765 0 0 1-5.324 0l-10.686-10.686-10.686 10.686a3.765 3.765 0 1 1-5.324-5.325l10.685-10.686-17.53-17.53a3.765 3.765 0 0 1-.12-5.2l.12-.125a3.765 3.765 0 0 1 5.324 0l17.531 17.53 17.531-17.53a3.765 3.765 0 0 1 5.325 0Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Pinterest.svelte

@@ -1,9 +1,18 @@
 <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 
 xmlns="http://www.w3.org/2000/svg" 
-viewBox="0 0 256 256" width="${width}" height="${height}">
+viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}>
 <path fill="#CB1F27" d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239c-.36-8.938-.064-19.668 2.228-29.393c2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136c11.643 0 17.268 8.745 17.268 19.217c0 11.704-7.465 29.211-11.304 45.426c-3.207 13.578 6.808 24.653 20.203 24.653c24.252 0 40.586-31.149 40.586-68.055c0-28.054-18.895-49.052-53.262-49.052c-38.828 0-63.017 28.956-63.017 61.3c0 11.152 3.288 19.016 8.438 25.106c2.368 2.797 2.697 3.922 1.84 7.134c-.614 2.355-2.024 8.025-2.608 10.272c-.852 3.242-3.479 4.401-6.409 3.204c-17.884-7.301-26.213-26.886-26.213-48.902c0-36.361 30.666-79.961 91.482-79.961c48.87 0 81.035 35.364 81.035 73.325c0 50.213-27.916 87.726-69.066 87.726c-13.819 0-26.818-7.47-31.271-15.955c0 0-7.431 29.492-9.005 35.187c-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0C57.314 0 0 57.309 0 128.002"/>
 </svg>`;
 </script>

package/dist/components/Pitch.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg version="1.1" id="Layer_1" xmlns:x="ns_extend;" xmlns:i="ns_ai;" xmlns:graph="ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 57.6 65" style="enable-background:new 0 0 57.6 65;" xml:space="preserve" 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" id="Layer_1" xmlns:x="ns_extend;" xmlns:i="ns_ai;" xmlns:graph="ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 57.6 65" style="enable-background:new 0 0 57.6 65;" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}>
  <style>
   .st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
  </style>

package/dist/components/PlanetScale.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}"><path d="M256 128a128 128 0 01-128 128zM128 0c52 0 96.7 31 116.8 75.5L75.5 244.8c-7.3-3.3-14.2-7.2-20.7-11.7L160 128h-32l-90.5 90.5A128 128 0 01128 0z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><path d="M256 128a128 128 0 01-128 128zM128 0c52 0 96.7 31 116.8 75.5L75.5 244.8c-7.3-3.3-14.2-7.2-20.7-11.7L160 128h-32l-90.5 90.5A128 128 0 01128 0z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Platzi.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg style="color:#98ca3f" viewBox="0 0 24 24" 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 style="color:#98ca3f" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
   <path d="M10.64 1.13 2.49 9.28a3.84 3.84 0 0 0 0 5.44l8.15 8.15a3.84 3.84 0 0 0 5.44 0l2.72-2.71-2.72-2.72-2.72 2.72L5.2 12l8.16-8.16 5.44 5.44-5.44 5.44 2.72 2.72L21.5 12a3.84 3.84 0 0 0 0-5.44l-5.44-5.43a3.83 3.83 0 0 0-5.43 0z" fill="#98ca3f"/>
 </svg>
 `;

package/dist/components/PlayStation.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<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 122.88 95.18" style="enable-background:new 0 0 122.88 95.18" xml:space="preserve" width="${width}" height="${height}"><style><![CDATA[
+	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" 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 122.88 95.18" style="enable-background:new 0 0 122.88 95.18" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}><style><![CDATA[
 	.st0{fill:#0070D1;}
 ]]></style><g><path class="st0" d="M2.49,69.39c-4.61,3.07-3.07,8.9,6.75,11.67c10.13,3.38,21.18,4.3,31.93,2.46c0.61,0,1.23-0.31,1.54-0.31 V72.76l-10.44,3.38c-3.99,1.23-7.98,1.54-11.97,0.61c-3.07-0.92-2.46-2.76,1.23-4.3l21.18-7.37V53.73L13.23,63.86 C9.55,65.09,5.86,66.93,2.49,69.39L2.49,69.39z M73.71,23.33v29.78c12.59,6.14,22.41,0,22.41-15.96c0-16.27-5.83-23.64-22.72-29.47 C64.5,4.6,55.29,1.84,46.08,0v88.73l21.49,6.45V20.57c0-3.38,0-5.83,2.46-4.91C73.41,16.58,73.71,19.96,73.71,23.33L73.71,23.33z M113.63,62.32c-8.9-3.07-18.42-4.3-27.63-3.38c-4.91,0.31-9.52,1.54-13.82,3.07l-0.92,0.31V74.3l19.96-7.37 c3.99-1.23,7.98-1.54,11.97-0.61c3.07,0.92,2.46,2.76-1.23,4.3l-30.7,11.36v11.67l42.37-15.66c3.07-1.23,5.83-2.76,8.29-5.22 C124.07,69.69,123.15,65.39,113.63,62.32L113.63,62.32z"/></g></svg>`;
 </script>

package/dist/components/Playwright.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 400 400" 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" fill="none" width="${width}" height="${height}" ${restAttrs}>
 <path d="M136.444 221.556C123.558 225.213 115.104 231.625 109.535 238.032C114.869 233.364 122.014 229.08 131.652 226.348C141.51 223.554 149.92 223.574 156.869 224.915V219.481C150.941 218.939 144.145 219.371 136.444 221.556ZM108.946 175.876L61.0895 188.484C61.0895 188.484 61.9617 189.716 63.5767 191.36L104.153 180.668C104.153 180.668 103.578 188.077 98.5847 194.705C108.03 187.559 108.946 175.876 108.946 175.876ZM149.005 288.347C81.6582 306.486 46.0272 228.438 35.2396 187.928C30.2556 169.229 28.0799 155.067 27.5 145.928C27.4377 144.979 27.4665 144.179 27.5336 143.446C24.04 143.657 22.3674 145.473 22.7077 150.721C23.2876 159.855 25.4633 174.016 30.4473 192.721C41.2301 233.225 76.8659 311.273 144.213 293.134C158.872 289.185 169.885 281.992 178.152 272.81C170.532 279.692 160.995 285.112 149.005 288.347ZM161.661 128.11V132.903H188.077C187.535 131.206 186.989 129.677 186.447 128.11H161.661Z" fill="#2D4552"/>
 <path d="M193.981 167.584C205.861 170.958 212.144 179.287 215.465 186.658L228.711 190.42C228.711 190.42 226.904 164.623 203.57 157.995C181.741 151.793 168.308 170.124 166.674 172.496C173.024 167.972 182.297 164.268 193.981 167.584ZM299.422 186.777C277.573 180.547 264.145 198.916 262.535 201.255C268.89 196.736 278.158 193.031 289.837 196.362C301.698 199.741 307.976 208.06 311.307 215.436L324.572 219.212C324.572 219.212 322.736 193.41 299.422 186.777ZM286.262 254.795L176.072 223.99C176.072 223.99 177.265 230.038 181.842 237.869L274.617 263.805C282.255 259.386 286.262 254.795 286.262 254.795ZM209.867 321.102C122.618 297.71 133.166 186.543 147.284 133.865C153.097 112.156 159.073 96.0203 164.029 85.204C161.072 84.5953 158.623 86.1529 156.203 91.0746C150.941 101.747 144.212 119.124 137.7 143.45C123.586 196.127 113.038 307.29 200.283 330.682C241.406 341.699 273.442 324.955 297.323 298.659C274.655 319.19 245.714 330.701 209.867 321.102Z" fill="#2D4552"/>
 <path d="M161.661 262.296V239.863L99.3324 257.537C99.3324 257.537 103.938 230.777 136.444 221.556C146.302 218.762 154.713 218.781 161.661 220.123V128.11H192.869C189.471 117.61 186.184 109.526 183.423 103.909C178.856 94.612 174.174 100.775 163.545 109.665C156.059 115.919 137.139 129.261 108.668 136.933C80.1966 144.61 57.179 142.574 47.5752 140.911C33.9601 138.562 26.8387 135.572 27.5049 145.928C28.0847 155.062 30.2605 169.224 35.2445 187.928C46.0272 228.433 81.663 306.481 149.01 288.342C166.602 283.602 179.019 274.233 187.626 262.291H161.661V262.296ZM61.0848 188.484L108.946 175.876C108.946 175.876 107.551 194.288 89.6087 199.018C71.6614 203.743 61.0848 188.484 61.0848 188.484Z" fill="#E2574C"/>

package/dist/components/Pnpm.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" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="76.58987244897958 44 164.00775510204068 164" width="${width}" height="${height}"><defs><path d="M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z" id="arNRoK435"></path><path d="M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z" id="a3H2WU7Px"></path><path d="M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z" id="b1DInM56vl"></path><path d="M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z" id="a7LFlgQIwu"></path><path d="M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z" id="amwLiZcuo"></path><path d="M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z" id="f3Peu5RWan"></path><path d="M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z" id="a6DXBfqPa"></path><path d="M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z" id="c1GWSTH1z7"></path></defs><g><g><use xlink:href="#arNRoK435" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a3H2WU7Px" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#b1DInM56vl" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a7LFlgQIwu" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#amwLiZcuo" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#f3Peu5RWan" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#a6DXBfqPa" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#c1GWSTH1z7" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="76.58987244897958 44 164.00775510204068 164" width="${width}" height="${height}" ${restAttrs}><defs><path d="M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z" id="arNRoK435"></path><path d="M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z" id="a3H2WU7Px"></path><path d="M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z" id="b1DInM56vl"></path><path d="M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z" id="a7LFlgQIwu"></path><path d="M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z" id="amwLiZcuo"></path><path d="M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z" id="f3Peu5RWan"></path><path d="M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z" id="a6DXBfqPa"></path><path d="M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z" id="c1GWSTH1z7"></path></defs><g><g><use xlink:href="#arNRoK435" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a3H2WU7Px" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#b1DInM56vl" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a7LFlgQIwu" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#amwLiZcuo" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#f3Peu5RWan" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#a6DXBfqPa" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#c1GWSTH1z7" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g></g></svg>
 `;
 </script>
 

package/dist/components/Pocketbase.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}"><path fill="#FFF" d="M9.46 170.336a8.467 8.467 0 0 1-8.468-8.467V9.459A8.467 8.467 0 0 1 9.46.992h152.41a8.467 8.467 0 0 1 8.467 8.467v76.205h76.205a8.467 8.467 0 0 1 8.467 8.467v152.41a8.467 8.467 0 0 1-8.467 8.467H94.13a8.467 8.467 0 0 1-8.467-8.467v-76.205Z"/><path fill="#16161A" d="M161.869 0H9.459A9.46 9.46 0 0 0 0 9.46v152.409l.004.27a9.46 9.46 0 0 0 9.455 9.19l75.213-.001v75.213a9.46 9.46 0 0 0 9.46 9.459H246.54a9.459 9.459 0 0 0 9.459-9.46V94.132l-.004-.27a9.46 9.46 0 0 0-9.455-9.19h-75.213V9.46A9.46 9.46 0 0 0 161.868 0Zm0 1.984a7.475 7.475 0 0 1 7.475 7.475v76.205c0 .548.444.992.992.992h76.205a7.475 7.475 0 0 1 7.475 7.475v152.41a7.474 7.474 0 0 1-7.475 7.475H94.13a7.475 7.475 0 0 1-7.475-7.475v-76.205a.992.992 0 0 0-.992-.992H9.46a7.475 7.475 0 0 1-7.475-7.475V9.459A7.475 7.475 0 0 1 9.46 1.984h152.41Z"/><path fill="#16161A" d="M57.44 128a7.056 7.056 0 0 1-7.056-7.056V43.328a7.056 7.056 0 0 1 7.056-7.056h26.482c5.13 0 9.92.516 14.373 1.548 4.549.938 8.47 2.579 11.76 4.924 3.388 2.25 6.05 5.299 7.985 9.144 1.936 3.752 2.904 8.395 2.904 13.928 0 5.347-1.016 9.99-3.049 13.928-1.935 3.94-4.598 7.175-7.985 9.708-3.388 2.532-7.308 4.408-11.76 5.628-4.453 1.219-9.195 1.829-14.228 1.829h-5.14a7.056 7.056 0 0 0-7.056 7.055v16.98A7.056 7.056 0 0 1 64.67 128h-7.23Zm14.286-54.608a7.056 7.056 0 0 0 7.056 7.056h3.833c11.615 0 17.422-4.878 17.422-14.632 0-4.783-1.5-8.16-4.5-10.13-2.904-1.969-7.211-2.953-12.922-2.953h-3.833a7.056 7.056 0 0 0-7.056 7.055v13.604ZM142.112 219.728a7.056 7.056 0 0 1-7.056-7.056v-77.616a7.056 7.056 0 0 1 7.056-7.056h24.61c4.915 0 9.446.375 13.59 1.125 4.242.657 7.905 1.877 10.99 3.658 3.084 1.783 5.494 4.127 7.229 7.034 1.832 2.908 2.747 6.566 2.747 10.975 0 2.063-.337 4.126-1.012 6.19-.579 2.063-1.542 3.986-2.892 5.767-1.35 1.783-3.036 3.377-5.06 4.784-1.96 1.362-4.281 2.373-6.964 3.03a.35.35 0 0 0-.266.339c0 .167.121.31.285.341 6.607 1.234 11.62 3.56 15.042 6.982 3.47 3.47 5.205 8.3 5.205 14.491 0 4.69-.916 8.723-2.747 12.099-1.832 3.376-4.386 6.19-7.664 8.441-3.277 2.157-7.132 3.799-11.567 4.924-4.337 1.032-9.06 1.548-14.17 1.548h-27.356Zm14.199-61.924a7.056 7.056 0 0 0 7.056 7.056h2.342c5.206 0 8.965-.985 11.278-2.955 2.314-1.969 3.47-4.736 3.47-8.3 0-3.377-1.204-5.769-3.615-7.175-2.313-1.5-5.976-2.251-10.988-2.251h-2.487a7.056 7.056 0 0 0-7.056 7.056v6.569Zm0 38.69a7.056 7.056 0 0 0 7.056 7.055h4.366c11.375 0 17.062-4.127 17.062-12.38 0-4.033-1.398-6.941-4.193-8.723-2.7-1.782-6.989-2.673-12.869-2.673h-4.366a7.056 7.056 0 0 0-7.056 7.056v9.664Z"/></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}><path fill="#FFF" d="M9.46 170.336a8.467 8.467 0 0 1-8.468-8.467V9.459A8.467 8.467 0 0 1 9.46.992h152.41a8.467 8.467 0 0 1 8.467 8.467v76.205h76.205a8.467 8.467 0 0 1 8.467 8.467v152.41a8.467 8.467 0 0 1-8.467 8.467H94.13a8.467 8.467 0 0 1-8.467-8.467v-76.205Z"/><path fill="#16161A" d="M161.869 0H9.459A9.46 9.46 0 0 0 0 9.46v152.409l.004.27a9.46 9.46 0 0 0 9.455 9.19l75.213-.001v75.213a9.46 9.46 0 0 0 9.46 9.459H246.54a9.459 9.459 0 0 0 9.459-9.46V94.132l-.004-.27a9.46 9.46 0 0 0-9.455-9.19h-75.213V9.46A9.46 9.46 0 0 0 161.868 0Zm0 1.984a7.475 7.475 0 0 1 7.475 7.475v76.205c0 .548.444.992.992.992h76.205a7.475 7.475 0 0 1 7.475 7.475v152.41a7.474 7.474 0 0 1-7.475 7.475H94.13a7.475 7.475 0 0 1-7.475-7.475v-76.205a.992.992 0 0 0-.992-.992H9.46a7.475 7.475 0 0 1-7.475-7.475V9.459A7.475 7.475 0 0 1 9.46 1.984h152.41Z"/><path fill="#16161A" d="M57.44 128a7.056 7.056 0 0 1-7.056-7.056V43.328a7.056 7.056 0 0 1 7.056-7.056h26.482c5.13 0 9.92.516 14.373 1.548 4.549.938 8.47 2.579 11.76 4.924 3.388 2.25 6.05 5.299 7.985 9.144 1.936 3.752 2.904 8.395 2.904 13.928 0 5.347-1.016 9.99-3.049 13.928-1.935 3.94-4.598 7.175-7.985 9.708-3.388 2.532-7.308 4.408-11.76 5.628-4.453 1.219-9.195 1.829-14.228 1.829h-5.14a7.056 7.056 0 0 0-7.056 7.055v16.98A7.056 7.056 0 0 1 64.67 128h-7.23Zm14.286-54.608a7.056 7.056 0 0 0 7.056 7.056h3.833c11.615 0 17.422-4.878 17.422-14.632 0-4.783-1.5-8.16-4.5-10.13-2.904-1.969-7.211-2.953-12.922-2.953h-3.833a7.056 7.056 0 0 0-7.056 7.055v13.604ZM142.112 219.728a7.056 7.056 0 0 1-7.056-7.056v-77.616a7.056 7.056 0 0 1 7.056-7.056h24.61c4.915 0 9.446.375 13.59 1.125 4.242.657 7.905 1.877 10.99 3.658 3.084 1.783 5.494 4.127 7.229 7.034 1.832 2.908 2.747 6.566 2.747 10.975 0 2.063-.337 4.126-1.012 6.19-.579 2.063-1.542 3.986-2.892 5.767-1.35 1.783-3.036 3.377-5.06 4.784-1.96 1.362-4.281 2.373-6.964 3.03a.35.35 0 0 0-.266.339c0 .167.121.31.285.341 6.607 1.234 11.62 3.56 15.042 6.982 3.47 3.47 5.205 8.3 5.205 14.491 0 4.69-.916 8.723-2.747 12.099-1.832 3.376-4.386 6.19-7.664 8.441-3.277 2.157-7.132 3.799-11.567 4.924-4.337 1.032-9.06 1.548-14.17 1.548h-27.356Zm14.199-61.924a7.056 7.056 0 0 0 7.056 7.056h2.342c5.206 0 8.965-.985 11.278-2.955 2.314-1.969 3.47-4.736 3.47-8.3 0-3.377-1.204-5.769-3.615-7.175-2.313-1.5-5.976-2.251-10.988-2.251h-2.487a7.056 7.056 0 0 0-7.056 7.056v6.569Zm0 38.69a7.056 7.056 0 0 0 7.056 7.055h4.366c11.375 0 17.062-4.127 17.062-12.38 0-4.033-1.398-6.941-4.193-8.723-2.7-1.782-6.989-2.673-12.869-2.673h-4.366a7.056 7.056 0 0 0-7.056 7.056v9.664Z"/></svg>`;
 </script>
 
 {@html svgContent}