storybook 10.2.0-alpha.14 → 10.2.0-alpha.15

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

@@ -442,7 +442,7 @@ interface SubAPI$4 {
      * @param shortcuts The new shortcuts to set.
      * @returns A promise that resolves to the new shortcuts.
      */
-    setShortcuts(shortcuts: API_Shortcuts): Promise<API_Shortcuts>;
+    setShortcuts(update: API_Shortcuts | ((shortcuts: API_Shortcuts) => API_Shortcuts)): Promise<API_Shortcuts>;
     /**
      * Sets the shortcut for the given action to the given value.
      *

package/dist/manager-api/index.js

@@ -1502,22 +1502,24 @@ var init10 = ({ store: store2, fullAPI, provider }) => {
         defaults[actionName] = defaultShortcut;
       }), defaults;
     },
-    async setShortcuts(shortcuts) {
-      return await store2.setState({ shortcuts }, { persistence: "permanent" }), shortcuts;
+    async setShortcuts(update2) {
+      let { shortcuts } = await store2.setState(
+        (state2) => ({ shortcuts: typeof update2 == "function" ? update2(state2.shortcuts) : update2 }),
+        { persistence: "permanent" }
+      );
+      return shortcuts;
     },
     async restoreAllDefaultShortcuts() {
       return api.setShortcuts(api.getDefaultShortcuts());
     },
     async setShortcut(action, value) {
-      let shortcuts = api.getShortcutKeys();
-      return await api.setShortcuts({ ...shortcuts, [action]: value }), value;
+      return await api.setShortcuts((shortcuts) => ({ ...shortcuts, [action]: value })), value;
     },
     async setAddonShortcut(addon, shortcut) {
-      let shortcuts = api.getShortcutKeys();
-      return await api.setShortcuts({
+      return await api.setShortcuts((shortcuts) => ({
         ...shortcuts,
         [`${addon}-${shortcut.actionName}`]: shortcut.defaultShortcut
-      }), addonsShortcuts[`${addon}-${shortcut.actionName}`] = shortcut, shortcut;
+      })), addonsShortcuts[`${addon}-${shortcut.actionName}`] = shortcut, shortcut;
     },
     async restoreDefaultShortcut(action) {
       let defaultShortcut = api.getDefaultShortcuts()[action];
@@ -2382,7 +2384,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.2.0-alpha.14";
+var version = "10.2.0-alpha.15";
 
 // 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_bgtyoteey4s from 'node:url';
-import CJS_COMPAT_NODE_PATH_bgtyoteey4s from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bgtyoteey4s from "node:module";
+import CJS_COMPAT_NODE_URL_ekkdwuux1sk from 'node:url';
+import CJS_COMPAT_NODE_PATH_ekkdwuux1sk from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ekkdwuux1sk from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bgtyoteey4s.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bgtyoteey4s.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bgtyoteey4s.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ekkdwuux1sk.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ekkdwuux1sk.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ekkdwuux1sk.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-AKBKA7MR.js";
-import "../_node-chunks/chunk-E6HZLFOP.js";
+} from "../_node-chunks/chunk-FKBWQGIF.js";
+import "../_node-chunks/chunk-5KEIALUH.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_bgtyoteey4s from 'node:url';
-import CJS_COMPAT_NODE_PATH_bgtyoteey4s from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bgtyoteey4s from "node:module";
+import CJS_COMPAT_NODE_URL_ekkdwuux1sk from 'node:url';
+import CJS_COMPAT_NODE_PATH_ekkdwuux1sk from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ekkdwuux1sk from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bgtyoteey4s.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bgtyoteey4s.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bgtyoteey4s.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ekkdwuux1sk.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ekkdwuux1sk.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ekkdwuux1sk.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-3VHD3RGW.js";
-import "../_node-chunks/chunk-6GTCCSGS.js";
-import "../_node-chunks/chunk-E6HZLFOP.js";
+} from "../_node-chunks/chunk-MQZLLJRG.js";
+import "../_node-chunks/chunk-T57UCO67.js";
+import "../_node-chunks/chunk-5KEIALUH.js";
 var export_instance = import_npmlog.default;
 export {
   CLI_COLORS,

package/dist/preview/runtime.js

@@ -16443,14 +16443,26 @@ function mountDestructured(playFunction) {
   return playFunction != null && getUsedProps(playFunction).includes("mount");
 }
 function getUsedProps(fn3) {
-  let match = fn3.toString().match(/[^(]*\(([^)]*)/);
-  if (!match)
+  let [, args, body] = fn3.toString().match(/[^(]*\(([^)]+)\)(?:.*{([^]+)})?/) || [];
+  if (!args)
+    return [];
+  let [firstArg] = splitByComma(args);
+  if (!firstArg)
     return [];
-  let args = splitByComma(match[1]);
-  if (!args.length)
+  let [, destructuredProps] = firstArg.match(/^{([^]+)}$/) || [];
+  if (destructuredProps)
+    return splitByComma(stripComments(destructuredProps)).map(
+      (prop) => prop.replace(/:.*|=.*/g, "").trim()
+    );
+  if (!firstArg.match(/^[a-z_$][0-9a-z_$]*$/i))
     return [];
