@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/index.js

@@ -8,28 +8,34 @@ export { default as AffinityPublisherLogo } from './components/AffinityPublisher
 export { default as AfordinLogo } from './components/Afordin.svelte';
 export { default as AfterEffectsLogo } from './components/AfterEffects.svelte';
 export { default as AhooksLogo } from './components/Ahooks.svelte';
+export { default as AhrefsLogo } from './components/Ahrefs.svelte';
 export { default as AirbnbLogo } from './components/Airbnb.svelte';
 export { default as AlacrittyLogo } from './components/Alacritty.svelte';
 export { default as AlgoliaLogo } from './components/Algolia.svelte';
 export { default as AlgorandLogo } from './components/Algorand.svelte';
 export { default as AliexpressLogo } from './components/Aliexpress.svelte';
+export { default as AmazonQLogo } from './components/AmazonQ.svelte';
 export { default as AmazonWebServicesLogo } from './components/AmazonWebServices.svelte';
 export { default as AndroidLogo } from './components/Android.svelte';
 export { default as AngularLogo } from './components/Angular.svelte';
 export { default as AnimateLogo } from './components/Animate.svelte';
 export { default as AntDesignLogo } from './components/AntDesign.svelte';
 export { default as AnthropicLogo } from './components/Anthropic.svelte';
+export { default as ApacheKafkaLogo } from './components/ApacheKafka.svelte';
 export { default as ApidogLogo } from './components/Apidog.svelte';
 export { default as ApolloioLogo } from './components/Apolloio.svelte';
+export { default as AppStoreLogo } from './components/AppStore.svelte';
 export { default as AppleLogo } from './components/Apple.svelte';
 export { default as AppleMusicLogo } from './components/AppleMusic.svelte';
 export { default as AppwriteLogo } from './components/Appwrite.svelte';
 export { default as ArcLogo } from './components/Arc.svelte';
+export { default as ArkUILogo } from './components/ArkUI.svelte';
 export { default as AsanaLogo } from './components/Asana.svelte';
 export { default as AstroLogo } from './components/Astro.svelte';
 export { default as AtlassianLogo } from './components/Atlassian.svelte';
 export { default as AtomLogo } from './components/Atom.svelte';
 export { default as Auth0Logo } from './components/Auth0.svelte';
+export { default as AuthjsLogo } from './components/Authjs.svelte';
 export { default as AuthyLogo } from './components/Authy.svelte';
 export { default as AxiomLogo } from './components/Axiom.svelte';
 export { default as AxureLogo } from './components/Axure.svelte';
@@ -57,6 +63,7 @@ export { default as BuilderLogo } from './components/Builder.svelte';
 export { default as BunLogo } from './components/Bun.svelte';
 export { default as BuyMeaCoffeeLogo } from './components/BuyMeaCoffee.svelte';
 export { default as CLogo } from './components/C.svelte';
+export { default as CPanelLogo } from './components/CPanel.svelte';
 export { default as CPlusPlusLogo } from './components/CPlusPlus.svelte';
 export { default as CSSLogo } from './components/CSS.svelte';
 export { default as CSSNewLogo } from './components/CSSNew.svelte';
@@ -98,6 +105,7 @@ export { default as DesignaliLogo } from './components/Designali.svelte';
 export { default as DeveloperStudentClubLogo } from './components/DeveloperStudentClub.svelte';
 export { default as DevtoLogo } from './components/Devto.svelte';
 export { default as DigitalOceanLogo } from './components/DigitalOcean.svelte';
+export { default as DingocoinLogo } from './components/Dingocoin.svelte';
 export { default as DirectusLogo } from './components/Directus.svelte';
 export { default as DiscordLogo } from './components/Discord.svelte';
 export { default as DiscordjsLogo } from './components/Discordjs.svelte';
@@ -106,18 +114,22 @@ export { default as DisneyLogo } from './components/Disney.svelte';
 export { default as DjangoLogo } from './components/Django.svelte';
 export { default as DockerLogo } from './components/Docker.svelte';
 export { default as DocumensoLogo } from './components/Documenso.svelte';
