update deps

Author: KTibow

package.json

@@ -11,13 +11,13 @@
   },
   "devDependencies": {
     "@ktibow/iconset-material-symbols": "^0.0.1747426012",
-    "@ktibow/material-color-utilities-nightly": "^0.3.11751852341624",
+    "@ktibow/material-color-utilities-nightly": "^0.3.11753753853685",
     "@sveltejs/adapter-static": "^3.0.8",
     "@sveltejs/kit": "^2.22.2",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-svelte": "^2.46.1",
-    "m3-svelte": "^4.5.4",
+    "m3-svelte": "^5.0.0",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "svelte": "^5.35.4",

pnpm-lock.yaml

@@ -230,10 +230,10 @@ ${colors.map((color) => genColorVariable(color.name, color.getArgb(darkScheme)))
     <Icon icon={iconCheck} width="24" height="24" />
     <p class="m3-font-headline-small">Use your theme</p>
     <div class="buttons">
-      <Button variant="tonal" click={() => colorInput.showPicker()}>Try again</Button>
+      <Button variant="tonal" onclick={() => colorInput.showPicker()}>Try again</Button>
       <Button
         variant="filled"
-        click={() => {
+        onclick={() => {
           navigator.clipboard.writeText(yaml);
         }}
       >
@@ -244,7 +244,7 @@ ${colors.map((color) => genColorVariable(color.name, color.getArgb(darkScheme)))
 {:else}
   <div class="pair">
     <Branding />
-    <Button variant="filled" click={() => colorInput.showPicker()}>Choose a color</Button>
+    <Button variant="filled" onclick={() => colorInput.showPicker()}>Choose a color</Button>
   </div>
 {/if}
 <input type="color" value={undefined} bind:this={colorInput} oninput={loadTheme} />