storybook 10.1.0-alpha.3 → 10.1.0-alpha.5

package/dist/core-server/index.js

@@ -1,29 +1,29 @@
-import CJS_COMPAT_NODE_URL_bqgqh4d46dd from 'node:url';
-import CJS_COMPAT_NODE_PATH_bqgqh4d46dd from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bqgqh4d46dd from "node:module";
+import CJS_COMPAT_NODE_URL_m7rjtu9xiiq from 'node:url';
+import CJS_COMPAT_NODE_PATH_m7rjtu9xiiq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_m7rjtu9xiiq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bqgqh4d46dd.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bqgqh4d46dd.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bqgqh4d46dd.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_m7rjtu9xiiq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_m7rjtu9xiiq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_m7rjtu9xiiq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   detectPnp
-} from "../_node-chunks/chunk-NTH76OZA.js";
+} from "../_node-chunks/chunk-Y3HWBQFU.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-GMO24NTJ.js";
+} from "../_node-chunks/chunk-AGAEDIW3.js";
 import {
   boxen,
   require_string_width
-} from "../_node-chunks/chunk-RLMJDF6S.js";
-import "../_node-chunks/chunk-NTX43F34.js";
+} from "../_node-chunks/chunk-ENL6NO7V.js";
+import "../_node-chunks/chunk-C7ZCWXID.js";
 import {
   StatusTypeIdMismatchError,
   StorybookError
-} from "../_node-chunks/chunk-CKXP5RYA.js";
+} from "../_node-chunks/chunk-N6PPZW7K.js";
 import {
   getErrorLevel,
   mapStaticDir,
@@ -31,63 +31,63 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-ZQY3BNST.js";
-import "../_node-chunks/chunk-N7XYNLCJ.js";
+} from "../_node-chunks/chunk-LNNX4NF3.js";
+import "../_node-chunks/chunk-MK7DAIA6.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-MDXYV4OF.js";
-import "../_node-chunks/chunk-D3NGJQDZ.js";
+} from "../_node-chunks/chunk-E4M5YSPI.js";
+import "../_node-chunks/chunk-YEG4ZWC4.js";
 import {
   resolveImport,
   supportedExtensions,
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-NCHBSJG3.js";
-import "../_node-chunks/chunk-TZ7GUTJ4.js";
-import "../_node-chunks/chunk-LPNJ7PJY.js";
-import "../_node-chunks/chunk-HH57J4TX.js";
+} from "../_node-chunks/chunk-MRNEYOX6.js";
+import "../_node-chunks/chunk-B2ZH4DAZ.js";
+import "../_node-chunks/chunk-5J4A3TMT.js";
+import "../_node-chunks/chunk-GHP33MSW.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn
-} from "../_node-chunks/chunk-B63HGQAB.js";
+} from "../_node-chunks/chunk-PNFSTYNY.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-5KDXQR2J.js";
-import "../_node-chunks/chunk-SQAKXWVV.js";
+} from "../_node-chunks/chunk-CPKCCBQ2.js";
+import "../_node-chunks/chunk-IQY7L7HV.js";
 import {
   invariant
-} from "../_node-chunks/chunk-5X7FGASE.js";
+} from "../_node-chunks/chunk-CACFLAKV.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-TSKLBMF3.js";
+} from "../_node-chunks/chunk-NBNSA2WK.js";
 import {
   join,
   relative,
   resolve
-} from "../_node-chunks/chunk-6U2QTN2E.js";
+} from "../_node-chunks/chunk-TCQ4YEBJ.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-NYXHMPY4.js";
-import "../_node-chunks/chunk-JKWP2FKQ.js";
+} from "../_node-chunks/chunk-BTM6MC3G.js";
+import "../_node-chunks/chunk-6PMHAMVH.js";
 import {
   slash
-} from "../_node-chunks/chunk-MPUDYIDW.js";
+} from "../_node-chunks/chunk-R4SSZN6U.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-S32G4TCP.js";
+} from "../_node-chunks/chunk-TKJXOGPC.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-TDLKTACT.js";
+} from "../_node-chunks/chunk-H7C65LNN.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-2JHIUWIN.js";
+} from "../_node-chunks/chunk-ALUDPZO7.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-T7KB265F.js";
+} from "../_node-chunks/chunk-ZHTORJLU.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -96,12 +96,12 @@ var require_filesystem = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.removeExtension = exports.fileExistsAsync = exports.readJsonFromDiskAsync = exports.readJsonFromDiskSync = exports.fileExistsSync = void 0;
     var fs6 = __require("fs");
