Cannot import javascript class in `index.d.ts` when using `jsconfig.json`

Bug Report

🔎 Search Terms

JSDoc, javascript, import, index.d.ts, jsconfig

🕗 Version & Regression Information

v4.1.2

⏯ Playground Link

Requires multiple files ( https://github.com/optoolco/components/blob/master/index.d.ts )

💻 Code

// index.d.ts

import * as toaster from "./toaster"

declare global {
  interface HTMLElementTagNameMap {
    "tonic-toaster": toaster.TonicToaster;
  }
}

🙁 Actual behavior

Expected toaster.TonicToaster to exist and for document.querySelector('tonic-toaster') to work.

🙂 Expected behavior

toaster.TonicToaster is any, however when subclasses it, it works as expected

// index.d.ts

import * as toaster from "./toaster"
class CTonicToaster extends toaster.TonicToaster {}

declare global {
  interface HTMLElementTagNameMap {
    "tonic-toaster": CTonicToaster;
  }
}

The goal here is for const t = document.querySelector('tonic-toaster') to work. When subclassing in the index.d.ts it works as expected including intellisense and go to definition for methods like toaster.create({})

When using "tonic-toaster": toaster.TonicToaster the querySelector("tonic-toaster") returns type any instead.

Start by reproducing the issue with the multiple files in the linked example: index.d.ts, ./toaster, and jsconfig.json. Compare the direct toaster.TonicToaster mapping with the subclass workaround, then verify document.querySelector("tonic-toaster") has the expected type and IntelliSense behavior when the issue is fixed.