@storybook/svelte 9.0.0-alpha.7 → 9.0.0-alpha.8

package/dist/entry-preview-docs.d.ts

@@ -1,6 +1,6 @@
 import { ArgTypesExtractor } from 'storybook/internal/docs-tools';
 import { DecoratorFunction, ArgTypesEnhancer } from 'storybook/internal/types';
-import { S as SvelteRenderer } from './types-3695f681.js';
+import { S as SvelteRenderer } from './types-b7d0039b.js';
 import 'svelte';
 
 declare const parameters: {

package/dist/entry-preview.d.ts

@@ -1,5 +1,5 @@
 import { RenderContext, ArgsStoryFn, BaseAnnotations } from 'storybook/internal/types';
-import { S as SvelteRenderer } from './types-3695f681.js';
+import { S as SvelteRenderer } from './types-b7d0039b.js';
 import 'svelte';
 
 declare function renderToCanvas(renderContext: RenderContext<SvelteRenderer>, canvasElement: SvelteRenderer['canvasElement']): () => void;

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, StoryAnnotationsOrFn, Store_CSFExports, StoriesWithPartialProps, ComposedStoryFn } from 'storybook/internal/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
-import { SvelteComponent, ComponentType, ComponentProps } from 'svelte';
+import { SvelteComponent, ComponentProps, ComponentType } from 'svelte';
 import { Simplify, SetOptional } from 'type-fest';
-import { S as SvelteRenderer } from './types-3695f681.js';
+import { a as Svelte5ComponentType, S as SvelteRenderer } from './types-b7d0039b.js';
 import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
 
 /**
@@ -10,13 +10,13 @@ import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
  *
  * @see [Default export](https://storybook.js.org/docs/api/csf#default-export)
  */
-type Meta<CmpOrArgs = Args> = CmpOrArgs extends SvelteComponent<infer Props> ? ComponentAnnotations<SvelteRenderer<CmpOrArgs>, Props> : ComponentAnnotations<SvelteRenderer, CmpOrArgs>;
+type Meta<CmpOrArgs = Args> = CmpOrArgs extends SvelteComponent<infer Props> | Svelte5ComponentType<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)
  */
-type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends SvelteComponent<infer Props> ? AnnotatedStoryFn<SvelteRenderer, Props> : AnnotatedStoryFn<SvelteRenderer, TCmpOrArgs>;
+type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends SvelteComponent<infer Props> | Svelte5ComponentType<infer Props> ? AnnotatedStoryFn<SvelteRenderer, Props> : AnnotatedStoryFn<SvelteRenderer, TCmpOrArgs>;
 /**
  * Story object that represents a CSFv3 component example.
  *
@@ -24,9 +24,9 @@ type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends SvelteComponent<infer Props
  */
 type StoryObj<MetaOrCmpOrArgs = Args> = MetaOrCmpOrArgs extends {
     render?: ArgsStoryFn<SvelteRenderer, any>;
-    component?: ComponentType<infer Component>;
+    component: infer Comp;
     args?: infer DefaultArgs;
-} ? Simplify<ComponentProps<Component> & ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<SvelteRenderer<Component>, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : MetaOrCmpOrArgs extends SvelteComponent ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>> : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
+} ? Simplify<ComponentProps<Comp extends ComponentType<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never> & ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<SvelteRenderer<Comp extends ComponentType<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never>, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : MetaOrCmpOrArgs extends SvelteComponent | Svelte5ComponentType ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>> : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
 
 type Decorator<TArgs = StrictArgs> = DecoratorFunction<SvelteRenderer, TArgs>;
 type Loader<TArgs = StrictArgs> = LoaderFunction<SvelteRenderer, TArgs>;

package/dist/{types-3695f681.d.ts → types-b7d0039b.d.ts}

@@ -1,23 +1,27 @@
-import { WebRenderer, Canvas } from 'storybook/internal/types';
+import * as svelte from 'svelte';
 import { SvelteComponent, ComponentEvents, ComponentConstructorOptions } from 'svelte';
+import { WebRenderer, Canvas } from 'storybook/internal/types';
 
 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];
 };
-interface SvelteRenderer<C extends SvelteComponent = SvelteComponent> extends WebRenderer {
-    component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
-    storyResult: this['T'] extends Record<string, any> ? SvelteStoryResult<this['T'], ComponentEvents<C>> : SvelteStoryResult;
-    mount: (Component?: ComponentType, options?: Record<string, any> & {
+type Svelte5ComponentType<Props extends Record<string, any> = any> = typeof svelte extends {
+    mount: any;
+} ? svelte.Component<Props, any, any> : never;
+interface SvelteRenderer<C extends SvelteComponent | Svelte5ComponentType = SvelteComponent> extends WebRenderer {
+    component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any> | Svelte5ComponentType<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;
+    mount: (Component?: ComponentType | Svelte5ComponentType, options?: Record<string, any> & {
         props: Record<string, any>;
     }) => Promise<Canvas>;
 }
 interface SvelteStoryResult<Props extends Record<string, any> = any, Events extends Record<string, any> = any> {
-    Component?: ComponentType<Props>;
+    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;
     };
     props?: Props;
-    decorator?: ComponentType<Props>;
+    decorator?: ComponentType<Props> | Svelte5ComponentType<Props>;
 }
 
-export { SvelteRenderer as S };
+export { SvelteRenderer as S, Svelte5ComponentType as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "9.0.0-alpha.7",
+  "version": "9.0.0-alpha.8",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
@@ -71,7 +71,7 @@
     "vite": "^6.0.11"
   },
   "peerDependencies": {
-    "storybook": "^9.0.0-alpha.7",
+    "storybook": "^9.0.0-alpha.8",
     "svelte": "^4.0.0 || ^5.0.0"
   },
   "engines": {