+ unmount: () => void
+ }>()
+ })
+})
diff --git a/src/component-types.d.ts b/src/component-types.d.ts
new file mode 100644
index 0000000..a349597
--- /dev/null
+++ b/src/component-types.d.ts
@@ -0,0 +1,43 @@
+import type * as Svelte from 'svelte'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type IS_MODERN_SVELTE = any extends Svelte.Component ? false : true
+
+/** A compiled, imported Svelte component. */
+export type Component = IS_MODERN_SVELTE extends true
+ ? Svelte.Component
| Svelte.SvelteComponent
+ : Svelte.SvelteComponent
+
+/**
+ * The type of an imported, compiled Svelte component.
+ *
+ * In Svelte 4, this was the Svelte component class' type.
+ * In Svelte 5, this distinction no longer matters.
+ */
+export type ComponentType = C extends Svelte.SvelteComponent
+ ? Svelte.ComponentType
+ : C
+
+/** The props of a component. */
+export type Props = Svelte.ComponentProps
+
+/**
+ * The exported fields of a component.
+ *
+ * In Svelte 4, this is simply the instance of the component class.
+ * In Svelte 5, this is the set of variables marked as `export`'d.
+ */
+export type Exports = C extends Svelte.SvelteComponent
+ ? C
+ : C extends Svelte.Component
+ ? E
+ : never
+
+/**
+ * Options that may be passed to `mount` when rendering the component.
+ *
+ * In Svelte 4, these are the options passed to the component constructor.
+ */
+export type MountOptions = IS_MODERN_SVELTE extends true
+ ? Parameters, Exports>>[1]
+ : Svelte.ComponentConstructorOptions>
diff --git a/src/pure.js b/src/pure.js
index edb94b3..875f87c 100644
--- a/src/pure.js
+++ b/src/pure.js
@@ -13,8 +13,8 @@ const componentCache = new Set()
/**
* Customize how Svelte renders the component.
*
- * @template {import('svelte').SvelteComponent} C
- * @typedef {import('svelte').ComponentProps | Partial>>} SvelteComponentOptions
+ * @template {import('./component-types.js').Component} C
+ * @typedef {import('./component-types.js').Props | Partial>} SvelteComponentOptions
*/
/**
@@ -30,15 +30,15 @@ const componentCache = new Set()
/**
* The rendered component and bound testing functions.
*
- * @template {import('svelte').SvelteComponent} C
+ * @template {import('./component-types.js').Component} C
* @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
*
* @typedef {{
* container: HTMLElement
* baseElement: HTMLElement
- * component: C
+ * component: import('./component-types.js').Exports
* debug: (el?: HTMLElement | DocumentFragment) => void
- * rerender: (props: Partial>) => Promise
+ * rerender: (props: Partial>) => Promise
* unmount: () => void
* } & {
* [P in keyof Q]: import('@testing-library/dom').BoundFunction
@@ -48,10 +48,10 @@ const componentCache = new Set()
/**
* Render a component into the document.
*
- * @template {import('svelte').SvelteComponent} C
+ * @template {import('./component-types.js').Component} C
* @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
*
- * @param {import('svelte').ComponentType} Component - The component to render.
+ * @param {import('./component-types.js').ComponentType} Component - The component to render.
* @param {SvelteComponentOptions} options - Customize how Svelte renders the component.
* @param {RenderOptions} renderOptions - Customize how Testing Library sets up the document and binds queries.
* @returns {RenderResult} The rendered component and bound testing functions.
diff --git a/tsconfig.legacy.json b/tsconfig.legacy.json
new file mode 100644
index 0000000..b5d9e57
--- /dev/null
+++ b/tsconfig.legacy.json
@@ -0,0 +1,8 @@
+{
+ "extends": ["./tsconfig.json"],
+ "exclude": [
+ "src/__tests__/render-runes.test-d.ts",
+ "src/__tests__/fixtures/CompRunes.svelte",
+ "src/__tests__/fixtures/TypedRunes.svelte"
+ ]
+}