@storybook/react 11.0.0-alpha.4 → 11.0.0-alpha.5

package/dist/_browser-chunks/{chunk-CS62LUFX.js → chunk-2TQVKMJE.js}

@@ -129,7 +129,7 @@ var applyDecorators2 = (storyFn, decorators2) => {
 };
 
 // src/entry-preview-docs.ts
-var useStaticServiceSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalDocgenServer, useCompileTimeSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalCodeExamples, decorators = useStaticServiceSnippets || useCompileTimeSnippets ? [] : [jsxDecorator], parameters = {
+var useStaticServiceSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.docgenServer, useCompileTimeSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalCodeExamples, decorators = useStaticServiceSnippets || useCompileTimeSnippets ? [] : [jsxDecorator], parameters = {
   docs: {
     story: { inline: !0 }
   }

package/dist/_browser-chunks/{chunk-A624C5GY.js → chunk-YQ7BYS2T.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LGSTPTL6.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-CS62LUFX.js";
+} from "./chunk-2TQVKMJE.js";
 
 // src/preview.tsx
 import { definePreview as definePreviewBase } from "storybook/internal/csf";

package/dist/_node-chunks/{chunk-KNC6E6BI.js → chunk-M5CHE2HJ.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7rqcwqo0962 from 'node:url';
-import CJS_COMPAT_NODE_PATH_7rqcwqo0962 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7rqcwqo0962 from "node:module";
+import CJS_COMPAT_NODE_URL_yyz10jix5x from 'node:url';
+import CJS_COMPAT_NODE_PATH_yyz10jix5x from 'node:path';
+import CJS_COMPAT_NODE_MODULE_yyz10jix5x from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7rqcwqo0962.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7rqcwqo0962.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7rqcwqo0962.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_yyz10jix5x.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_yyz10jix5x.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_yyz10jix5x.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13593,6 +13593,19 @@ function collectObjectLiteralDefaults(typescript, checker, obj, defaults) {
       ) : defaults.set(name, name);
     }
 }
+function followVariableReferences(typescript, checker, symbol) {
+  let current2 = symbol;
+  for (let depth = 0; depth <= MAX_UNWRAP_DEPTH; depth++) {
+    let decl = current2.valueDeclaration;
+    if (!decl || !typescript.isVariableDeclaration(decl) || !decl.initializer || !typescript.isIdentifier(decl.initializer))
+      return current2;
+    let next = checker.getSymbolAtLocation(decl.initializer);
+    if (!next)
+      return current2;
+    current2 = resolveAliasedSymbol(typescript, checker, next);
+  }
+  return current2;
+}
 function extractStaticDefaultProps(typescript, checker, resolved) {
   let defaults = /* @__PURE__ */ new Map(), decl = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
   if (!decl)
@@ -13648,23 +13661,19 @@ function extractPropItem(typescript, checker, prop, contextNode, defaultsMap, ty
     declarations
   };
 }
-function getBulkSourceExclusions(properties) {
-  let propSourceCache = /* @__PURE__ */ new Map(), getSource = (prop) => {
-    let cached2 = propSourceCache.get(prop);
-    return cached2 === void 0 && !propSourceCache.has(prop) && (cached2 = getPropSourceFile(prop), propSourceCache.set(prop, cached2)), cached2;
-  }, sourceCount = /* @__PURE__ */ new Map();
-  for (let prop of properties) {
-    let source = getSource(prop);
-    source && (source.includes("node_modules") || source.endsWith(".d.ts")) && sourceCount.set(source, (sourceCount.get(source) ?? 0) + 1);
-  }
-  let bulkSources = new Set(
-    [...sourceCount.entries()].filter(([, count]) => count > LARGE_SOURCE_THRESHOLD).map(([source]) => source)
-  ), excluded = /* @__PURE__ */ new Set();
-  for (let prop of properties) {
-    let source = getSource(prop);
-    source && bulkSources.has(source) && excluded.add(prop.getName());
-  }
-  return excluded;
+function getBulkSourceExclusions(typescript, properties) {
+  let bulkCandidates = properties.flatMap((prop) => {
+    let source = getPropSourceFile(prop);
+    return !source || !(source.includes("node_modules") || source.endsWith(".d.ts")) ? [] : [{ prop, source, parent: getParentType(typescript, prop)?.name }];
+  }), countBy = (keys) => {
+    let counts = /* @__PURE__ */ new Map();
+    for (let key of keys)
+      key && counts.set(key, (counts.get(key) ?? 0) + 1);
+    return counts;
+  }, sourceCount = countBy(bulkCandidates.map(({ source }) => source)), parentCount = countBy(bulkCandidates.map(({ parent }) => parent)), isBulk = (counts, key) => !!key && (counts.get(key) ?? 0) > LARGE_SOURCE_THRESHOLD;
+  return new Set(
+    bulkCandidates.filter(({ source, parent }) => isBulk(sourceCount, source) || isBulk(parentCount, parent)).map(({ prop }) => prop.getName())
+  );
 }
 function computeDisplayName({
   exportSymbol,
@@ -13712,7 +13721,7 @@ function serializeComponentDoc(typescript, checker, {
     allProperties = Array.from(seen.values()), unionForceOptional = forceOptional;
   } else
     allProperties = propsType.getApparentProperties();
-  let excluded = getBulkSourceExclusions(allProperties), defaultsMap = extractDestructuringDefaults(typescript, resolved, checker);
+  let excluded = getBulkSourceExclusions(typescript, allProperties), implementation = followVariableReferences(typescript, checker, resolved), defaultsMap = extractDestructuringDefaults(typescript, implementation, checker);
   if (defaultsMap.size === 0 && defaultsSourcePath) {
     let fallbackDefaults = extractDefaultsFromSourceFile(typescript, defaultsSourcePath, {
       exportName,
@@ -13722,12 +13731,12 @@ function serializeComponentDoc(typescript, checker, {
     for (let [key, value] of fallbackDefaults)
       defaultsMap.set(key, value);
   }
-  let staticDefaults = extractStaticDefaultProps(typescript, checker, resolved);
+  let staticDefaults = extractStaticDefaultProps(typescript, checker, implementation);
   for (let [key, value] of staticDefaults)
     defaultsMap.has(key) || defaultsMap.set(key, value);
   let props = {};
   for (let prop of allProperties) {
-    if (excluded.has(prop.getName()))
+    if (excluded.has(prop.getName()) || prop.getJsDocTags(checker).some((tag) => tag.name === "ignore"))
       continue;
     let unionProp = isUnionType(propsType) ? checker.getPropertyOfType(propsType, prop.getName()) : void 0, unionPropType = unionProp ? checker.getTypeOfSymbolAtLocation(unionProp, contextNode) : void 0, item = extractPropItem(
       typescript,
@@ -16152,7 +16161,7 @@ function transformArgsSpreadsInJsx(node, merged) {
 // src/componentManifest/reactDocgenTypescript.ts
 import { dirname as dirname5, join as join4, resolve as resolve4 } from "node:path";
 import { logger as logger4 } from "storybook/internal/node-logger";
-var typeScriptPromise, reactDocgenTypescriptPromise, loadTypeScript = () => typeScriptPromise ??= import("typescript"), loadReactDocgenTypescript = () => reactDocgenTypescriptPromise ??= import("react-docgen-typescript"), LARGE_NON_USER_SOURCE_THRESHOLD = 30, getPropSource = (prop) => prop.parent?.fileName ?? prop.declarations?.[0]?.fileName, getLargeNonUserPropSources = (props) => {
+var typeScriptPromise, reactDocgenTypescriptPromise, loadTypeScript = () => typeScriptPromise ??= import("typescript").then((ts) => ts.default ?? ts), loadReactDocgenTypescript = () => reactDocgenTypescriptPromise ??= import("react-docgen-typescript"), LARGE_NON_USER_SOURCE_THRESHOLD = 30, getPropSource = (prop) => prop.parent?.fileName ?? prop.declarations?.[0]?.fileName, getLargeNonUserPropSources = (props) => {
   let countBySource = /* @__PURE__ */ new Map();
   for (let prop of Object.values(props)) {
     let source = getPropSource(prop);

package/dist/{chunk-DT7W2slC.d.ts → chunk-DwM7QKaD.d.ts}

@@ -1,7 +1,7 @@
 import { ComponentType, JSX } from "react";
 import { Args, ArgsStoryFn, Canvas, DecoratorFunction, ProjectAnnotations, StoryAnnotations, WebRenderer } from "storybook/internal/types";
 import { RootOptions } from "react-dom/client";
-import { AddonTypes, InferTypes, Meta, MetaInput, MetaTypes, Preview, PreviewAddon, Story, StoryArgs, TypedMetaArgKeys } from "storybook/internal/csf";
+import { AddonTypes, InferTypes, Meta, MetaInput, MetaTypes, Preview, PreviewAddonEntry, Story, StoryArgs, TypedMetaArgKeys } from "storybook/internal/csf";
 
 //#region node_modules/type-fest/source/simplify.d.ts
 /**
@@ -107,7 +107,7 @@ type StoryFnReactReturnType = JSX.Element;
  * });
  * ```
  */
-declare function __definePreview<Addons extends PreviewAddon<never>[]>(input: {
+declare function __definePreview<Addons extends PreviewAddonEntry[]>(input: {
   addons: Addons;
 } & ProjectAnnotations<ReactTypes & InferTypes<Addons>>): ReactPreview<ReactTypes & InferTypes<Addons>>;
 /**

package/dist/docgen/docgen-worker.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7rqcwqo0962 from 'node:url';
-import CJS_COMPAT_NODE_PATH_7rqcwqo0962 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7rqcwqo0962 from "node:module";
+import CJS_COMPAT_NODE_URL_yyz10jix5x from 'node:url';
+import CJS_COMPAT_NODE_PATH_yyz10jix5x from 'node:path';
+import CJS_COMPAT_NODE_MODULE_yyz10jix5x from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7rqcwqo0962.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7rqcwqo0962.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7rqcwqo0962.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_yyz10jix5x.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_yyz10jix5x.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_yyz10jix5x.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -15,15 +15,27 @@ import {
   extractArgTypes,
   posix,
   resolveStoryFileComponents
-} from "../_node-chunks/chunk-KNC6E6BI.js";
+} from "../_node-chunks/chunk-M5CHE2HJ.js";
 
 // src/docgen/docgen-worker.ts
 import { createLazyDocgenMiddleware } from "storybook/internal/common";
 
 // src/docgen/buildDocgen.ts
 import { getStoryImportPathFromEntry } from "storybook/internal/common";
+var REACT_ATTRIBUTE_INTERFACES = /* @__PURE__ */ new Set(["Attributes", "RefAttributes", "ClassAttributes"]);
+function isReactAttribute(prop) {
+  return !!prop.parent && REACT_ATTRIBUTE_INTERFACES.has(prop.parent.name) && /(^|[\\/])node_modules[\\/]/.test(prop.parent.fileName);
+}
 function extractArgTypesFromComponentMeta(componentMeta) {
-  return componentMeta ? extractArgTypes({ __docgenInfo: componentMeta }) ?? void 0 : void 0;
+  if (!componentMeta)
+    return;
+  let props = Object.fromEntries(
+    Object.entries(componentMeta.props).filter(([, prop]) => !isReactAttribute(prop)).map(([name, prop]) => [
+      name,
+      prop.defaultValue ? { ...prop, defaultValue: { ...prop.defaultValue, computed: !1 } } : prop
+    ])
+  );
+  return extractArgTypes({ __docgenInfo: { ...componentMeta, props } }) ?? void 0;
 }
 function addArgTypesFromComponentMeta(payload) {
   let argTypes = extractArgTypesFromComponentMeta(payload.reactComponentMeta), subcomponents = payload.subcomponents ? Object.fromEntries(
@@ -82,7 +94,7 @@ var createDocgenProvider = () => createLazyDocgenMiddleware({
   createManager: async () => {
     try {
       let ts = await import("typescript");
-      return new ComponentMetaManager(ts);
+      return new ComponentMetaManager(ts.default ?? ts);
     } catch {
       return;
     }

package/dist/entry-preview-docs.js

@@ -2,7 +2,7 @@ import {
   applyDecorators,
   decorators,
   parameters
-} from "./_browser-chunks/chunk-CS62LUFX.js";
+} from "./_browser-chunks/chunk-2TQVKMJE.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-B3FR4PBN.js";
 import "./_browser-chunks/chunk-UAWMPV5J.js";

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { a as ReactRenderer, i as __definePreview, n as ReactPreview, o as ReactTypes, r as ReactStory, s as Simplify, t as ReactMeta } from "./chunk-DT7W2slC.js";
+import { a as ReactRenderer, i as __definePreview, n as ReactPreview, o as ReactTypes, r as ReactStory, s as Simplify, t as ReactMeta } from "./chunk-DwM7QKaD.js";
 import { ComponentProps, ComponentType } from "react";
 import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ArgsFromMeta, ArgsStoryFn, ComponentAnnotations, ComposedStoryFn, DecoratorFunction, LoaderFunction, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Parameters as Parameters$1, ProjectAnnotations, Store_CSFExports, StoriesWithPartialProps, StoryAnnotations, StoryAnnotationsOrFn, StoryContext as StoryContext$1, StrictArgs, StrictArgs as StrictArgs$1 } from "storybook/internal/types";
 

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-A624C5GY.js";
+} from "./_browser-chunks/chunk-YQ7BYS2T.js";
 import {
   entry_preview_exports,
   renderToCanvas
@@ -8,7 +8,7 @@ import {
 import {
   entry_preview_argtypes_exports
 } from "./_browser-chunks/chunk-LGSTPTL6.js";
-import "./_browser-chunks/chunk-CS62LUFX.js";
+import "./_browser-chunks/chunk-2TQVKMJE.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-B3FR4PBN.js";
 import "./_browser-chunks/chunk-UAWMPV5J.js";

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7rqcwqo0962 from 'node:url';
-import CJS_COMPAT_NODE_PATH_7rqcwqo0962 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7rqcwqo0962 from "node:module";
+import CJS_COMPAT_NODE_URL_yyz10jix5x from 'node:url';
+import CJS_COMPAT_NODE_PATH_yyz10jix5x from 'node:path';
+import CJS_COMPAT_NODE_MODULE_yyz10jix5x from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7rqcwqo0962.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7rqcwqo0962.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7rqcwqo0962.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_yyz10jix5x.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_yyz10jix5x.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_yyz10jix5x.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -24,7 +24,7 @@ import {
   parseWithReactDocgen,
   posix,
   resolveStoryFileComponents
-} from "./_node-chunks/chunk-KNC6E6BI.js";
+} from "./_node-chunks/chunk-M5CHE2HJ.js";
 
 // ../../../node_modules/semver/internal/constants.js
 var require_constants = __commonJS({
@@ -1490,7 +1490,7 @@ var REACT_NODE_TYPES = /* @__PURE__ */ new Set([
 ]);
 var getTsConfig = async (componentFilePath) => {
   try {
-    let ts = await import("typescript"), tsconfigPath = componentFilePath ? findTsconfigPathForFile(dirname2(componentFilePath), componentFilePath) : ts.findConfigFile(process.cwd(), ts.sys.fileExists);
+    let imported = await import("typescript"), ts = imported.default ?? imported, tsconfigPath = componentFilePath ? findTsconfigPathForFile(dirname2(componentFilePath), componentFilePath) : ts.findConfigFile(process.cwd(), ts.sys.fileExists);
     if (tsconfigPath === void 0)
       return {};
     let basePath = dirname2(tsconfigPath), { config, error } = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
@@ -1555,7 +1555,7 @@ function getSharedComponentMetaManager() {
   return componentMetaManagerPromise || (componentMetaManagerPromise = (async () => {
     try {
       let ts = await import("typescript");
-      return new ComponentMetaManager(ts);
+      return new ComponentMetaManager(ts.default ?? ts);
     } catch {
       logger3.debug(
         "[reactComponentMeta] TypeScript not available, skipping component meta extraction."
@@ -1568,7 +1568,7 @@ function getSharedComponentMetaManager() {
 // src/componentManifest/generator.ts
 var manifests = async (existingManifests = {}, options) => {
   let { manifestEntries, presets, watch } = options, typescriptOptions = await presets?.apply("typescript", {}) ?? {}, features2 = await presets?.apply("features", {});
-  if (features2?.experimentalDocgenServer)
+  if (features2?.docgenServer)
     return {
       ...existingManifests,
       components: {
@@ -1651,7 +1651,7 @@ import { recast, types as t } from "storybook/internal/babel";
 import { getPrettier } from "storybook/internal/common";
 var enrichCsf = async (input, options) => {
   let features2 = await options.presets.apply("features");
-  if (!(!features2.experimentalCodeExamples || features2.experimentalDocgenServer))
+  if (!(!features2.experimentalCodeExamples || features2.docgenServer))
     return async (csf, csfSource) => {
       let promises = Object.keys(csf._stories).map(async (key) => {
         if (!csfSource._meta?.component)
@@ -1779,7 +1779,13 @@ var experimental_storyDocsProvider = async (nextStoryDocs, options) => {
 };
 
 // src/preset.ts
-var features = async (existing) => ({
+var isDocgenProviderEnabled = () => {
+  try {
+    return import.meta.resolve("typescript"), !0;
+  } catch {
+    return !1;
+  }
+}, features = async (existing) => ({
   ...existing,
   componentsManifest: !0
 }), previewAnnotations = async (input = [], options) => {
@@ -1837,6 +1843,7 @@ export {
   experimental_storyDocsProvider,
   features,
   internal_getArgTypesData,
+  isDocgenProviderEnabled,
   optimizeViteDeps,
   previewAnnotations,
   resolvedReact

package/dist/preview.d.ts

@@ -1,2 +1,2 @@
-import { i as __definePreview, n as ReactPreview, r as ReactStory, t as ReactMeta } from "./chunk-DT7W2slC.js";
+import { i as __definePreview, n as ReactPreview, r as ReactStory, t as ReactMeta } from "./chunk-DwM7QKaD.js";
 export { ReactMeta, ReactPreview, ReactStory, __definePreview };

package/dist/preview.js

@@ -1,9 +1,9 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-A624C5GY.js";
+} from "./_browser-chunks/chunk-YQ7BYS2T.js";
 import "./_browser-chunks/chunk-XD4PMI7Q.js";
 import "./_browser-chunks/chunk-LGSTPTL6.js";
-import "./_browser-chunks/chunk-CS62LUFX.js";
+import "./_browser-chunks/chunk-2TQVKMJE.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-B3FR4PBN.js";
 import "./_browser-chunks/chunk-UAWMPV5J.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "11.0.0-alpha.4",
+  "version": "11.0.0-alpha.5",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -81,7 +81,7 @@
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "storybook": "^11.0.0-alpha.4",
+    "storybook": "^11.0.0-alpha.5",
     "typescript": "^5.9.0 || ^6.0.0"
   },
   "peerDependenciesMeta": {