@storybook/nextjs-vite 10.1.0-alpha.9 → 10.1.0-beta.0

package/dist/_browser-chunks/{chunk-I34DATQB.js → chunk-37RBXWOJ.js}

@@ -1,7 +1,6 @@
 import {
-  __export,
-  __name
-} from "./chunk-L5NVL7MD.js";
+  __export
+} from "./chunk-SL3VIQZ3.js";
 
 // src/preview.tsx
 var preview_exports = {};
@@ -21,27 +20,18 @@ import * as React2 from "react";
 import React, { useMemo } from "react";
 import initHeadManager from "next/dist/client/head-manager";
 import { HeadManagerContext } from "next/dist/shared/lib/head-manager-context.shared-runtime";
-var HeadManagerProvider = /* @__PURE__ */ __name(({ children }) => {
-  const headManager = useMemo(initHeadManager, []);
-  headManager.getIsSsr = () => false;
-  return React.createElement(HeadManagerContext.Provider, { value: headManager }, children);
-}, "HeadManagerProvider");
-var head_manager_provider_default = HeadManagerProvider;
+var HeadManagerProvider = ({ children }) => {
+  let headManager = useMemo(initHeadManager, []);
+  return headManager.getIsSsr = () => !1, React.createElement(HeadManagerContext.Provider, { value: headManager }, children);
+}, head_manager_provider_default = HeadManagerProvider;
 
 // src/head-manager/decorator.tsx
-var HeadManagerDecorator = /* @__PURE__ */ __name((Story) => {
-  return React2.createElement(head_manager_provider_default, null, React2.createElement(Story, null));
-}, "HeadManagerDecorator");
+var HeadManagerDecorator = (Story) => React2.createElement(head_manager_provider_default, null, React2.createElement(Story, null));
 
 // src/images/decorator.tsx
 import * as React3 from "react";
 import { ImageContext } from "sb-original/image-context";
-var ImageDecorator = /* @__PURE__ */ __name((Story, { parameters: parameters2 }) => {
-  if (!parameters2.nextjs?.image) {
-    return React3.createElement(Story, null);
-  }
-  return React3.createElement(ImageContext.Provider, { value: parameters2.nextjs.image }, React3.createElement(Story, null));
-}, "ImageDecorator");
+var ImageDecorator = (Story, { parameters: parameters2 }) => parameters2.nextjs?.image ? React3.createElement(ImageContext.Provider, { value: parameters2.nextjs.image }, React3.createElement(Story, null)) : React3.createElement(Story, null);
 
 // src/routing/decorator.tsx
 import * as React6 from "react";
@@ -61,43 +51,30 @@ import {
   SearchParamsContext
 } from "next/dist/shared/lib/hooks-client-context.shared-runtime";
 import { PAGE_SEGMENT_KEY } from "next/dist/shared/lib/segment";