-    function fileExistsSync(path2) {
-      if (!fs6.existsSync(path2)) {
+    function fileExistsSync(path3) {
+      if (!fs6.existsSync(path3)) {
         return false;
       }
       try {
-        var stats = fs6.statSync(path2);
+        var stats = fs6.statSync(path3);
         return stats.isFile();
       } catch (err) {
         return false;
@@ -117,8 +117,8 @@ var require_filesystem = __commonJS({
     }
     __name(readJsonFromDiskSync, "readJsonFromDiskSync");
     exports.readJsonFromDiskSync = readJsonFromDiskSync;
-    function readJsonFromDiskAsync(path2, callback) {
-      fs6.readFile(path2, "utf8", function(err, result) {
+    function readJsonFromDiskAsync(path3, callback) {
+      fs6.readFile(path3, "utf8", function(err, result) {
         if (err || !result) {
           return callback();
         }
@@ -128,8 +128,8 @@ var require_filesystem = __commonJS({
     }
     __name(readJsonFromDiskAsync, "readJsonFromDiskAsync");
     exports.readJsonFromDiskAsync = readJsonFromDiskAsync;
-    function fileExistsAsync(path2, callback2) {
-      fs6.stat(path2, function(err, stats) {
+    function fileExistsAsync(path22, callback2) {
+      fs6.stat(path22, function(err, stats) {
         if (err) {
           return callback2(void 0, false);
         }
@@ -138,8 +138,8 @@ var require_filesystem = __commonJS({
     }
     __name(fileExistsAsync, "fileExistsAsync");
     exports.fileExistsAsync = fileExistsAsync;
-    function removeExtension(path2) {
-      return path2.substring(0, path2.lastIndexOf(".")) || path2;
+    function removeExtension(path3) {
+      return path3.substring(0, path3.lastIndexOf(".")) || path3;
     }
     __name(removeExtension, "removeExtension");
     exports.removeExtension = removeExtension;
@@ -152,7 +152,7 @@ var require_mapping_entry = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.getAbsoluteMappingEntries = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     function getAbsoluteMappingEntries(absoluteBaseUrl, paths, addMatchAll) {
       var sortedKeys = sortByLongestPrefix(Object.keys(paths));
       var absolutePaths = [];
@@ -161,7 +161,7 @@ var require_mapping_entry = __commonJS({
         absolutePaths.push({
           pattern: key,
           paths: paths[key].map(function(pathToResolve) {
-            return path2.resolve(absoluteBaseUrl, pathToResolve);
+            return path3.resolve(absoluteBaseUrl, pathToResolve);
           })
         });
       }
@@ -195,7 +195,7 @@ var require_try_path = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.exhaustiveTypeException = exports.getStrippedPath = exports.getPathsToTry = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var path_1 = __require("path");
     var filesystem_1 = require_filesystem();
     function getPathsToTry(extensions, absolutePathMappings, requestedModule) {
@@ -215,9 +215,9 @@ var require_try_path = __commonJS({
             }));
             pathsToTry.push({
               type: "package",
-              path: path2.join(physicalPath, "/package.json")
+              path: path3.join(physicalPath, "/package.json")
             });
-            var indexPath = path2.join(physicalPath, "/index");
+            var indexPath = path3.join(physicalPath, "/index");
             pathsToTry.push.apply(pathsToTry, extensions.map(function(e) {
               return { type: "index", path: indexPath + e };
             }));
@@ -273,7 +273,7 @@ var require_match_path_sync = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.matchFromAbsolutePaths = exports.createMatchPath = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var Filesystem = require_filesystem();
     var MappingEntry = require_mapping_entry();
     var TryPath = require_try_path();
@@ -319,7 +319,7 @@ var require_match_path_sync = __commonJS({
           return obj[key];
         }, packageJson);
         if (candidateMapping && typeof candidateMapping === "string") {
-          var candidateFilePath = path2.join(path2.dirname(packageJsonPath), candidateMapping);
+          var candidateFilePath = path3.join(path3.dirname(packageJsonPath), candidateMapping);
           if (fileExists2(candidateFilePath)) {
             return candidateFilePath;
           }
@@ -365,7 +365,7 @@ var require_match_path_async = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.matchFromAbsolutePathsAsync = exports.createMatchPathAsync = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var TryPath = require_try_path();
     var MappingEntry = require_mapping_entry();
     var Filesystem = require_filesystem();
@@ -421,7 +421,7 @@ var require_match_path_async = __commonJS({
       if (typeof mainFieldMapping !== "string") {
         return tryNext();
       }
-      var mappedFilePath = path2.join(path2.dirname(packageJsonPath), mainFieldMapping);
+      var mappedFilePath = path3.join(path3.dirname(packageJsonPath), mainFieldMapping);
       fileExistsAsync(mappedFilePath, function(err, exists) {
         if (err) {
           return doneCallback(err);
@@ -513,7 +513,7 @@ var require_tsconfig_loader = __commonJS({
     };
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadTsconfig = exports.walkForTsConfig = exports.tsConfigLoader = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var fs6 = __require("fs");
     var JSON5 = require_lib();
     var StripBom = require_strip_bom();
@@ -545,14 +545,14 @@ var require_tsconfig_loader = __commonJS({
     __name(loadSyncDefault, "loadSyncDefault");
     function resolveConfigPath(cwd, filename) {
       if (filename) {
-        var absolutePath = fs6.lstatSync(filename).isDirectory() ? path2.resolve(filename, "./tsconfig.json") : path2.resolve(cwd, filename);
+        var absolutePath = fs6.lstatSync(filename).isDirectory() ? path3.resolve(filename, "./tsconfig.json") : path3.resolve(cwd, filename);
         return absolutePath;
       }
       if (fs6.statSync(cwd).isFile()) {
-        return path2.resolve(cwd);
+        return path3.resolve(cwd);
       }
       var configAbsolutePath = walkForTsConfig(cwd);
-      return configAbsolutePath ? path2.resolve(configAbsolutePath) : void 0;
+      return configAbsolutePath ? path3.resolve(configAbsolutePath) : void 0;
     }
     __name(resolveConfigPath, "resolveConfigPath");
     function walkForTsConfig(directory, readdirSync2) {
@@ -564,10 +564,10 @@ var require_tsconfig_loader = __commonJS({
       for (var _i = 0, filesToCheck_1 = filesToCheck; _i < filesToCheck_1.length; _i++) {
         var fileToCheck = filesToCheck_1[_i];
         if (files.indexOf(fileToCheck) !== -1) {
-          return path2.join(directory, fileToCheck);
+          return path3.join(directory, fileToCheck);
         }
       }
-      var parentDirectory = path2.dirname(directory);
+      var parentDirectory = path3.dirname(directory);
       if (directory === parentDirectory) {
         return void 0;
       }
@@ -616,15 +616,15 @@ var require_tsconfig_loader = __commonJS({
       if (typeof extendedConfigValue === "string" && extendedConfigValue.indexOf(".json") === -1) {
         extendedConfigValue += ".json";
       }
-      var currentDir = path2.dirname(configFilePath);
-      var extendedConfigPath = path2.join(currentDir, extendedConfigValue);
+      var currentDir = path3.dirname(configFilePath);
+      var extendedConfigPath = path3.join(currentDir, extendedConfigValue);
       if (extendedConfigValue.indexOf("/") !== -1 && extendedConfigValue.indexOf(".") !== -1 && !existsSync3(extendedConfigPath)) {
-        extendedConfigPath = path2.join(currentDir, "node_modules", extendedConfigValue);
+        extendedConfigPath = path3.join(currentDir, "node_modules", extendedConfigValue);
       }
       var config = loadTsconfig(extendedConfigPath, existsSync3, readFileSync) || {};
       if ((_a = config.compilerOptions) === null || _a === void 0 ? void 0 : _a.baseUrl) {
-        var extendsDir = path2.dirname(extendedConfigValue);
-        config.compilerOptions.baseUrl = path2.join(extendsDir, config.compilerOptions.baseUrl);
+        var extendsDir = path3.dirname(extendedConfigValue);
+        config.compilerOptions.baseUrl = path3.join(extendsDir, config.compilerOptions.baseUrl);
       }
       return config;
     }
@@ -645,7 +645,7 @@ var require_config_loader = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.configLoader = exports.loadConfig = void 0;
     var TsConfigLoader2 = require_tsconfig_loader();
-    var path2 = __require("path");
+    var path3 = __require("path");
     function loadConfig3(cwd) {
       if (cwd === void 0) {
         cwd = process.cwd();
@@ -657,7 +657,7 @@ var require_config_loader = __commonJS({
     function configLoader(_a) {
       var cwd = _a.cwd, explicitParams = _a.explicitParams, _b = _a.tsConfigLoader, tsConfigLoader = _b === void 0 ? TsConfigLoader2.tsConfigLoader : _b;
       if (explicitParams) {
-        var absoluteBaseUrl = path2.isAbsolute(explicitParams.baseUrl) ? explicitParams.baseUrl : path2.join(cwd, explicitParams.baseUrl);
+        var absoluteBaseUrl = path3.isAbsolute(explicitParams.baseUrl) ? explicitParams.baseUrl : path3.join(cwd, explicitParams.baseUrl);
         return {
           resultType: "success",
           configFileAbsolutePath: "",
@@ -684,7 +684,7 @@ var require_config_loader = __commonJS({
         resultType: "success",
         configFileAbsolutePath: loadResult.tsConfigPath,
         baseUrl: loadResult.baseUrl,
-        absoluteBaseUrl: path2.resolve(path2.dirname(loadResult.tsConfigPath), loadResult.baseUrl || ""),
+        absoluteBaseUrl: path3.resolve(path3.dirname(loadResult.tsConfigPath), loadResult.baseUrl || ""),
         paths: loadResult.paths || {},
         addMatchAll: loadResult.baseUrl !== void 0
       };
@@ -2152,14 +2152,14 @@ var require_polyfills = __commonJS({
       fs6.fstatSync = statFixSync(fs6.fstatSync);
       fs6.lstatSync = statFixSync(fs6.lstatSync);
       if (fs6.chmod && !fs6.lchmod) {
-        fs6.lchmod = function(path2, mode, cb) {
+        fs6.lchmod = function(path3, mode, cb) {
           if (cb) process.nextTick(cb);
         };
         fs6.lchmodSync = function() {
         };
       }
       if (fs6.chown && !fs6.lchown) {
-        fs6.lchown = function(path2, uid, gid, cb) {
+        fs6.lchown = function(path3, uid, gid, cb) {
           if (cb) process.nextTick(cb);
         };
         fs6.lchownSync = function() {
@@ -2228,9 +2228,9 @@ var require_polyfills = __commonJS({
         };
       }(fs6.readSync);
       function patchLchmod(fs7) {
-        fs7.lchmod = function(path2, mode, callback) {
+        fs7.lchmod = function(path3, mode, callback) {
           fs7.open(
-            path2,
+            path3,
             constants.O_WRONLY | constants.O_SYMLINK,
             mode,
             function(err, fd) {
@@ -2246,8 +2246,8 @@ var require_polyfills = __commonJS({
             }
           );
         };
-        fs7.lchmodSync = function(path2, mode) {
-          var fd = fs7.openSync(path2, constants.O_WRONLY | constants.O_SYMLINK, mode);
+        fs7.lchmodSync = function(path3, mode) {
+          var fd = fs7.openSync(path3, constants.O_WRONLY | constants.O_SYMLINK, mode);
           var threw = true;
           var ret;
           try {
@@ -2269,8 +2269,8 @@ var require_polyfills = __commonJS({
       __name(patchLchmod, "patchLchmod");
       function patchLutimes(fs7) {
         if (constants.hasOwnProperty("O_SYMLINK") && fs7.futimes) {
-          fs7.lutimes = function(path2, at, mt, cb) {
-            fs7.open(path2, constants.O_SYMLINK, function(er, fd) {
+          fs7.lutimes = function(path3, at, mt, cb) {
+            fs7.open(path3, constants.O_SYMLINK, function(er, fd) {
               if (er) {
                 if (cb) cb(er);
                 return;
@@ -2282,8 +2282,8 @@ var require_polyfills = __commonJS({
               });
             });
           };
-          fs7.lutimesSync = function(path2, at, mt) {
-            var fd = fs7.openSync(path2, constants.O_SYMLINK);
+          fs7.lutimesSync = function(path3, at, mt) {
+            var fd = fs7.openSync(path3, constants.O_SYMLINK);
             var ret;
             var threw = true;
             try {
@@ -2411,11 +2411,11 @@ var require_legacy_streams = __commonJS({
         ReadStream,
         WriteStream
       };
-      function ReadStream(path2, options) {
-        if (!(this instanceof ReadStream)) return new ReadStream(path2, options);
+      function ReadStream(path3, options) {
+        if (!(this instanceof ReadStream)) return new ReadStream(path3, options);
         Stream.call(this);
         var self2 = this;
-        this.path = path2;
+        this.path = path3;
         this.fd = null;
         this.readable = true;
         this.paused = false;
@@ -2461,10 +2461,10 @@ var require_legacy_streams = __commonJS({
         });
       }
       __name(ReadStream, "ReadStream");
-      function WriteStream(path2, options) {
-        if (!(this instanceof WriteStream)) return new WriteStream(path2, options);
+      function WriteStream(path3, options) {
+        if (!(this instanceof WriteStream)) return new WriteStream(path3, options);
         Stream.call(this);
-        this.path = path2;
+        this.path = path3;
         this.fd = null;
         this.writable = true;
         this.flags = "w";
@@ -2614,14 +2614,14 @@ var require_graceful_fs = __commonJS({
       fs7.createWriteStream = createWriteStream2;
       var fs$readFile = fs7.readFile;
       fs7.readFile = readFile5;
-      function readFile5(path2, options, cb) {
+      function readFile5(path3, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        return go$readFile(path2, options, cb);
-        function go$readFile(path3, options2, cb2, startTime) {
-          return fs$readFile(path3, options2, function(err) {
+        return go$readFile(path3, options, cb);
+        function go$readFile(path4, options2, cb2, startTime) {
+          return fs$readFile(path4, options2, function(err) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$readFile, [path3, options2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$readFile, [path4, options2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2633,14 +2633,14 @@ var require_graceful_fs = __commonJS({
       __name(readFile5, "readFile");
       var fs$writeFile = fs7.writeFile;
       fs7.writeFile = writeFile5;
-      function writeFile5(path2, data, options, cb) {
+      function writeFile5(path3, data, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        return go$writeFile(path2, data, options, cb);
-        function go$writeFile(path3, data2, options2, cb2, startTime) {
-          return fs$writeFile(path3, data2, options2, function(err) {
+        return go$writeFile(path3, data, options, cb);
+        function go$writeFile(path4, data2, options2, cb2, startTime) {
+          return fs$writeFile(path4, data2, options2, function(err) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$writeFile, [path3, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$writeFile, [path4, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2653,14 +2653,14 @@ var require_graceful_fs = __commonJS({
       var fs$appendFile = fs7.appendFile;
       if (fs$appendFile)
         fs7.appendFile = appendFile;
-      function appendFile(path2, data, options, cb) {
+      function appendFile(path3, data, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        return go$appendFile(path2, data, options, cb);
-        function go$appendFile(path3, data2, options2, cb2, startTime) {
-          return fs$appendFile(path3, data2, options2, function(err) {
+        return go$appendFile(path3, data, options, cb);
+        function go$appendFile(path4, data2, options2, cb2, startTime) {
+          return fs$appendFile(path4, data2, options2, function(err) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$appendFile, [path3, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$appendFile, [path4, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2695,31 +2695,31 @@ var require_graceful_fs = __commonJS({
       var fs$readdir = fs7.readdir;
       fs7.readdir = readdir;
       var noReaddirOptionVersions = /^v[0-5]\./;
-      function readdir(path2, options, cb) {
+      function readdir(path3, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        var go$readdir = noReaddirOptionVersions.test(process.version) ? /* @__PURE__ */ __name(function go$readdir2(path3, options2, cb2, startTime) {
-          return fs$readdir(path3, fs$readdirCallback(
-            path3,
+        var go$readdir = noReaddirOptionVersions.test(process.version) ? /* @__PURE__ */ __name(function go$readdir2(path4, options2, cb2, startTime) {
+          return fs$readdir(path4, fs$readdirCallback(
+            path4,
             options2,
             cb2,
             startTime
           ));
-        }, "go$readdir") : /* @__PURE__ */ __name(function go$readdir2(path3, options2, cb2, startTime) {
-          return fs$readdir(path3, options2, fs$readdirCallback(
-            path3,
+        }, "go$readdir") : /* @__PURE__ */ __name(function go$readdir2(path4, options2, cb2, startTime) {
+          return fs$readdir(path4, options2, fs$readdirCallback(
+            path4,
             options2,
             cb2,
             startTime
           ));
         }, "go$readdir");
-        return go$readdir(path2, options, cb);
-        function fs$readdirCallback(path3, options2, cb2, startTime) {
+        return go$readdir(path3, options, cb);
+        function fs$readdirCallback(path4, options2, cb2, startTime) {
           return function(err, files) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
               enqueue([
                 go$readdir,
-                [path3, options2, cb2],
+                [path4, options2, cb2],
                 err,
                 startTime || Date.now(),
                 Date.now()
@@ -2792,7 +2792,7 @@ var require_graceful_fs = __commonJS({
         enumerable: true,
         configurable: true
       });
-      function ReadStream(path2, options) {
+      function ReadStream(path3, options) {
         if (this instanceof ReadStream)
           return fs$ReadStream.apply(this, arguments), this;
         else
@@ -2814,7 +2814,7 @@ var require_graceful_fs = __commonJS({
         });
       }
       __name(ReadStream$open, "ReadStream$open");
-      function WriteStream(path2, options) {
+      function WriteStream(path3, options) {
         if (this instanceof WriteStream)
           return fs$WriteStream.apply(this, arguments), this;
         else
@@ -2834,24 +2834,24 @@ var require_graceful_fs = __commonJS({
         });
       }
       __name(WriteStream$open, "WriteStream$open");
-      function createReadStream(path2, options) {
-        return new fs7.ReadStream(path2, options);
+      function createReadStream(path3, options) {
+        return new fs7.ReadStream(path3, options);
       }
       __name(createReadStream, "createReadStream");
-      function createWriteStream2(path2, options) {
-        return new fs7.WriteStream(path2, options);
+      function createWriteStream2(path3, options) {
+        return new fs7.WriteStream(path3, options);
       }
       __name(createWriteStream2, "createWriteStream");
       var fs$open = fs7.open;
       fs7.open = open2;
-      function open2(path2, flags, mode, cb) {
+      function open2(path3, flags, mode, cb) {
         if (typeof mode === "function")
           cb = mode, mode = null;
-        return go$open(path2, flags, mode, cb);
-        function go$open(path3, flags2, mode2, cb2, startTime) {
-          return fs$open(path3, flags2, mode2, function(err, fd) {
+        return go$open(path3, flags, mode, cb);
+        function go$open(path4, flags2, mode2, cb2, startTime) {
+          return fs$open(path4, flags2, mode2, function(err, fd) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$open, [path3, flags2, mode2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$open, [path4, flags2, mode2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2924,7 +2924,7 @@ var require_graceful_fs = __commonJS({
 var require_reducePlan = __commonJS({
   "../node_modules/watchpack/lib/reducePlan.js"(exports, module) {
     "use strict";
-    var path2 = __require("path");
+    var path3 = __require("path");
     module.exports = (plan, limit) => {
       const treeMap = /* @__PURE__ */ new Map();
       for (const [filePath, value] of plan) {
@@ -2939,7 +2939,7 @@ var require_reducePlan = __commonJS({
       }
       let currentCount = treeMap.size;
       for (const node of treeMap.values()) {
-        const parentPath = path2.dirname(node.filePath);
+        const parentPath = path3.dirname(node.filePath);
         if (parentPath !== node.filePath) {
           let parent = treeMap.get(parentPath);
           if (parent === void 0) {
@@ -3034,7 +3034,7 @@ var require_watchEventSource = __commonJS({
   "../node_modules/watchpack/lib/watchEventSource.js"(exports) {
     "use strict";
     var fs6 = __require("fs");
-    var path2 = __require("path");
+    var path3 = __require("path");
     var { EventEmitter } = __require("events");
     var reducePlan = require_reducePlan();
     var IS_OSX = __require("os").platform() === "darwin";
@@ -3056,7 +3056,7 @@ var require_watchEventSource = __commonJS({
     __name(createEPERMError, "createEPERMError");
     function createHandleChangeEvent(watcher, filePath, handleChangeEvent) {
       return (type, filename) => {
-        if (type === "rename" && path2.isAbsolute(filename) && path2.basename(filename) === path2.basename(filePath)) {
+        if (type === "rename" && path3.isAbsolute(filename) && path3.basename(filename) === path3.basename(filePath)) {
           if (!IS_OSX) {
             watcher.emit("error", createEPERMError(filename));
           }
@@ -3143,7 +3143,7 @@ var require_watchEventSource = __commonJS({
                 w.emit("change", type);
               }
             } else {
-              const dir = path2.dirname(filename);
+              const dir = path3.dirname(filename);
               const watchers = this.mapPathToWatchers.get(dir);
               if (recursiveWatcherLogging) {
                 process.stderr.write(
@@ -3153,7 +3153,7 @@ var require_watchEventSource = __commonJS({
               }
               if (watchers === void 0) return;
               for (const w of watchers) {
-                w.emit("change", type, path2.basename(filename));
+                w.emit("change", type, path3.basename(filename));
               }
             }
           });
@@ -3272,7 +3272,7 @@ var require_watchEventSource = __commonJS({
       }
       for (const watcher of recursiveWatchers.values()) {
         for (const [w, subpath] of watcher.getWatchers()) {
-          addWatcher(w, path2.join(watcher.rootPath, subpath));
+          addWatcher(w, path3.join(watcher.rootPath, subpath));
         }
       }
       for (const watcher of directWatchers.values()) {
@@ -3328,7 +3328,7 @@ var require_watchEventSource = __commonJS({
           recursiveWatcher.add(filePath, watcher);
           return watcher;
         }
-        const parent = path2.dirname(current);
+        const parent = path3.dirname(current);
         if (parent === current) break;
         current = parent;
       }
@@ -3359,7 +3359,7 @@ var require_DirectoryWatcher = __commonJS({
     "use strict";
     var EventEmitter = __require("events").EventEmitter;
     var fs6 = require_graceful_fs();
-    var path2 = __require("path");
+    var path3 = __require("path");
     var watchEventSource = require_watchEventSource();
     var EXISTANCE_ONLY_TIME_ENTRY = Object.freeze({});
     var FS_ACCURACY = 2e3;
@@ -3455,8 +3455,8 @@ var require_DirectoryWatcher = __commonJS({
           this.onWatcherError(err);
         }
       }
-      forEachWatcher(path3, fn) {
-        const watchers = this.watchers.get(withoutCase(path3));
+      forEachWatcher(path4, fn) {
+        const watchers = this.watchers.get(withoutCase(path4));
         if (watchers !== void 0) {
           for (const w of watchers) {
             fn(w);
@@ -3684,7 +3684,7 @@ var require_DirectoryWatcher = __commonJS({
           this.doScan(false);
           return;
         }
-        const filePath = path2.join(this.path, filename);
+        const filePath = path3.join(this.path, filename);
         if (this.ignored(filePath)) return;
         if (this._activeEvents.get(filename) === void 0) {
           this._activeEvents.set(filename, false);
@@ -3702,7 +3702,7 @@ var require_DirectoryWatcher = __commonJS({
                 if (err.code !== "ENOENT" && err.code !== "EPERM" && err.code !== "EBUSY") {
                   this.onStatsError(err);
                 } else {
-                  if (filename === path2.basename(this.path)) {
+                  if (filename === path3.basename(this.path)) {
                     if (!fs6.existsSync(this.path)) {
                       this.onDirectoryRemoved("stat failed");
                     }
@@ -3782,8 +3782,8 @@ var require_DirectoryWatcher = __commonJS({
       }
       watchInParentDirectory() {
         if (!this.parentWatcher) {
-          const parentDir = path2.dirname(this.path);
-          if (path2.dirname(parentDir) === parentDir) return;
+          const parentDir = path3.dirname(this.path);
+          if (path3.dirname(parentDir) === parentDir) return;
           this.parentWatcher = this.watcherManager.watchFile(this.path, 1);
           this.parentWatcher.on("change", (mtime, type) => {
             if (this.closed) return;
@@ -3853,7 +3853,7 @@ var require_DirectoryWatcher = __commonJS({
               return;
             }
             const itemPaths = new Set(
-              items.map((item) => path2.join(this.path, item.normalize("NFC")))
+              items.map((item) => path3.join(this.path, item.normalize("NFC")))
             );
             for (const file of this.files.keys()) {
               if (!itemPaths.has(file)) {
@@ -3962,9 +3962,9 @@ var require_DirectoryWatcher = __commonJS({
         if (!this.initialScan) {
           for (const watchers of this.watchers.values()) {
             for (const watcher of watchers) {
-              const path3 = watcher.path;
-              if (!Object.prototype.hasOwnProperty.call(obj, path3)) {
-                obj[path3] = null;
+              const path4 = watcher.path;
+              if (!Object.prototype.hasOwnProperty.call(obj, path4)) {
+                obj[path4] = null;
               }
             }
           }
@@ -4004,9 +4004,9 @@ var require_DirectoryWatcher = __commonJS({
         if (!this.initialScan) {
           for (const watchers of this.watchers.values()) {
             for (const watcher of watchers) {
-              const path3 = watcher.path;
-              if (!fileTimestamps.has(path3)) {
-                fileTimestamps.set(path3, null);
+              const path4 = watcher.path;
+              if (!fileTimestamps.has(path4)) {
+                fileTimestamps.set(path4, null);
               }
             }
           }
@@ -4057,7 +4057,7 @@ var require_DirectoryWatcher = __commonJS({
 var require_getWatcherManager = __commonJS({
   "../node_modules/watchpack/lib/getWatcherManager.js"(exports, module) {
     "use strict";
-    var path2 = __require("path");
+    var path3 = __require("path");
     var DirectoryWatcher = require_DirectoryWatcher();
     var WatcherManager = class {
       static {
@@ -4080,7 +4080,7 @@ var require_getWatcherManager = __commonJS({
         return watcher;
       }
       watchFile(p, startTime) {
-        const directory = path2.dirname(p);
+        const directory = path3.dirname(p);
         if (directory === p) return null;
         return this.getDirectoryWatcher(directory).watch(p, startTime);
       }
@@ -4105,7 +4105,7 @@ var require_LinkResolver = __commonJS({
   "../node_modules/watchpack/lib/LinkResolver.js"(exports, module) {
     "use strict";
     var fs6 = __require("fs");
-    var path2 = __require("path");
+    var path3 = __require("path");
     var EXPECTED_ERRORS = /* @__PURE__ */ new Set(["EINVAL", "ENOENT"]);
     if (process.platform === "win32") EXPECTED_ERRORS.add("UNKNOWN");
     var LinkResolver = class {
@@ -4124,7 +4124,7 @@ var require_LinkResolver = __commonJS({
         if (cacheEntry !== void 0) {
           return cacheEntry;
         }
-        const parent = path2.dirname(file);
+        const parent = path3.dirname(file);
         if (parent === file) {
           const result = Object.freeze([file]);
           this.cache.set(file, result);
@@ -4133,12 +4133,12 @@ var require_LinkResolver = __commonJS({
         const parentResolved = this.resolve(parent);
         let realFile = file;
         if (parentResolved[0] !== parent) {
-          const basename4 = path2.basename(file);
-          realFile = path2.resolve(parentResolved[0], basename4);
+          const basename4 = path3.basename(file);
+          realFile = path3.resolve(parentResolved[0], basename4);
         }
         try {
           const linkContent = fs6.readlinkSync(realFile);
-          const resolvedLink = path2.resolve(parentResolved[0], linkContent);
+          const resolvedLink = path3.resolve(parentResolved[0], linkContent);
           const linkResolved = this.resolve(resolvedLink);
           let result;
           if (linkResolved.length > 1 && parentResolved.length > 1) {
@@ -4458,7 +4458,7 @@ var require_watchpack = __commonJS({
         const fileWatchers = this.fileWatchers;
         const directoryWatchers = this.directoryWatchers;
         const ignored = this.watcherOptions.ignored;
-        const filter = /* @__PURE__ */ __name((path2) => !ignored(path2), "filter");
+        const filter = /* @__PURE__ */ __name((path3) => !ignored(path3), "filter");
         const addToMap = /* @__PURE__ */ __name((map, key, item) => {
           const list = map.get(key);
           if (list === void 0) {
@@ -6049,18 +6049,18 @@ var require_dist2 = __commonJS({
     }
     __name(toKey, "toKey");
     var toKey_default = toKey;
-    function baseGet(object, path2) {
-      path2 = castPath_default(path2, object);
-      var index = 0, length = path2.length;
+    function baseGet(object, path3) {
+      path3 = castPath_default(path3, object);
+      var index = 0, length = path3.length;
       while (object != null && index < length) {
-        object = object[toKey_default(path2[index++])];
+        object = object[toKey_default(path3[index++])];
       }
       return index && index == length ? object : void 0;
     }
     __name(baseGet, "baseGet");
     var baseGet_default = baseGet;
-    function get(object, path2, defaultValue) {
-      var result = object == null ? void 0 : baseGet_default(object, path2);
+    function get(object, path3, defaultValue) {
+      var result = object == null ? void 0 : baseGet_default(object, path3);
       return result === void 0 ? defaultValue : result;
     }
     __name(get, "get");
@@ -8490,6 +8490,7 @@ import { global as global2 } from "@storybook/global";
 var import_picocolors4 = __toESM(require_picocolors(), 1);
 
 // src/core-server/manifest.ts
+import path from "node:path";
 import { groupBy } from "storybook/internal/common";
 function renderManifestComponentsPage(manifest) {
   const entries = Object.entries(manifest?.components ?? {}).sort(
@@ -8498,22 +8499,22 @@ function renderManifestComponentsPage(manifest) {
   const analyses = entries.map(([, c]) => analyzeComponent(c));
   const totals = {
     components: entries.length,
-    componentsWithError: analyses.filter((a) => a.hasComponentError).length,
-    componentsWithWarnings: analyses.filter((a) => a.hasWarns).length,
-    examples: analyses.reduce((sum, a) => sum + a.totalExamples, 0),
-    exampleErrors: analyses.reduce((sum, a) => sum + a.exampleErrors, 0)
+    componentsWithPropTypeError: analyses.filter((a) => a.hasPropTypeError).length,
+    infos: analyses.filter((a) => a.hasWarns).length,
+    stories: analyses.reduce((sum, a) => sum + a.totalStories, 0),
+    storyErrors: analyses.reduce((sum, a) => sum + a.storyErrors, 0)
   };
   const allPill = `<a class="filter-pill all" data-k="all" href="#filter-all">All</a>`;
-  const compErrorsPill = totals.componentsWithError > 0 ? `<a class="filter-pill err" data-k="errors" href="#filter-errors">${totals.componentsWithError}/${totals.components} component ${plural(totals.componentsWithError, "error")}</a>` : `<span class="filter-pill ok" aria-disabled="true">${totals.components} components ok</span>`;
-  const compWarningsPill = totals.componentsWithWarnings > 0 ? `<a class="filter-pill warn" data-k="warnings" href="#filter-warnings">${totals.componentsWithWarnings}/${totals.components} component ${plural(totals.componentsWithWarnings, "warning")}</a>` : "";
-  const examplesPill = totals.exampleErrors > 0 ? `<a class="filter-pill err" data-k="example-errors" href="#filter-example-errors">${totals.exampleErrors}/${totals.examples} example errors</a>` : `<span class="filter-pill ok" aria-disabled="true">${totals.examples} examples ok</span>`;
+  const compErrorsPill = totals.componentsWithPropTypeError > 0 ? `<a class="filter-pill err" data-k="errors" href="#filter-errors">${totals.componentsWithPropTypeError}/${totals.components} prop type ${plural(totals.componentsWithPropTypeError, "error")}</a>` : `<span class="filter-pill ok" aria-disabled="true">${totals.components} components ok</span>`;
+  const compInfosPill = totals.infos > 0 ? `<a class="filter-pill info" data-k="infos" href="#filter-infos">${totals.infos}/${totals.components} ${plural(totals.infos, "info", "infos")}</a>` : "";
+  const storiesPill = totals.storyErrors > 0 ? `<a class="filter-pill err" data-k="story-errors" href="#filter-story-errors">${totals.storyErrors}/${totals.stories} story errors</a>` : `<span class="filter-pill ok" aria-disabled="true">${totals.stories} ${plural(totals.stories, "story", "stories")} ok</span>`;
   const grid = entries.map(([key, c], idx) => renderComponentCard(key, c, `${idx}`)).join("");
   const errorGroups = Object.entries(
     groupBy(
       entries.map(([, it]) => it).filter((it) => it.error),
       (manifest2) => manifest2.error?.name ?? "Error"
     )
-  );
+  ).sort(([, a], [, b]) => b.length - a.length);
   const errorGroupsHTML = errorGroups.map(([error, grouped]) => {
     const id = error.toLowerCase().replace(/[^a-z0-9]+/g, "-");
     const headerText = `${esc(error)}`;
@@ -8543,10 +8544,10 @@ function renderManifestComponentsPage(manifest) {
           --muted: #9aa0a6;
           --fg: #e8eaed;
           --ok: #22c55e;
-          --warn: #b08900;
+          --info: #1e88e5;
           --err: #c62828;
           --ok-bg: #0c1a13;
-          --warn-bg: #1a1608;
+          --info-bg: #0c1624;
           --err-bg: #1a0e0e;
           --chip: #1f2330;
           --border: #2b2f3a;
@@ -8622,10 +8623,10 @@ function renderManifestComponentsPage(manifest) {
           background: color-mix(in srgb, var(--ok) 18%, #000);
       }
 
-      .filter-pill.warn {
-          color: #ffd666;
-          border-color: color-mix(in srgb, var(--warn) 55%, var(--border));
-          background: var(--warn-bg);
+      .filter-pill.info {
+          color: #b3d9ff;
+          border-color: color-mix(in srgb, var(--info) 55%, var(--border));
+          background: var(--info-bg);
       }
 
       .filter-pill.err {
@@ -8654,8 +8655,8 @@ function renderManifestComponentsPage(manifest) {
       /* Selected top pill ring via :target */
       #filter-all:target ~ header .filter-pill[data-k='all'],
       #filter-errors:target ~ header .filter-pill[data-k='errors'],
-      #filter-warnings:target ~ header .filter-pill[data-k='warnings'],
-      #filter-example-errors:target ~ header .filter-pill[data-k='example-errors'] {
+      #filter-infos:target ~ header .filter-pill[data-k='infos'],
+      #filter-story-errors:target ~ header .filter-pill[data-k='story-errors'] {
           box-shadow: 0 0 0 var(--active-ring) currentColor;
           border-color: currentColor;
       }
@@ -8663,19 +8664,19 @@ function renderManifestComponentsPage(manifest) {
       /* Hidden targets for filtering */
       #filter-all,
       #filter-errors,
-      #filter-warnings,
-      #filter-example-errors {
+      #filter-infos,
+      #filter-story-errors {
           display: none;
       }
 
       main {
-          padding: 24px 0 40px;
+          padding: 36px 0 40px;
       }
 
       .grid {
           display: grid;
           grid-template-columns: 1fr;
-          gap: 14px;
+          gap: 18px;
       }
 
       /* one card per row */
@@ -8759,9 +8760,9 @@ function renderManifestComponentsPage(manifest) {
           border-color: color-mix(in srgb, var(--ok) 55%, var(--border));
       }
 
-      .badge.warn {
-          color: #ffd666;
-          border-color: color-mix(in srgb, var(--warn) 55%, var(--border));
+      .badge.info {
+          color: #b3d9ff;
+          border-color: color-mix(in srgb, var(--info) 55%, var(--border));
       }
 
       .badge.err {
@@ -8775,8 +8776,9 @@ function renderManifestComponentsPage(manifest) {
 
       /* 1px ring on active toggle */
       .tg-err:checked + label.as-toggle,
-      .tg-warn:checked + label.as-toggle,
-      .tg-ex:checked + label.as-toggle {
+      .tg-info:checked + label.as-toggle,
+      .tg-stories:checked + label.as-toggle,
+      .tg-props:checked + label.as-toggle {
           box-shadow: 0 0 0 var(--active-ring) currentColor;
           border-color: currentColor;
       }
@@ -8795,16 +8797,21 @@ function renderManifestComponentsPage(manifest) {
           display: grid;
       }
 
-      .tg-warn:checked ~ .panels .panel-warn {
+      .tg-info:checked ~ .panels .panel-info {
           display: grid;
           gap: 8px;
       }
 
-      .tg-ex:checked ~ .panels .panel-ex {
+      .tg-stories:checked ~ .panels .panel-stories {
           display: grid;
+          gap: 8px;
       }
 
-      /* Colored notes for component error + warnings */
+      .tg-props:checked ~ .panels .panel-props {
+          display: grid;
+      }
+
+      /* Colored notes for prop type error + info */
       .note {
           padding: 12px;
           border: 1px solid var(--border);
@@ -8817,10 +8824,16 @@ function renderManifestComponentsPage(manifest) {
           color: #ffd1d4;
       }
 
-      .note.warn {
-          border-color: color-mix(in srgb, var(--warn) 55%, var(--border));
-          background: var(--warn-bg);
-          color: #ffe9a6;
+      .note.info {
+          border-color: color-mix(in srgb, var(--info) 55%, var(--border));
+          background: var(--info-bg);
+          color: #d6e8ff;
+      }
+
+      .note.ok {
+          border-color: color-mix(in srgb, var(--ok) 55%, var(--border));
+          background: var(--ok-bg);
+          color: var(--fg);
       }
 
       .note-title {
@@ -8832,7 +8845,7 @@ function renderManifestComponentsPage(manifest) {
           white-space: normal;
       }
 
-      /* Example error cards */
+      /* Story error cards */
       .ex {
           padding: 10px;
           border: 1px solid var(--border);
@@ -8942,15 +8955,15 @@ function renderManifestComponentsPage(manifest) {
       }
 
       /* CSS-only filtering of cards via top pills */
-      #filter-errors:target ~ main .card:not(.has-error):not(.has-example-error) {
+      #filter-errors:target ~ main .card:not(.has-error):not(.has-story-error) {
           display: none;
       }
 
-      #filter-warnings:target ~ main .card:not(.has-warn) {
+      #filter-infos:target ~ main .card:not(.has-info) {
           display: none;
       }
 
-      #filter-example-errors:target ~ main .card:not(.has-example-error) {
+      #filter-story-errors:target ~ main .card:not(.has-story-error) {
           display: none;
       }
 
@@ -8972,36 +8985,64 @@ function renderManifestComponentsPage(manifest) {
       .card > .tg-err:checked ~ .panels .panel-err {
           display: grid;
       }
-
-      .card > .tg-warn:checked ~ .panels .panel-warn {
+      
+      .card > .tg-info:checked ~ .panels .panel-info {
           display: grid;
       }
-
-      .card > .tg-ex:checked ~ .panels .panel-ex {
+      
+      .card > .tg-stories:checked ~ .panels .panel-stories {
           display: grid;
       }
 
+      /* Add vertical spacing around panels only when any panel is visible */
+      .card > .tg-err:checked ~ .panels,
+      .card > .tg-info:checked ~ .panels,
+      .card > .tg-stories:checked ~ .panels,
+      .card > .tg-props:checked ~ .panels {
+          margin: 10px 0;
+      }
+
       /* Optional: a subtle 1px ring on the active badge, using :has() if available */
       @supports selector(.card:has(.tg-err:checked)) {
           .card:has(.tg-err:checked) label[for$='-err'],
-          .card:has(.tg-warn:checked) label[for$='-warn'],
-          .card:has(.tg-ex:checked) label[for$='-ex'] {
+          .card:has(.tg-info:checked) label[for$='-info'],
+          .card:has(.tg-stories:checked) label[for$='-stories'],
+          .card:has(.tg-props:checked) label[for$='-props'] {
               box-shadow: 0 0 0 1px currentColor;
               border-color: currentColor;
           }
       }
+
+      /* Wrap long lines in code blocks at ~120 characters */
+      pre, code {
+          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+      }
+      pre {
+          white-space: pre-wrap;
+          overflow-wrap: anywhere;
+          word-break: break-word;
+          overflow-x: auto; /* fallback for extremely long tokens */
+          margin: 8px 0 0;
+      }
+      pre > code {
+          display: block;
+          white-space: inherit;
+          overflow-wrap: inherit;
+          word-break: inherit;
+          inline-size: min(100%, 120ch);
+      }
   </style>
 </head>
 <body>
 <!-- Hidden targets for the top-level filters -->
 <span id="filter-all"></span>
 <span id="filter-errors"></span>
-<span id="filter-warnings"></span>
-<span id="filter-example-errors"></span>
+<span id="filter-infos"></span>
+<span id="filter-story-errors"></span>
 <header>
   <div class="wrap">
     <h1>Components Manifest</h1>
-    <div class="summary">${allPill}${compErrorsPill}${compWarningsPill}${examplesPill}</div>
+    <div class="summary">${allPill}${compErrorsPill}${compInfosPill}${storiesPill}</div>
   </div>
 </header>
 <main>
@@ -9009,7 +9050,7 @@ function renderManifestComponentsPage(manifest) {
     <div class="grid" role="list">
       ${grid || `<div class="card"><div class="head"><div class="hint">No components.</div></div></div>`}
     </div>
-    ${errorGroups.length ? `<div class="error-groups" role="region" aria-label="Error groups">${errorGroupsHTML}</div>` : ""}
+    ${errorGroups.length ? `<div class="error-groups" role="region" aria-label="Prop type error groups">${errorGroupsHTML}</div>` : ""}
   </div>
 </main>
 </body>
@@ -9022,30 +9063,28 @@ var esc = /* @__PURE__ */ __name((s) => String(s ?? "").replace(
 ), "esc");
 var plural = /* @__PURE__ */ __name((n, one, many = `${one}s`) => n === 1 ? one : many, "plural");
 function analyzeComponent(c) {
-  const hasComponentError = !!c.error;
+  const hasPropTypeError = !!c.error;
   const warns = [];
   if (!c.description?.trim()) {
-    warns.push(
-      "No description found. Write a jsdoc comment such as /** Component description */ on your component or on your stories meta."
-    );
+    warns.push("No description found. Write a jsdoc comment such as /** Component description */.");
   }
   if (!c.import?.trim()) {
     warns.push(
       `Specify an @import jsdoc tag on your component or your stories meta such as @import import { ${c.name} } from 'my-design-system';`
     );
   }
-  const totalExamples = c.examples?.length ?? 0;
-  const exampleErrors = (c.examples ?? []).filter((e) => !!e?.error).length;
-  const exampleOk = totalExamples - exampleErrors;
-  const hasAnyError = hasComponentError || exampleErrors > 0;
+  const totalStories = c.stories?.length ?? 0;
+  const storyErrors = (c.stories ?? []).filter((e) => !!e?.error).length;
+  const storyOk = totalStories - storyErrors;
+  const hasAnyError = hasPropTypeError || storyErrors > 0;
   return {
-    hasComponentError,
+    hasPropTypeError,
     hasAnyError,
     hasWarns: warns.length > 0,
     warns,
-    totalExamples,
-    exampleErrors,
-    exampleOk
+    totalStories,
+    storyErrors,
+    storyOk
   };
 }
 __name(analyzeComponent, "analyzeComponent");
@@ -9060,11 +9099,27 @@ __name(note, "note");
 function renderComponentCard(key, c, id) {
   const a = analyzeComponent(c);
   const statusDot = a.hasAnyError ? "dot-err" : "dot-ok";
-  const errorExamples = (c.examples ?? []).filter((ex) => !!ex?.error);
+  const allStories = c.stories ?? [];
+  const errorStories = allStories.filter((ex) => !!ex?.error);
+  const okStories = allStories.filter((ex) => !ex?.error);
   const slug = `c-${id}-${(c.id || key).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}`;
-  const componentErrorBadge = a.hasComponentError ? `<label for="${slug}-err" class="badge err as-toggle">component error</label>` : "";
-  const warningsBadge = a.hasWarns ? `<label for="${slug}-warn" class="badge warn as-toggle">${a.warns.length} ${plural(a.warns.length, "warning")}</label>` : "";
-  const examplesBadge = a.exampleErrors > 0 ? `<label for="${slug}-ex" class="badge err as-toggle">${a.exampleErrors}/${a.totalExamples} example errors</label>` : `<span class="badge ok">${a.totalExamples} examples ok</span>`;
+  const componentErrorBadge = a.hasPropTypeError ? `<label for="${slug}-err" class="badge err as-toggle">prop type error</label>` : "";
+  const infosBadge = a.hasWarns ? `<label for="${slug}-info" class="badge info as-toggle">${a.warns.length} ${plural(a.warns.length, "info", "infos")}</label>` : "";
+  const storiesBadge = a.totalStories > 0 ? `<label for="${slug}-stories" class="badge ${a.storyErrors > 0 ? "err" : "ok"} as-toggle">${a.storyErrors > 0 ? `${a.storyErrors}/${a.totalStories} story errors` : `${a.totalStories} ${plural(a.totalStories, "story", "stories")}`}</label>` : "";
+  const reactDocgen = !a.hasPropTypeError && "reactDocgen" in c && c.reactDocgen;
+  const parsedDocgen = reactDocgen ? parseReactDocgen(reactDocgen) : void 0;
+  const propEntries = parsedDocgen ? Object.entries(parsedDocgen.props ?? {}) : [];
+  const propTypesBadge = !a.hasPropTypeError && propEntries.length > 0 ? `<label for="${slug}-props" class="badge ok as-toggle">${propEntries.length} ${plural(propEntries.length, "prop type")}</label>` : "";
+  const primaryBadge = componentErrorBadge || propTypesBadge;
+  const propsCode = propEntries.length > 0 ? propEntries.sort(([aName], [bName]) => aName.localeCompare(bName)).map(([propName, info]) => {
+    const description = (info?.description ?? "").trim();
+    const t = (info?.type ?? "any").trim();
+    const optional = info?.required ? "" : "?";
+    const defaultVal = (info?.defaultValue ?? "").trim();
+    const def = defaultVal ? ` = ${defaultVal}` : "";
+    const doc = ["/**", ...description.split("\n").map((line) => ` * ${line}`), " */"].join("\n") + "\n";
+    return `${description ? doc : ""}${propName}${optional}: ${t}${def}`;
+  }).join("\n\n") : "";
   const tags = c.jsDocTags && typeof c.jsDocTags === "object" ? Object.entries(c.jsDocTags).flatMap(
     ([k, v]) => (Array.isArray(v) ? v : [v]).map(
       (val) => `<span class="chip">${esc(k)}: ${esc(val)}</span>`
@@ -9074,18 +9129,18 @@ function renderComponentCard(key, c, id) {
   return `
 <article
   class="card 
-  ${a.hasComponentError ? "has-error" : "no-error"} 
-  ${a.hasWarns ? "has-warn" : "no-warn"} 
-  ${a.exampleErrors ? "has-example-error" : "no-example-error"}"
+  ${a.hasPropTypeError ? "has-error" : "no-error"} 
+  ${a.hasWarns ? "has-info" : "no-info"} 
+  ${a.storyErrors ? "has-story-error" : "no-story-error"}"
   role="listitem"
   aria-label="${esc(c.name || key)}">
   <div class="head">
     <div class="title">
       <h2><span class="status-dot ${statusDot}"></span> ${esc(c.name || key)}</h2>
       <div class="badges">
-        ${componentErrorBadge}
-        ${warningsBadge}
-        ${examplesBadge}
+        ${primaryBadge}
+        ${infosBadge}
+        ${storiesBadge}
       </div>
     </div>
     <div class="meta" title="${esc(c.path)}">${esc(c.id)} \xB7 ${esc(c.path)}</div>
@@ -9095,38 +9150,149 @@ function renderComponentCard(key, c, id) {
   </div>
 
   <!-- \u2B07\uFE0F Hidden toggles must be siblings BEFORE .panels -->
-  ${a.hasComponentError ? `<input id="${slug}-err" class="tg tg-err" type="checkbox" hidden />` : ""}
-  ${a.hasWarns ? `<input id="${slug}-warn" class="tg tg-warn" type="checkbox" hidden />` : ""}
-  ${a.exampleErrors > 0 ? `<input id="${slug}-ex" class="tg tg-ex" type="checkbox" hidden />` : ""}
+  ${a.hasPropTypeError ? `<input id="${slug}-err" class="tg tg-err" type="checkbox" hidden />` : ""}
+  ${a.hasWarns ? `<input id="${slug}-info" class="tg tg-info" type="checkbox" hidden />` : ""}
+  ${a.totalStories > 0 ? `<input id="${slug}-stories" class="tg tg-stories" type="checkbox" hidden />` : ""}
+  ${!a.hasPropTypeError && propEntries.length > 0 ? `<input id="${slug}-props" class="tg tg-props" type="checkbox" hidden />` : ""}
 
   <div class="panels">
-    ${a.hasComponentError ? `
+    ${a.hasPropTypeError ? `
         <div class="panel panel-err">
-          ${note("Component error", `<pre><code>${esc(c.error?.message || "Unknown error")}</code></pre>`, "err")}
+          ${note("Prop type error", `<pre><code>${esc(c.error?.message || "Unknown error")}</code></pre>`, "err")}
         </div>` : ""}
     ${a.hasWarns ? `
-        <div class="panel panel-warn">
-          ${a.warns.map((w) => note("Warning", esc(w), "warn")).join("")}
+        <div class="panel panel-info">
+          ${a.warns.map((w) => note("Info", esc(w), "info")).join("")}
+        </div>` : ""}
+    ${!a.hasPropTypeError && propEntries.length > 0 ? `
+        <div class="panel panel-props">
+          <div class="note ok">
+            <div class="row">
+              <span class="ex-name">Prop types</span>
+              <span class="badge ok">${propEntries.length} ${plural(propEntries.length, "prop type")}</span>
+            </div>
+            <pre><code>Component: ${reactDocgen?.definedInFile ? esc(path.relative(process.cwd(), reactDocgen.definedInFile)) : ""}${reactDocgen?.exportName ? "::" + esc(reactDocgen?.exportName) : ""}</code></pre>
+            <pre><code>Props:</code></pre>
+            <pre><code>${esc(propsCode)}</code></pre>
+          </div>
         </div>` : ""}
-    ${a.exampleErrors > 0 ? `
-        <div class="panel panel-ex">
-          ${errorExamples.map(
+    ${a.totalStories > 0 ? `
+        <div class="panel panel-stories">
+          ${errorStories.map(
     (ex, j) => `
-            <div class="ex err">
+            <div class="note err">
               <div class="row">
-                <span class="status-dot dot-err"></span>
-                <span class="ex-name">${esc(ex?.name ?? `Example ${j + 1}`)}</span>
-                <span class="badge err">example error</span>
+                <span class="ex-name">${esc(ex.name)}</span>
+                <span class="badge err">story error</span>
               </div>
+              ${ex?.summary ? `<div class="hint">Summary: ${esc(ex.summary)}</div>` : ""}
+              ${ex?.description ? `<div class="hint">${esc(ex.description)}</div>` : ""}
               ${ex?.snippet ? `<pre><code>${esc(ex.snippet)}</code></pre>` : ""}
               ${ex?.error?.message ? `<pre><code>${esc(ex.error.message)}</code></pre>` : ""}
             </div>`
   ).join("")}
+          
+          
+          ${c.import ? `<div class="note ok">
+                <div class="row">
+                  <span class="ex-name">Imports</span>
+                </div>
+                <pre><code>${c.import}</code></pre>
+              </div>` : ""}
+          
+          ${okStories.map(
+    (ex) => `
+            <div class="note ok">
+              <div class="row">
+                <span class="ex-name">${esc(ex.name)}</span>
+                <span class="badge ok">story ok</span>
+              </div>
+              ${ex?.summary ? `<div>${esc(ex.summary)}</div>` : ""}
+              ${ex?.description ? `<div class="hint">${esc(ex.description)}</div>` : ""}
+              ${ex?.snippet ? `<pre><code>${esc(ex.snippet)}</code></pre>` : ""}
+            </div>`
+  ).join("")}
         </div>` : ""}
   </div>
 </article>`;
 }
 __name(renderComponentCard, "renderComponentCard");
+var parseReactDocgen = /* @__PURE__ */ __name((reactDocgen) => {
+  const props = reactDocgen?.props ?? {};
+  return {
+    props: Object.fromEntries(
+      Object.entries(props).map(([propName, prop]) => [
+        propName,
+        {
+          description: prop.description,
+          type: serializeTsType(prop.tsType ?? prop.type),
+          defaultValue: prop.defaultValue?.value,
+          required: prop.required
+        }
+      ])
+    )
+  };
+}, "parseReactDocgen");
+function serializeTsType(tsType) {
+  if (!tsType) {
+    return void 0;
+  }
+  if ("raw" in tsType && typeof tsType.raw === "string" && tsType.raw.trim().length > 0) {
+    return tsType.raw;
+  }
+  if (!tsType.name) {
+    return void 0;
+  }
+  if ("elements" in tsType) {
+    if (tsType.name === "union") {
+      const parts = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+      return parts.join(" | ");
+    }
+    if (tsType.name === "intersection") {
+      const parts = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+      return parts.join(" & ");
+    }
+    if (tsType.name === "Array") {
+      const el = (tsType.elements ?? [])[0];
+      const inner = serializeTsType(el) ?? "unknown";
+      return `${inner}[]`;
+    }
+    if (tsType.name === "tuple") {
+      const parts = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+      return `[${parts.join(", ")}]`;
+    }
+  }
+  if ("value" in tsType && tsType.name === "literal") {
+    return tsType.value;
+  }
+  if ("signature" in tsType && tsType.name === "signature") {
+    if (tsType.type === "function") {
+      const args = (tsType.signature?.arguments ?? []).map((a) => {
+        const argType = serializeTsType(a.type) ?? "any";
+        return `${a.name}: ${argType}`;
+      });
+      const ret = serializeTsType(tsType.signature?.return) ?? "void";
+      return `(${args.join(", ")}) => ${ret}`;
+    }
+    if (tsType.type === "object") {
+      const props = (tsType.signature?.properties ?? []).map((p) => {
+        const req = Boolean(p.value?.required);
+        const propType = serializeTsType(p.value) ?? "any";
+        return `${p.key}${req ? "" : "?"}: ${propType}`;
+      });
+      return `{ ${props.join("; ")} }`;
+    }
+    return "unknown";
+  }
+  if ("elements" in tsType) {
+    const inner = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+    if (inner.length > 0) {
+      return `${tsType.name}<${inner.join(", ")}>`;
+    }
+  }
+  return tsType.name;
+}
+__name(serializeTsType, "serializeTsType");
 
 // src/core-server/utils/StoryIndexGenerator.ts
 import { existsSync } from "node:fs";
@@ -9360,7 +9526,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     }
     const pathToSubIndex = {};
     const fullGlob = slash(join2(specifier.directory, specifier.files));
-    const { globby } = await import("../_node-chunks/globby-CVPDLQ5Z.js");
+    const { globby } = await import("../_node-chunks/globby-JOCJRFYY.js");
     const files = await globby(fullGlob, {
       absolute: true,
       cwd: workingDir,
@@ -9616,7 +9782,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
       const content = await readFile(absolutePath, { encoding: "utf8" });
-      const { analyze } = await import("../_node-chunks/dist-SQENNWFY.js");
+      const { analyze } = await import("../_node-chunks/dist-5OMEVXWG.js");
       const result = await analyze(content);
       if (result.isTemplate) {
         return false;
@@ -9959,7 +10125,7 @@ __name(print, "print");
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-GBWCUYRR.js");
+  return await import("../_node-chunks/builder-manager-HXWPSC26.js");
 }
 __name(getManagerBuilder, "getManagerBuilder");
 async function getPreviewBuilder(resolvedPreviewBuilder) {
@@ -10198,7 +10364,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
             // because the directory could already be within the files part (e.g. './x/foo/bar')
             basename2(specifier.files)
           );
-          const { globby } = await import("../_node-chunks/globby-CVPDLQ5Z.js");
+          const { globby } = await import("../_node-chunks/globby-JOCJRFYY.js");
           const addedFiles = await globby(slash(dirGlob), commonGlobOptions2(dirGlob));
           addedFiles.forEach((filePath) => {
             const fileImportPath = toImportPath(filePath);
@@ -10262,9 +10428,9 @@ function useStoriesJson({
   const maybeInvalidate = debounce(() => serverChannel.emit(STORY_INDEX_INVALIDATED), DEBOUNCE, {
     edges: ["leading", "trailing"]
   });
-  watchStorySpecifiers(normalizedStories, { workingDir }, async (specifier, path2, removed) => {
+  watchStorySpecifiers(normalizedStories, { workingDir }, async (specifier, path3, removed) => {
     const generator = await initializedStoryIndexGenerator;
-    generator.invalidate(specifier, path2, removed);
+    generator.invalidate(specifier, path3, removed);
     maybeInvalidate();
   });
   if (configDir) {
@@ -10887,14 +11053,14 @@ var Polka = class _Polka extends Trouter {
     return this;
   }
   handler(req, res, next) {
-    let info = this.parse(req), path2 = info.pathname;
-    let obj = this.find(req.method, req.path = path2);
-    req.url = path2 + info.search;
+    let info = this.parse(req), path3 = info.pathname;
+    let obj = this.find(req.method, req.path = path3);
+    req.url = path3 + info.search;
     req.originalUrl = req.originalUrl || req.url;
     req.query = info.query || {};
     req.search = info.search;
     req.params = obj.params;
-    if (path2.length > 1 && path2.indexOf("%", 1) !== -1) {
+    if (path3.length > 1 && path3.indexOf("%", 1) !== -1) {
       for (let k in req.params) {
         try {
           req.params[k] = decodeURIComponent(req.params[k]);
@@ -11598,7 +11764,7 @@ import { logger as logger5 } from "storybook/internal/node-logger";
 // ../node_modules/open/index.js
 import process7 from "node:process";
 import { Buffer as Buffer2 } from "node:buffer";
-import path from "node:path";
+import path2 from "node:path";
 import { fileURLToPath } from "node:url";
 import { promisify as promisify5 } from "node:util";
 import childProcess from "node:child_process";
@@ -11851,8 +12017,8 @@ __name(defaultBrowser2, "defaultBrowser");
 
 // ../node_modules/open/index.js
 var execFile5 = promisify5(childProcess.execFile);
-var __dirname2 = path.dirname(fileURLToPath(import.meta.url));
-var localXdgOpenPath = path.join(__dirname2, "xdg-open");
+var __dirname2 = path2.dirname(fileURLToPath(import.meta.url));
+var localXdgOpenPath = path2.join(__dirname2, "xdg-open");
 var { platform, arch } = process7;
 async function getWindowsDefaultBrowserFromWsl() {
   const powershellPath = await powerShellPath();
@@ -12444,7 +12610,8 @@ async function storybookDevServer(options) {
       } catch (e) {
         res.statusCode = 500;
         res.setHeader("Content-Type", "text/html; charset=utf-8");
-        res.end(`<pre>${e instanceof Error ? e.toString() : String(e)}</pre>`);
+        invariant(e instanceof Error);
+        res.end(`<pre>${e.stack}</pre>`);
       }
     });
   }
@@ -12773,14 +12940,14 @@ async function warnWhenUsingArgTypesRegex(previewConfigPath, config) {
       { code: previewContent, ast: babelParse(previewContent) }
     );
     file.path.traverse({
-      Identifier: /* @__PURE__ */ __name((path2) => {
-        if (path2.node.name === "argTypesRegex") {
+      Identifier: /* @__PURE__ */ __name((path3) => {
+        if (path3.node.name === "argTypesRegex") {
           const message = import_ts_dedent7.dedent`
             ${import_picocolors9.default.bold("Attention")}: We've detected that you're using ${import_picocolors9.default.cyan(
             "actions.argTypesRegex"
           )} together with the visual test addon:
             
-            ${path2.buildCodeFrameError(previewConfigPath).message}
+            ${path3.buildCodeFrameError(previewConfigPath).message}
             
             We recommend removing the ${import_picocolors9.default.cyan(
             "argTypesRegex"