@storybook/addon-docs 10.2.0-alpha.1 → 10.2.0-alpha.10

package/dist/ember/index.js

@@ -1,4 +1,4 @@
-import "../_browser-chunks/chunk-A242L54C.js";
+import "../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/ember/index.ts
 var setJSONDoc = (jsondoc) => {

package/dist/index.d.ts

@@ -140,8 +140,6 @@ type SourceBlockParameters = {
     /**
      * The formatting used on source code. Both true and 'dedent' have the same effect of removing any
      * extraneous indentation. Supports all valid prettier parser names.
-     *
-     * @see https://storybook.js.org/docs/api/doc-blocks/doc-block-source#format
      */
     format?: boolean | 'dedent' | string;
     /** Source code language */

package/dist/index.js

@@ -3,8 +3,8 @@ import {
 } from "./_browser-chunks/chunk-OATZR77O.js";
 import {
   preview_exports
-} from "./_browser-chunks/chunk-UUESKCKV.js";
-import "./_browser-chunks/chunk-A242L54C.js";
+} from "./_browser-chunks/chunk-S4QKU6I5.js";
+import "./_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/index.ts
 import { definePreviewAddon } from "storybook/internal/csf";

package/dist/manager.js

@@ -1,7 +1,7 @@
 import {
   Source
-} from "./_browser-chunks/chunk-DDRHE7EB.js";
-import "./_browser-chunks/chunk-A242L54C.js";
+} from "./_browser-chunks/chunk-AAVP3AE4.js";
+import "./_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/manager.tsx
 import React, { useEffect, useState } from "react";
@@ -13,6 +13,39 @@ import { ignoreSsrWarning, styled, useTheme } from "storybook/theming";
 var ADDON_ID = "storybook/docs", PANEL_ID = `${ADDON_ID}/panel`, PARAM_KEY = "docs", SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
 
 // src/manager.tsx
+var CodePanel = ({
+  active,
+  lastEvent,
+  currentStoryId
+}) => {
+  let [codeSnippet, setSourceCode] = useState({
+    source: lastEvent?.source,
+    format: lastEvent?.format ?? void 0
+  }), parameter = useParameter(PARAM_KEY, {
+    source: { code: "" },
+    theme: "dark"
+  });
+  useEffect(() => {
+    setSourceCode({
+      source: void 0,
+      format: void 0
+    });
+  }, [currentStoryId]), useChannel({
+    [SNIPPET_RENDERED]: ({ source, format }) => {
+      setSourceCode({ source, format });
+    }
+  });
+  let isDark = useTheme().base !== "light";
+  return React.createElement(AddonPanel, { active: !!active }, React.createElement(SourceStyles, null, React.createElement(
+    Source,
+    {
+      ...parameter.source,
+      code: parameter.source?.code || codeSnippet.source || parameter.source?.originalSource,
+      format: codeSnippet.format,
+      dark: isDark
+    }
+  )));
+};
 addons.register(ADDON_ID, (api) => {
   addons.add(PANEL_ID, {
     title: "Code",
@@ -34,33 +67,8 @@ addons.register(ADDON_ID, (api) => {
     disabled: (parameters) => !parameters?.docs?.codePanel,
     match: ({ viewMode }) => viewMode === "story",
     render: ({ active }) => {
-      let channel = api.getChannel(), currentStory = api.getCurrentStoryData(), lastEvent = channel?.last(SNIPPET_RENDERED)?.[0], [codeSnippet, setSourceCode] = useState({
-        source: lastEvent?.source,
-        format: lastEvent?.format ?? void 0
-      }), parameter = useParameter(PARAM_KEY, {
-        source: { code: "" },
-        theme: "dark"
-      });
-      useEffect(() => {
-        setSourceCode({
-          source: void 0,
-          format: void 0
-        });
-      }, [currentStory?.id]), useChannel({
-        [SNIPPET_RENDERED]: ({ source, format }) => {
-          setSourceCode({ source, format });
-        }
-      });
-      let isDark = useTheme().base !== "light";
-      return React.createElement(AddonPanel, { active: !!active }, React.createElement(SourceStyles, null, React.createElement(
-        Source,
-        {
-          ...parameter.source,
-          code: parameter.source?.code || codeSnippet.source || parameter.source?.originalSource,
-          format: codeSnippet.format,
-          dark: isDark
-        }
-      )));
+      let channel = api.getChannel(), currentStory = api.getCurrentStoryData(), lastEvent = channel?.last(SNIPPET_RENDERED)?.[0];
+      return React.createElement(CodePanel, { currentStoryId: currentStory?.id, lastEvent, active });
     }
   });
 });

package/dist/mdx-loader.js

@@ -1,20 +1,20 @@
-import CJS_COMPAT_NODE_URL_wd9rpacki8 from 'node:url';
-import CJS_COMPAT_NODE_PATH_wd9rpacki8 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wd9rpacki8 from "node:module";
+import CJS_COMPAT_NODE_URL_1w2xlnkxb79 from 'node:url';
+import CJS_COMPAT_NODE_PATH_1w2xlnkxb79 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1w2xlnkxb79 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wd9rpacki8.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wd9rpacki8.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wd9rpacki8.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1w2xlnkxb79.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1w2xlnkxb79.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1w2xlnkxb79.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   compile
-} from "./_node-chunks/chunk-OBFRARTH.js";
-import "./_node-chunks/chunk-3I43UR4Y.js";
-import "./_node-chunks/chunk-CBKT5XUX.js";
-import "./_node-chunks/chunk-PBPABQD4.js";
+} from "./_node-chunks/chunk-JOA4L436.js";
+import "./_node-chunks/chunk-ZSZBTQUU.js";
+import "./_node-chunks/chunk-2AMBYFOA.js";
+import "./_node-chunks/chunk-W5EZ2JLN.js";
 
 // src/mdx-loader.ts
 var DEFAULT_RENDERER = `

package/dist/preset.js

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_wd9rpacki8 from 'node:url';
-import CJS_COMPAT_NODE_PATH_wd9rpacki8 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wd9rpacki8 from "node:module";
+import CJS_COMPAT_NODE_URL_1w2xlnkxb79 from 'node:url';
+import CJS_COMPAT_NODE_PATH_1w2xlnkxb79 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1w2xlnkxb79 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wd9rpacki8.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wd9rpacki8.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wd9rpacki8.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1w2xlnkxb79.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1w2xlnkxb79.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1w2xlnkxb79.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "./_node-chunks/chunk-PBPABQD4.js";
+import "./_node-chunks/chunk-W5EZ2JLN.js";
 
 // src/preset.ts
 import { isAbsolute as isAbsolute2 } from "node:path";
@@ -19,7 +19,7 @@ import { logger } from "storybook/internal/node-logger";
 // ../../core/src/shared/utils/module.ts
 import { fileURLToPath, pathToFileURL } from "node:url";
 
-// ../../node_modules/exsolve/dist/index.mjs
+// ../../../node_modules/exsolve/dist/index.mjs
 import assert from "node:assert";
 import v8 from "node:v8";
 import { format, inspect } from "node:util";
@@ -143,7 +143,7 @@ var hasOwnProperty = {}.hasOwnProperty;
 var RegExpPrototypeSymbolReplace = RegExp.prototype[Symbol.replace], own = {}.hasOwnProperty;
 var isWindows = process.platform === "win32", globalCache = globalThis.__EXSOLVE_CACHE__ ||= /* @__PURE__ */ new Map();
 
-// ../../node_modules/pathe/dist/shared/pathe.ff20891b.mjs
+// ../../../node_modules/pathe/dist/shared/pathe.ff20891b.mjs
 var _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
 function normalizeWindowsPath(input = "") {
   return input && input.replace(/\\/g, "/").replace(_DRIVE_LETTER_START_RE, (r) => r.toUpperCase());
@@ -227,7 +227,7 @@ var getResolvedReact = async (options) => {
   };
 };
 async function webpack(webpackConfig = {}, options) {
-  let { module = {} } = webpackConfig, { csfPluginOptions = {}, mdxPluginOptions = {} } = options, enrichCsf = await options.presets.apply("experimental_enrichCsf"), rehypeSlug = (await import("./_node-chunks/rehype-slug-JH43HCVQ.js")).default, rehypeExternalLinks = (await import("./_node-chunks/rehype-external-links-VMNWOUNT.js")).default, mdxLoaderOptions = await options.presets.apply("mdxLoaderOptions", {
+  let { module = {} } = webpackConfig, { csfPluginOptions = {}, mdxPluginOptions = {} } = options, enrichCsf = await options.presets.apply("experimental_enrichCsf"), rehypeSlug = (await import("./_node-chunks/rehype-slug-6JL7OKAU.js")).default, rehypeExternalLinks = (await import("./_node-chunks/rehype-external-links-JPRWE46L.js")).default, mdxLoaderOptions = await options.presets.apply("mdxLoaderOptions", {
     ...mdxPluginOptions,
     mdxCompileOptions: {
       providerImportSource: import.meta.resolve("@storybook/addon-docs/mdx-react-shim"),
@@ -303,7 +303,7 @@ var docs = (input = {}, options) => {
 }, addons = [
   import.meta.resolve("@storybook/react-dom-shim/preset")
 ], viteFinal = async (config, options) => {
-  let { plugins = [] } = config, { mdxPlugin } = await import("./_node-chunks/mdx-plugin-IWKZADK4.js"), { react, reactDom, mdx } = await getResolvedReact(options), packageDeduplicationPlugin = {
+  let { plugins = [] } = config, { mdxPlugin } = await import("./_node-chunks/mdx-plugin-OX2BZW75.js"), { react, reactDom, mdx } = await getResolvedReact(options), packageDeduplicationPlugin = {
     name: "storybook:package-deduplication",
     enforce: "pre",
     config: () => ({

package/dist/preview.js

@@ -1,7 +1,7 @@
 import {
   parameters
-} from "./_browser-chunks/chunk-UUESKCKV.js";
-import "./_browser-chunks/chunk-A242L54C.js";
+} from "./_browser-chunks/chunk-S4QKU6I5.js";
+import "./_browser-chunks/chunk-SL3VIQZ3.js";
 export {
   parameters
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "10.2.0-alpha.1",
+  "version": "10.2.0-alpha.10",
   "description": "Storybook Docs: Document UI components automatically with stories and MDX",
   "keywords": [
     "docs",
@@ -78,15 +78,11 @@
     "*.d.ts",
     "!src/**/*"
   ],
-  "scripts": {
-    "check": "jiti ../../../scripts/check/check-package.ts",
-    "prep": "jiti ../../../scripts/build/build-package.ts"
-  },
   "dependencies": {
     "@mdx-js/react": "^3.0.0",
-    "@storybook/csf-plugin": "10.2.0-alpha.1",
-    "@storybook/icons": "^2.0.0",
-    "@storybook/react-dom-shim": "10.2.0-alpha.1",
+    "@storybook/csf-plugin": "10.2.0-alpha.10",
+    "@storybook/icons": "^2.0.1",
+    "@storybook/react-dom-shim": "10.2.0-alpha.10",
     "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",
     "ts-dedent": "^2.0.0"
@@ -97,7 +93,7 @@
     "@types/color-convert": "^2.0.0",
     "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "color-convert": "^2.0.1",
-    "es-toolkit": "^1.36.0",
+    "es-toolkit": "^1.43.0",
     "github-slugger": "^2.0.0",
     "markdown-to-jsx": "^7.7.2",
     "memoizerific": "^1.11.3",
@@ -109,11 +105,11 @@
     "rehype-slug": "^6.0.0",
     "telejson": "8.0.0",
     "tocbot": "^4.20.1",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.3",
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^10.2.0-alpha.1"
+    "storybook": "^10.2.0-alpha.10"
   },
   "publishConfig": {
     "access": "public"