storybook 10.2.0-alpha.16 → 10.2.0-alpha.18

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

@@ -510,6 +510,8 @@ interface API_Shortcuts {
     openInEditor: API_KeyCollection;
     openInIsolation: API_KeyCollection;
     copyStoryLink: API_KeyCollection;
+    goToPreviousLandmark: API_KeyCollection;
+    goToNextLandmark: API_KeyCollection;
 }
 type API_Action = keyof API_Shortcuts;
 interface API_AddonShortcut {

package/dist/manager-api/index.js

@@ -1467,7 +1467,11 @@ var defaultShortcuts = Object.freeze({
   remount: ["alt", "R"],
   openInEditor: ["alt", "shift", "E"],
   openInIsolation: ["alt", "shift", "I"],
-  copyStoryLink: ["alt", "shift", "L"]
+  copyStoryLink: ["alt", "shift", "L"],
+  goToPreviousLandmark: ["shift", "F6"],
+  // hardcoded in react-aria
+  goToNextLandmark: ["F6"]
+  // hardcoded in react-aria
   // TODO: bring this back once we want to add shortcuts for this
   // copyStoryName: ['alt', 'shift', 'C'],
 }), addonsShortcuts = {};
@@ -1546,6 +1550,10 @@ var init10 = ({ store: store2, fullAPI, provider }) => {
             fullAPI.getIsFullscreen() ? fullAPI.toggleFullscreen(!1) : fullAPI.getIsNavShown() && fullAPI.toggleNav(!0);
             break;
           }
+          // Handled by @react-aria/interactions and useLandmarkIndicator
+          case "goToNextLandmark":
+          case "goToPreviousLandmark":
+            break;
           case "focusNav": {
             fullAPI.getIsFullscreen() && fullAPI.toggleFullscreen(!1), fullAPI.getIsNavShown() || fullAPI.toggleNav(!0), fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);
             break;
@@ -2384,7 +2392,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.2.0-alpha.16";
+var version = "10.2.0-alpha.18";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = global8, getVersionCheckData = (0, import_memoizerific2.default)(1)(() => {

package/dist/mocking-utils/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_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr 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_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -16,8 +16,8 @@ import {
   join,
   normalize,
   resolve
-} from "../_node-chunks/chunk-XWGABQX7.js";
-import "../_node-chunks/chunk-3PMH6BEP.js";
+} from "../_node-chunks/chunk-N73BCSUL.js";
+import "../_node-chunks/chunk-5BYTBW23.js";
 
 // ../../node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.mjs
 var comma = 44, semicolon = 59, chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", intToChar = new Uint8Array(64), charToInt = new Uint8Array(128);

package/dist/node-logger/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_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr 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_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -22,9 +22,9 @@ import {
   once,
   prompt,
   protectUrls
-} from "../_node-chunks/chunk-OKUHCLLJ.js";
-import "../_node-chunks/chunk-FNQ5WLS5.js";
-import "../_node-chunks/chunk-3PMH6BEP.js";
+} from "../_node-chunks/chunk-OT3P3RDM.js";
+import "../_node-chunks/chunk-A2364FS2.js";
+import "../_node-chunks/chunk-5BYTBW23.js";
 var export_instance = import_npmlog.default;
 export {
   CLI_COLORS,

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_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr 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_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.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-BWA66NDS.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-54FLVGBQ.js";
+import "./_node-chunks/chunk-XH6HLMNG.js";
+import "./_node-chunks/chunk-A2364FS2.js";
+import "./_node-chunks/chunk-5BYTBW23.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,8 @@ type StorybookMetadata = {
         packageName: string;
         version: string;
     };
-    testPackages?: Record<string, string | undefined>;
+    packageJsonType?: 'unknown' | 'module' | 'commonjs';
+    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_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr 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_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.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-5QNVOHBZ.js";
+import "../_node-chunks/chunk-Q3WHGQXN.js";
+import "../_node-chunks/chunk-USLMTVEL.js";
+import "../_node-chunks/chunk-2H33L3XJ.js";
+import "../_node-chunks/chunk-4HG57EIN.js";
+import "../_node-chunks/chunk-OT3P3RDM.js";
+import "../_node-chunks/chunk-GJRLPTXZ.js";
+import "../_node-chunks/chunk-H4TYBETM.js";
+import "../_node-chunks/chunk-OZGI27C5.js";
+import "../_node-chunks/chunk-6TOW3ZMZ.js";
+import "../_node-chunks/chunk-DIZCVGPK.js";
+import "../_node-chunks/chunk-N73BCSUL.js";
+import "../_node-chunks/chunk-2M7TBZBZ.js";
+import "../_node-chunks/chunk-OZHRGJKY.js";
+import "../_node-chunks/chunk-XH6HLMNG.js";
+import "../_node-chunks/chunk-A2364FS2.js";
+import "../_node-chunks/chunk-5BYTBW23.js";
 export {
   ErrorCollector,
   addToGlobalContext,

package/dist/theming/index.js

@@ -1708,6 +1708,22 @@ var import_memoizerific = __toESM(require_memoizerific(), 1), createReset = (0,
     ".sb-hidden-until-focus:focus": {
       opacity: 1
     },
+    "[data-sb-landmark]": {
+      position: "relative"
+    },
+    "[data-sb-landmark]:focus-visible": {
+      outline: "none"
+    },
+    "[data-sb-landmark]:focus-visible::after": {
+      outline: `2px solid ${color2.primary}`,
+      outlineOffset: "-2px"
+    },
+    "[data-sb-landmark]::after": {
+      content: "''",
+      position: "absolute",
+      inset: 0,
+      pointerEvents: "none"
+    },
     ".react-aria-Popover:focus-visible": {
       outline: "none"
     }

package/dist/types/index.d.ts

@@ -686,6 +686,8 @@ interface API_Shortcuts {
     openInEditor: API_KeyCollection;
     openInIsolation: API_KeyCollection;
     copyStoryLink: API_KeyCollection;
+    goToPreviousLandmark: API_KeyCollection;
+    goToNextLandmark: API_KeyCollection;
 }
 
 interface SubState$3 extends API_LoadedRefData$1 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "10.2.0-alpha.16",
+  "version": "10.2.0-alpha.18",
   "description": "Storybook: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -228,6 +228,7 @@
     "@radix-ui/react-scroll-area": "1.2.0-rc.7",
     "@radix-ui/react-slot": "^1.0.2",
     "@react-aria/interactions": "^3.25.5",
+    "@react-aria/landmark": "^3.0.8",
     "@react-aria/overlays": "^3.29.1",
     "@react-aria/tabs": "^3.10.7",
     "@react-aria/toolbar": "3.0.0-beta.20",