storybook 10.2.0-alpha.16 → 10.2.0-alpha.17

package/dist/preview/runtime.js

@@ -13595,6 +13595,8 @@ __export(core_events_exports, {
   FILE_COMPONENT_SEARCH_RESPONSE: () => FILE_COMPONENT_SEARCH_RESPONSE,
   FORCE_REMOUNT: () => FORCE_REMOUNT,
   FORCE_RE_RENDER: () => FORCE_RE_RENDER,
+  GHOST_STORIES_REQUEST: () => GHOST_STORIES_REQUEST,
+  GHOST_STORIES_RESPONSE: () => GHOST_STORIES_RESPONSE,
   GLOBALS_UPDATED: () => GLOBALS_UPDATED,
   MANAGER_INERT_ATTRIBUTE_CHANGED: () => MANAGER_INERT_ATTRIBUTE_CHANGED,
   NAVIGATE_URL: () => NAVIGATE_URL,
@@ -13644,7 +13646,7 @@ __export(core_events_exports, {
   UPDATE_STORY_ARGS: () => UPDATE_STORY_ARGS,
   default: () => core_events_default
 });
-var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", events2.CHANNEL_CREATED = "channelCreated", events2.CONFIG_ERROR = "configError", events2.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", events2.STORY_SPECIFIED = "storySpecified", events2.SET_CONFIG = "setConfig", events2.SET_STORIES = "setStories", events2.SET_INDEX = "setIndex", events2.SET_CURRENT_STORY = "setCurrentStory", events2.CURRENT_STORY_WAS_SET = "currentStoryWasSet", events2.FORCE_RE_RENDER = "forceReRender", events2.FORCE_REMOUNT = "forceRemount", events2.PRELOAD_ENTRIES = "preloadStories", events2.STORY_PREPARED = "storyPrepared", events2.DOCS_PREPARED = "docsPrepared", events2.STORY_CHANGED = "storyChanged", events2.STORY_UNCHANGED = "storyUnchanged", events2.STORY_RENDERED = "storyRendered", events2.STORY_FINISHED = "storyFinished", events2.STORY_MISSING = "storyMissing", events2.STORY_ERRORED = "storyErrored", events2.STORY_THREW_EXCEPTION = "storyThrewException", events2.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", events2.STORY_HOT_UPDATED = "storyHotUpdated", events2.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", events2.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", events2.UPDATE_STORY_ARGS = "updateStoryArgs", events2.STORY_ARGS_UPDATED = "storyArgsUpdated", events2.RESET_STORY_ARGS = "resetStoryArgs", events2.SET_FILTER = "setFilter", events2.SET_GLOBALS = "setGlobals", events2.UPDATE_GLOBALS = "updateGlobals", events2.GLOBALS_UPDATED = "globalsUpdated", events2.REGISTER_SUBSCRIPTION = "registerSubscription", events2.PREVIEW_INITIALIZED = "previewInitialized", events2.PREVIEW_KEYDOWN = "previewKeydown", events2.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", events2.SELECT_STORY = "selectStory", events2.STORIES_COLLAPSE_ALL = "storiesCollapseAll", events2.STORIES_EXPAND_ALL = "storiesExpandAll", events2.DOCS_RENDERED = "docsRendered", events2.SHARED_STATE_CHANGED = "sharedStateChanged", events2.SHARED_STATE_SET = "sharedStateSet", events2.NAVIGATE_URL = "navigateUrl", events2.UPDATE_QUERY_PARAMS = "updateQueryParams", events2.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", events2.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", events2.SET_WHATS_NEW_CACHE = "setWhatsNewCache", events2.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", events2.TELEMETRY_ERROR = "telemetryError", events2.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", events2.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", events2.SAVE_STORY_REQUEST = "saveStoryRequest", events2.SAVE_STORY_RESPONSE = "saveStoryResponse", events2.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", events2.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", events2.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", events2.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", events2.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", events2.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", events2.MANAGER_INERT_ATTRIBUTE_CHANGED = "managerInertAttributeChanged", events2))(events || {}), core_events_default = events, {
+var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", events2.CHANNEL_CREATED = "channelCreated", events2.CONFIG_ERROR = "configError", events2.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", events2.STORY_SPECIFIED = "storySpecified", events2.SET_CONFIG = "setConfig", events2.SET_STORIES = "setStories", events2.SET_INDEX = "setIndex", events2.SET_CURRENT_STORY = "setCurrentStory", events2.CURRENT_STORY_WAS_SET = "currentStoryWasSet", events2.FORCE_RE_RENDER = "forceReRender", events2.FORCE_REMOUNT = "forceRemount", events2.PRELOAD_ENTRIES = "preloadStories", events2.STORY_PREPARED = "storyPrepared", events2.DOCS_PREPARED = "docsPrepared", events2.STORY_CHANGED = "storyChanged", events2.STORY_UNCHANGED = "storyUnchanged", events2.STORY_RENDERED = "storyRendered", events2.STORY_FINISHED = "storyFinished", events2.STORY_MISSING = "storyMissing", events2.STORY_ERRORED = "storyErrored", events2.STORY_THREW_EXCEPTION = "storyThrewException", events2.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", events2.STORY_HOT_UPDATED = "storyHotUpdated", events2.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", events2.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", events2.UPDATE_STORY_ARGS = "updateStoryArgs", events2.STORY_ARGS_UPDATED = "storyArgsUpdated", events2.RESET_STORY_ARGS = "resetStoryArgs", events2.SET_FILTER = "setFilter", events2.SET_GLOBALS = "setGlobals", events2.UPDATE_GLOBALS = "updateGlobals", events2.GLOBALS_UPDATED = "globalsUpdated", events2.REGISTER_SUBSCRIPTION = "registerSubscription", events2.PREVIEW_INITIALIZED = "previewInitialized", events2.PREVIEW_KEYDOWN = "previewKeydown", events2.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", events2.SELECT_STORY = "selectStory", events2.STORIES_COLLAPSE_ALL = "storiesCollapseAll", events2.STORIES_EXPAND_ALL = "storiesExpandAll", events2.DOCS_RENDERED = "docsRendered", events2.SHARED_STATE_CHANGED = "sharedStateChanged", events2.SHARED_STATE_SET = "sharedStateSet", events2.NAVIGATE_URL = "navigateUrl", events2.UPDATE_QUERY_PARAMS = "updateQueryParams", events2.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", events2.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", events2.SET_WHATS_NEW_CACHE = "setWhatsNewCache", events2.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", events2.TELEMETRY_ERROR = "telemetryError", events2.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", events2.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", events2.SAVE_STORY_REQUEST = "saveStoryRequest", events2.SAVE_STORY_RESPONSE = "saveStoryResponse", events2.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", events2.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", events2.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", events2.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", events2.GHOST_STORIES_REQUEST = "ghostStoriesRequest", events2.GHOST_STORIES_RESPONSE = "ghostStoriesResponse", events2.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", events2.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", events2.MANAGER_INERT_ATTRIBUTE_CHANGED = "managerInertAttributeChanged", events2))(events || {}), core_events_default = events, {
   CHANNEL_WS_DISCONNECT,
   CHANNEL_CREATED,
   CONFIG_ERROR,
@@ -13703,6 +13705,8 @@ var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "cha
   SAVE_STORY_RESPONSE,
   ARGTYPES_INFO_REQUEST,
   ARGTYPES_INFO_RESPONSE,
+  GHOST_STORIES_REQUEST,
+  GHOST_STORIES_RESPONSE,
   OPEN_IN_EDITOR_REQUEST,
   OPEN_IN_EDITOR_RESPONSE,
   MANAGER_INERT_ATTRIBUTE_CHANGED
@@ -32896,6 +32900,27 @@ var { step } = instrument(
   runStep: step
 });
 
+// src/core-server/utils/ghost-stories/test-annotations.ts
+var isEmptyRender = (element) => {
+  let style = getComputedStyle(element), rect = element.getBoundingClientRect();
+  return !(rect.width > 0 && rect.height > 0 && style.visibility !== "hidden" && Number(style.opacity) > 0 && style.display !== "none");
+}, afterEach = async ({ reporting, canvasElement, globals }) => {
+  try {
+    if (!globals.ghostStories)
+      return;
+    let emptyRender = isEmptyRender(canvasElement.firstElementChild ?? canvasElement);
+    emptyRender && reporting.addReport({
+      type: "render-analysis",
+      version: 1,
+      result: {
+        emptyRender
+      },
+      status: "warning"
+    });
+  } catch {
+  }
+}, test_annotations_default = () => ({ afterEach });
+
 // src/highlight/constants.ts
 var ADDON_ID3 = "storybook/highlight", HIGHLIGHT = `${ADDON_ID3}/add`, REMOVE_HIGHLIGHT = `${ADDON_ID3}/remove`, RESET_HIGHLIGHT = `${ADDON_ID3}/reset`, SCROLL_INTO_VIEW = `${ADDON_ID3}/scroll-into-view`, MAX_Z_INDEX = 2147483647, MIN_TOUCH_AREA_SIZE = 28;
 
@@ -34343,7 +34368,9 @@ function getCoreAnnotations() {
     // @ts-expect-error CJS fallback
     (preview_default3.default ?? preview_default3)(),
     // @ts-expect-error CJS fallback
-    (preview_default7.default ?? preview_default7)()
+    (preview_default7.default ?? preview_default7)(),
+    // @ts-expect-error CJS fallback
+    (test_annotations_default.default ?? test_annotations_default)()
   ];
 }
 
