diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 77cd8bc43fc0..79f17ec437a9 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -61,7 +61,6 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^6.2.0",
     "@testing-library/svelte": "^5.2.4",
-    "expect-type": "^1.1.0",
     "svelte": "^5.39.5",
     "svelte-check": "^4.3.2",
     "sveltedoc-parser": "^4.2.1",
diff --git a/code/renderers/svelte/src/__test__/Button.svelte b/code/renderers/svelte/src/__test__/Button.svelte
index b7fd6e8e325c..f2f172f8089f 100644
--- a/code/renderers/svelte/src/__test__/Button.svelte
+++ b/code/renderers/svelte/src/__test__/Button.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
-  import { createEventDispatcher } from 'svelte';
+  interface Props {
+    disabled: boolean;
+    label: string;
+    clicked?: (e: MouseEvent) => void;
+  }
 
-  export let disabled: boolean;
-  export let label: string;
-
-  const dispatch = createEventDispatcher();
+  // When a Svelte 5 component only uses runes, it is typed as a function component.
+  // Others are typed as class components. Hence we need to have tests for both shapes.
+  let { disabled, label, clicked}: Props = $props();
 </script>
 
-<button on:click={(e) => dispatch('clicked', e)} on:dblclick on:mousemove {disabled}>
+<button onclick={clicked} {disabled}>
   {label}
 </button>
diff --git a/code/renderers/svelte/src/__test__/ButtonV5.svelte b/code/renderers/svelte/src/__test__/ButtonV5.svelte
deleted file mode 100644
index f2f172f8089f..000000000000
--- a/code/renderers/svelte/src/__test__/ButtonV5.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-  interface Props {
-    disabled: boolean;
-    label: string;
-    clicked?: (e: MouseEvent) => void;
-  }
-
-  // When a Svelte 5 component only uses runes, it is typed as a function component.
-  // Others are typed as class components. Hence we need to have tests for both shapes.
-  let { disabled, label, clicked}: Props = $props();
-</script>
-
-<button onclick={clicked} {disabled}>
-  {label}
-</button>
diff --git a/code/renderers/svelte/src/__test__/Decorator.svelte b/code/renderers/svelte/src/__test__/Decorator.svelte
index 4fc5241ba9d4..25882b77a43b 100644
--- a/code/renderers/svelte/src/__test__/Decorator.svelte
+++ b/code/renderers/svelte/src/__test__/Decorator.svelte
@@ -1,8 +1,14 @@
 <script lang="ts">
-  export let decoratorArg: string;
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    children: Snippet;
+    decoratorArg: string;
+  }
+  let { children, decoratorArg }: Props = $props();
 </script>
 
 <div>
   Decorator: {decoratorArg}
-  <slot />
+  {@render children()}
 </div>
diff --git a/code/renderers/svelte/src/__test__/Decorator2.svelte b/code/renderers/svelte/src/__test__/Decorator2.svelte
index 57d98a6e2676..6e4f4742208c 100644
--- a/code/renderers/svelte/src/__test__/Decorator2.svelte
+++ b/code/renderers/svelte/src/__test__/Decorator2.svelte
@@ -1,8 +1,14 @@
 <script lang="ts">
-  export let decoratorArg2: string;
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    children: Snippet;
+    decoratorArg2: string;
+  }
+  let { children, decoratorArg2 }: Props = $props();
 </script>
 
 <div>
   Decorator: {decoratorArg2}
-  <slot />
+  {@render children()}
 </div>
diff --git a/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts b/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts
index a7dc10a6aa6a..74fd32c9b0bf 100644
--- a/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts
+++ b/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts
@@ -53,7 +53,6 @@ const getCaptionForLocale = (locale: string) => {
   }
 };
 
