@storybook/addon-docs 7.0.0-alpha.47 → 7.0.0-alpha.49

package/dist/DocsRenderer-AJHLT5UG.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-ORIYCP7O.mjs";import"./chunk-HKSD7XQF.mjs";export{b as DocsRenderer,a as defaultComponents};

package/dist/chunk-HKSD7XQF.mjs

@@ -0,0 +1 @@
+var d=(a=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(a,{get:(b,c)=>(typeof require!="undefined"?require:b)[c]}):a)(function(a){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+a+'" is not supported')});export{d as a};

package/dist/chunk-ORIYCP7O.mjs

@@ -0,0 +1 @@
+import r from"react";import t from"react-dom";import{components as c}from"@storybook/components";import{Docs as d,CodeOrSourceMdx as i,AnchorMdx as a,HeadersMdx as u}from"@storybook/blocks";import{MDXProvider as M}from"@mdx-js/react";var l={...c,code:i,a,...u},n=class{constructor(){this.render=(o,e,m,s)=>{let p={...l,...e?.components};t.render(r.createElement(M,{components:p},r.createElement(d,{key:Math.random(),context:o,docsParameter:e})),m,s)},this.unmount=o=>{t.unmountComponentAtNode(o)}}};export{l as a,n as b};

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export * from '@storybook/blocks';
+import { Framework } from '@storybook/types';
+import { DocsRenderFunction } from '@storybook/preview-web';
+
+declare class DocsRenderer<TFramework extends Framework> {
+    render: DocsRenderFunction<TFramework>;
+    unmount: (element: HTMLElement) => void;
+    constructor();
+}
+
+export { DocsRenderer };

package/dist/index.js

@@ -0,0 +1 @@
+var k=Object.create;var i=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var v=(e,o)=>{for(var r in o)i(e,r,{get:o[r],enumerable:!0})},s=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of w(o))!F.call(e,n)&&n!==r&&i(e,n,{get:()=>o[n],enumerable:!(p=D(o,n))||p.enumerable});return e},c=(e,o,r)=>(s(e,o,"default"),r&&s(r,o,"default")),f=(e,o,r)=>(r=e!=null?k(y(e)):{},s(o||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),C=e=>s(i({},"__esModule",{value:!0}),e);var m={};v(m,{DocsRenderer:()=>d});module.exports=C(m);c(m,require("@storybook/blocks"),module.exports);var u=f(require("react")),x=f(require("react-dom")),M=require("@storybook/components"),t=require("@storybook/blocks"),a=require("@mdx-js/react"),T={...M.components,code:t.CodeOrSourceMdx,a:t.AnchorMdx,...t.HeadersMdx},d=class{constructor(){this.render=(o,r,p,n)=>{let l={...T,...r==null?void 0:r.components};x.default.render(u.default.createElement(a.MDXProvider,{components:l},u.default.createElement(t.Docs,{key:Math.random(),context:o,docsParameter:r})),p,n)},this.unmount=o=>{x.default.unmountComponentAtNode(o)}}};0&&(module.exports={DocsRenderer});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{b as r}from"./chunk-ORIYCP7O.mjs";import"./chunk-HKSD7XQF.mjs";export*from"@storybook/blocks";export{r as DocsRenderer};

package/dist/preset.d.ts

@@ -0,0 +1,5 @@
+declare const webpackX: any;
+declare const storyIndexersX: any;
+declare const docsX: any;
+
+export { docsX as docs, storyIndexersX as storyIndexers, webpackX as webpack };

package/dist/preset.js

@@ -0,0 +1,7 @@
+var O=Object.create;var d=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var h=(e,o)=>{for(var r in o)d(e,r,{get:o[r],enumerable:!0})},g=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of S(o))!X.call(e,s)&&s!==r&&d(e,s,{get:()=>o[s],enumerable:!(t=L(o,s))||t.enumerable});return e};var i=(e,o,r)=>(r=e!=null?O($(e)):{},g(o||!e||!e.__esModule?d(r,"default",{value:e,enumerable:!0}):r,e)),A=e=>g(d({},"__esModule",{value:!0}),e);var B={};h(B,{docs:()=>v,storyIndexers:()=>q,webpack:()=>j});module.exports=A(B);var x=i(require("fs-extra")),b=i(require("remark-slug")),k=i(require("remark-external-links")),P=require("ts-dedent"),C=require("@storybook/csf-tools");function f({babelOptions:e,mdxBabelOptions:o,configureJSX:r}){let t=(o==null?void 0:o.plugins)||(e==null?void 0:e.plugins)||[],s=t.filter(a=>{let u=Array.isArray(a)?a[0]:a;return typeof u=="string"?!u.includes("plugin-transform-react-jsx"):!0}),n=[require.resolve("@babel/plugin-transform-react-jsx"),{pragma:"React.createElement",pragmaFrag:"React.Fragment"}],l=r?[...s,n]:t;return{babelrc:!1,configFile:!1,...e,...o,plugins:l}}async function F(e={},o){let r=await o.presets.apply("babelLoaderRef"),{module:t={}}=e,{babelOptions:s,mdxBabelOptions:n,configureJSX:l=!0,csfPluginOptions:a={},sourceLoaderOptions:u=null,transcludeMarkdown:I=!1}=o,c={skipCsf:!0,remarkPlugins:[b.default,k.default]};if(u)throw new Error(P.dedent`
+      Addon-docs no longer uses source-loader in 7.0.
+
+      To update your configuration, please see migration instructions here:
+
+      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#dropped-source-loader--storiesof-static-snippets
+    `);let p=require.resolve("@storybook/mdx2-csf/loader"),m=t.rules||[];return I&&(m=[...m.filter(w=>{var y;return((y=w.test)==null?void 0:y.toString())!=="/\\.md$/"}),{test:/\.md$/,use:[{loader:r,options:f({babelOptions:s,mdxBabelOptions:n,configureJSX:l})},{loader:p,options:c}]}]),{...e,plugins:[...e.plugins||[],...a?[require("@storybook/csf-plugin").webpack(a)]:[]],module:{...t,rules:[...m,{test:/(stories|story)\.mdx$/,use:[{loader:r,options:f({babelOptions:s,mdxBabelOptions:n,configureJSX:l})},{loader:p,options:{...c,skipCsf:!1}}]},{test:/\.mdx$/,exclude:/(stories|story)\.mdx$/,use:[{loader:r,options:f({babelOptions:s,mdxBabelOptions:n,configureJSX:l})},{loader:p,options:c}]}]}}}var R=e=>[{test:/(stories|story)\.mdx$/,indexer:async(r,t)=>{let s=(await x.default.readFile(r,"utf-8")).toString(),{compile:n}=await import("@storybook/mdx2-csf");return s=await n(s,{}),(0,C.loadCsf)(s,{...t,fileName:r}).parse()}},...e||[]],_=e=>({...e,enabled:!0,defaultName:"Docs",docsPage:!0}),j=F,q=R,v=_;0&&(module.exports={docs,storyIndexers,webpack});

package/dist/preset.mjs

