das

package.json

@@ -1,49 +1,49 @@
 {
-	"name": "@syncraft/svelte-ui",
-	"version": "1.0.4",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build && npm run prepack",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"prepack": "svelte-kit sync && svelte-package && publint"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		}
-	},
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^7.0.0",
-		"@sveltejs/kit": "^2.49.2",
-		"@sveltejs/package": "^2.5.7",
-		"@sveltejs/vite-plugin-svelte": "^6.2.1",
-		"publint": "^0.3.16",
-		"svelte": "^5.46.0",
-		"typescript": "^5.9.3",
-		"vite": "^7.3.0"
-	},
-	"keywords": [
-		"svelte"
-	],
-	"pnpm": {
-		"onlyBuiltDependencies": [
-			"esbuild"
-		]
-	}
+  "name": "@syncraft/svelte-ui",
+  "version": "1.0.5",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
+    "prepack": "svelte-kit sync && svelte-package && publint"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/kit": "^2.49.2",
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "publint": "^0.3.16",
+    "svelte": "^5.46.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0"
+  },
+  "keywords": [
+    "svelte"
+  ],
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ]
+  }
 }

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 ]}
-        <source {srcset} type={`image/${format}`}/>
+      {#each Object.entries(src.sources) as [format, srcset]}
+        <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;