Merge remote-tracking branch 'origin/main' into fix-dynamic-attribute-and-attribute-directive

Author: paoloricciuti

.changeset/chatty-snails-train.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure signal graph is consistent before triggering $inspect signals

.changeset/curvy-foxes-wink.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: better types for the `autocomplete` attribute

.changeset/eighty-dragons-search.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+perf: inline module variables into template

.changeset/five-birds-check.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: widen ownership upon property access if necessary

.changeset/five-suns-roll.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: don't show `state_referenced_locally` warning on types

.changeset/flat-flies-know.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: allow custom element events on slot to bubble inside custom element

.changeset/fuzzy-tigers-swim.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure locally mutated bindable props persist with spreading props

.changeset/hot-peaches-clean.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: add missing `autocomplete` attribute tokens

.changeset/late-geckos-draw.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: try catch `strict_equals` to avoid error accessing `STATE_SYMBOL`

.changeset/polite-pugs-attend.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure $inspect effects are fine-grain

.changeset/pre.json

@@ -38,6 +38,7 @@
     "blue-timers-film",
     "blue-waves-sneeze",
     "brave-carrots-draw",
+    "brave-doors-compete",
     "brave-gorillas-end",
     "brave-gorillas-fold",
     "brave-pigs-obey",
@@ -71,6 +72,7 @@
     "chatty-cups-drop",
     "chatty-ghosts-unite",
     "chatty-sloths-allow",
+    "chatty-snails-train",
     "chatty-taxis-juggle",
     "chilled-ladybugs-invite",
     "chilled-pumas-invite",
@@ -115,6 +117,7 @@
     "curvy-buses-laugh",
     "curvy-cups-cough",
     "curvy-flies-exercise",
+    "curvy-foxes-wink",
     "curvy-papayas-pretend",
     "curvy-ties-shout",
     "cyan-colts-raise",
@@ -160,6 +163,7 @@
     "eighty-bugs-fetch",
     "eighty-days-cheat",
     "eighty-days-wave",
+    "eighty-dragons-search",
     "eighty-lizards-notice",
     "eighty-mails-develop",
     "eleven-avocados-walk",
@@ -206,10 +210,13 @@
     "fifty-rice-wait",
     "fifty-steaks-float",
     "fifty-toys-invite",
+    "five-birds-check",
     "five-maps-reflect",
     "five-shirts-run",
+    "five-suns-roll",
     "five-tigers-search",
     "flat-feet-visit",
+    "flat-flies-know",
     "flat-ghosts-fly",
     "flat-melons-protect",
     "flat-olives-live",
@@ -251,6 +258,7 @@
     "funny-wombats-argue",
     "fuzzy-bags-camp",
     "fuzzy-donuts-provide",
+    "fuzzy-tigers-swim",
     "gentle-dolls-juggle",
     "gentle-eagles-walk",
     "gentle-needles-train",
@@ -330,6 +338,7 @@
     "hot-cooks-repair",
     "hot-jobs-tap",
     "hot-kangaroos-invite",
+    "hot-peaches-clean",
     "hot-rivers-punch",
     "hot-sloths-clap",
     "hot-tips-appear",
@@ -374,6 +383,7 @@
     "large-waves-join",
     "late-bees-vanish",
     "late-crabs-lay",
+    "late-geckos-draw",
     "late-grapes-judge",
     "late-peaches-mate",
     "late-zebras-argue",
@@ -429,6 +439,7 @@
     "mean-jokes-exist",
     "mean-numbers-cry",
     "mean-parents-film",
+    "metal-cameras-jump",
     "metal-clouds-raise",
     "metal-lobsters-burn",
     "metal-pans-trade",
@@ -527,6 +538,7 @@
     "plenty-zoos-fix",
     "polite-dolphins-care",
     "polite-peas-mate",
+    "polite-pugs-attend",
     "polite-pumpkins-guess",
     "polite-ravens-study",
     "polite-tomatoes-trade",
@@ -585,6 +597,7 @@
     "rich-tables-sing",
     "rich-taxis-hear",
     "rich-waves-mix",
