From 1fa7192f130167da582ec988ddaf64da2ad19ecc Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Fri, 12 Apr 2024 19:51:09 -0400
Subject: [PATCH 01/23] chore: add plausible (#455)

---
 sites/docs/src/lib/components/metadata.svelte | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/sites/docs/src/lib/components/metadata.svelte b/sites/docs/src/lib/components/metadata.svelte
index 1df8583d7..4b3d6c971 100644
--- a/sites/docs/src/lib/components/metadata.svelte
+++ b/sites/docs/src/lib/components/metadata.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { dev } from "$app/environment";
 	import { page } from "$app/stores";
 	import { siteConfig } from "$lib/config/index.js";
 
@@ -29,4 +30,7 @@
 	<meta property="og:description" content={siteConfig.description} />
 	<meta property="og:site_name" content={siteConfig.name} />
 	<meta property="og:locale" content="EN_US" />
+	{#if !dev}
+		<script defer data-domain="bits-ui.com" src="https://server.hj.run/js/script.js"></script>
+	{/if}
 </svelte:head>

From 819477fa2a3f4a4a23f7455b1787ffe8916180b8 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Fri, 12 Apr 2024 20:05:35 -0400
Subject: [PATCH 02/23] chore: add plausible (#456)

---
 sites/docs/src/lib/components/metadata.svelte | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/sites/docs/src/lib/components/metadata.svelte b/sites/docs/src/lib/components/metadata.svelte
index 4b3d6c971..62f4fbfe4 100644
--- a/sites/docs/src/lib/components/metadata.svelte
+++ b/sites/docs/src/lib/components/metadata.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { dev } from "$app/environment";
 	import { page } from "$app/stores";
 	import { siteConfig } from "$lib/config/index.js";
 
@@ -30,7 +29,5 @@
 	<meta property="og:description" content={siteConfig.description} />
 	<meta property="og:site_name" content={siteConfig.name} />
 	<meta property="og:locale" content="EN_US" />
-	{#if !dev}
-		<script defer data-domain="bits-ui.com" src="https://server.hj.run/js/script.js"></script>
-	{/if}
+	<script defer data-domain="bits-ui.com" src="https://server.hj.run/js/script.js"></script>
 </svelte:head>

From e966830792603d54f573ac682fd02b6ede039690 Mon Sep 17 00:00:00 2001
From: Andre Morise <andre.morise@gmail.com>
Date: Tue, 16 Apr 2024 19:33:50 -0400
Subject: [PATCH 03/23] docs: add DateValue type reference (#462)

Co-authored-by: Andre Morise <andre.morise@pax.us>
---
 .../src/lib/content/api-reference/calendar.ts     | 15 ++++++++-------
 .../src/lib/content/api-reference/date-field.ts   |  9 +++++----
 .../src/lib/content/api-reference/date-picker.ts  | 10 +++++-----
 .../lib/content/api-reference/date-range-field.ts |  7 ++++---
 .../content/api-reference/date-range-picker.ts    |  8 ++++----
 .../api-reference/extended-types/date-value.ts    |  6 ++++++
 .../content/api-reference/extended-types/index.ts |  6 ++++++
 .../lib/content/api-reference/range-calendar.ts   | 13 +++++++------
 8 files changed, 45 insertions(+), 29 deletions(-)
 create mode 100644 sites/docs/src/lib/content/api-reference/extended-types/date-value.ts

diff --git a/sites/docs/src/lib/content/api-reference/calendar.ts b/sites/docs/src/lib/content/api-reference/calendar.ts
index 5902badc9..371884d3e 100644
--- a/sites/docs/src/lib/content/api-reference/calendar.ts
+++ b/sites/docs/src/lib/content/api-reference/calendar.ts
@@ -14,6 +14,7 @@ import type {
 } from "bits-ui";
 import { attrsSlotProp, builderAndAttrsSlotProps, domElProps } from "./helpers.js";
 import { enums, monthsSlotProp, weekdaysSlotProp } from "$lib/content/api-reference/helpers.js";
+import { dateValueProp } from "$lib/content/api-reference/extended-types/index.js";
 import * as C from "$lib/content/constants.js";
 import type { APISchema } from "$lib/types/index.js";
 
@@ -22,7 +23,7 @@ export const root: APISchema<CalendarPropsWithoutHTML> = {
 	description: "The root calendar component which contains all other calendar components.",
 	props: {
 		value: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The selected date.",
 		},
 		onValueChange: {
@@ -33,7 +34,7 @@ export const root: APISchema<CalendarPropsWithoutHTML> = {
 			description: "A function that is called when the selected date changes.",
 		},
 		placeholder: {
-			type: "DateValue",
+			type: dateValueProp,
 			description:
 				"The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar, and can be used to programatically control the calendar's view.",
 		},
@@ -95,11 +96,11 @@ export const root: APISchema<CalendarPropsWithoutHTML> = {
 			description: "A function that returns whether or not a date is unavailable.",
 		},
 		maxValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The maximum date that can be selected.",
 		},
 		minValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The minimum date that can be selected.",
 		},
 		locale: {
@@ -164,7 +165,7 @@ export const cell: APISchema<CalendarCellPropsWithoutHTML> = {
 	description: "A cell in the calendar grid.",
 	props: {
 		date: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The date for the cell.",
 		},
 		...domElProps("HTMLTableCellElement"),
@@ -189,11 +190,11 @@ export const day: APISchema<CalendarDayPropsWithoutHTML> = {
 	description: "A day in the calendar grid.",
 	props: {
 		date: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The date for the cell.",
 		},
 		month: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The current month the date is being displayed in.",
 		},
 		...domElProps("HTMLDivElement"),
diff --git a/sites/docs/src/lib/content/api-reference/date-field.ts b/sites/docs/src/lib/content/api-reference/date-field.ts
index 82846f3e0..3536edaee 100644
--- a/sites/docs/src/lib/content/api-reference/date-field.ts
+++ b/sites/docs/src/lib/content/api-reference/date-field.ts
@@ -6,6 +6,7 @@ import type {
 } from "bits-ui";
 import { builderAndAttrsSlotProps } from "./helpers.js";
 import { domElProps, enums, idsSlotProp, union } from "$lib/content/api-reference/helpers.js";
+import { dateValueProp } from "$lib/content/api-reference/extended-types/index.js";
 import * as C from "$lib/content/constants.js";
 import type { APISchema } from "$lib/types/index.js";
 
@@ -14,7 +15,7 @@ export const root: APISchema<DateFieldPropsWithoutHTML> = {
 	description: "The root date field component.",
 	props: {
 		value: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The selected date.",
 		},
 		onValueChange: {
@@ -25,7 +26,7 @@ export const root: APISchema<DateFieldPropsWithoutHTML> = {
 			description: "A function that is called when the selected date changes.",
 		},
 		placeholder: {
-			type: "DateValue",
+			type: dateValueProp,
 			description:
 				"The placeholder date, which is used to determine what date to start the segments from when no value exists.",
 		},
@@ -75,11 +76,11 @@ export const root: APISchema<DateFieldPropsWithoutHTML> = {
 				"The id of your description element, if any, which will be applied to the `aria-describedby` attribute of the appropriate elements.",
 		},
 		maxValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The maximum valid date that can be entered.",
 		},
 		minValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The minimum valid date that can be entered.",
 		},
 		locale: {
diff --git a/sites/docs/src/lib/content/api-reference/date-picker.ts b/sites/docs/src/lib/content/api-reference/date-picker.ts
index 88a2f82c2..57b707362 100644
--- a/sites/docs/src/lib/content/api-reference/date-picker.ts
+++ b/sites/docs/src/lib/content/api-reference/date-picker.ts
@@ -17,7 +17,7 @@ import {
 	prevButton,
 } from "./calendar.js";
 import { label, segment } from "./date-field.js";
-import { focusProp } from "./extended-types/index.js";
+import { dateValueProp, focusProp } from "./extended-types/index.js";
 import { builderAndAttrsSlotProps, portalProp } from "./helpers.js";
 import { content, trigger } from "./popover.js";
 import type { APISchema } from "$lib/types/index.js";
@@ -36,7 +36,7 @@ const root: APISchema<DatePickerPropsWithoutHTML> = {
 	description: "The root date picker component.",
 	props: {
 		value: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The selected date.",
 		},
 		onValueChange: {
@@ -47,7 +47,7 @@ const root: APISchema<DatePickerPropsWithoutHTML> = {
 			description: "A function that is called when the selected date changes.",
 		},
 		placeholder: {
-			type: "DateValue",
+			type: dateValueProp,
 			description:
 				"The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar, and can be used to programatically control the calendar's view.",
 		},
@@ -109,11 +109,11 @@ const root: APISchema<DatePickerPropsWithoutHTML> = {
 			description: "A function that returns whether or not a date is unavailable.",
 		},
 		maxValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The maximum date that can be selected.",
 		},
 		minValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The minimum date that can be selected.",
 		},
 		locale: {
diff --git a/sites/docs/src/lib/content/api-reference/date-range-field.ts b/sites/docs/src/lib/content/api-reference/date-range-field.ts
index 97fad6bdb..42ed55c40 100644
--- a/sites/docs/src/lib/content/api-reference/date-range-field.ts
+++ b/sites/docs/src/lib/content/api-reference/date-range-field.ts
@@ -6,6 +6,7 @@ import type {
 } from "bits-ui";
 import { builderAndAttrsSlotProps } from "./helpers.js";
 import { domElProps, enums, idsSlotProp, union } from "$lib/content/api-reference/helpers.js";
+import { dateValueProp } from "$lib/content/api-reference/extended-types/index.js";
 import * as C from "$lib/content/constants.js";
 import type { APISchema } from "$lib/types/index.js";
 
@@ -28,7 +29,7 @@ export const root: APISchema<DateRangeFieldPropsWithoutHTML> = {
 			description: "A function that is called when the selected date changes.",
 		},
 		placeholder: {
-			type: "DateValue",
+			type: dateValueProp,
 			description:
 				"The placeholder date, which is used to determine what date to start the segments from when no value exists.",
 		},
@@ -78,11 +79,11 @@ export const root: APISchema<DateRangeFieldPropsWithoutHTML> = {
 				"The id of your description element, if any, which will be applied to the `aria-describedby` attribute of the appropriate elements.",
 		},
 		maxValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The maximum valid date that can be entered.",
 		},
 		minValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The minimum valid date that can be entered.",
 		},
 		locale: {
diff --git a/sites/docs/src/lib/content/api-reference/date-range-picker.ts b/sites/docs/src/lib/content/api-reference/date-range-picker.ts
index 89dd4d314..7f210095d 100644
--- a/sites/docs/src/lib/content/api-reference/date-range-picker.ts
+++ b/sites/docs/src/lib/content/api-reference/date-range-picker.ts
@@ -4,7 +4,7 @@ import type {
 	DateRangePickerPropsWithoutHTML,
 } from "bits-ui";
 import { label, segment } from "./date-range-field.js";
-import { focusProp } from "./extended-types/index.js";
+import { dateValueProp, focusProp } from "./extended-types/index.js";
 import { builderAndAttrsSlotProps, portalProp } from "./helpers.js";
 import { content, trigger } from "./popover.js";
 import {
@@ -50,7 +50,7 @@ const root: APISchema<DateRangePickerPropsWithoutHTML> = {
 			description: "A function that is called when the selected date changes.",
 		},
 		placeholder: {
-			type: "DateValue",
+			type: dateValueProp,
 			description:
 				"The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar, and can be used to programatically control the calendar's view.",
 		},
@@ -112,11 +112,11 @@ const root: APISchema<DateRangePickerPropsWithoutHTML> = {
 			description: "A function that returns whether or not a date is unavailable.",
 		},
 		maxValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The maximum date that can be selected.",
 		},
 		minValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The minimum date that can be selected.",
 		},
 		locale: {
diff --git a/sites/docs/src/lib/content/api-reference/extended-types/date-value.ts b/sites/docs/src/lib/content/api-reference/extended-types/date-value.ts
new file mode 100644
index 000000000..6cbd77816
--- /dev/null
+++ b/sites/docs/src/lib/content/api-reference/extended-types/date-value.ts
@@ -0,0 +1,6 @@
+import type { DateValue } from "@internationalized/date";
+
+/**
+ * Represents a date and/or time in a specific calendar system.
+ * type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
+ */
diff --git a/sites/docs/src/lib/content/api-reference/extended-types/index.ts b/sites/docs/src/lib/content/api-reference/extended-types/index.ts
index 61f8298f6..23a80a582 100644
--- a/sites/docs/src/lib/content/api-reference/extended-types/index.ts
+++ b/sites/docs/src/lib/content/api-reference/extended-types/index.ts
@@ -1,8 +1,14 @@
 import rawFocusProp from "$lib/content/api-reference/extended-types/focus-target.js?raw";
 import rawMonthProp from "$lib/content/api-reference/extended-types/months.js?raw";
+import rawDateValueProp from "$lib/content/api-reference/extended-types/date-value.js?raw";
 import rawPageItemProp from "$lib/content/api-reference/extended-types/page-item.js?raw";
 import type { PropType } from "$lib/types/index.js";
 
+export const dateValueProp: PropType = {
+	type: "DateValue",
+	definition: rawDateValueProp,
+};
+
 export const monthsPropType: PropType = {
 	type: "Month[]",
 	definition: rawMonthProp,
diff --git a/sites/docs/src/lib/content/api-reference/range-calendar.ts b/sites/docs/src/lib/content/api-reference/range-calendar.ts
index aa9d9fee3..265ff9354 100644
--- a/sites/docs/src/lib/content/api-reference/range-calendar.ts
+++ b/sites/docs/src/lib/content/api-reference/range-calendar.ts
@@ -13,6 +13,7 @@ import type {
 	RangeCalendarPropsWithoutHTML,
 } from "bits-ui";
 import { builderAndAttrsSlotProps, domElProps } from "./helpers.js";
+import { dateValueProp } from "$lib/content/api-reference/extended-types/index.js";
 import {
 	attrsSlotProp,
 	enums,
@@ -42,7 +43,7 @@ export const root: APISchema<RangeCalendarPropsWithoutHTML> = {
 			description: "A function that is called when the selected date range changes.",
 		},
 		placeholder: {
-			type: "DateValue",
+			type: dateValueProp,
 			description:
 				"The placeholder date, which is used to determine what month to display when no date range is selected. This updates as the user navigates the calendar, and can be used to programatically control the calendar's view.",
 		},
@@ -104,11 +105,11 @@ export const root: APISchema<RangeCalendarPropsWithoutHTML> = {
 			description: "A function that returns whether or not a date is unavailable.",
 		},
 		maxValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The maximum date that can be selected.",
 		},
 		minValue: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The minimum date that can be selected.",
 		},
 		locale: {
@@ -192,7 +193,7 @@ export const cell: APISchema<RangeCalendarCellPropsWithoutHTML> = {
 	description: "A cell in the calendar grid.",
 	props: {
 		date: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The date for the cell.",
 		},
 		...domElProps("HTMLTableCellElement"),
@@ -217,11 +218,11 @@ export const day: APISchema<RangeCalendarDayPropsWithoutHTML> = {
 	description: "A day in the calendar grid.",
 	props: {
 		date: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The date for the cell.",
 		},
 		month: {
-			type: "DateValue",
+			type: dateValueProp,
 			description: "The current month the date is being displayed in.",
 		},
 		...domElProps("HTMLDivElement"),

From 7342d3f4c3007996165d52852462eefea128e4a4 Mon Sep 17 00:00:00 2001
From: Magnar Ovedal Myrtveit <magnar@myrtveit.com>
Date: Wed, 17 Apr 2024 19:43:00 +0200
Subject: [PATCH 04/23] Fix binding button element (#473)

Co-authored-by: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
---
 .changeset/brown-rats-shave.md                               | 5 +++++
 .../bits-ui/src/lib/bits/button/components/button.svelte     | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/brown-rats-shave.md

diff --git a/.changeset/brown-rats-shave.md b/.changeset/brown-rats-shave.md
new file mode 100644
index 000000000..8164be8fb
--- /dev/null
+++ b/.changeset/brown-rats-shave.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+Fix binding button element
diff --git a/packages/bits-ui/src/lib/bits/button/components/button.svelte b/packages/bits-ui/src/lib/bits/button/components/button.svelte
index b734df248..94bbf1169 100644
--- a/packages/bits-ui/src/lib/bits/button/components/button.svelte
+++ b/packages/bits-ui/src/lib/bits/button/components/button.svelte
@@ -38,6 +38,7 @@
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<svelte:element
 		this={href ? "a" : "button"}
+		bind:this={el}
 		type={href ? undefined : type}
 		{href}
 		on:click

From e882d64582422d58523c12d63d1ef97bf54e8762 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 17 Apr 2024 15:29:45 -0400
Subject: [PATCH 05/23] Version Packages (#475)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/brown-rats-shave.md | 5 -----
 packages/bits-ui/CHANGELOG.md  | 6 ++++++
 packages/bits-ui/package.json  | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/brown-rats-shave.md

diff --git a/.changeset/brown-rats-shave.md b/.changeset/brown-rats-shave.md
deleted file mode 100644
index 8164be8fb..000000000
--- a/.changeset/brown-rats-shave.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-Fix binding button element
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index b2d3ba14c..1acf8bf1d 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # bits-ui
 
+## 0.21.4
+
+### Patch Changes
+
+- Fix binding button element ([#473](https://github.com/huntabyte/bits-ui/pull/473))
+
 ## 0.21.3
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index 50aa18ebe..0ee8ace8a 100644
--- a/packages/bits-ui/package.json
+++ b/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",

From ba08d99ea33cb4f332235937b1197cb4e1fb6b15 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Fri, 19 Apr 2024 17:23:21 -0400
Subject: [PATCH 06/23] chore: update readme (#486)

---
 README.md                                     | 13 +++++++++++++
 sites/docs/src/app.html                       |  1 +
 sites/docs/src/lib/components/metadata.svelte |  1 -
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8eeea1bc1..c98938b3e 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,8 @@
 
 <!-- /automd -->
 
+[![](https://dcbadge.vercel.app/api/server/fdXy3Sk8Gq?style=flat)](https://discord.gg/fdXy3Sk8Gq)
+
 The headless components for Svelte.
 
 [Read the docs](https://bits-ui.com)
@@ -41,3 +43,14 @@ Built by [@huntabyte](https://github.com/huntabyte) and [community](https://gith
 </a>
 
 <!-- /automd -->
+
+## Community
+
+Join the Discord server to ask questions, find collaborators, or just say hi!
+
+<a href="https://discord.gg/fdXy3Sk8Gq" alt="Svecosystem Discord community">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://invidget.switchblade.xyz/fdXy3Sk8Gq">
+  <img alt="Svecosystem Discord community" src="https://invidget.switchblade.xyz/fdXy3Sk8Gq?theme=light">
+</picture>
+</a>
diff --git a/sites/docs/src/app.html b/sites/docs/src/app.html
index dab0c7940..5ac82ad6b 100644
--- a/sites/docs/src/app.html
+++ b/sites/docs/src/app.html
@@ -14,6 +14,7 @@
 		/>
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
+		<script defer data-domain="bits-ui.com" src="https://server.hj.run/js/script.js"></script>
 	</head>
 
 	<body
diff --git a/sites/docs/src/lib/components/metadata.svelte b/sites/docs/src/lib/components/metadata.svelte
index 62f4fbfe4..1df8583d7 100644
--- a/sites/docs/src/lib/components/metadata.svelte
+++ b/sites/docs/src/lib/components/metadata.svelte
@@ -29,5 +29,4 @@
 	<meta property="og:description" content={siteConfig.description} />
 	<meta property="og:site_name" content={siteConfig.name} />
 	<meta property="og:locale" content="EN_US" />
-	<script defer data-domain="bits-ui.com" src="https://server.hj.run/js/script.js"></script>
 </svelte:head>

From fe3259f4a5edf704b73fd90e23117f5f8f579b00 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Fri, 19 Apr 2024 17:35:42 -0400
Subject: [PATCH 07/23] chore: issue template (#487)

---
 .github/ISSUE_TEMPLATE/3-bug_report.yml | 6 ++++++
 .github/ISSUE_TEMPLATE/config.yml       | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/.github/ISSUE_TEMPLATE/3-bug_report.yml b/.github/ISSUE_TEMPLATE/3-bug_report.yml
index d194b282a..2d9b4ed0c 100644
--- a/.github/ISSUE_TEMPLATE/3-bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/3-bug_report.yml
@@ -6,6 +6,12 @@ body:
       attributes:
           value: |
               Thanks for taking the time to fill out this bug report!
+    - type: markdown
+      attributes:
+          value: |
+              #### If you aren't sure if something is a bug or not, please do not create an issue, instead ask in one of the following channels:
+              - [Discussions](https://github.com/huntabyte/bits-ui/discussions/new?category=help)
+              - [Discord](https://discord.gg/fdXy3Sk8Gq)
     - type: textarea
       id: bug-description
       attributes:
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index b8593c6b6..3cbc2793a 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -4,5 +4,5 @@ contact_links:
       url: https://github.com/huntabyte/bits-ui/discussions/new?category=help
       about: If you can't get something to work the way you expect, open a question in our discussion forums.
     - name: Discord
-      url: https://hbyt.us/discord
+      url: https://discord.gg/fdXy3Sk8Gq
       about: If you need to have a back-and-forth conversation, join the Discord server.

From 20593aa979716091867a87645b9d539e699be636 Mon Sep 17 00:00:00 2001
From: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 26 Apr 2024 15:12:52 -0400
Subject: [PATCH 08/23] chore: Replaced all self-closing non-void elements
 (#518)

---
 .changeset/rotten-spoons-carry.md                 |  5 +++++
 .../components/alert-dialog-overlay.svelte        | 15 ++++++++++-----
 .../combobox/components/combobox-arrow.svelte     |  2 +-
 .../components/date-picker-arrow.svelte           |  2 +-
 .../components/date-range-picker-arrow.svelte     |  2 +-
 .../bits/dialog/components/dialog-overlay.svelte  | 10 +++++-----
 .../components/link-preview-arrow.svelte          |  2 +-
 .../lib/bits/menu/components/menu-arrow.svelte    |  2 +-
 .../bits/menu/components/menu-separator.svelte    |  2 +-
 .../bits/popover/components/popover-arrow.svelte  |  2 +-
 .../bits/select/components/select-arrow.svelte    |  2 +-
 .../bits/separator/components/separator.svelte    |  2 +-
 .../bits/slider/components/slider-range.svelte    |  2 +-
 .../bits/slider/components/slider-thumb.svelte    |  2 +-
 .../lib/bits/slider/components/slider-tick.svelte |  2 +-
 .../bits/switch/components/switch-thumb.svelte    |  2 +-
 .../bits/tooltip/components/tooltip-arrow.svelte  |  2 +-
 .../src/tests/combobox/ComboboxTest.svelte        |  2 +-
 .../src/tests/link-preview/LinkPreviewTest.svelte |  2 +-
 .../bits-ui/src/tests/popover/PopoverTest.svelte  |  2 +-
 .../bits-ui/src/tests/select/SelectTest.svelte    |  2 +-
 .../bits-ui/src/tests/tooltip/TooltipTest.svelte  |  2 +-
 22 files changed, 39 insertions(+), 29 deletions(-)
 create mode 100644 .changeset/rotten-spoons-carry.md

diff --git a/.changeset/rotten-spoons-carry.md b/.changeset/rotten-spoons-carry.md
new file mode 100644
index 000000000..d1dc285c9
--- /dev/null
+++ b/.changeset/rotten-spoons-carry.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+chore: Replaced all self-closing non-void elements
diff --git a/packages/bits-ui/src/lib/bits/alert-dialog/components/alert-dialog-overlay.svelte b/packages/bits-ui/src/lib/bits/alert-dialog/components/alert-dialog-overlay.svelte
index 4659db9b8..98879ac9c 100644
--- a/packages/bits-ui/src/lib/bits/alert-dialog/components/alert-dialog-overlay.svelte
+++ b/packages/bits-ui/src/lib/bits/alert-dialog/components/alert-dialog-overlay.svelte
@@ -39,7 +39,7 @@
 		transition:transition={transitionConfig}
 		use:melt={builder}
 		{...$$restProps}
-	/>
+	></div>
 {:else if inTransition && outTransition && $open}
 	<div
 		bind:this={el}
@@ -47,16 +47,21 @@
 		out:outTransition={outTransitionConfig}
 		use:melt={builder}
 		{...$$restProps}
-	/>
+	></div>
 {:else if inTransition && $open}
-	<div bind:this={el} in:inTransition={inTransitionConfig} use:melt={builder} {...$$restProps} />
+	<div
+		bind:this={el}
+		in:inTransition={inTransitionConfig}
+		use:melt={builder}
+		{...$$restProps}
+	></div>
 {:else if outTransition && $open}
 	<div
 		bind:this={el}
 		out:outTransition={outTransitionConfig}
 		use:melt={builder}
 		{...$$restProps}
-	/>
+	></div>
 {:else if $open}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/combobox/components/combobox-arrow.svelte b/packages/bits-ui/src/lib/bits/combobox/components/combobox-arrow.svelte
index 451066703..6f6f1afa3 100644
--- a/packages/bits-ui/src/lib/bits/combobox/components/combobox-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/combobox/components/combobox-arrow.svelte
@@ -23,5 +23,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/date-picker/components/date-picker-arrow.svelte b/packages/bits-ui/src/lib/bits/date-picker/components/date-picker-arrow.svelte
index 79aceec62..4b860a7f6 100644
--- a/packages/bits-ui/src/lib/bits/date-picker/components/date-picker-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/date-picker/components/date-picker-arrow.svelte
@@ -26,5 +26,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker-arrow.svelte b/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker-arrow.svelte
index 79aceec62..4b860a7f6 100644
--- a/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker-arrow.svelte
@@ -26,5 +26,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte b/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte
index f9f401df6..2bc7aa7a0 100644
--- a/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte
+++ b/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte
@@ -41,7 +41,7 @@
 		transition:transition={transitionConfig}
 		use:melt={builder}
 		{...$$restProps}
-	/>
+	></div>
 {:else if inTransition && outTransition && $open}
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div
@@ -51,7 +51,7 @@
 		use:melt={builder}
 		on:mouseup
 		{...$$restProps}
-	/>
+	></div>
 {:else if inTransition && $open}
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div
@@ -60,7 +60,7 @@
 		use:melt={builder}
 		on:mouseup
 		{...$$restProps}
-	/>
+	></div>
 {:else if outTransition && $open}
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div
@@ -69,8 +69,8 @@
 		use:melt={builder}
 		on:mouseup
 		{...$$restProps}
-	/>
+	></div>
 {:else if $open}
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
-	<div bind:this={el} use:melt={builder} on:mouseup {...$$restProps} />
+	<div bind:this={el} use:melt={builder} on:mouseup {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-arrow.svelte b/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-arrow.svelte
index 258bb8ec2..30901253e 100644
--- a/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-arrow.svelte
@@ -22,5 +22,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/menu/components/menu-arrow.svelte b/packages/bits-ui/src/lib/bits/menu/components/menu-arrow.svelte
index c1d00fa9a..e0e6448c3 100644
--- a/packages/bits-ui/src/lib/bits/menu/components/menu-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/menu/components/menu-arrow.svelte
@@ -23,5 +23,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/menu/components/menu-separator.svelte b/packages/bits-ui/src/lib/bits/menu/components/menu-separator.svelte
index a8e6d0985..fff5ae766 100644
--- a/packages/bits-ui/src/lib/bits/menu/components/menu-separator.svelte
+++ b/packages/bits-ui/src/lib/bits/menu/components/menu-separator.svelte
@@ -22,5 +22,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={$separator} {...$$restProps} />
+	<div bind:this={el} use:melt={$separator} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/popover/components/popover-arrow.svelte b/packages/bits-ui/src/lib/bits/popover/components/popover-arrow.svelte
index 451066703..6f6f1afa3 100644
--- a/packages/bits-ui/src/lib/bits/popover/components/popover-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/popover/components/popover-arrow.svelte
@@ -23,5 +23,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/select/components/select-arrow.svelte b/packages/bits-ui/src/lib/bits/select/components/select-arrow.svelte
index 451066703..6f6f1afa3 100644
--- a/packages/bits-ui/src/lib/bits/select/components/select-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/select/components/select-arrow.svelte
@@ -23,5 +23,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/separator/components/separator.svelte b/packages/bits-ui/src/lib/bits/separator/components/separator.svelte
index a227c6276..757e13fb6 100644
--- a/packages/bits-ui/src/lib/bits/separator/components/separator.svelte
+++ b/packages/bits-ui/src/lib/bits/separator/components/separator.svelte
@@ -28,5 +28,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/slider/components/slider-range.svelte b/packages/bits-ui/src/lib/bits/slider/components/slider-range.svelte
index c86d5f10d..5563dadff 100644
--- a/packages/bits-ui/src/lib/bits/slider/components/slider-range.svelte
+++ b/packages/bits-ui/src/lib/bits/slider/components/slider-range.svelte
@@ -22,5 +22,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<span bind:this={el} use:melt={builder} {...$$restProps} />
+	<span bind:this={el} use:melt={builder} {...$$restProps}></span>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/slider/components/slider-thumb.svelte b/packages/bits-ui/src/lib/bits/slider/components/slider-thumb.svelte
index d2f40a487..22fabaded 100644
--- a/packages/bits-ui/src/lib/bits/slider/components/slider-thumb.svelte
+++ b/packages/bits-ui/src/lib/bits/slider/components/slider-thumb.svelte
@@ -23,5 +23,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<span bind:this={el} use:melt={builder} {...$$restProps} on:m-keydown={dispatch} />
+	<span bind:this={el} use:melt={builder} {...$$restProps} on:m-keydown={dispatch}></span>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/slider/components/slider-tick.svelte b/packages/bits-ui/src/lib/bits/slider/components/slider-tick.svelte
index e8c922549..470681b3c 100644
--- a/packages/bits-ui/src/lib/bits/slider/components/slider-tick.svelte
+++ b/packages/bits-ui/src/lib/bits/slider/components/slider-tick.svelte
@@ -20,5 +20,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<span bind:this={el} use:melt={builder} {...$$restProps} />
+	<span bind:this={el} use:melt={builder} {...$$restProps}></span>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/switch/components/switch-thumb.svelte b/packages/bits-ui/src/lib/bits/switch/components/switch-thumb.svelte
index dc100bed1..3a5f40894 100644
--- a/packages/bits-ui/src/lib/bits/switch/components/switch-thumb.svelte
+++ b/packages/bits-ui/src/lib/bits/switch/components/switch-thumb.svelte
@@ -22,5 +22,5 @@
 {#if asChild}
 	<slot {attrs} checked={$checked} />
 {:else}
-	<span bind:this={el} {...$$restProps} {...attrs} />
+	<span bind:this={el} {...$$restProps} {...attrs}></span>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/tooltip/components/tooltip-arrow.svelte b/packages/bits-ui/src/lib/bits/tooltip/components/tooltip-arrow.svelte
index 6a0e174ab..dad1e4c04 100644
--- a/packages/bits-ui/src/lib/bits/tooltip/components/tooltip-arrow.svelte
+++ b/packages/bits-ui/src/lib/bits/tooltip/components/tooltip-arrow.svelte
@@ -23,5 +23,5 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div bind:this={el} use:melt={builder} {...$$restProps} />
+	<div bind:this={el} use:melt={builder} {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte b/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte
index ef14a4596..995543795 100644
--- a/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte
+++ b/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte
@@ -57,4 +57,4 @@
 		{/if}
 	</button>
 </main>
-<div data-testid="portal-target" id="portal-target" />
+<div data-testid="portal-target" id="portal-target"></div>
diff --git a/packages/bits-ui/src/tests/link-preview/LinkPreviewTest.svelte b/packages/bits-ui/src/tests/link-preview/LinkPreviewTest.svelte
index 6c34ee5d7..4fd4e2504 100644
--- a/packages/bits-ui/src/tests/link-preview/LinkPreviewTest.svelte
+++ b/packages/bits-ui/src/tests/link-preview/LinkPreviewTest.svelte
@@ -22,4 +22,4 @@
 	<button data-testid="binding" on:click={() => (open = !open)}>{open}</button>
 	<div data-testid="outside">outside</div>
 </main>
-<div data-testid="portal-target" id="portal-target" />
+<div data-testid="portal-target" id="portal-target"></div>
diff --git a/packages/bits-ui/src/tests/popover/PopoverTest.svelte b/packages/bits-ui/src/tests/popover/PopoverTest.svelte
index f747528c4..613814fb3 100644
--- a/packages/bits-ui/src/tests/popover/PopoverTest.svelte
+++ b/packages/bits-ui/src/tests/popover/PopoverTest.svelte
@@ -19,4 +19,4 @@
 	<button data-testid="binding" on:click={() => (open = !open)}>{open}</button>
 	<div data-testid="outside">outside</div>
 </main>
-<div data-testid="portal-target" id="portal-target" />
+<div data-testid="portal-target" id="portal-target"></div>
diff --git a/packages/bits-ui/src/tests/select/SelectTest.svelte b/packages/bits-ui/src/tests/select/SelectTest.svelte
index 89fa211ae..0675bd3e3 100644
--- a/packages/bits-ui/src/tests/select/SelectTest.svelte
+++ b/packages/bits-ui/src/tests/select/SelectTest.svelte
@@ -50,4 +50,4 @@
 		{/if}
 	</button>
 </main>
-<div data-testid="portal-target" id="portal-target" />
+<div data-testid="portal-target" id="portal-target"></div>
diff --git a/packages/bits-ui/src/tests/tooltip/TooltipTest.svelte b/packages/bits-ui/src/tests/tooltip/TooltipTest.svelte
index be49adc6b..19945f225 100644
--- a/packages/bits-ui/src/tests/tooltip/TooltipTest.svelte
+++ b/packages/bits-ui/src/tests/tooltip/TooltipTest.svelte
@@ -14,4 +14,4 @@
 	<button data-testid="binding" on:click={() => (open = !open)}>{open}</button>
 	<div data-testid="outside">outside</div>
 </main>
-<div data-testid="portal-target" id="portal-target" />
+<div data-testid="portal-target" id="portal-target"></div>

From f883bb77d19626373d6f6efa4589ed67a358ca96 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 26 Apr 2024 15:14:52 -0400
Subject: [PATCH 09/23] Version Packages (#519)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/rotten-spoons-carry.md | 5 -----
 packages/bits-ui/CHANGELOG.md     | 6 ++++++
 packages/bits-ui/package.json     | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/rotten-spoons-carry.md

diff --git a/.changeset/rotten-spoons-carry.md b/.changeset/rotten-spoons-carry.md
deleted file mode 100644
index d1dc285c9..000000000
--- a/.changeset/rotten-spoons-carry.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-chore: Replaced all self-closing non-void elements
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index 1acf8bf1d..100ef9aeb 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # bits-ui
 
+## 0.21.5
+
+### Patch Changes
+
+- chore: Replaced all self-closing non-void elements ([#518](https://github.com/huntabyte/bits-ui/pull/518))
+
 ## 0.21.4
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index 0ee8ace8a..a9554098f 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.4",
+	"version": "0.21.5",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",

From 564b03a33b65f96e6f6b49b878f769f03b2dd804 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Mon, 29 Apr 2024 19:55:13 -0400
Subject: [PATCH 10/23] chore: update peer deps to include Svelte 5 (#525)

Co-authored-by: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>
---
 .changeset/calm-cats-enjoy.md | 5 +++++
 packages/bits-ui/package.json | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/calm-cats-enjoy.md

diff --git a/.changeset/calm-cats-enjoy.md b/.changeset/calm-cats-enjoy.md
new file mode 100644
index 000000000..79b48c033
--- /dev/null
+++ b/.changeset/calm-cats-enjoy.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+chore: update peer deps to include Svelte 5
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index a9554098f..9b237004a 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -58,6 +58,6 @@
 		"nanoid": "^5.0.5"
 	},
 	"peerDependencies": {
-		"svelte": "^4.0.0"
+		"svelte": "^4.0.0 || ^5.0.0-next.118"
 	}
 }

From e1c85eb0ae57036a0635e631a8dbe4b7f8302995 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 29 Apr 2024 19:56:00 -0400
Subject: [PATCH 11/23] Version Packages (#526)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/calm-cats-enjoy.md | 5 -----
 packages/bits-ui/CHANGELOG.md | 6 ++++++
 packages/bits-ui/package.json | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/calm-cats-enjoy.md

diff --git a/.changeset/calm-cats-enjoy.md b/.changeset/calm-cats-enjoy.md
deleted file mode 100644
index 79b48c033..000000000
--- a/.changeset/calm-cats-enjoy.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-chore: update peer deps to include Svelte 5
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index 100ef9aeb..68cbdde9a 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # bits-ui
 
+## 0.21.6
+
+### Patch Changes
+
+- chore: update peer deps to include Svelte 5 ([#525](https://github.com/huntabyte/bits-ui/pull/525))
+
 ## 0.21.5
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index 9b237004a..94a8e413f 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.5",
+	"version": "0.21.6",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",

From 98d5bd071d1cb801c3f6d6db3c75f620f478176c Mon Sep 17 00:00:00 2001
From: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>
Date: Wed, 1 May 2024 13:51:07 -0400
Subject: [PATCH 12/23] chore: Making it more Svelte 5 compatible (#529)

---
 .changeset/sixty-pens-confess.md                   |  5 +++++
 eslint.config.js                                   |  8 +++++++-
 .../src/lib/bits/button/components/button.svelte   |  4 ++--
 .../combobox/components/combobox-content.svelte    |  2 +-
 .../bits/combobox/components/combobox-item.svelte  |  3 +--
 .../bits/dialog/components/dialog-overlay.svelte   | 10 +++++-----
 .../components/link-preview-trigger.svelte         |  6 +++---
 .../bits/select/components/select-content.svelte   |  2 +-
 .../lib/bits/select/components/select-item.svelte  |  2 +-
 .../bits/toolbar/components/toolbar-link.svelte    | 14 ++++----------
 .../src/tests/alert-dialog/AlertDialogTest.svelte  |  2 +-
 .../bits-ui/src/tests/combobox/ComboboxTest.svelte |  2 +-
 .../src/tests/context-menu/ContextMenuTest.svelte  |  2 +-
 .../bits-ui/src/tests/dialog/DialogTest.svelte     |  2 +-
 .../tests/dropdown-menu/DropdownMenuTest.svelte    |  2 +-
 .../bits-ui/src/tests/select/SelectTest.svelte     |  2 +-
 .../src/lib/components/api-ref/props-table.svelte  |  8 ++++----
 sites/docs/src/lib/components/api-section.svelte   |  2 +-
 .../src/lib/components/component-preview.svelte    |  4 ++--
 .../src/lib/components/demos/calendar-demo.svelte  |  2 +-
 .../lib/components/demos/date-picker-demo.svelte   |  2 +-
 .../components/demos/date-range-field-demo.svelte  |  2 +-
 .../components/demos/date-range-picker-demo.svelte |  4 ++--
 .../src/lib/components/demos/popover-demo.svelte   | 10 ++++++----
 .../src/lib/components/demos/progress-demo.svelte  |  2 +-
 .../components/demos/range-calendar-demo.svelte    |  2 +-
 .../src/lib/components/icons/switch-off.svelte     |  2 +-
 .../docs/src/lib/components/icons/switch-on.svelte |  2 +-
 28 files changed, 58 insertions(+), 52 deletions(-)
 create mode 100644 .changeset/sixty-pens-confess.md

diff --git a/.changeset/sixty-pens-confess.md b/.changeset/sixty-pens-confess.md
new file mode 100644
index 000000000..d255cb400
--- /dev/null
+++ b/.changeset/sixty-pens-confess.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+chore: Updated a11y warnings for better Svelte 5 compatibility
diff --git a/eslint.config.js b/eslint.config.js
index cf3a7aad5..cb7add7ac 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -2,4 +2,10 @@ import config, { DEFAULT_IGNORES } from "@huntabyte/eslint-config";
 
 const ignores = ["**/extended-types"];
 
-export default config({ svelte: true, ignores: [...DEFAULT_IGNORES, ...ignores] });
+export default config({
+	svelte: true,
+	ignores: [...DEFAULT_IGNORES, ...ignores],
+}).override("huntabyte:svelte:rules", {
+	// we ignore as it complains about the changed warning names in Svelte 5
+	rules: { "svelte/no-unused-svelte-ignore": "off" },
+});
diff --git a/packages/bits-ui/src/lib/bits/button/components/button.svelte b/packages/bits-ui/src/lib/bits/button/components/button.svelte
index 94bbf1169..6c72ef9d6 100644
--- a/packages/bits-ui/src/lib/bits/button/components/button.svelte
+++ b/packages/bits-ui/src/lib/bits/button/components/button.svelte
@@ -14,7 +14,7 @@
 </script>
 
 {#if builders && builders.length}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<svelte:element
 		this={href ? "a" : "button"}
 		bind:this={el}
@@ -35,7 +35,7 @@
 		<slot />
 	</svelte:element>
 {:else}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<svelte:element
 		this={href ? "a" : "button"}
 		bind:this={el}
diff --git a/packages/bits-ui/src/lib/bits/combobox/components/combobox-content.svelte b/packages/bits-ui/src/lib/bits/combobox/components/combobox-content.svelte
index 9e46168c9..f13fdacc9 100644
--- a/packages/bits-ui/src/lib/bits/combobox/components/combobox-content.svelte
+++ b/packages/bits-ui/src/lib/bits/combobox/components/combobox-content.svelte
@@ -61,7 +61,7 @@
 		});
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
diff --git a/packages/bits-ui/src/lib/bits/combobox/components/combobox-item.svelte b/packages/bits-ui/src/lib/bits/combobox/components/combobox-item.svelte
index 7d8706e78..9b7940e5e 100644
--- a/packages/bits-ui/src/lib/bits/combobox/components/combobox-item.svelte
+++ b/packages/bits-ui/src/lib/bits/combobox/components/combobox-item.svelte
@@ -29,8 +29,7 @@
 	$: isSelected = $isSelectedStore(value);
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions-->
-
+<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 {#if asChild}
 	<slot {builder} {isSelected} />
 {:else}
diff --git a/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte b/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte
index 2bc7aa7a0..0e23d657d 100644
--- a/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte
+++ b/packages/bits-ui/src/lib/bits/dialog/components/dialog-overlay.svelte
@@ -34,7 +34,7 @@
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<div
 		on:mouseup
 		bind:this={el}
@@ -43,7 +43,7 @@
 		{...$$restProps}
 	></div>
 {:else if inTransition && outTransition && $open}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<div
 		bind:this={el}
 		in:inTransition={inTransitionConfig}
@@ -53,7 +53,7 @@
 		{...$$restProps}
 	></div>
 {:else if inTransition && $open}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<div
 		bind:this={el}
 		in:inTransition={inTransitionConfig}
@@ -62,7 +62,7 @@
 		{...$$restProps}
 	></div>
 {:else if outTransition && $open}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<div
 		bind:this={el}
 		out:outTransition={outTransitionConfig}
@@ -71,6 +71,6 @@
 		{...$$restProps}
 	></div>
 {:else if $open}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 	<div bind:this={el} use:melt={builder} on:mouseup {...$$restProps}></div>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-trigger.svelte b/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-trigger.svelte
index 076dcfbc4..cc9245c40 100644
--- a/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-trigger.svelte
+++ b/packages/bits-ui/src/lib/bits/link-preview/components/link-preview-trigger.svelte
@@ -30,8 +30,8 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<svelte:element
-		this={"a"}
+	<!-- svelte-ignore a11y-missing-attribute a11y_missing_attribute -->
+	<a
 		bind:this={el}
 		use:melt={builder}
 		{...$$restProps}
@@ -42,5 +42,5 @@
 		on:m-pointerleave={dispatch}
 	>
 		<slot {builder} />
-	</svelte:element>
+	</a>
 {/if}
diff --git a/packages/bits-ui/src/lib/bits/select/components/select-content.svelte b/packages/bits-ui/src/lib/bits/select/components/select-content.svelte
index 19ee888ed..bb076d81e 100644
--- a/packages/bits-ui/src/lib/bits/select/components/select-content.svelte
+++ b/packages/bits-ui/src/lib/bits/select/components/select-content.svelte
@@ -66,7 +66,7 @@
 	}
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
diff --git a/packages/bits-ui/src/lib/bits/select/components/select-item.svelte b/packages/bits-ui/src/lib/bits/select/components/select-item.svelte
index adba8942a..93230228b 100644
--- a/packages/bits-ui/src/lib/bits/select/components/select-item.svelte
+++ b/packages/bits-ui/src/lib/bits/select/components/select-item.svelte
@@ -27,7 +27,7 @@
 	$: isSelected = $isSelectedStore(value);
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
 {#if asChild}
 	<slot {builder} {isSelected} />
 {:else}
diff --git a/packages/bits-ui/src/lib/bits/toolbar/components/toolbar-link.svelte b/packages/bits-ui/src/lib/bits/toolbar/components/toolbar-link.svelte
index 183bcccad..7dadc0942 100644
--- a/packages/bits-ui/src/lib/bits/toolbar/components/toolbar-link.svelte
+++ b/packages/bits-ui/src/lib/bits/toolbar/components/toolbar-link.svelte
@@ -25,15 +25,9 @@
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
-	<svelte:element
-		this={"a"}
-		bind:this={el}
-		use:melt={builder}
-		{...$$restProps}
-		on:click
-		on:m-keydown={dispatch}
-	>
+	<!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->
+	<!-- svelte-ignore a11y-missing-attribute a11y_missing_attribute -->
+	<a bind:this={el} use:melt={builder} {...$$restProps} on:click on:m-keydown={dispatch}>
 		<slot {builder} />
-	</svelte:element>
+	</a>
 {/if}
diff --git a/packages/bits-ui/src/tests/alert-dialog/AlertDialogTest.svelte b/packages/bits-ui/src/tests/alert-dialog/AlertDialogTest.svelte
index 896136029..e29d6106b 100644
--- a/packages/bits-ui/src/tests/alert-dialog/AlertDialogTest.svelte
+++ b/packages/bits-ui/src/tests/alert-dialog/AlertDialogTest.svelte
@@ -30,5 +30,5 @@
 	<p data-testid="binding">{open}</p>
 	<button data-testid="toggle" on:click={() => (open = !open)}> toggle </button>
 
-	<div id="portalTarget" data-testid="portalTarget" />
+	<div id="portalTarget" data-testid="portalTarget"></div>
 </main>
diff --git a/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte b/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte
index 995543795..a3f0f2b72 100644
--- a/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte
+++ b/packages/bits-ui/src/tests/combobox/ComboboxTest.svelte
@@ -38,7 +38,7 @@
 		</Combobox.Content>
 		<Combobox.HiddenInput data-testid="hidden-input" />
 	</Combobox.Root>
-	<div data-testid="outside" />
+	<div data-testid="outside"></div>
 	<button data-testid="input-binding" on:click={() => (inputValue = "")}>
 		{#if inputValue === ""}
 			empty
diff --git a/packages/bits-ui/src/tests/context-menu/ContextMenuTest.svelte b/packages/bits-ui/src/tests/context-menu/ContextMenuTest.svelte
index 8b978a505..8a4c7a5e0 100644
--- a/packages/bits-ui/src/tests/context-menu/ContextMenuTest.svelte
+++ b/packages/bits-ui/src/tests/context-menu/ContextMenuTest.svelte
@@ -98,5 +98,5 @@
 	<button aria-label="radio-sub" data-testid="sub-radio-binding" on:click={() => (subRadio = "")}
 		>{subRadio}</button
 	>
-	<div id="portal-target" data-testid="portal-target" />
+	<div id="portal-target" data-testid="portal-target"></div>
 </main>
diff --git a/packages/bits-ui/src/tests/dialog/DialogTest.svelte b/packages/bits-ui/src/tests/dialog/DialogTest.svelte
index 3a22beb23..d4b22c35e 100644
--- a/packages/bits-ui/src/tests/dialog/DialogTest.svelte
+++ b/packages/bits-ui/src/tests/dialog/DialogTest.svelte
@@ -26,5 +26,5 @@
 	</Dialog.Root>
 	<p data-testid="binding">{open}</p>
 	<button data-testid="toggle" on:click={() => (open = !open)}>toggle</button>
-	<div id="portalTarget" data-testid="portalTarget" />
+	<div id="portalTarget" data-testid="portalTarget"></div>
 </main>
diff --git a/packages/bits-ui/src/tests/dropdown-menu/DropdownMenuTest.svelte b/packages/bits-ui/src/tests/dropdown-menu/DropdownMenuTest.svelte
index 79604e4b7..bd6f2f747 100644
--- a/packages/bits-ui/src/tests/dropdown-menu/DropdownMenuTest.svelte
+++ b/packages/bits-ui/src/tests/dropdown-menu/DropdownMenuTest.svelte
@@ -93,5 +93,5 @@
 	<button aria-label="radio-sub" data-testid="sub-radio-binding" on:click={() => (subRadio = "")}
 		>{subRadio}</button
 	>
-	<div id="portal-target" data-testid="portal-target" />
+	<div id="portal-target" data-testid="portal-target"></div>
 </main>
diff --git a/packages/bits-ui/src/tests/select/SelectTest.svelte b/packages/bits-ui/src/tests/select/SelectTest.svelte
index 0675bd3e3..b2544d4a2 100644
--- a/packages/bits-ui/src/tests/select/SelectTest.svelte
+++ b/packages/bits-ui/src/tests/select/SelectTest.svelte
@@ -38,7 +38,7 @@
 		</Select.Content>
 		<Select.Input data-testid="input" />
 	</Select.Root>
-	<div data-testid="outside" />
+	<div data-testid="outside"></div>
 	<button data-testid="open-binding" on:click={() => (open = !open)}>
 		{open}
 	</button>
diff --git a/sites/docs/src/lib/components/api-ref/props-table.svelte b/sites/docs/src/lib/components/api-ref/props-table.svelte
index a89fd1286..2a5d101e8 100644
--- a/sites/docs/src/lib/components/api-ref/props-table.svelte
+++ b/sites/docs/src/lib/components/api-ref/props-table.svelte
@@ -6,7 +6,7 @@
 	import { parseMarkdown } from "$lib/utils/index.js";
 
 	export let props: PropObj<Record<string, unknown>>;
-	export let slot = false;
+	export let slotted = false;
 
 	$: propData = Object.entries(props).map(([name, prop]) => {
 		const { type, description, default: defaultVal, required } = prop as PropSchema;
@@ -18,7 +18,7 @@
 	<Table.Header>
 		<Table.Row class="w-1/4">
 			<Table.Head class="w-[38%] whitespace-nowrap pr-1"
-				>{slot ? "Slot" : ""} Property</Table.Head
+				>{slotted ? "Slot" : ""} Property</Table.Head
 			>
 			<Table.Head class="w-[22%] whitespace-nowrap pr-1">Type</Table.Head>
 			<Table.Head class="w-[40%] whitespace-nowrap">Description</Table.Head>
@@ -42,14 +42,14 @@
 						<!--  eslint-disable-next-line svelte/no-at-html-tags -->
 						{@html parseMarkdown(description)}
 					</p>
-					{#if !slot}
+					{#if !slotted}
 						<div class="mt-2">
 							<Code class="h-auto bg-background px-0">
 								Default:
 								{#if defaultVal}
 									{` ${defaultVal}`}
 								{:else}
-									<span aria-hidden> &nbsp;—— </span>
+									<span aria-hidden="true"> &nbsp;—— </span>
 									<span class="sr-only"> undefined </span>
 								{/if}
 							</Code>
diff --git a/sites/docs/src/lib/components/api-section.svelte b/sites/docs/src/lib/components/api-section.svelte
index ac4018b0d..1820d2b87 100644
--- a/sites/docs/src/lib/components/api-section.svelte
+++ b/sites/docs/src/lib/components/api-section.svelte
@@ -29,7 +29,7 @@
 					<PropsTable props={schema.props} />
 				{/if}
 				{#if schema.slotProps}
-					<PropsTable slot props={schema.slotProps} />
+					<PropsTable slotted props={schema.slotProps} />
 				{/if}
 				{#if schema.dataAttributes && schema.dataAttributes.length}
 					<DataAttrsTable dataAttrs={schema.dataAttributes} />
diff --git a/sites/docs/src/lib/components/component-preview.svelte b/sites/docs/src/lib/components/component-preview.svelte
index 8343349d1..4712733cc 100644
--- a/sites/docs/src/lib/components/component-preview.svelte
+++ b/sites/docs/src/lib/components/component-preview.svelte
@@ -43,7 +43,7 @@
 						class="absolute left-0 top-0 h-8 w-full rounded-[7px] bg-background dark:bg-muted"
 						in:send={{ key: "active" }}
 						out:receive={{ key: "active" }}
-					/>
+					></div>
 				{/if}
 			</Tabs.Trigger>
 			<Tabs.Trigger
@@ -66,7 +66,7 @@
 						class="absolute left-0 top-0 h-8 w-full rounded-[7px] bg-background dark:bg-muted"
 						in:send={{ key: "active" }}
 						out:receive={{ key: "active" }}
-					/>
+					></div>
 				{/if}
 			</Tabs.Trigger>
 		</Tabs.List>
diff --git a/sites/docs/src/lib/components/demos/calendar-demo.svelte b/sites/docs/src/lib/components/demos/calendar-demo.svelte
index 485d06c9b..177ead091 100644
--- a/sites/docs/src/lib/components/demos/calendar-demo.svelte
+++ b/sites/docs/src/lib/components/demos/calendar-demo.svelte
@@ -57,7 +57,7 @@
 									>
 										<div
 											class="absolute top-[5px] hidden size-1 rounded-full bg-foreground group-data-[today]:block group-data-[selected]:bg-background"
-										/>
+										></div>
 										{date.day}
 									</Calendar.Day>
 								</Calendar.Cell>
diff --git a/sites/docs/src/lib/components/demos/date-picker-demo.svelte b/sites/docs/src/lib/components/demos/date-picker-demo.svelte
index e09f1434a..699c3d67a 100644
--- a/sites/docs/src/lib/components/demos/date-picker-demo.svelte
+++ b/sites/docs/src/lib/components/demos/date-picker-demo.svelte
@@ -86,7 +86,7 @@
 												>
 													<div
 														class="absolute top-[5px] hidden size-1 rounded-full bg-foreground transition-all group-data-[today]:block group-data-[selected]:bg-background"
-													/>
+													></div>
 													{date.day}
 												</DatePicker.Day>
 											</DatePicker.Cell>
diff --git a/sites/docs/src/lib/components/demos/date-range-field-demo.svelte b/sites/docs/src/lib/components/demos/date-range-field-demo.svelte
index 1034dd819..807e4d1c0 100644
--- a/sites/docs/src/lib/components/demos/date-range-field-demo.svelte
+++ b/sites/docs/src/lib/components/demos/date-range-field-demo.svelte
@@ -38,7 +38,7 @@
 					{/if}
 				</div>
 			{/each}
-			<div aria-hidden class="px-1 text-muted-foreground">–⁠⁠⁠⁠⁠</div>
+			<div aria-hidden="true" class="px-1 text-muted-foreground">–⁠⁠⁠⁠⁠</div>
 			{#each segments.end as { part, value }}
 				<div class="inline-block select-none">
 					{#if part === "literal"}
diff --git a/sites/docs/src/lib/components/demos/date-range-picker-demo.svelte b/sites/docs/src/lib/components/demos/date-range-picker-demo.svelte
index 67cd4084a..f8fdb67b4 100644
--- a/sites/docs/src/lib/components/demos/date-range-picker-demo.svelte
+++ b/sites/docs/src/lib/components/demos/date-range-picker-demo.svelte
@@ -36,7 +36,7 @@
 					{/if}
 				</div>
 			{/each}
-			<div aria-hidden class="px-1 text-muted-foreground">–</div>
+			<div aria-hidden="true" class="px-1 text-muted-foreground">–</div>
 			{#each segments.end as { part, value }}
 				<div class="inline-block select-none">
 					{#if part === "literal"}
@@ -114,7 +114,7 @@
 												>
 													<div
 														class="absolute top-[5px] hidden size-1 rounded-full bg-foreground transition-all group-data-[today]:block group-data-[selected]:bg-background"
-													/>
+													></div>
 													{date.day}
 												</DateRangePicker.Day>
 											</DateRangePicker.Cell>
diff --git a/sites/docs/src/lib/components/demos/popover-demo.svelte b/sites/docs/src/lib/components/demos/popover-demo.svelte
index 1d3c96c43..322beb431 100644
--- a/sites/docs/src/lib/components/demos/popover-demo.svelte
+++ b/sites/docs/src/lib/components/demos/popover-demo.svelte
@@ -33,8 +33,9 @@
 			<div class="mr-2 flex items-center">
 				<div class="relative mr-2">
 					<span class="sr-only">Width</span>
-					<span aria-hidden class="absolute left-5 top-4 text-xxs text-muted-foreground"
-						>W</span
+					<span
+						aria-hidden="true"
+						class="absolute left-5 top-4 text-xxs text-muted-foreground">W</span
 					>
 					<input
 						type="number"
@@ -44,8 +45,9 @@
 				</div>
 				<div class="relative">
 					<span class="sr-only">Height</span>
-					<span aria-hidden class="absolute left-5 top-4 text-xxs text-muted-foreground"
-						>H</span
+					<span
+						aria-hidden="true"
+						class="absolute left-5 top-4 text-xxs text-muted-foreground">H</span
 					>
 					<input
 						type="number"
diff --git a/sites/docs/src/lib/components/demos/progress-demo.svelte b/sites/docs/src/lib/components/demos/progress-demo.svelte
index 03bbbb42d..663d48a3b 100644
--- a/sites/docs/src/lib/components/demos/progress-demo.svelte
+++ b/sites/docs/src/lib/components/demos/progress-demo.svelte
@@ -17,5 +17,5 @@
 	<div
 		class="h-full w-full flex-1 rounded-full bg-foreground shadow-mini-inset transition-all duration-1000 ease-in-out"
 		style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (100 ?? 1)}%)`}
-	/>
+	></div>
 </Progress.Root>
diff --git a/sites/docs/src/lib/components/demos/range-calendar-demo.svelte b/sites/docs/src/lib/components/demos/range-calendar-demo.svelte
index 17ed1c705..6aee101e9 100644
--- a/sites/docs/src/lib/components/demos/range-calendar-demo.svelte
+++ b/sites/docs/src/lib/components/demos/range-calendar-demo.svelte
@@ -55,7 +55,7 @@
 									>
 										<div
 											class="absolute top-[5px] hidden size-1 rounded-full bg-foreground group-data-[today]:block group-data-[selected]:bg-background"
-										/>
+										></div>
 										{date.day}
 									</RangeCalendar.Day>
 								</RangeCalendar.Cell>
diff --git a/sites/docs/src/lib/components/icons/switch-off.svelte b/sites/docs/src/lib/components/icons/switch-off.svelte
index 38c9ae3d0..2bf314821 100644
--- a/sites/docs/src/lib/components/icons/switch-off.svelte
+++ b/sites/docs/src/lib/components/icons/switch-off.svelte
@@ -3,5 +3,5 @@
 >
 	<span
 		class="pointer-events-none block size-[13px] shrink-0 translate-x-0 rounded-full bg-background shadow-mini transition-transform dark:border dark:border-border-input dark:shadow-mini"
-	/>
+	></span>
 </div>
diff --git a/sites/docs/src/lib/components/icons/switch-on.svelte b/sites/docs/src/lib/components/icons/switch-on.svelte
index 8540aef97..334ff7a89 100644
--- a/sites/docs/src/lib/components/icons/switch-on.svelte
+++ b/sites/docs/src/lib/components/icons/switch-on.svelte
@@ -3,5 +3,5 @@
 >
 	<span
 		class="pointer-events-none block size-[13px] shrink-0 translate-x-[10px] rounded-full bg-background dark:border-border-input dark:shadow-mini"
-	/>
+	></span>
 </div>

From 36bb2321f51be55ffb775526ad9773c263cdb531 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 1 May 2024 13:51:49 -0400
Subject: [PATCH 13/23] Version Packages (#530)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/sixty-pens-confess.md | 5 -----
 packages/bits-ui/CHANGELOG.md    | 6 ++++++
 packages/bits-ui/package.json    | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/sixty-pens-confess.md

diff --git a/.changeset/sixty-pens-confess.md b/.changeset/sixty-pens-confess.md
deleted file mode 100644
index d255cb400..000000000
--- a/.changeset/sixty-pens-confess.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-chore: Updated a11y warnings for better Svelte 5 compatibility
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index 68cbdde9a..e8b4e8a31 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # bits-ui
 
+## 0.21.7
+
+### Patch Changes
+
+- chore: Updated a11y warnings for better Svelte 5 compatibility ([#529](https://github.com/huntabyte/bits-ui/pull/529))
+
 ## 0.21.6
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index 94a8e413f..fc3930463 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.6",
+	"version": "0.21.7",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",

From c71f9871d083827852e3efd8ad0f05bc0f7d8eab Mon Sep 17 00:00:00 2001
From: Abdoulaye NDOYE <46305144+NDOY3M4N@users.noreply.github.com>
Date: Fri, 17 May 2024 20:08:14 +0000
Subject: [PATCH 14/23] fix: ContentProps type (#545)

Co-authored-by: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
---
 .changeset/thick-turkeys-grab.md                 | 5 +++++
 packages/bits-ui/src/lib/bits/floating/_types.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/thick-turkeys-grab.md

diff --git a/.changeset/thick-turkeys-grab.md b/.changeset/thick-turkeys-grab.md
new file mode 100644
index 000000000..b765c95dc
--- /dev/null
+++ b/.changeset/thick-turkeys-grab.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix: ContentProps type
diff --git a/packages/bits-ui/src/lib/bits/floating/_types.ts b/packages/bits-ui/src/lib/bits/floating/_types.ts
index d8762c697..a801947c2 100644
--- a/packages/bits-ui/src/lib/bits/floating/_types.ts
+++ b/packages/bits-ui/src/lib/bits/floating/_types.ts
@@ -1,4 +1,4 @@
-import type { DOMElement, Transition, TransitionProps } from "$lib/internal/index.js";
+import type { DOMElement, Expand, Transition, TransitionProps } from "$lib/internal/index.js";
 
 export type ArrowProps = Expand<
 	{

From 1691ef96b00d7b9047c85c3034df0ae78f30fdc3 Mon Sep 17 00:00:00 2001
From: Jeanne Mas <24734881+jeannemas@users.noreply.github.com>
Date: Fri, 17 May 2024 16:10:37 -0400
Subject: [PATCH 15/23] fix: Updated ComboboxLabelProps to use
 HTMLLabelAttributes (#544)

Co-authored-by: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
---
 .changeset/fresh-islands-cover.md               | 5 +++++
 packages/bits-ui/src/lib/bits/combobox/types.ts | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fresh-islands-cover.md

diff --git a/.changeset/fresh-islands-cover.md b/.changeset/fresh-islands-cover.md
new file mode 100644
index 000000000..392bb0d6b
--- /dev/null
+++ b/.changeset/fresh-islands-cover.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix: Updated `ComboboxLabelProps` to use `HTMLLabelAttributes`
diff --git a/packages/bits-ui/src/lib/bits/combobox/types.ts b/packages/bits-ui/src/lib/bits/combobox/types.ts
index 3e996e3df..e6bae961b 100644
--- a/packages/bits-ui/src/lib/bits/combobox/types.ts
+++ b/packages/bits-ui/src/lib/bits/combobox/types.ts
@@ -1,4 +1,4 @@
-import type { EventHandler, HTMLInputAttributes } from "svelte/elements";
+import type { EventHandler, HTMLInputAttributes, HTMLLabelAttributes } from "svelte/elements";
 import type {
 	ComboboxOptionProps as MeltComboboxOptionProps,
 	CreateComboboxProps as MeltComboboxProps,
@@ -113,7 +113,7 @@ export type ComboboxContentProps<
 > = ComboboxContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
 
 export type ComboboxInputProps = ComboboxInputPropsWithoutHTML & HTMLInputAttributes;
-export type ComboboxLabelProps = ComboboxLabelPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxLabelProps = ComboboxLabelPropsWithoutHTML & HTMLLabelAttributes;
 
 export type ComboboxGroupProps = ComboboxGroupPropsWithoutHTML & HTMLDivAttributes;
 export type ComboboxGroupLabelProps = ComboboxGroupLabelPropsWithoutHTML & HTMLDivAttributes;

From 47e0ce9bc1a62dc4d618324a0139ee8c5afdc156 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sat, 18 May 2024 13:39:55 -0400
Subject: [PATCH 16/23] Version Packages (#548)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/fresh-islands-cover.md | 5 -----
 .changeset/thick-turkeys-grab.md  | 5 -----
 packages/bits-ui/CHANGELOG.md     | 8 ++++++++
 packages/bits-ui/package.json     | 2 +-
 4 files changed, 9 insertions(+), 11 deletions(-)
 delete mode 100644 .changeset/fresh-islands-cover.md
 delete mode 100644 .changeset/thick-turkeys-grab.md

diff --git a/.changeset/fresh-islands-cover.md b/.changeset/fresh-islands-cover.md
deleted file mode 100644
index 392bb0d6b..000000000
--- a/.changeset/fresh-islands-cover.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-fix: Updated `ComboboxLabelProps` to use `HTMLLabelAttributes`
diff --git a/.changeset/thick-turkeys-grab.md b/.changeset/thick-turkeys-grab.md
deleted file mode 100644
index b765c95dc..000000000
--- a/.changeset/thick-turkeys-grab.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-fix: ContentProps type
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index e8b4e8a31..c45d17448 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,13 @@
 # bits-ui
 
+## 0.21.8
+
+### Patch Changes
+
+- fix: Updated `ComboboxLabelProps` to use `HTMLLabelAttributes` ([#544](https://github.com/huntabyte/bits-ui/pull/544))
+
+- fix: ContentProps type ([#545](https://github.com/huntabyte/bits-ui/pull/545))
+
 ## 0.21.7
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index fc3930463..d3aa18165 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.7",
+	"version": "0.21.8",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",

From 46e5828ad046c1ac19c51348a88a5cba4398c879 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Mon, 20 May 2024 21:28:25 -0400
Subject: [PATCH 17/23] feat: forward additional events from `<Button>` (#550)

---
 .changeset/clever-rockets-accept.md                       | 5 +++++
 .../bits-ui/src/lib/bits/button/components/button.svelte  | 8 ++++++++
 packages/bits-ui/src/lib/bits/button/types.ts             | 4 ++++
 3 files changed, 17 insertions(+)
 create mode 100644 .changeset/clever-rockets-accept.md

diff --git a/.changeset/clever-rockets-accept.md b/.changeset/clever-rockets-accept.md
new file mode 100644
index 000000000..8d8ee2cf6
--- /dev/null
+++ b/.changeset/clever-rockets-accept.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+feat: forward additional events from `<Button>`
diff --git a/packages/bits-ui/src/lib/bits/button/components/button.svelte b/packages/bits-ui/src/lib/bits/button/components/button.svelte
index 6c72ef9d6..9c3a322cc 100644
--- a/packages/bits-ui/src/lib/bits/button/components/button.svelte
+++ b/packages/bits-ui/src/lib/bits/button/components/button.svelte
@@ -26,6 +26,10 @@
 		on:keyup
 		on:mouseenter
 		on:mouseleave
+		on:mousedown
+		on:pointerdown
+		on:mouseup
+		on:pointerup
 		tabindex="0"
 		use:builderActions={{ builders }}
 		{...getAttrs(builders)}
@@ -47,6 +51,10 @@
 		on:keyup
 		on:mouseenter
 		on:mouseleave
+		on:mousedown
+		on:pointerdown
+		on:mouseup
+		on:pointerup
 		tabindex="0"
 		{...$$restProps}
 		{...attrs}
diff --git a/packages/bits-ui/src/lib/bits/button/types.ts b/packages/bits-ui/src/lib/bits/button/types.ts
index 4e2e716c9..2616fc44e 100644
--- a/packages/bits-ui/src/lib/bits/button/types.ts
+++ b/packages/bits-ui/src/lib/bits/button/types.ts
@@ -34,4 +34,8 @@ export type ButtonEvents = {
 	keyup: ButtonEventHandler<KeyboardEvent>;
 	mouseenter: ButtonEventHandler<MouseEvent>;
 	mouseleave: ButtonEventHandler<MouseEvent>;
+	mousedown: ButtonEventHandler<MouseEvent>;
+	mouseup: ButtonEventHandler<MouseEvent>;
+	pointerdown: ButtonEventHandler<PointerEvent>;
+	pointerup: ButtonEventHandler<PointerEvent>;
 };

From 531a040abc9f7021f13571bd597f6200290801f2 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 20 May 2024 21:30:25 -0400
Subject: [PATCH 18/23] Version Packages (#551)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/clever-rockets-accept.md | 5 -----
 packages/bits-ui/CHANGELOG.md       | 6 ++++++
 packages/bits-ui/package.json       | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/clever-rockets-accept.md

diff --git a/.changeset/clever-rockets-accept.md b/.changeset/clever-rockets-accept.md
deleted file mode 100644
index 8d8ee2cf6..000000000
--- a/.changeset/clever-rockets-accept.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-feat: forward additional events from `<Button>`
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index c45d17448..c76d78a5f 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # bits-ui
 
+## 0.21.9
+
+### Patch Changes
+
+- feat: forward additional events from `<Button>` ([#550](https://github.com/huntabyte/bits-ui/pull/550))
+
 ## 0.21.8
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index d3aa18165..4b6e31f18 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.8",
+	"version": "0.21.9",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",

From 32af944af0d2232a2524d11ec42bb2ec23d6dd63 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Sun, 26 May 2024 17:23:06 -0400
Subject: [PATCH 19/23] fix: allow overriding the combobox input id (#553)

---
 .changeset/fuzzy-cameras-eat.md                             | 5 +++++
 .../src/lib/bits/combobox/components/combobox-input.svelte  | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 .changeset/fuzzy-cameras-eat.md

diff --git a/.changeset/fuzzy-cameras-eat.md b/.changeset/fuzzy-cameras-eat.md
new file mode 100644
index 000000000..a08f75a6d
--- /dev/null
+++ b/.changeset/fuzzy-cameras-eat.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix: allow overriding the combobox input id
diff --git a/packages/bits-ui/src/lib/bits/combobox/components/combobox-input.svelte b/packages/bits-ui/src/lib/bits/combobox/components/combobox-input.svelte
index 60670d24c..9cdb3c784 100644
--- a/packages/bits-ui/src/lib/bits/combobox/components/combobox-input.svelte
+++ b/packages/bits-ui/src/lib/bits/combobox/components/combobox-input.svelte
@@ -10,15 +10,21 @@
 	export let asChild: $$Props["asChild"] = false;
 	export let placeholder: $$Props["placeholder"] = undefined;
 	export let el: $$Props["el"] = undefined;
+	export let id: $$Props["id"] = undefined;
 
 	const {
 		elements: { input },
+		ids,
 		getAttrs,
 	} = getCtx();
 
 	const dispatch = createDispatcher();
 	const attrs = getAttrs("input");
 
+	$: if (id) {
+		ids.trigger.set(id);
+	}
+
 	$: builder = $input;
 	$: Object.assign(builder, attrs);
 </script>

From 5e257aaa3a81f08a1e7313fd172d1b5cd4f21490 Mon Sep 17 00:00:00 2001
From: Mariusz Wachowski <wachowski.mariusz@gmail.com>
Date: Sun, 26 May 2024 23:24:03 +0200
Subject: [PATCH 20/23] fix: date pickers clear (#549)

---
 .../bits/date-picker/components/date-picker.svelte  |  2 +-
 .../components/date-range-picker.svelte             | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/bits-ui/src/lib/bits/date-picker/components/date-picker.svelte b/packages/bits-ui/src/lib/bits/date-picker/components/date-picker.svelte
index 6a252b5a2..1f658789e 100644
--- a/packages/bits-ui/src/lib/bits/date-picker/components/date-picker.svelte
+++ b/packages/bits-ui/src/lib/bits/date-picker/components/date-picker.svelte
@@ -145,7 +145,7 @@
 		ids.dateField.description.set(descriptionId);
 	}
 
-	$: value !== undefined && localValue.set(value);
+	$: value !== $localValue && localValue.set(value);
 	$: placeholder !== undefined && localPlaceholder.set(placeholder);
 	$: open !== undefined && localOpen.set(open);
 
diff --git a/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker.svelte b/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker.svelte
index 6d3203725..013c9bf00 100644
--- a/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker.svelte
+++ b/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker.svelte
@@ -37,7 +37,7 @@
 			placeholder: localPlaceholder,
 			isInvalid: localIsInvalid,
 			startValue: localStartValue,
-			endValue,
+			endValue: localEndValue,
 		},
 		updateOption,
 		ids,
@@ -188,7 +188,14 @@
 	}
 
 	$: startValue = $localStartValue;
-	$: value !== undefined && localValue.set(value);
+
+	$: if (value !== $localValue) {
+		const nextValue = { start: value?.start, end: value?.end };
+
+		if (nextValue.start !== $localStartValue) localStartValue.set(nextValue.start);
+		if (nextValue.end !== $localEndValue) localEndValue.set(nextValue.end);
+		localValue.set(nextValue);
+	}
 	$: placeholder !== undefined && localPlaceholder.set(placeholder);
 
 	$: updateOption("disabled", disabled);
@@ -215,5 +222,5 @@
 	ids={$idValues}
 	isInvalid={$localIsInvalid}
 	startValue={$localStartValue}
-	endValue={$endValue}
+	endValue={$localEndValue}
 />

From 68d7aa6fa9ceb65e057ee995792312c5c4590e44 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 26 May 2024 17:25:09 -0400
Subject: [PATCH 21/23] Version Packages (#554)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/fuzzy-cameras-eat.md | 5 -----
 packages/bits-ui/CHANGELOG.md   | 6 ++++++
 packages/bits-ui/package.json   | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/fuzzy-cameras-eat.md

diff --git a/.changeset/fuzzy-cameras-eat.md b/.changeset/fuzzy-cameras-eat.md
deleted file mode 100644
index a08f75a6d..000000000
--- a/.changeset/fuzzy-cameras-eat.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"bits-ui": patch
----
-
-fix: allow overriding the combobox input id
diff --git a/packages/bits-ui/CHANGELOG.md b/packages/bits-ui/CHANGELOG.md
index c76d78a5f..6068351b4 100644
--- a/packages/bits-ui/CHANGELOG.md
+++ b/packages/bits-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # bits-ui
 
+## 0.21.10
+
+### Patch Changes
+
+- fix: allow overriding the combobox input id ([#553](https://github.com/huntabyte/bits-ui/pull/553))
+
 ## 0.21.9
 
 ### Patch Changes
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index 4b6e31f18..7139b306c 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.21.9",
+	"version": "0.21.10",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"funding": "https://github.com/sponsors/huntabyte",

From 6d5ff241d2840b5ffbe06b82d248c04b5f044d51 Mon Sep 17 00:00:00 2001
From: Ratul Maharaj <56479869+RatulMaharaj@users.noreply.github.com>
Date: Sat, 15 Jun 2024 05:36:08 +0200
Subject: [PATCH 22/23] docs: Update ScrollArea import (#574)

* docs: fix ScrollArea import

* style: Use double quotes
---
 sites/docs/content/components/scroll-area.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sites/docs/content/components/scroll-area.md b/sites/docs/content/components/scroll-area.md
index 455753557..1a986a412 100644
--- a/sites/docs/content/components/scroll-area.md
+++ b/sites/docs/content/components/scroll-area.md
@@ -18,7 +18,7 @@ description: Consistent scroll area across platforms.
 
 ```svelte
 <script lang="ts">
-	import { ScrollArea } from "$lib/index.js";
+	import { ScrollArea } from "bits-ui";
 </script>
 
 <ScrollArea.Root>

From e2d75cc5d046cc8463b9691d0f6c3f977b1080e4 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <johnstonhuntera@gmail.com>
Date: Sat, 3 Aug 2024 17:38:56 -0400
Subject: [PATCH 23/23] next main merged

---
 package.json                  |   2 +-
 packages/bits-ui/package.json |   2 +-
 pnpm-lock.yaml                | 198 +++++++++++++++++-----------------
 sites/docs/package.json       |   2 +-
 4 files changed, 102 insertions(+), 102 deletions(-)

diff --git a/package.json b/package.json
index 1e1fd04f1..1e0e4b8e4 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.199",
+		"svelte": "5.0.0-next.208",
 		"svelte-eslint-parser": "^0.41.0",
 		"wrangler": "^3.44.0"
 	},
diff --git a/packages/bits-ui/package.json b/packages/bits-ui/package.json
index c80d2c8fd..b7115e168 100644
--- a/packages/bits-ui/package.json
+++ b/packages/bits-ui/package.json
@@ -44,7 +44,7 @@
 		"jsdom": "^24.1.0",
 		"publint": "^0.2.8",
 		"resize-observer-polyfill": "^1.5.1",
-		"svelte": "5.0.0-next.199",
+		"svelte": "5.0.0-next.208",
 		"svelte-check": "^3.8.4",
 		"tslib": "^2.6.3",
 		"typescript": "^5.5.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ea0c53eee..0361303b8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,7 +13,7 @@ importers:
         version: 2.27.7
       '@huntabyte/eslint-config':
         specifier: ^0.3.2
-        version: 0.3.2(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)(typescript@5.5.4)(vitest@2.0.4)
+        version: 0.3.2(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(typescript@5.5.4)(vitest@2.0.4)
       '@huntabyte/eslint-plugin':
         specifier: ^0.1.0
         version: 0.1.0(eslint@9.8.0)
@@ -25,22 +25,22 @@ importers:
         version: 9.8.0
       eslint-plugin-svelte:
         specifier: ^2.37.0
-        version: 2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199)
+        version: 2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208)
       prettier:
         specifier: ^3.2.5
         version: 3.3.3
       prettier-plugin-svelte:
         specifier: ^3.2.2
-        version: 3.2.6(prettier@3.3.3)(svelte@5.0.0-next.199)
+        version: 3.2.6(prettier@3.3.3)(svelte@5.0.0-next.208)
       prettier-plugin-tailwindcss:
         specifier: 0.5.13
-        version: 0.5.13(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@5.0.0-next.199))(prettier@3.3.3)
+        version: 0.5.13(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@5.0.0-next.208))(prettier@3.3.3)
       svelte:
-        specifier: 5.0.0-next.199
-        version: 5.0.0-next.199
+        specifier: 5.0.0-next.208
+        version: 5.0.0-next.208
       svelte-eslint-parser:
         specifier: ^0.41.0
-        version: 0.41.0(svelte@5.0.0-next.199)
+        version: 0.41.0(svelte@5.0.0-next.208)
       wrangler:
         specifier: ^3.44.0
         version: 3.67.1(@cloudflare/workers-types@4.20240725.0)
@@ -64,7 +64,7 @@ importers:
         version: 1.0.0
       runed:
         specifier: ^0.15.0
-        version: 0.15.0(svelte@5.0.0-next.199)
+        version: 0.15.0(svelte@5.0.0-next.208)
       scule:
         specifier: ^1.3.0
         version: 1.3.0
@@ -76,17 +76,17 @@ importers:
         version: 1.0.6
       svelte-toolbelt:
         specifier: ^0.1.0
-        version: 0.1.0(svelte@5.0.0-next.199)
+        version: 0.1.0(svelte@5.0.0-next.208)
     devDependencies:
       '@sveltejs/kit':
         specifier: ^2.5.18
-        version: 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+        version: 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       '@sveltejs/package':
         specifier: ^2.3.2
-        version: 2.3.2(svelte@5.0.0-next.199)(typescript@5.5.4)
+        version: 2.3.2(svelte@5.0.0-next.208)(typescript@5.5.4)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.1
-        version: 3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+        version: 3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       '@testing-library/dom':
         specifier: ^10.3.1
         version: 10.4.0
@@ -95,7 +95,7 @@ importers:
         version: 6.4.8
       '@testing-library/svelte':
         specifier: ^5.2.1
-        version: 5.2.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))(vitest@2.0.4(@types/node@20.14.13)(@vitest/ui@1.6.0)(jsdom@24.1.1))
+        version: 5.2.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))(vitest@2.0.4(@types/node@20.14.13)(@vitest/ui@1.6.0)(jsdom@24.1.1))
       '@testing-library/user-event':
         specifier: ^14.5.2
         version: 14.5.2(@testing-library/dom@10.4.0)
@@ -130,11 +130,11 @@ importers:
         specifier: ^1.5.1
         version: 1.5.1
       svelte:
-        specifier: 5.0.0-next.199
-        version: 5.0.0-next.199
+        specifier: 5.0.0-next.208
+        version: 5.0.0-next.208
       svelte-check:
         specifier: ^3.8.4
-        version: 3.8.4(postcss-load-config@5.1.0(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.199)
+        version: 3.8.4(postcss-load-config@5.1.0(jiti@1.21.6)(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.208)
       tslib:
         specifier: ^2.6.3
         version: 2.6.3
@@ -155,26 +155,26 @@ importers:
         version: 3.5.5
       '@melt-ui/svelte':
         specifier: 0.76.2
-        version: 0.76.2(svelte@5.0.0-next.199)
+        version: 0.76.2(svelte@5.0.0-next.208)
       bits-ui:
         specifier: workspace:*
         version: link:../../packages/bits-ui
     devDependencies:
       '@melt-ui/pp':
         specifier: ^0.3.0
-        version: 0.3.2(@melt-ui/svelte@0.76.2(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)
+        version: 0.3.2(@melt-ui/svelte@0.76.2(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)
       '@prettier/sync':
         specifier: 0.3.0
         version: 0.3.0(prettier@3.3.3)
       '@sveltejs/adapter-cloudflare':
         specifier: ^4.2.0
-        version: 4.7.0(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(wrangler@3.67.1(@cloudflare/workers-types@4.20240725.0))
+        version: 4.7.0(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(wrangler@3.67.1(@cloudflare/workers-types@4.20240725.0))
       '@sveltejs/kit':
         specifier: ^2.5.0
-        version: 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+        version: 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.0
-        version: 3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+        version: 3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       '@tailwindcss/typography':
         specifier: ^0.5.10
         version: 0.5.13(tailwindcss@3.4.7)
@@ -207,13 +207,13 @@ importers:
         version: 3.2.1
       mdsx:
         specifier: ^0.0.6
-        version: 0.0.6(svelte@5.0.0-next.199)
+        version: 0.0.6(svelte@5.0.0-next.208)
       mode-watcher:
         specifier: ^0.2.0
-        version: 0.2.2(svelte@5.0.0-next.199)
+        version: 0.2.2(svelte@5.0.0-next.208)
       phosphor-svelte:
         specifier: ^2.0.1
-        version: 2.0.1(svelte@5.0.0-next.199)
+        version: 2.0.1(svelte@5.0.0-next.208)
       postcss:
         specifier: ^8.4.33
         version: 8.4.40
@@ -233,14 +233,14 @@ importers:
         specifier: ^1.1.1
         version: 1.12.0
       svelte:
-        specifier: 5.0.0-next.199
-        version: 5.0.0-next.199
+        specifier: 5.0.0-next.208
+        version: 5.0.0-next.208
       svelte-check:
         specifier: ^3.6.9
-        version: 3.8.4(postcss-load-config@5.1.0(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.199)
+        version: 3.8.4(postcss-load-config@5.1.0(jiti@1.21.6)(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.208)
       svelte-sonner:
         specifier: ^0.3.24
-        version: 0.3.27(svelte@5.0.0-next.199)
+        version: 0.3.27(svelte@5.0.0-next.208)
       tailwind-merge:
         specifier: ^2.2.1
         version: 2.4.0
@@ -4500,8 +4500,8 @@ packages:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
 
-  svelte@5.0.0-next.199:
-    resolution: {integrity: sha512-DOww/AlABK2cBQ/SIBlAT3TLT6LldmOMlPogh90cA9md5hAnxfIIQ28HgZbbgbwHAeX4+zsrX52Oke8ycV+a6A==}
+  svelte@5.0.0-next.208:
+    resolution: {integrity: sha512-gYABb68367fGnY/GIpb/j3DD5DUqhVWi6EodEBVpiRA9wLQTpY8QmuPg04xut/0EHqlFU3a40wbpjJKmpL3Y/g==}
     engines: {node: '>=18'}
 
   symbol-tree@3.2.4:
@@ -5022,12 +5022,12 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@antfu/eslint-config@2.24.0(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)(typescript@5.5.4)(vitest@2.0.4)':
+  '@antfu/eslint-config@2.24.0(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(typescript@5.5.4)(vitest@2.0.4)':
     dependencies:
       '@antfu/install-pkg': 0.3.3
       '@clack/prompts': 0.7.0
       '@stylistic/eslint-plugin': 2.6.0-beta.1(eslint@9.8.0)(typescript@5.5.4)
-      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.40(@typescript-eslint/parser@7.18.0(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)
+      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.40(@typescript-eslint/parser@8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)
       '@typescript-eslint/parser': 8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4)
       eslint: 9.8.0
       eslint-config-flat-gitignore: 0.1.8
@@ -5042,7 +5042,7 @@ snapshots:
       eslint-plugin-markdown: 5.1.0(eslint@9.8.0)
       eslint-plugin-n: 17.10.1(eslint@9.8.0)
       eslint-plugin-no-only-tests: 3.1.0
-      eslint-plugin-perfectionist: 3.0.0(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)(typescript@5.5.4)(vue-eslint-parser@9.4.3(eslint@9.8.0))
+      eslint-plugin-perfectionist: 3.0.0(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(typescript@5.5.4)(vue-eslint-parser@9.4.3(eslint@9.8.0))
       eslint-plugin-regexp: 2.6.0(eslint@9.8.0)
       eslint-plugin-toml: 0.11.1(eslint@9.8.0)
       eslint-plugin-unicorn: 55.0.0(eslint@9.8.0)
@@ -5061,8 +5061,8 @@ snapshots:
       yaml-eslint-parser: 1.2.3
       yargs: 17.7.2
     optionalDependencies:
-      eslint-plugin-svelte: 2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199)
-      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.199)
+      eslint-plugin-svelte: 2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208)
+      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.208)
     transitivePeerDependencies:
       - '@vue/compiler-sfc'
       - supports-color
@@ -5735,9 +5735,9 @@ snapshots:
 
   '@humanwhocodes/retry@0.3.0': {}
 
-  '@huntabyte/eslint-config@0.3.2(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)(typescript@5.5.4)(vitest@2.0.4)':
+  '@huntabyte/eslint-config@0.3.2(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(typescript@5.5.4)(vitest@2.0.4)':
     dependencies:
-      '@antfu/eslint-config': 2.24.0(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)(typescript@5.5.4)(vitest@2.0.4)
+      '@antfu/eslint-config': 2.24.0(@vue/compiler-sfc@3.4.34)(eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208))(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(typescript@5.5.4)(vitest@2.0.4)
       '@antfu/install-pkg': 0.3.3
       '@clack/prompts': 0.7.0
       '@huntabyte/eslint-plugin': 0.1.0(eslint@9.8.0)
@@ -5746,10 +5746,10 @@ snapshots:
       chalk: 5.3.0
       eslint: 9.8.0
       eslint-flat-config-utils: 0.2.5
-      eslint-plugin-svelte: 2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199)
+      eslint-plugin-svelte: 2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208)
       local-pkg: 0.5.0
       parse-gitignore: 2.0.0
-      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.199)
+      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.208)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@eslint-react/eslint-plugin'
@@ -5886,14 +5886,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@melt-ui/pp@0.3.2(@melt-ui/svelte@0.76.2(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)':
+  '@melt-ui/pp@0.3.2(@melt-ui/svelte@0.76.2(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)':
     dependencies:
-      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.199)
+      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.208)
       estree-walker: 3.0.3
       magic-string: 0.30.11
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
-  '@melt-ui/svelte@0.76.2(svelte@5.0.0-next.199)':
+  '@melt-ui/svelte@0.76.2(svelte@5.0.0-next.208)':
     dependencies:
       '@floating-ui/core': 1.6.5
       '@floating-ui/dom': 1.6.8
@@ -5901,7 +5901,7 @@ snapshots:
       dequal: 2.0.3
       focus-trap: 7.5.4
       nanoid: 5.0.7
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
@@ -6167,17 +6167,17 @@ snapshots:
       - supports-color
       - typescript
 
-  '@sveltejs/adapter-cloudflare@4.7.0(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(wrangler@3.67.1(@cloudflare/workers-types@4.20240725.0))':
+  '@sveltejs/adapter-cloudflare@4.7.0(@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(wrangler@3.67.1(@cloudflare/workers-types@4.20240725.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20240725.0
-      '@sveltejs/kit': 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+      '@sveltejs/kit': 2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       esbuild: 0.21.5
       worktop: 0.8.0-next.18
       wrangler: 3.67.1(@cloudflare/workers-types@4.20240725.0)
 
-  '@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))':
+  '@sveltejs/kit@2.5.18(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -6189,39 +6189,39 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
       tiny-glob: 0.2.9
       vite: 5.3.5(@types/node@20.14.13)
 
-  '@sveltejs/package@2.3.2(svelte@5.0.0-next.199)(typescript@5.5.4)':
+  '@sveltejs/package@2.3.2(svelte@5.0.0-next.208)(typescript@5.5.4)':
     dependencies:
       chokidar: 3.6.0
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.6.3
-      svelte: 5.0.0-next.199
-      svelte2tsx: 0.7.13(svelte@5.0.0-next.199)(typescript@5.5.4)
+      svelte: 5.0.0-next.208
+      svelte2tsx: 0.7.13(svelte@5.0.0-next.208)(typescript@5.5.4)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       debug: 4.3.6
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
       vite: 5.3.5(@types/node@20.14.13)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))':
+  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13)))(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))
       debug: 4.3.6
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.11
-      svelte: 5.0.0-next.199
-      svelte-hmr: 0.16.0(svelte@5.0.0-next.199)
+      svelte: 5.0.0-next.208
+      svelte-hmr: 0.16.0(svelte@5.0.0-next.208)
       vite: 5.3.5(@types/node@20.14.13)
       vitefu: 0.2.5(vite@5.3.5(@types/node@20.14.13))
     transitivePeerDependencies:
@@ -6268,10 +6268,10 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/svelte@5.2.1(svelte@5.0.0-next.199)(vite@5.3.5(@types/node@20.14.13))(vitest@2.0.4(@types/node@20.14.13)(@vitest/ui@1.6.0)(jsdom@24.1.1))':
+  '@testing-library/svelte@5.2.1(svelte@5.0.0-next.208)(vite@5.3.5(@types/node@20.14.13))(vitest@2.0.4(@types/node@20.14.13)(@vitest/ui@1.6.0)(jsdom@24.1.1))':
     dependencies:
       '@testing-library/dom': 10.4.0
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
     optionalDependencies:
       vite: 5.3.5(@types/node@20.14.13)
       vitest: 2.0.4(@types/node@20.14.13)(@vitest/ui@1.6.0)(jsdom@24.1.1)
@@ -6406,10 +6406,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.0.0-alpha.40(@typescript-eslint/parser@7.18.0(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)':
+  '@typescript-eslint/eslint-plugin@8.0.0-alpha.40(@typescript-eslint/parser@8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)':
     dependencies:
       '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 7.18.0(eslint@9.8.0)(typescript@5.5.4)
+      '@typescript-eslint/parser': 8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.0.0-alpha.40
       '@typescript-eslint/type-utils': 8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4)
       '@typescript-eslint/utils': 8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4)
@@ -7316,7 +7316,7 @@ snapshots:
 
   eslint-plugin-no-only-tests@3.1.0: {}
 
-  eslint-plugin-perfectionist@3.0.0(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199))(svelte@5.0.0-next.199)(typescript@5.5.4)(vue-eslint-parser@9.4.3(eslint@9.8.0)):
+  eslint-plugin-perfectionist@3.0.0(eslint@9.8.0)(svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(typescript@5.5.4)(vue-eslint-parser@9.4.3(eslint@9.8.0)):
     dependencies:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/utils': 7.18.0(eslint@9.8.0)(typescript@5.5.4)
@@ -7324,8 +7324,8 @@ snapshots:
       minimatch: 10.0.1
       natural-compare-lite: 1.4.0
     optionalDependencies:
-      svelte: 5.0.0-next.199
-      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.199)
+      svelte: 5.0.0-next.208
+      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.208)
       vue-eslint-parser: 9.4.3(eslint@9.8.0)
     transitivePeerDependencies:
       - supports-color
@@ -7342,7 +7342,7 @@ snapshots:
       regexp-ast-analysis: 0.7.1
       scslre: 0.3.0
 
-  eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.199):
+  eslint-plugin-svelte@2.43.0(eslint@9.8.0)(svelte@5.0.0-next.208):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.8.0)
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -7355,9 +7355,9 @@ snapshots:
       postcss-safe-parser: 6.0.0(postcss@8.4.40)
       postcss-selector-parser: 6.1.1
       semver: 7.6.3
-      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.199)
+      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.208)
     optionalDependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
     transitivePeerDependencies:
       - ts-node
 
@@ -7396,14 +7396,14 @@ snapshots:
       eslint: 9.8.0
       eslint-rule-composer: 0.3.0
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.40(@typescript-eslint/parser@7.18.0(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)
+      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.40(@typescript-eslint/parser@8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)
 
   eslint-plugin-vitest@0.5.4(@typescript-eslint/eslint-plugin@8.0.0-alpha.40(@typescript-eslint/parser@8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)(vitest@2.0.4):
     dependencies:
       '@typescript-eslint/utils': 7.18.0(eslint@9.8.0)(typescript@5.5.4)
       eslint: 9.8.0
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.40(@typescript-eslint/parser@7.18.0(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)
+      '@typescript-eslint/eslint-plugin': 8.0.0-alpha.40(@typescript-eslint/parser@8.0.0-alpha.40(eslint@9.8.0)(typescript@5.5.4))(eslint@9.8.0)(typescript@5.5.4)
       vitest: 2.0.4(@types/node@20.14.13)(@vitest/ui@1.6.0)(jsdom@24.1.1)
     transitivePeerDependencies:
       - supports-color
@@ -8557,7 +8557,7 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
 
-  mdsx@0.0.6(svelte@5.0.0-next.199):
+  mdsx@0.0.6(svelte@5.0.0-next.208):
     dependencies:
       esrap: 1.2.2
       hast-util-to-html: 9.0.1
@@ -8566,7 +8566,7 @@ snapshots:
       rehype-stringify: 10.0.0
       remark-parse: 11.0.0
       remark-rehype: 11.1.0
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
       unified: 11.0.5
       unist-util-visit: 5.0.0
       vfile: 6.0.2
@@ -9076,9 +9076,9 @@ snapshots:
       pkg-types: 1.1.3
       ufo: 1.5.4
 
-  mode-watcher@0.2.2(svelte@5.0.0-next.199):
+  mode-watcher@0.2.2(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
   mri@1.2.0: {}
 
@@ -9294,9 +9294,9 @@ snapshots:
       estree-walker: 3.0.3
       is-reference: 3.0.2
 
-  phosphor-svelte@2.0.1(svelte@5.0.0-next.199):
+  phosphor-svelte@2.0.1(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
   picocolors@1.0.1: {}
 
@@ -9396,16 +9396,16 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@5.0.0-next.199):
+  prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@5.0.0-next.208):
     dependencies:
       prettier: 3.3.3
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
-  prettier-plugin-tailwindcss@0.5.13(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@5.0.0-next.199))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.5.13(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@5.0.0-next.208))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.6(prettier@3.3.3)(svelte@5.0.0-next.199)
+      prettier-plugin-svelte: 3.2.6(prettier@3.3.3)(svelte@5.0.0-next.208)
 
   prettier@2.8.8: {}
 
@@ -9692,10 +9692,10 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  runed@0.15.0(svelte@5.0.0-next.199):
+  runed@0.15.0(svelte@5.0.0-next.208):
     dependencies:
       esm-env: 1.0.0
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
   rxjs@7.8.1:
     dependencies:
@@ -9919,14 +9919,14 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@3.8.4(postcss-load-config@5.1.0(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.199):
+  svelte-check@3.8.4(postcss-load-config@5.1.0(jiti@1.21.6)(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.208):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
       picocolors: 1.0.1
       sade: 1.8.1
-      svelte: 5.0.0-next.199
-      svelte-preprocess: 5.1.4(postcss-load-config@5.1.0(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.199)(typescript@5.5.4)
+      svelte: 5.0.0-next.208
+      svelte-preprocess: 5.1.4(postcss-load-config@5.1.0(jiti@1.21.6)(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.208)(typescript@5.5.4)
       typescript: 5.5.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -9939,7 +9939,7 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-eslint-parser@0.41.0(svelte@5.0.0-next.199):
+  svelte-eslint-parser@0.41.0(svelte@5.0.0-next.208):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -9947,41 +9947,41 @@ snapshots:
       postcss: 8.4.40
       postcss-scss: 4.0.9(postcss@8.4.40)
     optionalDependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
-  svelte-hmr@0.16.0(svelte@5.0.0-next.199):
+  svelte-hmr@0.16.0(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
-  svelte-preprocess@5.1.4(postcss-load-config@5.1.0(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.199)(typescript@5.5.4):
+  svelte-preprocess@5.1.4(postcss-load-config@5.1.0(jiti@1.21.6)(postcss@8.4.40))(postcss@8.4.40)(svelte@5.0.0-next.208)(typescript@5.5.4):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
       magic-string: 0.30.11
       sorcery: 0.11.1
       strip-indent: 3.0.0
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
     optionalDependencies:
       postcss: 8.4.40
       postcss-load-config: 5.1.0(jiti@1.21.6)(postcss@8.4.40)
       typescript: 5.5.4
 
-  svelte-sonner@0.3.27(svelte@5.0.0-next.199):
+  svelte-sonner@0.3.27(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
-  svelte-toolbelt@0.1.0(svelte@5.0.0-next.199):
+  svelte-toolbelt@0.1.0(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
 
-  svelte2tsx@0.7.13(svelte@5.0.0-next.199)(typescript@5.5.4):
+  svelte2tsx@0.7.13(svelte@5.0.0-next.208)(typescript@5.5.4):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.0.0-next.199
+      svelte: 5.0.0-next.208
       typescript: 5.5.4
 
-  svelte@5.0.0-next.199:
+  svelte@5.0.0-next.208:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
diff --git a/sites/docs/package.json b/sites/docs/package.json
index 7cd0fce12..986cbffc8 100644
--- a/sites/docs/package.json
+++ b/sites/docs/package.json
@@ -39,7 +39,7 @@
 		"rehype-slug": "^6.0.0",
 		"remark-gfm": "^4.0.0",
 		"shiki": "^1.1.1",
-		"svelte": "5.0.0-next.199",
+		"svelte": "5.0.0-next.208",
 		"svelte-check": "^3.6.9",
 		"svelte-sonner": "^0.3.24",
 		"tailwind-merge": "^2.2.1",