@@ -34794,7 +34821,7 @@ function normalizeStory(key, storyAnnotations, meta) {
   ], parameters2 = { ...story?.parameters, ...storyObject.parameters }, args = { ...story?.args, ...storyObject.args }, argTypes = { ...story?.argTypes, ...storyObject.argTypes }, loaders2 = [...normalizeArrays(storyObject.loaders), ...normalizeArrays(story?.loaders)], beforeEach = [
     ...normalizeArrays(storyObject.beforeEach),
     ...normalizeArrays(story?.beforeEach)
-  ], afterEach = [
+  ], afterEach2 = [
     ...normalizeArrays(storyObject.afterEach),
     ...normalizeArrays(story?.afterEach)
   ], { render, play, tags = [], globals = {} } = storyObject, id = parameters2.__id || toId(meta.id, exportName);
@@ -34809,7 +34836,7 @@ function normalizeStory(key, storyAnnotations, meta) {
     argTypes: normalizeInputTypes(argTypes),
     loaders: loaders2,
     beforeEach,
-    afterEach,
+    afterEach: afterEach2,
     globals,
     ...render && { render },
     ...userStoryFn && { userStoryFn },
@@ -35188,7 +35215,7 @@ function normalizeProjectAnnotations({
   decorators: decorators4,
   loaders: loaders2,
   beforeEach,
-  afterEach,
+  afterEach: afterEach2,
   initialGlobals: initialGlobals5,
   ...annotations
 }) {
@@ -35198,7 +35225,7 @@ function normalizeProjectAnnotations({
     decorators: normalizeArrays(decorators4),
     loaders: normalizeArrays(loaders2),
     beforeEach: normalizeArrays(beforeEach),
-    afterEach: normalizeArrays(afterEach),
+    afterEach: normalizeArrays(afterEach2),
     argTypesEnhancers: [
       ...argTypesEnhancers || [],
       inferArgTypes,

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

@@ -1,6 +1,7 @@
 import { Channel } from 'storybook/internal/channels';
 import * as storybook_internal_types from 'storybook/internal/types';
 import { Args, Renderer, StoryContext, DecoratorApplicator, StoryId, Addon_StoryWrapper, PreparedStory, Globals, GlobalTypes, StoryIndex, StoryName, ComponentTitle, IndexEntry, Path, StoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, ProjectAnnotations, StepRunner, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, LegacyStoryAnnotationsOrFn, ComponentAnnotations, NamedOrDefaultProjectAnnotations, ModuleImportFn, StoryContextForEnhancers, Parameters, 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 { Story, Meta, CleanupCallback, StoryContext as StoryContext$1, Args as Args$1 } from 'storybook/internal/csf';
 import { RequestData, ArgTypesRequestPayload } from 'storybook/internal/core-events';
 
@@ -415,7 +416,7 @@ declare function createPlaywrightTest<TFixture extends {
 }>(baseTest: TFixture): TFixture;
 
 declare function getCsfFactoryAnnotations<TRenderer extends Renderer = Renderer, TArgs extends Args = Args>(story: LegacyStoryAnnotationsOrFn<TRenderer> | Story<Renderer>, meta?: ComponentAnnotations<TRenderer, TArgs> | Meta<Renderer>, projectAnnotations?: ProjectAnnotations<TRenderer>): {
-    story: storybook_internal_types.StoryAnnotations<Renderer, unknown>;
+    story: storybook_internal_csf.StoryAnnotations<Renderer, unknown>;
     meta: ComponentAnnotations<Renderer, unknown>;
     preview: storybook_internal_types.NormalizedProjectAnnotations<Renderer>;
 } | {
@@ -477,10 +478,10 @@ declare class StoryStore<TRenderer extends Renderer> {
     getStoryContext(story: PreparedStory<TRenderer>, { forceInitialArgs }?: {
         forceInitialArgs?: boolean | undefined;
     }): {
-        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;
+        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;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -492,31 +493,31 @@ declare class StoryStore<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        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;
+        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: storybook_internal_types.StoryName;
-        story: storybook_internal_types.StoryName;
-        tags: storybook_internal_types.Tag[];
+        name: storybook_internal_csf.StoryName;
+        story: storybook_internal_csf.StoryName;
+        tags: storybook_internal_csf.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        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>;
+        originalStoryFn: storybook_internal_csf.ArgsStoryFn<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<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>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: storybook_internal_types.RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: storybook_internal_types.Globals;
-    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer, storybook_internal_types.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+        storyGlobals: storybook_internal_csf.Globals;
+    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, storybook_internal_csf.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     addCleanupCallbacks(story: PreparedStory<TRenderer>, ...callbacks: CleanupCallback[]): void;
     cleanupStory(story: PreparedStory<TRenderer>): Promise<void>;
     extract(options?: {
@@ -532,7 +533,7 @@ declare class StoryStore<TRenderer extends Renderer> {
 declare const combineParameters: (...parameterSets: (Parameters | undefined)[]) => Parameters;
 
 type PropDescriptor = string[] | RegExp;
-declare const filterArgTypes: (argTypes: StrictArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes<storybook_internal_types.Args>>;
+declare const filterArgTypes: (argTypes: StrictArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes<storybook_internal_csf.Args>>;
 
 declare const inferControls: ArgTypesEnhancer<Renderer>;
 
@@ -582,10 +583,10 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
     getStoryContext: (story: PreparedStory<TRenderer>) => {
         loaded: {};
         viewMode: string;
-        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;
+        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;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -597,30 +598,30 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        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;
+        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_types.Tag[];
+        tags: storybook_internal_csf.Tag[];
         moduleExport: ModuleExport;
-        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>;
+        originalStoryFn: storybook_internal_csf.ArgsStoryFn<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>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: storybook_internal_types.RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: storybook_internal_types.Globals;
+        storyGlobals: storybook_internal_csf.Globals;
         allArgs: any;
         argsByTarget: any;
         unmappedArgs: any;
@@ -842,7 +843,7 @@ declare class Preview<TRenderer extends Renderer> {
     }): {
         args: Args;
         initialGlobals: Globals;
-        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
+        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
         userGlobals: Globals;
         reporting: ReporterAPI;
         globals: {
@@ -855,34 +856,34 @@ declare class Preview<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_types.Parameters;
+        parameters: storybook_internal_csf.Parameters;
         initialArgs: Args;
-        argTypes: storybook_internal_types.StrictArgTypes<Args>;
-        componentId: storybook_internal_types.ComponentId;
-        title: storybook_internal_types.ComponentTitle;
-        kind: storybook_internal_types.ComponentTitle;
+        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_types.StoryName;
-        story: storybook_internal_types.StoryName;
-        tags: storybook_internal_types.Tag[];
+        name: storybook_internal_csf.StoryName;
+        story: storybook_internal_csf.StoryName;
+        tags: storybook_internal_csf.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        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>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<CleanupCallback[]>;
-        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<void>;
-        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_types.StepRunner<TRenderer>;
-        mount: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => () => Promise<storybook_internal_types.Canvas>;
+        originalStoryFn: storybook_internal_csf.ArgsStoryFn<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>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
         storyGlobals: Globals;
-    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer, Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     extract(options?: {
         includeDocsOnly: boolean;
-    }): Promise<Record<string, storybook_internal_types.StoryContextForEnhancers<TRenderer, Args>>>;
+    }): Promise<Record<string, storybook_internal_csf.StoryContextForEnhancers<TRenderer, Args>>>;
     renderPreviewEntryError(reason: string, err: Error): void;
 }
 

package/dist/server-errors.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_4zwbyhk64wx from 'node:url';
-import CJS_COMPAT_NODE_PATH_4zwbyhk64wx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4zwbyhk64wx from "node:module";
+import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
+import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
+import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_4zwbyhk64wx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4zwbyhk64wx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4zwbyhk64wx.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -46,13 +46,13 @@ import {
   WebpackCompilationError,
   WebpackInvocationError,
   WebpackMissingStatsError
-} from "./_node-chunks/chunk-ZN5DGHF3.js";
+} from "./_node-chunks/chunk-2XSHQN7K.js";
 import {
   StorybookError
-} from "./_node-chunks/chunk-K6FMM5LS.js";
-import "./_node-chunks/chunk-YFUVKP3W.js";
-import "./_node-chunks/chunk-FNQ5WLS5.js";
-import "./_node-chunks/chunk-3PMH6BEP.js";
+} from "./_node-chunks/chunk-FAARRTOD.js";
+import "./_node-chunks/chunk-G7P42ZEY.js";
+import "./_node-chunks/chunk-XI7HDOMY.js";
+import "./_node-chunks/chunk-25OWI2RR.js";
 export {
   AddonVitestPostinstallConfigUpdateError,
   AddonVitestPostinstallError,

package/dist/telemetry/index.d.ts

@@ -23,6 +23,17 @@ interface DetectResult {
     version?: string;
 }
 
+type PackageGroupResult = Record<string, string | null | undefined>;
+type KnownPackagesList = {
+    testPackages?: PackageGroupResult;
+    stylingPackages?: PackageGroupResult;
+    stateManagementPackages?: PackageGroupResult;
+    dataFetchingPackages?: PackageGroupResult;
+    uiLibraryPackages?: PackageGroupResult;
+    i18nPackages?: PackageGroupResult;
+    routerPackages?: PackageGroupResult;
+};
+
 declare const monorepoConfigs: {
     readonly Nx: "nx.json";
     readonly Turborepo: "turbo.json";
@@ -32,7 +43,7 @@ declare const monorepoConfigs: {
 };
 type MonorepoType = keyof typeof monorepoConfigs | 'Workspaces' | undefined;
 
-type EventType = 'boot' | 'add' | 'dev' | 'build' | 'index' | 'upgrade' | 'multi-upgrade' | 'init' | 'init-step' | 'scaffolded-empty' | 'browser' | 'canceled' | 'error' | 'error-metadata' | 'version-update' | 'core-config' | 'remove' | 'save-story' | 'create-new-story-file' | 'create-new-story-file-search' | 'open-in-editor' | 'testing-module-watch-mode' | 'testing-module-completed-report' | 'testing-module-crash-report' | 'addon-test' | 'test-run' | 'addon-onboarding' | 'onboarding-survey' | 'onboarding-checklist-muted' | 'onboarding-checklist-status' | 'mocking' | 'automigrate' | 'migrate' | 'preview-first-load' | 'doctor';
+type EventType = 'boot' | 'add' | 'dev' | 'build' | 'index' | 'upgrade' | 'multi-upgrade' | 'init' | 'init-step' | 'scaffolded-empty' | 'browser' | 'canceled' | 'error' | 'error-metadata' | 'version-update' | 'core-config' | 'remove' | 'save-story' | 'create-new-story-file' | 'create-new-story-file-search' | 'open-in-editor' | 'testing-module-watch-mode' | 'testing-module-completed-report' | 'testing-module-crash-report' | 'addon-test' | 'test-run' | 'addon-onboarding' | 'onboarding-survey' | 'onboarding-checklist-muted' | 'onboarding-checklist-status' | 'mocking' | 'automigrate' | 'migrate' | 'preview-first-load' | 'doctor' | 'ghost-stories';
 interface Dependency {
     version: string | undefined;
     versionSpecifier?: string;
@@ -67,7 +78,7 @@ type StorybookMetadata = {
         packageName: string;
         version: string;
     };
-    testPackages?: Record<string, string | undefined>;
+    knownPackages?: KnownPackagesList;
     hasRouterPackage?: boolean;
     hasStorybookEslint?: boolean;
     hasStaticDirs?: boolean;

package/dist/telemetry/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_4zwbyhk64wx from 'node:url';
-import CJS_COMPAT_NODE_PATH_4zwbyhk64wx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4zwbyhk64wx from "node:module";
+import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
+import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
+import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_4zwbyhk64wx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4zwbyhk64wx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4zwbyhk64wx.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -25,22 +25,23 @@ import {
   sanitizeAddonName,
   sanitizeError,
   telemetry
-} from "../_node-chunks/chunk-TDBTCAEB.js";
-import "../_node-chunks/chunk-SPPXK6CQ.js";
-import "../_node-chunks/chunk-M6AUSQA3.js";
-import "../_node-chunks/chunk-DGLVYUKY.js";
-import "../_node-chunks/chunk-TTACLBSG.js";
-import "../_node-chunks/chunk-OKUHCLLJ.js";
-import "../_node-chunks/chunk-LOJ73E6E.js";
-import "../_node-chunks/chunk-JXU4P6K3.js";
-import "../_node-chunks/chunk-SWN4HCJE.js";
-import "../_node-chunks/chunk-RIEIAV32.js";
-import "../_node-chunks/chunk-XWGABQX7.js";
-import "../_node-chunks/chunk-6QEWR44T.js";
-import "../_node-chunks/chunk-47ZRY4XW.js";
-import "../_node-chunks/chunk-YFUVKP3W.js";
-import "../_node-chunks/chunk-FNQ5WLS5.js";
-import "../_node-chunks/chunk-3PMH6BEP.js";
+} from "../_node-chunks/chunk-EYPTVKFI.js";
+import "../_node-chunks/chunk-CBPOKBOR.js";
+import "../_node-chunks/chunk-PWI3ORDV.js";
+import "../_node-chunks/chunk-RGEHGZS6.js";
+import "../_node-chunks/chunk-XYONORVT.js";
+import "../_node-chunks/chunk-ZOUBYBCH.js";
+import "../_node-chunks/chunk-GYJ7LPFJ.js";
+import "../_node-chunks/chunk-VK4OWRKU.js";
+import "../_node-chunks/chunk-C3FPVGL4.js";
+import "../_node-chunks/chunk-KKNWPXMS.js";
+import "../_node-chunks/chunk-3D4SLKEE.js";
+import "../_node-chunks/chunk-5Q5JEISY.js";
+import "../_node-chunks/chunk-JBRILZWU.js";
+import "../_node-chunks/chunk-DJ3RRSJ7.js";
+import "../_node-chunks/chunk-G7P42ZEY.js";
+import "../_node-chunks/chunk-XI7HDOMY.js";
+import "../_node-chunks/chunk-25OWI2RR.js";
 export {
   ErrorCollector,
   addToGlobalContext,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "10.2.0-alpha.16",
+  "version": "10.2.0-alpha.17",
   "description": "Storybook: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",

package/dist/_node-chunks/chunk-5E2HAJXY.js

@@ -1,35 +0,0 @@
-import CJS_COMPAT_NODE_URL_4zwbyhk64wx from 'node:url';
-import CJS_COMPAT_NODE_PATH_4zwbyhk64wx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4zwbyhk64wx from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_4zwbyhk64wx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4zwbyhk64wx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4zwbyhk64wx.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// src/shared/constants/tags.ts
-var Tag = {
-  /** Indicates that autodocs should be generated for this component */
-  AUTODOCS: "autodocs",
-  /** MDX documentation attached to a component's stories file */
-  ATTACHED_MDX: "attached-mdx",
-  /** Standalone MDX documentation not attached to stories */
-  UNATTACHED_MDX: "unattached-mdx",
-  /** Story has a play function */
-  PLAY_FN: "play-fn",
-  /** Story has a test function */
-  TEST_FN: "test-fn",
-  /** Development environment tag */
-  DEV: "dev",
-  /** Test environment tag */
-  TEST: "test",
-  /** Manifest generation tag */
-  MANIFEST: "manifest"
-};
-
-export {
-  Tag
-};

package/dist/_node-chunks/chunk-DGLVYUKY.js

@@ -1,61 +0,0 @@
-import CJS_COMPAT_NODE_URL_4zwbyhk64wx from 'node:url';
-import CJS_COMPAT_NODE_PATH_4zwbyhk64wx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4zwbyhk64wx from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_4zwbyhk64wx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4zwbyhk64wx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4zwbyhk64wx.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// src/common/versions.ts
-var versions_default = {
-  "@storybook/addon-a11y": "10.2.0-alpha.16",
-  "@storybook/addon-docs": "10.2.0-alpha.16",
-  "@storybook/addon-links": "10.2.0-alpha.16",
-  "@storybook/addon-onboarding": "10.2.0-alpha.16",
-  "storybook-addon-pseudo-states": "10.2.0-alpha.16",
-  "@storybook/addon-themes": "10.2.0-alpha.16",
-  "@storybook/addon-vitest": "10.2.0-alpha.16",
-  "@storybook/builder-vite": "10.2.0-alpha.16",
-  "@storybook/builder-webpack5": "10.2.0-alpha.16",
-  storybook: "10.2.0-alpha.16",
-  "@storybook/angular": "10.2.0-alpha.16",
-  "@storybook/ember": "10.2.0-alpha.16",
-  "@storybook/html-vite": "10.2.0-alpha.16",
-  "@storybook/nextjs": "10.2.0-alpha.16",
-  "@storybook/nextjs-vite": "10.2.0-alpha.16",
-  "@storybook/preact-vite": "10.2.0-alpha.16",
-  "@storybook/react-native-web-vite": "10.2.0-alpha.16",
-  "@storybook/react-vite": "10.2.0-alpha.16",
-  "@storybook/react-webpack5": "10.2.0-alpha.16",
-  "@storybook/server-webpack5": "10.2.0-alpha.16",
-  "@storybook/svelte-vite": "10.2.0-alpha.16",
-  "@storybook/sveltekit": "10.2.0-alpha.16",
-  "@storybook/vue3-vite": "10.2.0-alpha.16",
-  "@storybook/web-components-vite": "10.2.0-alpha.16",
-  sb: "10.2.0-alpha.16",
-  "@storybook/cli": "10.2.0-alpha.16",
-  "@storybook/codemod": "10.2.0-alpha.16",
-  "@storybook/core-webpack": "10.2.0-alpha.16",
-  "create-storybook": "10.2.0-alpha.16",
-  "@storybook/csf-plugin": "10.2.0-alpha.16",
-  "eslint-plugin-storybook": "10.2.0-alpha.16",
-  "@storybook/react-dom-shim": "10.2.0-alpha.16",
-  "@storybook/preset-create-react-app": "10.2.0-alpha.16",
-  "@storybook/preset-react-webpack": "10.2.0-alpha.16",
-  "@storybook/preset-server-webpack": "10.2.0-alpha.16",
-  "@storybook/html": "10.2.0-alpha.16",
-  "@storybook/preact": "10.2.0-alpha.16",
-  "@storybook/react": "10.2.0-alpha.16",
-  "@storybook/server": "10.2.0-alpha.16",
-  "@storybook/svelte": "10.2.0-alpha.16",
-  "@storybook/vue3": "10.2.0-alpha.16",
-  "@storybook/web-components": "10.2.0-alpha.16"
-};
-
-export {
-  versions_default
-};

package/dist/_node-chunks/chunk-MSK3YTQT.js

@@ -1,23 +0,0 @@
-import CJS_COMPAT_NODE_URL_4zwbyhk64wx from 'node:url';
-import CJS_COMPAT_NODE_PATH_4zwbyhk64wx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4zwbyhk64wx from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_4zwbyhk64wx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4zwbyhk64wx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4zwbyhk64wx.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  any
-} from "./chunk-JXU4P6K3.js";
-
-// src/cli/detect.ts
-async function detectPnp() {
-  return !!any([".pnp.js", ".pnp.cjs"]);
-}
-
-export {
-  detectPnp
-};

package/dist/_node-chunks/chunk-SPPXK6CQ.js

@@ -1,18 +0,0 @@
-import CJS_COMPAT_NODE_URL_4zwbyhk64wx from 'node:url';
-import CJS_COMPAT_NODE_PATH_4zwbyhk64wx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4zwbyhk64wx from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_4zwbyhk64wx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4zwbyhk64wx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4zwbyhk64wx.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// package.json
-var version = "10.2.0-alpha.16";
-
-export {
-  version
-};