+export { default as DocusLogo } from './components/Docus.svelte';
 export { default as DocusaurusLogo } from './components/Docusaurus.svelte';
 export { default as DogecoinLogo } from './components/Dogecoin.svelte';
 export { default as DotenvLogo } from './components/Dotenv.svelte';
 export { default as DotenvxLogo } from './components/Dotenvx.svelte';
 export { default as DreamweaverLogo } from './components/Dreamweaver.svelte';
+export { default as DribbbleLogo } from './components/Dribbble.svelte';
 export { default as DrizzleORMLogo } from './components/DrizzleORM.svelte';
 export { default as DropboxLogo } from './components/Dropbox.svelte';
 export { default as DubLogo } from './components/Dub.svelte';
 export { default as DuckDuckGoLogo } from './components/DuckDuckGo.svelte';
+export { default as ESLintLogo } from './components/ESLint.svelte';
 export { default as EbayLogo } from './components/Ebay.svelte';
 export { default as EclipseIDELogo } from './components/EclipseIDE.svelte';
 export { default as EdgeLogo } from './components/Edge.svelte';
+export { default as EffectTSLogo } from './components/EffectTS.svelte';
 export { default as ElectronLogo } from './components/Electron.svelte';
 export { default as ElementorLogo } from './components/Elementor.svelte';
 export { default as ElysiaJSLogo } from './components/ElysiaJS.svelte';
@@ -136,6 +148,7 @@ export { default as FirebaseLogo } from './components/Firebase.svelte';
 export { default as FirebaseStudioLogo } from './components/FirebaseStudio.svelte';
 export { default as FirefoxLogo } from './components/Firefox.svelte';
 export { default as FlaskLogo } from './components/Flask.svelte';
+export { default as FlowLauncherLogo } from './components/FlowLauncher.svelte';
 export { default as FlowbiteLogo } from './components/Flowbite.svelte';
 export { default as FlutterLogo } from './components/Flutter.svelte';
 export { default as FlyLogo } from './components/Fly.svelte';
@@ -157,10 +170,14 @@ export { default as GoLogo } from './components/Go.svelte';
 export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
 export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
 export { default as GoogleLogo } from './components/Google.svelte';
+export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
+export { default as GoogleCloudLogo } from './components/GoogleCloud.svelte';
 export { default as GoogleColaboratoryLogo } from './components/GoogleColaboratory.svelte';
 export { default as GoogleDriveLogo } from './components/GoogleDrive.svelte';
 export { default as GoogleIdxLogo } from './components/GoogleIdx.svelte';
+export { default as GoogleMapsLogo } from './components/GoogleMaps.svelte';
 export { default as GooglePaLMLogo } from './components/GooglePaLM.svelte';
+export { default as GooglePlayLogo } from './components/GooglePlay.svelte';
 export { default as GradioLogo } from './components/Gradio.svelte';
 export { default as GrafanaLogo } from './components/Grafana.svelte';
 export { default as GraphQLLogo } from './components/GraphQL.svelte';
@@ -172,6 +189,7 @@ export { default as HackTheBoxLogo } from './components/HackTheBox.svelte';
 export { default as HashnodeLogo } from './components/Hashnode.svelte';
 export { default as HaskellLogo } from './components/Haskell.svelte';
 export { default as HeadlessUILogo } from './components/HeadlessUI.svelte';
+export { default as HeptabaseLogo } from './components/Heptabase.svelte';
 export { default as HeroUILogo } from './components/HeroUI.svelte';
 export { default as HerokuLogo } from './components/Heroku.svelte';
 export { default as HomeAssistantLogo } from './components/HomeAssistant.svelte';
@@ -192,6 +210,7 @@ export { default as InngestLogo } from './components/Inngest.svelte';
 export { default as InstagramLogo } from './components/Instagram.svelte';
 export { default as InstatusLogo } from './components/Instatus.svelte';
 export { default as IntelliJIDEALogo } from './components/IntelliJIDEA.svelte';
+export { default as IntelloLogo } from './components/Intello.svelte';
 export { default as JQueryLogo } from './components/JQuery.svelte';
 export { default as JSONLogo } from './components/JSON.svelte';
 export { default as JSONSchemaLogo } from './components/JSONSchema.svelte';
@@ -210,7 +229,11 @@ export { default as JetBrainsWebStormLogo } from './components/JetBrainsWebStorm
 export { default as JetbrainsSpaceLogo } from './components/JetbrainsSpace.svelte';
 export { default as JuliaLogo } from './components/Julia.svelte';
 export { default as KeycloakLogo } from './components/Keycloak.svelte';
+export { default as KiboUILogo } from './components/KiboUI.svelte';
 export { default as KickLogo } from './components/Kick.svelte';
+export { default as KiloCodeLogo } from './components/KiloCode.svelte';
+export { default as KimiLogo } from './components/Kimi.svelte';
+export { default as KokonutUILogo } from './components/KokonutUI.svelte';
 export { default as KotlinLogo } from './components/Kotlin.svelte';
 export { default as KrakenJSLogo } from './components/KrakenJS.svelte';
 export { default as KubernetesLogo } from './components/Kubernetes.svelte';
@@ -228,9 +251,13 @@ export { default as LitLogo } from './components/Lit.svelte';
 export { default as LitecoinLogo } from './components/Litecoin.svelte';
 export { default as LocofyLogo } from './components/Locofy.svelte';
 export { default as LoomLogo } from './components/Loom.svelte';
+export { default as LottieFilesLogo } from './components/LottieFiles.svelte';
 export { default as LottielabLogo } from './components/Lottielab.svelte';
+export { default as LovableLogo } from './components/Lovable.svelte';
 export { default as LuaLogo } from './components/Lua.svelte';
 export { default as MagicUILogo } from './components/MagicUI.svelte';
+export { default as ManifestLogo } from './components/Manifest.svelte';
+export { default as MantineLogo } from './components/Mantine.svelte';
 export { default as ManzDevLogo } from './components/ManzDev.svelte';
 export { default as MariaDBLogo } from './components/MariaDB.svelte';
 export { default as MarkdownLogo } from './components/Markdown.svelte';
@@ -241,41 +268,67 @@ export { default as MatrixLogo } from './components/Matrix.svelte';
 export { default as MattermostLogo } from './components/Mattermost.svelte';
 export { default as MediaWikiLogo } from './components/MediaWiki.svelte';
 export { default as MedusaLogo } from './components/Medusa.svelte';
+export { default as MercadoLibreLogo } from './components/MercadoLibre.svelte';
 export { default as MercadoPagoLogo } from './components/MercadoPago.svelte';
 export { default as MermaidLogo } from './components/Mermaid.svelte';
 export { default as MessengerLogo } from './components/Messenger.svelte';
 export { default as MetaLogo } from './components/Meta.svelte';
 export { default as MetaMaskLogo } from './components/MetaMask.svelte';
 export { default as MicrosoftLogo } from './components/Microsoft.svelte';
+export { default as MicrosoftAccessLogo } from './components/MicrosoftAccess.svelte';
 export { default as MicrosoftAzureLogo } from './components/MicrosoftAzure.svelte';
+export { default as MicrosoftClipchampLogo } from './components/MicrosoftClipchamp.svelte';
+export { default as MicrosoftCopilotLogo } from './components/MicrosoftCopilot.svelte';
+export { default as MicrosoftDefenderLogo } from './components/MicrosoftDefender.svelte';
+export { default as MicrosoftDesignerLogo } from './components/MicrosoftDesigner.svelte';
+export { default as MicrosoftEditorLogo } from './components/MicrosoftEditor.svelte';
+export { default as MicrosoftExcelLogo } from './components/MicrosoftExcel.svelte';
+export { default as MicrosoftNETLogo } from './components/MicrosoftNET.svelte';
+export { default as MicrosoftOneDriveLogo } from './components/MicrosoftOneDrive.svelte';
+export { default as MicrosoftOneNoteLogo } from './components/MicrosoftOneNote.svelte';
+export { default as MicrosoftOutlookLogo } from './components/MicrosoftOutlook.svelte';
+export { default as MicrosoftPowerPointLogo } from './components/MicrosoftPowerPoint.svelte';
 export { default as MicrosoftSQLServerLogo } from './components/MicrosoftSQLServer.svelte';
