storybook 9.0.0-alpha.2 → 9.0.0-alpha.20

package/dist/preview-api/index.d.ts

@@ -1,8 +1,7 @@
 import { Channel } from 'storybook/internal/channels';
 import * as storybook_internal_types from 'storybook/internal/types';
-import { ProjectAnnotations, Renderer, Args, StoryContext, DecoratorApplicator, StoryId, Addon_StoryWrapper, PreparedStory, Globals, GlobalTypes, StoryIndex, StoryName, ComponentTitle, IndexEntry, Path, LegacyStoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, StepRunner, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, ComponentAnnotations, NamedOrDefaultProjectAnnotations, ModuleImportFn, Parameters, StoryContextForEnhancers, StoryIndexV3, BoundStory, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType, StoryRenderOptions, RenderContextCallbacks, RenderToCanvas, ViewMode } from 'storybook/internal/types';
-import * as storybook_internal_csf from 'storybook/internal/csf';
-import { CleanupCallback, Canvas } from 'storybook/internal/csf';
+import { ProjectAnnotations, Renderer as Renderer$1, Args as Args$1, StoryContext as StoryContext$1, DecoratorApplicator, StoryId as StoryId$1, Addon_StoryWrapper, PreparedStory, Globals as Globals$1, GlobalTypes, StoryIndex, StoryName as StoryName$1, ComponentTitle as ComponentTitle$1, IndexEntry, Path, StoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, StepRunner, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, LegacyStoryAnnotationsOrFn, ComponentAnnotations, NamedOrDefaultProjectAnnotations, ModuleImportFn, StoryContextForEnhancers as StoryContextForEnhancers$1, Parameters as Parameters$1, StrictArgTypes as StrictArgTypes$1, ArgTypesEnhancer, LegacyStoryFn as LegacyStoryFn$1, DecoratorFunction, PartialStoryFn, StoryContextUpdate as StoryContextUpdate$1, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType, StoryRenderOptions, RenderContextCallbacks, RenderToCanvas, ViewMode as ViewMode$1 } from 'storybook/internal/types';
+import { CleanupCallback } from 'storybook/internal/csf';
 import { RequestData, ArgTypesRequestPayload } from 'storybook/internal/core-events';
 
 declare class AddonStore {
@@ -17,7 +16,7 @@ declare class AddonStore {
 }
 declare const addons: AddonStore;
 
-declare function definePreview(config: ProjectAnnotations<Renderer>): ProjectAnnotations<Renderer>;
+declare function definePreview(config: ProjectAnnotations<Renderer$1>): ProjectAnnotations<Renderer$1>;
 
 interface Hook {
     name: string;
@@ -29,7 +28,7 @@ interface Effect {
     destroy?: (() => void) | void;
 }
 type AbstractFunction = (...args: any[]) => any;
-declare class HooksContext<TRenderer extends Renderer, TArgs extends Args = Args> {
+declare class HooksContext<TRenderer extends Renderer$1, TArgs extends Args$1 = Args$1> {
     hookListsMap: WeakMap<AbstractFunction, Hook[]>;
     mountedDecorators: Set<AbstractFunction>;
     prevMountedDecorators: Set<AbstractFunction>;
@@ -40,8 +39,8 @@ declare class HooksContext<TRenderer extends Renderer, TArgs extends Args = Args
     prevEffects: Effect[];
     currentDecoratorName: string | null;
     hasUpdates: boolean;
-    currentContext: StoryContext<TRenderer, TArgs> | null;
-    renderListener: (storyId: StoryId) => void;
+    currentContext: StoryContext$1<TRenderer, TArgs> | null;
+    renderListener: (storyId: StoryId$1) => void;
     constructor();
     init(): void;
     clean(): void;
@@ -50,7 +49,7 @@ declare class HooksContext<TRenderer extends Renderer, TArgs extends Args = Args
     addRenderListeners(): void;
     removeRenderListeners(): void;
 }
-declare const applyHooks: <TRenderer extends Renderer>(applyDecorators: DecoratorApplicator<TRenderer>) => DecoratorApplicator<TRenderer>;
+declare const applyHooks: <TRenderer extends Renderer$1>(applyDecorators: DecoratorApplicator<TRenderer>) => DecoratorApplicator<TRenderer>;
 /**
  * Returns a memoized value.
  *
@@ -178,11 +177,11 @@ declare function useReducer<S, I, A>(reducer: (state: S, action: A) => S, initia
  * @returns {void}
  */
 declare function useEffect(create: () => (() => void) | void, deps?: any[]): void;
-interface Listener$1 {
+interface Listener {
     (...args: any[]): void;
 }
 interface EventMap {
-    [eventId: string]: Listener$1;
+    [eventId: string]: Listener;
 }
 /**
  * Subscribes to events emitted by the Storybook channel and returns a function to emit events.
@@ -216,7 +215,7 @@ declare function useChannel(eventMap: EventMap, deps?: any[]): (eventName: strin
  * @template TArgs The type of the story's args.
  * @returns {StoryContext<TRenderer>} The current story context.
  */
-declare function useStoryContext<TRenderer extends Renderer, TArgs extends Args = Args>(): StoryContext<TRenderer>;
+declare function useStoryContext<TRenderer extends Renderer$1, TArgs extends Args$1 = Args$1>(): StoryContext$1<TRenderer>;
 /**
  * Returns the value of a specific parameter for the current story, or a default value if the
  * parameter is not set.
@@ -252,7 +251,7 @@ declare function useParameter<S>(parameterKey: string, defaultValue?: S): S | un
  * @returns {[TArgs, (newArgs: Partial<TArgs>) => void, (argNames?: (keyof TArgs)[]) => void]} An
  *   array containing the current args, a function to update them, and a function to reset them.
  */
-declare function useArgs<TArgs extends Args = Args>(): [
+declare function useArgs<TArgs extends Args$1 = Args$1>(): [
     TArgs,
     (newArgs: Partial<TArgs>) => void,
     (argNames?: (keyof TArgs)[]) => void
@@ -271,7 +270,7 @@ declare function useArgs<TArgs extends Args = Args>(): [
  * @returns {[Args, (newGlobals: Args) => void]} An array containing the current global args, and a
  *   function to update them.
  */
-declare function useGlobals(): [Args, (newGlobals: Args) => void];
+declare function useGlobals(): [Args$1, (newGlobals: Args$1) => void];
 
 type MakeDecoratorResult = (...args: any) => any;
 interface MakeDecoratorOptions {
@@ -312,362 +311,56 @@ declare const makeDecorator: ({ name, parameterName, wrapper, skipIfNoParameters
 
 declare function mockChannel(): Channel;
 
-type EnvironmentType = (typeof UniversalStore.Environment)[keyof typeof UniversalStore.Environment];
-type StatusType = (typeof UniversalStore.Status)[keyof typeof UniversalStore.Status];
-type StateUpdater<TState> = (prevState: TState) => TState;
-type Actor = {
-    id: string;
-    type: (typeof UniversalStore.ActorType)[keyof typeof UniversalStore.ActorType];
-    environment: EnvironmentType;
-};
-type EventInfo = {
-    actor: Actor;
-    forwardingActor?: Actor;
-};
-type Listener<TEvent> = (event: TEvent, eventInfo: EventInfo) => void;
-type BaseEvent = {
-    type: string;
-    payload?: any;
-};
-interface SetStateEvent<TState> extends BaseEvent {
-    type: typeof UniversalStore.InternalEventType.SET_STATE;
-    payload: {
-        state: TState;
-        previousState: TState;
-    };
-}
-interface ExistingStateRequestEvent extends BaseEvent {
-    type: typeof UniversalStore.InternalEventType.EXISTING_STATE_REQUEST;
-    payload: never;
-}
-interface ExistingStateResponseEvent<TState> extends BaseEvent {
-    type: typeof UniversalStore.InternalEventType.EXISTING_STATE_RESPONSE;
-    payload: TState;
-}
-interface LeaderCreatedEvent extends BaseEvent {
-    type: typeof UniversalStore.InternalEventType.LEADER_CREATED;
-    payload: never;
-}
-interface FollowerCreatedEvent extends BaseEvent {
-    type: typeof UniversalStore.InternalEventType.FOLLOWER_CREATED;
-    payload: never;
-}
-type InternalEvent<TState> = SetStateEvent<TState> | ExistingStateRequestEvent | ExistingStateResponseEvent<TState> | FollowerCreatedEvent | LeaderCreatedEvent;
-type Event<TState, TEvent extends BaseEvent> = TEvent | InternalEvent<TState>;
-type ChannelLike = Pick<Channel, 'on' | 'off' | 'emit'>;
-type StoreOptions<TState> = {
-    id: string;
-    leader?: boolean;
-    initialState?: TState;
-    debug?: boolean;
-};
-type EnvironmentOverrides = {
-    channel: ChannelLike;
-    environment: EnvironmentType;
-};
-
-/**
- * A universal store implementation that synchronizes state across different environments using a
- * channel-based communication.
- *
- * The store follows a leader-follower pattern where:
- *
- * - Leader: The main store instance that owns and manages the state
- * - Follower: Store instances that mirror the leader's state
- *
- * Features:
- *
- * - State synchronization across environments
- * - Event-based communication
- * - Type-safe state and custom events
- * - Subscription system for state changes and custom events
- *
- * @remarks
- * - The store must be created using the static `create()` method, not the constructor
- * - Follower stores will automatically sync with their leader's state. If they have initial state, it
- *   will be replaced immediately when it has synced with the leader.
- *
- * @example
- *
- * ```typescript
- * interface MyState {
- *   count: number;
- * }
- * interface MyCustomEvent {
- *   type: 'INCREMENT';
- *   payload: number;
- * }
- *
- * // Create a leader store
- * const leaderStore = UniversalStore.create<MyState, MyCustomEvent>({
- *   id: 'my-store',
- *   leader: true,
- *   initialState: { count: 0 },
- * });
- *
- * // Create a follower store
- * const followerStore = UniversalStore.create<MyState, MyCustomEvent>({
- *   id: 'my-store',
- *   leader: false,
- * });
- * ```
- *
- * @template State - The type of state managed by the store
- * @template CustomEvent - Custom events that can be sent through the store. Must have a `type`
- *   string and optional `payload`
- * @throws {Error} If constructed directly instead of using `create()`
- * @throws {Error} If created without setting a channel first
- * @throws {Error} If a follower is created with initial state
- * @throws {Error} If a follower cannot find its leader within 1 second
- */
-declare class UniversalStore<State, CustomEvent extends {
-    type: string;
-    payload?: any;
-} = {
-    type: string;
-    payload?: any;
-}> {
-    /**
-     * Defines the possible actor types in the store system
-     *
-     * @readonly
-     */
-    static readonly ActorType: {
-        readonly LEADER: "LEADER";
-        readonly FOLLOWER: "FOLLOWER";
-    };
-    /**
-     * Defines the possible environments the store can run in
-     *
-     * @readonly
-     */
-    static readonly Environment: {
-        readonly SERVER: "SERVER";
-        readonly MANAGER: "MANAGER";
-        readonly PREVIEW: "PREVIEW";
-        readonly UNKNOWN: "UNKNOWN";
-        readonly MOCK: "MOCK";
-    };
-    /**
-     * Internal event types used for store synchronization
-     *
-     * @readonly
-     */
-    static readonly InternalEventType: {
-        readonly EXISTING_STATE_REQUEST: "__EXISTING_STATE_REQUEST";
-        readonly EXISTING_STATE_RESPONSE: "__EXISTING_STATE_RESPONSE";
-        readonly SET_STATE: "__SET_STATE";
-        readonly LEADER_CREATED: "__LEADER_CREATED";
-        readonly FOLLOWER_CREATED: "__FOLLOWER_CREATED";
-    };
-    static readonly Status: {
-        readonly UNPREPARED: "UNPREPARED";
-        readonly SYNCING: "SYNCING";
-        readonly READY: "READY";
-        readonly ERROR: "ERROR";
-    };
-    protected static isInternalConstructing: boolean;
-    /**
-     * The preparation construct is used to keep track of all store's preparation state the promise is
-     * resolved when the store is prepared with the static __prepare() method which will also change
-     * the state from PENDING to RESOLVED
-     */
-    private static preparation;
-    private static setupPreparationPromise;
-    /** Enable debug logs for this store */
-    debugging: boolean;
-    /** The actor object representing the store instance with a unique ID and a type */
-    get actor(): Actor;
-    /**
-     * The current state of the store, that signals both if the store is prepared by Storybook and
-     * also - in the case of a follower - if the state has been synced with the leader's state.
-     */
-    get status(): StatusType;
-    /**
-     * A promise that resolves when the store is fully ready. A leader will be ready when the store
-     * has been prepared by Storybook, which is almost instantly.
-     *
-     * A follower will be ready when the state has been synced with the leader's state, within a few
-     * hundred milliseconds.
-     */
-    untilReady(): Promise<[{
-        channel: ChannelLike;
-        environment: EnvironmentType;
-    }, void | undefined]>;
-    /**
-     * The syncing construct is used to keep track of if the instance's state has been synced with the
-     * other instances. A leader will immediately have the promise resolved. A follower will initially
-     * be in a PENDING state, and resolve the the leader has sent the existing state, or reject if no
-     * leader has responded before the timeout.
-     */
-    private syncing?;
-    private channelEventName;
-    private state;
-    private channel?;
-    private environment?;
-    private listeners;
-    private id;
-    private actorId;
-    private actorType;
-    protected constructor(options: StoreOptions<State>, environmentOverrides?: EnvironmentOverrides);
-    /** Creates a new instance of UniversalStore */
-    static create<State = any, CustomEvent extends {
-        type: string;
-        payload?: any;
-    } = {
-        type: string;
-        payload?: any;
-    }>(options: StoreOptions<State>): UniversalStore<State, CustomEvent>;
-    /** Gets the current state */
-    getState: () => State;
-    /**
-     * Updates the store's state
-     *
-     * Either a new state or a state updater function can be passed to the method.
-     */
-    setState(updater: State | StateUpdater<State>): void;
-    /**
-     * Subscribes to store events
-     *
-     * @returns A function to unsubscribe
-     */
-    subscribe: {
-        (listener: Listener<Event<State, CustomEvent>>): () => void;
-        <EventType extends Event<State, CustomEvent>['type']>(eventType: EventType, listener: Listener<Extract<Event<State, CustomEvent>, {
-            type: EventType;
-        }>>): () => void;
-    };
-    /**
-     * Subscribes to state changes
-     *
-     * @returns Unsubscribe function
-     */
-    onStateChange(listener: (state: State, previousState: State, eventInfo: EventInfo) => void): () => void;
-    /** Sends a custom event to the other stores */
-    send: (event: CustomEvent) => void;
-    private emitToChannel;
-    private prepareThis;
-    private emitToListeners;
-    private handleChannelEvents;
-    private debug;
-}
-
-/**
- * A hook to use a UniversalStore in a rendered preview. This hook will react to changes in the
- * store state and re-render when the store changes.
- *
- * @param universalStore The UniversalStore instance to use.
- * @param selector An optional selector function to select a subset of the store state.
- * @remark This hook is intended for use in the preview. For use in the manager UI, import from
- * `storybook/internal/manager-api` instead.
- */
-declare const useUniversalStore: {
-    <TUniversalStore extends UniversalStore<TState, any>, TState = TUniversalStore extends UniversalStore<infer S, any> ? S : never>(universalStore: TUniversalStore): [TState, TUniversalStore['setState']];
-    <TUniversalStore extends UniversalStore<any, any>, TSelectedState, TState = TUniversalStore extends UniversalStore<infer S, any> ? S : never>(universalStore: TUniversalStore, selector: (state: TState) => TSelectedState): [TSelectedState, TUniversalStore['setState']];
-};
-
-/**
- * A mock universal store that can be used when testing code that relies on a universal store. It
- * functions exactly like a normal universal store, with a few exceptions:
- *
- * - It is fully isolated, meaning that it doesn't interact with any channel, and it is always a
- *   leader.
- *
- * If the second testUtils argument is provided, all the public methods are spied on, so they can be
- * asserted.
- *
- * When a mock store is re-used across tests (eg. in stories), you manually need to reset the state
- * after each test.
- *
- * @example
- *
- * ```ts
- * import * as testUtils from '@storybook/test'; // in stories
- * import { vi as testUtils } from 'vitest'; // ... or in Vitest tests
- *
- * const initialState = { ... };
- * const store = new MockUniversalStore({ initialState }, testUtils);
- *
- * export default {
- *   title: 'My story',
- *   beforeEach: () => {
- *     return () => {
- *       store.setState(initialState);
- *     };
- *   }
- * }
- * ```
- */
-declare class MockUniversalStore<State, CustomEvent extends {
-    type: string;
-    payload?: any;
-} = {
-    type: string;
-    payload?: any;
-}> extends UniversalStore<State, CustomEvent> {
-    private testUtils;
-    constructor(options: StoreOptions<State>, testUtils?: any);
-    /** Create a mock universal store. This is just an alias for the constructor */
-    static create<State = any, CustomEvent extends {
-        type: string;
-        payload?: any;
-    } = {
-        type: string;
-        payload?: any;
-    }>(options: StoreOptions<State>, testUtils?: any): MockUniversalStore<State, CustomEvent>;
-    unsubscribeAll(): void;
-}
-
 declare class ArgsStore {
-    initialArgsByStoryId: Record<StoryId, Args>;
-    argsByStoryId: Record<StoryId, Args>;
-    get(storyId: StoryId): Args;
+    initialArgsByStoryId: Record<StoryId$1, Args$1>;
+    argsByStoryId: Record<StoryId$1, Args$1>;
+    get(storyId: StoryId$1): Args$1;
     setInitial(story: PreparedStory<any>): void;
-    updateFromDelta(story: PreparedStory<any>, delta: Args): void;
-    updateFromPersisted(story: PreparedStory<any>, persisted: Args): void;
-    update(storyId: StoryId, argsUpdate: Partial<Args>): void;
+    updateFromDelta(story: PreparedStory<any>, delta: Args$1): void;
+    updateFromPersisted(story: PreparedStory<any>, persisted: Args$1): void;
+    update(storyId: StoryId$1, argsUpdate: Partial<Args$1>): void;
 }
 
 declare class GlobalsStore {
     allowedGlobalNames: Set<string>;
-    initialGlobals: Globals;
-    globals: Globals;
+    initialGlobals: Globals$1;
+    globals: Globals$1;
     constructor({ globals, globalTypes, }: {
-        globals?: Globals;
+        globals?: Globals$1;
         globalTypes?: GlobalTypes;
     });
     set({ globals, globalTypes }: {
-        globals?: Globals;
+        globals?: Globals$1;
         globalTypes?: GlobalTypes;
     }): void;
-    filterAllowedGlobals(globals: Globals): Globals;
-    updateFromPersisted(persisted: Globals): void;
-    get(): Globals;
-    update(newGlobals: Globals): void;
+    filterAllowedGlobals(globals: Globals$1): Globals$1;
+    updateFromPersisted(persisted: Globals$1): void;
+    get(): Globals$1;
+    update(newGlobals: Globals$1): void;
 }
 
-type StorySpecifier = StoryId | {
-    name: StoryName;
-    title: ComponentTitle;
+type StorySpecifier = StoryId$1 | {
+    name: StoryName$1;
+    title: ComponentTitle$1;
 } | '*';
 declare class StoryIndexStore {
     entries: StoryIndex['entries'];
     constructor({ entries }?: StoryIndex);
     entryFromSpecifier(specifier: StorySpecifier): IndexEntry | undefined;
-    storyIdToEntry(storyId: StoryId): IndexEntry;
+    storyIdToEntry(storyId: StoryId$1): IndexEntry;
     importPathToEntry(importPath: Path): IndexEntry;
 }
 
-declare function normalizeStory<TRenderer extends Renderer>(key: StoryId, storyAnnotations: LegacyStoryAnnotationsOrFn<TRenderer>, meta: NormalizedComponentAnnotations<TRenderer>): NormalizedStoryAnnotations<TRenderer>;
+declare function normalizeStory<TRenderer extends Renderer$1>(key: StoryId$1, storyAnnotations: StoryAnnotationsOrFn<TRenderer>, meta: NormalizedComponentAnnotations<TRenderer>): NormalizedStoryAnnotations<TRenderer>;
 
-declare function processCSFFile<TRenderer extends Renderer>(moduleExports: ModuleExports, importPath: Path, title: ComponentTitle): CSFFile<TRenderer>;
+declare function processCSFFile<TRenderer extends Renderer$1>(moduleExports: ModuleExports, importPath: Path, title: ComponentTitle$1): CSFFile<TRenderer>;
 
-declare function prepareStory<TRenderer extends Renderer>(storyAnnotations: NormalizedStoryAnnotations<TRenderer>, componentAnnotations: NormalizedComponentAnnotations<TRenderer>, projectAnnotations: NormalizedProjectAnnotations<TRenderer>): PreparedStory<TRenderer>;
-declare function prepareMeta<TRenderer extends Renderer>(componentAnnotations: NormalizedComponentAnnotations<TRenderer>, projectAnnotations: NormalizedProjectAnnotations<TRenderer>, moduleExport: ModuleExport): PreparedMeta<TRenderer>;
+declare function prepareStory<TRenderer extends Renderer$1>(storyAnnotations: NormalizedStoryAnnotations<TRenderer>, componentAnnotations: NormalizedComponentAnnotations<TRenderer>, projectAnnotations: NormalizedProjectAnnotations<TRenderer>): PreparedStory<TRenderer>;
+declare function prepareMeta<TRenderer extends Renderer$1>(componentAnnotations: NormalizedComponentAnnotations<TRenderer>, projectAnnotations: NormalizedProjectAnnotations<TRenderer>, moduleExport: ModuleExport): PreparedMeta<TRenderer>;
 
-declare function normalizeProjectAnnotations<TRenderer extends Renderer>({ argTypes, globalTypes, argTypesEnhancers, decorators, loaders, beforeEach, experimental_afterEach, globals, initialGlobals, ...annotations }: ProjectAnnotations<TRenderer>): NormalizedProjectAnnotations<TRenderer>;
+declare function normalizeProjectAnnotations<TRenderer extends Renderer$1>({ argTypes, globalTypes, argTypesEnhancers, decorators, loaders, beforeEach, experimental_afterEach, initialGlobals, ...annotations }: ProjectAnnotations<TRenderer>): NormalizedProjectAnnotations<TRenderer>;
 
-declare function composeConfigs<TRenderer extends Renderer>(moduleExportList: ModuleExports[]): NormalizedProjectAnnotations<TRenderer>;
+declare function composeConfigs<TRenderer extends Renderer$1>(input: ModuleExports[]): NormalizedProjectAnnotations<TRenderer>;
 
 /**
  * Compose step runners to create a single step runner that applies each step runner in order.
@@ -680,8 +373,8 @@ declare function composeConfigs<TRenderer extends Renderer>(moduleExportList: Mo
  * step('label', () => {});
  * ```
  *
- * ...and runs it. The prototypical example is from `@storybook/addon-interactions` where the step
- * runner will decorate all instrumented code inside the step with information about the label.
+ * ...and runs it. The prototypical example is from `core/interactions` where the step runner will
+ * decorate all instrumented code inside the step with information about the label.
  *
  * In theory it is possible to have more than one addon that wants to run steps; they can be
  * composed together in a similar fashion to decorators. In some ways step runners are like
@@ -693,16 +386,16 @@ declare function composeConfigs<TRenderer extends Renderer>(moduleExportList: Mo
  * @param stepRunners An array of StepRunner
  * @returns A StepRunner that is the composition of the arguments
  */
-declare function composeStepRunners<TRenderer extends Renderer>(stepRunners: StepRunner<TRenderer>[]): StepRunner<TRenderer>;
+declare function composeStepRunners<TRenderer extends Renderer$1>(stepRunners: StepRunner<TRenderer>[]): StepRunner<TRenderer>;
 
 declare global {
     var globalProjectAnnotations: NormalizedProjectAnnotations<any>;
     var defaultProjectAnnotations: ProjectAnnotations<any>;
 }
-declare function setDefaultProjectAnnotations<TRenderer extends Renderer = Renderer>(_defaultProjectAnnotations: ProjectAnnotations<TRenderer>): void;
-declare function setProjectAnnotations<TRenderer extends Renderer = Renderer>(projectAnnotations: NamedOrDefaultProjectAnnotations<TRenderer> | NamedOrDefaultProjectAnnotations<TRenderer>[]): NormalizedProjectAnnotations<TRenderer>;
-declare function composeStory<TRenderer extends Renderer = Renderer, TArgs extends Args = Args>(storyAnnotations: LegacyStoryAnnotationsOrFn<TRenderer>, componentAnnotations: ComponentAnnotations<TRenderer, TArgs>, projectAnnotations?: ProjectAnnotations<TRenderer>, defaultConfig?: ProjectAnnotations<TRenderer>, exportsName?: string): ComposedStoryFn<TRenderer, Partial<TArgs>>;
-declare function composeStories<TModule extends Store_CSFExports>(storiesImport: TModule, globalConfig: ProjectAnnotations<Renderer>, composeStoryFn?: ComposeStoryFn): {};
+declare function setDefaultProjectAnnotations<TRenderer extends Renderer$1 = Renderer$1>(_defaultProjectAnnotations: ProjectAnnotations<TRenderer>): void;
+declare function setProjectAnnotations<TRenderer extends Renderer$1 = Renderer$1>(projectAnnotations: NamedOrDefaultProjectAnnotations<TRenderer> | NamedOrDefaultProjectAnnotations<TRenderer>[]): NormalizedProjectAnnotations<TRenderer>;
+declare function composeStory<TRenderer extends Renderer$1 = Renderer$1, TArgs extends Args$1 = Args$1>(storyAnnotations: LegacyStoryAnnotationsOrFn<TRenderer>, componentAnnotations: ComponentAnnotations<TRenderer, TArgs>, projectAnnotations?: ProjectAnnotations<TRenderer>, defaultConfig?: ProjectAnnotations<TRenderer>, exportsName?: string): ComposedStoryFn<TRenderer, Partial<TArgs>>;
+declare function composeStories<TModule extends Store_CSFExports>(storiesImport: TModule, globalConfig: ProjectAnnotations<Renderer$1>, composeStoryFn?: ComposeStoryFn): {};
 type WrappedStoryRef = {
     __pw_type: 'jsx' | 'importRef';
 };
@@ -718,35 +411,35 @@ declare function createPlaywrightTest<TFixture extends {
     extend: any;
 }>(baseTest: TFixture): TFixture;
 
-declare function getCsfFactoryAnnotations<TRenderer extends Renderer = Renderer, TArgs extends Args = Args>(story: LegacyStoryAnnotationsOrFn<TRenderer>, meta?: ComponentAnnotations<TRenderer, TArgs>, projectAnnotations?: ProjectAnnotations<TRenderer>): {
-    story: storybook_internal_csf.StoryAnnotations<Renderer, Args>;
-    meta: ComponentAnnotations<Renderer, Args>;
-    preview: storybook_internal_types.NormalizedProjectAnnotations<Renderer>;
+declare function getCsfFactoryAnnotations<TRenderer extends Renderer$1 = Renderer$1, TArgs extends Args$1 = Args$1>(story: LegacyStoryAnnotationsOrFn<TRenderer>, meta?: ComponentAnnotations<TRenderer, TArgs>, projectAnnotations?: ProjectAnnotations<TRenderer>): {
+    story: storybook_internal_types.StoryAnnotations<Renderer$1, Args$1>;
+    meta: ComponentAnnotations<Renderer$1, Args$1>;
+    preview: storybook_internal_types.NormalizedProjectAnnotations<Renderer$1>;
 } | {
     story: LegacyStoryAnnotationsOrFn<TRenderer>;
     meta: ComponentAnnotations<TRenderer, TArgs> | undefined;
     preview: ProjectAnnotations<TRenderer> | undefined;
 };
 
-interface Report<T = unknown> {
+interface Report$1<T = unknown> {
     type: string;
     version?: number;
     result: T;
     status: 'failed' | 'passed' | 'warning';
 }
 declare class ReporterAPI {
-    reports: Report[];
-    addReport(report: Report): Promise<void>;
+    reports: Report$1[];
+    addReport(report: Report$1): Promise<void>;
 }
 
-declare class StoryStore<TRenderer extends Renderer> {
+declare class StoryStore<TRenderer extends Renderer$1> {
     importFn: ModuleImportFn;
     storyIndex: StoryIndexStore;
     projectAnnotations: NormalizedProjectAnnotations<TRenderer>;
     userGlobals: GlobalsStore;
     args: ArgsStore;
-    hooks: Record<StoryId, HooksContext<TRenderer>>;
-    cleanupCallbacks: Record<StoryId, CleanupCallback[] | undefined>;
+    hooks: Record<StoryId$1, HooksContext<TRenderer>>;
+    cleanupCallbacks: Record<StoryId$1, CleanupCallback[] | undefined>;
     cachedCSFFiles?: Record<Path, CSFFile<TRenderer>>;
     processCSFFileWithCache: typeof processCSFFile;
     prepareMetaWithCache: typeof prepareMeta;
@@ -757,34 +450,34 @@ declare class StoryStore<TRenderer extends Renderer> {
         importFn?: ModuleImportFn;
         storyIndex?: StoryIndex;
     }): Promise<void>;
-    storyIdToEntry(storyId: StoryId): Promise<IndexEntry>;
-    loadCSFFileByStoryId(storyId: StoryId): Promise<CSFFile<TRenderer>>;
+    storyIdToEntry(storyId: StoryId$1): Promise<IndexEntry>;
+    loadCSFFileByStoryId(storyId: StoryId$1): Promise<CSFFile<TRenderer>>;
     loadAllCSFFiles(): Promise<StoryStore<TRenderer>['cachedCSFFiles']>;
     cacheAllCSFFiles(): Promise<void>;
     preparedMetaFromCSFFile({ csfFile }: {
         csfFile: CSFFile<TRenderer>;
     }): PreparedMeta<TRenderer>;
     loadStory({ storyId }: {
-        storyId: StoryId;
+        storyId: StoryId$1;
     }): Promise<PreparedStory<TRenderer>>;
     storyFromCSFFile({ storyId, csfFile, }: {
-        storyId: StoryId;
+        storyId: StoryId$1;
         csfFile: CSFFile<TRenderer>;
     }): PreparedStory<TRenderer>;
     componentStoriesFromCSFFile({ csfFile, }: {
         csfFile: CSFFile<TRenderer>;
     }): PreparedStory<TRenderer>[];
-    loadEntry(id: StoryId): Promise<{
+    loadEntry(id: StoryId$1): Promise<{
         entryExports: ModuleExports;
         csfFiles: CSFFile<TRenderer>[];
     }>;
     getStoryContext(story: PreparedStory<TRenderer>, { forceInitialArgs }?: {
         forceInitialArgs?: boolean | undefined;
     }): {
-        args: storybook_internal_csf.Args;
-        initialGlobals: storybook_internal_csf.Globals;
-        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
-        userGlobals: storybook_internal_csf.Globals;
+        args: storybook_internal_types.Args;
+        initialGlobals: storybook_internal_types.Globals;
+        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
+        userGlobals: storybook_internal_types.Globals;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -796,46 +489,36 @@ declare class StoryStore<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: Parameters;
-        initialArgs: storybook_internal_csf.Args;
-        argTypes: storybook_internal_csf.StrictArgTypes<storybook_internal_csf.Args>;
-        componentId: storybook_internal_csf.ComponentId;
-        title: ComponentTitle;
-        kind: ComponentTitle;
-        id: StoryId;
-        name: storybook_internal_csf.StoryName;
-        story: storybook_internal_csf.StoryName;
-        tags: storybook_internal_csf.Tag[];
+        parameters: storybook_internal_types.Parameters;
+        initialArgs: storybook_internal_types.Args;
+        argTypes: storybook_internal_types.StrictArgTypes<storybook_internal_types.Args>;
+        componentId: storybook_internal_types.ComponentId;
+        title: storybook_internal_types.ComponentTitle;
+        kind: storybook_internal_types.ComponentTitle;
+        id: StoryId$1;
+        name: storybook_internal_types.StoryName;
+        story: storybook_internal_types.StoryName;
+        tags: storybook_internal_types.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        originalStoryFn: storybook_internal_csf.StoryFn<TRenderer>;
-        undecoratedStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
-        unboundStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
-        applyLoaders: (context: StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<CleanupCallback[]>;
-        applyAfterEach: (context: StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void>;
-        playFunction?: ((context: StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_csf.StepRunner<TRenderer>;
-        mount: (context: StoryContext<TRenderer, storybook_internal_csf.Args>) => () => Promise<Canvas>;
+        originalStoryFn: storybook_internal_types.ArgsStoryFn<TRenderer>;
+        undecoratedStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
+        unboundStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
+        applyLoaders: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<Record<string, any>>;
+        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<CleanupCallback[]>;
+        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void>;
+        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void> | void) | undefined;
+        runStep: storybook_internal_types.StepRunner<TRenderer>;
+        mount: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => () => Promise<storybook_internal_types.Canvas>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: storybook_internal_types.RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: storybook_internal_csf.Globals;
-    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, storybook_internal_csf.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+        storyGlobals: storybook_internal_types.Globals;
+    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer$1, storybook_internal_types.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     addCleanupCallbacks(story: PreparedStory<TRenderer>, callbacks: CleanupCallback[]): void;
     cleanupStory(story: PreparedStory<TRenderer>): Promise<void>;
     extract(options?: {
         includeDocsOnly?: boolean;
-    }): Record<StoryId, StoryContextForEnhancers<TRenderer>>;
-    getSetStoriesPayload(): {
-        v: number;
-        globals: storybook_internal_csf.Globals;
-        globalParameters: {};
-        kindParameters: Parameters;
-        stories: Record<string, StoryContextForEnhancers<TRenderer, storybook_internal_csf.Args>>;
-    };
-    getStoriesJsonData: () => StoryIndexV3;
-    raw(): BoundStory<TRenderer>[];
-    fromId(storyId: StoryId): BoundStory<TRenderer> | null;
+    }): Record<StoryId$1, StoryContextForEnhancers$1<TRenderer>>;
 }
 
 /**
@@ -843,14 +526,14 @@ declare class StoryStore<TRenderer extends Renderer> {
  * overwrite the existing value UNLESS both values are plain objects. In this case flag the key as
  * "special" and handle it with a heuristic.
  */
-declare const combineParameters: (...parameterSets: (Parameters | undefined)[]) => Parameters;
+declare const combineParameters: (...parameterSets: (Parameters$1 | undefined)[]) => Parameters$1;
 
 type PropDescriptor = string[] | RegExp;
-declare const filterArgTypes: (argTypes: StrictArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes<storybook_internal_types.Args>>;
+declare const filterArgTypes: (argTypes: StrictArgTypes$1, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes$1<storybook_internal_types.Args>>;
 
-declare const inferControls: ArgTypesEnhancer<Renderer>;
+declare const inferControls: ArgTypesEnhancer<Renderer$1>;
 
-declare function decorateStory<TRenderer extends Renderer>(storyFn: LegacyStoryFn<TRenderer>, decorator: DecoratorFunction<TRenderer>, bindWithContext: (storyFn: LegacyStoryFn<TRenderer>) => PartialStoryFn<TRenderer>): LegacyStoryFn<TRenderer>;
+declare function decorateStory<TRenderer extends Renderer$1>(storyFn: LegacyStoryFn$1<TRenderer>, decorator: DecoratorFunction<TRenderer>, bindWithContext: (storyFn: LegacyStoryFn$1<TRenderer>) => PartialStoryFn<TRenderer>): LegacyStoryFn$1<TRenderer>;
 /**
  * Currently StoryContextUpdates are allowed to have any key in the type. However, you cannot
  * overwrite any of the build-it "static" keys.
@@ -858,17 +541,17 @@ declare function decorateStory<TRenderer extends Renderer>(storyFn: LegacyStoryF
  * @param inputContextUpdate StoryContextUpdate
  * @returns StoryContextUpdate
  */
-declare function sanitizeStoryContextUpdate({ componentId, title, kind, id, name, story, parameters, initialArgs, argTypes, ...update }?: StoryContextUpdate): StoryContextUpdate;
-declare function defaultDecorateStory<TRenderer extends Renderer>(storyFn: LegacyStoryFn<TRenderer>, decorators: DecoratorFunction<TRenderer>[]): LegacyStoryFn<TRenderer>;
+declare function sanitizeStoryContextUpdate({ componentId, title, kind, id, name, story, parameters, initialArgs, argTypes, ...update }?: StoryContextUpdate$1): StoryContextUpdate$1;
+declare function defaultDecorateStory<TRenderer extends Renderer$1>(storyFn: LegacyStoryFn$1<TRenderer>, decorators: DecoratorFunction<TRenderer>[]): LegacyStoryFn$1<TRenderer>;
 
-declare const combineArgs: (value: any, update: any) => Args;
+declare const combineArgs: (value: any, update: any) => Args$1;
 
 declare const userOrAutoTitleFromSpecifier: (fileName: string | number, entry: NormalizedStoriesSpecifier, userTitle?: string) => string | undefined;
 declare const userOrAutoTitle: (fileName: string, storiesEntries: NormalizedStoriesSpecifier[], userTitle?: string) => string | undefined;
 
 declare const sortStoriesV7: (stories: IndexEntry[], storySortParameter: Addon_StorySortParameterV7, fileNameOrder: Path[]) => IndexEntry[];
 
-declare class DocsContext<TRenderer extends Renderer> implements DocsContextProps<TRenderer> {
+declare class DocsContext<TRenderer extends Renderer$1> implements DocsContextProps<TRenderer> {
     channel: Channel;
     protected store: StoryStore<TRenderer>;
     renderStoryToElement: DocsContextProps<TRenderer>['renderStoryToElement'];
@@ -889,17 +572,17 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
     private resolveAttachedModuleExportType;
     private resolveModuleExport;
     resolveOf<TType extends ResolvedModuleExportType>(moduleExportOrType: ModuleExport | TType, validTypes?: TType[]): ResolvedModuleExportFromType<TType, TRenderer>;
-    storyIdByName: (storyName: StoryName) => string;
+    storyIdByName: (storyName: StoryName$1) => string;
     componentStories: () => PreparedStory<TRenderer>[];
     componentStoriesFromCSFFile: (csfFile: CSFFile<TRenderer>) => PreparedStory<TRenderer>[];
-    storyById: (storyId?: StoryId) => PreparedStory<TRenderer>;
+    storyById: (storyId?: StoryId$1) => PreparedStory<TRenderer>;
     getStoryContext: (story: PreparedStory<TRenderer>) => {
         loaded: {};
         viewMode: string;
-        args: storybook_internal_csf.Args;
-        initialGlobals: storybook_internal_csf.Globals;
-        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
-        userGlobals: storybook_internal_csf.Globals;
+        args: storybook_internal_types.Args;
+        initialGlobals: storybook_internal_types.Globals;
+        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
+        userGlobals: storybook_internal_types.Globals;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -911,35 +594,35 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_csf.Parameters;
-        initialArgs: storybook_internal_csf.Args;
-        argTypes: storybook_internal_csf.StrictArgTypes<storybook_internal_csf.Args>;
-        componentId: storybook_internal_csf.ComponentId;
-        title: storybook_internal_csf.ComponentTitle;
-        kind: storybook_internal_csf.ComponentTitle;
-        id: StoryId;
-        name: StoryName;
-        story: StoryName;
-        tags: storybook_internal_csf.Tag[];
+        parameters: storybook_internal_types.Parameters;
+        initialArgs: storybook_internal_types.Args;
+        argTypes: storybook_internal_types.StrictArgTypes<storybook_internal_types.Args>;
+        componentId: storybook_internal_types.ComponentId;
+        title: storybook_internal_types.ComponentTitle;
+        kind: storybook_internal_types.ComponentTitle;
+        id: StoryId$1;
+        name: StoryName$1;
+        story: StoryName$1;
+        tags: storybook_internal_types.Tag[];
         moduleExport: ModuleExport;
-        originalStoryFn: storybook_internal_csf.StoryFn<TRenderer>;
-        undecoratedStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
-        unboundStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
-        applyLoaders: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<storybook_internal_csf.CleanupCallback[]>;
-        applyAfterEach: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void>;
-        playFunction?: ((context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_csf.StepRunner<TRenderer>;
-        mount: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => () => Promise<storybook_internal_csf.Canvas>;
+        originalStoryFn: storybook_internal_types.ArgsStoryFn<TRenderer>;
+        undecoratedStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
+        unboundStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
+        applyLoaders: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<Record<string, any>>;
+        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<storybook_internal_types.CleanupCallback[]>;
+        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void>;
+        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void> | void) | undefined;
+        runStep: storybook_internal_types.StepRunner<TRenderer>;
+        mount: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => () => Promise<storybook_internal_types.Canvas>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: storybook_internal_types.RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: storybook_internal_csf.Globals;
+        storyGlobals: storybook_internal_types.Globals;
         allArgs: any;
         argsByTarget: any;
         unmappedArgs: any;
     };
-    loadStory: (id: StoryId) => Promise<PreparedStory<TRenderer>>;
+    loadStory: (id: StoryId$1) => Promise<PreparedStory<TRenderer>>;
 }
 
 type RenderType = 'story' | 'docs';
@@ -951,9 +634,9 @@ type RenderType = 'story' | 'docs';
  * - Tracking the state of the rendering as it moves between preparing, rendering and tearing down.
  * - Tracking what is rendered to know if a change requires re-rendering or teardown + recreation.
  */
-interface Render<TRenderer extends Renderer> {
+interface Render<TRenderer extends Renderer$1> {
     type: RenderType;
-    id: StoryId;
+    id: StoryId$1;
     isPreparing: () => boolean;
     isEqual: (other: Render<TRenderer>) => boolean;
     disableKeyListeners: boolean;
@@ -975,14 +658,14 @@ interface Render<TRenderer extends Renderer> {
  *
  * - Autodocs, where there is no story, and we fall back to the globally defined template.
  */
-declare class CsfDocsRender<TRenderer extends Renderer> implements Render<TRenderer> {
+declare class CsfDocsRender<TRenderer extends Renderer$1> implements Render<TRenderer> {
     protected channel: Channel;
     protected store: StoryStore<TRenderer>;
     entry: IndexEntry;
     private callbacks;
     readonly type: RenderType;
     readonly subtype = "csf";
-    readonly id: StoryId;
+    readonly id: StoryId$1;
     story?: PreparedStory<TRenderer>;
     rerender?: () => Promise<void>;
     teardownRender?: (options: {
@@ -1013,14 +696,14 @@ declare class CsfDocsRender<TRenderer extends Renderer> implements Render<TRende
  *
  * - *.mdx file that may or may not reference a specific CSF file with `<Meta of={} />`
  */
-declare class MdxDocsRender<TRenderer extends Renderer> implements Render<TRenderer> {
+declare class MdxDocsRender<TRenderer extends Renderer$1> implements Render<TRenderer> {
     protected channel: Channel;
     protected store: StoryStore<TRenderer>;
     entry: IndexEntry;
     private callbacks;
     readonly type: RenderType;
     readonly subtype = "mdx";
-    readonly id: StoryId;
+    readonly id: StoryId$1;
     private exports?;
     rerender?: () => Promise<void>;
     teardownRender?: (options: {
@@ -1042,13 +725,13 @@ declare class MdxDocsRender<TRenderer extends Renderer> implements Render<TRende
 }
 
 type RenderPhase = 'preparing' | 'loading' | 'beforeEach' | 'rendering' | 'playing' | 'played' | 'afterEach' | 'completed' | 'finished' | 'aborted' | 'errored';
-declare class StoryRender<TRenderer extends Renderer> implements Render<TRenderer> {
+declare class StoryRender<TRenderer extends Renderer$1> implements Render<TRenderer> {
     channel: Channel;
     store: StoryStore<TRenderer>;
     private renderToScreen;
     private callbacks;
-    id: StoryId;
-    viewMode: StoryContext<TRenderer>['viewMode'];
+    id: StoryId$1;
+    viewMode: StoryContext$1<TRenderer>['viewMode'];
     renderOptions: StoryRenderOptions;
     type: RenderType;
     story?: PreparedStory<TRenderer>;
@@ -1062,7 +745,7 @@ declare class StoryRender<TRenderer extends Renderer> implements Render<TRendere
     torndown: boolean;
     constructor(channel: Channel, store: StoryStore<TRenderer>, renderToScreen: RenderToCanvas<TRenderer>, callbacks: RenderContextCallbacks<TRenderer> & {
         showStoryDuringRender?: () => void;
-    }, id: StoryId, viewMode: StoryContext<TRenderer>['viewMode'], renderOptions?: StoryRenderOptions, story?: PreparedStory<TRenderer>);
+    }, id: StoryId$1, viewMode: StoryContext$1<TRenderer>['viewMode'], renderOptions?: StoryRenderOptions, story?: PreparedStory<TRenderer>);
     private runPhase;
     private checkIfAborted;
     prepare(): Promise<void>;
@@ -1088,12 +771,10 @@ declare class StoryRender<TRenderer extends Renderer> implements Render<TRendere
 }
 
 type MaybePromise<T> = Promise<T> | T;
-declare class Preview<TRenderer extends Renderer> {
+declare class Preview<TRenderer extends Renderer$1> {
     importFn: ModuleImportFn;
     getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
     protected channel: Channel;
-    /** @deprecated Will be removed in 8.0, please use channel instead */
-    serverChannel?: Channel;
     protected storyStoreValue?: StoryStore<TRenderer>;
     renderToCanvas?: RenderToCanvas<TRenderer>;
     storyRenders: StoryRender<TRenderer>[];
@@ -1124,12 +805,12 @@ declare class Preview<TRenderer extends Renderer> {
         storyIndex?: StoryIndex;
     }): Promise<void>;
     onUpdateGlobals({ globals: updatedGlobals, currentStory, }: {
-        globals: Globals;
+        globals: Globals$1;
         currentStory?: PreparedStory<TRenderer>;
     }): Promise<void>;
     onUpdateArgs({ storyId, updatedArgs }: {
-        storyId: StoryId;
-        updatedArgs: Args;
+        storyId: StoryId$1;
+        updatedArgs: Args$1;
     }): Promise<void>;
     onRequestArgTypesInfo({ id, payload }: RequestData<ArgTypesRequestPayload>): Promise<void>;
     onResetArgs({ storyId, argNames }: {
@@ -1138,22 +819,22 @@ declare class Preview<TRenderer extends Renderer> {
     }): Promise<void>;
     onForceReRender(): Promise<void>;
     onForceRemount({ storyId }: {
-        storyId: StoryId;
+        storyId: StoryId$1;
     }): Promise<void>;
     renderStoryToElement(story: PreparedStory<TRenderer>, element: TRenderer['canvasElement'], callbacks: RenderContextCallbacks<TRenderer>, options: StoryRenderOptions): () => Promise<void>;
     teardownRender(render: StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>, { viewModeChanged }?: {
         viewModeChanged?: boolean;
     }): Promise<void>;
     loadStory({ storyId }: {
-        storyId: StoryId;
+        storyId: StoryId$1;
     }): Promise<PreparedStory<TRenderer>>;
     getStoryContext(story: PreparedStory<TRenderer>, { forceInitialArgs }?: {
         forceInitialArgs?: boolean | undefined;
     }): {
-        args: Args;
-        initialGlobals: Globals;
-        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
-        userGlobals: Globals;
+        args: Args$1;
+        initialGlobals: Globals$1;
+        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
+        userGlobals: Globals$1;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -1165,46 +846,46 @@ declare class Preview<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_csf.Parameters;
-        initialArgs: Args;
-        argTypes: storybook_internal_csf.StrictArgTypes<Args>;
-        componentId: storybook_internal_csf.ComponentId;
-        title: storybook_internal_csf.ComponentTitle;
-        kind: storybook_internal_csf.ComponentTitle;
-        id: StoryId;
-        name: storybook_internal_csf.StoryName;
-        story: storybook_internal_csf.StoryName;
-        tags: storybook_internal_csf.Tag[];
+        parameters: storybook_internal_types.Parameters;
+        initialArgs: Args$1;
+        argTypes: storybook_internal_types.StrictArgTypes<Args$1>;
+        componentId: storybook_internal_types.ComponentId;
+        title: storybook_internal_types.ComponentTitle;
+        kind: storybook_internal_types.ComponentTitle;
+        id: StoryId$1;
+        name: storybook_internal_types.StoryName;
+        story: storybook_internal_types.StoryName;
+        tags: storybook_internal_types.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        originalStoryFn: storybook_internal_csf.StoryFn<TRenderer>;
-        undecoratedStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
-        unboundStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
-        applyLoaders: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<CleanupCallback[]>;
-        applyAfterEach: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<void>;
-        playFunction?: ((context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_csf.StepRunner<TRenderer>;
-        mount: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => () => Promise<storybook_internal_csf.Canvas>;
+        originalStoryFn: storybook_internal_types.ArgsStoryFn<TRenderer>;
+        undecoratedStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
+        unboundStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
+        applyLoaders: (context: storybook_internal_types.StoryContext<TRenderer, Args$1>) => Promise<Record<string, any>>;
+        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, Args$1>) => Promise<CleanupCallback[]>;
+        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, Args$1>) => Promise<void>;
+        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, Args$1>) => Promise<void> | void) | undefined;
+        runStep: storybook_internal_types.StepRunner<TRenderer>;
+        mount: (context: storybook_internal_types.StoryContext<TRenderer, Args$1>) => () => Promise<storybook_internal_types.Canvas>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: Globals;
-    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+        storyGlobals: Globals$1;
+    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer$1, Args$1>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     extract(options?: {
         includeDocsOnly: boolean;
-    }): Promise<Record<string, storybook_internal_csf.StoryContextForEnhancers<TRenderer, Args>>>;
+    }): Promise<Record<string, storybook_internal_types.StoryContextForEnhancers<TRenderer, Args$1>>>;
     renderPreviewEntryError(reason: string, err: Error): void;
 }
 
 interface SelectionSpecifier {
     storySpecifier: StorySpecifier;
-    viewMode: ViewMode;
-    args?: Args;
-    globals?: Args;
+    viewMode: ViewMode$1;
+    args?: Args$1;
+    globals?: Args$1;
 }
 interface Selection {
-    storyId: StoryId;
-    viewMode: ViewMode;
+    storyId: StoryId$1;
+    viewMode: ViewMode$1;
 }
 interface SelectionStore {
     selectionSpecifier: SelectionSpecifier | null;
@@ -1233,8 +914,8 @@ interface View<TStorybookRoot> {
     showStoryDuringRender(): void;
 }
 
-type PossibleRender<TRenderer extends Renderer> = StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>;
-declare class PreviewWithSelection<TRenderer extends Renderer> extends Preview<TRenderer> {
+type PossibleRender<TRenderer extends Renderer$1> = StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>;
+declare class PreviewWithSelection<TRenderer extends Renderer$1> extends Preview<TRenderer> {
     importFn: ModuleImportFn;
     getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
     selectionStore: SelectionStore;
@@ -1255,27 +936,27 @@ declare class PreviewWithSelection<TRenderer extends Renderer> extends Preview<T
     }): Promise<void>;
     onKeydown(event: KeyboardEvent): void;
     onSetCurrentStory(selection: {
-        storyId: StoryId;
-        viewMode?: ViewMode;
+        storyId: StoryId$1;
+        viewMode?: ViewMode$1;
     }): Promise<void>;
     onUpdateQueryParams(queryParams: any): void;
     onUpdateGlobals({ globals }: {
-        globals: Globals;
+        globals: Globals$1;
     }): Promise<void>;
     onUpdateArgs({ storyId, updatedArgs }: {
-        storyId: StoryId;
-        updatedArgs: Args;
+        storyId: StoryId$1;
+        updatedArgs: Args$1;
     }): Promise<void>;
     onPreloadStories({ ids }: {
         ids: string[];
     }): Promise<void>;
     protected renderSelection({ persistedArgs }?: {
-        persistedArgs?: Args;
+        persistedArgs?: Args$1;
     }): Promise<void>;
     teardownRender(render: PossibleRender<TRenderer>, { viewModeChanged }?: {
         viewModeChanged?: boolean;
     }): Promise<void>;
-    mainStoryCallbacks(storyId: StoryId): {
+    mainStoryCallbacks(storyId: StoryId$1): {
         showStoryDuringRender: () => void;
         showMain: () => void;
         showError: (err: {
@@ -1287,14 +968,14 @@ declare class PreviewWithSelection<TRenderer extends Renderer> extends Preview<T
     renderPreviewEntryError(reason: string, err: Error): void;
     renderMissingStory(): void;
     renderStoryLoadingException(storySpecifier: StorySpecifier, err: Error): void;
-    renderException(storyId: StoryId, error: Error): void;
-    renderError(storyId: StoryId, { title, description }: {
+    renderException(storyId: StoryId$1, error: Error): void;
+    renderError(storyId: StoryId$1, { title, description }: {
         title: string;
         description: string;
     }): void;
 }
 
-declare class PreviewWeb<TRenderer extends Renderer> extends PreviewWithSelection<TRenderer> {
+declare class PreviewWeb<TRenderer extends Renderer$1> extends PreviewWithSelection<TRenderer> {
     importFn: ModuleImportFn;
     getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
     constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>);
@@ -1353,4 +1034,274 @@ declare class WebView implements View<HTMLElement> {
 declare function simulateDOMContentLoaded(): void;
 declare function simulatePageLoad($container: any): void;
 
-export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, type PropDescriptor, type Report, ReporterAPI, type SelectionStore, StoryStore, UrlStore, type View, WebView, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, createPlaywrightTest, decorateStory, defaultDecorateStory, definePreview, MockUniversalStore as experimental_MockUniversalStore, UniversalStore as experimental_UniversalStore, useUniversalStore as experimental_useUniversalStore, filterArgTypes, getCsfFactoryAnnotations, inferControls, makeDecorator, mockChannel, normalizeProjectAnnotations, normalizeStory, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setDefaultProjectAnnotations, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier };
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+interface SBBaseType {
+    required?: boolean;
+    raw?: string;
+}
+type SBScalarType = SBBaseType & {
+    name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
+};
+type SBArrayType = SBBaseType & {
+    name: 'array';
+    value: SBType;
+};
+type SBObjectType = SBBaseType & {
+    name: 'object';
+    value: Record<string, SBType>;
+};
+type SBEnumType = SBBaseType & {
+    name: 'enum';
+    value: (string | number)[];
+};
+type SBIntersectionType = SBBaseType & {
+    name: 'intersection';
+    value: SBType[];
+};
+type SBUnionType = SBBaseType & {
+    name: 'union';
+    value: SBType[];
+};
+type SBOtherType = SBBaseType & {
+    name: 'other';
+    value: string;
+};
+type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
+
+type StoryId = string;
+type ComponentId = string;
+type ComponentTitle = string;
+type StoryName = string;
+type Tag = string;
+interface StoryIdentifier {
+    componentId: ComponentId;
+    title: ComponentTitle;
+    /** @deprecated */
+    kind: ComponentTitle;
+    id: StoryId;
+    name: StoryName;
+    /** @deprecated */
+    story: StoryName;
+    tags: Tag[];
+}
+interface Parameters {
+    [name: string]: any;
+}
+type ControlType = 'object' | 'boolean' | 'check' | 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select' | 'number' | 'range' | 'file' | 'color' | 'date' | 'text';
+type ConditionalTest = {
+    truthy?: boolean;
+} | {
+    exists: boolean;
+} | {
+    eq: any;
+} | {
+    neq: any;
+};
+type ConditionalValue = {
+    arg: string;
+} | {
+    global: string;
+};
+type Conditional = ConditionalValue & ConditionalTest;
+interface ControlBase {
+    [key: string]: any;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controltype
+     */
+    type?: ControlType;
+    disable?: boolean;
+}
+interface Report {
+    type: string;
+    version?: number;
+    result: unknown;
+    status: 'failed' | 'passed' | 'warning';
+}
+interface ReportingAPI {
+    reports: Report[];
+    addReport: (report: Report) => void;
+}
+type Control = ControlType | false | (ControlBase & (ControlBase | {
+    type: 'color';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlpresetcolors
+     */
+    presetColors?: string[];
+} | {
+    type: 'file';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlaccept
+     */
+    accept?: string;
+} | {
+    type: 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controllabels
+     */
+    labels?: {
+        [options: string]: string;
+    };
+} | {
+    type: 'number' | 'range';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlmax
+     */
+    max?: number;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlmin
+     */
+    min?: number;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlstep
+     */
+    step?: number;
+}));
+interface InputType {
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#control
+     */
+    control?: Control;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#description
+     */
+    description?: string;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#if
+     */
+    if?: Conditional;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#mapping
+     */
+    mapping?: {
+        [key: string]: any;
+    };
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#name
+     */
+    name?: string;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#options
+     */
+    options?: readonly any[];
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#table
+     */
+    table?: {
+        [key: string]: unknown;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tablecategory
+         */
+        category?: string;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tabledefaultvalue
+         */
+        defaultValue?: {
+            summary?: string;
+            detail?: string;
+        };
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tabledisable
+         */
+        disable?: boolean;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tablesubcategory
+         */
+        subcategory?: string;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tabletype
+         */
+        type?: {
+            summary?: string;
+            detail?: string;
+        };
+    };
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#type
+     */
+    type?: SBType | SBScalarType['name'];
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#defaultvalue
+     *
+     * @deprecated Use `table.defaultValue.summary` instead.
+     */
+    defaultValue?: any;
+    [key: string]: any;
+}
+interface StrictInputType extends InputType {
+    name: string;
+    type?: SBType;
+}
+interface Args {
+    [name: string]: any;
+}
+type StrictArgTypes<TArgs = Args> = {
+    [name in keyof TArgs]: StrictInputType;
+};
+interface Globals {
+    [name: string]: any;
+}
+interface Renderer {
+    /** What is the type of the `component` annotation in this renderer? */
+    component: unknown;
+    /** What does the story function return in this renderer? */
+    storyResult: unknown;
+    /** What type of element does this renderer render to? */
+    canvasElement: unknown;
+    mount(): Promise<Canvas>;
+    T?: unknown;
+}
+interface StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryIdentifier {
+    component?: (TRenderer & {
+        T: any;
+    })['component'];
+    subcomponents?: Record<string, (TRenderer & {
+        T: any;
+    })['component']>;
+    parameters: Parameters;
+    initialArgs: TArgs;
+    argTypes: StrictArgTypes<TArgs>;
+}
+interface StoryContextUpdate<TArgs = Args> {
+    args?: TArgs;
+    globals?: Globals;
+    [key: string]: any;
+}
+type ViewMode = 'story' | 'docs';
+interface Canvas {
+}
+interface StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContextForEnhancers<TRenderer, TArgs>, Required<StoryContextUpdate<TArgs>> {
+    loaded: Record<string, any>;
+    abortSignal: AbortSignal;
+    canvasElement: TRenderer['canvasElement'];
+    hooks: unknown;
+    originalStoryFn: StoryFn<TRenderer>;
+    viewMode: ViewMode;
+    step: StepFunction<TRenderer, TArgs>;
+    context: this;
+    canvas: Canvas;
+    mount: TRenderer['mount'];
+    reporting: ReportingAPI;
+}
+/** @deprecated Use {@link StoryContext} instead. */
+interface PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContext<TRenderer, TArgs> {
+}
+type StepLabel = string;
+type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>) => Promise<void> | void;
+type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void> | void;
+type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
+type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => (TRenderer & {
+    T: TArgs;
+})['storyResult'];
+type StoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyStoryFn<TRenderer, TArgs> | ArgsStoryFn<TRenderer, TArgs>;
+
+type ReducedStoryContext = Omit<StoryContext<any, Args>, 'abortSignal' | 'canvasElement' | 'step' | 'context'>;
+declare function emitTransformCode(source: string | undefined, context: ReducedStoryContext): Promise<void>;
+
+declare function getCoreAnnotations(): any[];
+
+export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, type PropDescriptor, type Report$1 as Report, ReporterAPI, type SelectionStore, StoryStore, UrlStore, type View, WebView, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, createPlaywrightTest, decorateStory, defaultDecorateStory, definePreview, emitTransformCode, filterArgTypes, getCoreAnnotations, getCsfFactoryAnnotations, inferControls, makeDecorator, mockChannel, normalizeProjectAnnotations, normalizeStory, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setDefaultProjectAnnotations, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier };