@storybook/nextjs-vite 10.3.0-alpha.8 → 10.3.0-beta.0

package/dist/_node-chunks/{chunk-3DUCK4WQ.js → chunk-HKZHWGZ2.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yqvb6c3znio from 'node:url';
-import CJS_COMPAT_NODE_PATH_yqvb6c3znio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yqvb6c3znio from "node:module";
+import CJS_COMPAT_NODE_URL_8vev3kflouh from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vev3kflouh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vev3kflouh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yqvb6c3znio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yqvb6c3znio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vev3kflouh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vev3kflouh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vev3kflouh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{dist-YEFR7HQ2.js → dist-WKEFFJGE.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yqvb6c3znio from 'node:url';
-import CJS_COMPAT_NODE_PATH_yqvb6c3znio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yqvb6c3znio from "node:module";
+import CJS_COMPAT_NODE_URL_8vev3kflouh from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vev3kflouh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vev3kflouh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yqvb6c3znio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yqvb6c3znio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vev3kflouh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vev3kflouh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vev3kflouh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,7 +12,7 @@ var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
 import {
   __commonJS,
   __require
-} from "./chunk-3DUCK4WQ.js";
+} from "./chunk-HKZHWGZ2.js";
 
 // ../../../node_modules/yaml/dist/nodes/identity.js
 var require_identity = __commonJS({

package/dist/_node-chunks/{jiti-O3E3T4FX.js → jiti-BRPJZZBI.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yqvb6c3znio from 'node:url';
-import CJS_COMPAT_NODE_PATH_yqvb6c3znio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yqvb6c3znio from "node:module";
+import CJS_COMPAT_NODE_URL_8vev3kflouh from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vev3kflouh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vev3kflouh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yqvb6c3znio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yqvb6c3znio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vev3kflouh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vev3kflouh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vev3kflouh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,7 +14,7 @@ import {
   __esm,
   __require,
   __toESM
-} from "./chunk-3DUCK4WQ.js";
+} from "./chunk-HKZHWGZ2.js";
 
 // ../../../node_modules/jiti/dist/jiti.cjs
 var require_jiti = __commonJS({

package/dist/node/index.js

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_yqvb6c3znio from 'node:url';
-import CJS_COMPAT_NODE_PATH_yqvb6c3znio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yqvb6c3znio from "node:module";
+import CJS_COMPAT_NODE_URL_8vev3kflouh from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vev3kflouh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vev3kflouh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yqvb6c3znio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yqvb6c3znio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vev3kflouh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vev3kflouh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vev3kflouh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../_node-chunks/chunk-3DUCK4WQ.js";
+import "../_node-chunks/chunk-HKZHWGZ2.js";
 
 // src/node/index.ts
 function defineMain(config) {

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yqvb6c3znio from 'node:url';
-import CJS_COMPAT_NODE_PATH_yqvb6c3znio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yqvb6c3znio from "node:module";
+import CJS_COMPAT_NODE_URL_8vev3kflouh from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vev3kflouh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vev3kflouh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yqvb6c3znio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yqvb6c3znio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vev3kflouh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vev3kflouh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vev3kflouh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,7 +13,7 @@ import {
   __commonJS,
   __require,
   __toESM
-} from "./_node-chunks/chunk-3DUCK4WQ.js";
+} from "./_node-chunks/chunk-HKZHWGZ2.js";
 
 // ../../../node_modules/semver/internal/constants.js
 var require_constants = __commonJS({
@@ -1458,9 +1458,9 @@ var require_src = __commonJS({
 // ../../../node_modules/postcss-load-config/src/req.js
 var require_req = __commonJS({
   "../../../node_modules/postcss-load-config/src/req.js"(exports, module) {
-    var { createRequire: createRequire3 } = __require("node:module"), { pathToFileURL: pathToFileURL2 } = __require("node:url"), TS_EXT_RE = /\.[mc]?ts$/, tsx, jiti, importError = [];
+    var { createRequire: createRequire4 } = __require("node:module"), { pathToFileURL: pathToFileURL2 } = __require("node:url"), TS_EXT_RE = /\.[mc]?ts$/, tsx, jiti, importError = [];
     async function req(name, rootFile = __filename) {
-      let url = createRequire3(rootFile).resolve(name);
+      let url = createRequire4(rootFile).resolve(name);
       try {
         return (await import(`${pathToFileURL2(url)}?t=${Date.now()}`)).default;
       } catch (err) {
@@ -1479,7 +1479,7 @@ var require_req = __commonJS({
       }
       if (jiti === void 0)
         try {
-          jiti = (await import("./_node-chunks/jiti-O3E3T4FX.js")).default;
+          jiti = (await import("./_node-chunks/jiti-BRPJZZBI.js")).default;
         } catch (error) {
           importError.push(error);
         }
@@ -1596,7 +1596,7 @@ var require_src2 = __commonJS({
     async function yamlLoader(_, content) {
       if (!yaml)
         try {
-          yaml = await import("./_node-chunks/dist-YEFR7HQ2.js");
+          yaml = await import("./_node-chunks/dist-WKEFFJGE.js");
         } catch (e) {
           throw new Error(
             `'yaml' is required for the YAML configuration files. Make sure it is installed
@@ -1655,7 +1655,7 @@ Error: ${e.message}`
 
 // src/preset.ts
 var import_semver = __toESM(require_semver2(), 1);
-import { createRequire as createRequire2 } from "node:module";
+import { createRequire as createRequire3 } from "node:module";
 import { dirname as dirname2 } from "node:path";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
 import { viteFinal as reactViteFinal } from "@storybook/react-vite/preset";
@@ -1739,6 +1739,7 @@ import { readFileSync } from "node:fs";
 import { join as join2 } from "node:path";
 
 // ../../core/src/shared/utils/module.ts
+import { createRequire as createRequire2, register } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 
 // ../../../node_modules/exsolve/dist/index.mjs
@@ -1930,7 +1931,12 @@ var importMetaResolve = (...args) => typeof import.meta.resolve != "function" &&
   try {
     return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"), parent)));
   } catch {
-    return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    try {
+      return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    } catch {
+      let req = createRequire2(parent ?? import.meta.url);
+      return dirname(req.resolve(join(pkg, "package.json")));
+    }
   }
 };
 
@@ -1938,7 +1944,7 @@ var importMetaResolve = (...args) => typeof import.meta.resolve != "function" &&
 var getNextjsVersion = () => JSON.parse(readFileSync(join2(resolvePackageDir("next"), "package.json"), "utf8")).version;
 
 // src/preset.ts
-var require3 = createRequire2(import.meta.url), vitePluginStorybookNextjs = require3("vite-plugin-storybook-nextjs"), core = async (config2, options) => {
+var require3 = createRequire3(import.meta.url), vitePluginStorybookNextjs = require3("vite-plugin-storybook-nextjs"), core = async (config2, options) => {
   let framework = await options.presets.apply("framework");
   return {
     ...config2,

package/dist/vite-plugin/index.js

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_yqvb6c3znio from 'node:url';
-import CJS_COMPAT_NODE_PATH_yqvb6c3znio from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yqvb6c3znio from "node:module";
+import CJS_COMPAT_NODE_URL_8vev3kflouh from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vev3kflouh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vev3kflouh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yqvb6c3znio.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yqvb6c3znio.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yqvb6c3znio.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vev3kflouh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vev3kflouh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vev3kflouh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../_node-chunks/chunk-3DUCK4WQ.js";
+import "../_node-chunks/chunk-HKZHWGZ2.js";
 
 // src/vite-plugin/index.ts
 import { createRequire } from "node:module";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs-vite",
-  "version": "10.3.0-alpha.8",
+  "version": "10.3.0-beta.0",
   "description": "Storybook for Next.js and Vite: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -83,9 +83,9 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/builder-vite": "10.3.0-alpha.8",
-    "@storybook/react": "10.3.0-alpha.8",
-    "@storybook/react-vite": "10.3.0-alpha.8",
+    "@storybook/builder-vite": "10.3.0-beta.0",
+    "@storybook/react": "10.3.0-beta.0",
+    "@storybook/react-vite": "10.3.0-beta.0",
     "styled-jsx": "5.1.6",
     "vite-plugin-storybook-nextjs": "^3.1.9"
   },
@@ -101,8 +101,8 @@
     "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": "^10.3.0-alpha.8",
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
+    "storybook": "^10.3.0-beta.0",
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/template/cli/js/Configure.mdx

@@ -52,6 +52,7 @@ export const RightArrow = () => <svg
       <h4 className="sb-section-item-heading">Add styling and CSS</h4>
       <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
       <a
+        className="sb-action-link"
         href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react&ref=configure"
         target="_blank"
       >Learn more<RightArrow /></a>
@@ -67,6 +68,7 @@ export const RightArrow = () => <svg
       <h4 className="sb-section-item-heading">Provide context and mocking</h4>
       <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
       <a
+        className="sb-action-link"
         href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react&ref=configure#context-for-mocking"
         target="_blank"
       >Learn more<RightArrow /></a>
@@ -85,6 +87,7 @@ export const RightArrow = () => <svg
         `staticDirs` configuration option to specify folders to load when
         starting Storybook.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -113,6 +116,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Auto-generate living,
           interactive reference documentation from your components and stories.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -128,6 +132,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
         <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react&ref=configure#publish-storybook-with-chromatic"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -144,6 +149,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
           implementation in one place.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react&ref=configure#embed-storybook-in-figma-with-the-plugin"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -160,6 +166,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
           complex.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-tests/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -175,6 +182,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Accessibility</h4>
         <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -190,6 +198,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Theming</h4>
         <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/configure/theming/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -202,6 +211,7 @@ export const RightArrow = () => <svg
     <h4>Addons</h4>
     <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
     <a
+        className="sb-action-link"
         href="https://storybook.js.org/addons/?ref=configure"
         target="_blank"
       >Discover all addons<RightArrow /></a>
@@ -229,6 +239,7 @@ export const RightArrow = () => <svg
       Join our contributors building the future of UI development.
 
       <a
+        className="sb-action-link"
         href="https://github.com/storybookjs/storybook"
         target="_blank"
       >Star on GitHub<RightArrow /></a>
@@ -246,6 +257,7 @@ export const RightArrow = () => <svg
         Get support and chat with frontend developers.
 
         <a
+          className="sb-action-link"
           href="https://discord.gg/storybook"
           target="_blank"
         >Join Discord server<RightArrow /></a>
@@ -264,6 +276,7 @@ export const RightArrow = () => <svg
         Watch tutorials, feature previews and interviews.
 
         <a
+          className="sb-action-link"
           href="https://www.youtube.com/@chromaticui"
           target="_blank"
         >Watch on YouTube<RightArrow /></a>
@@ -281,6 +294,7 @@ export const RightArrow = () => <svg
       <p>Follow guided walkthroughs on for key workflows.</p>
 
       <a
+          className="sb-action-link"
           href="https://storybook.js.org/tutorials/?ref=configure"
           target="_blank"
         >Discover tutorials<RightArrow /></a>
@@ -328,6 +342,16 @@ export const RightArrow = () => <svg
     padding-bottom: 10px;
   }
 
+  .sb-action-link {
+    text-decoration: none;
+  }
+
+  .sb-action-link:hover, .sb-action-link:focus {
+    text-decoration: underline;
+    text-decoration-thickness: 0.03125rem;
+    text-underline-offset: 0.11em;
+  }
+
   .sb-chevron {
     margin-left: 5px;
   }