next: updates (#610)

.nvmrc

@@ -1 +1 @@
-v18.18.2
+v20.15.1

package.json

@@ -26,7 +26,7 @@
 		"prettier": "^3.2.5",
 		"prettier-plugin-svelte": "^3.2.2",
 		"prettier-plugin-tailwindcss": "0.5.13",
-		"svelte": "5.0.0-next.181",
+		"svelte": "5.0.0-next.183",
 		"svelte-eslint-parser": "^0.34.1",
 		"wrangler": "^3.44.0"
 	},

packages/bits-ui/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.3",
+	"version": "0.21.4",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",
@@ -28,48 +28,48 @@
 	],
 	"devDependencies": {
 		"@melt-ui/pp": "^0.3.0",
-		"@sveltejs/kit": "^2.5.0",
-		"@sveltejs/package": "^2.2.7",
-		"@sveltejs/vite-plugin-svelte": "^3.1.0",
-		"@testing-library/dom": "^10.0.0",
-		"@testing-library/jest-dom": "^6.4.2",
+		"@sveltejs/kit": "^2.5.18",
+		"@sveltejs/package": "^2.3.2",
+		"@sveltejs/vite-plugin-svelte": "^3.1.1",
+		"@testing-library/dom": "^10.3.1",
+		"@testing-library/jest-dom": "^6.4.6",
 		"@testing-library/svelte": "^5.2.0",
 		"@testing-library/user-event": "^14.5.2",
 		"@types/jest-axe": "^3.5.9",
-		"@types/node": "^20.12.2",
+		"@types/node": "^20.14.10",
 		"@types/resize-observer-browser": "^0.1.11",
 		"@types/testing-library__jest-dom": "^5.14.9",
 		"@vitest/ui": "^1.5.0",
 		"csstype": "^3.1.3",
-		"jest-axe": "^8.0.0",
-		"jsdom": "^24.0.0",
-		"publint": "^0.2.7",
+		"jest-axe": "^9.0.0",
+		"jsdom": "^24.1.0",
+		"publint": "^0.2.8",
 		"resize-observer-polyfill": "^1.5.1",
-		"svelte": "5.0.0-next.181",
-		"svelte-check": "^3.6.9",
-		"tslib": "^2.6.2",
+		"svelte": "5.0.0-next.183",
+		"svelte-check": "^3.8.4",
+		"tslib": "^2.6.3",
 		"typescript": "^5.5.3",
-		"vite": "^5.2.8",
-		"vitest": "^1.6.0"
+		"vite": "^5.3.3",
+		"vitest": "^2.0.2"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"@floating-ui/core": "^1.6.0",
-		"@floating-ui/dom": "^1.6.3",
-		"@internationalized/date": "^3.5.1",
+		"@floating-ui/core": "^1.6.4",
+		"@floating-ui/dom": "^1.6.7",
+		"@internationalized/date": "^3.5.4",
 		"@melt-ui/svelte": "0.76.2",
-		"clsx": "^2.1.0",
+		"clsx": "^2.1.1",
 		"esm-env": "^1.0.0",
-		"nanoid": "^5.0.5",
+		"nanoid": "^5.0.7",
 		"runed": "^0.15.0",
 		"scule": "^1.3.0",
 		"style-object-to-css-string": "^1.1.3",
 		"style-to-object": "^1.0.6",
 		"svelte-toolbelt": "^0.0.2"
 	},
 	"peerDependencies": {
-		"svelte": "^5.0.0"
+		"svelte": "^5.0.0-next.1"
 	}
 }

packages/bits-ui/src/lib/bits/aspect-ratio/components/aspect-ratio.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { Props } from "../index.js";
+	import type { RootProps } from "../index.js";
 
-	let { ratio, children, ref = $bindable(), ...restProps }: Props = $props();
+	let { ratio, children, ref = $bindable(), ...restProps }: RootProps = $props();
 </script>
 
 <div style:position="relative" style:width="100%" style:padding-bottom="{ratio ? 100 / ratio : 0}%">

packages/bits-ui/src/lib/bits/aspect-ratio/index.ts

@@ -1,3 +1,3 @@
 export { default as Root } from "./components/aspect-ratio.svelte";
 
-export type { AspectRatioProps as Props } from "./types.js";
+export type { AspectRatioProps as RootProps } from "./types.js";

packages/bits-ui/src/lib/bits/aspect-ratio/types.ts

@@ -1,4 +1,5 @@
 import type { HTMLDivAttributes } from "$lib/internal/index.js";
+import type { Expand } from "$lib/internal/index.js";
 
 export type AspectRatioPropsWithoutHTML = Expand<{
 	ratio?: number;

packages/bits-ui/src/lib/bits/avatar/avatar.svelte.ts

@@ -146,7 +146,7 @@ class AvatarFallbackState {
 		() =>
 			({
 				style: {
-					display: this.root.loadingStatus.value === "loaded" ? "none" : "block",
+					display: this.root.loadingStatus.value === "loaded" ? "none" : undefined,
 				},
 				[AVATAR_FALLBACK_ATTR]: "",
 			}) as const