@@ -0,0 +1,7 @@
+import{a as d}from"./chunk-HKSD7XQF.mjs";import g from"fs-extra";import b from"remark-slug";import x from"remark-external-links";import{dedent as O}from"ts-dedent";import{loadCsf as k}from"@storybook/csf-tools";function m({babelOptions:e,mdxBabelOptions:n,configureJSX:r}){let s=n?.plugins||e?.plugins||[],o=s.filter(a=>{let l=Array.isArray(a)?a[0]:a;return typeof l=="string"?!l.includes("plugin-transform-react-jsx"):!0}),t=[d.resolve("@babel/plugin-transform-react-jsx"),{pragma:"React.createElement",pragmaFrag:"React.Fragment"}],i=r?[...o,t]:s;return{babelrc:!1,configFile:!1,...e,...n,plugins:i}}async function P(e={},n){let r=await n.presets.apply("babelLoaderRef"),{module:s={}}=e,{babelOptions:o,mdxBabelOptions:t,configureJSX:i=!0,csfPluginOptions:a={},sourceLoaderOptions:l=null,transcludeMarkdown:f=!1}=n,u={skipCsf:!0,remarkPlugins:[b,x]};if(l)throw new Error(O`
+      Addon-docs no longer uses source-loader in 7.0.
+
+      To update your configuration, please see migration instructions here:
+
+      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#dropped-source-loader--storiesof-static-snippets
+    `);let c=d.resolve("@storybook/mdx2-csf/loader"),p=s.rules||[];return f&&(p=[...p.filter(y=>y.test?.toString()!=="/\\.md$/"),{test:/\.md$/,use:[{loader:r,options:m({babelOptions:o,mdxBabelOptions:t,configureJSX:i})},{loader:c,options:u}]}]),{...e,plugins:[...e.plugins||[],...a?[d("@storybook/csf-plugin").webpack(a)]:[]],module:{...s,rules:[...p,{test:/(stories|story)\.mdx$/,use:[{loader:r,options:m({babelOptions:o,mdxBabelOptions:t,configureJSX:i})},{loader:c,options:{...u,skipCsf:!1}}]},{test:/\.mdx$/,exclude:/(stories|story)\.mdx$/,use:[{loader:r,options:m({babelOptions:o,mdxBabelOptions:t,configureJSX:i})},{loader:c,options:u}]}]}}}var C=e=>[{test:/(stories|story)\.mdx$/,indexer:async(r,s)=>{let o=(await g.readFile(r,"utf-8")).toString(),{compile:t}=await import("@storybook/mdx2-csf");return o=await t(o,{}),k(o,{...s,fileName:r}).parse()}},...e||[]],I=e=>({...e,enabled:!0,defaultName:"Docs",docsPage:!0}),h=P,j=C,A=I;export{A as docs,j as storyIndexers,h as webpack};

package/dist/preview.d.ts

@@ -0,0 +1,3 @@
+declare const parameters: any;
+
+export { parameters };

package/dist/preview.js

@@ -0,0 +1 @@
+var k=Object.create;var s=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var T=(o,e)=>()=>(o&&(e=o(o=0)),e);var d=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},a=(o,e,r,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of F(e))!C.call(o,n)&&n!==r&&s(o,n,{get:()=>e[n],enumerable:!(m=D(e,n))||m.enumerable});return o};var u=(o,e,r)=>(r=o!=null?k(v(o)):{},a(e||!o||!o.__esModule?s(r,"default",{value:o,enumerable:!0}):r,o)),b=o=>a(s({},"__esModule",{value:!0}),o);var l={};d(l,{DocsRenderer:()=>i,defaultComponents:()=>M});var p,c,x,t,y,M,i,w=T(()=>{p=u(require("react")),c=u(require("react-dom")),x=require("@storybook/components"),t=require("@storybook/blocks"),y=require("@mdx-js/react"),M={...x.components,code:t.CodeOrSourceMdx,a:t.AnchorMdx,...t.HeadersMdx},i=class{constructor(){this.render=(e,r,m,n)=>{let f={...M,...r==null?void 0:r.components};c.default.render(p.default.createElement(y.MDXProvider,{components:f},p.default.createElement(t.Docs,{key:Math.random(),context:e,docsParameter:r})),m,n)},this.unmount=e=>{c.default.unmountComponentAtNode(e)}}}});var H={};d(H,{parameters:()=>h});module.exports=b(H);var h={docs:{renderer:async()=>{let{DocsRenderer:o}=await Promise.resolve().then(()=>(w(),l));return new o}}};0&&(module.exports={parameters});

package/dist/preview.mjs

@@ -0,0 +1 @@
+import"./chunk-HKSD7XQF.mjs";var r={docs:{renderer:async()=>{let{DocsRenderer:e}=await import("./DocsRenderer-AJHLT5UG.mjs");return new e}}};export{r as parameters};

package/jest-transform-mdx.js

@@ -2,11 +2,11 @@ const path = require('path');
 const { ScriptTransformer } = require('@jest/transform');
 const { dedent } = require('ts-dedent');
 
