das

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncraft/svelte-ui",
-	"version": "1.0.4",
+  "version": "1.0.5",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",

src/lib/components/Picture.svelte

@@ -1,8 +1,14 @@
+<script>
+  import Image from "$lib/components/Image.svelte";
+
+  let { src, ...others } = $props();
+</script>
+
 {#if src}
   <picture>
     {#if src?.sources}
-      {#each Object.entries(src.sources) as [ format, srcset ]}
+      {#each Object.entries(src.sources) as [format, srcset]}
-        <source {srcset} type={`image/${format}`}/>
+        <source {srcset} type={`image/${format}`} />
       {/each}
     {/if}
 
@@ -10,20 +16,12 @@
       src={src?.img?.src || src}
       width={src?.img?.w}
       height={src?.img?.h}
+      sizes="auto"
       {...others}
     />
   </picture>
 {/if}
 
-<script>
-  import Image from '$lib/components/Image.svelte'
-  
-  let {
-    src,
-    ...others
-  } = $props()
-</script>
-
 <style lang="scss">
   picture {
     display: flex;