feat(): faster compilation method

README.md

@@ -86,3 +86,56 @@ All icons are imported from a single file, where [ICON SLUG] is replaced by a ca
     }
   </style>
 ```
+
+## Type Definition for Dynamic Icons in Svelte Components
+
+Sometimes, we want to provide the component dynamically to a component. We can do that by using `svelte:component` feature with the
+helper type `SiComponentType` type definition.
+
+```svelte
+<script lang="ts">
+  import type { SiComponentType } from '@icons-pack/svelte-simple-icons';
+
+  export let icon: SiComponentType;
+  export let text: string;
+  export let click: () => void = () => console.log('do something');
+</script>
+
+<button on:click={click}>
+  <svelte:component
+    this={icon}
+    title={text} <!-- optional, along with size and color properties --> 
+  />
+  {text}
+</button>
+
+<style lang="scss">
+  button {
+    display: flex;
+    flex-direction: row;
+    text-decoration: none;
+    white-space: nowrap;
+    transition: border-color 0.25s;
+    box-shadow: none;
+    text-shadow: none;
+  }
+
+  .icon {
+    margin: 4px 4px 0 0;
+  }
+</style>
+```
+
+## Faster Compilations
+
+If you only need a few icons, you can import them individually instead of the entire file to improve compilation.
+
+```svelte
+<script>
+  import SiSvelte from "@icons-pack/svelte-simple-icons/icons/SiSvelte.svelte";
+  import SiGithub from "@icons-pack/svelte-simple-icons/icons/SiGithub.svelte";
+</script>
+
+<SiGithub />
+<SiSvelte />
+```

package.json

@@ -19,6 +19,10 @@
       "svelte": "./index.js",
       "import": "./index.js"
     },
+    "./icons/*": {
+      "types": "./icons/*.svelte.d.ts",
+      "svelte": "./icons/*.svelte"
+    },
     "./package.json": "./package.json"
   },
   "description": "This package provides the Simple Icons packaged as a set of Svelte components.",
@@ -51,18 +55,18 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.4.8",
     "@changesets/cli": "^2.27.1",
-    "@sveltejs/adapter-auto": "^3.0.0",
-    "@sveltejs/kit": "^2.5.0",
-    "@sveltejs/package": "^2.2.5",
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/kit": "^2.5.4",
+    "@sveltejs/package": "^2.3.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "signale": "^1.4.0",
     "simple-icons": "11.5.0",
-    "svelte": "^4.2.0",
-    "svelte-check": "^3.6.0",
+    "svelte": "^4.2.12",
+    "svelte-check": "^3.6.8",
     "tslib": "^2.6.2",
     "typescript": "5.2.2",
     "uppercamelcase": "^3.0.0",
-    "vite": "^5.0.0"
+    "vite": "^5.2.6"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.5.0",