@storybook/nextjs 11.0.0-alpha.0 → 11.0.0-alpha.2

package/README.md

@@ -1,5 +1,10 @@
 # Storybook for Next.js
 
+> [!WARNING]
+> **`@storybook/nextjs` is deprecated and will be removed in Storybook 12.**
+>
+> Migrate to [`@storybook/nextjs-vite`](https://www.npmjs.com/package/@storybook/nextjs-vite) — the automigration is available via `storybook upgrade` (accept the fix) or `storybook migrate nextjs-to-nextjs-vite`. See the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#nextjs-storybooknextjs-is-deprecated) for details.
+
 See [documentation](https://storybook.js.org/docs/get-started/frameworks/nextjs?renderer=react&ref=readme) for installation instructions, usage examples, APIs, and more.
 
 ## Acknowledgements

package/dist/_browser-chunks/react-dom-client-W6CPASVV.js

@@ -0,0 +1,41 @@
+import "./chunk-IMSF75WX.js";
+
+// ../../renderers/react/src/react-dom-client.tsx
+import * as React from "react";
+import * as ReactDOM from "react-dom/client";
+var nodes = /* @__PURE__ */ new Map(), WithCallback = ({
+  callback,
+  children
+}) => {
+  let once = React.useRef();
+  return React.useLayoutEffect(() => {
+    once.current !== callback && (once.current = callback, callback());
+  }, [callback]), children;
+}, createPromise = () => {
+  let resolve;
+  return { promise: new Promise((res) => {
+    resolve = res;
+  }), resolve };
+}, settlePendingRenders = ({ pendingRenders }) => {
+  pendingRenders.forEach((resolve) => resolve()), pendingRenders.clear();
+}, renderElement = async (node, el, rootOptions) => {
+  let state = nodes.get(el);
+  if (state || (state = {
+    root: ReactDOM.createRoot(el, rootOptions),
+    pendingRenders: /* @__PURE__ */ new Set()
+  }, nodes.set(el, state)), settlePendingRenders(state), globalThis.IS_REACT_ACT_ENVIRONMENT) {
+    state.root.render(node);
+    return;
+  }
+  let { promise, resolve } = createPromise(), onCommit = () => {
+    state.pendingRenders.delete(onCommit), resolve();
+  };
+  return state.pendingRenders.add(onCommit), state.root.render(React.createElement(WithCallback, { callback: onCommit }, node)), promise;
+}, unmountElement = (el) => {
+  let state = nodes.get(el);
+  state && (state.root.unmount(), settlePendingRenders(state), nodes.delete(el));
+};
+export {
+  renderElement,
+  unmountElement
+};

package/dist/_node-chunks/{chunk-J6XYSX4C.js → chunk-6IB26GEO.js}

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 
 // ../../core/src/shared/utils/module.ts
-import { createRequire, register } from "node:module";
+import nodeModule, { createRequire } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 
 // ../../../node_modules/exsolve/dist/index.mjs
@@ -138,6 +138,9 @@ var hasOwnProperty = {}.hasOwnProperty;
 var RegExpPrototypeSymbolReplace = RegExp.prototype[Symbol.replace], own = {}.hasOwnProperty;
 var isWindows = process.platform === "win32", globalCache = globalThis.__EXSOLVE_CACHE__ ||= /* @__PURE__ */ new Map();
 
+// ../../core/src/shared/utils/module.ts
+import semver from "semver";
+
 // ../../core/node_modules/pathe/dist/shared/pathe.ff20891b.mjs
 var _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
 function normalizeWindowsPath(input = "") {

package/dist/_node-chunks/chunk-VRLPDX6R.js

@@ -0,0 +1,31 @@
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/export-mocks/webpack.ts
+var mapping = {
+  "next/headers": "@storybook/nextjs/headers.mock",
+  "next/navigation": "@storybook/nextjs/navigation.mock",
+  "next/router": "@storybook/nextjs/router.mock",
+  "next/cache": "@storybook/nextjs/cache.mock",
+  "next/link": "@storybook/nextjs/link.mock"
+}, getPackageAliases = () => mapping, configureNextExportMocks = (baseConfig) => {
+  let resolve = baseConfig.resolve ?? {};
+  resolve.alias = {
+    ...resolve.alias,
+    ...mapping
+  };
+};
+
+export {
+  getPackageAliases,
+  configureNextExportMocks
+};

package/dist/_node-chunks/{chunk-HS4NIXO2.js → chunk-XOYHLPYI.js}

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   resolvePackageDir
-} from "./chunk-J6XYSX4C.js";
+} from "./chunk-6IB26GEO.js";
 
 // src/utils.ts
 import { readFileSync } from "node:fs";

package/dist/_node-chunks/{configureNextFont-B4VJ7RHY.js → configureNextFont-KSRPGKWA.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{loader-IYXKXVFG.js → loader-MDIUDJWT.js}

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getNodeModulesExcludeRegex
-} from "./chunk-HS4NIXO2.js";
-import "./chunk-J6XYSX4C.js";
+} from "./chunk-XOYHLPYI.js";
+import "./chunk-6IB26GEO.js";
 
 // src/swc/loader.ts
 import { join } from "node:path";