-  let first = args[0];
-  return first.startsWith("{") && first.endsWith("}") ? splitByComma(first.slice(1, -1).replace(/\s/g, "")).map((prop) => prop.replace(/:.*|=.*/g, "")) : [];
+  let escapedArg = firstArg.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), [, destructuredArg] = body?.trim()?.match(new RegExp(`^(?:const|let|var)\\s*{([^}]+)}\\s*=\\s*${escapedArg};`)) || [];
+  return destructuredArg ? splitByComma(stripComments(destructuredArg)).map(
+    (prop) => prop.replace(/:.*|=.*/g, "").trim()
+  ) : [];
+}
+function stripComments(s3) {
+  return s3 = s3.replace(/\/\/.*$/gm, ""), s3 = s3.replace(/\/\*[\s\S]*?\*\//g, ""), s3;
 }
 function splitByComma(s3) {
   let result = [], stack = [], start = 0;

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

@@ -1,7 +1,6 @@
 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';
 
@@ -416,7 +415,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_csf.StoryAnnotations<Renderer, unknown>;
+    story: storybook_internal_types.StoryAnnotations<Renderer, unknown>;
     meta: ComponentAnnotations<Renderer, unknown>;
     preview: storybook_internal_types.NormalizedProjectAnnotations<Renderer>;
 } | {
@@ -478,10 +477,10 @@ declare class StoryStore<TRenderer extends Renderer> {
     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;
@@ -493,31 +492,31 @@ declare class StoryStore<TRenderer extends Renderer> {
         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;
+        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;
-        name: storybook_internal_csf.StoryName;
-        story: storybook_internal_csf.StoryName;
-        tags: storybook_internal_csf.Tag[];
+        name: storybook_internal_types.StoryName;
+        story: storybook_internal_types.StoryName;
+        tags: storybook_internal_types.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        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>;
+        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, storybook_internal_types.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     addCleanupCallbacks(story: PreparedStory<TRenderer>, ...callbacks: CleanupCallback[]): void;
     cleanupStory(story: PreparedStory<TRenderer>): Promise<void>;
     extract(options?: {
@@ -533,7 +532,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_csf.Args>>;
+declare const filterArgTypes: (argTypes: StrictArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes<storybook_internal_types.Args>>;
 
 declare const inferControls: ArgTypesEnhancer<Renderer>;
 
@@ -583,10 +582,10 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
     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;
@@ -598,30 +597,30 @@ 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;
+        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;
         name: StoryName;
         story: StoryName;
-        tags: storybook_internal_csf.Tag[];
+        tags: storybook_internal_types.Tag[];
         moduleExport: ModuleExport;
-        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>;
+        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;
@@ -843,7 +842,7 @@ declare class Preview<TRenderer extends Renderer> {
     }): {
         args: Args;
         initialGlobals: Globals;
-        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
+        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
         userGlobals: Globals;
         reporting: ReporterAPI;
         globals: {
@@ -856,34 +855,34 @@ declare class Preview<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_csf.Parameters;
+        parameters: storybook_internal_types.Parameters;
         initialArgs: Args;
-        argTypes: storybook_internal_csf.StrictArgTypes<Args>;
-        componentId: storybook_internal_csf.ComponentId;
-        title: storybook_internal_csf.ComponentTitle;
-        kind: storybook_internal_csf.ComponentTitle;
+        argTypes: storybook_internal_types.StrictArgTypes<Args>;
+        componentId: storybook_internal_types.ComponentId;
+        title: storybook_internal_types.ComponentTitle;
+        kind: storybook_internal_types.ComponentTitle;
         id: StoryId;
-        name: storybook_internal_csf.StoryName;
-        story: storybook_internal_csf.StoryName;
-        tags: storybook_internal_csf.Tag[];
+        name: storybook_internal_types.StoryName;
+        story: storybook_internal_types.StoryName;
+        tags: storybook_internal_types.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        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>;
+        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>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
         storyGlobals: Globals;
-    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer, Args>, "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>>>;
     renderPreviewEntryError(reason: string, err: Error): void;
 }
 

package/dist/preview-api/index.js

@@ -48,7 +48,7 @@ import {
   useStoryContext,
   userOrAutoTitle,
   userOrAutoTitleFromSpecifier
-} from "../_browser-chunks/chunk-BGSDJMFM.js";
+} from "../_browser-chunks/chunk-NVLTWT3B.js";
 import {
   pauseAnimations,
   waitForAnimations

package/dist/server-errors.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_bgtyoteey4s from 'node:url';
-import CJS_COMPAT_NODE_PATH_bgtyoteey4s from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bgtyoteey4s from "node:module";
+import CJS_COMPAT_NODE_URL_ekkdwuux1sk from 'node:url';
+import CJS_COMPAT_NODE_PATH_ekkdwuux1sk from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ekkdwuux1sk from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bgtyoteey4s.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bgtyoteey4s.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bgtyoteey4s.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ekkdwuux1sk.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ekkdwuux1sk.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ekkdwuux1sk.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-APXUJGPH.js";
+} from "./_node-chunks/chunk-ENNDE4GC.js";
 import {
   StorybookError
-} from "./_node-chunks/chunk-JFZSVDUQ.js";
-import "./_node-chunks/chunk-YUBIHW7G.js";
-import "./_node-chunks/chunk-6GTCCSGS.js";
-import "./_node-chunks/chunk-E6HZLFOP.js";
+} from "./_node-chunks/chunk-TN3Q52LO.js";
+import "./_node-chunks/chunk-QPKBPYOY.js";
+import "./_node-chunks/chunk-T57UCO67.js";
+import "./_node-chunks/chunk-5KEIALUH.js";
 export {
   AddonVitestPostinstallConfigUpdateError,
   AddonVitestPostinstallError,

package/dist/telemetry/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_bgtyoteey4s from 'node:url';
-import CJS_COMPAT_NODE_PATH_bgtyoteey4s from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bgtyoteey4s from "node:module";
+import CJS_COMPAT_NODE_URL_ekkdwuux1sk from 'node:url';
+import CJS_COMPAT_NODE_PATH_ekkdwuux1sk from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ekkdwuux1sk from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bgtyoteey4s.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bgtyoteey4s.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bgtyoteey4s.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ekkdwuux1sk.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ekkdwuux1sk.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ekkdwuux1sk.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -25,22 +25,22 @@ import {
   sanitizeAddonName,
   sanitizeError,
   telemetry
-} from "../_node-chunks/chunk-WSH26TMB.js";
-import "../_node-chunks/chunk-NKHFAHA7.js";
-import "../_node-chunks/chunk-5QADKW4W.js";
-import "../_node-chunks/chunk-ZJ3OV7OO.js";
-import "../_node-chunks/chunk-OYPD7MWQ.js";
-import "../_node-chunks/chunk-3VHD3RGW.js";
-import "../_node-chunks/chunk-BVSGQAFJ.js";
-import "../_node-chunks/chunk-NTVADDN6.js";
-import "../_node-chunks/chunk-HCZ44VWL.js";
-import "../_node-chunks/chunk-AAS5TNPH.js";
-import "../_node-chunks/chunk-AKBKA7MR.js";
-import "../_node-chunks/chunk-YTUKBZV2.js";
-import "../_node-chunks/chunk-2YADPD4P.js";
-import "../_node-chunks/chunk-YUBIHW7G.js";
-import "../_node-chunks/chunk-6GTCCSGS.js";
-import "../_node-chunks/chunk-E6HZLFOP.js";
+} from "../_node-chunks/chunk-6SIUW3HU.js";
+import "../_node-chunks/chunk-YP34ARUD.js";
+import "../_node-chunks/chunk-274OMYGE.js";
+import "../_node-chunks/chunk-TYSSQECX.js";
+import "../_node-chunks/chunk-AIIQJ6UR.js";
+import "../_node-chunks/chunk-MQZLLJRG.js";
+import "../_node-chunks/chunk-4GKVZO2T.js";
+import "../_node-chunks/chunk-Q6WUEJ4S.js";
+import "../_node-chunks/chunk-HFKM7JHQ.js";
+import "../_node-chunks/chunk-E3Y5MHXD.js";
+import "../_node-chunks/chunk-FKBWQGIF.js";
+import "../_node-chunks/chunk-MD52RVZX.js";
+import "../_node-chunks/chunk-RGWB6DD7.js";
+import "../_node-chunks/chunk-QPKBPYOY.js";
+import "../_node-chunks/chunk-T57UCO67.js";
+import "../_node-chunks/chunk-5KEIALUH.js";
 export {
   ErrorCollector,
   addToGlobalContext,

package/dist/types/index.d.ts

@@ -2468,14 +2468,14 @@ interface ComponentManifest {
     id: string;
     path: string;
     name: string;
-    description?: string;
-    import?: string;
-    summary?: string;
+    description?: string | undefined;
+    import?: string | undefined;
+    summary?: string | undefined;
     stories: {
         name: string;
-        snippet?: string;
-        description?: string;
-        summary?: string;
+        snippet?: string | undefined;
+        description?: string | undefined;
+        summary?: string | undefined;
         error?: {
             name: string;
             message: string;
@@ -2562,6 +2562,12 @@ interface StorybookConfigRaw {
          * @default true
          */
         actions?: boolean;
+        /**
+         * Enable the onboarding checklist sidebar widget
+         *
+         * @default true
+         */
+        sidebarOnboardingChecklist?: boolean;
         /**
          * @temporary This feature flag is a migration assistant, and is scheduled to be removed.
          *

package/dist/viewport/index.d.ts

@@ -6,8 +6,9 @@ declare const TOOL_ID = "storybook/viewport/tool";
 interface Viewport {
     name: string;
     styles: ViewportStyles;
-    type?: 'desktop' | 'mobile' | 'tablet' | 'other';
+    type?: ViewportType;
 }
+type ViewportType = 'desktop' | 'mobile' | 'tablet' | 'watch' | 'other';
 interface ViewportStyles {
     height: string;
     width: string;
@@ -16,7 +17,8 @@ type ViewportMap = Record<string, Viewport>;
 type GlobalState = {
     /**
      * When set, the viewport is applied and cannot be changed using the toolbar. Must match the key
-     * of one of the available viewports.
+     * of one of the available viewports or follow the format '{width}-{height}', e.g. '320-480' which
+     * may include a unit (e.g. '100vw' or '100pct').
      */
     value: string | undefined;
     /**
@@ -325,4 +327,4 @@ declare const MINIMAL_VIEWPORTS: {
 
 declare const responsiveViewport: Viewport;
 
-export { ADDON_ID, DEFAULT_VIEWPORT, type GlobalState, type GlobalStateUpdate, INITIAL_VIEWPORTS, type InitialViewportKeys, MINIMAL_VIEWPORTS, PANEL_ID, PARAM_KEY, TOOL_ID, type Viewport, type ViewportGlobals, type ViewportMap, type ViewportParameters, type ViewportStyles, type ViewportTypes, responsiveViewport };
+export { ADDON_ID, DEFAULT_VIEWPORT, type GlobalState, type GlobalStateUpdate, INITIAL_VIEWPORTS, type InitialViewportKeys, MINIMAL_VIEWPORTS, PANEL_ID, PARAM_KEY, TOOL_ID, type Viewport, type ViewportGlobals, type ViewportMap, type ViewportParameters, type ViewportStyles, type ViewportType, type ViewportTypes, responsiveViewport };

package/dist/viewport/index.js

@@ -1,9 +1,8 @@
 import {
   DEFAULT_VIEWPORT,
   INITIAL_VIEWPORTS,
-  MINIMAL_VIEWPORTS,
-  responsiveViewport
-} from "../_browser-chunks/chunk-3PJE6VLG.js";
+  MINIMAL_VIEWPORTS
+} from "../_browser-chunks/chunk-ASKQZAOS.js";
 import {
   ADDON_ID,
   PANEL_ID,
@@ -11,6 +10,16 @@ import {
   TOOL_ID
 } from "../_browser-chunks/chunk-SL75JR6Y.js";
 import "../_browser-chunks/chunk-A242L54C.js";
+
+// src/viewport/responsiveViewport.tsx
+var responsiveViewport = {
+  name: "Reset viewport",
+  styles: {
+    height: "100%",
+    width: "100%"
+  },
+  type: "desktop"
+};
 export {
   ADDON_ID,
   DEFAULT_VIEWPORT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "10.2.0-alpha.14",
+  "version": "10.2.0-alpha.15",
   "description": "Storybook: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -236,7 +236,7 @@
     "@react-stately/tabs": "^3.8.5",
     "@react-types/shared": "^3.32.0",
     "@rolldown/pluginutils": "1.0.0-beta.18",
-    "@storybook/docs-mdx": "4.0.0-next.1",
+    "@storybook/docs-mdx": "4.0.0-next.3",
     "@tanstack/react-virtual": "^3.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^14.0.0",

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

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

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

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