-// @ts-expect-error -- incompatibility with Svelte 5 types and CSF
 export const CSF2StoryWithLocale: CSF2Story<typeof StoryWithLocaleComponent> = (
   args,
   { globals }
@@ -105,7 +104,7 @@ export const CSF3Button: CSF3Story = {
   args: { label: 'foo' },
 };
 
-export const CSF3ButtonWithRender: StoryObj<CustomRenderComponent> = {
+export const CSF3ButtonWithRender: StoryObj<typeof CustomRenderComponent> = {
   args: {
     buttonProps: CSF3Button.args,
   },
diff --git a/code/renderers/svelte/src/__test__/composeStories/CustomRenderComponent.svelte b/code/renderers/svelte/src/__test__/composeStories/CustomRenderComponent.svelte
index a31f0db65f12..280128926ab3 100644
--- a/code/renderers/svelte/src/__test__/composeStories/CustomRenderComponent.svelte
+++ b/code/renderers/svelte/src/__test__/composeStories/CustomRenderComponent.svelte
@@ -2,7 +2,7 @@
   import Button from './Button.svelte';
   import type { ComponentProps } from 'svelte';
 
-  export let buttonProps: ComponentProps<typeof Button>;
+  let { buttonProps }: { buttonProps: ComponentProps<typeof Button> } = $props();
 </script>
 
 <div>
diff --git a/code/renderers/svelte/src/__test__/composeStories/LoaderStoryComponent.svelte b/code/renderers/svelte/src/__test__/composeStories/LoaderStoryComponent.svelte
index 5295f9ea991e..8e30fc3c95d7 100644
--- a/code/renderers/svelte/src/__test__/composeStories/LoaderStoryComponent.svelte
+++ b/code/renderers/svelte/src/__test__/composeStories/LoaderStoryComponent.svelte
@@ -1,15 +1,16 @@
-<script>
-  export let mockFn;
-  export let loaded;
+<script lang="ts">
+  let {
+    mockFn,
+    loaded,
+  }: {
+    mockFn: (arg: string) => string;
+    loaded: { value: string };
+  } = $props();
 
-  let data;
-  
-  $: if (mockFn && loaded) {
-    data = mockFn('render');
-  }
+  let data = $derived(mockFn && loaded && mockFn('render'));
 </script>
 
 <div>
   <div data-testid="loaded-data">{loaded.value}</div>
   <div data-testid="spy-data">{String(data)}</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/code/renderers/svelte/src/__test__/composeStories/StoryWithLocaleComponent.svelte b/code/renderers/svelte/src/__test__/composeStories/StoryWithLocaleComponent.svelte
index fc71b19231e8..4dd8452eee32 100644
--- a/code/renderers/svelte/src/__test__/composeStories/StoryWithLocaleComponent.svelte
+++ b/code/renderers/svelte/src/__test__/composeStories/StoryWithLocaleComponent.svelte
@@ -1,11 +1,16 @@
-<script>
+<script lang="ts">
   import Button from './Button.svelte';
-  
-  export let locale;
-  export let label;
+
+  let {
+    locale,
+    label,
+  }: {
+    locale: string;
+    label: string;
+  } = $props();
 </script>
 
 <div>
   <p>locale: {locale}</p>
-  <Button label={label} />
-</div>
\ No newline at end of file
+  <Button {label} />
+</div>
diff --git a/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts b/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts
index f513f5e9bec4..fb4d5d3ab017 100644
--- a/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts
+++ b/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts
@@ -1,7 +1,7 @@
 // @vitest-environment happy-dom
 /// <reference types="@testing-library/jest-dom" />;
 import { cleanup, render, screen } from '@testing-library/svelte';
-import { afterEach, describe, expect, it, vi } from 'vitest';
+import { afterEach, describe, expect, it } from 'vitest';
 
 // import '@testing-library/svelte/vitest';
 import { expectTypeOf } from 'expect-type';
diff --git a/code/renderers/svelte/src/public-types.test.ts b/code/renderers/svelte/src/public-types.test.ts
index 154065beec2f..9f51b2626486 100644
--- a/code/renderers/svelte/src/public-types.test.ts
+++ b/code/renderers/svelte/src/public-types.test.ts
@@ -1,5 +1,5 @@
 // this file tests Typescript types that's why there are no assertions
-import { describe, it } from 'vitest';
+import { describe, expectTypeOf, it } from 'vitest';
 
 import { satisfies } from 'storybook/internal/common';
 import type {
@@ -9,32 +9,23 @@ import type {
   StoryAnnotations,
 } from 'storybook/internal/types';
 
-import { expectTypeOf } from 'expect-type';
-import { type Component, type ComponentProps, SvelteComponent } from 'svelte';
+import type { Component, ComponentProps } from 'svelte';
 
 import Button from './__test__/Button.svelte';
-import ButtonV5 from './__test__/ButtonV5.svelte';
 import Decorator2 from './__test__/Decorator2.svelte';
 import Decorator1 from './__test__/Decorator.svelte';
 import type { Decorator, Meta, StoryObj } from './public-types';
 import type { SvelteRenderer } from './types';
 
-type SvelteStory<
-  Comp extends SvelteComponent | Component<any, any, any>,
+type SvelteStory<Comp extends Component<any, any, any>, Args, RequiredArgs> = StoryAnnotations<
+  SvelteRenderer<Comp>,
   Args,
-  RequiredArgs,
-> = StoryAnnotations<SvelteRenderer<Comp>, Args, RequiredArgs>;
-
-// The imported Svelte component in Svelte 5 has an isomorphic type (both function and class).
-// In order to test how it would look like for real Svelte 4 components, we need to create the class type manually.
-declare class ButtonV4 extends SvelteComponent<{
-  disabled: boolean;
-  label: string;
-}> {}
+  RequiredArgs
+>;
 
 describe('Meta', () => {
   it('Generic parameter of Meta can be a component', () => {
-    const meta: Meta<Button> = {
+    const meta: Meta<typeof Button> = {
       component: Button,
       args: {
         label: 'good',
@@ -42,22 +33,8 @@ describe('Meta', () => {
       },
     };
 
-    expectTypeOf(meta).toMatchTypeOf<
-      ComponentAnnotations<SvelteRenderer<Button>, { disabled: boolean; label: string }>
-    >();
-  });
-
-  it('Generic parameter of Meta can be a Svelte 5 component', () => {
-    const meta: Meta<typeof ButtonV5> = {
-      component: ButtonV5,
-      args: {
-        label: 'good',
-        disabled: false,
-      },
-    };
-
-    expectTypeOf(meta).toMatchTypeOf<
-      ComponentAnnotations<SvelteRenderer<typeof ButtonV5>, { disabled: boolean; label: string }>
+    expectTypeOf(meta).toExtend<
+      ComponentAnnotations<SvelteRenderer<typeof Button>, { disabled: boolean; label: string }>
     >();
   });
 
@@ -67,108 +44,41 @@ describe('Meta', () => {
       args: { label: 'good', disabled: false },
     };
 
-    expectTypeOf(meta).toMatchTypeOf<
+    expectTypeOf(meta).toExtend<
       ComponentAnnotations<SvelteRenderer, { disabled: boolean; label: string }>
     >();
   });
-
-  it('Events are inferred from component', () => {
-    const meta: Meta<Button> = {
-      component: Button,
-      args: {
-        label: 'good',
-        disabled: false,
-      },
-      render: (args) => ({
-        Component: Button,
-        props: args,
-        on: {
-          mousemove: (event) => {
-            expectTypeOf(event).toMatchTypeOf<MouseEvent>();
-          },
-        },
-      }),
-    };
-    expectTypeOf(meta).toMatchTypeOf<Meta<Button>>();
-  });
-
-  it('Events fallback to custom events when no component is specified', () => {
-    const meta: Meta<{ disabled: boolean; label: string }> = {
-      component: Button,
-      args: { label: 'good', disabled: false },
-      render: (args) => ({
-        Component: Button,
-        props: args,
-        on: {
-          mousemove: (event) => {
-            expectTypeOf(event).toMatchTypeOf<CustomEvent>();
-          },
-        },
-      }),
-    };
-    expectTypeOf(meta).toMatchTypeOf<Meta<Button>>();
-  });
 });
 
 describe('StoryObj', () => {
   it('✅ Required args may be provided partial in meta and the story', () => {
-    const meta = satisfies<Meta<Button>>()({
+    const meta = satisfies<Meta<typeof Button>>()({
       component: Button,
       args: { label: 'good' },
     });
 
     type Actual = StoryObj<typeof meta>;
     type Expected = SvelteStory<
-      Button,
-      { disabled: boolean; label: string },
-      { disabled: boolean; label?: string }
-    >;
-    expectTypeOf<Actual>().toMatchTypeOf<Expected>();
-  });
-
-  it('✅ Required args may be provided partial in meta and the story (Svelte 4, non-isomorphic type)', () => {
-    const meta = satisfies<Meta<ButtonV4>>()({
-      component: null as any as typeof ButtonV4,
-      args: { label: 'good' },
-    });
-
-    type Actual = StoryObj<typeof meta>;
-    type Expected = SvelteStory<
-      ButtonV4,
-      { disabled: boolean; label: string },
-      { disabled: boolean; label?: string }
-    >;
-    expectTypeOf<Actual>().toMatchTypeOf<Expected>();
-  });
-
-  it('✅ Required args may be provided partial in meta and the story (Svelte 5)', () => {
-    const meta = satisfies<Meta<typeof ButtonV5>>()({
-      component: ButtonV5,
-      args: { label: 'good' },
-    });
-
-    type Actual = StoryObj<typeof meta>;
-    type Expected = SvelteStory<
-      typeof ButtonV5,
+      typeof Button,
       { disabled: boolean; label: string },
       { disabled: boolean; label?: string }
     >;
-    expectTypeOf<Actual>().toMatchTypeOf<Expected>();
+    expectTypeOf<Actual>().toExtend<Expected>();
   });
 
   it('❌ The combined shape of meta args and story args must match the required args.', () => {
     {
-      const meta = satisfies<Meta<Button>>()({ component: Button });
+      const meta = satisfies<Meta<typeof Button>>()({ component: Button });
 
       type Expected = SvelteStory<
-        Button,
+        typeof Button,
         { disabled: boolean; label: string },
         { disabled: boolean; label: string }
       >;
-      expectTypeOf<StoryObj<typeof meta>>().toMatchTypeOf<Expected>();
+      expectTypeOf<StoryObj<typeof meta>>().toExtend<Expected>();
     }
     {
-      const meta = satisfies<Meta<Button>>()({
+      const meta = satisfies<Meta<typeof Button>>()({
         component: Button,
         args: { label: 'good' },
       });
@@ -176,11 +86,11 @@ describe('StoryObj', () => {
       const Basic: StoryObj<typeof meta> = {};
 
       type Expected = SvelteStory<
-        Button,
+        typeof Button,
         { disabled: boolean; label: string },
         { disabled: boolean; label?: string }
       >;
-      expectTypeOf(Basic).toMatchTypeOf<Expected>();
+      expectTypeOf(Basic).toExtend<Expected>();
     }
     {
       const meta = satisfies<Meta<{ label: string; disabled: boolean }>>()({ component: Button });
@@ -190,28 +100,18 @@ describe('StoryObj', () => {
       };
 
       type Expected = SvelteStory<
-        Button,
+        typeof Button,
         { disabled: boolean; label: string },
         { disabled: boolean; label: string }
       >;
-      expectTypeOf(Basic).toMatchTypeOf<Expected>();
+      expectTypeOf(Basic).toExtend<Expected>();
     }
   });
 
   it('Component can be used as generic parameter for StoryObj', () => {
-    expectTypeOf<StoryObj<Button>>().toMatchTypeOf<
-      SvelteStory<
-        Button,
-        { disabled: boolean; label: string },
-        { disabled?: boolean; label?: string }
-      >
-    >();
-  });
-
-  it('Svelte 5 Component can be used as generic parameter for StoryObj', () => {
-    expectTypeOf<StoryObj<typeof ButtonV5>>().toMatchTypeOf<
+    expectTypeOf<StoryObj<typeof Button>>().toExtend<
       SvelteStory<
-        typeof ButtonV5,
+        typeof Button,
         { disabled: boolean; label: string },
         { disabled?: boolean; label?: string }
       >
@@ -223,7 +123,7 @@ type ThemeData = 'light' | 'dark';
 
 describe('Story args can be inferred', () => {
   it('Correct args are inferred when type is widened for render function', () => {
-    const meta = satisfies<Meta<ComponentProps<Button> & { theme: ThemeData }>>()({
+    const meta = satisfies<Meta<ComponentProps<typeof Button> & { theme: ThemeData }>>()({
       component: Button,
       args: { disabled: false },
       render: (args, { component }) => {
@@ -237,11 +137,11 @@ describe('Story args can be inferred', () => {
     const Basic: StoryObj<typeof meta> = { args: { theme: 'light', label: 'good' } };
 
     type Expected = SvelteStory<
-      Button,
+      typeof Button,
       { theme: ThemeData; disabled: boolean; label: string },
       { theme: ThemeData; disabled?: boolean; label: string }
     >;
-    expectTypeOf(Basic).toMatchTypeOf<Expected>();
+    expectTypeOf(Basic).toExtend<Expected>();
   });
 
   const withDecorator: Decorator<{ decoratorArg: string }> = (
@@ -253,7 +153,7 @@ describe('Story args can be inferred', () => {
   });
 
   it('Correct args are inferred when type is widened for decorators', () => {
-    type Props = ComponentProps<Button> & { decoratorArg: string };
+    type Props = ComponentProps<typeof Button> & { decoratorArg: string };
 
     const meta = satisfies<Meta<Props>>()({
       component: Button,
@@ -264,15 +164,15 @@ describe('Story args can be inferred', () => {
     const Basic: StoryObj<typeof meta> = { args: { decoratorArg: 'title', label: 'good' } };
 
     type Expected = SvelteStory<
-      Button,
+      typeof Button,
       Props,
       { decoratorArg: string; disabled?: boolean; label: string }
     >;
-    expectTypeOf(Basic).toMatchTypeOf<Expected>();
+    expectTypeOf(Basic).toExtend<Expected>();
   });
 
   it('Correct args are inferred when type is widened for multiple decorators', () => {
-    type Props = ComponentProps<Button> & { decoratorArg: string; decoratorArg2: string };
+    type Props = ComponentProps<typeof Button> & { decoratorArg: string; decoratorArg2: string };
 
     const secondDecorator: Decorator<{ decoratorArg2: string }> = (
       _storyFn,
@@ -293,40 +193,30 @@ describe('Story args can be inferred', () => {
     };
 
     type Expected = SvelteStory<
-      Button,
+      typeof Button,
       Props,
       { decoratorArg: string; decoratorArg2: string; disabled?: boolean; label: string }
     >;
-    expectTypeOf(Basic).toMatchTypeOf<Expected>();
+    expectTypeOf(Basic).toExtend<Expected>();
   });
 });
 
 it('mount accepts a Component and props', () => {
-  const Basic: StoryObj<Button> = {
+  const Basic: StoryObj<typeof Button> = {
     async play({ mount }) {
       const canvas = await mount(Button, { props: { label: 'label', disabled: true } });
-      expectTypeOf(canvas).toMatchTypeOf<Canvas>();
-    },
-  };
-  expectTypeOf(Basic).toMatchTypeOf<StoryObj<Button>>();
-});
-
-it('mount accepts a Svelte 5 Component and props', () => {
-  const Basic: StoryObj<typeof ButtonV5> = {
-    async play({ mount }) {
-      const canvas = await mount(ButtonV5, { props: { label: 'label', disabled: true } });
-      expectTypeOf(canvas).toMatchTypeOf<Canvas>();
+      expectTypeOf(canvas).toExtend<Canvas>();
     },
   };
-  expectTypeOf(Basic).toMatchTypeOf<StoryObj<typeof ButtonV5>>();
+  expectTypeOf(Basic).toExtend<StoryObj<typeof Button>>();
 });
 
 it('StoryObj can accept args directly', () => {
-  const Story: StoryObj<Args> = {
+  const _Story: StoryObj<Args> = {
     args: {},
   };
 
-  const Story2: StoryObj<{ prop: boolean }> = {
+  const _Story2: StoryObj<{ prop: boolean }> = {
     args: {
       prop: true,
     },
diff --git a/code/renderers/svelte/src/public-types.ts b/code/renderers/svelte/src/public-types.ts
index 87b9d58aa0c0..c7414beb560b 100644
--- a/code/renderers/svelte/src/public-types.ts
+++ b/code/renderers/svelte/src/public-types.ts
@@ -12,10 +12,10 @@ import type {
   StrictArgs,
 } from 'storybook/internal/types';
 
-import type { ComponentProps, ComponentType, SvelteComponent } from 'svelte';
+import type { Component, ComponentProps } from 'svelte';
 import type { SetOptional, Simplify } from 'type-fest';
 
-import type { Svelte5ComponentType, SvelteRenderer } from './types';
+import type { SvelteRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
 
@@ -24,22 +24,20 @@ export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/
  *
  * @see [Default export](https://storybook.js.org/docs/api/csf#default-export)
  */
-export type Meta<CmpOrArgs = Args> = CmpOrArgs extends
-  | SvelteComponent<infer Props>
-  | Svelte5ComponentType<infer Props>
-  ? ComponentAnnotations<SvelteRenderer<CmpOrArgs>, Props>
-  : ComponentAnnotations<SvelteRenderer, CmpOrArgs>;
+export type Meta<CmpOrArgs = Args> =
+  CmpOrArgs extends Component<infer Props>
+    ? ComponentAnnotations<SvelteRenderer<CmpOrArgs>, Props>
+    : ComponentAnnotations<SvelteRenderer, CmpOrArgs>;
 
 /**
  * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
  */
-export type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends
-  | SvelteComponent<infer Props>
-  | Svelte5ComponentType<infer Props>
-  ? AnnotatedStoryFn<SvelteRenderer, Props>
-  : AnnotatedStoryFn<SvelteRenderer, TCmpOrArgs>;
+export type StoryFn<TCmpOrArgs = Args> =
+  TCmpOrArgs extends Component<infer Props>
+    ? AnnotatedStoryFn<SvelteRenderer, Props>
+    : AnnotatedStoryFn<SvelteRenderer, TCmpOrArgs>;
 
 /**
  * Story object that represents a CSFv3 component example.
@@ -48,32 +46,20 @@ export type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends
  */
 export type StoryObj<MetaOrCmpOrArgs = Args> = MetaOrCmpOrArgs extends {
   render?: ArgsStoryFn<SvelteRenderer, any>;
-  component: infer Comp; // We cannot use "extends ComponentType | Svelte5ComponentType" here, because TypeScript for some reason then refuses to ever enter the true branch
+  component: infer Comp; // We cannot use "extends Component" here, because TypeScript for some reason then refuses to ever enter the true branch
   args?: infer DefaultArgs;
 }
   ? Simplify<
-      ComponentProps<
-        Comp extends ComponentType<infer Component>
-          ? Component
-          : Comp extends Svelte5ComponentType
-            ? Comp
-            : never
-      > &
+      ComponentProps<Comp extends Component<any, any, any> ? Comp : never> &
         ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>
     > extends infer TArgs
     ? StoryAnnotations<
-        SvelteRenderer<
-          Comp extends ComponentType<infer Component>
-            ? Component
-            : Comp extends Svelte5ComponentType
-              ? Comp
-              : never
-        >,
+        SvelteRenderer<Comp extends Component<any, any, any> ? Comp : never>,
         TArgs,
         SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>
       >
     : never
-  : MetaOrCmpOrArgs extends SvelteComponent | Svelte5ComponentType
+  : MetaOrCmpOrArgs extends Component<any, any, any>
     ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>>
     : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
 
diff --git a/code/renderers/svelte/src/types.ts b/code/renderers/svelte/src/types.ts
index 503e47002b57..ebfe203bb165 100644
--- a/code/renderers/svelte/src/types.ts
+++ b/code/renderers/svelte/src/types.ts
@@ -4,70 +4,30 @@ import type {
   WebRenderer,
 } from 'storybook/internal/types';
 
-import type { ComponentConstructorOptions, ComponentEvents, SvelteComponent } from 'svelte';
+import type { Component, ComponentProps } from 'svelte';
 
 export type StoryContext = StoryContextBase<SvelteRenderer>;
 
-export interface ShowErrorArgs {
-  title: string;
-  description: string;
-}
-
-export interface MountViewArgs {
-  Component: any;
-  target: any;
-  props: MountProps;
-  on: any;
-  Wrapper: any;
-  WrapperData: any;
-}
-
-interface MountProps {
-  rounded: boolean;
-  text: string;
-}
-
-type ComponentType<
-  Props extends Record<string, any> = any,
-  Events extends Record<string, any> = any,
-> = new (options: ComponentConstructorOptions<Props>) => {
-  [P in keyof SvelteComponent<Props> as P extends `$$${string}` ? never : P]: SvelteComponent<
-    Props,
-    Events
-  >[P];
-};
-
-export type Svelte5ComponentType<Props extends Record<string, any> = any> =
-  typeof import('svelte') extends { mount: any }
-    ? // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore svelte.Component doesn't exist in Svelte 4
-      import('svelte').Component<Props, any, any>
-    : never;
-
-export interface SvelteRenderer<C extends SvelteComponent | Svelte5ComponentType = SvelteComponent>
+export interface SvelteRenderer<C extends Component<any, any, any> = Component<any, any, any>>
   extends WebRenderer {
-  component:
-    | ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>
-    | Svelte5ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
+  component: Component<this['T'] extends Record<string, any> ? this['T'] : any>;
   storyResult: this['T'] extends Record<string, any>
-    ? SvelteStoryResult<this['T'], C extends SvelteComponent ? ComponentEvents<C> : {}>
+    ? SvelteStoryResult<this['T']>
     : SvelteStoryResult;
 
   mount: (
-    Component?: ComponentType | Svelte5ComponentType,
+    Component?: C,
     // TODO add proper typesafety
-    options?: Record<string, any> & { props: Record<string, any> }
+    options?: Record<string, any> & { props: ComponentProps<C> }
   ) => Promise<Canvas>;
 }
 
 export interface SvelteStoryResult<
   Props extends Record<string, any> = any,
-  Events extends Record<string, any> = any,
+  Exports extends Record<string, any> = any,
+  Bindings extends keyof Props | '' = string,
 > {
-  Component?: ComponentType<Props> | Svelte5ComponentType<Props>;
-  on?: Record<string, any> extends Events
-    ? Record<string, (event: CustomEvent) => void>
-    : { [K in keyof Events as string extends K ? never : K]?: (event: Events[K]) => void };
+  Component?: Component<Props, Exports, Bindings>;
   props?: Props;
-  decorator?: ComponentType<Props> | Svelte5ComponentType<Props>;
+  decorator?: Component<Props, Exports, Bindings>;
 }
diff --git a/code/renderers/svelte/src/typings.d.ts b/code/renderers/svelte/src/typings.d.ts
index 2e00d983aa34..1195d9bf273a 100644
--- a/code/renderers/svelte/src/typings.d.ts
+++ b/code/renderers/svelte/src/typings.d.ts
@@ -2,8 +2,8 @@ declare var STORYBOOK_ENV: 'svelte';
 declare var LOGLEVEL: 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'silent' | undefined;
 
 declare module '*.svelte' {
-  import type { ComponentType } from 'svelte';
+  import type { Component } from 'svelte';
 
-  const component: ComponentType;
+  const component: Component;
   export default component;
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index 570f12def78e..9f5cdb31e37b 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -7049,7 +7049,6 @@ __metadata:
   dependencies:
     "@sveltejs/vite-plugin-svelte": "npm:^6.2.0"
     "@testing-library/svelte": "npm:^5.2.4"
-    expect-type: "npm:^1.1.0"
     svelte: "npm:^5.39.5"
     svelte-check: "npm:^4.3.2"
     sveltedoc-parser: "npm:^4.2.1"
@@ -14572,7 +14571,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect-type@npm:^1.1.0, expect-type@npm:^1.2.1":
+"expect-type@npm:^1.2.1":
   version: 1.2.2
   resolution: "expect-type@npm:1.2.2"
   checksum: 10c0/6019019566063bbc7a690d9281d920b1a91284a4a093c2d55d71ffade5ac890cf37a51e1da4602546c4b56569d2ad2fc175a2ccee77d1ae06cb3af91ef84f44b