package/dist/_node-chunks/{loader-UGEEDXQ4.js → loader-PJAW2D5I.js}

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getNodeModulesExcludeRegex
-} from "./chunk-HS4NIXO2.js";
-import "./chunk-J6XYSX4C.js";
+} from "./chunk-XOYHLPYI.js";
+import "./chunk-6IB26GEO.js";
 
 // src/babel/loader.ts
 import { fileURLToPath } from "node:url";

package/dist/_node-chunks/{utils-OJCFVKXV.js → utils-76JQJLC6.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -18,8 +18,8 @@ import {
   resolveNextConfig,
   scopedResolve,
   setAlias
-} from "./chunk-HS4NIXO2.js";
-import "./chunk-J6XYSX4C.js";
+} from "./chunk-XOYHLPYI.js";
+import "./chunk-6IB26GEO.js";
 export {
   addScopedAlias,
   configureRuntimeNextjsVersionResolution,

package/dist/_node-chunks/webpack-BHFEB45R.js

@@ -0,0 +1,42 @@
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/nodePolyfills/webpack.ts
+import { createRequire } from "node:module";
+import webpack from "webpack";
+var NODE_PROTOCOL_REGEX = /^node:/, require2 = createRequire(import.meta.url), nodePolyfillFallback = {
+  buffer: require2.resolve("buffer/"),
+  events: require2.resolve("events/"),
+  process: require2.resolve("process/browser.js"),
+  stream: require2.resolve("stream-browserify"),
+  util: require2.resolve("util/"),
+  zlib: require2.resolve("browserify-zlib")
+}, configureNodePolyfills = (baseConfig) => (baseConfig.plugins = [
+  ...baseConfig.plugins || [],
+  new webpack.NormalModuleReplacementPlugin(NODE_PROTOCOL_REGEX, (resource) => {
+    resource.request = resource.request.replace(NODE_PROTOCOL_REGEX, "");
+  }),
+  new webpack.ProvidePlugin({
+    Buffer: [nodePolyfillFallback.buffer, "Buffer"],
+    process: nodePolyfillFallback.process
+  })
+], baseConfig.resolve = {
+  ...baseConfig.resolve,
+  fallback: {
+    ...nodePolyfillFallback,
+    fs: !1,
+    ...baseConfig.resolve?.fallback
+  }
+}, baseConfig);
+export {
+  configureNodePolyfills
+};

package/dist/_node-chunks/{webpack-OOZVQP5K.js → webpack-IXTRV46D.js}

@@ -1,25 +1,19 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import {
-  resolvePackageDir
-} from "./chunk-J6XYSX4C.js";
 
 // src/css/webpack.ts
-import { readFileSync } from "node:fs";
-import { join } from "node:path";
 import { fileURLToPath } from "node:url";
 import { cssFileResolve } from "next/dist/build/webpack/config/blocks/css/loaders/file-resolve.js";
 import { getCssModuleLocalIdent } from "next/dist/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.js";
-import semver from "semver";
 var configureCss = (baseConfig, nextConfig) => {
   let rules = baseConfig.module?.rules;
   rules?.forEach((rule, i) => {
@@ -34,7 +28,9 @@ var configureCss = (baseConfig, nextConfig) => {
             ...getImportAndUrlCssLoaderOptions(nextConfig),
             modules: {
               auto: !0,
-              getLocalIdent: getCssModuleLocalIdent
+              getLocalIdent: getCssModuleLocalIdent,
+              namedExport: !1,
+              exportLocalsConvention: "as-is"
             }
           }
         },
@@ -53,7 +49,12 @@ var configureCss = (baseConfig, nextConfig) => {
         options: {
           importLoaders: 3,
           ...getImportAndUrlCssLoaderOptions(nextConfig),
-          modules: { auto: !0, getLocalIdent: getCssModuleLocalIdent }
+          modules: {
+            auto: !0,
+            getLocalIdent: getCssModuleLocalIdent,
+            namedExport: !1,
+            exportLocalsConvention: "as-is"
+          }
         }
       },
       fileURLToPath(import.meta.resolve("postcss-loader")),
@@ -68,30 +69,18 @@ var configureCss = (baseConfig, nextConfig) => {
       }
     ]
   });