+export { default as MicrosoftSharePointLogo } from './components/MicrosoftSharePoint.svelte';
+export { default as MicrosoftTeamsLogo } from './components/MicrosoftTeams.svelte';
 export { default as MicrosoftTodoLogo } from './components/MicrosoftTodo.svelte';
+export { default as MicrosoftWordLogo } from './components/MicrosoftWord.svelte';
 export { default as MiddayLogo } from './components/Midday.svelte';
 export { default as MidudevLogo } from './components/Midudev.svelte';
 export { default as MilanoteLogo } from './components/Milanote.svelte';
 export { default as MillionLogo } from './components/Million.svelte';
 export { default as MintlifyLogo } from './components/Mintlify.svelte';
 export { default as MistralAILogo } from './components/MistralAI.svelte';
+export { default as MochaLogo } from './components/Mocha.svelte';
+export { default as ModelContextProtocolLogo } from './components/ModelContextProtocol.svelte';
 export { default as MoneroLogo } from './components/Monero.svelte';
 export { default as MongoDBLogo } from './components/MongoDB.svelte';
 export { default as MonkeytypeLogo } from './components/Monkeytype.svelte';
 export { default as MoonLogo } from './components/Moon.svelte';
 export { default as MotionLogo } from './components/Motion.svelte';
+export { default as MulesoftLogo } from './components/Mulesoft.svelte';
 export { default as MySQLLogo } from './components/MySQL.svelte';
+export { default as N8nLogo } from './components/N8n.svelte';
 export { default as NHostLogo } from './components/NHost.svelte';
 export { default as NPMLogo } from './components/NPM.svelte';
+export { default as NVIDIALogo } from './components/NVIDIA.svelte';
 export { default as NeonLogo } from './components/Neon.svelte';
 export { default as NeovimLogo } from './components/Neovim.svelte';
 export { default as NestJSLogo } from './components/NestJS.svelte';
 export { default as NetflixLogo } from './components/Netflix.svelte';
 export { default as NetlifyLogo } from './components/Netlify.svelte';
 export { default as NextjsLogo } from './components/Nextjs.svelte';
+export { default as NginxLogo } from './components/Nginx.svelte';
 export { default as NgrokLogo } from './components/Ngrok.svelte';
 export { default as NodejsLogo } from './components/Nodejs.svelte';
 export { default as NotionLogo } from './components/Notion.svelte';
 export { default as NugetLogo } from './components/Nuget.svelte';
 export { default as NuqsLogo } from './components/Nuqs.svelte';
 export { default as NuxtLogo } from './components/Nuxt.svelte';
+export { default as NuxtContentLogo } from './components/NuxtContent.svelte';
+export { default as NuxtHubLogo } from './components/NuxtHub.svelte';
+export { default as NuxtStudioLogo } from './components/NuxtStudio.svelte';
+export { default as NuxtUILogo } from './components/NuxtUI.svelte';
 export { default as NxLogo } from './components/Nx.svelte';
 export { default as OBSLogo } from './components/OBS.svelte';
 export { default as ObsidianLogo } from './components/Obsidian.svelte';
@@ -283,13 +336,17 @@ export { default as OllamaLogo } from './components/Ollama.svelte';
 export { default as OnePasswordLogo } from './components/OnePassword.svelte';
 export { default as OpenAILogo } from './components/OpenAI.svelte';
 export { default as OpenBootcampLogo } from './components/OpenBootcamp.svelte';
+export { default as OpenHuntsLogo } from './components/OpenHunts.svelte';
+export { default as OpenRouterLogo } from './components/OpenRouter.svelte';
 export { default as OpenSeaLogo } from './components/OpenSea.svelte';
 export { default as OpenWebUILogo } from './components/OpenWebUI.svelte';
 export { default as OperaLogo } from './components/Opera.svelte';
 export { default as OutlookLogo } from './components/Outlook.svelte';
 export { default as OxcLogo } from './components/Oxc.svelte';
