fix: update melt & select/combo docs (#344)

.changeset/quiet-starfishes-flash.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+Floating/Modal Components: improve handling of interact outside events

.changeset/sweet-forks-melt.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+Dialogs: Fix bug where dragging outside of dialog would close it

package.json

@@ -96,7 +96,7 @@
   "type": "module",
   "dependencies": {
     "@internationalized/date": "^3.5.1",
-    "@melt-ui/svelte": "0.71.2",
+    "@melt-ui/svelte": "0.74.2",
     "nanoid": "^5.0.5"
   },
   "peerDependencies": {

src/content/api-reference/combobox.ts

@@ -161,6 +161,10 @@ export const item: APISchema<Combobox.ItemProps> = {
 			name: "disabled",
 			description: "Present when the item is disabled.",
 		},
+		{
+			name: "highlighted",
+			description: "Present when the item is highlighted, via keyboard navigation or hover.",
+		},
 		{
 			name: "combobox-item",
 			description: "Present on the item element.",

src/content/api-reference/select.ts

@@ -187,6 +187,10 @@ export const item: APISchema<Select.ItemProps> = {
 			value: enums("selected", "hovered"),
 			isEnum: true,
 		},
+		{
+			name: "highlighted",
+			description: "Present when the item is highlighted, via keyboard navigation or hover.",
+		},
 		{
 			name: "disabled",
 			description: "Present when the item is disabled.",

src/tests/combobox/Combobox.spec.ts

@@ -6,6 +6,7 @@ import ComboboxTest from "./ComboboxTest.svelte";
 import type { Item } from "./ComboboxTest.svelte";
 import { getTestKbd } from "../utils.js";
 import type { Combobox } from "$lib";
+import { sleep } from "$lib/internal";
 
 const kbd = getTestKbd();
 
@@ -133,7 +134,9 @@ describe("Combobox", () => {
 	it("closes on outside click", async () => {
 		const { user, queryByTestId, getByTestId } = await open();
 		const outside = getByTestId("outside");
+		await sleep(100);
 		await user.click(outside);
+		await sleep(100);
 		expect(queryByTestId("content")).toBeNull();
 	});
 

src/tests/popover/Popover.spec.ts

@@ -5,6 +5,7 @@ import { describe, it } from "vitest";
 import { getTestKbd } from "../utils.js";
 import PopoverTest from "./PopoverTest.svelte";
 import type { Popover } from "$lib";
+import { sleep } from "$lib/internal/sleep.js";
 
 const kbd = getTestKbd();
 
@@ -67,7 +68,10 @@ describe("Popover", () => {
 	it("closes on outside click", async () => {
 		const { user, queryByTestId, getByTestId } = await open();
 		const outside = getByTestId("outside");
+		await sleep(100);
 		await user.click(outside);
+		await sleep(100);
+
 		expect(queryByTestId("content")).toBeNull();
 	});
 

src/tests/select/Select.spec.ts

@@ -6,6 +6,7 @@ import SelectTest from "./SelectTest.svelte";
 import type { Item } from "./SelectTest.svelte";
 import { getTestKbd } from "../utils.js";
 import type { Select } from "$lib";
+import { sleep } from "$lib/internal";
 
 const kbd = getTestKbd();
 
@@ -130,7 +131,9 @@ describe("Select", () => {
 	it("closes on outside click", async () => {
 		const { user, queryByTestId, getByTestId } = await open();
 		const outside = getByTestId("outside");
+		await sleep(100);
 		await user.click(outside);
+		await sleep(100);
 		expect(queryByTestId("content")).toBeNull();
 	});