diff --git a/package.json b/package.json
index b169faf96..074da0b83 100644
--- a/package.json
+++ b/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.104",
+		"svelte": "5.0.0-next.107",
 		"svelte-eslint-parser": "^0.34.1",
 		"wrangler": "^3.44.0"
 	},
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index a70eac69d..55443750d 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -43,7 +43,7 @@
 		"jsdom": "^24.0.0",
 		"publint": "^0.2.7",
 		"resize-observer-polyfill": "^1.5.1",
-		"svelte": "5.0.0-next.104",
+		"svelte": "5.0.0-next.107",
 		"svelte-check": "^3.6.9",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3",
diff --git a/packages/bits-ui/src/lib/bits/accordion/accordion.svelte.ts b/packages/bits-ui/src/lib/bits/accordion/accordion.svelte.ts
index fed2a9081..27b0abea5 100644
--- a/packages/bits-ui/src/lib/bits/accordion/accordion.svelte.ts
+++ b/packages/bits-ui/src/lib/bits/accordion/accordion.svelte.ts
@@ -12,7 +12,6 @@ import {
 	getDataDisabled,
 	getDataOpenClosed,
 	kbd,
-	readonlyBox,
 	styleToString,
 	verifyContextDeps,
 } from "$lib/internal/index.js";