+export { default as PDFLogo } from './components/PDF.svelte';
 export { default as PM2Logo } from './components/PM2.svelte';
 export { default as PandaCSSLogo } from './components/PandaCSS.svelte';
+export { default as PaperLogo } from './components/Paper.svelte';
 export { default as ParcelLogo } from './components/Parcel.svelte';
 export { default as PatreonLogo } from './components/Patreon.svelte';
 export { default as PayPalLogo } from './components/PayPal.svelte';
@@ -297,11 +354,13 @@ export { default as PayloadCMSLogo } from './components/PayloadCMS.svelte';
 export { default as PeerlistLogo } from './components/Peerlist.svelte';
 export { default as PenpotLogo } from './components/Penpot.svelte';
 export { default as PerplexityAILogo } from './components/PerplexityAI.svelte';
+export { default as PerspectiveLogo } from './components/Perspective.svelte';
 export { default as PhotoshopLogo } from './components/Photoshop.svelte';
 export { default as PhpLogo } from './components/Php.svelte';
 export { default as PiniaLogo } from './components/Pinia.svelte';
 export { default as PinterestLogo } from './components/Pinterest.svelte';
 export { default as PitchLogo } from './components/Pitch.svelte';
+export { default as PlainSignalLogo } from './components/PlainSignal.svelte';
 export { default as PlanetScaleLogo } from './components/PlanetScale.svelte';
 export { default as PlatziLogo } from './components/Platzi.svelte';
 export { default as PlayStationLogo } from './components/PlayStation.svelte';
@@ -317,6 +376,7 @@ export { default as PostHogLogo } from './components/PostHog.svelte';
 export { default as PostgreSQLLogo } from './components/PostgreSQL.svelte';
 export { default as PostmanLogo } from './components/Postman.svelte';
 export { default as PowerShellLogo } from './components/PowerShell.svelte';
+export { default as PowerSyncLogo } from './components/PowerSync.svelte';
 export { default as PowerToysLogo } from './components/PowerToys.svelte';
 export { default as PreactLogo } from './components/Preact.svelte';
 export { default as PremiereLogo } from './components/Premiere.svelte';
@@ -329,6 +389,7 @@ export { default as PulumiLogo } from './components/Pulumi.svelte';
 export { default as PutioLogo } from './components/Putio.svelte';
 export { default as PyCharmLogo } from './components/PyCharm.svelte';
 export { default as PythonLogo } from './components/Python.svelte';
+export { default as QdrantLogo } from './components/Qdrant.svelte';
 export { default as QtLogo } from './components/Qt.svelte';
 export { default as QwenLogo } from './components/Qwen.svelte';
 export { default as QwikLogo } from './components/Qwik.svelte';
@@ -343,6 +404,7 @@ export { default as RaycastLogo } from './components/Raycast.svelte';
 export { default as ReactLogo } from './components/React.svelte';
 export { default as ReactQueryLogo } from './components/ReactQuery.svelte';
 export { default as ReactRouterLogo } from './components/ReactRouter.svelte';
+export { default as ReactWheelPickerLogo } from './components/ReactWheelPicker.svelte';
 export { default as RedditLogo } from './components/Reddit.svelte';
 export { default as RedisLogo } from './components/Redis.svelte';
 export { default as ReduxLogo } from './components/Redux.svelte';
@@ -358,6 +420,8 @@ export { default as ResendLogo } from './components/Resend.svelte';
 export { default as RobloxLogo } from './components/Roblox.svelte';
 export { default as RolldownLogo } from './components/Rolldown.svelte';
 export { default as RowyLogo } from './components/Rowy.svelte';
+export { default as RsbuildLogo } from './components/Rsbuild.svelte';
+export { default as RspackLogo } from './components/Rspack.svelte';
 export { default as RubyLogo } from './components/Ruby.svelte';
 export { default as RunwayLogo } from './components/Runway.svelte';
 export { default as RustLogo } from './components/Rust.svelte';