-}, getImportAndUrlCssLoaderOptions = (nextConfig) => isCssLoaderV6() ? {
+}, getImportAndUrlCssLoaderOptions = (nextConfig) => ({
   url: {
     filter: getUrlResolver(nextConfig)
   },
   import: {
     filter: getImportResolver(nextConfig)
   }
-} : {
-  url: getUrlResolver(nextConfig),
-  import: getImportResolver(nextConfig)
-}, getUrlResolver = (nextConfig) => (url, resourcePath) => cssFileResolve(url, resourcePath, nextConfig.experimental?.urlImports), getImportResolver = (nextConfig) => (url, _, resourcePath) => cssFileResolve(
+}), getUrlResolver = (nextConfig) => (url, resourcePath) => cssFileResolve(url, resourcePath, nextConfig.experimental?.urlImports), getImportResolver = (nextConfig) => (url, _, resourcePath) => cssFileResolve(
   typeof url == "string" ? url : url.url,
   resourcePath,
   nextConfig.experimental?.urlImports
-), isCssLoaderV6 = () => {
-  try {
-    let cssLoaderVersion = JSON.parse(
-      readFileSync(join(resolvePackageDir("css-loader"), "package.json"), "utf8")
-    ).version;
-    return semver.gte(cssLoaderVersion, "6.0.0");
-  } catch {
-    return !1;
-  }
-};
+);
 export {
   configureCss
 };

package/dist/_node-chunks/{webpack-7QXPGFMA.js → webpack-LSFECR27.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{webpack-VHEBLWCK.js → webpack-QO6GPXWH.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{webpack-4WOENOEJ.js → webpack-R42N6XAP.js}

@@ -1,26 +1,24 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
-  configureCompatibilityAliases,
   configureNextExportMocks
-} from "./chunk-GCMGR3UX.js";
-import "./chunk-HS4NIXO2.js";
+} from "./chunk-VRLPDX6R.js";
 import {
   resolvePackageDir
-} from "./chunk-J6XYSX4C.js";
+} from "./chunk-6IB26GEO.js";
 
 // src/aliases/webpack.ts
 var configureAliases = (baseConfig) => {
-  configureNextExportMocks(baseConfig), configureCompatibilityAliases(baseConfig), baseConfig.resolve = {
+  configureNextExportMocks(baseConfig), baseConfig.resolve = {
     ...baseConfig.resolve ?? {},
     alias: {
       ...baseConfig.resolve?.alias ?? {},
@@ -29,10 +27,7 @@ var configureAliases = (baseConfig) => {
       "next/dist/shared/lib/app-router-context.shared-runtime": "next/dist/shared/lib/app-router-context.shared-runtime",
       "next/dist/shared/lib/app-router-context": "next/dist/shared/lib/app-router-context.shared-runtime"
     }
-  }, baseConfig.ignoreWarnings = [
-    ...baseConfig.ignoreWarnings ?? [],
-    (warning) => warning.message.includes("export 'draftMode'") && warning.message.includes("next/dist/server/request/headers")
-  ];
+  };
 };
 export {
   configureAliases

package/dist/_node-chunks/{webpack-GTMWRMHR.js → webpack-RMDVGMMD.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{webpack-QUTYPKPT.js → webpack-TPMEVBFB.js}

@@ -1,37 +1,30 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import {
-  getNextjsVersion
-} from "./chunk-HS4NIXO2.js";
-import "./chunk-J6XYSX4C.js";
 
 // src/images/webpack.ts
 import { fileURLToPath } from "node:url";
-import semver from "semver";
 var configureImages = (baseConfig, nextConfig) => {
   configureStaticImageImport(baseConfig, nextConfig), configureImageDefaults(baseConfig);
 }, fallbackFilename = "static/media/[path][name][ext]", configureImageDefaults = (baseConfig) => {
-  let version = getNextjsVersion(), resolve = baseConfig.resolve ?? {};
+  let resolve = baseConfig.resolve ?? {};
   resolve.alias = {
     ...resolve.alias,
     "sb-original/next/image": fileURLToPath(import.meta.resolve("next/image")),
-    "next/image": fileURLToPath(import.meta.resolve("@storybook/nextjs/images/next-image"))
-  }, semver.satisfies(version, ">=13.0.0") && (resolve.alias = {
-    ...resolve.alias,
+    "next/image": fileURLToPath(import.meta.resolve("@storybook/nextjs/images/next-image")),
     "sb-original/next/legacy/image": fileURLToPath(import.meta.resolve("next/legacy/image")),
     "next/legacy/image": fileURLToPath(
       import.meta.resolve("@storybook/nextjs/images/next-legacy-image")
     )
-  });
+  };
 }, configureStaticImageImport = (baseConfig, nextConfig) => {
   let rules = baseConfig.module?.rules, assetRule = rules?.find(
     (rule) => rule && typeof rule != "string" && rule.test instanceof RegExp && rule.test.test("test.jpg")

package/dist/_node-chunks/{webpack-4XK6MERK.js → webpack-ZISMRVAB.js}

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   addScopedAlias
-} from "./chunk-HS4NIXO2.js";
-import "./chunk-J6XYSX4C.js";
+} from "./chunk-XOYHLPYI.js";
+import "./chunk-6IB26GEO.js";
 
 // src/styledJsx/webpack.ts
 var configureStyledJsx = (baseConfig) => {

package/dist/export-mocks/index.js

@@ -1,19 +1,17 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getPackageAliases
-} from "../_node-chunks/chunk-GCMGR3UX.js";
-import "../_node-chunks/chunk-HS4NIXO2.js";
-import "../_node-chunks/chunk-J6XYSX4C.js";
+} from "../_node-chunks/chunk-VRLPDX6R.js";
 export {
   getPackageAliases
 };

package/dist/font/webpack/loader/storybook-nextjs-font-loader.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/index.js

@@ -6295,7 +6295,7 @@ var { FRAMEWORK_OPTIONS } = scope, ErrorBoundary = class extends ReactComponent
     let { hasError } = this.state, { children } = this.props;
     return hasError ? null : children;
   }