@@ -59,7 +58,7 @@ class AccordionBaseState {
  * SINGLE
  */
 
-type AccordionSingleStateProps = AccordionBaseStateProps & BoxedValues<{ value: string; }>;
+type AccordionSingleStateProps = AccordionBaseStateProps & BoxedValues<{ value: string }>;
 
 export class AccordionSingleState extends AccordionBaseState {
 	#value: Box<string>;
@@ -83,7 +82,7 @@ export class AccordionSingleState extends AccordionBaseState {
  * MULTIPLE
  */
 
-type AccordionMultiStateProps = AccordionBaseStateProps & BoxedValues<{ value: string[]; }>;
+type AccordionMultiStateProps = AccordionBaseStateProps & BoxedValues<{ value: string[] }>;
 
 export class AccordionMultiState extends AccordionBaseState {
 	#value: Box<string[]>;
@@ -261,7 +260,7 @@ class AccordionContentState {
 	item: AccordionItemState;
 	node: Box<HTMLElement | null>;
 	#id: ReadonlyBox<string>;
-	#originalStyles: { transitionDuration: string; animationName: string; } | undefined = undefined;
+	#originalStyles: { transitionDuration: string; animationName: string } | undefined = undefined;
 	#isMountAnimationPrevented = false;
 	#width = $state(0);
 	#height = $state(0);
diff --git a/packages/bits-ui/src/lib/bits/collapsible/collapsible.svelte.ts b/packages/bits-ui/src/lib/bits/collapsible/collapsible.svelte.ts
index 0c357ef03..fcc5d62b0 100644
--- a/packages/bits-ui/src/lib/bits/collapsible/collapsible.svelte.ts
+++ b/packages/bits-ui/src/lib/bits/collapsible/collapsible.svelte.ts
@@ -63,9 +63,9 @@ type CollapsibleContentStateProps = ReadonlyBoxedValues<{
 
 class CollapsibleContentState {
 	root: CollapsibleRootState;
-	#originalStyles: { transitionDuration: string; animationName: string; } | undefined;
+	#originalStyles: { transitionDuration: string; animationName: string } | undefined;
 	#styleProp: ReadonlyBox<StyleProperties>;
-	node: Box<HTMLElement | null>;
+	node = boxedState<HTMLElement | null>(null);
 	#isMountAnimationPrevented = $state(false);
 	#width = $state(0);
 	#height = $state(0);
diff --git a/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-input.svelte b/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-input.svelte
index 0fbba9978..9f6911f69 100644
--- a/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-input.svelte
+++ b/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-input.svelte
@@ -1,2 +1,9 @@
 <script lang="ts">
+	import { getRadioGroupInputState } from "../radio-group.svelte.js";
+
+	const inputState = getRadioGroupInputState();
 </script>
+
+{#if inputState.shouldRender}
+	<input {...inputState.props} />
+{/if}
diff --git a/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-item.svelte b/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-item.svelte
index 7f2280bf8..622cbbba2 100644
--- a/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-item.svelte
+++ b/packages/bits-ui/src/lib/bits/radio-group/components/radio-group-item.svelte
@@ -9,6 +9,7 @@
 		id: idProp = generateId(),
 		asChild,
 		children,
+		indicator,
 		child,
 		value: valueProp,
 		disabled: disabledProp = false,
@@ -38,6 +39,10 @@
 	{@render child?.({ props: mergedProps })}
 {:else}
 	<button bind:this={el} {...mergedProps}>
-		{@render children?.()}
+		{#if indicator}
+			{@render indicator({ checked: item.checked })}
+		{:else}
+			{@render children?.()}
+		{/if}
 	</button>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/radio-group/radio-group.svelte.ts b/packages/bits-ui/src/lib/bits/radio-group/radio-group.svelte.ts
index cf5540252..f6e2c6aae 100644
--- a/packages/bits-ui/src/lib/bits/radio-group/radio-group.svelte.ts
+++ b/packages/bits-ui/src/lib/bits/radio-group/radio-group.svelte.ts
@@ -12,6 +12,7 @@ import { getDirectionalKeys, kbd } from "$lib/internal/kbd.js";
 import { getElemDirection } from "$lib/internal/locale.js";
 import type { Orientation } from "$lib/shared/index.js";
 import { verifyContextDeps } from "$lib/internal/context.js";
+import { srOnlyStyles, styleToString } from "$lib/internal/style.js";
 
 type RadioGroupRootStateProps = ReadonlyBoxedValues<{
 	id: string;
@@ -21,7 +22,7 @@ type RadioGroupRootStateProps = ReadonlyBoxedValues<{
 	orientation: Orientation;
 	name: string | undefined;
 }> &
-	BoxedValues<{ value: string; }>;
+	BoxedValues<{ value: string }>;
 
 class RadioGroupRootState {
 	id: RadioGroupRootStateProps["id"];
@@ -32,6 +33,7 @@ class RadioGroupRootState {
 	orientation: RadioGroupRootStateProps["orientation"];
 	name: RadioGroupRootStateProps["name"];
 	value: RadioGroupRootStateProps["value"];
+	activeTabIndexNode = boxedState<HTMLElement | null>(null);
 
 	constructor(props: RadioGroupRootStateProps) {
 		this.id = props.id;
@@ -54,6 +56,7 @@ class RadioGroupRootState {
 
 	getRadioItemNodes() {
 		if (!this.node.value) return [];
+
 		return Array.from(this.node.value.querySelectorAll("[data-bits-radio-group-item]")).filter(
 			(el): el is HTMLElement => el instanceof HTMLElement && !el.dataset.disabled
 		);
@@ -63,8 +66,13 @@ class RadioGroupRootState {
 		return new RadioGroupItemState(props, this);
 	}
 
+	createInput() {
+		return new RadioGroupInputState(this);
+	}
+
 	get props() {
 		return {
+			id: this.id.value,
 			role: "radiogroup",
 			"aria-required": getAriaRequired(this.required.value),
 			"data-disabled": getDataDisabled(this.disabled.value),
@@ -89,11 +97,12 @@ type RadioGroupItemStateProps = ReadonlyBoxedValues<{
 class RadioGroupItemState {
 	#id: RadioGroupItemStateProps["id"];
 	#node: Box<HTMLElement | null>;
-	#root: RadioGroupRootState;
+	#root = undefined as unknown as RadioGroupRootState;
 	#disabled: RadioGroupItemStateProps["disabled"];
-	#value: RadioGroupItemStateProps["value"];
+	#value = undefined as unknown as RadioGroupItemStateProps["value"];
 	#composedClick: EventCallback<MouseEvent>;
 	#composedKeydown: EventCallback<KeyboardEvent>;
+	checked = $derived(this.#root.value.value === this.#value.value);
 
 	constructor(props: RadioGroupItemStateProps, root: RadioGroupRootState) {
 		this.#disabled = props.disabled;
@@ -104,6 +113,12 @@ class RadioGroupItemState {
 		this.#composedKeydown = composeHandlers(props.onkeydown, this.#onkeydown);
 
 		this.#node = useNodeById(this.#id);
+
+		$effect(() => {
+			if (!this.#node.value) return;
+			if (!this.#root.isChecked(this.#value.value)) return;
+			this.#root.activeTabIndexNode.value = this.#node.value;
+		});
 	}
 
 	#onclick = () => {
@@ -152,6 +167,7 @@ class RadioGroupItemState {
 
 	get props() {
 		return {
+			id: this.#id.value,
 			disabled: this.#isDisabled ? true : undefined,
 			"data-value": this.#value.value,
 			"data-orientation": this.#root.orientation.value,
@@ -161,6 +177,7 @@ class RadioGroupItemState {
 			"data-bits-radio-group-item": "",
 			type: "button",
 			role: "radio",
+			tabIndex: this.#root.activeTabIndexNode.value === this.#node.value ? 0 : -1,
 			//
 			onclick: this.#composedClick,
 			onkeydown: this.#composedKeydown,
@@ -168,6 +185,32 @@ class RadioGroupItemState {
 	}
 }
 
+//
+// INPUT
+//
+
+class RadioGroupInputState {
+	#root = undefined as unknown as RadioGroupRootState;
+	shouldRender = $derived(this.#root.name.value !== undefined);
+
+	constructor(root: RadioGroupRootState) {
+		this.#root = root;
+	}
+
+	get props() {
+		return {
+			name: this.#root.name.value,
+			value: this.#root.value.value,
+			required: this.#root.required.value,
+			disabled: this.#root.disabled.value,
+			"aria-hidden": "true",
+			hidden: true,
+			style: styleToString(srOnlyStyles),
+			tabIndex: -1,
+		} as const;
+	}
+}
+
 //
 // CONTEXT METHODS
 //
@@ -186,3 +229,7 @@ export function getRadioGroupRootState() {
 export function setRadioGroupItemState(props: RadioGroupItemStateProps) {
 	return getRadioGroupRootState().createItem(props);
 }
+
+export function getRadioGroupInputState() {
+	return getRadioGroupRootState().createInput();
+}
diff --git a/packages/bits-ui/src/lib/bits/radio-group/types.ts b/packages/bits-ui/src/lib/bits/radio-group/types.ts
index e92fa47b3..bb092dbb3 100644
--- a/packages/bits-ui/src/lib/bits/radio-group/types.ts
+++ b/packages/bits-ui/src/lib/bits/radio-group/types.ts
@@ -76,9 +76,9 @@ export type RadioGroupItemPropsWithoutHTML = WithAsChild<{
 	 */
 	disabled?: boolean;
 
-	onclick: EventCallback<MouseEvent>;
+	onclick?: EventCallback<MouseEvent>;
 
-	onkeydown: EventCallback<KeyboardEvent>;
+	onkeydown?: EventCallback<KeyboardEvent>;
 
 	/**
 	 * A snippet to render the radio item's indicator.
diff --git a/packages/bits-ui/src/lib/bits/slider/components/slider-input.svelte b/packages/bits-ui/src/lib/bits/slider/components/slider-input.svelte
index 4b259c57c..aa721588f 100644
--- a/packages/bits-ui/src/lib/bits/slider/components/slider-input.svelte
+++ b/packages/bits-ui/src/lib/bits/slider/components/slider-input.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { getCtx } from "../ctx.js";
 	import type { InputProps } from "../index.js";
-	import { getSrOnlyStyles } from "$lib/internal/style.js";
+	import { srOnlyStyles, styleToString } from "$lib/internal/style.js";
 
 	type $$Props = InputProps;
 	export let el: $$Props["el"] = undefined;
@@ -22,7 +22,7 @@
 
 	const attrs = {
 		...getAttrs("input"),
-		style: getSrOnlyStyles(),
+		style: styleToString(srOnlyStyles),
 	};
 
 	$: inputValue = getValue($value);
diff --git a/packages/bits-ui/src/lib/internal/style.ts b/packages/bits-ui/src/lib/internal/style.ts
index 7419b8a79..560264f1e 100644
--- a/packages/bits-ui/src/lib/internal/style.ts
+++ b/packages/bits-ui/src/lib/internal/style.ts
@@ -10,16 +10,14 @@ export function styleToString(style: StyleProperties = {}): string {
 	return styleString;
 }
 
-export function getSrOnlyStyles() {
-	return styleToString({
-		position: "absolute",
-		width: "1px",
-		height: "1px",
-		padding: "0",
-		margin: "-1px",
-		overflow: "hidden",
-		clip: "rect(0, 0, 0, 0)",
-		"white-space": "nowrap",
-		"border-width": "0",
-	});
-}
+export const srOnlyStyles: StyleProperties = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	"white-space": "nowrap",
+	"border-width": "0",
+};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 71b22672f..bb5965e8b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,7 +13,7 @@ importers:
         version: 2.27.1
       '@huntabyte/eslint-config':
         specifier: ^0.3.1
-        version: 0.3.1(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.104)(typescript@5.4.3)
+        version: 0.3.1(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.107)(typescript@5.4.3)
       '@huntabyte/eslint-plugin':
         specifier: ^0.1.0
         version: 0.1.0(eslint@9.0.0)
@@ -25,22 +25,22 @@ importers:
         version: 9.0.0
       eslint-plugin-svelte:
         specifier: ^2.37.0
-        version: 2.37.0(eslint@9.0.0)(svelte@5.0.0-next.104)
+        version: 2.37.0(eslint@9.0.0)(svelte@5.0.0-next.107)
       prettier:
         specifier: ^3.2.5
         version: 3.2.5
       prettier-plugin-svelte:
         specifier: ^3.2.2
-        version: 3.2.2(prettier@3.2.5)(svelte@5.0.0-next.104)
+        version: 3.2.2(prettier@3.2.5)(svelte@5.0.0-next.107)
       prettier-plugin-tailwindcss:
         specifier: 0.5.13
         version: 0.5.13(prettier-plugin-svelte@3.2.2)(prettier@3.2.5)
       svelte:
-        specifier: 5.0.0-next.104
-        version: 5.0.0-next.104
+        specifier: 5.0.0-next.107
+        version: 5.0.0-next.107
       svelte-eslint-parser:
         specifier: ^0.34.1
-        version: 0.34.1(svelte@5.0.0-next.104)
+        version: 0.34.1(svelte@5.0.0-next.107)
       wrangler:
         specifier: ^3.44.0
         version: 3.44.0
@@ -52,7 +52,7 @@ importers:
         version: 3.5.2
       '@melt-ui/svelte':
         specifier: 0.76.2
-        version: 0.76.2(svelte@5.0.0-next.104)
+        version: 0.76.2(svelte@5.0.0-next.107)
       esm-env:
         specifier: ^1.0.0
         version: 1.0.0
@@ -65,16 +65,16 @@ importers:
     devDependencies:
       '@melt-ui/pp':
         specifier: ^0.3.0
-        version: 0.3.0(@melt-ui/svelte@0.76.2)(svelte@5.0.0-next.104)
+        version: 0.3.0(@melt-ui/svelte@0.76.2)(svelte@5.0.0-next.107)
       '@sveltejs/kit':
         specifier: ^2.5.0
-        version: 2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.104)(vite@5.2.8)
+        version: 2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.107)(vite@5.2.8)
       '@sveltejs/package':
         specifier: ^2.2.7
-        version: 2.3.0(svelte@5.0.0-next.104)(typescript@5.4.3)
+        version: 2.3.0(svelte@5.0.0-next.107)(typescript@5.4.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.0
-        version: 3.1.0(svelte@5.0.0-next.104)(vite@5.2.8)
+        version: 3.1.0(svelte@5.0.0-next.107)(vite@5.2.8)
       '@testing-library/dom':
         specifier: ^10.0.0
         version: 10.0.0
@@ -83,7 +83,7 @@ importers:
         version: 6.4.2(vitest@1.5.0)
       '@testing-library/svelte':
         specifier: ^4.2.2
-        version: 4.2.2(svelte@5.0.0-next.104)
+        version: 4.2.2(svelte@5.0.0-next.107)
       '@testing-library/user-event':
         specifier: ^14.5.2
         version: 14.5.2(@testing-library/dom@10.0.0)
@@ -112,11 +112,11 @@ importers:
         specifier: ^1.5.1
         version: 1.5.1
       svelte:
-        specifier: 5.0.0-next.104
-        version: 5.0.0-next.104
+        specifier: 5.0.0-next.107
+        version: 5.0.0-next.107
       svelte-check:
         specifier: ^3.6.9
-        version: 3.6.9(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.104)
+        version: 3.6.9(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.107)
       tslib:
         specifier: ^2.6.2
         version: 2.6.2
@@ -137,14 +137,14 @@ importers:
         version: 3.5.2
       '@melt-ui/svelte':
         specifier: 0.76.2
-        version: 0.76.2(svelte@5.0.0-next.104)
+        version: 0.76.2(svelte@5.0.0-next.107)
       bits-ui:
         specifier: workspace:*
         version: link:../../packages/bits-ui
     devDependencies:
       '@melt-ui/pp':
         specifier: ^0.3.0
-        version: 0.3.0(@melt-ui/svelte@0.76.2)(svelte@5.0.0-next.104)
+        version: 0.3.0(@melt-ui/svelte@0.76.2)(svelte@5.0.0-next.107)
       '@prettier/sync':
         specifier: 0.3.0
         version: 0.3.0(prettier@3.2.5)
@@ -153,10 +153,10 @@ importers:
         version: 4.2.0(@sveltejs/kit@2.5.5)(wrangler@3.44.0)
       '@sveltejs/kit':
         specifier: ^2.5.0
-        version: 2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.104)(vite@5.2.8)
+        version: 2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.107)(vite@5.2.8)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.0
-        version: 3.1.0(svelte@5.0.0-next.104)(vite@5.2.8)
+        version: 3.1.0(svelte@5.0.0-next.107)(vite@5.2.8)
       '@tailwindcss/typography':
         specifier: ^0.5.10
         version: 0.5.12(tailwindcss@3.4.3)
@@ -186,13 +186,13 @@ importers:
         version: 0.3.4(esbuild@0.20.2)
       mdsx:
         specifier: ^0.0.5
-        version: 0.0.5(svelte@5.0.0-next.104)
+        version: 0.0.5(svelte@5.0.0-next.107)
       mode-watcher:
         specifier: ^0.2.0
-        version: 0.2.2(svelte@5.0.0-next.104)
+        version: 0.2.2(svelte@5.0.0-next.107)
       phosphor-svelte:
         specifier: ^1.4.2
-        version: 1.4.2(svelte@5.0.0-next.104)
+        version: 1.4.2(svelte@5.0.0-next.107)
       postcss:
         specifier: ^8.4.33
         version: 8.4.38
@@ -212,11 +212,11 @@ importers:
         specifier: ^1.1.1
         version: 1.2.2
       svelte:
-        specifier: 5.0.0-next.104
-        version: 5.0.0-next.104
+        specifier: 5.0.0-next.107
+        version: 5.0.0-next.107
       svelte-check:
         specifier: ^3.6.9
-        version: 3.6.9(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.104)
+        version: 3.6.9(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.107)
       tailwind-merge:
         specifier: ^2.2.1
         version: 2.2.2
@@ -271,7 +271,7 @@ packages:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@antfu/eslint-config@2.13.3(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.104)(typescript@5.4.3):
+  /@antfu/eslint-config@2.13.3(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.107)(typescript@5.4.3):
     resolution: {integrity: sha512-DCyrnFgWtIc0mUTn8HeVB15Z/t9oEQZk8ce6S14Kq6z42LbMfZxPu6hs4SmPFYWLJoEzYq87dxsRv3glOX+aGw==}
     hasBin: true
     peerDependencies:
@@ -331,8 +331,8 @@ packages:
       eslint-plugin-markdown: 4.0.1(eslint@9.0.0)
       eslint-plugin-n: 17.2.0(eslint@9.0.0)
       eslint-plugin-no-only-tests: 3.1.0
-      eslint-plugin-perfectionist: 2.8.0(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.104)(typescript@5.4.3)(vue-eslint-parser@9.4.2)
-      eslint-plugin-svelte: 2.37.0(eslint@9.0.0)(svelte@5.0.0-next.104)
+      eslint-plugin-perfectionist: 2.8.0(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.107)(typescript@5.4.3)(vue-eslint-parser@9.4.2)
+      eslint-plugin-svelte: 2.37.0(eslint@9.0.0)(svelte@5.0.0-next.107)
       eslint-plugin-toml: 0.11.0(eslint@9.0.0)
       eslint-plugin-unicorn: 52.0.0(eslint@9.0.0)
       eslint-plugin-unused-imports: 3.1.0(@typescript-eslint/eslint-plugin@7.6.0)(eslint@9.0.0)
@@ -345,7 +345,7 @@ packages:
       local-pkg: 0.5.0
       parse-gitignore: 2.0.0
       picocolors: 1.0.0
-      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.104)
+      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.107)
       toml-eslint-parser: 0.9.3
       vue-eslint-parser: 9.4.2(eslint@9.0.0)
       yaml-eslint-parser: 1.2.2
@@ -1631,7 +1631,7 @@ packages:
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     dev: true
 
-  /@huntabyte/eslint-config@0.3.1(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.104)(typescript@5.4.3):
+  /@huntabyte/eslint-config@0.3.1(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.107)(typescript@5.4.3):
     resolution: {integrity: sha512-aLnVtA+n556gtv+NfCfIi1OoM0j0tsHP9ERlVaaJ3p+AHoZyT6FYefEInX6Snxwt4U5WzmL/gJ8w0QbyZdyH4w==}
     hasBin: true
     peerDependencies:
@@ -1639,7 +1639,7 @@ packages:
       eslint-plugin-svelte: ^2.37.0
       svelte-eslint-parser: ^0.34.1
     dependencies:
-      '@antfu/eslint-config': 2.13.3(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.104)(typescript@5.4.3)
+      '@antfu/eslint-config': 2.13.3(@vue/compiler-sfc@3.4.21)(eslint-plugin-svelte@2.37.0)(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.107)(typescript@5.4.3)
       '@antfu/install-pkg': 0.3.2
       '@clack/prompts': 0.7.0
       '@huntabyte/eslint-plugin': 0.1.0(eslint@9.0.0)
@@ -1648,10 +1648,10 @@ packages:
       chalk: 5.3.0
       eslint: 9.0.0
       eslint-flat-config-utils: 0.2.2
-      eslint-plugin-svelte: 2.37.0(eslint@9.0.0)(svelte@5.0.0-next.104)
+      eslint-plugin-svelte: 2.37.0(eslint@9.0.0)(svelte@5.0.0-next.107)
       local-pkg: 0.5.0
       parse-gitignore: 2.0.0
-      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.104)
+      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.107)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@unocss/eslint-plugin'
@@ -1823,20 +1823,20 @@ packages:
       - supports-color
     dev: true
 
-  /@melt-ui/pp@0.3.0(@melt-ui/svelte@0.76.2)(svelte@5.0.0-next.104):
+  /@melt-ui/pp@0.3.0(@melt-ui/svelte@0.76.2)(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-b07Bdh8l2KcwKVCXOY+SoBw1dk9eWvQfMSi6SoacpRVyVmmfpi0kV4oGt3HYF0tUCB3sEmVicxse50ZzZxEzEA==}
     engines: {pnpm: '>=8.6.3'}
     peerDependencies:
       '@melt-ui/svelte': '>= 0.29.0'
       svelte: ^3.55.0 || ^4.0.0 || ^5.0.0-next.1
     dependencies:
-      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.104)
+      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.107)
       estree-walker: 3.0.3
       magic-string: 0.30.9
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
-  /@melt-ui/svelte@0.76.2(svelte@5.0.0-next.104):
+  /@melt-ui/svelte@0.76.2(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-7SbOa11tXUS95T3fReL+dwDs5FyJtCEqrqG3inRziDws346SYLsxOQ6HmX+4BkIsQh1R8U3XNa+EMmdMt38lMA==}
     peerDependencies:
       svelte: '>=3 <5'
@@ -1847,7 +1847,7 @@ packages:
       dequal: 2.0.3
       focus-trap: 7.5.4
       nanoid: 5.0.6
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
 
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -2349,13 +2349,13 @@ packages:
       wrangler: ^3.28.4
     dependencies:
       '@cloudflare/workers-types': 4.20240329.0
-      '@sveltejs/kit': 2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.104)(vite@5.2.8)
+      '@sveltejs/kit': 2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.107)(vite@5.2.8)
       esbuild: 0.19.12
       worktop: 0.8.0-next.18
       wrangler: 3.44.0
     dev: true
 
-  /@sveltejs/kit@2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.104)(vite@5.2.8):
+  /@sveltejs/kit@2.5.5(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.107)(vite@5.2.8):
     resolution: {integrity: sha512-ULe3PB00q4+wYRL+IS5FDPsCEVnhEITofm7b9Yz8malcH3r1SAnW/JJ6T13hIMeu8QNRIuVQWo+P4+2VklbnLQ==}
     engines: {node: '>=18.13'}
     hasBin: true
@@ -2365,7 +2365,7 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.104)(vite@5.2.8)
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.107)(vite@5.2.8)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -2377,12 +2377,12 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
       tiny-glob: 0.2.9
       vite: 5.2.8(@types/node@20.12.2)
     dev: true
 
-  /@sveltejs/package@2.3.0(svelte@5.0.0-next.104)(typescript@5.4.3):
+  /@sveltejs/package@2.3.0(svelte@5.0.0-next.107)(typescript@5.4.3):
     resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
@@ -2393,13 +2393,13 @@ packages:
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.6.0
-      svelte: 5.0.0-next.104
-      svelte2tsx: 0.7.5(svelte@5.0.0-next.104)(typescript@5.4.3)
+      svelte: 5.0.0-next.107
+      svelte2tsx: 0.7.5(svelte@5.0.0-next.107)(typescript@5.4.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.104)(vite@5.2.8):
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.107)(vite@5.2.8):
     resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
@@ -2407,28 +2407,28 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.104)(vite@5.2.8)
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.107)(vite@5.2.8)
       debug: 4.3.4
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
       vite: 5.2.8(@types/node@20.12.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.104)(vite@5.2.8):
+  /@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.107)(vite@5.2.8):
     resolution: {integrity: sha512-sY6ncCvg+O3njnzbZexcVtUqOBE3iYmQPJ9y+yXSkOwG576QI/xJrBnQSRXFLGwJNBa0T78JEKg5cIR0WOAuUw==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.104)(vite@5.2.8)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@5.0.0-next.107)(vite@5.2.8)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.9
-      svelte: 5.0.0-next.104
-      svelte-hmr: 0.16.0(svelte@5.0.0-next.104)
+      svelte: 5.0.0-next.107
+      svelte-hmr: 0.16.0(svelte@5.0.0-next.107)
       vite: 5.2.8(@types/node@20.12.2)
       vitefu: 0.2.5(vite@5.2.8)
     transitivePeerDependencies:
@@ -2522,14 +2522,14 @@ packages:
       vitest: 1.5.0(@types/node@20.12.2)(jsdom@24.0.0)
     dev: true
 
-  /@testing-library/svelte@4.2.2(svelte@5.0.0-next.104):
+  /@testing-library/svelte@4.2.2(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-zl2V/39V/uIRe+FjXfeB7Nvg/2DBqAFlKbpqtbAogtyoYtdQ0Z/d8Was8ZdtXl3QCa8NBNd3J0QUKSTDaEQYCA==}
     engines: {node: '>= 10'}
     peerDependencies:
       svelte: ^3 || ^4 || ^5
     dependencies:
       '@testing-library/dom': 9.3.4
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
   /@testing-library/user-event@14.5.2(@testing-library/dom@10.0.0):
@@ -4353,7 +4353,7 @@ packages:
     engines: {node: '>=5.0.0'}
     dev: true
 
-  /eslint-plugin-perfectionist@2.8.0(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.104)(typescript@5.4.3)(vue-eslint-parser@9.4.2):
+  /eslint-plugin-perfectionist@2.8.0(eslint@9.0.0)(svelte-eslint-parser@0.34.1)(svelte@5.0.0-next.107)(typescript@5.4.3)(vue-eslint-parser@9.4.2):
     resolution: {integrity: sha512-XBjQ4ctU1rOzQ4bFJoUowe8XdsIIz42JqNrouFlae1TO78HjoyYBaRP8+gAHDDQCSdHY10pbChyzlJeBA6D51w==}
     peerDependencies:
       astro-eslint-parser: ^0.16.0
@@ -4375,15 +4375,15 @@ packages:
       eslint: 9.0.0
       minimatch: 9.0.4
       natural-compare-lite: 1.4.0
-      svelte: 5.0.0-next.104
-      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.104)
+      svelte: 5.0.0-next.107
+      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.107)
       vue-eslint-parser: 9.4.2(eslint@9.0.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /eslint-plugin-svelte@2.37.0(eslint@9.0.0)(svelte@5.0.0-next.104):
+  /eslint-plugin-svelte@2.37.0(eslint@9.0.0)(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-H/2Gz7agYHEMEEzRuLYuCmAIdjuBnbhFG9hOK0yCdSBvvJGJMkjo+lR6j67OIvLOavgp4L7zA5LnDKi8WqdPhQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4405,8 +4405,8 @@ packages:
       postcss-safe-parser: 6.0.0(postcss@8.4.38)
       postcss-selector-parser: 6.0.16
       semver: 7.6.0
-      svelte: 5.0.0-next.104
-      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.104)
+      svelte: 5.0.0-next.107
+      svelte-eslint-parser: 0.34.1(svelte@5.0.0-next.107)
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -6481,7 +6481,7 @@ packages:
       '@types/mdast': 4.0.3
     dev: true
 
-  /mdsx@0.0.5(svelte@5.0.0-next.104):
+  /mdsx@0.0.5(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-crYbZC0L5kQjaRABvHIXj9H2O1qikIw9KKqS3bo2En4XVgvHH7TO5bJ2X86PxJK7H6QEBAubjUma9+qpbsPC5A==}
     peerDependencies:
       svelte: ^4.0.0
@@ -6493,7 +6493,7 @@ packages:
       rehype-stringify: 10.0.0
       remark-parse: 11.0.0
       remark-rehype: 11.1.0
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
       unified: 11.0.4
       unist-util-visit: 5.0.0
       vfile: 6.0.1
@@ -7208,12 +7208,12 @@ packages:
       ufo: 1.5.3
     dev: true
 
-  /mode-watcher@0.2.2(svelte@5.0.0-next.104):
+  /mode-watcher@0.2.2(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-QjkHQL9pXrr7Vb0P3WbOWAF8mv1Q6jEwUZ5GUyCnI9eEoXH234zuaOGChUF7ZQtjxwtmXDzKFSW/36TvLDg1/A==}
     peerDependencies:
       svelte: ^4.0.0
     dependencies:
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
   /mri@1.2.0:
@@ -7634,12 +7634,12 @@ packages:
       is-reference: 3.0.2
     dev: true
 
-  /phosphor-svelte@1.4.2(svelte@5.0.0-next.104):
+  /phosphor-svelte@1.4.2(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-wdHKlZbE5D3ad1dd4K9bqWxpOb6gIwe+/ZeXGI9YpdKqECxqd+g3/NsLYE1+/hjlXixTWhQ7VMVIxTtBRXegCg==}
     peerDependencies:
       svelte: '>=3'
     dependencies:
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
   /picocolors@1.0.0:
@@ -7841,14 +7841,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@5.0.0-next.104):
+  /prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
     dependencies:
       prettier: 3.2.5
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
   /prettier-plugin-tailwindcss@0.5.13(prettier-plugin-svelte@3.2.2)(prettier@3.2.5):
@@ -7904,7 +7904,7 @@ packages:
         optional: true
     dependencies:
       prettier: 3.2.5
-      prettier-plugin-svelte: 3.2.2(prettier@3.2.5)(svelte@5.0.0-next.104)
+      prettier-plugin-svelte: 3.2.2(prettier@3.2.5)(svelte@5.0.0-next.107)
     dev: true
 
   /prettier@2.8.8:
@@ -8818,7 +8818,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check@3.6.9(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.104):
+  /svelte-check@3.6.9(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-hDQrk3L0osX07djQyMiXocKysTLfusqi8AriNcCiQxhQR49/LonYolcUGMtZ0fbUR8HTR198Prrgf52WWU9wEg==}
     hasBin: true
     peerDependencies:
@@ -8830,8 +8830,8 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 5.0.0-next.104
-      svelte-preprocess: 5.1.3(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.104)(typescript@5.4.3)
+      svelte: 5.0.0-next.107
+      svelte-preprocess: 5.1.3(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.107)(typescript@5.4.3)
       typescript: 5.4.3
     transitivePeerDependencies:
       - '@babel/core'
@@ -8845,7 +8845,7 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-eslint-parser@0.34.1(svelte@5.0.0-next.104):
+  /svelte-eslint-parser@0.34.1(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-9+uLA1pqI9AZioKVGJzYYmlOZWxfoCXSbAM9iaNm7H01XlYlzRTtJfZgl9o3StQGN41PfGJIbkKkfk3e/pHFfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -8859,19 +8859,19 @@ packages:
       espree: 9.6.1
       postcss: 8.4.38
       postcss-scss: 4.0.9(postcss@8.4.38)
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
-  /svelte-hmr@0.16.0(svelte@5.0.0-next.104):
+  /svelte-hmr@0.16.0(svelte@5.0.0-next.107):
     resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
     dev: true
 
-  /svelte-preprocess@5.1.3(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.104)(typescript@5.4.3):
+  /svelte-preprocess@5.1.3(postcss-load-config@5.0.3)(postcss@8.4.38)(svelte@5.0.0-next.107)(typescript@5.4.3):
     resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
     engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
@@ -8916,11 +8916,11 @@ packages:
       postcss-load-config: 5.0.3(postcss@8.4.38)
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
       typescript: 5.4.3
     dev: true
 
-  /svelte2tsx@0.7.5(svelte@5.0.0-next.104)(typescript@5.4.3):
+  /svelte2tsx@0.7.5(svelte@5.0.0-next.107)(typescript@5.4.3):
     resolution: {integrity: sha512-+y8z4YLGsCYN8yjkqPXrqg6yKa73IZfU2WC3MVxiM0YU2/HbGZ1Tiq1ceKCOhMQVBFWjOgC/C465wN/ux6FsDQ==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
@@ -8928,12 +8928,12 @@ packages:
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.0.0-next.104
+      svelte: 5.0.0-next.107
       typescript: 5.4.3
     dev: true
 
-  /svelte@5.0.0-next.104:
-    resolution: {integrity: sha512-DkyalSMjjFl+5PLl6TFPEtueMMPxUu7vtPUXrJCqRizE986zlLqcZdGGF4OCY/hnxfeeqbS1pD6nxVL8iuhniw==}
+  /svelte@5.0.0-next.107:
+    resolution: {integrity: sha512-D1IiUIXv0j7yE1blfxnIeAgbWl041BgMC0rZb3zbpZ5hrDjgLWkP56BFIEKqXXUL9HMDAHeJOa+4t/R9iIqvlA==}
     engines: {node: '>=18'}
     dependencies:
       '@ampproject/remapping': 2.3.0
diff --git a/sites/docs/package.json b/sites/docs/package.json
index e1e0c953f..bade92903 100644
--- a/sites/docs/package.json
+++ b/sites/docs/package.json
@@ -38,7 +38,7 @@
 		"rehype-slug": "^6.0.0",
 		"remark-gfm": "^4.0.0",
 		"shiki": "^1.1.1",
-		"svelte": "5.0.0-next.104",
+		"svelte": "5.0.0-next.107",
 		"svelte-check": "^3.6.9",
 		"tailwind-merge": "^2.2.1",
 		"tailwind-variants": "^0.1.20",