-const { compileAsync } = require('@storybook/mdx2-csf');
+const { compile } = require('@storybook/mdx2-csf');
 
 module.exports = {
   async processAsync(src, filename, config, { instrument }) {
-    const code = await compileAsync(src, { skipCsf: false });
+    const code = await compile(src, { skipCsf: false });
     const result = dedent`
       /* @jsx mdx */
       import React from 'react'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.47",
+  "version": "7.0.0-alpha.49",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -24,9 +24,44 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/preview.js",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.d.ts"
+    },
+    "./preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
+    },
+    "./dist/preview": {
+      "require": "./dist/preview.js",
+      "import": "./dist/preview.mjs",
+      "types": "./dist/preview.d.ts"
+    },
+    "./dist/preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
+    },
+    "./svelte/HOC.svelte": "./svelte/HOC.svelte",
+    "./ember": "./ember/index.js",
+    "./ember/index.js": "./ember/index.js",
+    "./angular": "./angular/index.js",
+    "./angular/index.js": "./angular/index.js",
+    "./web-components/index.js": "./web-components/index.js",
+    "./jest-transform-mdx.js": "./jest-transform-mdx.js",
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "angular/**/*",
@@ -46,29 +81,21 @@
   ],
   "scripts": {
     "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
-    "prep": "node ../../../scripts/prepare.js"
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^2.1.5",
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/api": "7.0.0-alpha.47",
-    "@storybook/blocks": "7.0.0-alpha.47",
-    "@storybook/components": "7.0.0-alpha.47",
-    "@storybook/core-common": "7.0.0-alpha.47",
-    "@storybook/core-events": "7.0.0-alpha.47",
-    "@storybook/csf-plugin": "7.0.0-alpha.47",
-    "@storybook/csf-tools": "7.0.0-alpha.47",
-    "@storybook/docs-tools": "7.0.0-alpha.47",
+    "@storybook/blocks": "7.0.0-alpha.49",
+    "@storybook/components": "7.0.0-alpha.49",
+    "@storybook/csf-plugin": "7.0.0-alpha.49",
+    "@storybook/csf-tools": "7.0.0-alpha.49",
     "@storybook/mdx2-csf": "next",
-    "@storybook/node-logger": "7.0.0-alpha.47",
-    "@storybook/postinstall": "7.0.0-alpha.47",
-    "@storybook/preview-web": "7.0.0-alpha.47",
-    "@storybook/store": "7.0.0-alpha.47",
-    "@storybook/theming": "7.0.0-alpha.47",
-    "@storybook/types": "7.0.0-alpha.47",
-    "dequal": "^2.0.2",
+    "@storybook/node-logger": "7.0.0-alpha.49",
+    "@storybook/postinstall": "7.0.0-alpha.49",
+    "@storybook/preview-web": "7.0.0-alpha.49",
+    "@storybook/types": "7.0.0-alpha.49",
     "fs-extra": "^9.0.1",
     "global": "^4.4.0",
     "remark-external-links": "^8.0.0",
@@ -94,7 +121,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1c706a4a778831e012343c905f86225fa71491a7",
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts",
+      "./src/preview.ts"
+    ]
+  },
+  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/cjs/preset');
+module.exports = require('./dist/preset');

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/preview';
+export * from './dist/preview';

package/dist/cjs/DocsRenderer.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultComponents = exports.DocsRenderer = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _components = require("@storybook/components");
-
-var _blocks = require("@storybook/blocks");
-
-var _react2 = require("@mdx-js/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// TS doesn't like that we export a component with types that it doesn't know about (TS4203)
-const defaultComponents = Object.assign({}, _components.components, {
-  code: _blocks.CodeOrSourceMdx,
-  a: _blocks.AnchorMdx
-}, _blocks.HeadersMdx);
-exports.defaultComponents = defaultComponents;
-
-class DocsRenderer {
-  constructor() {
-    this.render = void 0;
-    this.unmount = void 0;
-
-    this.render = (context, docsParameter, element, callback) => {
-      // Use a random key to force the container to re-render each time we call `renderDocs`
-      //   TODO: do we still need this? It was needed for angular (legacy) inline rendering:
-      //   https://github.com/storybookjs/storybook/pull/16149
-      const components = Object.assign({}, defaultComponents, docsParameter === null || docsParameter === void 0 ? void 0 : docsParameter.components);
-
-      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
-        components: components
-      }, /*#__PURE__*/_react.default.createElement(_blocks.Docs, {
-        key: Math.random(),
-        context: context,
-        docsParameter: docsParameter
-      })), element, callback);
-    };
-
-    this.unmount = element => {
-      _reactDom.default.unmountComponentAtNode(element);
-    };
-  }
-
-}
-
-exports.DocsRenderer = DocsRenderer;

package/dist/cjs/blocks.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _blocks = require("@storybook/blocks");
-
-Object.keys(_blocks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _blocks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _blocks[key];
-    }
-  });
-});

package/dist/cjs/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  DocsRenderer: true
-};
-Object.defineProperty(exports, "DocsRenderer", {
-  enumerable: true,
-  get: function () {
-    return _DocsRenderer.DocsRenderer;
-  }
-});
-
-var _blocks = require("./blocks");
-
-Object.keys(_blocks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _blocks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _blocks[key];
-    }
-  });
-});
-
-var _DocsRenderer = require("./DocsRenderer");

package/dist/cjs/preset.js

@@ -1,179 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storyIndexers = exports.docs = void 0;
-exports.webpack = webpack;
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-var _remarkSlug = _interopRequireDefault(require("remark-slug"));
-
-var _remarkExternalLinks = _interopRequireDefault(require("remark-external-links"));
-
-var _tsDedent = require("ts-dedent");
-
-var _csfTools = require("@storybook/csf-tools");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function createBabelOptions({
-  babelOptions,
-  mdxBabelOptions,
-  configureJSX
-}) {
-  const babelPlugins = (mdxBabelOptions === null || mdxBabelOptions === void 0 ? void 0 : mdxBabelOptions.plugins) || (babelOptions === null || babelOptions === void 0 ? void 0 : babelOptions.plugins) || [];
-  const filteredBabelPlugins = babelPlugins.filter(p => {
-    const name = Array.isArray(p) ? p[0] : p;
-
-    if (typeof name === 'string') {
-      return !name.includes('plugin-transform-react-jsx');
-    }
-
-    return true;
-  });
-  const jsxPlugin = [require.resolve('@babel/plugin-transform-react-jsx'), {
-    pragma: 'React.createElement',
-    pragmaFrag: 'React.Fragment'
-  }];
-  const plugins = configureJSX ? [...filteredBabelPlugins, jsxPlugin] : babelPlugins;
-  return Object.assign({
-    // don't use the root babelrc by default (users can override this in mdxBabelOptions)
-    babelrc: false,
-    configFile: false
-  }, babelOptions, mdxBabelOptions, {
-    plugins
-  });
-}
-
-async function webpack(webpackConfig = {}, options) {
-  const resolvedBabelLoader = await options.presets.apply('babelLoaderRef');
-  const {
-    module = {}
-  } = webpackConfig; // it will reuse babel options that are already in use in storybook
-  // also, these babel options are chained with other presets.
-
-  const {
-    babelOptions,
-    mdxBabelOptions,
-    configureJSX = true,
-    csfPluginOptions = {},
-    sourceLoaderOptions = null,
-    transcludeMarkdown = false
-  } = options;
-  const mdxLoaderOptions = {
-    // whether to skip storybook files, useful for docs only mdx or md files
-    skipCsf: true,
-    remarkPlugins: [_remarkSlug.default, _remarkExternalLinks.default]
-  };
-
-  if (sourceLoaderOptions) {
-    throw new Error((0, _tsDedent.dedent)`
-      Addon-docs no longer uses source-loader in 7.0.
-
-      To update your configuration, please see migration instructions here:
-
-      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#dropped-source-loader--storiesof-static-snippets
-    `);
-  }
-
-  const mdxLoader = require.resolve('@storybook/mdx2-csf/loader');
-
-  let rules = module.rules || [];
-
-  if (transcludeMarkdown) {
-    rules = [...rules.filter(rule => {
-      var _rule$test;
-
-      return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) !== '/\\.md$/';
-    }), {
-      test: /\.md$/,
-      use: [{
-        loader: resolvedBabelLoader,
-        options: createBabelOptions({
-          babelOptions,
-          mdxBabelOptions,
-          configureJSX
-        })
-      }, {
-        loader: mdxLoader,
-        options: mdxLoaderOptions
-      }]
-    }];
-  }
-
-  const result = Object.assign({}, webpackConfig, {
-    plugins: [...(webpackConfig.plugins || []), // eslint-disable-next-line global-require
-    ...(csfPluginOptions ? [require('@storybook/csf-plugin').webpack(csfPluginOptions)] : [])],
-    module: Object.assign({}, module, {
-      rules: [...rules, {
-        test: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions,
-            mdxBabelOptions,
-            configureJSX
-          })
-        }, {
-          loader: mdxLoader,
-          options: Object.assign({}, mdxLoaderOptions, {
-            skipCsf: false
-          })
-        }]
-      }, {
-        test: /\.mdx$/,
-        exclude: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions,
-            mdxBabelOptions,
-            configureJSX
-          })
-        }, {
-          loader: mdxLoader,
-          options: mdxLoaderOptions
-        }]
-      }]
-    })
-  });
-  return result;
-}
-
-const storyIndexers = async indexers => {
-  const mdxIndexer = async (fileName, opts) => {
-    let code = (await _fsExtra.default.readFile(fileName, 'utf-8')).toString(); // @ts-expect-error (Converted from ts-ignore)
-
-    const {
-      compile
-    } = await Promise.resolve().then(() => _interopRequireWildcard(require('@storybook/mdx2-csf')));
-    code = await compile(code, {});
-    return (0, _csfTools.loadCsf)(code, Object.assign({}, opts, {
-      fileName
-    })).parse();
-  };
-
-  return [{
-    test: /(stories|story)\.mdx$/,
-    indexer: mdxIndexer,
-    addDocsTemplate: true
-  }, ...(indexers || [])];
-};
-
-exports.storyIndexers = storyIndexers;
-
-const docs = docsOptions => {
-  return Object.assign({}, docsOptions, {
-    enabled: true,
-    defaultName: 'Docs',
-    docsPage: true
-  });
-};
-
-exports.docs = docs;

package/dist/cjs/preview.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = void 0;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const parameters = {
-  docs: {
-    renderer: async () => {
-      const {
-        DocsRenderer
-      } = await Promise.resolve().then(() => _interopRequireWildcard(require('./DocsRenderer')));
-      return new DocsRenderer();
-    }
-  }
-};
-exports.parameters = parameters;

package/dist/cjs/shared.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SourceType = exports.SNIPPET_RENDERED = exports.PARAM_KEY = exports.PANEL_ID = exports.ADDON_ID = void 0;
-const ADDON_ID = 'storybook/docs';
-exports.ADDON_ID = ADDON_ID;
-const PANEL_ID = `${ADDON_ID}/panel`;
-exports.PANEL_ID = PANEL_ID;
-const PARAM_KEY = `docs`;
-exports.PARAM_KEY = PARAM_KEY;
-const SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
-exports.SNIPPET_RENDERED = SNIPPET_RENDERED;
-let SourceType;
-exports.SourceType = SourceType;
-
-(function (SourceType) {
-  SourceType["AUTO"] = "auto";
-  SourceType["CODE"] = "code";
-  SourceType["DYNAMIC"] = "dynamic";
-})(SourceType || (exports.SourceType = SourceType = {}));

package/dist/esm/DocsRenderer.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { components as htmlComponents } from '@storybook/components';
-import { Docs, CodeOrSourceMdx, AnchorMdx, HeadersMdx } from '@storybook/blocks';
-import { MDXProvider } from '@mdx-js/react'; // TS doesn't like that we export a component with types that it doesn't know about (TS4203)
-
-export const defaultComponents = Object.assign({}, htmlComponents, {
-  code: CodeOrSourceMdx,
-  a: AnchorMdx
-}, HeadersMdx);
-export class DocsRenderer {
-  constructor() {
-    this.render = void 0;
-    this.unmount = void 0;
-
-    this.render = (context, docsParameter, element, callback) => {
-      // Use a random key to force the container to re-render each time we call `renderDocs`
-      //   TODO: do we still need this? It was needed for angular (legacy) inline rendering:
-      //   https://github.com/storybookjs/storybook/pull/16149
-      const components = Object.assign({}, defaultComponents, docsParameter?.components);
-      ReactDOM.render( /*#__PURE__*/React.createElement(MDXProvider, {
-        components: components
-      }, /*#__PURE__*/React.createElement(Docs, {
-        key: Math.random(),
-        context: context,
-        docsParameter: docsParameter
-      })), element, callback);
-    };
-
-    this.unmount = element => {
-      ReactDOM.unmountComponentAtNode(element);
-    };
-  }
-
-}

package/dist/esm/blocks.js

@@ -1 +0,0 @@
-export * from '@storybook/blocks';

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-export * from './blocks';
-export { DocsRenderer } from './DocsRenderer';

package/dist/esm/preset.js

@@ -1,153 +0,0 @@
-import fs from 'fs-extra';
-import remarkSlug from 'remark-slug';
-import remarkExternalLinks from 'remark-external-links';
-import { dedent } from 'ts-dedent';
-import { loadCsf } from '@storybook/csf-tools'; // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
-function createBabelOptions({
-  babelOptions,
-  mdxBabelOptions,
-  configureJSX
-}) {
-  const babelPlugins = mdxBabelOptions?.plugins || babelOptions?.plugins || [];
-  const filteredBabelPlugins = babelPlugins.filter(p => {
-    const name = Array.isArray(p) ? p[0] : p;
-
-    if (typeof name === 'string') {
-      return !name.includes('plugin-transform-react-jsx');
-    }
-
-    return true;
-  });
-  const jsxPlugin = [require.resolve('@babel/plugin-transform-react-jsx'), {
-    pragma: 'React.createElement',
-    pragmaFrag: 'React.Fragment'
-  }];
-  const plugins = configureJSX ? [...filteredBabelPlugins, jsxPlugin] : babelPlugins;
-  return Object.assign({
-    // don't use the root babelrc by default (users can override this in mdxBabelOptions)
-    babelrc: false,
-    configFile: false
-  }, babelOptions, mdxBabelOptions, {
-    plugins
-  });
-}
-
-export async function webpack(webpackConfig = {}, options) {
-  const resolvedBabelLoader = await options.presets.apply('babelLoaderRef');
-  const {
-    module = {}
-  } = webpackConfig; // it will reuse babel options that are already in use in storybook
-  // also, these babel options are chained with other presets.
-
-  const {
-    babelOptions,
-    mdxBabelOptions,
-    configureJSX = true,
-    csfPluginOptions = {},
-    sourceLoaderOptions = null,
-    transcludeMarkdown = false
-  } = options;
-  const mdxLoaderOptions = {
-    // whether to skip storybook files, useful for docs only mdx or md files
-    skipCsf: true,
-    remarkPlugins: [remarkSlug, remarkExternalLinks]
-  };
-
-  if (sourceLoaderOptions) {
-    throw new Error(dedent`
-      Addon-docs no longer uses source-loader in 7.0.
-
-      To update your configuration, please see migration instructions here:
-
-      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#dropped-source-loader--storiesof-static-snippets
-    `);
-  }
-
-  const mdxLoader = require.resolve('@storybook/mdx2-csf/loader');
-
-  let rules = module.rules || [];
-
-  if (transcludeMarkdown) {
-    rules = [...rules.filter(rule => rule.test?.toString() !== '/\\.md$/'), {
-      test: /\.md$/,
-      use: [{
-        loader: resolvedBabelLoader,
-        options: createBabelOptions({
-          babelOptions,
-          mdxBabelOptions,
-          configureJSX
-        })
-      }, {
-        loader: mdxLoader,
-        options: mdxLoaderOptions
-      }]
-    }];
-  }
-
-  const result = Object.assign({}, webpackConfig, {
-    plugins: [...(webpackConfig.plugins || []), // eslint-disable-next-line global-require
-    ...(csfPluginOptions ? [require('@storybook/csf-plugin').webpack(csfPluginOptions)] : [])],
-    module: Object.assign({}, module, {
-      rules: [...rules, {
-        test: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions,
-            mdxBabelOptions,
-            configureJSX
-          })
-        }, {
-          loader: mdxLoader,
-          options: Object.assign({}, mdxLoaderOptions, {
-            skipCsf: false
-          })
-        }]
-      }, {
-        test: /\.mdx$/,
-        exclude: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions,
-            mdxBabelOptions,
-            configureJSX
-          })
-        }, {
-          loader: mdxLoader,
-          options: mdxLoaderOptions
-        }]
-      }]
-    })
-  });
-  return result;
-}
-export const storyIndexers = async indexers => {
-  const mdxIndexer = async (fileName, opts) => {
-    let code = (await fs.readFile(fileName, 'utf-8')).toString(); // @ts-expect-error (Converted from ts-ignore)
-
-    const {
-      compile
-    } = await import('@storybook/mdx2-csf');
-    code = await compile(code, {});
-    return loadCsf(code, Object.assign({}, opts, {
-      fileName
-    })).parse();
-  };
-
-  return [{
-    test: /(stories|story)\.mdx$/,
-    indexer: mdxIndexer,
-    addDocsTemplate: true
-  }, ...(indexers || [])];
-};
-export const docs = docsOptions => {
-  return Object.assign({}, docsOptions, {
-    enabled: true,
-    defaultName: 'Docs',
-    docsPage: true
-  });
-};

package/dist/esm/preview.js

@@ -1,10 +0,0 @@
-export const parameters = {
-  docs: {
-    renderer: async () => {
-      const {
-        DocsRenderer
-      } = await import('./DocsRenderer');
-      return new DocsRenderer();
-    }
-  }
-};

package/dist/esm/shared.js

@@ -1,11 +0,0 @@
-export const ADDON_ID = 'storybook/docs';
-export const PANEL_ID = `${ADDON_ID}/panel`;
-export const PARAM_KEY = `docs`;
-export const SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
-export let SourceType;
-
-(function (SourceType) {
-  SourceType["AUTO"] = "auto";
-  SourceType["CODE"] = "code";
-  SourceType["DYNAMIC"] = "dynamic";
-})(SourceType || (SourceType = {}));

package/dist/types/DocsRenderer.d.ts

@@ -1,8 +0,0 @@
-import type { AnyFramework } from '@storybook/types';
-import type { DocsRenderFunction } from '@storybook/preview-web';
-export declare const defaultComponents: Record<string, any>;
-export declare class DocsRenderer<TFramework extends AnyFramework> {
-    render: DocsRenderFunction<TFramework>;
-    unmount: (element: HTMLElement) => void;
-    constructor();
-}

package/dist/types/blocks.d.ts

@@ -1 +0,0 @@
-export * from '@storybook/blocks';

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './blocks';
-export { DocsRenderer } from './DocsRenderer';

package/dist/types/preset.d.ts

@@ -1,21 +0,0 @@
-import type { CoreCommon_StoryIndexer, DocsOptions, Options } from '@storybook/types';
-import type { CsfPluginOptions } from '@storybook/csf-plugin';
-declare type BabelParams = {
-    babelOptions?: any;
-    mdxBabelOptions?: any;
-    configureJSX?: boolean;
-};
-export declare function webpack(webpackConfig: any, options: Options & BabelParams & {
-    /** @deprecated */
-    sourceLoaderOptions: any;
-    csfPluginOptions: CsfPluginOptions | null;
-    transcludeMarkdown: boolean;
-}): Promise<any>;
-export declare const storyIndexers: (indexers: CoreCommon_StoryIndexer[] | null) => Promise<CoreCommon_StoryIndexer[]>;
-export declare const docs: (docsOptions: DocsOptions) => {
-    enabled: boolean;
-    defaultName: string;
-    docsPage: boolean;
-    docsMode?: boolean;
-};
-export {};

package/dist/types/preview.d.ts

@@ -1 +0,0 @@
-export declare const parameters: any;

package/dist/types/shared.d.ts

@@ -1,24 +0,0 @@
-export declare const ADDON_ID = "storybook/docs";
-export declare const PANEL_ID: string;
-export declare const PARAM_KEY = "docs";
-export declare const SNIPPET_RENDERED: string;
-export declare enum SourceType {
-    /**
-     * AUTO is the default
-     *
-     * Use the CODE logic if:
-     * - the user has set a custom source snippet in `docs.source.code` story parameter
-     * - the story is not an args-based story
-     *
-     * Use the DYNAMIC rendered snippet if the story is an args story
-     */
-    AUTO = "auto",
-    /**
-     * Render the code extracted by source-loader
-     */
-    CODE = "code",
-    /**
-     * Render dynamically-rendered source snippet from the story's virtual DOM (currently React only)
-     */
-    DYNAMIC = "dynamic"
-}