storybook 10.1.0-alpha.0 → 10.1.0-alpha.10

package/dist/core-server/presets/common-override-preset.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_viqf41uklqm from 'node:url';
-import CJS_COMPAT_NODE_PATH_viqf41uklqm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_viqf41uklqm from "node:module";
+import CJS_COMPAT_NODE_URL_8vqew0zn9si from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vqew0zn9si from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vqew0zn9si from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_viqf41uklqm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_viqf41uklqm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vqew0zn9si.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vqew0zn9si.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vqew0zn9si.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-Q4CZSEBO.js";
+} from "../../_node-chunks/chunk-3CBQMG2A.js";
 import {
   slash
-} from "../../_node-chunks/chunk-L5WAZZY3.js";
+} from "../../_node-chunks/chunk-3WDAPZYQ.js";
 import {
   __name
-} from "../../_node-chunks/chunk-VL6WDGIU.js";
+} from "../../_node-chunks/chunk-OOI74AL3.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";

package/dist/core-server/presets/common-preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_viqf41uklqm from 'node:url';
-import CJS_COMPAT_NODE_PATH_viqf41uklqm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_viqf41uklqm from "node:module";
+import CJS_COMPAT_NODE_URL_8vqew0zn9si from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vqew0zn9si from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vqew0zn9si from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_viqf41uklqm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_viqf41uklqm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vqew0zn9si.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vqew0zn9si.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vqew0zn9si.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,37 +12,38 @@ var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
 import {
   parseStaticDir,
   sendTelemetryError
-} from "../../_node-chunks/chunk-VW3GGAQI.js";
-import "../../_node-chunks/chunk-6C7OBGYG.js";
+} from "../../_node-chunks/chunk-ECK7WVFX.js";
+import "../../_node-chunks/chunk-4ZB555EJ.js";
 import {
   getLastEvents,
   getSessionId
-} from "../../_node-chunks/chunk-HIGKW2KB.js";
+} from "../../_node-chunks/chunk-G6EL47NS.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-FDDQACQD.js";
+} from "../../_node-chunks/chunk-CC4PW5MJ.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-O3OJUFKU.js";
+} from "../../_node-chunks/chunk-V7VURIPB.js";
 import {
+  isAbsolute,
   join
-} from "../../_node-chunks/chunk-HHTKRAIE.js";
-import "../../_node-chunks/chunk-3ICYWJ3N.js";
+} from "../../_node-chunks/chunk-B2DAHWJK.js";
+import "../../_node-chunks/chunk-UJ5SJ23M.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-Q6QFW2Y7.js";
+} from "../../_node-chunks/chunk-D7NIZELR.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-HYNQ2IX4.js";
+} from "../../_node-chunks/chunk-5OVB4A6F.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-27W6KHQ2.js";
+} from "../../_node-chunks/chunk-X4XU27M6.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-VL6WDGIU.js";
+} from "../../_node-chunks/chunk-OOI74AL3.js";
 
 // ../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -658,7 +659,6 @@ var require_launch_editor = __commonJS({
 // src/core-server/presets/common-preset.ts
 import { existsSync as existsSync3 } from "node:fs";
 import { readFile as readFile3 } from "node:fs/promises";
-import { isAbsolute, join as join5 } from "node:path";
 import { fileURLToPath } from "node:url";
 import { optionalEnvToBoolean } from "storybook/internal/common";
 import {
@@ -703,7 +703,7 @@ var import_ts_dedent = __toESM(require_dist(), 1);
 
 // src/core-server/utils/get-component-variable-name.ts
 var getComponentVariableName = /* @__PURE__ */ __name(async (name) => {
-  const camelCase = await import("../../_node-chunks/camelcase-HURSU73A.js");
+  const camelCase = await import("../../_node-chunks/camelcase-QALD4XFE.js");
   const camelCased = camelCase.default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: true });
   const sanitized = camelCased.replace(/[^a-zA-Z_$]+/, "");
   return sanitized;
@@ -1050,7 +1050,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-4HAI4KJH.js");
+  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-PBTV6PX6.js");
   const hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd });
   const hasFileExtensionRegex = /(\.[a-z]+)$/i;
   const searchQueryHasExtension = hasFileExtensionRegex.test(searchQuery);
@@ -1675,8 +1675,8 @@ var favicon = /* @__PURE__ */ __name(async (value, options) => {
       results.push(staticPath);
     }
     if (targetEndpoint === "/") {
-      results.push(join5(staticPath, "favicon.svg"));
-      results.push(join5(staticPath, "favicon.ico"));
+      results.push(join(staticPath, "favicon.svg"));
+      results.push(join(staticPath, "favicon.ico"));
     }
     return results.filter((path) => existsSync3(path));
   }).reduce((l1, l2) => l1.concat(l2), []);