+    "rotten-actors-rush",
     "rotten-bags-type",
     "rotten-buckets-develop",
     "rotten-experts-relax",
@@ -596,6 +609,7 @@
     "selfish-socks-smile",
     "selfish-spies-help",
     "selfish-tools-hide",
+    "selfish-trainers-kiss",
     "serious-bobcats-carry",
     "serious-crabs-punch",
     "serious-goats-tap",
@@ -729,6 +743,7 @@
     "strange-pears-perform",
     "strange-pillows-greet",
     "strange-roses-brake",
+    "strange-trains-destroy",
     "strong-apricots-destroy",
     "strong-gifts-smoke",
     "strong-lemons-provide",
@@ -758,6 +773,7 @@
     "tame-cycles-kneel",
     "tame-dodos-float",
     "tame-dots-battle",
+    "tame-frogs-shave",
     "tame-goats-bow",
     "tame-spies-drum",
     "tasty-cheetahs-appear",
@@ -769,6 +785,7 @@
     "ten-jokes-divide",
     "ten-peaches-sleep",
     "ten-singers-cough",
+    "ten-singers-repair",
     "ten-teachers-travel",
     "ten-ties-repair",
     "ten-trainers-juggle",
@@ -814,6 +831,7 @@
     "tiny-taxis-whisper",
     "tough-buckets-thank",
     "tough-radios-punch",
+    "tough-snails-chew",
     "tough-tomatoes-explain",
     "tricky-avocados-play",
     "tricky-balloons-care",
@@ -827,6 +845,7 @@
     "twelve-scissors-kneel",
     "twelve-worms-jog",
     "twenty-gifts-develop",
+    "twenty-toes-attack",
     "two-brooms-fail",
     "two-candles-move",
     "two-cats-approve",
@@ -838,6 +857,7 @@
     "unlucky-points-clap",
     "unlucky-steaks-warn",
     "unlucky-trees-lick",
+    "violet-bats-brake",
     "violet-mails-trade",
     "violet-mugs-behave",
     "violet-otters-carry",

.changeset/rotten-actors-rush.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure unowned derived signals correctly re-connect to graph

.changeset/ten-singers-repair.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: allow more characters in the unicode range as component identifiers

.changeset/tough-snails-chew.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: allow for nesting selector in pseudoclasses

.changeset/twenty-toes-attack.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure StyleDirective and ClassDirective are marked as dynamic

.changeset/violet-bats-brake.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: add infinite loop effect callstack

documentation/docs/02-template-syntax/06-transitions-and-animations.md

@@ -102,6 +102,7 @@ The `t` argument passed to `css` is a value between `0` and `1` after the `easin
 The function is called repeatedly _before_ the transition begins, with different `t` and `u` arguments.
 
 ```svelte
+<!--- file: App.svelte --->
 <script>
 	import { elasticOut } from 'svelte/easing';
 
@@ -345,6 +346,7 @@ The function is called repeatedly _before_ the animation begins, with different
 <!-- TODO: Types -->
 
 ```svelte
+<!--- file: App.svelte --->
 <script>
 	import { cubicOut } from 'svelte/easing';
 
@@ -378,6 +380,7 @@ A custom animation function can also return a `tick` function, which is called _
 > If it's possible to use `css` instead of `tick`, do so — CSS animations can run off the main thread, preventing jank on slower devices.
 
 ```svelte
+<!--- file: App.svelte --->
 <script>
 	import { cubicOut } from 'svelte/easing';
 

documentation/docs/02-template-syntax/08-bindings.md

@@ -42,25 +42,30 @@ Numeric input values are coerced; even though `input.value` is a string as far a
 <input type="range" bind:value={num} />
 ```
 
-On `<input>` elements with `type="file"`, you can use `bind:files` to get the [`FileList` of selected files](https://developer.mozilla.org/en-US/docs/Web/API/FileList). It is readonly.
+On `<input>` elements with `type="file"`, you can use `bind:files` to get the [`FileList` of selected files](https://developer.mozilla.org/en-US/docs/Web/API/FileList). When you want to update the files programmatically, you always need to use a `FileList` object.
 
 ```svelte
