Merge branch 'develop' into beta

Author: giamir

.github/workflows/main.yml

@@ -98,6 +98,7 @@ jobs:
     needs: [build-and-test, release]
     runs-on: ubuntu-latest
     steps:
+      - uses: actions/checkout@v5
       - name: 🔄 Update stackoverflow.design docs
         run: |
             git config --global user.name 'github-actions[bot]'

package-lock.json

@@ -84,7 +84,7 @@
         "stylelint": "^16.21.1",
         "stylelint-config-recommended": "^16.0.0",
         "stylelint-config-standard": "^38.0.0",
-        "svelte": "^5.38.10",
+        "svelte": "^5.39.11",
         "svelte-check": "^4.3.1",
         "svelte-preprocess": "^6.0.3",
         "terser-webpack-plugin": "^5.3.14",
@@ -93,7 +93,7 @@
         "typescript-eslint": "^8.44.1",
         "vite": "^6.3.5",
         "vitest": "^3.1.3",
-        "webpack": "^5.101.2",
+        "webpack": "^5.102.1",
         "webpack-cli": "^6.0.1",
         "webpack-merge": "^6.0.1"
     },

package.json

@@ -1,5 +1,15 @@
 # @stackoverflow/stacks-svelte
 
+## 0.5.1
+
+### Patch Changes
+
+- [#2005](https://github.com/StackExchange/Stacks/pull/2005) [`b5ca551`](https://github.com/StackExchange/Stacks/commit/b5ca5519aba92fb2bb13ed00746c3f90eb8e0f5d) Thanks [@giamir](https://github.com/giamir)! - Migrate `Select` and `SelectItem` components to use Svelte 5 runes API
+
+    BREAKING CHANGES:
+    - `message` and `description` slotted content are not available anymore. `message` and `description` snippets should be used instead.
+    - `on:change` `on:focus` and `on:blur` are not available anymore. The new callback props should be used instead: `onchange`, `onfocus`, `onblur`.
+
 ## 1.0.0-beta.0
 
 ### Major Changes

packages/stacks-svelte/CHANGELOG.md

@@ -105,17 +105,17 @@
         id="select-with-description-and-message"
         label="With Description and Message"
     >
-        <svelte:fragment slot="description">
+        {#snippet description()}
             Select the sorting order
-        </svelte:fragment>
+        {/snippet}
         <SelectItem value="relevance" text="Relevance" />
         <SelectItem value="newest" text="Newest" />
         <SelectItem value="active" text="Active" />
         <SelectItem value="score" text="Score" />
-        <svelte:fragment slot="message">
+        {#snippet message()}
             The available sorting orders are Relevance, Newest, Active, and
             Score
-        </svelte:fragment>
+        {/snippet}
     </Select>
 </Story>