@@ -1793,7 +1793,7 @@ var frameworkOptions = /* @__PURE__ */ __name(async (_, options) => {
   return config.options;
 }, "frameworkOptions");
 var managerHead = /* @__PURE__ */ __name(async (_, options) => {
-  const location = join5(options.configDir, "manager-head.html");
+  const location = join(options.configDir, "manager-head.html");
   if (existsSync3(location)) {
     const contents = readFile3(location, { encoding: "utf8" });
     const interpolations = options.presets.apply("env");
@@ -1833,8 +1833,8 @@ var viteFinal = /* @__PURE__ */ __name(async (existing, options) => {
   if (!previewConfigPath) {
     return existing;
   }
-  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-2BSKCSMA.js");
-  const { viteMockPlugin } = await import("../../_node-chunks/plugin-JEBMTDIB.js");
+  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-6ZPCS4LI.js");
+  const { viteMockPlugin } = await import("../../_node-chunks/plugin-EOZKYZAG.js");
   const coreOptions = await options.presets.apply("core");
   return {
     ...existing,
@@ -1852,8 +1852,8 @@ var webpackFinal = /* @__PURE__ */ __name(async (config, options) => {
   if (!previewConfigPath) {
     return config;
   }
-  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-7IF6PA2O.js");
-  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-AZ7YPMMD.js");
+  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-GT3MA5E2.js");
+  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-35HMSMR5.js");
   config.plugins = config.plugins || [];
   config.module.rules.push({
     test: /preview\.(t|j)sx?$/,

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_viqf41uklqm from 'node:url';
-import CJS_COMPAT_NODE_PATH_viqf41uklqm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_viqf41uklqm from "node:module";
+import CJS_COMPAT_NODE_URL_8vqew0zn9si from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vqew0zn9si from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vqew0zn9si from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_viqf41uklqm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_viqf41uklqm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vqew0zn9si.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vqew0zn9si.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vqew0zn9si.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   rewriteSbMockImportCalls
-} from "../../../../_node-chunks/chunk-O4KUWXD6.js";
-import "../../../../_node-chunks/chunk-HHTKRAIE.js";
+} from "../../../../_node-chunks/chunk-2XY53ALL.js";
+import "../../../../_node-chunks/chunk-B2DAHWJK.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-VL6WDGIU.js";
+} from "../../../../_node-chunks/chunk-OOI74AL3.js";
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 import { logger } from "storybook/internal/node-logger";

package/dist/core-server/presets/webpack/loaders/webpack-automock-loader.js

@@ -1,24 +1,24 @@
-import CJS_COMPAT_NODE_URL_viqf41uklqm from 'node:url';
-import CJS_COMPAT_NODE_PATH_viqf41uklqm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_viqf41uklqm from "node:module";
+import CJS_COMPAT_NODE_URL_8vqew0zn9si from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vqew0zn9si from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vqew0zn9si from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_viqf41uklqm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_viqf41uklqm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vqew0zn9si.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vqew0zn9si.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vqew0zn9si.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getAutomockCode
-} from "../../../../_node-chunks/chunk-EFJRT54D.js";
+} from "../../../../_node-chunks/chunk-DO5Q3H4L.js";
 import {
   babelParser
-} from "../../../../_node-chunks/chunk-O4KUWXD6.js";
-import "../../../../_node-chunks/chunk-HHTKRAIE.js";
+} from "../../../../_node-chunks/chunk-2XY53ALL.js";
+import "../../../../_node-chunks/chunk-B2DAHWJK.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-VL6WDGIU.js";
+} from "../../../../_node-chunks/chunk-OOI74AL3.js";
 
 // src/core-server/presets/webpack/loaders/webpack-automock-loader.ts
 function webpackAutomockLoader(source) {

package/dist/csf/index.js

@@ -10,7 +10,8 @@ import {
   mountDestructured,
   normalizeArrays,
   normalizeProjectAnnotations
-} from "../_browser-chunks/chunk-W4QKLQSC.js";
+} from "../_browser-chunks/chunk-RW5PKMWM.js";
+import "../_browser-chunks/chunk-LYCSRYYR.js";
 import "../_browser-chunks/chunk-Y3M7TW6K.js";
 import {
   combineParameters
@@ -21,7 +22,6 @@ import {
 } from "../_browser-chunks/chunk-FUOHXXZT.js";
 import "../_browser-chunks/chunk-AB7OOPUX.js";
 import "../_browser-chunks/chunk-F4Q6SGTB.js";
-import "../_browser-chunks/chunk-LYCSRYYR.js";
 import "../_browser-chunks/chunk-UTNZYD2N.js";
 import "../_browser-chunks/chunk-FSBVR7H5.js";
 import "../_browser-chunks/chunk-NVV6MIOE.js";
@@ -2341,20 +2341,27 @@ var enhanceContext = /* @__PURE__ */ __name(async (context) => {
       get: /* @__PURE__ */ __name(() => clipboard, "get"),
       configurable: true
     });
-    let currentFocus = HTMLElement.prototype.focus;
     if (!patchedFocus) {
+      const originalFocus = HTMLElement.prototype.focus;
+      let currentFocus = HTMLElement.prototype.focus;
+      const focusingElements = /* @__PURE__ */ new Set();
       Object.defineProperties(HTMLElement.prototype, {
         focus: {
           configurable: true,
           set: /* @__PURE__ */ __name((newFocus) => {
             currentFocus = newFocus;
-            patchedFocus = true;
           }, "set"),
-          get: /* @__PURE__ */ __name(() => {
+          get() {
+            if (focusingElements.has(this)) {
+              return originalFocus;
+            }
+            focusingElements.add(this);
+            setTimeout(() => focusingElements.delete(this), 0);
             return currentFocus;
-          }, "get")
+          }
         }
       });
+      patchedFocus = true;
     }
   }
 }, "enhanceContext");

package/dist/csf-tools/index.d.ts

@@ -1,6 +1,6 @@
 import { types, NodePath, GeneratorOptions, generate, RecastOptions } from 'storybook/internal/babel';
 export { babelParse } from 'storybook/internal/babel';
-import { ComponentAnnotations, StoryAnnotations, IndexInputStats, IndexedCSFFile, IndexInput, StoriesEntry, Tag } from 'storybook/internal/types';
+import { ComponentAnnotations, StoryAnnotations, IndexInputStats, IndexedCSFFile, IndexInput, CsfEnricher, StoriesEntry, Tag } from 'storybook/internal/types';
 
 interface PrintResultType {
     code: string;
@@ -13,7 +13,7 @@ interface BabelFile {
     opts: any;
     hub: any;
     metadata: object;
-    path: any;
+    path: NodePath<types.Program>;
     scope: any;
     inputMap: object | null;
     code: string;
@@ -64,13 +64,16 @@ declare class CsfFile {
     _file: BabelFile;
     _options: CsfOptions;
     _rawComponentPath?: string;
+    _componentImportSpecifier?: types.ImportSpecifier | types.ImportDefaultSpecifier;
     _meta?: StaticMeta;
     _stories: Record<string, StaticStory>;
     _metaAnnotations: Record<string, types.Node>;
     _storyExports: Record<string, types.VariableDeclarator | types.FunctionDeclaration>;
+    _storyDeclarationPath: Record<string, NodePath<types.VariableDeclarator | types.FunctionDeclaration>>;
     _storyPaths: Record<string, NodePath<types.ExportNamedDeclaration>>;
     _metaStatement: types.Statement | undefined;
-    _metaNode: types.Expression | undefined;
+    _metaStatementPath: NodePath<types.Statement> | undefined;
+    _metaNode: types.ObjectExpression | undefined;
     _metaPath: NodePath<types.ExportDefaultDeclaration> | undefined;
     _metaVariableName: string | undefined;
     _metaIsFactory: boolean | undefined;
@@ -117,6 +120,13 @@ declare class ConfigFile {
     hasDefaultExport: boolean;
     constructor(ast: types.File, code: string, fileName?: string);
     _parseExportsObject(exportsObject: types.ObjectExpression): void;
+    /** Unwraps TS assertions/satisfies from a node, to get the underlying node. */
+    _unwrap: (node: types.Node | undefined | null) => any;
+    /**
+     * Resolve a declaration node by unwrapping TS assertions/satisfies and following identifiers to
+     * resolve the correct node in case it's an identifier.
+     */
+    _resolveDeclaration: (node: types.Node, parent?: types.Node) => any;
     parse(): this;
     getFieldNode(path: string[]): types.Node | undefined;
     getFieldProperties(path: string[]): ReturnType<typeof _getPathProperties>;
@@ -263,10 +273,11 @@ declare const getStorySortParameter: (previewCode: string) => any;
 interface EnrichCsfOptions {
     disableSource?: boolean;
     disableDescription?: boolean;
+    enrichCsf?: CsfEnricher;
 }
 declare const enrichCsfStory: (csf: CsfFile, csfSource: CsfFile, key: string, options?: EnrichCsfOptions) => void;
 declare const enrichCsfMeta: (csf: CsfFile, csfSource: CsfFile, options?: EnrichCsfOptions) => void;
-declare const enrichCsf: (csf: CsfFile, csfSource: CsfFile, options?: EnrichCsfOptions) => void;
+declare const enrichCsf: (csf: CsfFile, csfSource: CsfFile, options?: EnrichCsfOptions) => Promise<void>;
 declare const extractSource: (node: types.Node) => string;
 declare const extractDescription: (node?: types.Node) => string;
 

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_viqf41uklqm from 'node:url';
-import CJS_COMPAT_NODE_PATH_viqf41uklqm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_viqf41uklqm from "node:module";
+import CJS_COMPAT_NODE_URL_8vqew0zn9si from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vqew0zn9si from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vqew0zn9si from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_viqf41uklqm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_viqf41uklqm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vqew0zn9si.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vqew0zn9si.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vqew0zn9si.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-Q6QFW2Y7.js";
-import "../_node-chunks/chunk-HYNQ2IX4.js";
-import "../_node-chunks/chunk-VL6WDGIU.js";
+} from "../_node-chunks/chunk-D7NIZELR.js";
+import "../_node-chunks/chunk-5OVB4A6F.js";
+import "../_node-chunks/chunk-OOI74AL3.js";
 export {
   BadMetaError,
   ConfigFile,