Upgrade svelte-check, svelte2tsx

src/lib/components/listbox/Listbox.svelte

@@ -60,7 +60,7 @@
     /** Whether the entire `Listbox` should be oriented horizontally instead of vertically */
     horizontal?: boolean;
     /** The selected value */
-    value?: StateDefinition["value"];
+    value: StateDefinition["value"];
   };
 </script>
 

src/lib/components/listbox/ListboxOption.svelte

@@ -1,8 +1,9 @@
 <script lang="ts" context="module">
+  // The HTML typings include `value` so we must ignore it
   type TListboxOptionProps<
     TSlotProps extends {},
     TAsProp extends SupportedAs
-  > = TPassThroughProps<TSlotProps, TAsProp, "li"> & {
+  > = Omit<TPassThroughProps<TSlotProps, TAsProp, "li">, "value"> & {
     /** The option value */
     value: unknown;
     /** Whether the option should be disabled for keyboard navigation and ARIA purposes */

src/lib/hooks/use-inert-others.ts

@@ -6,7 +6,6 @@ let originals = new Map<
 
 function inert(element: HTMLElement) {
   element.setAttribute("aria-hidden", "true");
-  // @ts-expect-error `inert` does not exist on HTMLElement (yet!)
   element.inert = true;
 }
 
@@ -16,7 +15,6 @@ function restore(element: HTMLElement) {
 
   if (original["aria-hidden"] === null) element.removeAttribute("aria-hidden");
   else element.setAttribute("aria-hidden", original["aria-hidden"]);
-  // @ts-expect-error `inert` does not exist on HTMLElement (yet!)
   element.inert = original.inert;
 }
 
@@ -53,7 +51,6 @@ export function useInertOthers<TElement extends HTMLElement>(
     if (interactables.size === 1) {
       originals.set(child, {
         "aria-hidden": child.getAttribute("aria-hidden"),
-        // @ts-expect-error `inert` does not exist on HTMLElement (yet!)
         inert: child.inert,
       });
 
@@ -83,7 +80,6 @@ export function useInertOthers<TElement extends HTMLElement>(
 
         originals.set(child, {
           "aria-hidden": child.getAttribute("aria-hidden"),
-          // @ts-expect-error `inert` does not exist on HTMLElement (yet!)
           inert: child.inert,
         });
 

src/routes/docs/1.0/examples/_PopoverIconOne.svelte

@@ -4,6 +4,7 @@
   viewBox="0 0 48 48"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
+  {...$$props}
 >
   <rect width="48" height="48" rx="8" fill="#FFEDD5" />
   <path

src/routes/docs/1.0/examples/_PopoverIconThree.svelte

@@ -4,6 +4,7 @@
   viewBox="0 0 48 48"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
+  {...$$props}
 >
   <rect width="48" height="48" rx="8" fill="#FFEDD5" />
   <rect x="13" y="32" width="2" height="4" fill="#FDBA74" />

src/routes/docs/1.0/examples/_PopoverIconTwo.svelte

@@ -4,6 +4,7 @@
   viewBox="0 0 48 48"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
+  {...$$props}
 >
   <rect width="48" height="48" rx="8" fill="#FFEDD5" />
   <path

src/routes/docs/2.0/examples/_PopoverIconOne.svelte

@@ -4,6 +4,7 @@
   viewBox="0 0 48 48"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
+  {...$$props}
 >
   <rect width="48" height="48" rx="8" fill="#FFEDD5" />
   <path

src/routes/docs/2.0/examples/_PopoverIconThree.svelte

@@ -4,6 +4,7 @@
   viewBox="0 0 48 48"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
+  {...$$props}
 >
   <rect width="48" height="48" rx="8" fill="#FFEDD5" />
   <rect x="13" y="32" width="2" height="4" fill="#FDBA74" />

src/routes/docs/2.0/examples/_PopoverIconTwo.svelte

@@ -4,6 +4,7 @@
   viewBox="0 0 48 48"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
+  {...$$props}
 >
   <rect width="48" height="48" rx="8" fill="#FFEDD5" />
   <path

src/routes/popover/_Button.svelte

@@ -4,7 +4,7 @@
 
 <PopoverButton
   class="px-3 py-2 bg-gray-300 border-2 border-transparent focus:outline-none focus:border-blue-900"
-  {...$$restProps}
+  {...$$props}
 >
   <slot />
 </PopoverButton>

src/routes/popover/_Link.svelte

@@ -1,7 +1,7 @@
 <a
   href="/"
   class="px-3 py-2 border-2 border-transparent hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:border-blue-900"
-  {...$$restProps}
+  {...$$props}
 >
   <slot />
 </a>