-}, Wrapper = FRAMEWORK_OPTIONS?.strictMode ? StrictMode : Fragment, actQueue = [], isActing = !1, processActQueue = async () => {
+}, Wrapper = FRAMEWORK_OPTIONS?.strictMode ? StrictMode : Fragment, actQueue = [], isActing = !1, remountCounts = /* @__PURE__ */ new WeakMap(), processActQueue = async () => {
   if (isActing || actQueue.length === 0)
     return;
   isActing = !0;
@@ -6309,9 +6309,17 @@ async function renderToCanvas({
   showException,
   forceRemount
 }, canvasElement) {
-  let { renderElement, unmountElement } = await import("./_browser-chunks/react-18-V22CCOOF.js"), Story = unboundStoryFn, content = storyContext.parameters.__isPortableStory ? React3.createElement(Story, { ...storyContext }) : React3.createElement(ErrorBoundary, { key: storyContext.id, showMain, showException }, React3.createElement(Story, { ...storyContext })), element = Wrapper ? React3.createElement(Wrapper, null, content) : content;
-  forceRemount && unmountElement(canvasElement);
-  let act = await getAct({ disableAct: storyContext.viewMode === "docs" });
+  let { renderElement, unmountElement } = await import("./_browser-chunks/react-dom-client-W6CPASVV.js"), Story = unboundStoryFn, isPortableStory = storyContext.parameters.__isPortableStory;
+  forceRemount && (isPortableStory ? unmountElement(canvasElement) : remountCounts.set(canvasElement, (remountCounts.get(canvasElement) ?? 0) + 1));
+  let content = isPortableStory ? React3.createElement(Story, { ...storyContext }) : React3.createElement(
+    ErrorBoundary,
+    {
+      key: `${storyContext.id}-${remountCounts.get(canvasElement) ?? 0}`,
+      showMain,
+      showException
+    },
+    React3.createElement(Story, { ...storyContext })
+  ), element = Wrapper ? React3.createElement(Wrapper, null, content) : content, act = await getAct({ disableAct: storyContext.viewMode === "docs" });
   return await new Promise(async (resolve, reject) => {
     actQueue.push(async () => {
       try {
@@ -6976,8 +6984,7 @@ import {
 
 // ../../../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
 function isPlainObject(value) {
-  if (!value || typeof value != "object")
-    return !1;
+  if (!value || typeof value != "object") return !1;
   let proto = Object.getPrototypeOf(value);
   return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null ? Object.prototype.toString.call(value) === "[object Object]" : !1;
 }

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,17 +13,32 @@ import {
   addScopedAlias,
   isNextVersionGte,
   resolveNextConfig
-} from "./_node-chunks/chunk-HS4NIXO2.js";
-import "./_node-chunks/chunk-J6XYSX4C.js";
+} from "./_node-chunks/chunk-XOYHLPYI.js";
+import "./_node-chunks/chunk-6IB26GEO.js";
 
 // src/preset.ts
-import { existsSync } from "node:fs";
-import { join } from "node:path";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
 import { getProjectRoot } from "storybook/internal/common";
-import { logger } from "storybook/internal/node-logger";
-import { loadPartialConfig } from "@babel/core";
-import semver from "semver";
+import { deprecate, logger } from "storybook/internal/node-logger";
+import { loadPartialConfigAsync } from "@babel/core";
+
+// src/babel/babel-config-file.ts
+import { existsSync } from "node:fs";
+import { join } from "node:path";
+var BABEL_CONFIG_FILES = [
+  ".babelrc",
+  ".babelrc.json",
+  ".babelrc.js",
+  ".babelrc.mjs",
+  ".babelrc.cjs",
+  "babel.config.js",
+  "babel.config.json",
+  "babel.config.mjs",
+  "babel.config.cjs"
+];
+function findBabelConfigFile(dir) {
+  return BABEL_CONFIG_FILES.map((file) => join(dir, file)).find((path) => existsSync(path));
+}
 
 // src/babel/preset.ts
 import { createRequire } from "node:module";
@@ -44,7 +59,8 @@ function AmpAttributePatcher() {
 }
 
 // src/babel/plugins/jsx-pragma.ts
-import jsx from "next/dist/compiled/babel/plugin-syntax-jsx.js";
+import jsxModule from "next/dist/compiled/babel/plugin-syntax-jsx.js";
+var jsx = jsxModule.default ?? jsxModule;
 function jsxPragma({ types: t }) {
   return {
     inherits: jsx,
@@ -480,6 +496,9 @@ function TransformFontImports({ types }) {
 }
 
 // src/preset.ts
+deprecate(
+  "@storybook/nextjs is deprecated and will be removed in Storybook 12. Migrate to @storybook/nextjs-vite \u2014 the automigration is available via `storybook upgrade` (accept the fix) or `storybook migrate nextjs-to-nextjs-vite`."
+);
 var addons = [
   fileURLToPath2(import.meta.resolve("@storybook/preset-react-webpack"))
 ], core = async (config, options) => {
@@ -503,10 +522,10 @@ var addons = [
   let annotations = [...entry, fileURLToPath2(import.meta.resolve("@storybook/nextjs/preview"))];
   return isNextVersionGte("16.0.0") || annotations.push(fileURLToPath2(import.meta.resolve("@storybook/nextjs/config/preview"))), annotations;
 }, babel = async (baseConfig) => {
-  let options = loadPartialConfig({
+  let options = (await loadPartialConfigAsync({
     ...baseConfig,
     filename: `${getProjectRoot()}/__fake__.js`
-  })?.options, isPresetConfigItem = (preset) => typeof preset == "object" && preset !== null && "file" in preset, isNextBabelConfig = (preset) => Array.isArray(preset) && preset[0] === "next/babel" || preset === "next/babel" || isPresetConfigItem(preset) && preset.file?.request === "next/babel", hasNextBabelConfig = options?.presets?.find(isNextBabelConfig), presets = options?.presets?.filter(
+  }))?.options, isPresetConfigItem = (preset) => typeof preset == "object" && preset !== null && "file" in preset, isNextBabelConfig = (preset) => Array.isArray(preset) && preset[0] === "next/babel" || preset === "next/babel" || isPresetConfigItem(preset) && preset.file?.request === "next/babel", hasNextBabelConfig = options?.presets?.find(isNextBabelConfig), presets = options?.presets?.filter(
     (preset) => !(isPresetConfigItem(preset) && preset.file?.request === fileURLToPath2(import.meta.resolve("@babel/preset-react")) || isNextBabelConfig(preset))
   ) ?? [];
   hasNextBabelConfig ? Array.isArray(hasNextBabelConfig) && hasNextBabelConfig[1] ? presets.push([preset_default, hasNextBabelConfig[1]]) : isPresetConfigItem(hasNextBabelConfig) && hasNextBabelConfig.file?.request === "next/babel" ? presets.push([preset_default, hasNextBabelConfig.options]) : presets.push(preset_default) : presets.push(preset_default);
@@ -535,7 +554,7 @@ var addons = [
   let { nextConfigPath } = await options.presets.apply("frameworkOptions"), nextConfig = await configureConfig({
     baseConfig,
     nextConfigPath
-  }), { configureNextFont } = await import("./_node-chunks/configureNextFont-B4VJ7RHY.js"), { configureRuntimeNextjsVersionResolution, getNextjsVersion } = await import("./_node-chunks/utils-OJCFVKXV.js"), { configureImports } = await import("./_node-chunks/webpack-7QXPGFMA.js"), { configureCss } = await import("./_node-chunks/webpack-OOZVQP5K.js"), { configureImages } = await import("./_node-chunks/webpack-QUTYPKPT.js"), { configureStyledJsx } = await import("./_node-chunks/webpack-4XK6MERK.js"), { configureNodePolyfills } = await import("./_node-chunks/webpack-VXTKEXGE.js"), { configureAliases } = await import("./_node-chunks/webpack-4WOENOEJ.js"), { configureFastRefresh } = await import("./_node-chunks/webpack-VHEBLWCK.js"), { configureRSC } = await import("./_node-chunks/webpack-GTMWRMHR.js"), { configureSWCLoader } = await import("./_node-chunks/loader-IYXKXVFG.js"), { configureBabelLoader } = await import("./_node-chunks/loader-UGEEDXQ4.js"), babelRCPath = join(getProjectRoot(), ".babelrc"), babelConfigPath = join(getProjectRoot(), "babel.config.js"), hasBabelConfig = existsSync(babelRCPath) || existsSync(babelConfigPath), nextjsVersion = getNextjsVersion(), isDevelopment = options.configType !== "PRODUCTION", useSWC = semver.gte(nextjsVersion, "14.0.0") && (nextConfig.experimental?.forceSwcTransforms || !hasBabelConfig);
+  }), { configureNextFont } = await import("./_node-chunks/configureNextFont-KSRPGKWA.js"), { configureRuntimeNextjsVersionResolution } = await import("./_node-chunks/utils-76JQJLC6.js"), { configureImports } = await import("./_node-chunks/webpack-LSFECR27.js"), { configureCss } = await import("./_node-chunks/webpack-IXTRV46D.js"), { configureImages } = await import("./_node-chunks/webpack-TPMEVBFB.js"), { configureStyledJsx } = await import("./_node-chunks/webpack-ZISMRVAB.js"), { configureNodePolyfills } = await import("./_node-chunks/webpack-BHFEB45R.js"), { configureAliases } = await import("./_node-chunks/webpack-R42N6XAP.js"), { configureFastRefresh } = await import("./_node-chunks/webpack-QO6GPXWH.js"), { configureRSC } = await import("./_node-chunks/webpack-RMDVGMMD.js"), { configureSWCLoader } = await import("./_node-chunks/loader-MDIUDJWT.js"), { configureBabelLoader } = await import("./_node-chunks/loader-PJAW2D5I.js"), hasBabelConfig = !!findBabelConfigFile(getProjectRoot()), isDevelopment = options.configType !== "PRODUCTION", useSWC = nextConfig.experimental?.forceSwcTransforms || !hasBabelConfig;
   return configureNextFont(baseConfig, useSWC), configureRuntimeNextjsVersionResolution(baseConfig), configureImports({ baseConfig, configDir: options.configDir }), configureCss(baseConfig, nextConfig), configureImages(baseConfig, nextConfig), configureStyledJsx(baseConfig), configureNodePolyfills(baseConfig), configureAliases(baseConfig), isDevelopment && configureFastRefresh(baseConfig), options.features?.experimentalRSC && configureRSC(baseConfig), useSWC ? (logger.info("Using SWC as compiler"), await configureSWCLoader(baseConfig, options, nextConfig)) : (logger.info("Using Babel as compiler"), await configureBabelLoader(baseConfig, options, nextConfig)), baseConfig;
 };
 export {

package/dist/swc/next-swc-loader-patch.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
+import CJS_COMPAT_NODE_URL_usob6ocll4k from 'node:url';
+import CJS_COMPAT_NODE_PATH_usob6ocll4k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_usob6ocll4k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_usob6ocll4k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_usob6ocll4k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_usob6ocll4k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -78,9 +78,7 @@ function pitch() {
   let callback = this.async();
   (async () => {
     let isWasm2 = !1;
-    if (nextSwcUtils.isWasm ? isWasm2 = await nextSwcUtils.isWasm() : nextSwcUtils.getBindingsSync && (await nextSwcUtils.loadBindings(), isWasm2 = nextSwcUtils.getBindingsSync().isWasm), // TODO: Evaluate if this is correct after removing pnp compatibility code in SB11
-    // TODO: investigate swc file reading in PnP mode?
-    !process.versions.pnp && !EXCLUDED_PATHS.test(this.resourcePath) && this.loaders.length - 1 === this.loaderIndex && isAbsolute(this.resourcePath) && !isWasm2) {
+    if (nextSwcUtils.isWasm ? isWasm2 = await nextSwcUtils.isWasm() : nextSwcUtils.getBindingsSync && (await nextSwcUtils.loadBindings(), isWasm2 = nextSwcUtils.getBindingsSync().isWasm), !EXCLUDED_PATHS.test(this.resourcePath) && this.loaders.length - 1 === this.loaderIndex && isAbsolute(this.resourcePath) && !isWasm2) {
       let loaderSpan = mockCurrentTraceSpan.traceChild("next-swc-loader");
       return this.addDependency(this.resourcePath), loaderSpan.traceAsyncFn(() => loaderTransform.call(this, loaderSpan));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "11.0.0-alpha.0",
+  "version": "11.0.0-alpha.2",
   "description": "Storybook for Next.js: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -36,7 +36,6 @@
       "code": "./src/export-mocks/cache/index.ts",
       "default": "./dist/export-mocks/cache/index.js"
     },
-    "./compatibility/draft-mode.compat": "./dist/compatibility/draft-mode.compat.js",
     "./config/preview": "./dist/config/preview.js",
     "./export-mocks": "./dist/export-mocks/index.js",
     "./headers.mock": {
@@ -102,25 +101,30 @@
     "@babel/preset-typescript": "^7.28.5",
     "@babel/runtime": "^7.28.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
-    "@storybook/builder-webpack5": "11.0.0-alpha.0",
-    "@storybook/preset-react-webpack": "11.0.0-alpha.0",
-    "@storybook/react": "11.0.0-alpha.0",
+    "@storybook/builder-webpack5": "11.0.0-alpha.2",
+    "@storybook/preset-react-webpack": "11.0.0-alpha.2",
+    "@storybook/react": "11.0.0-alpha.2",
     "@types/semver": "^7.7.1",
     "babel-loader": "^9.1.3",
-    "css-loader": "^6.7.3",
+    "browserify-zlib": "^0.2.0",
+    "buffer": "^6.0.3",
+    "css-loader": "^7.1.2",
+    "events": "^3.3.0",
     "loader-utils": "^3.2.1",
-    "node-polyfill-webpack-plugin": "^2.0.1",
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "probe-image-size": "^7.3.0",
+    "process": "^0.11.10",
     "react-refresh": "^0.14.0",
     "resolve-url-loader": "^5.0.0",
     "sass-loader": "^16.0.5",
     "semver": "^7.7.3",
+    "stream-browserify": "^3.0.0",
     "style-loader": "^3.3.1",
     "styled-jsx": "^5.1.6",
     "tsconfig-paths": "^4.0.0",
-    "tsconfig-paths-webpack-plugin": "^4.0.1"
+    "tsconfig-paths-webpack-plugin": "^4.0.1",
+    "util": "^0.12.5"
   },
   "devDependencies": {
     "@babel/types": "^7.28.5",
@@ -136,12 +140,12 @@
     "webpack": "^5.65.0"
   },
   "peerDependencies": {
-    "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@types/react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "next": "^14.1.0 || ^15.0.0 || ^16.0.0",
-    "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": "^11.0.0-alpha.0",
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "@types/react-dom": "^18.0.0 || ^19.0.0",
+    "next": "^15.0.0 || ^16.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "storybook": "^11.0.0-alpha.2",
     "webpack": "^5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/_browser-chunks/react-18-V22CCOOF.js

@@ -1,43 +0,0 @@
-import "./chunk-IMSF75WX.js";
-
-// ../../lib/react-dom-shim/dist/react-18.js
-import * as React from "react";
-import * as ReactDOM from "react-dom/client";
-var nodes = /* @__PURE__ */ new Map();
-function getIsReactActEnvironment() {
-  return globalThis.IS_REACT_ACT_ENVIRONMENT;
-}
-var WithCallback = ({
-  callback,
-  children
-}) => {
-  let once = React.useRef();
-  return React.useLayoutEffect(() => {
-    once.current !== callback && (once.current = callback, callback());
-  }, [callback]), children;
-};
-typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
-  let resolve = null, reject = null;
-  return { promise: new Promise((res, rej) => {
-    resolve = res, reject = rej;
-  }), resolve, reject };
-});
-var renderElement = async (node, el, rootOptions) => {
-  let root = await getReactRoot(el, rootOptions);
-  if (getIsReactActEnvironment()) {
-    root.render(node);
-    return;
-  }
-  let { promise, resolve } = Promise.withResolvers();
-  return root.render(React.createElement(WithCallback, { callback: resolve }, node)), promise;
-}, unmountElement = (el, shouldUseNewRootApi) => {
-  let root = nodes.get(el);
-  root && (root.unmount(), nodes.delete(el));
-}, getReactRoot = async (el, rootOptions) => {
-  let root = nodes.get(el);
-  return root || (root = ReactDOM.createRoot(el, rootOptions), nodes.set(el, root)), root;
-};
-export {
-  renderElement,
-  unmountElement
-};

package/dist/_node-chunks/chunk-GCMGR3UX.js

@@ -1,58 +0,0 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  addScopedAlias,
-  getNextjsVersion,
-  setAlias
-} from "./chunk-HS4NIXO2.js";
-
-// src/compatibility/compatibility-map.ts
-import semver from "semver";
-var mapping = {
-  "<15.0.0": {
-    "next/dist/server/request/headers": "next/dist/client/components/headers",
-    // this path only exists from Next 15 onwards
-    "next/dist/server/request/draft-mode": "@storybook/nextjs/compatibility/draft-mode.compat"
-  }
-}, getCompatibilityAliases = () => {
-  let version = getNextjsVersion(), result = {};
-  return Object.keys(mapping).forEach((key) => {
-    semver.intersects(version, key) && Object.assign(result, mapping[key]);
-  }), result;
-}, configureCompatibilityAliases = (baseConfig) => {
-  let aliases = getCompatibilityAliases();
-  Object.entries(aliases).forEach(([name, alias]) => {
-    typeof alias == "string" ? addScopedAlias(baseConfig, name, alias) : setAlias(baseConfig, name, alias);
-  });
-};
-
-// src/export-mocks/webpack.ts
-var mapping2 = {
-  "next/headers": "@storybook/nextjs/headers.mock",
-  "next/navigation": "@storybook/nextjs/navigation.mock",
-  "next/router": "@storybook/nextjs/router.mock",
-  "next/cache": "@storybook/nextjs/cache.mock",
-  "next/link": "@storybook/nextjs/link.mock",
-  ...getCompatibilityAliases()
-}, getPackageAliases = () => mapping2, configureNextExportMocks = (baseConfig) => {
-  let resolve = baseConfig.resolve ?? {};
-  resolve.alias = {
-    ...resolve.alias,
-    ...mapping2
-  };
-};
-
-export {
-  configureCompatibilityAliases,
-  getPackageAliases,
-  configureNextExportMocks
-};

package/dist/_node-chunks/webpack-VXTKEXGE.js

@@ -1,31 +0,0 @@
-import CJS_COMPAT_NODE_URL_i4qm0mthp88 from 'node:url';
-import CJS_COMPAT_NODE_PATH_i4qm0mthp88 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_i4qm0mthp88 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_i4qm0mthp88.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_i4qm0mthp88.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_i4qm0mthp88.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// src/nodePolyfills/webpack.ts
-import NodePolyfillPlugin from "node-polyfill-webpack-plugin";
-import webpack from "webpack";
-var NODE_PROTOCOL_REGEX = /^node:/, configureNodePolyfills = (baseConfig) => (baseConfig.plugins = [
-  ...baseConfig.plugins || [],
-  new webpack.NormalModuleReplacementPlugin(NODE_PROTOCOL_REGEX, (resource) => {
-    resource.request = resource.request.replace(NODE_PROTOCOL_REGEX, "");
-  }),
-  new NodePolyfillPlugin()
-], baseConfig.resolve = {
-  ...baseConfig.resolve,
-  fallback: {
-    ...baseConfig.resolve?.fallback,
-    fs: !1
-  }
-}, baseConfig);
-export {
-  configureNodePolyfills
-};

package/dist/compatibility/draft-mode.compat.js

@@ -1,7 +0,0 @@
-import "../_browser-chunks/chunk-IMSF75WX.js";
-
-// src/compatibility/draft-mode.compat.ts
-import { draftMode } from "next/dist/client/components/headers.js";
-export {
-  draftMode
-};