@storybook/nextjs 9.2.0-alpha.3 → 10.0.0-beta.0

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

@@ -1,23 +1,167 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__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))!__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(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var storybook_nextjs_font_loader_exports={};__export(storybook_nextjs_font_loader_exports,{default:()=>storybookNextjsFontLoader});module.exports=__toCommonJS(storybook_nextjs_font_loader_exports);var import_node_path2=require("path");var import_server_errors=require("storybook/internal/server-errors"),import_fetch_css_from_google_fonts=require("next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts"),import_get_font_axes=require("next/dist/compiled/@next/font/dist/google/get-font-axes"),import_get_google_fonts_url=require("next/dist/compiled/@next/font/dist/google/get-google-fonts-url"),import_validate_google_font_function_call=require("next/dist/compiled/@next/font/dist/google/validate-google-font-function-call"),import_loader_utils3=__toESM(require("next/dist/compiled/loader-utils3")),cssCache=new Map;async function getFontFaceDeclarations(options){let{fontFamily,weights,styles,selectedVariableAxes,display,variable}=(0,import_validate_google_font_function_call.validateGoogleFontFunctionCall)(options.fontFamily,options.props),fontAxes=(0,import_get_font_axes.getFontAxes)(fontFamily,weights,styles,selectedVariableAxes),url=(0,import_get_google_fonts_url.getGoogleFontsUrl)(fontFamily,fontAxes,display);try{let hasCachedCSS=cssCache.has(url),fontFaceCSS=hasCachedCSS?cssCache.get(url):await(0,import_fetch_css_from_google_fonts.fetchCSSFromGoogleFonts)(url,fontFamily,!0).catch(()=>null);if(hasCachedCSS?cssCache.delete(url):cssCache.set(url,fontFaceCSS),fontFaceCSS===null)throw new import_server_errors.GoogleFontsDownloadError({fontFamily,url});return{id:import_loader_utils3.default.getHashDigest(url,"md5","hex",6),fontFamily,fontFaceCSS,weights,styles,variable}}catch(error){throw new import_server_errors.GoogleFontsLoadingError({error,url})}}var import_node_path=require("path"),import_common=require("storybook/internal/common"),import_validate_local_font_function_call=require("next/dist/compiled/@next/font/dist/local/validate-local-font-function-call"),import_loader_utils32=__toESM(require("next/dist/compiled/loader-utils3"));async function getFontFaceDeclarations2(options,rootContext,swcMode){let localFontSrc=options.props.src,parentFolder=swcMode?(0,import_node_path.dirname)((0,import_node_path.join)((0,import_common.getProjectRoot)(),options.filename)).replace(rootContext,""):(0,import_node_path.dirname)(options.filename).replace(rootContext,""),{weight,style,variable,declarations=[]}=(0,import_validate_local_font_function_call.validateLocalFontFunctionCall)("",options.props),id=`font-${import_loader_utils32.default.getHashDigest(Buffer.from(JSON.stringify(localFontSrc)),"md5","hex",6)}`,fontDeclarations=declarations.map(({prop,value})=>`${prop}: ${value};`).join(`
-`);return{id,fontFamily:id,fontFaceCSS:(()=>{if(typeof localFontSrc=="string"){let localFontPath=(0,import_node_path.join)(parentFolder,localFontSrc).replaceAll("\\","/");return`@font-face {
+import CJS_COMPAT_NODE_URL_e3twfmexlgl from 'node:url';
+import CJS_COMPAT_NODE_PATH_e3twfmexlgl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_e3twfmexlgl from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_e3twfmexlgl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_e3twfmexlgl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_e3twfmexlgl.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "../../../_node-chunks/chunk-WCSGFZKZ.js";
+
+// src/font/webpack/loader/storybook-nextjs-font-loader.ts
+import { sep } from "node:path";
+
+// src/font/webpack/loader/google/get-font-face-declarations.ts
+import {
+  GoogleFontsDownloadError,
+  GoogleFontsLoadingError
+} from "storybook/internal/server-errors";
+import { fetchCSSFromGoogleFonts } from "next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts.js";
+import { getFontAxes } from "next/dist/compiled/@next/font/dist/google/get-font-axes.js";
+import { getGoogleFontsUrl } from "next/dist/compiled/@next/font/dist/google/get-google-fonts-url.js";
+import { validateGoogleFontFunctionCall } from "next/dist/compiled/@next/font/dist/google/validate-google-font-function-call.js";
+import loaderUtils from "next/dist/compiled/loader-utils3/index.js";
+var cssCache = /* @__PURE__ */ new Map();
+async function getFontFaceDeclarations(options) {
+  const { fontFamily, weights, styles, selectedVariableAxes, display, variable } = validateGoogleFontFunctionCall(options.fontFamily, options.props);
+  const fontAxes = getFontAxes(fontFamily, weights, styles, selectedVariableAxes);
+  const url = getGoogleFontsUrl(fontFamily, fontAxes, display);
+  try {
+    const hasCachedCSS = cssCache.has(url);
+    const fontFaceCSS = hasCachedCSS ? cssCache.get(url) : await fetchCSSFromGoogleFonts(url, fontFamily, true).catch(() => null);
+    if (!hasCachedCSS) {
+      cssCache.set(url, fontFaceCSS);
+    } else {
+      cssCache.delete(url);
+    }
+    if (fontFaceCSS === null) {
+      throw new GoogleFontsDownloadError({
+        fontFamily,
+        url
+      });
+    }
+    return {
+      id: loaderUtils.getHashDigest(url, "md5", "hex", 6),
+      fontFamily,
+      fontFaceCSS,
+      weights,
+      styles,
+      variable
+    };
+  } catch (error) {
+    throw new GoogleFontsLoadingError({ error, url });
+  }
+}
+__name(getFontFaceDeclarations, "getFontFaceDeclarations");
+
+// src/font/webpack/loader/local/get-font-face-declarations.ts
+import { dirname, join } from "node:path";
+import { getProjectRoot } from "storybook/internal/common";
+import { validateLocalFontFunctionCall } from "next/dist/compiled/@next/font/dist/local/validate-local-font-function-call.js";
+import loaderUtils2 from "next/dist/compiled/loader-utils3/index.js";
+async function getFontFaceDeclarations2(options, rootContext, swcMode) {
+  const localFontSrc = options.props.src;
+  const parentFolder = swcMode ? dirname(join(getProjectRoot(), options.filename)).replace(rootContext, "") : dirname(options.filename).replace(rootContext, "");
+  const {
+    weight,
+    style,
+    variable,
+    declarations = []
+  } = validateLocalFontFunctionCall("", options.props);
+  const id = `font-${loaderUtils2.getHashDigest(
+    Buffer.from(JSON.stringify(localFontSrc)),
+    "md5",
+    "hex",
+    6
+  )}`;
+  const fontDeclarations = declarations.map(({ prop, value }) => `${prop}: ${value};`).join("\n");
+  const getFontFaceCSS = /* @__PURE__ */ __name(() => {
+    if (typeof localFontSrc === "string") {
+      const localFontPath = join(parentFolder, localFontSrc).replaceAll("\\", "/");
+      return `@font-face {
           font-family: ${id};
           src: url(.${localFontPath});
           ${fontDeclarations}
-      }`}return localFontSrc.map(font=>{let localFontPath=(0,import_node_path.join)(parentFolder,font.path).replaceAll("\\","/");return`@font-face {
+      }`;
+    }
+    return localFontSrc.map((font) => {
+      const localFontPath = join(parentFolder, font.path).replaceAll("\\", "/");
+      return `@font-face {
           font-family: ${id};
           src: url(.${localFontPath});
-          ${font.weight?`font-weight: ${font.weight};`:""}
-          ${font.style?`font-style: ${font.style};`:""}
+          ${font.weight ? `font-weight: ${font.weight};` : ""}
+          ${font.style ? `font-style: ${font.style};` : ""}
           ${fontDeclarations}
-        }`}).join("")})(),weights:weight?[weight]:[],styles:style?[style]:[],variable}}function getCSSMeta(options){let className=getClassName(options),style=getStylesObj(options),variableClassName=`__variable_${className}`,classNamesCSS=`
+        }`;
+    }).join("");
+  }, "getFontFaceCSS");
+  return {
+    id,
+    fontFamily: id,
+    fontFaceCSS: getFontFaceCSS(),
+    weights: weight ? [weight] : [],
+    styles: style ? [style] : [],
+    variable
+  };
+}
+__name(getFontFaceDeclarations2, "getFontFaceDeclarations");
+
+// src/font/webpack/loader/utils/get-css-meta.ts
+function getCSSMeta(options) {
+  const className = getClassName(options);
+  const style = getStylesObj(options);
+  const variableClassName = `__variable_${className}`;
+  const classNamesCSS = `
     .${className} {
       font-family: ${options.fontFamily};
-      ${isNextCSSPropertyValid(options.styles)?`font-style: ${options.styles[0]};`:""}
-      ${isNextCSSPropertyValid(options.weights)?`font-weight: ${options.weights[0]};`:""}
+      ${isNextCSSPropertyValid(options.styles) ? `font-style: ${options.styles[0]};` : ""}
+      ${isNextCSSPropertyValid(options.weights) ? `font-weight: ${options.weights[0]};` : ""}
     }
 
-    ${options.variable?`.${variableClassName} { ${options.variable}: '${options.fontFamily}'; }`:""}
-  `,fontFaceCSS=`${changeFontDisplayToSwap(options.fontFaceCSS)}`;return{className,fontFaceCSS,classNamesCSS,style,...options.variable?{variableClassName}:{}}}function getClassName({styles,weights,fontFamily}){let font=fontFamily.replaceAll(" ","-").toLowerCase(),style=isNextCSSPropertyValid(styles)?styles[0]:null,weight=isNextCSSPropertyValid(weights)?weights[0]:null;return`${font}${style?`-${style}`:""}${weight?`-${weight}`:""}`}function getStylesObj({styles,weights,fontFamily}){return{fontFamily,...isNextCSSPropertyValid(styles)?{fontStyle:styles[0]}:{},...isNextCSSPropertyValid(weights)?{fontWeight:weights[0]}:{}}}function isNextCSSPropertyValid(prop){return prop.length===1&&prop[0]!=="variable"}function changeFontDisplayToSwap(css){return css.replaceAll("font-display: optional;","font-display: block;")}function setFontDeclarationsInHead({id,fontFaceCSS,classNamesCSS}){return`
+    ${options.variable ? `.${variableClassName} { ${options.variable}: '${options.fontFamily}'; }` : ""}
+  `;
+  const fontFaceCSS = `${changeFontDisplayToSwap(options.fontFaceCSS)}`;
+  return {
+    className,
+    fontFaceCSS,
+    classNamesCSS,
+    style,
+    ...options.variable ? { variableClassName } : {}
+  };
+}
+__name(getCSSMeta, "getCSSMeta");
+function getClassName({ styles, weights, fontFamily }) {
+  const font = fontFamily.replaceAll(" ", "-").toLowerCase();
+  const style = isNextCSSPropertyValid(styles) ? styles[0] : null;
+  const weight = isNextCSSPropertyValid(weights) ? weights[0] : null;
+  return `${font}${style ? `-${style}` : ""}${weight ? `-${weight}` : ""}`;
+}
+__name(getClassName, "getClassName");
+function getStylesObj({ styles, weights, fontFamily }) {
+  return {
+    fontFamily,
+    ...isNextCSSPropertyValid(styles) ? { fontStyle: styles[0] } : {},
+    ...isNextCSSPropertyValid(weights) ? { fontWeight: weights[0] } : {}
+  };
+}
+__name(getStylesObj, "getStylesObj");
+function isNextCSSPropertyValid(prop) {
+  return prop.length === 1 && prop[0] !== "variable";
+}
+__name(isNextCSSPropertyValid, "isNextCSSPropertyValid");
+function changeFontDisplayToSwap(css) {
+  return css.replaceAll("font-display: optional;", "font-display: block;");
+}
+__name(changeFontDisplayToSwap, "changeFontDisplayToSwap");
+
+// src/font/webpack/loader/utils/set-font-declarations-in-head.ts
+function setFontDeclarationsInHead({ id, fontFaceCSS, classNamesCSS }) {
+  return `
     if (!document.getElementById('id-${id}')) {
       const fontDeclarations = \`${fontFaceCSS}\`;
       const style = document.createElement('style');
@@ -32,12 +176,55 @@
       document.head.appendChild(classNamesStyle);
 
     }
-  `}async function storybookNextjsFontLoader(){let loaderOptions=this.getOptions(),swcMode=!1,options;if(Object.keys(loaderOptions).length>0)options=loaderOptions;else{let importQuery=JSON.parse(this.resourceQuery.slice(1));swcMode=!0,options={filename:importQuery.path,fontFamily:importQuery.import,props:importQuery.arguments[0],source:this.context.replace(this.rootContext,"")}}let rootCtx=this.rootContext,fontFaceDeclaration,pathSep=import_node_path2.sep;if((options.source.endsWith(`next${pathSep}font${pathSep}google`)||options.source.endsWith(`@next${pathSep}font${pathSep}google`))&&(fontFaceDeclaration=await getFontFaceDeclarations(options)),(options.source.endsWith(`next${pathSep}font${pathSep}local`)||options.source.endsWith(`@next${pathSep}font${pathSep}local`))&&(fontFaceDeclaration=await getFontFaceDeclarations2(options,rootCtx,swcMode)),typeof fontFaceDeclaration<"u"){let cssMeta=getCSSMeta(fontFaceDeclaration);return`
-    ${setFontDeclarationsInHead({fontFaceCSS:cssMeta.fontFaceCSS,id:fontFaceDeclaration.id,classNamesCSS:cssMeta.classNamesCSS})}
+  `;
+}
+__name(setFontDeclarationsInHead, "setFontDeclarationsInHead");
+
+// src/font/webpack/loader/storybook-nextjs-font-loader.ts
+async function storybookNextjsFontLoader() {
+  const loaderOptions = this.getOptions();
+  let swcMode = false;
+  let options;
+  if (Object.keys(loaderOptions).length > 0) {
+    options = loaderOptions;
+  } else {
+    const importQuery = JSON.parse(this.resourceQuery.slice(1));
+    swcMode = true;
+    options = {
+      filename: importQuery.path,
+      fontFamily: importQuery.import,
+      props: importQuery.arguments[0],
+      source: this.context.replace(this.rootContext, "")
+    };
+  }
+  const rootCtx = this.rootContext;
+  let fontFaceDeclaration;
+  const pathSep = sep;
+  if (options.source.endsWith(`next${pathSep}font${pathSep}google`) || options.source.endsWith(`@next${pathSep}font${pathSep}google`)) {
+    fontFaceDeclaration = await getFontFaceDeclarations(options);
+  }
+  if (options.source.endsWith(`next${pathSep}font${pathSep}local`) || options.source.endsWith(`@next${pathSep}font${pathSep}local`)) {
+    fontFaceDeclaration = await getFontFaceDeclarations2(options, rootCtx, swcMode);
+  }
+  if (typeof fontFaceDeclaration !== "undefined") {
+    const cssMeta = getCSSMeta(fontFaceDeclaration);
+    return `
+    ${setFontDeclarationsInHead({
+      fontFaceCSS: cssMeta.fontFaceCSS,
+      id: fontFaceDeclaration.id,
+      classNamesCSS: cssMeta.classNamesCSS
+    })}
 
     module.exports = {
       className: "${cssMeta.className}", 
       style: ${JSON.stringify(cssMeta.style)}
-      ${cssMeta.variableClassName?`, variable: "${cssMeta.variableClassName}"`:""}
+      ${cssMeta.variableClassName ? `, variable: "${cssMeta.variableClassName}"` : ""}
     }
-    `}return"module.exports = {}"}
+    `;
+  }
+  return `module.exports = {}`;
+}
+__name(storybookNextjsFontLoader, "storybookNextjsFontLoader");
+export {
+  storybookNextjsFontLoader as default
+};

package/dist/image-context.js

@@ -1 +1,8 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__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))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var image_context_exports={};__export(image_context_exports,{ImageContext:()=>ImageContext});module.exports=__toCommonJS(image_context_exports);var import_react=require("react"),ImageContext=(0,import_react.createContext)({});0&&(module.exports={ImageContext});
+import "./_browser-chunks/chunk-L5NVL7MD.js";
+
+// src/image-context.ts
+import { createContext } from "react";
+var ImageContext = createContext({});
+export {
+  ImageContext
+};

package/dist/images/next-image.js

@@ -1 +1,35 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__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))!__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(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var next_image_exports={};__export(next_image_exports,{default:()=>next_image_default,getImageProps:()=>getImageProps});module.exports=__toCommonJS(next_image_exports);var import_react=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context"),NextImageNamespace=__toESM(require("sb-original/next/image"));var defaultLoader=({src,width,quality=75})=>{let missingValues=[];if(src||missingValues.push("src"),width||missingValues.push("width"),missingValues.length>0)throw new Error(`Next Image Optimization requires ${missingValues.join(", ")} to be provided. Make sure you pass them as props to the \`next/image\` component. Received: ${JSON.stringify({src,width,quality})}`);let url=new URL(src,window.location.href);return!url.searchParams.has("w")&&!url.searchParams.has("q")&&(url.searchParams.set("w",width.toString()),url.searchParams.set("q",quality.toString())),!src.startsWith("http://")&&!src.startsWith("https://")?url.toString().slice(url.origin.length):url.toString()};var OriginalNextImage=NextImageNamespace.default,{getImageProps:originalGetImageProps}=NextImageNamespace,ImageContext=import_image_context.ImageContext,MockedNextImage=import_react.default.forwardRef(({loader,...props},ref)=>{let imageParameters=import_react.default.useContext(ImageContext);return import_react.default.createElement(OriginalNextImage,{ref,...imageParameters,...props,loader:loader??defaultLoader})});MockedNextImage.displayName="NextImage";var getImageProps=props=>originalGetImageProps?.({loader:defaultLoader,...props}),next_image_default=MockedNextImage;0&&(module.exports={getImageProps});
+import {
+  defaultLoader
+} from "../_browser-chunks/chunk-I5RFHXDS.js";
+import {
+  __name
+} from "../_browser-chunks/chunk-L5NVL7MD.js";
+
+// src/images/next-image.tsx
+import React from "react";
+import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-context";
+import * as NextImageNamespace from "sb-original/next/image";
+var OriginalNextImage = NextImageNamespace.default;
+var { getImageProps: originalGetImageProps } = NextImageNamespace;
+var ImageContext = ImageContextValue;
+var MockedNextImage = React.forwardRef(
+  ({ loader, ...props }, ref) => {
+    const imageParameters = React.useContext(ImageContext);
+    return React.createElement(
+      OriginalNextImage,
+      {
+        ref,
+        ...imageParameters,
+        ...props,
+        loader: loader ?? defaultLoader
+      }
+    );
+  }
+);
+MockedNextImage.displayName = "NextImage";
+var getImageProps = /* @__PURE__ */ __name((props) => originalGetImageProps?.({ loader: defaultLoader, ...props }), "getImageProps");
+var next_image_default = MockedNextImage;
+export {
+  next_image_default as default,
+  getImageProps
+};

package/dist/images/next-legacy-image.js

@@ -1 +1,21 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__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))!__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(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var next_legacy_image_exports={};__export(next_legacy_image_exports,{default:()=>next_legacy_image_default});module.exports=__toCommonJS(next_legacy_image_exports);var import_react=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context"),import_image=__toESM(require("sb-original/next/legacy/image"));var defaultLoader=({src,width,quality=75})=>{let missingValues=[];if(src||missingValues.push("src"),width||missingValues.push("width"),missingValues.length>0)throw new Error(`Next Image Optimization requires ${missingValues.join(", ")} to be provided. Make sure you pass them as props to the \`next/image\` component. Received: ${JSON.stringify({src,width,quality})}`);let url=new URL(src,window.location.href);return!url.searchParams.has("w")&&!url.searchParams.has("q")&&(url.searchParams.set("w",width.toString()),url.searchParams.set("q",quality.toString())),!src.startsWith("http://")&&!src.startsWith("https://")?url.toString().slice(url.origin.length):url.toString()};var ImageContext=import_image_context.ImageContext;function NextLegacyImage({loader,...props}){let imageParameters=import_react.default.useContext(ImageContext);return import_react.default.createElement(import_image.default,{...imageParameters,...props,loader:loader??defaultLoader})}var next_legacy_image_default=NextLegacyImage;
+import {
+  defaultLoader
+} from "../_browser-chunks/chunk-I5RFHXDS.js";
+import {
+  __name
+} from "../_browser-chunks/chunk-L5NVL7MD.js";
+
+// src/images/next-legacy-image.tsx
+import React from "react";
+import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-context";
+import OriginalNextLegacyImage from "sb-original/next/legacy/image";
+var ImageContext = ImageContextValue;
+function NextLegacyImage({ loader, ...props }) {
+  const imageParameters = React.useContext(ImageContext);
+  return React.createElement(OriginalNextLegacyImage, { ...imageParameters, ...props, loader: loader ?? defaultLoader });
+}
+__name(NextLegacyImage, "NextLegacyImage");
+var next_legacy_image_default = NextLegacyImage;
+export {
+  next_legacy_image_default as default
+};

package/dist/index.d.ts

@@ -1,13 +1,58 @@
 import { PreviewAddon, InferTypes, AddonTypes } from 'storybook/internal/csf';
-import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Args, StoryAnnotationsOrFn, ProjectAnnotations, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
+import { CompatibleString, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Args, StoryAnnotationsOrFn, ProjectAnnotations, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
 import { ReactRenderer, Meta, ReactTypes, ReactPreview } from '@storybook/react';
 export * from '@storybook/react';
-import { N as NextJsTypes } from './types-f6ea2c09.js';
-export { F as FrameworkOptions, a as NextJsParameters, S as StorybookConfig } from './types-f6ea2c09.js';
-import '@storybook/builder-webpack5';
-import '@storybook/preset-react-webpack';
-import 'next/image';
-import 'next/router';
+import { BuilderOptions, StorybookConfigWebpack, TypescriptOptions } from '@storybook/builder-webpack5';
+import { ReactOptions, StorybookConfig as StorybookConfig$1, TypescriptOptions as TypescriptOptions$1 } from '@storybook/preset-react-webpack';
+import * as NextImage from 'next/image';
+import { NextRouter } from 'next/router';
+
+type FrameworkName = CompatibleString<'@storybook/nextjs'>;
+type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
+type FrameworkOptions = ReactOptions & {
+    nextConfigPath?: string;
+    image?: Partial<NextImage.ImageProps>;
+    builder?: BuilderOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    typescript?: Partial<TypescriptOptions & TypescriptOptions$1> & StorybookConfig$1['typescript'];
+};
+/** The interface for Storybook configuration in `main.ts` files. */
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+interface NextJsParameters {
+    /**
+     * Next.js framework configuration
+     *
+     * @see https://storybook.js.org/docs/get-started/frameworks/nextjs
+     */
+    nextjs?: {
+        /**
+         * Enable App Directory features If your story imports components that use next/navigation, you
+         * need to set this parameter to true
+         */
+        appDirectory?: boolean;
+        /**
+         * Next.js navigation configuration when using `next/navigation`. Please note that it can only
+         * be used in components/pages in the app directory.
+         */
+        navigation?: Partial<NextRouter>;
+        /** Next.js router configuration */
+        router?: Partial<NextRouter>;
+    };
+}
+interface NextJsTypes {
+    parameters: NextJsParameters;
+}
 
 /**
  * Function that sets the globalConfig of your storybook. The global config is the preview module of
@@ -93,4 +138,4 @@ declare function definePreview<Addons extends PreviewAddon<never>[]>(preview: {
 interface NextPreview<T extends AddonTypes> extends ReactPreview<NextJsTypes & T> {
 }
 
-export { NextJsTypes, composeStories, composeStory, definePreview, setProjectAnnotations };
+export { type FrameworkOptions, type NextJsParameters, type NextJsTypes, type StorybookConfig, composeStories, composeStory, definePreview, setProjectAnnotations };