@storybook/react 10.5.0-alpha.1 → 10.5.0-alpha.11

package/dist/_browser-chunks/{chunk-L3JF7GGZ.js → chunk-3HUEQMBJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DDIRQRCA.js";
 import {
   __export
-} from "./chunk-SL3VIQZ3.js";
+} from "./chunk-UAWMPV5J.js";
 
 // src/entry-preview.tsx
 var entry_preview_exports = {};

package/dist/_browser-chunks/{chunk-77RIPXG7.js → chunk-5GZAZJC7.js}

@@ -1,12 +1,12 @@
 import {
   isMemo,
   reactElementToJsxString
-} from "./chunk-E4YOXNOQ.js";
+} from "./chunk-B3FR4PBN.js";
 import {
   __commonJS,
   __export,
   __toESM
-} from "./chunk-SL3VIQZ3.js";
+} from "./chunk-UAWMPV5J.js";
 
 // ../../../node_modules/estraverse/estraverse.js
 var require_estraverse = __commonJS({
@@ -6324,14 +6324,9 @@ function parse(value) {
   };
   if (ast.body[0] != null) {
     let rootNode = ast.body[0];
-    switch (rootNode.type) {
-      case "ExpressionStatement": {
-        let expressionResult = parseExpression(rootNode.expression);
-        expressionResult != null && (parsingResult = expressionResult);
-        break;
-      }
-      default:
-        break;
+    if (rootNode.type === "ExpressionStatement") {
+      let expressionResult = parseExpression(rootNode.expression);
+      expressionResult != null && (parsingResult = expressionResult);
     }
   }
   return parsingResult;

package/dist/_browser-chunks/{chunk-E4YOXNOQ.js → chunk-B3FR4PBN.js}

@@ -1,7 +1,7 @@
 import {
   __commonJS,
   __toESM
-} from "./chunk-SL3VIQZ3.js";
+} from "./chunk-UAWMPV5J.js";
 
 // ../../../node_modules/@base2/pretty-print-object/dist/index.js
 var require_dist = __commonJS({
@@ -104,8 +104,8 @@ var require_dist = __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"), t = Symbol.for("react.offscreen"), u;
-    u = Symbol.for("react.module.reference");
+    var b = /* @__PURE__ */ Symbol.for("react.element"), c = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), e = /* @__PURE__ */ Symbol.for("react.strict_mode"), f = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.provider"), h = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.server_context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), n = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), t = /* @__PURE__ */ Symbol.for("react.offscreen"), u;
+    u = /* @__PURE__ */ Symbol.for("react.module.reference");
     function v(a) {
       if (typeof a == "object" && a !== null) {
         var r = a.$$typeof;
@@ -203,8 +203,8 @@ var require_react_is_development = __commonJS({
     "use strict";
     process.env.NODE_ENV !== "production" && (function() {
       "use strict";
-      var enableScopeAPI = !1, enableCacheElement = !1, enableTransitionTracing = !1, enableLegacyHidden = !1, enableDebugTracing = !1, REACT_ELEMENT_TYPE = Symbol.for("react.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), REACT_MODULE_REFERENCE;
-      REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+      var enableScopeAPI = !1, enableCacheElement = !1, enableTransitionTracing = !1, enableLegacyHidden = !1, enableDebugTracing = !1, REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = /* @__PURE__ */ Symbol.for("react.provider"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_SERVER_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.server_context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_OFFSCREEN_TYPE = /* @__PURE__ */ Symbol.for("react.offscreen"), REACT_MODULE_REFERENCE;
+      REACT_MODULE_REFERENCE = /* @__PURE__ */ Symbol.for("react.module.reference");
       function isValidElementType(type) {
         return !!(typeof type == "string" || typeof type == "function" || type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing || typeof type == "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
@@ -301,7 +301,7 @@ var require_react_is = __commonJS({
 });
 
 // src/docs/lib/componentTypes.ts
-var isMemo = (component) => component.$$typeof === Symbol.for("react.memo"), isForwardRef = (component) => component.$$typeof === Symbol.for("react.forward_ref");
+var isMemo = (component) => component.$$typeof === /* @__PURE__ */ Symbol.for("react.memo"), isForwardRef = (component) => component.$$typeof === /* @__PURE__ */ Symbol.for("react.forward_ref");
 
 // ../../../node_modules/is-plain-object/dist/is-plain-object.mjs
 function isObject(o) {
@@ -538,7 +538,7 @@ var defaultFunctionValue = inlineFunction, formatFunction = (function(fn, option
   var usedValue = hasValue ? value : defaultValue, useBooleanShorthandSyntax = options.useBooleanShorthandSyntax, tabStop = options.tabStop, formattedPropValue = formatPropValue(usedValue, inline, lvl, options), attributeFormattedInline = " ", attributeFormattedMultiline = `
 `.concat(spacer(lvl + 1, tabStop)), isMultilineAttribute = formattedPropValue.includes(`
 `);
-  return useBooleanShorthandSyntax && formattedPropValue === "{false}" && !hasDefaultValue ? (attributeFormattedInline = "", attributeFormattedMultiline = "") : useBooleanShorthandSyntax && formattedPropValue === "{true}" ? (attributeFormattedInline += "".concat(name), attributeFormattedMultiline += "".concat(name)) : (attributeFormattedInline += "".concat(name, "=").concat(formattedPropValue), attributeFormattedMultiline += "".concat(name, "=").concat(formattedPropValue)), {
+  return useBooleanShorthandSyntax && formattedPropValue === "{true}" ? (attributeFormattedInline += "".concat(name), attributeFormattedMultiline += "".concat(name)) : (attributeFormattedInline += "".concat(name, "=").concat(formattedPropValue), attributeFormattedMultiline += "".concat(name, "=").concat(formattedPropValue)), {
     attributeFormattedInline,
     attributeFormattedMultiline,
     isMultilineAttribute

package/dist/_browser-chunks/{chunk-CMP5DLKH.js → chunk-I4YGNZB3.js}

@@ -5,10 +5,10 @@ import {
   isForwardRef,
   isMemo,
   reactElementToJsxString
-} from "./chunk-E4YOXNOQ.js";
+} from "./chunk-B3FR4PBN.js";
 import {
   __export
-} from "./chunk-SL3VIQZ3.js";
+} from "./chunk-UAWMPV5J.js";
 
 // src/entry-preview-docs.ts
 var entry_preview_docs_exports = {};
@@ -50,7 +50,29 @@ var renderJsx = (code, options) => {
   let displayNameDefaults;
   typeof options?.displayName == "string" ? displayNameDefaults = { showFunctions: !0, displayName: () => options.displayName } : displayNameDefaults = {
     // To get exotic component names resolving properly
-    displayName: (el) => el.type.displayName ? el.type.displayName : getDocgenSection(el.type, "displayName") ? getDocgenSection(el.type, "displayName") : el.type.render?.displayName ? el.type.render.displayName : typeof el.type == "symbol" || el.type.$$typeof && typeof el.type.$$typeof == "symbol" ? getReactSymbolName(el.type) : el.type.name && el.type.name !== "_default" ? el.type.name : typeof el.type == "function" ? "No Display Name" : isForwardRef(el.type) ? el.type.render.name : isMemo(el.type) ? el.type.type.name : el.type
+    displayName: (el) => {
+      if (el.type.displayName)
+        return el.type.displayName;
+      if (getDocgenSection(el.type, "displayName"))
+        return getDocgenSection(el.type, "displayName");
+      if (el.type.render?.displayName)
+        return el.type.render.displayName;
+      if (typeof el.type == "symbol" || el.type.$$typeof && typeof el.type.$$typeof == "symbol")
+        return getReactSymbolName(el.type);
+      if (el.type.name && el.type.name !== "_default")
+        return el.type.name;
+      if (typeof el.type == "function") {
+        let parent = options?.parentComponent;
+        if (parent) {
+          for (let key of Object.keys(parent))
+            if (/^[A-Z]/.test(key) && parent[key] === el.type) {
+              let parentName = parent.displayName || parent.name || "";
+              return parentName ? `${parentName}.${key}` : key;
+            }
+        }
+        return "No Display Name";
+      } else return isForwardRef(el.type) ? el.type.render.name : isMemo(el.type) ? el.type.type.name : el.type;
+    }
   };
   let opts = {
     ...displayNameDefaults,
@@ -89,7 +111,8 @@ var renderJsx = (code, options) => {
 }, jsxDecorator = (storyFn, context) => {
   let jsx = useRef(void 0), story = storyFn(), skip = skipJsxRender(context), options = {
     ...defaultOpts,
-    ...context?.parameters.jsx || {}
+    ...context?.parameters.jsx || {},
+    parentComponent: context?.component
   }, storyJsx = context.originalStoryFn(context.args, context);
   return useEffect(() => {
     if (skip)
@@ -106,7 +129,7 @@ var applyDecorators2 = (storyFn, decorators2) => {
 };
 
 // src/entry-preview-docs.ts
-var decorators = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalCodeExamples ? [] : [jsxDecorator], parameters = {
+var useStaticServiceSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalDocgenServer, useCompileTimeSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalCodeExamples, decorators = useStaticServiceSnippets || useCompileTimeSnippets ? [] : [jsxDecorator], parameters = {
   docs: {
     story: { inline: !0 }
   }

package/dist/_browser-chunks/{chunk-GUVY6QMW.js → chunk-IRIPKPOF.js}

@@ -1,12 +1,12 @@
 import {
   entry_preview_exports
-} from "./chunk-L3JF7GGZ.js";
+} from "./chunk-3HUEQMBJ.js";
 import {
   entry_preview_argtypes_exports
-} from "./chunk-77RIPXG7.js";
+} from "./chunk-5GZAZJC7.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-CMP5DLKH.js";
+} from "./chunk-I4YGNZB3.js";
 
 // src/preview.tsx
 import { definePreview as definePreviewBase } from "storybook/internal/csf";

package/dist/_browser-chunks/{chunk-SL3VIQZ3.js → chunk-UAWMPV5J.js}

@@ -4,7 +4,11 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __export = (target, all) => {
   for (var name in all)