@@ -382,8 +446,9 @@ export { default as SkyLogo } from './components/Sky.svelte';
 export { default as SkypeLogo } from './components/Skype.svelte';
 export { default as SlackLogo } from './components/Slack.svelte';
 export { default as SnapchatLogo } from './components/Snapchat.svelte';
-export { default as SocketioLogo } from './components/Socketio.svelte';
+export { default as SocketIOLogo } from './components/SocketIO.svelte';
 export { default as SolanaLogo } from './components/Solana.svelte';
+export { default as SolderaLogo } from './components/Soldera.svelte';
 export { default as SolidityLogo } from './components/Solidity.svelte';
 export { default as SolidjsLogo } from './components/Solidjs.svelte';
 export { default as SoundCloudLogo } from './components/SoundCloud.svelte';
@@ -429,6 +494,7 @@ export { default as TodoistLogo } from './components/Todoist.svelte';
 export { default as TogetherAILogo } from './components/TogetherAI.svelte';
 export { default as TonLogo } from './components/Ton.svelte';
 export { default as TorLogo } from './components/Tor.svelte';
+export { default as TravelPerkLogo } from './components/TravelPerk.svelte';
 export { default as TronLogo } from './components/Tron.svelte';
 export { default as TrustPilotLogo } from './components/TrustPilot.svelte';
 export { default as TrustWalletLogo } from './components/TrustWallet.svelte';
@@ -442,12 +508,14 @@ export { default as TypeGPULogo } from './components/TypeGPU.svelte';
 export { default as TypeORMLogo } from './components/TypeORM.svelte';
 export { default as TypeScriptLogo } from './components/TypeScript.svelte';
 export { default as TypesenseLogo } from './components/Typesense.svelte';
+export { default as UVLogo } from './components/UV.svelte';
 export { default as UXAnaRangelLogo } from './components/UXAnaRangel.svelte';
 export { default as UXCorpRangelLogo } from './components/UXCorpRangel.svelte';
 export { default as UberLogo } from './components/Uber.svelte';
 export { default as UbuntuLogo } from './components/Ubuntu.svelte';
 export { default as UdacityLogo } from './components/Udacity.svelte';
 export { default as UdemyLogo } from './components/Udemy.svelte';
+export { default as UnJSLogo } from './components/UnJS.svelte';
 export { default as UnityLogo } from './components/Unity.svelte';
 export { default as UnoCSSLogo } from './components/UnoCSS.svelte';
 export { default as UnrealEngineLogo } from './components/UnrealEngine.svelte';
@@ -469,8 +537,10 @@ export { default as VoltaLogo } from './components/Volta.svelte';
 export { default as VueLogo } from './components/Vue.svelte';
 export { default as VueUseLogo } from './components/VueUse.svelte';
 export { default as VuetifyLogo } from './components/Vuetify.svelte';
+export { default as WakaTimeLogo } from './components/WakaTime.svelte';
 export { default as WarpLogo } from './components/Warp.svelte';
 export { default as WebComponentsLogo } from './components/WebComponents.svelte';
+export { default as WebGLLogo } from './components/WebGL.svelte';
 export { default as WebKitLogo } from './components/WebKit.svelte';
 export { default as WebdevLogo } from './components/Webdev.svelte';
 export { default as WebflowLogo } from './components/Webflow.svelte';
@@ -497,6 +567,8 @@ export { default as ZenBrowserLogo } from './components/ZenBrowser.svelte';
 export { default as ZigLogo } from './components/Zig.svelte';
 export { default as ZodLogo } from './components/Zod.svelte';
 export { default as ZoomLogo } from './components/Zoom.svelte';
+export { default as ZulipLogo } from './components/Zulip.svelte';
+export { default as ZyftLogo } from './components/Zyft.svelte';
 // Utils
 export * as componentTemplate from './utils/componentTemplate.js';
 export * as getSvgContent from './utils/getSvgContent.js';

package/dist/utils/componentTemplate.js

@@ -1,6 +1,6 @@
 import { parseSvgContent } from './index.js';
-export const componentTemplate = (content, framework) => {
-    const { templateContent, scriptTag } = parseSvgContent(content, framework);
+export const componentTemplate = (content) => {
+    const { templateContent, scriptTag } = parseSvgContent(content);
     return `
 ${scriptTag}
 ${templateContent}

package/dist/utils/parseSvgContent.js

@@ -7,13 +7,20 @@ export const parseSvgContent = (content) => {
     content = content.replace(/<svg\b([^>]*)>/i, (_, attrs) => {
         attrs = attrs.replace(/\s*width="[^"]*"/i, '');
         attrs = attrs.replace(/\s*height="[^"]*"/i, '');
-        return `<svg${attrs} width="\${width}" height="\${height}">`;
+        return `<svg${attrs} width="\${width}" height="\${height}" \${restAttrs}>`;
     });
     content = content.replace(/`/g, '\\`');
     return {
         scriptTag: `<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 = \`${content}\`;
 </script>`,
         templateContent: '{@html svgContent}'

package/package.json

@@ -1,22 +1,25 @@
 {
 	"name": "@selemondev/svgl-svelte",
-	"version": "0.0.2",
+	"version": "2.0.0",
 	"description": "An optimized package with SVG logos to be used as Svelte components ✨",
 	"author": "Selemondev",
 	"private": false,
 	"license": "MIT",
+	"packageManager": "pnpm@10.20.0",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build && npm run prepack",
+		"build": "pnpm prepack",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
-		"generate:components": "npx esno scripts/index.ts && pnpm format",
-		"generate:release": "npx changelogen@latest --release && npm publish",
+		"generate:components": "pnpm dlx esno scripts/index.ts && pnpm format",
+		"generate:release": "pnpm dlx changelogen@latest --release",
 		"prepack": "svelte-kit sync && svelte-package && publint",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint ."
+		"format": "prettier --write . && eslint . --fix",
+		"lint:eslint": "eslint .",
+		"lint:prettier": "prettier --check .",
+		"lint": "pnpm lint:eslint && pnpm lint:prettier"
 	},
 	"files": [
 		"dist",
@@ -42,26 +45,26 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^1.2.5",
-		"@eslint/js": "^9.18.0",
-		"@sveltejs/adapter-auto": "^6.0.0",
-		"@sveltejs/kit": "^2.16.0",
-		"@sveltejs/package": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@types/node": "^22.15.19",
-		"eslint": "^9.18.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^3.0.0",
-		"fs-extra": "^11.3.0",
-		"globals": "^16.0.0",
-		"prettier": "^3.4.2",
-		"prettier-plugin-svelte": "^3.3.3",
-		"publint": "^0.3.2",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
-		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.20.0",
-		"vite": "^6.2.6"
+		"@eslint/compat": "^1.4.1",
+		"@eslint/js": "^9.39.0",
+		"@sveltejs/adapter-auto": "^6.1.1",
+		"@sveltejs/kit": "^2.48.4",
+		"@sveltejs/package": "^2.5.4",
+		"@sveltejs/vite-plugin-svelte": "^5.1.1",
+		"@types/node": "^22.18.13",
+		"eslint": "^9.39.0",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.13.0",
+		"fs-extra": "^11.3.2",
+		"globals": "^16.5.0",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"publint": "^0.3.15",
+		"svelte": "^5.43.2",
+		"svelte-check": "^4.3.3",
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.46.2",
+		"vite": "^6.4.1"
 	},
 	"keywords": [
 		"svgl",

package/dist/components/Socketio.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" width="${width}" height="${height}">
-	<circle cx="128" cy="128" r="114" stroke="#010101" stroke-width="20" fill="none" />
-	<path d="M97.637 121.69c27.327-22.326 54.058-45.426 81.98-67.097-14.646 22.505-29.708 44.711-44.354 67.215-12.562.06-25.123.06-37.626-.119zM120.737 134.132c12.621 0 25.183 0 37.745.179-27.505 22.206-54.117 45.484-82.099 67.096 14.646-22.505 29.708-44.77 44.354-67.275z" fill="#010101"/>
-</svg>`;
-</script>
-
-{@html svgContent}