+<script>
+	let files = $state();
+
+	function clear() {
+		files = new FileList(); // null or undefined doesn't work
+	}
+</script>
+
 <label for="avatar">Upload a picture:</label>
 <input accept="image/png, image/jpeg" bind:files id="avatar" name="avatar" type="file" />
+<button onclick={clear}>clear</button>
 ```
 
-If you're using `bind:` directives together with `on:` directives, the order that they're defined in affects the value of the bound variable when the event handler is called.
+If you're using `bind:` directives together with `on` event attributes, the binding will always fire before the event attribute.
 
 ```svelte
 <script>
 	let value = 'Hello World';
 </script>
 
-<input
-	on:input={() => console.log('Old value:', value)}
-	bind:value
-	on:input={() => console.log('New value:', value)}
-/>
+<input oninput={() => console.log('New value:', value)} bind:value />
 ```
 
 Here we were binding to the value of a text input, which uses the `input` event. Bindings on other elements may use different events such as `change`.

documentation/docs/02-template-syntax/09-special-elements.md

@@ -14,8 +14,7 @@ It cannot appear at the top level of your markup; it must be inside an if or eac
 
 ```svelte
 <script>
-	/** @type {number} */
-	export let count;
+	let { count } = $props();
 </script>
 
 {#if count > 0}
@@ -56,12 +55,12 @@ If `this` is the name of a [void element](https://developer.mozilla.org/en-US/do
 
 ```svelte
 <script>
-	let tag = 'div';
+	let { handler } = $props();
 
-	export let handler;
+	let tag = $state('div');
 </script>
 
-<svelte:element this={tag} on:click={handler}>Foo</svelte:element>
+<svelte:element this={tag} onclick={handler}>Foo</svelte:element>
 ```
 
 Svelte tries its best to infer the correct namespace from the element's surroundings, but it's not always possible. You can make it explicit with an `xmlns` attribute:
@@ -73,7 +72,7 @@ Svelte tries its best to infer the correct namespace from the element's surround
 ## `<svelte:window>`
 
 ```svelte
-<svelte:window on:event={handler} />
+<svelte:window onevent={handler} />
 ```
 
 ```svelte
@@ -86,13 +85,12 @@ Unlike `<svelte:self>`, this element may only appear at the top level of your co
 
 ```svelte
 <script>
-	/** @param {KeyboardEvent} event */
 	function handleKeydown(event) {
 		alert(`pressed the ${event.key} key`);
 	}
 </script>
 
-<svelte:window on:keydown={handleKeydown} />
+<svelte:window onkeydown={handleKeydown} />
 ```
 
 You can also bind to the following properties:
@@ -117,7 +115,7 @@ All except `scrollX` and `scrollY` are readonly.
 ## `<svelte:document>`
 
 ```svelte
-<svelte:document on:event={handler} />
+<svelte:document onevent={handler} />
 ```
 
 ```svelte
@@ -129,7 +127,7 @@ Similarly to `<svelte:window>`, this element allows you to add listeners to even
 As with `<svelte:window>`, this element may only appear the top level of your component and must never be inside a block or element.
 
 ```svelte
-<svelte:document on:visibilitychange={handleVisibilityChange} use:someAction />
+<svelte:document onvisibilitychange={handleVisibilityChange} use:someAction />
 ```
 
 You can also bind to the following properties:
@@ -144,15 +142,15 @@ All are readonly.
 ## `<svelte:body>`
 
 ```svelte
-<svelte:body on:event={handler} />
+<svelte:body onevent={handler} />
 ```
 
 Similarly to `<svelte:window>`, this element allows you to add listeners to events on `document.body`, such as `mouseenter` and `mouseleave`, which don't fire on `window`. It also lets you use [actions](/docs/element-directives#use-action) on the `<body>` element.
 
 As with `<svelte:window>` and `<svelte:document>`, this element may only appear the top level of your component and must never be inside a block or element.
 
 ```svelte
-<svelte:body on:mouseenter={handleMouseenter} on:mouseleave={handleMouseleave} use:someAction />
+<svelte:body onmouseenter={handleMouseenter} onmouseleave={handleMouseleave} use:someAction />
 ```
 
 ## `<svelte:head>`