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.

Inizia riproducendo il problema con i diversi file dell'esempio collegato: index.d.ts, ./toaster e jsconfig.json. Confronta la mappatura diretta di toaster.TonicToaster con la soluzione alternativa che usa una sottoclasse, quindi verifica che document.querySelector("tonic-toaster") abbia il tipo previsto e il comportamento previsto di IntelliSense quando il problema è risolto.