-var getParallelRoutes = /* @__PURE__ */ __name((segmentsList) => {
-  const segment = segmentsList.shift();
-  if (segment) {
-    return [segment, { children: getParallelRoutes(segmentsList) }];
-  }
-  return [];
-}, "getParallelRoutes");
-var AppRouterProvider = /* @__PURE__ */ __name(({
+var getParallelRoutes = (segmentsList) => {
+  let segment = segmentsList.shift();
+  return segment ? [segment, { children: getParallelRoutes(segmentsList) }] : [];
+}, AppRouterProvider = ({
   children,
   routeParams
 }) => {
-  const { pathname, query, segments = [] } = routeParams;
-  const tree = [pathname, { children: getParallelRoutes([...segments]) }];
-  const pathParams = useMemo2(() => {
-    const params = {};
-    const currentSegments = routeParams.segments;
+  let { pathname, query, segments = [] } = routeParams, tree = [pathname, { children: getParallelRoutes([...segments]) }], pathParams = useMemo2(() => {
+    let params = {}, currentSegments = routeParams.segments;
     if (currentSegments) {
       if (Array.isArray(currentSegments)) {
-        for (const segmentEntry of currentSegments) {
-          if (Array.isArray(segmentEntry) && segmentEntry.length === 2 && typeof segmentEntry[0] === "string") {
-            const key = segmentEntry[0];
-            const value = segmentEntry[1];
+        for (let segmentEntry of currentSegments)
+          if (Array.isArray(segmentEntry) && segmentEntry.length === 2 && typeof segmentEntry[0] == "string") {
+            let key = segmentEntry[0], value = segmentEntry[1];
             params[key] = value;
           }
-        }
-      } else if (typeof currentSegments === "object" && !Array.isArray(currentSegments)) {
-        const segmentObject = currentSegments;
-        for (const key in segmentObject) {
-          if (Object.prototype.hasOwnProperty.call(segmentObject, key)) {
-            params[key] = segmentObject[key];
-          }
-        }
+      } else if (typeof currentSegments == "object" && !Array.isArray(currentSegments)) {
+        let segmentObject = currentSegments;
+        for (let key in segmentObject)
+          Object.prototype.hasOwnProperty.call(segmentObject, key) && (params[key] = segmentObject[key]);
       }
     }
     return params;
-  }, [routeParams.segments]);
-  const newLazyCacheNode = {
+  }, [routeParams.segments]), newLazyCacheNode = {
     lazyData: null,
     rsc: null,
     prefetchRsc: null,
@@ -117,10 +94,10 @@ var AppRouterProvider = /* @__PURE__ */ __name(({
         buildId: "storybook",
         tree,
         focusAndScrollRef: {
-          apply: false,
+          apply: !1,
           hashFragment: null,
           segmentPaths: [tree],
-          onlyHashChange: false
+          onlyHashChange: !1
         },
         nextUrl: pathname
       }
@@ -148,64 +125,47 @@ var AppRouterProvider = /* @__PURE__ */ __name(({
       children
     ))
   ))));
-}, "AppRouterProvider");
+};
 
 // src/routing/page-router-provider.tsx
 import React5 from "react";
 import { getRouter as getRouter2 } from "@storybook/nextjs-vite/router.mock";
 import { RouterContext } from "next/dist/shared/lib/router-context.shared-runtime";
-var PageRouterProvider = /* @__PURE__ */ __name(({ children }) => React5.createElement(RouterContext.Provider, { value: getRouter2() }, children), "PageRouterProvider");
+var PageRouterProvider = ({ children }) => React5.createElement(RouterContext.Provider, { value: getRouter2() }, children);
 
 // src/routing/decorator.tsx
 var defaultRouterParams = {
   pathname: "/",
   query: {}
-};
-var RouterDecorator = /* @__PURE__ */ __name((Story, { parameters: parameters2 }) => {
-  const nextAppDirectory = parameters2.nextjs?.appDirectory ?? false;
-  if (nextAppDirectory) {
-    if (!AppRouterProvider) {
-      return null;
+}, RouterDecorator = (Story, { parameters: parameters2 }) => parameters2.nextjs?.appDirectory ?? !1 ? AppRouterProvider ? React6.createElement(
+  AppRouterProvider,
+  {
+    routeParams: {
+      ...defaultRouterParams,
+      ...parameters2.nextjs?.navigation
     }
-    return React6.createElement(
-      AppRouterProvider,
-      {
-        routeParams: {
-          ...defaultRouterParams,
-          ...parameters2.nextjs?.navigation
-        }
-      },
-      React6.createElement(RedirectBoundary, null, React6.createElement(Story, null))
-    );
-  }
-  return React6.createElement(PageRouterProvider, null, React6.createElement(Story, null));
-}, "RouterDecorator");
+  },
+  React6.createElement(RedirectBoundary, null, React6.createElement(Story, null))
+) : null : React6.createElement(PageRouterProvider, null, React6.createElement(Story, null));
 
 // src/styledJsx/decorator.tsx
 import * as React7 from "react";
 import { StyleRegistry } from "styled-jsx";
-var StyledJsxDecorator = /* @__PURE__ */ __name((Story) => React7.createElement(StyleRegistry, null, React7.createElement(Story, null)), "StyledJsxDecorator");
+var StyledJsxDecorator = (Story) => React7.createElement(StyleRegistry, null, React7.createElement(Story, null));
 
 // src/preview.tsx
 function addNextHeadCount() {
-  const meta = document.createElement("meta");
-  meta.name = "next-head-count";
-  meta.content = "0";
-  document.head.appendChild(meta);
+  let meta = document.createElement("meta");
+  meta.name = "next-head-count", meta.content = "0", document.head.appendChild(meta);
 }
-__name(addNextHeadCount, "addNextHeadCount");
 function isAsyncClientComponentError(error) {
-  return typeof error === "string" && (error.includes("Only Server Components can be async at the moment.") || error.includes("A component was suspended by an uncached promise.") || error.includes("async/await is not yet supported in Client Components"));
+  return typeof error == "string" && (error.includes("Only Server Components can be async at the moment.") || error.includes("A component was suspended by an uncached promise.") || error.includes("async/await is not yet supported in Client Components"));
 }
-__name(isAsyncClientComponentError, "isAsyncClientComponentError");
 addNextHeadCount();
 var origConsoleError = globalThis.console.error;
 globalThis.console.error = (...args) => {
-  const error = args[0];
-  if (isNextRouterError(error) || isAsyncClientComponentError(error)) {
-    return;
-  }
-  origConsoleError.apply(globalThis.console, args);
+  let error = args[0];
+  isNextRouterError(error) || isAsyncClientComponentError(error) || origConsoleError.apply(globalThis.console, args);
 };
 globalThis.addEventListener("error", (ev) => {
   if (isNextRouterError(ev.error) || isAsyncClientComponentError(ev.error)) {
@@ -213,37 +173,27 @@ globalThis.addEventListener("error", (ev) => {
     return;
   }
 });
-var asDecorator = /* @__PURE__ */ __name((decorator) => decorator, "asDecorator");
-var decorators = [
+var asDecorator = (decorator) => decorator, decorators = [
   asDecorator(StyledJsxDecorator),
   asDecorator(ImageDecorator),
   asDecorator(RouterDecorator),
   asDecorator(HeadManagerDecorator)
-];
-var loaders = /* @__PURE__ */ __name(async ({ globals, parameters: parameters2 }) => {
-  const { router, appDirectory } = parameters2.nextjs ?? {};
-  if (appDirectory) {
-    createNavigation(router);
-  } else {
-    createRouter({
-      locale: globals.locale,
-      ...router
-    });
-  }
-}, "loaders");
-var parameters = {
+], loaders = async ({ globals, parameters: parameters2 }) => {
+  let { router, appDirectory } = parameters2.nextjs ?? {};
+  appDirectory ? createNavigation(router) : createRouter({
+    locale: globals.locale,
+    ...router
+  });
+}, parameters = {
   docs: {
     source: {
-      excludeDecorators: true
+      excludeDecorators: !0
     }
   },
   react: {
     rootOptions: {
       onCaughtError(error) {
-        if (isNextRouterError(error)) {
-          return;
-        }
-        console.error(error);
+        isNextRouterError(error) || console.error(error);
       }
     }
   }

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

@@ -2,22 +2,17 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __commonJS = (cb, mod) => function __require() {
+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;
 };
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -25,12 +20,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
 ));
 
 export {
-  __name,
   __commonJS,
   __export,
   __toESM

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

@@ -0,0 +1,43 @@
+import "./chunk-SL3VIQZ3.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-HE6QWXEZ.js → chunk-UXKTRIHR.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_2cgqn3xx9ft from 'node:url';
-import CJS_COMPAT_NODE_PATH_2cgqn3xx9ft from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2cgqn3xx9ft from "node:module";
+import CJS_COMPAT_NODE_URL_7fnhscgp4ca from 'node:url';
+import CJS_COMPAT_NODE_PATH_7fnhscgp4ca from 'node:path';
+import CJS_COMPAT_NODE_MODULE_7fnhscgp4ca from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2cgqn3xx9ft.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2cgqn3xx9ft.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2cgqn3xx9ft.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_7fnhscgp4ca.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_7fnhscgp4ca.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_7fnhscgp4ca.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,27 +13,23 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(x, {
+  get: (a, b) => (typeof require < "u" ? require : a)[b]
 }) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
+  if (typeof require < "u") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __esm = (fn, res) => function __init() {
+var __esm = (fn, res) => function() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
-var __commonJS = (cb, mod) => function __require2() {
+var __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -41,12 +37,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
 ));
 
 export {
-  __name,
   __require,
   __esm,
   __commonJS,