@storybook/react 10.4.0-alpha.8 → 10.4.0-alpha.9

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_d6ann4ydc7 from 'node:url';
-import CJS_COMPAT_NODE_PATH_d6ann4ydc7 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_d6ann4ydc7 from "node:module";
+import CJS_COMPAT_NODE_URL_t8s0z5e0wsd from 'node:url';
+import CJS_COMPAT_NODE_PATH_t8s0z5e0wsd from 'node:path';
+import CJS_COMPAT_NODE_MODULE_t8s0z5e0wsd from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_d6ann4ydc7.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_d6ann4ydc7.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_d6ann4ydc7.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_t8s0z5e0wsd.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_t8s0z5e0wsd.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_t8s0z5e0wsd.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -6213,12 +6213,12 @@ var require_dist2 = __commonJS({
   "../../../node_modules/@base2/pretty-print-object/dist/index.js"(exports) {
     "use strict";
     var __assign = exports && exports.__assign || function() {
-      return __assign = Object.assign || function(t5) {
+      return __assign = Object.assign || function(t6) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
           s = arguments[i];
-          for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t5[p] = s[p]);
+          for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t6[p] = s[p]);
         }
-        return t5;
+        return t6;
       }, __assign.apply(this, arguments);
     }, __spreadArrays = exports && exports.__spreadArrays || function() {
       for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
@@ -6309,7 +6309,7 @@ var require_dist2 = __commonJS({
 var require_react_is_production_min = __commonJS({
   "../../../node_modules/react-element-to-jsx-string/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
-    var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t5 = Symbol.for("react.offscreen"), u;
+    var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t6 = Symbol.for("react.offscreen"), u;
     u = Symbol.for("react.module.reference");
     function v(a) {
       if (typeof a == "object" && a !== null) {
@@ -6396,7 +6396,7 @@ var require_react_is_production_min = __commonJS({
       return v(a) === n;
     };
     exports.isValidElementType = function(a) {
-      return typeof a == "string" || typeof a == "function" || a === d || a === f || a === e || a === m || a === n || a === t5 || typeof a == "object" && a !== null && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || a.getModuleId !== void 0);
+      return typeof a == "string" || typeof a == "function" || a === d || a === f || a === e || a === m || a === n || a === t6 || typeof a == "object" && a !== null && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || a.getModuleId !== void 0);
     };
     exports.typeOf = v;
   }
@@ -7633,12 +7633,12 @@ var require_tsconfig_loader = __commonJS({
   "../../../node_modules/tsconfig-paths/lib/tsconfig-loader.js"(exports) {
     "use strict";
     var __assign = exports && exports.__assign || function() {
-      return __assign = Object.assign || function(t5) {
+      return __assign = Object.assign || function(t6) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
           s = arguments[i];
-          for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t5[p] = s[p]);
+          for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t6[p] = s[p]);
         }
-        return t5;
+        return t6;
       }, __assign.apply(this, arguments);
     };
     Object.defineProperty(exports, "__esModule", { value: !0 });
@@ -11149,22 +11149,22 @@ var require_createProject = __commonJS({
 // ../../../node_modules/vscode-uri/lib/umd/index.js
 var require_umd = __commonJS({
   "../../../node_modules/vscode-uri/lib/umd/index.js"(exports, module) {
-    (function(t5, e) {
+    (function(t6, e) {
       if (typeof exports == "object" && typeof module == "object") module.exports = e();
       else if (typeof define == "function" && define.amd) define([], e);
       else {
         var r = e();
-        for (var n in r) (typeof exports == "object" ? exports : t5)[n] = r[n];
+        for (var n in r) (typeof exports == "object" ? exports : t6)[n] = r[n];
       }
     })(exports, (() => (() => {
       "use strict";
-      var t5 = { 975: (t6) => {
-        function e2(t7) {
-          if (typeof t7 != "string") throw new TypeError("Path must be a string. Received " + JSON.stringify(t7));
+      var t6 = { 975: (t7) => {
+        function e2(t8) {
+          if (typeof t8 != "string") throw new TypeError("Path must be a string. Received " + JSON.stringify(t8));
         }
-        function r2(t7, e3) {
-          for (var r3, n3 = "", i = 0, o = -1, s = 0, a = 0; a <= t7.length; ++a) {
-            if (a < t7.length) r3 = t7.charCodeAt(a);
+        function r2(t8, e3) {
+          for (var r3, n3 = "", i = 0, o = -1, s = 0, a = 0; a <= t8.length; ++a) {
+            if (a < t8.length) r3 = t8.charCodeAt(a);
             else {
               if (r3 === 47) break;
               r3 = 47;
@@ -11184,70 +11184,70 @@ var require_umd = __commonJS({
                   }
                 }
                 e3 && (n3.length > 0 ? n3 += "/.." : n3 = "..", i = 2);
-              } else n3.length > 0 ? n3 += "/" + t7.slice(o + 1, a) : n3 = t7.slice(o + 1, a), i = a - o - 1;
+              } else n3.length > 0 ? n3 += "/" + t8.slice(o + 1, a) : n3 = t8.slice(o + 1, a), i = a - o - 1;
               o = a, s = 0;
             } else r3 === 46 && s !== -1 ? ++s : s = -1;
           }
           return n3;
         }
         var n2 = { resolve: function() {
-          for (var t7, n3 = "", i = !1, o = arguments.length - 1; o >= -1 && !i; o--) {
+          for (var t8, n3 = "", i = !1, o = arguments.length - 1; o >= -1 && !i; o--) {
             var s;
-            o >= 0 ? s = arguments[o] : (t7 === void 0 && (t7 = process.cwd()), s = t7), e2(s), s.length !== 0 && (n3 = s + "/" + n3, i = s.charCodeAt(0) === 47);
+            o >= 0 ? s = arguments[o] : (t8 === void 0 && (t8 = process.cwd()), s = t8), e2(s), s.length !== 0 && (n3 = s + "/" + n3, i = s.charCodeAt(0) === 47);
           }
           return n3 = r2(n3, !i), i ? n3.length > 0 ? "/" + n3 : "/" : n3.length > 0 ? n3 : ".";
-        }, normalize: function(t7) {
-          if (e2(t7), t7.length === 0) return ".";
-          var n3 = t7.charCodeAt(0) === 47, i = t7.charCodeAt(t7.length - 1) === 47;
-          return (t7 = r2(t7, !n3)).length !== 0 || n3 || (t7 = "."), t7.length > 0 && i && (t7 += "/"), n3 ? "/" + t7 : t7;
-        }, isAbsolute: function(t7) {
-          return e2(t7), t7.length > 0 && t7.charCodeAt(0) === 47;
+        }, normalize: function(t8) {
+          if (e2(t8), t8.length === 0) return ".";
+          var n3 = t8.charCodeAt(0) === 47, i = t8.charCodeAt(t8.length - 1) === 47;
+          return (t8 = r2(t8, !n3)).length !== 0 || n3 || (t8 = "."), t8.length > 0 && i && (t8 += "/"), n3 ? "/" + t8 : t8;
+        }, isAbsolute: function(t8) {
+          return e2(t8), t8.length > 0 && t8.charCodeAt(0) === 47;
         }, join: function() {
           if (arguments.length === 0) return ".";
-          for (var t7, r3 = 0; r3 < arguments.length; ++r3) {
+          for (var t8, r3 = 0; r3 < arguments.length; ++r3) {
             var i = arguments[r3];
-            e2(i), i.length > 0 && (t7 === void 0 ? t7 = i : t7 += "/" + i);
+            e2(i), i.length > 0 && (t8 === void 0 ? t8 = i : t8 += "/" + i);
           }
-          return t7 === void 0 ? "." : n2.normalize(t7);
-        }, relative: function(t7, r3) {
-          if (e2(t7), e2(r3), t7 === r3 || (t7 = n2.resolve(t7)) === (r3 = n2.resolve(r3))) return "";
-          for (var i = 1; i < t7.length && t7.charCodeAt(i) === 47; ++i) ;
-          for (var o = t7.length, s = o - i, a = 1; a < r3.length && r3.charCodeAt(a) === 47; ++a) ;
+          return t8 === void 0 ? "." : n2.normalize(t8);
+        }, relative: function(t8, r3) {
+          if (e2(t8), e2(r3), t8 === r3 || (t8 = n2.resolve(t8)) === (r3 = n2.resolve(r3))) return "";
+          for (var i = 1; i < t8.length && t8.charCodeAt(i) === 47; ++i) ;
+          for (var o = t8.length, s = o - i, a = 1; a < r3.length && r3.charCodeAt(a) === 47; ++a) ;
           for (var h = r3.length - a, c = s < h ? s : h, f = -1, u = 0; u <= c; ++u) {
             if (u === c) {
               if (h > c) {
                 if (r3.charCodeAt(a + u) === 47) return r3.slice(a + u + 1);
                 if (u === 0) return r3.slice(a + u);
-              } else s > c && (t7.charCodeAt(i + u) === 47 ? f = u : u === 0 && (f = 0));
+              } else s > c && (t8.charCodeAt(i + u) === 47 ? f = u : u === 0 && (f = 0));
               break;
             }
-            var l = t7.charCodeAt(i + u);
+            var l = t8.charCodeAt(i + u);
             if (l !== r3.charCodeAt(a + u)) break;
             l === 47 && (f = u);
           }
           var d = "";
-          for (u = i + f + 1; u <= o; ++u) u !== o && t7.charCodeAt(u) !== 47 || (d.length === 0 ? d += ".." : d += "/..");
+          for (u = i + f + 1; u <= o; ++u) u !== o && t8.charCodeAt(u) !== 47 || (d.length === 0 ? d += ".." : d += "/..");
           return d.length > 0 ? d + r3.slice(a + f) : (a += f, r3.charCodeAt(a) === 47 && ++a, r3.slice(a));
-        }, _makeLong: function(t7) {
-          return t7;
-        }, dirname: function(t7) {
-          if (e2(t7), t7.length === 0) return ".";
-          for (var r3 = t7.charCodeAt(0), n3 = r3 === 47, i = -1, o = !0, s = t7.length - 1; s >= 1; --s) if ((r3 = t7.charCodeAt(s)) === 47) {
+        }, _makeLong: function(t8) {
+          return t8;
+        }, dirname: function(t8) {
+          if (e2(t8), t8.length === 0) return ".";
+          for (var r3 = t8.charCodeAt(0), n3 = r3 === 47, i = -1, o = !0, s = t8.length - 1; s >= 1; --s) if ((r3 = t8.charCodeAt(s)) === 47) {
             if (!o) {
               i = s;
               break;
             }
           } else o = !1;
-          return i === -1 ? n3 ? "/" : "." : n3 && i === 1 ? "//" : t7.slice(0, i);
-        }, basename: function(t7, r3) {
+          return i === -1 ? n3 ? "/" : "." : n3 && i === 1 ? "//" : t8.slice(0, i);
+        }, basename: function(t8, r3) {
           if (r3 !== void 0 && typeof r3 != "string") throw new TypeError('"ext" argument must be a string');
-          e2(t7);
+          e2(t8);
           var n3, i = 0, o = -1, s = !0;
-          if (r3 !== void 0 && r3.length > 0 && r3.length <= t7.length) {
-            if (r3.length === t7.length && r3 === t7) return "";
+          if (r3 !== void 0 && r3.length > 0 && r3.length <= t8.length) {
+            if (r3.length === t8.length && r3 === t8) return "";
             var a = r3.length - 1, h = -1;
-            for (n3 = t7.length - 1; n3 >= 0; --n3) {
-              var c = t7.charCodeAt(n3);
+            for (n3 = t8.length - 1; n3 >= 0; --n3) {
+              var c = t8.charCodeAt(n3);
               if (c === 47) {
                 if (!s) {
                   i = n3 + 1;
@@ -11255,79 +11255,79 @@ var require_umd = __commonJS({
                 }
               } else h === -1 && (s = !1, h = n3 + 1), a >= 0 && (c === r3.charCodeAt(a) ? --a == -1 && (o = n3) : (a = -1, o = h));
             }
-            return i === o ? o = h : o === -1 && (o = t7.length), t7.slice(i, o);
+            return i === o ? o = h : o === -1 && (o = t8.length), t8.slice(i, o);
           }
-          for (n3 = t7.length - 1; n3 >= 0; --n3) if (t7.charCodeAt(n3) === 47) {
+          for (n3 = t8.length - 1; n3 >= 0; --n3) if (t8.charCodeAt(n3) === 47) {
             if (!s) {
               i = n3 + 1;
               break;
             }
           } else o === -1 && (s = !1, o = n3 + 1);
-          return o === -1 ? "" : t7.slice(i, o);
-        }, extname: function(t7) {
-          e2(t7);
-          for (var r3 = -1, n3 = 0, i = -1, o = !0, s = 0, a = t7.length - 1; a >= 0; --a) {
-            var h = t7.charCodeAt(a);
+          return o === -1 ? "" : t8.slice(i, o);
+        }, extname: function(t8) {
+          e2(t8);
+          for (var r3 = -1, n3 = 0, i = -1, o = !0, s = 0, a = t8.length - 1; a >= 0; --a) {
+            var h = t8.charCodeAt(a);
             if (h !== 47) i === -1 && (o = !1, i = a + 1), h === 46 ? r3 === -1 ? r3 = a : s !== 1 && (s = 1) : r3 !== -1 && (s = -1);
             else if (!o) {
               n3 = a + 1;
               break;
             }
           }
-          return r3 === -1 || i === -1 || s === 0 || s === 1 && r3 === i - 1 && r3 === n3 + 1 ? "" : t7.slice(r3, i);
-        }, format: function(t7) {
-          if (t7 === null || typeof t7 != "object") throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof t7);
-          return (function(t8, e3) {
+          return r3 === -1 || i === -1 || s === 0 || s === 1 && r3 === i - 1 && r3 === n3 + 1 ? "" : t8.slice(r3, i);
+        }, format: function(t8) {
+          if (t8 === null || typeof t8 != "object") throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof t8);
+          return (function(t9, e3) {
             var r3 = e3.dir || e3.root, n3 = e3.base || (e3.name || "") + (e3.ext || "");
             return r3 ? r3 === e3.root ? r3 + n3 : r3 + "/" + n3 : n3;
-          })(0, t7);
-        }, parse: function(t7) {
-          e2(t7);
+          })(0, t8);
+        }, parse: function(t8) {
+          e2(t8);
           var r3 = { root: "", dir: "", base: "", ext: "", name: "" };
-          if (t7.length === 0) return r3;
-          var n3, i = t7.charCodeAt(0), o = i === 47;
+          if (t8.length === 0) return r3;
+          var n3, i = t8.charCodeAt(0), o = i === 47;
           o ? (r3.root = "/", n3 = 1) : n3 = 0;
-          for (var s = -1, a = 0, h = -1, c = !0, f = t7.length - 1, u = 0; f >= n3; --f) if ((i = t7.charCodeAt(f)) !== 47) h === -1 && (c = !1, h = f + 1), i === 46 ? s === -1 ? s = f : u !== 1 && (u = 1) : s !== -1 && (u = -1);
+          for (var s = -1, a = 0, h = -1, c = !0, f = t8.length - 1, u = 0; f >= n3; --f) if ((i = t8.charCodeAt(f)) !== 47) h === -1 && (c = !1, h = f + 1), i === 46 ? s === -1 ? s = f : u !== 1 && (u = 1) : s !== -1 && (u = -1);
           else if (!c) {
             a = f + 1;
             break;
           }
-          return s === -1 || h === -1 || u === 0 || u === 1 && s === h - 1 && s === a + 1 ? h !== -1 && (r3.base = r3.name = a === 0 && o ? t7.slice(1, h) : t7.slice(a, h)) : (a === 0 && o ? (r3.name = t7.slice(1, s), r3.base = t7.slice(1, h)) : (r3.name = t7.slice(a, s), r3.base = t7.slice(a, h)), r3.ext = t7.slice(s, h)), a > 0 ? r3.dir = t7.slice(0, a - 1) : o && (r3.dir = "/"), r3;
+          return s === -1 || h === -1 || u === 0 || u === 1 && s === h - 1 && s === a + 1 ? h !== -1 && (r3.base = r3.name = a === 0 && o ? t8.slice(1, h) : t8.slice(a, h)) : (a === 0 && o ? (r3.name = t8.slice(1, s), r3.base = t8.slice(1, h)) : (r3.name = t8.slice(a, s), r3.base = t8.slice(a, h)), r3.ext = t8.slice(s, h)), a > 0 ? r3.dir = t8.slice(0, a - 1) : o && (r3.dir = "/"), r3;
         }, sep: "/", delimiter: ":", win32: null, posix: null };
-        n2.posix = n2, t6.exports = n2;
-      }, 70: (t6, e2) => {
+        n2.posix = n2, t7.exports = n2;
+      }, 70: (t7, e2) => {
         if (Object.defineProperty(e2, "__esModule", { value: !0 }), e2.isWindows = void 0, typeof process == "object") e2.isWindows = process.platform === "win32";
         else if (typeof navigator == "object") {
-          let t7 = navigator.userAgent;
-          e2.isWindows = t7.indexOf("Windows") >= 0;
+          let t8 = navigator.userAgent;
+          e2.isWindows = t8.indexOf("Windows") >= 0;
         }
-      }, 231: (t6, e2, r2) => {
+      }, 231: (t7, e2, r2) => {
         Object.defineProperty(e2, "__esModule", { value: !0 }), e2.uriToFsPath = e2.URI = void 0;
         let n2 = r2(70), i = /^\w[\w\d+.-]*$/, o = /^\//, s = /^\/\//;
-        function a(t7, e3) {
-          if (!t7.scheme && e3) throw new Error(`[UriError]: Scheme is missing: {scheme: "", authority: "${t7.authority}", path: "${t7.path}", query: "${t7.query}", fragment: "${t7.fragment}"}`);
-          if (t7.scheme && !i.test(t7.scheme)) throw new Error("[UriError]: Scheme contains illegal characters.");
-          if (t7.path) {
-            if (t7.authority) {
-              if (!o.test(t7.path)) throw new Error('[UriError]: If a URI contains an authority component, then the path component must either be empty or begin with a slash ("/") character');
-            } else if (s.test(t7.path)) throw new Error('[UriError]: If a URI does not contain an authority component, then the path cannot begin with two slash characters ("//")');
+        function a(t8, e3) {
+          if (!t8.scheme && e3) throw new Error(`[UriError]: Scheme is missing: {scheme: "", authority: "${t8.authority}", path: "${t8.path}", query: "${t8.query}", fragment: "${t8.fragment}"}`);
+          if (t8.scheme && !i.test(t8.scheme)) throw new Error("[UriError]: Scheme contains illegal characters.");
+          if (t8.path) {
+            if (t8.authority) {
+              if (!o.test(t8.path)) throw new Error('[UriError]: If a URI contains an authority component, then the path component must either be empty or begin with a slash ("/") character');
+            } else if (s.test(t8.path)) throw new Error('[UriError]: If a URI does not contain an authority component, then the path cannot begin with two slash characters ("//")');
           }
         }
         let h = "", c = "/", f = /^(([^:/?#]+?):)?(\/\/([^/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;
         class u {
-          static isUri(t7) {
-            return t7 instanceof u || !!t7 && typeof t7.authority == "string" && typeof t7.fragment == "string" && typeof t7.path == "string" && typeof t7.query == "string" && typeof t7.scheme == "string" && typeof t7.fsPath == "string" && typeof t7.with == "function" && typeof t7.toString == "function";
+          static isUri(t8) {
+            return t8 instanceof u || !!t8 && typeof t8.authority == "string" && typeof t8.fragment == "string" && typeof t8.path == "string" && typeof t8.query == "string" && typeof t8.scheme == "string" && typeof t8.fsPath == "string" && typeof t8.with == "function" && typeof t8.toString == "function";
           }
           scheme;
           authority;
           path;
           query;
           fragment;
-          constructor(t7, e3, r3, n3, i2, o2 = !1) {
-            typeof t7 == "object" ? (this.scheme = t7.scheme || h, this.authority = t7.authority || h, this.path = t7.path || h, this.query = t7.query || h, this.fragment = t7.fragment || h) : (this.scheme = /* @__PURE__ */ (function(t8, e4) {
-              return t8 || e4 ? t8 : "file";
-            })(t7, o2), this.authority = e3 || h, this.path = (function(t8, e4) {
-              switch (t8) {
+          constructor(t8, e3, r3, n3, i2, o2 = !1) {
+            typeof t8 == "object" ? (this.scheme = t8.scheme || h, this.authority = t8.authority || h, this.path = t8.path || h, this.query = t8.query || h, this.fragment = t8.fragment || h) : (this.scheme = /* @__PURE__ */ (function(t9, e4) {
+              return t9 || e4 ? t9 : "file";
+            })(t8, o2), this.authority = e3 || h, this.path = (function(t9, e4) {
+              switch (t9) {
                 case "https":
                 case "http":
                 case "file":
@@ -11339,42 +11339,42 @@ var require_umd = __commonJS({
           get fsPath() {
             return v(this, !1);
           }
-          with(t7) {
-            if (!t7) return this;
-            let { scheme: e3, authority: r3, path: n3, query: i2, fragment: o2 } = t7;
+          with(t8) {
+            if (!t8) return this;
+            let { scheme: e3, authority: r3, path: n3, query: i2, fragment: o2 } = t8;
             return e3 === void 0 ? e3 = this.scheme : e3 === null && (e3 = h), r3 === void 0 ? r3 = this.authority : r3 === null && (r3 = h), n3 === void 0 ? n3 = this.path : n3 === null && (n3 = h), i2 === void 0 ? i2 = this.query : i2 === null && (i2 = h), o2 === void 0 ? o2 = this.fragment : o2 === null && (o2 = h), e3 === this.scheme && r3 === this.authority && n3 === this.path && i2 === this.query && o2 === this.fragment ? this : new d(e3, r3, n3, i2, o2);
           }
-          static parse(t7, e3 = !1) {
-            let r3 = f.exec(t7);
+          static parse(t8, e3 = !1) {
+            let r3 = f.exec(t8);
             return r3 ? new d(r3[2] || h, w(r3[4] || h), w(r3[5] || h), w(r3[7] || h), w(r3[9] || h), e3) : new d(h, h, h, h, h);
           }
-          static file(t7) {
+          static file(t8) {
             let e3 = h;
-            if (n2.isWindows && (t7 = t7.replace(/\\/g, c)), t7[0] === c && t7[1] === c) {
-              let r3 = t7.indexOf(c, 2);
-              r3 === -1 ? (e3 = t7.substring(2), t7 = c) : (e3 = t7.substring(2, r3), t7 = t7.substring(r3) || c);
+            if (n2.isWindows && (t8 = t8.replace(/\\/g, c)), t8[0] === c && t8[1] === c) {
+              let r3 = t8.indexOf(c, 2);
+              r3 === -1 ? (e3 = t8.substring(2), t8 = c) : (e3 = t8.substring(2, r3), t8 = t8.substring(r3) || c);
             }
-            return new d("file", e3, t7, h, h);
+            return new d("file", e3, t8, h, h);
           }
-          static from(t7) {
-            let e3 = new d(t7.scheme, t7.authority, t7.path, t7.query, t7.fragment);
+          static from(t8) {
+            let e3 = new d(t8.scheme, t8.authority, t8.path, t8.query, t8.fragment);
             return a(e3, !0), e3;
           }
-          toString(t7 = !1) {
-            return y(this, t7);
+          toString(t8 = !1) {
+            return y(this, t8);
           }
           toJSON() {
             return this;
           }
-          static revive(t7) {
-            if (t7) {
-              if (t7 instanceof u) return t7;
+          static revive(t8) {
+            if (t8) {
+              if (t8 instanceof u) return t8;
               {
-                let e3 = new d(t7);
-                return e3._formatted = t7.external, e3._fsPath = t7._sep === l ? t7.fsPath : null, e3;
+                let e3 = new d(t8);
+                return e3._formatted = t8.external, e3._fsPath = t8._sep === l ? t8.fsPath : null, e3;
               }
             }
-            return t7;
+            return t8;
           }
         }
         e2.URI = u;
@@ -11385,112 +11385,112 @@ var require_umd = __commonJS({
           get fsPath() {
             return this._fsPath || (this._fsPath = v(this, !1)), this._fsPath;
           }
-          toString(t7 = !1) {
-            return t7 ? y(this, !0) : (this._formatted || (this._formatted = y(this, !1)), this._formatted);
+          toString(t8 = !1) {
+            return t8 ? y(this, !0) : (this._formatted || (this._formatted = y(this, !1)), this._formatted);
           }
           toJSON() {
-            let t7 = { $mid: 1 };
-            return this._fsPath && (t7.fsPath = this._fsPath, t7._sep = l), this._formatted && (t7.external = this._formatted), this.path && (t7.path = this.path), this.scheme && (t7.scheme = this.scheme), this.authority && (t7.authority = this.authority), this.query && (t7.query = this.query), this.fragment && (t7.fragment = this.fragment), t7;
+            let t8 = { $mid: 1 };
+            return this._fsPath && (t8.fsPath = this._fsPath, t8._sep = l), this._formatted && (t8.external = this._formatted), this.path && (t8.path = this.path), this.scheme && (t8.scheme = this.scheme), this.authority && (t8.authority = this.authority), this.query && (t8.query = this.query), this.fragment && (t8.fragment = this.fragment), t8;
           }
         }
         let p = { 58: "%3A", 47: "%2F", 63: "%3F", 35: "%23", 91: "%5B", 93: "%5D", 64: "%40", 33: "%21", 36: "%24", 38: "%26", 39: "%27", 40: "%28", 41: "%29", 42: "%2A", 43: "%2B", 44: "%2C", 59: "%3B", 61: "%3D", 32: "%20" };
-        function g(t7, e3, r3) {
+        function g(t8, e3, r3) {
           let n3, i2 = -1;
-          for (let o2 = 0; o2 < t7.length; o2++) {
-            let s2 = t7.charCodeAt(o2);
-            if (s2 >= 97 && s2 <= 122 || s2 >= 65 && s2 <= 90 || s2 >= 48 && s2 <= 57 || s2 === 45 || s2 === 46 || s2 === 95 || s2 === 126 || e3 && s2 === 47 || r3 && s2 === 91 || r3 && s2 === 93 || r3 && s2 === 58) i2 !== -1 && (n3 += encodeURIComponent(t7.substring(i2, o2)), i2 = -1), n3 !== void 0 && (n3 += t7.charAt(o2));
+          for (let o2 = 0; o2 < t8.length; o2++) {
+            let s2 = t8.charCodeAt(o2);
+            if (s2 >= 97 && s2 <= 122 || s2 >= 65 && s2 <= 90 || s2 >= 48 && s2 <= 57 || s2 === 45 || s2 === 46 || s2 === 95 || s2 === 126 || e3 && s2 === 47 || r3 && s2 === 91 || r3 && s2 === 93 || r3 && s2 === 58) i2 !== -1 && (n3 += encodeURIComponent(t8.substring(i2, o2)), i2 = -1), n3 !== void 0 && (n3 += t8.charAt(o2));
             else {
-              n3 === void 0 && (n3 = t7.substr(0, o2));
+              n3 === void 0 && (n3 = t8.substr(0, o2));
               let e4 = p[s2];
-              e4 !== void 0 ? (i2 !== -1 && (n3 += encodeURIComponent(t7.substring(i2, o2)), i2 = -1), n3 += e4) : i2 === -1 && (i2 = o2);
+              e4 !== void 0 ? (i2 !== -1 && (n3 += encodeURIComponent(t8.substring(i2, o2)), i2 = -1), n3 += e4) : i2 === -1 && (i2 = o2);
             }
           }
-          return i2 !== -1 && (n3 += encodeURIComponent(t7.substring(i2))), n3 !== void 0 ? n3 : t7;
+          return i2 !== -1 && (n3 += encodeURIComponent(t8.substring(i2))), n3 !== void 0 ? n3 : t8;
         }
-        function m(t7) {
+        function m(t8) {
           let e3;
-          for (let r3 = 0; r3 < t7.length; r3++) {
-            let n3 = t7.charCodeAt(r3);
-            n3 === 35 || n3 === 63 ? (e3 === void 0 && (e3 = t7.substr(0, r3)), e3 += p[n3]) : e3 !== void 0 && (e3 += t7[r3]);
+          for (let r3 = 0; r3 < t8.length; r3++) {
+            let n3 = t8.charCodeAt(r3);
+            n3 === 35 || n3 === 63 ? (e3 === void 0 && (e3 = t8.substr(0, r3)), e3 += p[n3]) : e3 !== void 0 && (e3 += t8[r3]);
           }
-          return e3 !== void 0 ? e3 : t7;
+          return e3 !== void 0 ? e3 : t8;
         }
-        function v(t7, e3) {
+        function v(t8, e3) {
           let r3;
-          return r3 = t7.authority && t7.path.length > 1 && t7.scheme === "file" ? `//${t7.authority}${t7.path}` : t7.path.charCodeAt(0) === 47 && (t7.path.charCodeAt(1) >= 65 && t7.path.charCodeAt(1) <= 90 || t7.path.charCodeAt(1) >= 97 && t7.path.charCodeAt(1) <= 122) && t7.path.charCodeAt(2) === 58 ? e3 ? t7.path.substr(1) : t7.path[1].toLowerCase() + t7.path.substr(2) : t7.path, n2.isWindows && (r3 = r3.replace(/\//g, "\\")), r3;
+          return r3 = t8.authority && t8.path.length > 1 && t8.scheme === "file" ? `//${t8.authority}${t8.path}` : t8.path.charCodeAt(0) === 47 && (t8.path.charCodeAt(1) >= 65 && t8.path.charCodeAt(1) <= 90 || t8.path.charCodeAt(1) >= 97 && t8.path.charCodeAt(1) <= 122) && t8.path.charCodeAt(2) === 58 ? e3 ? t8.path.substr(1) : t8.path[1].toLowerCase() + t8.path.substr(2) : t8.path, n2.isWindows && (r3 = r3.replace(/\//g, "\\")), r3;
         }
-        function y(t7, e3) {
-          let r3 = e3 ? m : g, n3 = "", { scheme: i2, authority: o2, path: s2, query: a2, fragment: h2 } = t7;
+        function y(t8, e3) {
+          let r3 = e3 ? m : g, n3 = "", { scheme: i2, authority: o2, path: s2, query: a2, fragment: h2 } = t8;
           if (i2 && (n3 += i2, n3 += ":"), (o2 || i2 === "file") && (n3 += c, n3 += c), o2) {
-            let t8 = o2.indexOf("@");
-            if (t8 !== -1) {
-              let e4 = o2.substr(0, t8);
-              o2 = o2.substr(t8 + 1), t8 = e4.lastIndexOf(":"), t8 === -1 ? n3 += r3(e4, !1, !1) : (n3 += r3(e4.substr(0, t8), !1, !1), n3 += ":", n3 += r3(e4.substr(t8 + 1), !1, !0)), n3 += "@";
+            let t9 = o2.indexOf("@");
+            if (t9 !== -1) {
+              let e4 = o2.substr(0, t9);
+              o2 = o2.substr(t9 + 1), t9 = e4.lastIndexOf(":"), t9 === -1 ? n3 += r3(e4, !1, !1) : (n3 += r3(e4.substr(0, t9), !1, !1), n3 += ":", n3 += r3(e4.substr(t9 + 1), !1, !0)), n3 += "@";
             }
-            o2 = o2.toLowerCase(), t8 = o2.lastIndexOf(":"), t8 === -1 ? n3 += r3(o2, !1, !0) : (n3 += r3(o2.substr(0, t8), !1, !0), n3 += o2.substr(t8));
+            o2 = o2.toLowerCase(), t9 = o2.lastIndexOf(":"), t9 === -1 ? n3 += r3(o2, !1, !0) : (n3 += r3(o2.substr(0, t9), !1, !0), n3 += o2.substr(t9));
           }
           if (s2) {
             if (s2.length >= 3 && s2.charCodeAt(0) === 47 && s2.charCodeAt(2) === 58) {
-              let t8 = s2.charCodeAt(1);
-              t8 >= 65 && t8 <= 90 && (s2 = `/${String.fromCharCode(t8 + 32)}:${s2.substr(3)}`);
+              let t9 = s2.charCodeAt(1);
+              t9 >= 65 && t9 <= 90 && (s2 = `/${String.fromCharCode(t9 + 32)}:${s2.substr(3)}`);
             } else if (s2.length >= 2 && s2.charCodeAt(1) === 58) {
-              let t8 = s2.charCodeAt(0);
-              t8 >= 65 && t8 <= 90 && (s2 = `${String.fromCharCode(t8 + 32)}:${s2.substr(2)}`);
+              let t9 = s2.charCodeAt(0);
+              t9 >= 65 && t9 <= 90 && (s2 = `${String.fromCharCode(t9 + 32)}:${s2.substr(2)}`);
             }
             n3 += r3(s2, !0, !1);
           }
           return a2 && (n3 += "?", n3 += r3(a2, !1, !1)), h2 && (n3 += "#", n3 += e3 ? h2 : g(h2, !1, !1)), n3;
         }
-        function b(t7) {
+        function b(t8) {
           try {
-            return decodeURIComponent(t7);
+            return decodeURIComponent(t8);
           } catch {
-            return t7.length > 3 ? t7.substr(0, 3) + b(t7.substr(3)) : t7;
+            return t8.length > 3 ? t8.substr(0, 3) + b(t8.substr(3)) : t8;
           }
         }
         e2.uriToFsPath = v;
         let C = /(%[0-9A-Za-z][0-9A-Za-z])+/g;
-        function w(t7) {
-          return t7.match(C) ? t7.replace(C, ((t8) => b(t8))) : t7;
+        function w(t8) {
+          return t8.match(C) ? t8.replace(C, ((t9) => b(t9))) : t8;
         }
-      }, 552: function(t6, e2, r2) {
-        var n2 = this && this.__createBinding || (Object.create ? function(t7, e3, r3, n3) {
+      }, 552: function(t7, e2, r2) {
+        var n2 = this && this.__createBinding || (Object.create ? function(t8, e3, r3, n3) {
           n3 === void 0 && (n3 = r3);
           var i2 = Object.getOwnPropertyDescriptor(e3, r3);
           i2 && !("get" in i2 ? !e3.__esModule : i2.writable || i2.configurable) || (i2 = { enumerable: !0, get: function() {
             return e3[r3];
-          } }), Object.defineProperty(t7, n3, i2);
-        } : function(t7, e3, r3, n3) {
-          n3 === void 0 && (n3 = r3), t7[n3] = e3[r3];
-        }), i = this && this.__setModuleDefault || (Object.create ? function(t7, e3) {
-          Object.defineProperty(t7, "default", { enumerable: !0, value: e3 });
-        } : function(t7, e3) {
-          t7.default = e3;
-        }), o = this && this.__importStar || function(t7) {
-          if (t7 && t7.__esModule) return t7;
+          } }), Object.defineProperty(t8, n3, i2);
+        } : function(t8, e3, r3, n3) {
+          n3 === void 0 && (n3 = r3), t8[n3] = e3[r3];
+        }), i = this && this.__setModuleDefault || (Object.create ? function(t8, e3) {
+          Object.defineProperty(t8, "default", { enumerable: !0, value: e3 });
+        } : function(t8, e3) {
+          t8.default = e3;
+        }), o = this && this.__importStar || function(t8) {
+          if (t8 && t8.__esModule) return t8;
           var e3 = {};
-          if (t7 != null) for (var r3 in t7) r3 !== "default" && Object.prototype.hasOwnProperty.call(t7, r3) && n2(e3, t7, r3);
-          return i(e3, t7), e3;
+          if (t8 != null) for (var r3 in t8) r3 !== "default" && Object.prototype.hasOwnProperty.call(t8, r3) && n2(e3, t8, r3);
+          return i(e3, t8), e3;
         };
         Object.defineProperty(e2, "__esModule", { value: !0 }), e2.Utils = void 0;
         let s = o(r2(975)), a = s.posix || s, h = "/";
         var c;
-        (function(t7) {
-          t7.joinPath = function(t8, ...e3) {
-            return t8.with({ path: a.join(t8.path, ...e3) });
-          }, t7.resolvePath = function(t8, ...e3) {
-            let r3 = t8.path, n3 = !1;
+        (function(t8) {
+          t8.joinPath = function(t9, ...e3) {
+            return t9.with({ path: a.join(t9.path, ...e3) });
+          }, t8.resolvePath = function(t9, ...e3) {
+            let r3 = t9.path, n3 = !1;
             r3[0] !== h && (r3 = h + r3, n3 = !0);
             let i2 = a.resolve(r3, ...e3);
-            return n3 && i2[0] === h && !t8.authority && (i2 = i2.substring(1)), t8.with({ path: i2 });
-          }, t7.dirname = function(t8) {
-            if (t8.path.length === 0 || t8.path === h) return t8;
-            let e3 = a.dirname(t8.path);
-            return e3.length === 1 && e3.charCodeAt(0) === 46 && (e3 = ""), t8.with({ path: e3 });
-          }, t7.basename = function(t8) {
-            return a.basename(t8.path);
-          }, t7.extname = function(t8) {
-            return a.extname(t8.path);
+            return n3 && i2[0] === h && !t9.authority && (i2 = i2.substring(1)), t9.with({ path: i2 });
+          }, t8.dirname = function(t9) {
+            if (t9.path.length === 0 || t9.path === h) return t9;
+            let e3 = a.dirname(t9.path);
+            return e3.length === 1 && e3.charCodeAt(0) === 46 && (e3 = ""), t9.with({ path: e3 });
+          }, t8.basename = function(t9) {
+            return a.basename(t9.path);
+          }, t8.extname = function(t9) {
+            return a.extname(t9.path);
           };
         })(c || (e2.Utils = c = {}));
       } }, e = {};
@@ -11498,18 +11498,18 @@ var require_umd = __commonJS({
         var i = e[n2];
         if (i !== void 0) return i.exports;
         var o = e[n2] = { exports: {} };
-        return t5[n2].call(o.exports, o, o.exports, r), o.exports;
+        return t6[n2].call(o.exports, o, o.exports, r), o.exports;
       }
       var n = {};
       return (() => {
-        var t6 = n;
-        Object.defineProperty(t6, "__esModule", { value: !0 }), t6.Utils = t6.URI = void 0;
+        var t7 = n;
+        Object.defineProperty(t7, "__esModule", { value: !0 }), t7.Utils = t7.URI = void 0;
         let e2 = r(231);
-        Object.defineProperty(t6, "URI", { enumerable: !0, get: function() {
+        Object.defineProperty(t7, "URI", { enumerable: !0, get: function() {
           return e2.URI;
         } });
         let i = r(552);
-        Object.defineProperty(t6, "Utils", { enumerable: !0, get: function() {
+        Object.defineProperty(t7, "Utils", { enumerable: !0, get: function() {
           return i.Utils;
         } });
       })(), n;
@@ -12932,13 +12932,13 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
-function _defineProperty(e, r, t5) {
+function _defineProperty(e, r, t6) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t5,
+    value: t6,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[r] = t5, e;
+  }) : e[r] = t6, e;
 }
 function _iterableToArray(r) {
   if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
@@ -12948,22 +12948,22 @@ function _nonIterableSpread() {
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 function ownKeys(e, r) {
-  var t5 = Object.keys(e);
+  var t6 = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
     r && (o = o.filter(function(r2) {
       return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t5.push.apply(t5, o);
+    })), t6.push.apply(t6, o);
   }
-  return t5;
+  return t6;
 }
 function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
-    var t5 = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t5), !0).forEach(function(r2) {
-      _defineProperty(e, r2, t5[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t5)) : ownKeys(Object(t5)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t5, r2));
+    var t6 = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t6), !0).forEach(function(r2) {
+      _defineProperty(e, r2, t6[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t6)) : ownKeys(Object(t6)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t6, r2));
     });
   }
   return e;
@@ -12971,18 +12971,18 @@ function _objectSpread2(e) {
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
-function _toPrimitive(t5, r) {
-  if (typeof t5 != "object" || !t5) return t5;
-  var e = t5[Symbol.toPrimitive];
+function _toPrimitive(t6, r) {
+  if (typeof t6 != "object" || !t6) return t6;
+  var e = t6[Symbol.toPrimitive];
   if (e !== void 0) {
-    var i = e.call(t5, r || "default");
+    var i = e.call(t6, r || "default");
     if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (r === "string" ? String : Number)(t5);
+  return (r === "string" ? String : Number)(t6);
 }
-function _toPropertyKey(t5) {
-  var i = _toPrimitive(t5, "string");
+function _toPropertyKey(t6) {
+  var i = _toPrimitive(t6, "string");
   return typeof i == "symbol" ? i : i + "";
 }
 function _typeof(o) {
@@ -12996,8 +12996,8 @@ function _typeof(o) {
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if (typeof r == "string") return _arrayLikeToArray(r, a);
-    var t5 = {}.toString.call(r).slice(8, -1);
-    return t5 === "Object" && r.constructor && (t5 = r.constructor.name), t5 === "Map" || t5 === "Set" ? Array.from(r) : t5 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t5) ? _arrayLikeToArray(r, a) : void 0;
+    var t6 = {}.toString.call(r).slice(8, -1);
+    return t6 === "Object" && r.constructor && (t6 = r.constructor.name), t6 === "Map" || t6 === "Set" ? Array.from(r) : t6 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t6) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 function safeSortObject(value, seen) {
@@ -13891,7 +13891,7 @@ function typeTokenizer(spacing = "compact") {
 }
 var trim = (x) => x.trim();
 function getJoiner(spacing) {
-  return spacing === "compact" ? (t5) => t5.map(trim).join("") : spacing === "preserve" ? (t5) => t5.join(`
+  return spacing === "compact" ? (t6) => t6.map(trim).join("") : spacing === "preserve" ? (t6) => t6.join(`
 `) : spacing;
 }
 
@@ -14833,7 +14833,7 @@ function serializeType(typescript, checker, type, isRequired, depth = 0) {
     return { name: checker.typeToString(type) };
   if (type.isUnion()) {
     let nonUndefinedTypes = type.types.filter(
-      (t5) => !(t5.getFlags() & typescript.TypeFlags.Undefined)
+      (t6) => !(t6.getFlags() & typescript.TypeFlags.Undefined)
     ), literalMembers = nonUndefinedTypes.filter(isLiteralType);
     if (literalMembers.length > 0 && literalMembers.length === nonUndefinedTypes.length)
       return {
@@ -16280,7 +16280,8 @@ var baseIdentifier = (component) => component.split(".")[0] ?? component, isType
   csf,
   storyFilePath,
   typescriptOptions = {},
-  docgenEngine
+  docgenEngine,
+  additionalComponentNames = []
 }) => {
   let { reactDocgenTypescriptOptions } = typescriptOptions, program = csf._file.path, componentSet = /* @__PURE__ */ new Set(), componentDepth = /* @__PURE__ */ new Map(), localToImport = /* @__PURE__ */ new Map(), jsxDepth = 0;
   program.traverse({
@@ -16308,6 +16309,8 @@ var baseIdentifier = (component) => component.split(".")[0] ?? component, isType
   });
   let metaComp = csf._meta?.component;
   metaComp && componentSet.add(metaComp);
+  for (let componentName of additionalComponentNames)
+    componentSet.add(componentName);
   let components = Array.from(componentSet).sort((a, b) => a.localeCompare(b)), body = program.get("body");
   for (let stmt of body) {
     if (!stmt.isImportDeclaration())
@@ -16561,6 +16564,66 @@ ${message}`
   return merged;
 };
 
+// src/componentManifest/subcomponents.ts
+import { types as t4 } from "storybook/internal/babel";
+function findExactComponentMatch(components, componentName) {
+  if (componentName)
+    return components.find((component) => component.componentName === componentName);
+}
+function extractDeclaredSubcomponents(csf) {
+  let rawSubcomponents = unwrapSubcomponentNode(
+    csf._metaAnnotations.subcomponents,
+    csf._ast.program
+  );
+  return !rawSubcomponents || !t4.isObjectExpression(rawSubcomponents) ? [] : rawSubcomponents.properties.flatMap((property) => {
+    if (!t4.isObjectProperty(property))
+      return [];
+    let name = getObjectKeyName(property.key), directComponentName = getComponentExpressionName(property.value), componentExpression = unwrapSubcomponentNode(property.value, csf._ast.program), componentName = getComponentExpressionName(componentExpression) ?? directComponentName;
+    return name && componentName ? [{ name, componentName }] : [];
+  });
+}
+function findVariableInitialization(identifier, program) {
+  for (let node of program.body) {
+    let declaration = (t4.isVariableDeclaration(node) ? node.declarations : t4.isExportNamedDeclaration(node) && t4.isVariableDeclaration(node.declaration) ? node.declaration.declarations : void 0)?.find(
+      (decl) => t4.isVariableDeclarator(decl) && t4.isIdentifier(decl.id) && decl.id.name === identifier
+    );
+    if (declaration?.init && t4.isExpression(declaration.init))
+      return declaration.init;
+  }
+}
+function unwrapSubcomponentNode(node, program, visitedIdentifiers = /* @__PURE__ */ new Set()) {
+  let current = node;
+  for (; current; ) {
+    if (t4.isIdentifier(current)) {
+      if (visitedIdentifiers.has(current.name))
+        return;
+      visitedIdentifiers.add(current.name), current = findVariableInitialization(current.name, program);
+      continue;
+    }
+    if (t4.isParenthesizedExpression(current) || t4.isTSAsExpression(current) || t4.isTSSatisfiesExpression(current) || t4.isTSNonNullExpression(current)) {
+      current = current.expression;
+      continue;
+    }
+    return current;
+  }
+}
+function getObjectKeyName(key) {
+  if (t4.isIdentifier(key))
+    return key.name;
+  if (t4.isStringLiteral(key))
+    return key.value;
+}
+function getComponentExpressionName(node) {
+  if (node) {
+    if (t4.isIdentifier(node))
+      return node.name;
+    if (t4.isMemberExpression(node) && !node.computed) {
+      let objectName = getComponentExpressionName(node.object), propertyName = getComponentExpressionName(node.property);
+      return objectName && propertyName ? `${objectName}.${propertyName}` : void 0;
+    }
+  }
+}
+
 // src/componentManifest/generator.ts
 var componentMetaManager;
 async function createComponentMetaManager(watch2) {
@@ -16594,11 +16657,9 @@ function selectComponentEntries(manifestEntries) {
   }), [...entriesByComponentId.values()];
 }
 function findMatchingComponent(components, componentName, title) {
-  if (componentName) {
-    let match = components.find((it) => it.componentName === componentName);
-    if (match)
-      return match;
-  }
+  let exactMatch = findExactComponentMatch(components, componentName);
+  if (exactMatch)
+    return exactMatch;
   let trimmedTitle = title.replace(/\s+/g, ""), matches = components.filter(
     (it) => trimmedTitle.includes(it.componentName) || it.localImportName && trimmedTitle.includes(it.localImportName) || it.importName && trimmedTitle.includes(it.importName)
   );
@@ -16625,6 +16686,61 @@ function getPackageInfo(componentPath, fallbackPath) {
     return;
   }
 }
+function getFallbackImport(packageName, componentName) {
+  let exportName = componentName?.split(".").at(-1);
+  return packageName && exportName ? `import { ${exportName} } from "${packageName}";` : "";
+}
+function getComponentDocgenData(component, docgenEngine) {
+  let reactDocgen, reactDocgenTypescript, reactComponentMeta, docgenDescription, docgenJsDocTags, docgenError;
+  if (docgenEngine === "react-docgen") {
+    let result = component?.reactDocgen;
+    reactDocgen = result?.type === "success" ? result.data : void 0, docgenDescription = reactDocgen?.description, docgenError = result?.type === "error" ? result.error : void 0;
+  } else docgenEngine === "react-docgen-typescript" ? (reactDocgenTypescript = component?.reactDocgenTypescript, docgenDescription = reactDocgenTypescript?.description, docgenError = component?.reactDocgenTypescriptError) : (reactComponentMeta = component?.reactComponentMeta, docgenDescription = reactComponentMeta?.description, docgenJsDocTags = component?.componentJsDocTags);
+  return {
+    docgenDescription,
+    docgenError,
+    docgenJsDocTags,
+    reactComponentMeta,
+    reactDocgen,
+    reactDocgenTypescript
+  };
+}
+function createSubcomponentManifest({
+  component,
+  declaredName,
+  docgenEngine,
+  packageName,
+  storyFilePath
+}) {
+  let imports = getImports({ components: component ? [component] : [], packageName }).join(`
+`).trim() || getFallbackImport(packageName, component?.componentName), {
+    reactDocgen,
+    reactDocgenTypescript,
+    reactComponentMeta,
+    docgenDescription,
+    docgenJsDocTags,
+    docgenError
+  } = getComponentDocgenData(component, docgenEngine), { description, summary, jsDocTags } = extractComponentDescription(
+    void 0,
+    docgenDescription,
+    docgenJsDocTags
+  );
+  return {
+    name: declaredName,
+    path: component?.path ?? storyFilePath,
+    description,
+    summary,
+    import: imports || void 0,
+    jsDocTags,
+    reactDocgen,
+    reactDocgenTypescript,
+    reactComponentMeta,
+    error: docgenError ?? (component ? void 0 : {
+      name: "No component import found",
+      message: `No component file found for the "${declaredName}" subcomponent.`
+    })
+  };
+}
 function extractStories(csf, componentName, manifestEntries) {
   let manifestEntryIds = new Set(manifestEntries.map((entry) => entry.id));
   return Object.entries(csf._stories).filter(
@@ -16669,12 +16785,20 @@ var manifests = async (existingManifests = {}, options) => {
         let storyFilePath = entry.type === "story" ? entry.importPath : (
           // For attached docs entries, storiesImports[0] points to the stories file being attached to
           entry.storiesImports[0]
-        ), storyPath = path.join(process.cwd(), storyFilePath), storyFile = cachedReadTextFileSync(storyPath), csf = loadCsf(storyFile, { makeTitle: () => entry.title }).parse(), componentName = csf._meta?.component, allComponents = await getComponents({
+        ), storyPath = path.join(process.cwd(), storyFilePath), storyFile = cachedReadTextFileSync(storyPath), csf = loadCsf(storyFile, {
+          makeTitle: () => entry.title
+        }).parse(), componentName = csf._meta?.component, declaredSubcomponents = extractDeclaredSubcomponents(csf), allComponents = await getComponents({
+          additionalComponentNames: declaredSubcomponents.map(
+            (subcomponent) => subcomponent.componentName
+          ),
           csf,
           storyFilePath: storyPath,
           typescriptOptions,
           docgenEngine
-        }), component = findMatchingComponent(allComponents, componentName, entry.title);
+        }), component = findMatchingComponent(allComponents, componentName, entry.title), subcomponents = declaredSubcomponents.map((declaredSubcomponent) => ({
+          component: findExactComponentMatch(allComponents, declaredSubcomponent.componentName),
+          name: declaredSubcomponent.name
+        }));
         return {
           storyPath,
           component,
@@ -16683,11 +16807,22 @@ var manifests = async (existingManifests = {}, options) => {
           storyFile,
           csf,
           componentName,
-          allComponents
+          allComponents,
+          subcomponents
         };
       })
     );
-    docgenEngine === "react-component-meta" && manager && manager.batchExtract(resolvedEntries);
+    docgenEngine === "react-component-meta" && manager && manager.batchExtract(
+      resolvedEntries.flatMap(({ storyPath, component, subcomponents }) => [
+        ...component ? [{ storyPath, component }] : [],
+        ...subcomponents.filter(
+          (subcomponent) => subcomponent.component !== void 0
+        ).map((subcomponent) => ({
+          storyPath,
+          component: subcomponent.component
+        }))
+      ])
+    );
     let components = resolvedEntries.map(
       ({
         storyPath,
@@ -16697,9 +16832,10 @@ var manifests = async (existingManifests = {}, options) => {
         storyFile,
         csf,
         componentName,
-        allComponents
+        allComponents,
+        subcomponents
       }) => {
-        let id = entry.id.split("--")[0], title = entry.title.split("/").at(-1).replace(/\s+/g, ""), packageName = getPackageInfo(component?.path, storyPath), fallbackImport = packageName && componentName ? `import { ${componentName} } from "${packageName}";` : "", imports = getImports({ components: allComponents, packageName }).join(`
+        let id = entry.id.split("--")[0], title = entry.title.split("/").at(-1).replace(/\s+/g, ""), packageName = getPackageInfo(component?.path, storyPath), fallbackImport = getFallbackImport(packageName, componentName), imports = getImports({ components: allComponents, packageName }).join(`
 `).trim() || fallbackImport, stories = extractStories(csf, component?.componentName, manifestEntries), base2 = {
           id,
           name: componentName ?? title,
@@ -16707,11 +16843,14 @@ var manifests = async (existingManifests = {}, options) => {
           stories,
           import: imports,
           jsDocTags: {}
-        }, reactDocgen, reactDocgenTypescript, reactComponentMeta, docgenDescription, docgenJsDocTags, docgenError;
-        if (docgenEngine === "react-docgen") {
-          let result = component?.reactDocgen;
-          reactDocgen = result?.type === "success" ? result.data : void 0, docgenDescription = reactDocgen?.description, docgenError = result?.type === "error" ? result.error : void 0;
-        } else docgenEngine === "react-docgen-typescript" ? (reactDocgenTypescript = component?.reactDocgenTypescript, docgenDescription = reactDocgenTypescript?.description, docgenError = component?.reactDocgenTypescriptError) : (reactComponentMeta = component?.reactComponentMeta, docgenDescription = reactComponentMeta?.description, docgenJsDocTags = component?.componentJsDocTags);
+        }, {
+          reactDocgen,
+          reactDocgenTypescript,
+          reactComponentMeta,
+          docgenDescription,
+          docgenJsDocTags,
+          docgenError
+        } = getComponentDocgenData(component, docgenEngine);
         if (!reactDocgen && !reactDocgenTypescript && !reactComponentMeta) {
           let error = csf._meta?.component ? {
             name: "No component import found",
@@ -16735,6 +16874,17 @@ ${storyFile}`
           metaJsDoc,
           docgenDescription,
           docgenJsDocTags
+        ), subcomponentEntries = Object.fromEntries(
+          subcomponents.map((subcomponent) => [
+            subcomponent.name,
+            createSubcomponentManifest({
+              component: subcomponent.component,
+              declaredName: subcomponent.name,
+              docgenEngine,
+              packageName,
+              storyFilePath
+            })
+          ])
         );
         return {
           ...base2,
@@ -16745,6 +16895,7 @@ ${storyFile}`
           reactDocgenTypescript,
           reactComponentMeta,
           jsDocTags,
+          ...Object.keys(subcomponentEntries).length > 0 ? { subcomponents: subcomponentEntries } : {},
           error: docgenError
         };
       }
@@ -16768,7 +16919,7 @@ ${storyFile}`
 };
 
 // src/enrichCsf.ts
-import { recast as recast3, types as t4 } from "storybook/internal/babel";
+import { recast as recast3, types as t5 } from "storybook/internal/babel";
 import { getPrettier } from "storybook/internal/common";
 var enrichCsf = async (input, options) => {
   if ((await options.presets.apply("features")).experimentalCodeExamples)
@@ -16795,34 +16946,34 @@ var enrichCsf = async (input, options) => {
         }
         if (!snippet)
           return;
-        let originalParameters = t4.memberExpression(
-          csf._metaIsFactory ? t4.memberExpression(t4.identifier(key), t4.identifier("input")) : t4.identifier(key),
-          t4.identifier("parameters")
-        ), docsParameter = t4.optionalMemberExpression(
+        let originalParameters = t5.memberExpression(
+          csf._metaIsFactory ? t5.memberExpression(t5.identifier(key), t5.identifier("input")) : t5.identifier(key),
+          t5.identifier("parameters")
+        ), docsParameter = t5.optionalMemberExpression(
           originalParameters,
-          t4.identifier("docs"),
+          t5.identifier("docs"),
           !1,
           !0
         );
         csf._ast.program.body.push(
-          t4.expressionStatement(
-            t4.assignmentExpression(
+          t5.expressionStatement(
+            t5.assignmentExpression(
               "=",
               originalParameters,
-              t4.objectExpression([
-                t4.spreadElement(originalParameters),
-                t4.objectProperty(
-                  t4.identifier("docs"),
-                  t4.objectExpression([
-                    t4.spreadElement(docsParameter),
-                    t4.objectProperty(
-                      t4.identifier("source"),
-                      t4.objectExpression([
-                        t4.objectProperty(t4.identifier("code"), t4.stringLiteral(snippet)),
-                        t4.spreadElement(
-                          t4.optionalMemberExpression(
+              t5.objectExpression([
+                t5.spreadElement(originalParameters),
+                t5.objectProperty(
+                  t5.identifier("docs"),
+                  t5.objectExpression([
+                    t5.spreadElement(docsParameter),
+                    t5.objectProperty(
+                      t5.identifier("source"),
+                      t5.objectExpression([
+                        t5.objectProperty(t5.identifier("code"), t5.stringLiteral(snippet)),
+                        t5.spreadElement(
+                          t5.optionalMemberExpression(
                             docsParameter,
-                            t4.identifier("source"),
+                            t5.identifier("source"),
                             !1,
                             !0
                           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.4.0-alpha.8",
+  "version": "10.4.0-alpha.9",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.4.0-alpha.8",
+    "@storybook/react-dom-shim": "10.4.0-alpha.9",
     "react-docgen": "^8.0.2",
     "react-docgen-typescript": "^2.2.2"
   },
@@ -83,7 +83,7 @@
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "storybook": "^10.4.0-alpha.8",
+    "storybook": "^10.4.0-alpha.9",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {