some type fixes

packages/bbui/src/ActionButton/ActionButton.svelte

@@ -1,19 +1,19 @@
-<script>
+<script lang="ts">
   import "@spectrum-css/actionbutton/dist/index-vars.css"
   import Tooltip from "../Tooltip/Tooltip.svelte"
   import { fade } from "svelte/transition"
   import { hexToRGBA } from "../helpers"
 
-  export let quiet = false
-  export let selected = false
-  export let disabled = false
-  export let icon = ""
-  export let size = "M"
-  export let active = false
-  export let fullWidth = false
-  export let noPadding = false
-  export let tooltip = ""
-  export let accentColor = null
+  export let quiet: boolean = false
+  export let selected: boolean = false
+  export let disabled: boolean = false
+  export let icon: string = ""
+  export let size: "S" | "M" | "L" = "M"
+  export let active: boolean = false
+  export let fullWidth: boolean = false
+  export let noPadding: boolean = false
+  export let tooltip: string = ""
+  export let accentColor: string | null = null
 
   let showTooltip = false
 

packages/bbui/src/List/ListItem.svelte

@@ -2,11 +2,11 @@
   import Icon from "../Icon/Icon.svelte"
   import StatusLight from "../StatusLight/StatusLight.svelte"
 
-  export let icon: string | null = null
-  export let iconColor: string | null = null
-  export let title: string | null = null
-  export let subtitle: string | null = null
-  export let url: string | null = null
+  export let icon: string | undefined = undefined
+  export let iconColor: string | undefined = undefined
+  export let title: string | undefined = undefined
+  export let subtitle: string | undefined = undefined
+  export let url: string | undefined = undefined
   export let hoverable: boolean = false
   export let showArrow: boolean = false
   export let selected: boolean = false

packages/builder/src/components/common/ScreensPopover.svelte

@@ -11,7 +11,7 @@
 
   export let screens: ScreenUsage[] = []
   export let icon = "DeviceDesktop"
-  export let accentColor: string | undefined = undefined
+  export let accentColor: string | null | undefined = null
   export let showCount = false
   export let align = PopoverAlignment.Left
 
@@ -31,7 +31,7 @@
     <ActionButton
       {icon}
       quiet
-      selected={open || (showCount && screens.length)}
+      selected={open || !!(showCount && screens.length)}
       {accentColor}
       on:click={show}
     >

packages/builder/src/components/integration/ConnectedQueryScreens.svelte

@@ -19,7 +19,7 @@
   }
 
   onMount(async () => {
-    let response = await screenStore.usageOfScreens(sourceId)
+    let response = await screenStore.usageInScreens(sourceId)
     screens = response?.screens
   })
 </script>