Version 2.0

package.json

@@ -28,7 +28,7 @@
     "test": "jest"
   },
   "peerDependencies": {
-    "svelte": "^3.44.0"
+    "svelte": "^3.47.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",
@@ -57,7 +57,7 @@
     "prettier-plugin-svelte": "^2.4.0",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-slug": "^5.0.1",
-    "svelte": "^3.44.0",
+    "svelte": "^3.47.0",
     "svelte-check": "^2.4.1",
     "svelte-inline-compile": "^0.0.1",
     "svelte-jester": "^2.1.5",

src/lib/components/description/description.test.ts

@@ -58,6 +58,7 @@ it("should be possible to use a DescriptionProvider and a single Description, an
       </p>
 
 
+
 
       <span>
         Contents
@@ -87,6 +88,7 @@ it("should be possible to use a DescriptionProvider and multiple Description com
       </p>
 
 
+
 
       <span>
         Contents
@@ -99,6 +101,7 @@ it("should be possible to use a DescriptionProvider and multiple Description com
       </p>
 
 
+
     </div>
   `);
 });
@@ -124,6 +127,7 @@ it("should be possible to use a DescriptionProvider with slot props", async () =
       </p>
 
 
+
 
       <span>
         Contents

src/lib/components/label/label.test.ts

@@ -64,6 +64,7 @@ it("should be possible to use a LabelProvider and a single Label, and have them
       </label>
 
 
+
 
       <span>
         Contents
@@ -93,6 +94,7 @@ it("should be possible to use a LabelProvider and multiple Label components, and
       </label>
 
 
+
 
       <span>
         Contents
@@ -105,6 +107,7 @@ it("should be possible to use a LabelProvider and multiple Label components, and
       </label>
 
 
+
     </div>
   `);
 });
@@ -129,6 +132,7 @@ it("should be possible to render a Label with an `as` prop", async () => {
       </p>
 
 
+
 
       <span>
         Contents
@@ -159,6 +163,7 @@ it("should be possible to change the props of a Label", async () => {
       </label>
 
 
+
 
       <span>
         Contents
@@ -181,6 +186,7 @@ it("should be possible to change the props of a Label", async () => {
       </label>
 
 
+
 
       <span>
         Contents
@@ -209,6 +215,7 @@ it("should be possible to use a LabelProvider with slot props", async () => {
       </label>
 
 
+
 
       <span>
         Contents

src/lib/components/listbox/Listbox.svelte

@@ -32,7 +32,7 @@
     clearSearch(): void;
     registerOption(id: string, dataRef: ListboxOptionDataRef): void;
     unregisterOption(id: string): void;
-    select(value: unknown): void;
+    select(newValue: unknown): void;
   };
 
   const LISTBOX_CONTEXT_NAME = "headlessui-listbox-context";
@@ -69,7 +69,7 @@
     Focus,
     calculateActiveIndex,
   } from "$lib/utils/calculate-active-index";
-  import { createEventDispatcher, getContext, setContext } from "svelte";
+  import { getContext, setContext } from "svelte";
   import type { Readable, Writable } from "svelte/store";
   import { writable } from "svelte/store";
   import { match } from "$lib/utils/match";
@@ -92,13 +92,7 @@
   export let value: StateDefinition["value"];
 
   /***** Events *****/
-  const forwardEvents = forwardEventsBuilder(get_current_component(), [
-    "change",
-  ]);
-
-  const dispatch = createEventDispatcher<{
-    change: any;
-  }>();
+  const forwardEvents = forwardEventsBuilder(get_current_component());
 
   /***** Component *****/
   $: orientation = (
@@ -229,9 +223,9 @@
         return nextOptions.indexOf(currentActiveOption);
       })();
     },
-    select(value: unknown) {
+    select(newValue: unknown) {
       if (disabled) return;
-      dispatch("change", value);
+      value = newValue;
     },
   });
   setContext(LISTBOX_CONTEXT_NAME, api);