chore: add more type docs

src/ListBox/ListBox.svelte

@@ -11,6 +11,10 @@
    */
   export let type = "default";
 
+  /**
+   * Set to `true` to open the list box
+   * @type {boolean} [open=false]
+   */
   export let open = false;
 
   /**
@@ -18,8 +22,23 @@
    * @type {boolean} [light=false]
    */
   export let light = false;
+
+  /**
+   * Set to `true` to disable the list box
+   * @type {boolean} [disable=false]
+   */
   export let disabled = false;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @type {boolean} [invalid=false]
+   */
   export let invalid = false;
+
+  /**
+   * Specify the invalid state text
+   * @type {string} [invalidText=""]
+   */
   export let invalidText = "";
 </script>
 

src/ListBox/ListBoxField.svelte

@@ -10,6 +10,11 @@
    * @type {string} [id]
    */
   export let id = "ccs-" + Math.random().toString(36);
+
+  /**
+   * Obtain a reference to the top-level HTML element
+   * @type {null | HTMLElement} [ref=null]
+   */
   export let ref = null;
 
   import { getContext } from "svelte";

src/ListBox/ListBoxMenu.svelte

@@ -4,13 +4,11 @@
    * @type {string} [id]
    */
   export let id = "ccs-" + Math.random().toString(36);
-
-  $: menuId = `menu-${id}`;
 </script>
 
 <div
   role="listbox"
-  id={menuId}
+  id="menu-{id}"
   class:bx--list-box__menu={true}
   {...$$restProps}>
   <slot />