@storybook/addon-docs 10.2.0-alpha.4 → 10.2.0-alpha.6

package/dist/_browser-chunks/{Color-O2RRNL2I.js → Color-H3YISJBG.js}

@@ -5,7 +5,7 @@ import {
 import {
   __commonJS,
   __toESM
-} from "./chunk-A242L54C.js";
+} from "./chunk-SL3VIQZ3.js";
 
 // ../../../node_modules/color-name/index.js
 var require_color_name = __commonJS({

package/dist/_browser-chunks/{DocsRenderer-GHJI37HO.js → DocsRenderer-LL677BLK.js}

@@ -2,7 +2,7 @@ import {
   DocsRenderer,
   defaultComponents
 } from "./chunk-OATZR77O.js";
-import "./chunk-A242L54C.js";
+import "./chunk-SL3VIQZ3.js";
 export {
   DocsRenderer,
   defaultComponents

package/dist/_browser-chunks/{chunk-UUESKCKV.js → chunk-S4QKU6I5.js}

@@ -1,6 +1,6 @@
 import {
   __export
-} from "./chunk-A242L54C.js";
+} from "./chunk-SL3VIQZ3.js";
 
 // src/preview.ts
 var preview_exports = {};
@@ -16,7 +16,7 @@ var excludeTags = Object.entries(globalThis.TAGS_OPTIONS ?? {}).reduce(
 ), parameters = {
   docs: {
     renderer: async () => {
-      let { DocsRenderer } = await import("./DocsRenderer-GHJI37HO.js");
+      let { DocsRenderer } = await import("./DocsRenderer-LL677BLK.js");
       return new DocsRenderer();
     },
     stories: {

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

@@ -3,12 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(x, {
-  get: (a, b) => (typeof require < "u" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require < "u") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 var __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -31,7 +25,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 export {
-  __require,
   __commonJS,
   __export,
   __toESM

package/dist/_node-chunks/{chunk-I3T27CW7.js → chunk-6SOXNS35.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,15 +12,15 @@ var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
 import {
   esm_default,
   stringify
-} from "./chunk-CDQW5VGQ.js";
+} from "./chunk-C3UNWFAF.js";
 import {
   visit
-} from "./chunk-S6VKT4ZH.js";
+} from "./chunk-U56BDQHO.js";
 import {
   __commonJS,
   __export,
   __toESM
-} from "./chunk-S5UNRLPK.js";
+} from "./chunk-INKPYUUP.js";
 
 // ../../../node_modules/@mdx-js/mdx/node_modules/acorn-jsx/xhtml.js
 var require_xhtml = __commonJS({

package/dist/_node-chunks/{chunk-CDQW5VGQ.js → chunk-C3UNWFAF.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-S5UNRLPK.js → chunk-INKPYUUP.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-S6VKT4ZH.js → chunk-U56BDQHO.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{mdx-plugin-NAHYGRA7.js → mdx-plugin-SVROF7CN.js}

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   compile
-} from "./chunk-I3T27CW7.js";
-import "./chunk-CDQW5VGQ.js";
-import "./chunk-S6VKT4ZH.js";
+} from "./chunk-6SOXNS35.js";
+import "./chunk-C3UNWFAF.js";
+import "./chunk-U56BDQHO.js";
 import {
   __commonJS,
   __toESM
-} from "./chunk-S5UNRLPK.js";
+} from "./chunk-INKPYUUP.js";
 
 // ../../../node_modules/@rollup/pluginutils/node_modules/picomatch/lib/constants.js
 var require_constants = __commonJS({
@@ -1000,7 +1000,7 @@ var hasStringIsWellFormed = "isWellFormed" in String.prototype;
 
 // src/mdx-plugin.ts
 async function mdxPlugin(options) {
-  let filter = createFilter(/\.mdx$/), { presets } = options, mdxPluginOptions = (await presets.apply("options", {}))?.mdxPluginOptions, rehypeSlug = (await import("./rehype-slug-SSBKHCKV.js")).default, rehypeExternalLinks = (await import("./rehype-external-links-IHBD3GB5.js")).default;
+  let filter = createFilter(/\.mdx$/), { presets } = options, mdxPluginOptions = (await presets.apply("options", {}))?.mdxPluginOptions, rehypeSlug = (await import("./rehype-slug-GAVJN67P.js")).default, rehypeExternalLinks = (await import("./rehype-external-links-H4RVSOMR.js")).default;
   return {
     name: "storybook:mdx-plugin",
     enforce: "pre",

package/dist/_node-chunks/{rehype-external-links-IHBD3GB5.js → rehype-external-links-H4RVSOMR.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,11 +12,11 @@ var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
 import {
   esm_default,
   parse
-} from "./chunk-CDQW5VGQ.js";
+} from "./chunk-C3UNWFAF.js";
 import {
   visit
-} from "./chunk-S6VKT4ZH.js";
-import "./chunk-S5UNRLPK.js";
+} from "./chunk-U56BDQHO.js";
+import "./chunk-INKPYUUP.js";
 
 // ../../../node_modules/hast-util-is-element/lib/index.js
 var convertElement = (

package/dist/_node-chunks/{rehype-slug-SSBKHCKV.js → rehype-slug-GAVJN67P.js}

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   visit
-} from "./chunk-S6VKT4ZH.js";
-import "./chunk-S5UNRLPK.js";
+} from "./chunk-U56BDQHO.js";
+import "./chunk-INKPYUUP.js";
 
 // ../../../node_modules/github-slugger/regex.js
 var regex = /[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g;

package/dist/angular/index.js

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

package/dist/blocks.js

@@ -30,139 +30,8 @@ import {
   rgba
 } from "./_browser-chunks/chunk-AAVP3AE4.js";
 import {
-  __commonJS,
-  __export,
-  __require,
-  __toESM
-} from "./_browser-chunks/chunk-A242L54C.js";
-
-// ../../../node_modules/memoizerific/memoizerific.js
-var require_memoizerific = __commonJS({
-  "../../../node_modules/memoizerific/memoizerific.js"(exports, module) {
-    (function(f2) {
-      if (typeof exports == "object" && typeof module < "u")
-        module.exports = f2();
-      else if (typeof define == "function" && define.amd)
-        define([], f2);
-      else {
-        var g2;
-        typeof window < "u" ? g2 = window : typeof global < "u" ? g2 = global : typeof self < "u" ? g2 = self : g2 = this, g2.memoizerific = f2();
-      }
-    })(function() {
-      var define2, module2, exports2;
-      return (function e2(t, n2, r2) {
-        function s2(o3, u2) {
-          if (!n2[o3]) {
-            if (!t[o3]) {
-              var a2 = typeof __require == "function" && __require;
-              if (!u2 && a2) return a2(o3, !0);
-              if (i2) return i2(o3, !0);
-              var f2 = new Error("Cannot find module '" + o3 + "'");
-              throw f2.code = "MODULE_NOT_FOUND", f2;
-            }
-            var l2 = n2[o3] = { exports: {} };
-            t[o3][0].call(l2.exports, function(e3) {
-              var n3 = t[o3][1][e3];
-              return s2(n3 || e3);
-            }, l2, l2.exports, e2, t, n2, r2);
-          }
-          return n2[o3].exports;
-        }
-        for (var i2 = typeof __require == "function" && __require, o2 = 0; o2 < r2.length; o2++) s2(r2[o2]);
-        return s2;
-      })({ 1: [function(_dereq_, module3, exports3) {
-        module3.exports = function(forceSimilar) {
-          if (typeof Map != "function" || forceSimilar) {
-            var Similar = _dereq_("./similar");
-            return new Similar();
-          } else
-            return /* @__PURE__ */ new Map();
-        };
-      }, { "./similar": 2 }], 2: [function(_dereq_, module3, exports3) {
-        function Similar() {
-          return this.list = [], this.lastItem = void 0, this.size = 0, this;
-        }
-        Similar.prototype.get = function(key) {
-          var index;
-          if (this.lastItem && this.isEqual(this.lastItem.key, key))
-            return this.lastItem.val;
-          if (index = this.indexOf(key), index >= 0)
-            return this.lastItem = this.list[index], this.list[index].val;
-        }, Similar.prototype.set = function(key, val) {
-          var index;
-          return this.lastItem && this.isEqual(this.lastItem.key, key) ? (this.lastItem.val = val, this) : (index = this.indexOf(key), index >= 0 ? (this.lastItem = this.list[index], this.list[index].val = val, this) : (this.lastItem = { key, val }, this.list.push(this.lastItem), this.size++, this));
-        }, Similar.prototype.delete = function(key) {
-          var index;
-          if (this.lastItem && this.isEqual(this.lastItem.key, key) && (this.lastItem = void 0), index = this.indexOf(key), index >= 0)
-            return this.size--, this.list.splice(index, 1)[0];
-        }, Similar.prototype.has = function(key) {
-          var index;
-          return this.lastItem && this.isEqual(this.lastItem.key, key) ? !0 : (index = this.indexOf(key), index >= 0 ? (this.lastItem = this.list[index], !0) : !1);
-        }, Similar.prototype.forEach = function(callback, thisArg) {
-          var i2;
-          for (i2 = 0; i2 < this.size; i2++)
-            callback.call(thisArg || this, this.list[i2].val, this.list[i2].key, this);
-        }, Similar.prototype.indexOf = function(key) {
-          var i2;
-          for (i2 = 0; i2 < this.size; i2++)
-            if (this.isEqual(this.list[i2].key, key))
-              return i2;
-          return -1;
-        }, Similar.prototype.isEqual = function(val1, val2) {
-          return val1 === val2 || val1 !== val1 && val2 !== val2;
-        }, module3.exports = Similar;
-      }, {}], 3: [function(_dereq_, module3, exports3) {
-        var MapOrSimilar = _dereq_("map-or-similar");
-        module3.exports = function(limit) {
-          var cache = new MapOrSimilar(!1), lru = [];
-          return function(fn) {
-            var memoizerific = function() {
-              var currentCache = cache, newMap, fnResult, argsLengthMinusOne = arguments.length - 1, lruPath = Array(argsLengthMinusOne + 1), isMemoized = !0, i2;
-              if ((memoizerific.numArgs || memoizerific.numArgs === 0) && memoizerific.numArgs !== argsLengthMinusOne + 1)
-                throw new Error("Memoizerific functions should always be called with the same number of arguments");
-              for (i2 = 0; i2 < argsLengthMinusOne; i2++) {
-                if (lruPath[i2] = {
-                  cacheItem: currentCache,
-                  arg: arguments[i2]
-                }, currentCache.has(arguments[i2])) {
-                  currentCache = currentCache.get(arguments[i2]);
-                  continue;
-                }
-                isMemoized = !1, newMap = new MapOrSimilar(!1), currentCache.set(arguments[i2], newMap), currentCache = newMap;
-              }
-              return isMemoized && (currentCache.has(arguments[argsLengthMinusOne]) ? fnResult = currentCache.get(arguments[argsLengthMinusOne]) : isMemoized = !1), isMemoized || (fnResult = fn.apply(null, arguments), currentCache.set(arguments[argsLengthMinusOne], fnResult)), limit > 0 && (lruPath[argsLengthMinusOne] = {
-                cacheItem: currentCache,
-                arg: arguments[argsLengthMinusOne]
-              }, isMemoized ? moveToMostRecentLru(lru, lruPath) : lru.push(lruPath), lru.length > limit && removeCachedResult(lru.shift())), memoizerific.wasMemoized = isMemoized, memoizerific.numArgs = argsLengthMinusOne + 1, fnResult;
-            };
-            return memoizerific.limit = limit, memoizerific.wasMemoized = !1, memoizerific.cache = cache, memoizerific.lru = lru, memoizerific;
-          };
-        };
-        function moveToMostRecentLru(lru, lruPath) {
-          var lruLen = lru.length, lruPathLen = lruPath.length, isMatch2, i2, ii;
-          for (i2 = 0; i2 < lruLen; i2++) {
-            for (isMatch2 = !0, ii = 0; ii < lruPathLen; ii++)
-              if (!isEqual2(lru[i2][ii].arg, lruPath[ii].arg)) {
-                isMatch2 = !1;
-                break;
-              }
-            if (isMatch2)
-              break;
-          }
-          lru.push(lru.splice(i2, 1)[0]);
-        }
-        function removeCachedResult(removedLru) {
-          var removedLruLen = removedLru.length, currentLru = removedLru[removedLruLen - 1], tmp, i2;
-          for (currentLru.cacheItem.delete(currentLru.arg), i2 = removedLruLen - 2; i2 >= 0 && (currentLru = removedLru[i2], tmp = currentLru.cacheItem.get(currentLru.arg), !tmp || !tmp.size); i2--)
-            currentLru.cacheItem.delete(currentLru.arg);
-        }
-        function isEqual2(val1, val2) {
-          return val1 === val2 || val1 !== val1 && val2 !== val2;
-        }
-      }, { "map-or-similar": 1 }] }, {}, [3])(3);
-    });
-  }
-});
+  __export
+} from "./_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/blocks/components/ArgsTable/ArgsTable.tsx
 import React23 from "react";
@@ -5407,7 +5276,7 @@ var styleResets = {
   let handleChange = (e2) => {
     onChange(options[e2.currentTarget.value]);
   }, selection = selectedKey(value2, options) || NO_SELECTION, controlId = getControlId(name), readonly = !!argType?.table?.readonly;
-  return React6.createElement(SelectWrapper, null, React6.createElement(ChevronSmallDownIcon, null), React6.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React6.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React6.createElement("option", { key: "no-selection", disabled: !0 }, NO_SELECTION), Object.keys(options).map((key) => React6.createElement("option", { key, value: key }, key))));
+  return React6.createElement(SelectWrapper, null, React6.createElement(ChevronSmallDownIcon, null), React6.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React6.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React6.createElement("option", { disabled: selection === NO_SELECTION, key: "no-selection" }, NO_SELECTION), Object.keys(options).map((key) => React6.createElement("option", { key, value: key }, key))));
 }, MultiSelect = ({ name, value: value2, options, onChange, argType }) => {
   let handleChange = (e2) => {
     let selection2 = Array.from(e2.currentTarget.options).filter((option) => option.selected).map((option) => option.value);
@@ -6841,9 +6710,11 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
   ), [forceVisible, setForceVisible] = useState4(!1), onForceVisible = useCallback3(() => {
     onChange({}), setForceVisible(!0);
   }, [setForceVisible]), htmlElRef = useRef3(null);
-  if (useEffect4(() => {
+  useEffect4(() => {
     forceVisible && htmlElRef.current && htmlElRef.current.select();
-  }, [forceVisible]), !hasData)
+  }, [forceVisible]);
+  let jsonString = useMemo(() => JSON.stringify(data ?? "", null, 2), [data]);
+  if (!hasData)
     return React11.createElement(
       Button3,
       {
@@ -6861,7 +6732,8 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
       id: getControlId(name),
       minRows: 3,
       name,
-      defaultValue: value2 === null ? "" : JSON.stringify(value2, null, 2),
+      key: jsonString,
+      defaultValue: jsonString,
       onBlur: (event) => updateRaw(event.target.value),
       placeholder: "Edit JSON string...",
       autoFocus: forceVisible,
@@ -7155,7 +7027,7 @@ var FilesControl = ({
 };
 
 // src/blocks/controls/index.tsx
-var LazyColorControl = lazy(() => import("./_browser-chunks/Color-O2RRNL2I.js")), ColorControl = (props) => React15.createElement(Suspense, { fallback: React15.createElement("div", null) }, React15.createElement(LazyColorControl, { ...props }));
+var LazyColorControl = lazy(() => import("./_browser-chunks/Color-H3YISJBG.js")), ColorControl = (props) => React15.createElement(Suspense, { fallback: React15.createElement("div", null) }, React15.createElement(LazyColorControl, { ...props }));
 
 // src/blocks/components/ArgsTable/ArgControl.tsx
 var Controls2 = {
@@ -7258,9 +7130,8 @@ var Table = styled12.table(({ theme }) => ({
 
 // src/blocks/components/ArgsTable/ArgValue.tsx
 import React18, { useState as useState7 } from "react";
-import { SyntaxHighlighter, TooltipProvider, codeCommon as codeCommon2 } from "storybook/internal/components";
+import { PopoverProvider, SyntaxHighlighter, codeCommon as codeCommon2 } from "storybook/internal/components";
 import { ChevronSmallDownIcon as ChevronSmallDownIcon2, ChevronSmallUpIcon } from "@storybook/icons";
-var import_memoizerific = __toESM(require_memoizerific(), 1);
 import { styled as styled13 } from "storybook/theming";
 var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
   display: "flex",
@@ -7269,7 +7140,24 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
   alignItems: "flex-start",
   marginBottom: "-4px",
   minWidth: 100
-})), Text3 = styled13.span(codeCommon2, ({ theme, simple = !1 }) => ({
+})), DetailsContainer = styled13.details({
+  display: "flex",
+  flexDirection: "column",
+  summary: {
+    order: 2
+  },
+  "summary::-webkit-details-marker": {
+    display: "none"
+  },
+  "summary::marker": {
+    content: "none"
+  }
+}), AlignedDetails = styled13.div({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap",
+  alignItems: "flex-start"
+}), Text3 = styled13.span(codeCommon2, ({ theme, simple = !1 }) => ({
   flex: "0 0 auto",
   fontFamily: theme.typography.fonts.mono,
   fontSize: theme.typography.size.s1,
@@ -7287,13 +7175,16 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
     border: "0 none",
     paddingLeft: 0
   }
-})), ExpandButton = styled13.button(({ theme }) => ({
+})), ExpandButton = styled13.summary(({ theme }) => ({
   fontFamily: theme.typography.fonts.mono,
   color: theme.color.secondary,
-  marginBottom: "4px",
+  cursor: "pointer",
+  lineHeight: "normal",
+  margin: "0 0 4px",
+  padding: "1px 6px",
   background: "none",
   border: "none"
-})), Expandable = styled13.div(codeCommon2, ({ theme }) => ({
+})), Expandable = styled13.button(codeCommon2, ({ theme }) => ({
   fontFamily: theme.typography.fonts.mono,
   color: theme.color.secondary,
   fontSize: theme.typography.size.s1,
@@ -7301,12 +7192,19 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
   margin: 0,
   whiteSpace: "nowrap",
   display: "flex",
-  alignItems: "center"
-})), Detail = styled13.div(({ theme, width }) => ({
-  width,
+  alignItems: "center",
+  cursor: "pointer",
+  "&:hover": {
+    border: theme.base === "light" ? "1px solid hsl(0 0 0 / 0.15)" : "1px solid hsl(0 0 100 / 0.15)"
+  },
+  "&:focus-visible": {
+    outline: `2px solid ${theme.color.secondary}`,
+    outlineOffset: "2px"
+  }
+})), Detail = styled13.div(({ theme }) => ({
   minWidth: 200,
   maxWidth: 800,
-  padding: 15,
+  paddingRight: 16,
   // Don't remove the mono fontFamily here even if it seems useless, this is used by the browser to calculate the length of a "ch" unit.
   fontFamily: theme.typography.fonts.mono,
   fontSize: theme.typography.size.s1,
@@ -7319,18 +7217,12 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
   marginLeft: 4
 }), ChevronDownIcon = styled13(ChevronSmallDownIcon2)({
   marginLeft: 4
-}), EmptyArg = () => React18.createElement("span", null, "-"), ArgText = ({ text, simple }) => React18.createElement(Text3, { simple }, text), calculateDetailWidth = (0, import_memoizerific.default)(1e3)((detail) => {
-  let lines = detail.split(/\r?\n/);
-  return `${Math.max(...lines.map((x2) => x2.length))}ch`;
-}), getSummaryItems = (summary) => {
+}), EmptyArg = () => React18.createElement("span", null, "-"), ArgText = ({ text, simple }) => React18.createElement(Text3, { simple }, text), getSummaryItems = (summary) => {
   if (!summary)
     return [summary];
   let summaryItems = summary.split("|").map((value2) => value2.trim());
   return uniq(summaryItems);
-}, renderSummaryItems = (summaryItems, isExpanded = !0) => {
-  let items = summaryItems;
-  return isExpanded || (items = summaryItems.slice(0, ITEMS_BEFORE_EXPANSION)), items.map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item }));
-}, ArgSummary = ({ value: value2, initialExpandedArgs }) => {
+}, renderSummaryItems = (summaryItems) => summaryItems.slice(0, ITEMS_BEFORE_EXPANSION).map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), renderExpandedItems = (summaryItems) => summaryItems.slice(ITEMS_BEFORE_EXPANSION).map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), ArgSummary = ({ value: value2, initialExpandedArgs }) => {
   let { summary, detail } = value2, [isOpen, setIsOpen] = useState7(!1), [isExpanded, setIsExpanded] = useState7(initialExpandedArgs || !1);
   if (summary == null)
     return null;
@@ -7339,17 +7231,18 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
     if (/[(){}[\]<>]/.test(summaryAsString))
       return React18.createElement(ArgText, { text: summaryAsString });
     let summaryItems = getSummaryItems(summaryAsString), itemsCount = summaryItems.length;
-    return itemsCount > ITEMS_BEFORE_EXPANSION ? React18.createElement(Summary, { isExpanded }, renderSummaryItems(summaryItems, isExpanded), React18.createElement(ExpandButton, { onClick: () => setIsExpanded(!isExpanded) }, isExpanded ? "Show less..." : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`)) : React18.createElement(Summary, null, renderSummaryItems(summaryItems));
+    return itemsCount > ITEMS_BEFORE_EXPANSION ? React18.createElement(Summary, { isExpanded }, renderSummaryItems(summaryItems), React18.createElement(DetailsContainer, { open: isExpanded, onToggle: (e2) => setIsExpanded(e2.currentTarget.open) }, React18.createElement(AlignedDetails, null, renderExpandedItems(summaryItems)), React18.createElement(ExpandButton, { role: "button" }, isExpanded ? "Show less..." : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`))) : React18.createElement(Summary, null, renderSummaryItems(summaryItems));
   }
   return React18.createElement(
-    TooltipProvider,
+    PopoverProvider,
     {
       placement: "bottom",
       visible: isOpen,
       onVisibleChange: (isVisible) => {
         setIsOpen(isVisible);
       },
-      tooltip: React18.createElement(Detail, { width: calculateDetailWidth(detail) }, React18.createElement(SyntaxHighlighter, { language: "jsx", format: !1 }, detail))
+      hasCloseButton: !0,
+      popover: React18.createElement(Detail, null, React18.createElement(SyntaxHighlighter, { language: "jsx", format: !1 }, detail))
     },
     React18.createElement(Expandable, { className: "sbdocs-expandable" }, React18.createElement("span", null, summaryAsString), isOpen ? React18.createElement(ChevronUpIcon, null) : React18.createElement(ChevronDownIcon, null))
   );
@@ -9608,14 +9501,14 @@ import React37, { createContext as createContext3, useEffect as useEffect11, use
 import { SNIPPET_RENDERED } from "storybook/internal/docs-tools";
 
 // ../../../node_modules/telejson/dist/chunk-EAFQLD22.mjs
-var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __commonJS2 = (cb, mod) => function() {
+var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 }, __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;
-}, __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+}, __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
@@ -9648,84 +9541,84 @@ function extractEventHiddenProperties(event) {
 }
 
 // ../../../node_modules/telejson/dist/index.mjs
-var require_es_object_atoms = __commonJS2({
+var require_es_object_atoms = __commonJS({
   "node_modules/.pnpm/es-object-atoms@1.1.1/node_modules/es-object-atoms/index.js"(exports, module) {
     "use strict";
     module.exports = Object;
   }
-}), require_es_errors = __commonJS2({
+}), require_es_errors = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/index.js"(exports, module) {
     "use strict";
     module.exports = Error;
   }
-}), require_eval = __commonJS2({
+}), require_eval = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/eval.js"(exports, module) {
     "use strict";
     module.exports = EvalError;
   }
-}), require_range = __commonJS2({
+}), require_range = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/range.js"(exports, module) {
     "use strict";
     module.exports = RangeError;
   }
-}), require_ref = __commonJS2({
+}), require_ref = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/ref.js"(exports, module) {
     "use strict";
     module.exports = ReferenceError;
   }
-}), require_syntax = __commonJS2({
+}), require_syntax = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/syntax.js"(exports, module) {
     "use strict";
     module.exports = SyntaxError;
   }
-}), require_type = __commonJS2({
+}), require_type = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/type.js"(exports, module) {
     "use strict";
     module.exports = TypeError;
   }
-}), require_uri = __commonJS2({
+}), require_uri = __commonJS({
   "node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/uri.js"(exports, module) {
     "use strict";
     module.exports = URIError;
   }
-}), require_abs = __commonJS2({
+}), require_abs = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/abs.js"(exports, module) {
     "use strict";
     module.exports = Math.abs;
   }
-}), require_floor = __commonJS2({
+}), require_floor = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/floor.js"(exports, module) {
     "use strict";
     module.exports = Math.floor;
   }
-}), require_max = __commonJS2({
+}), require_max = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/max.js"(exports, module) {
     "use strict";
     module.exports = Math.max;
   }
-}), require_min = __commonJS2({
+}), require_min = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/min.js"(exports, module) {
     "use strict";
     module.exports = Math.min;
   }
-}), require_pow = __commonJS2({
+}), require_pow = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/pow.js"(exports, module) {
     "use strict";
     module.exports = Math.pow;
   }
-}), require_round = __commonJS2({
+}), require_round = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/round.js"(exports, module) {
     "use strict";
     module.exports = Math.round;
   }
-}), require_isNaN = __commonJS2({
+}), require_isNaN = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/isNaN.js"(exports, module) {
     "use strict";
     module.exports = Number.isNaN || function(a2) {
       return a2 !== a2;
     };
   }
-}), require_sign = __commonJS2({
+}), require_sign = __commonJS({
   "node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/sign.js"(exports, module) {
     "use strict";
     var $isNaN = require_isNaN();
@@ -9733,12 +9626,12 @@ var require_es_object_atoms = __commonJS2({
       return $isNaN(number) || number === 0 ? number : number < 0 ? -1 : 1;
     };
   }
-}), require_gOPD = __commonJS2({
+}), require_gOPD = __commonJS({
   "node_modules/.pnpm/gopd@1.2.0/node_modules/gopd/gOPD.js"(exports, module) {
     "use strict";
     module.exports = Object.getOwnPropertyDescriptor;
   }
-}), require_gopd = __commonJS2({
+}), require_gopd = __commonJS({
   "node_modules/.pnpm/gopd@1.2.0/node_modules/gopd/index.js"(exports, module) {
     "use strict";
     var $gOPD = require_gOPD();
@@ -9750,7 +9643,7 @@ var require_es_object_atoms = __commonJS2({
       }
     module.exports = $gOPD;
   }
-}), require_es_define_property = __commonJS2({
+}), require_es_define_property = __commonJS({
   "node_modules/.pnpm/es-define-property@1.0.1/node_modules/es-define-property/index.js"(exports, module) {
     "use strict";
     var $defineProperty = Object.defineProperty || !1;
@@ -9762,7 +9655,7 @@ var require_es_object_atoms = __commonJS2({
       }
     module.exports = $defineProperty;
   }
-}), require_shams = __commonJS2({
+}), require_shams = __commonJS({
   "node_modules/.pnpm/has-symbols@1.1.0/node_modules/has-symbols/shams.js"(exports, module) {
     "use strict";
     module.exports = function() {
@@ -9793,7 +9686,7 @@ var require_es_object_atoms = __commonJS2({
       return !0;
     };
   }
-}), require_has_symbols = __commonJS2({
+}), require_has_symbols = __commonJS({
   "node_modules/.pnpm/has-symbols@1.1.0/node_modules/has-symbols/index.js"(exports, module) {
     "use strict";
     var origSymbol = typeof Symbol < "u" && Symbol, hasSymbolSham = require_shams();
@@ -9801,18 +9694,18 @@ var require_es_object_atoms = __commonJS2({
       return typeof origSymbol != "function" || typeof Symbol != "function" || typeof origSymbol("foo") != "symbol" || typeof Symbol("bar") != "symbol" ? !1 : hasSymbolSham();
     };
   }
-}), require_Reflect_getPrototypeOf = __commonJS2({
+}), require_Reflect_getPrototypeOf = __commonJS({
   "node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/Reflect.getPrototypeOf.js"(exports, module) {
     "use strict";
     module.exports = typeof Reflect < "u" && Reflect.getPrototypeOf || null;
   }
-}), require_Object_getPrototypeOf = __commonJS2({
+}), require_Object_getPrototypeOf = __commonJS({
   "node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/Object.getPrototypeOf.js"(exports, module) {
     "use strict";
     var $Object = require_es_object_atoms();
     module.exports = $Object.getPrototypeOf || null;
   }
-}), require_implementation = __commonJS2({
+}), require_implementation = __commonJS({
   "node_modules/.pnpm/function-bind@1.1.2/node_modules/function-bind/implementation.js"(exports, module) {
     "use strict";
     var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ", toStr = Object.prototype.toString, max2 = Math.max, funcType = "[object Function]", concatty = function(a2, b2) {
@@ -9856,34 +9749,34 @@ var require_es_object_atoms = __commonJS2({
       return bound;
     };
   }
-}), require_function_bind = __commonJS2({
+}), require_function_bind = __commonJS({
   "node_modules/.pnpm/function-bind@1.1.2/node_modules/function-bind/index.js"(exports, module) {
     "use strict";
     var implementation = require_implementation();
     module.exports = Function.prototype.bind || implementation;
   }
-}), require_functionCall = __commonJS2({
+}), require_functionCall = __commonJS({
   "node_modules/.pnpm/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/functionCall.js"(exports, module) {
     "use strict";
     module.exports = Function.prototype.call;
   }
-}), require_functionApply = __commonJS2({
+}), require_functionApply = __commonJS({
   "node_modules/.pnpm/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/functionApply.js"(exports, module) {
     "use strict";
     module.exports = Function.prototype.apply;
   }
-}), require_reflectApply = __commonJS2({
+}), require_reflectApply = __commonJS({
   "node_modules/.pnpm/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/reflectApply.js"(exports, module) {
     "use strict";
     module.exports = typeof Reflect < "u" && Reflect && Reflect.apply;
   }
-}), require_actualApply = __commonJS2({
+}), require_actualApply = __commonJS({
   "node_modules/.pnpm/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/actualApply.js"(exports, module) {
     "use strict";
     var bind2 = require_function_bind(), $apply = require_functionApply(), $call = require_functionCall(), $reflectApply = require_reflectApply();
     module.exports = $reflectApply || bind2.call($call, $apply);
   }
-}), require_call_bind_apply_helpers = __commonJS2({
+}), require_call_bind_apply_helpers = __commonJS({
   "node_modules/.pnpm/call-bind-apply-helpers@1.0.2/node_modules/call-bind-apply-helpers/index.js"(exports, module) {
     "use strict";
     var bind2 = require_function_bind(), $TypeError = require_type(), $call = require_functionCall(), $actualApply = require_actualApply();
@@ -9893,7 +9786,7 @@ var require_es_object_atoms = __commonJS2({
       return $actualApply(bind2, $call, args);
     };
   }
-}), require_get = __commonJS2({
+}), require_get = __commonJS({
   "node_modules/.pnpm/dunder-proto@1.0.1/node_modules/dunder-proto/get.js"(exports, module) {
     "use strict";
     var callBind = require_call_bind_apply_helpers(), gOPD = require_gopd(), hasProtoAccessor;
@@ -9916,7 +9809,7 @@ var require_es_object_atoms = __commonJS2({
       })
     ) : !1;
   }
-}), require_get_proto = __commonJS2({
+}), require_get_proto = __commonJS({
   "node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/index.js"(exports, module) {
     "use strict";
     var reflectGetProto = require_Reflect_getPrototypeOf(), originalGetProto = require_Object_getPrototypeOf(), getDunderProto = require_get();
@@ -9930,13 +9823,13 @@ var require_es_object_atoms = __commonJS2({
       return getDunderProto(O2);
     } : null;
   }
-}), require_hasown = __commonJS2({
+}), require_hasown = __commonJS({
   "node_modules/.pnpm/hasown@2.0.2/node_modules/hasown/index.js"(exports, module) {
     "use strict";
     var call = Function.prototype.call, $hasOwn = Object.prototype.hasOwnProperty, bind2 = require_function_bind();
     module.exports = bind2.call(call, $hasOwn);
   }
-}), require_get_intrinsic = __commonJS2({
+}), require_get_intrinsic = __commonJS({
   "node_modules/.pnpm/get-intrinsic@1.3.0/node_modules/get-intrinsic/index.js"(exports, module) {
     "use strict";
     var undefined2, $Object = require_es_object_atoms(), $Error = require_es_errors(), $EvalError = require_eval(), $RangeError = require_range(), $ReferenceError = require_ref(), $SyntaxError = require_syntax(), $TypeError = require_type(), $URIError = require_uri(), abs = require_abs(), floor2 = require_floor(), max2 = require_max(), min2 = require_min(), pow = require_pow(), round2 = require_round(), sign = require_sign(), $Function = Function, getEvalledConstructor = function(expressionSyntax) {
@@ -10171,7 +10064,7 @@ var require_es_object_atoms = __commonJS2({
       return value2;
     };
   }
-}), require_call_bound = __commonJS2({
+}), require_call_bound = __commonJS({
   "node_modules/.pnpm/call-bound@1.0.4/node_modules/call-bound/index.js"(exports, module) {
     "use strict";
     var GetIntrinsic = require_get_intrinsic(), callBindBasic = require_call_bind_apply_helpers(), $indexOf = callBindBasic([GetIntrinsic("%String.prototype.indexOf%")]);
@@ -10186,7 +10079,7 @@ var require_es_object_atoms = __commonJS2({
       ) : intrinsic;
     };
   }
-}), require_shams2 = __commonJS2({
+}), require_shams2 = __commonJS({
   "node_modules/.pnpm/has-tostringtag@1.0.2/node_modules/has-tostringtag/shams.js"(exports, module) {
     "use strict";
     var hasSymbols = require_shams();
@@ -10194,7 +10087,7 @@ var require_es_object_atoms = __commonJS2({
       return hasSymbols() && !!Symbol.toStringTag;
     };
   }
-}), require_is_regex = __commonJS2({
+}), require_is_regex = __commonJS({
   "node_modules/.pnpm/is-regex@1.2.1/node_modules/is-regex/index.js"(exports, module) {
     "use strict";
     var callBound = require_call_bound(), hasToStringTag = require_shams2()(), hasOwn = require_hasown(), gOPD = require_gopd(), fn;
@@ -10232,7 +10125,7 @@ var require_es_object_atoms = __commonJS2({
     var $exec, isRegexMarker, throwRegexMarker, badStringifier, $toString, regexClass;
     module.exports = fn;
   }
-}), require_is_function = __commonJS2({
+}), require_is_function = __commonJS({
   "node_modules/.pnpm/is-function@1.0.2/node_modules/is-function/index.js"(exports, module) {
     module.exports = isFunction3;
     var toString2 = Object.prototype.toString;
@@ -10244,7 +10137,7 @@ var require_es_object_atoms = __commonJS2({
       (fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
     }
   }
-}), require_safe_regex_test = __commonJS2({
+}), require_safe_regex_test = __commonJS({
   "node_modules/.pnpm/safe-regex-test@1.1.0/node_modules/safe-regex-test/index.js"(exports, module) {
     "use strict";
     var callBound = require_call_bound(), isRegex = require_is_regex(), $exec = callBound("RegExp.prototype.exec"), $TypeError = require_type();
@@ -10256,7 +10149,7 @@ var require_es_object_atoms = __commonJS2({
       };
     };
   }
-}), require_is_symbol = __commonJS2({
+}), require_is_symbol = __commonJS({
   "node_modules/.pnpm/is-symbol@1.1.1/node_modules/is-symbol/index.js"(exports, module) {
     "use strict";
     var callBound = require_call_bound(), $toString = callBound("Object.prototype.toString"), hasSymbols = require_has_symbols()(), safeRegexTest = require_safe_regex_test();
@@ -10277,7 +10170,7 @@ var require_es_object_atoms = __commonJS2({
     };
     var $symToStr, isSymString, isSymbolObject;
   }
-}), import_is_regex = __toESM2(require_is_regex()), import_is_function = __toESM2(require_is_function()), import_is_symbol = __toESM2(require_is_symbol());
+}), import_is_regex = __toESM(require_is_regex()), import_is_function = __toESM(require_is_function()), import_is_symbol = __toESM(require_is_symbol());
 function isObject2(val) {
   return val != null && typeof val == "object" && Array.isArray(val) === !1;
 }
@@ -10494,7 +10387,7 @@ MapCache.prototype.get = mapCacheGet_default;
 MapCache.prototype.has = mapCacheHas_default;
 MapCache.prototype.set = mapCacheSet_default;
 var MapCache_default = MapCache, FUNC_ERROR_TEXT = "Expected a function";
-function memoize3(func, resolver) {
+function memoize2(func, resolver) {
   if (typeof func != "function" || resolver != null && typeof resolver != "function")
     throw new TypeError(FUNC_ERROR_TEXT);
   var memoized = function() {
@@ -10504,10 +10397,10 @@ function memoize3(func, resolver) {
     var result = func.apply(this, args);
     return memoized.cache = cache.set(key, result) || cache, result;
   };
-  return memoized.cache = new (memoize3.Cache || MapCache_default)(), memoized;
+  return memoized.cache = new (memoize2.Cache || MapCache_default)(), memoized;
 }
-memoize3.Cache = MapCache_default;
-var memoize_default = memoize3, MAX_MEMOIZE_SIZE = 500;
+memoize2.Cache = MapCache_default;
+var memoize_default = memoize2, MAX_MEMOIZE_SIZE = 500;
 function memoizeCapped(func) {
   var result = memoize_default(func, function(key) {
     return cache.size === MAX_MEMOIZE_SIZE && cache.clear(), key;

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.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-AAVP3AE4.js";
-import "./_browser-chunks/chunk-A242L54C.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_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   compile
-} from "./_node-chunks/chunk-I3T27CW7.js";
-import "./_node-chunks/chunk-CDQW5VGQ.js";
-import "./_node-chunks/chunk-S6VKT4ZH.js";
-import "./_node-chunks/chunk-S5UNRLPK.js";
+} from "./_node-chunks/chunk-6SOXNS35.js";
+import "./_node-chunks/chunk-C3UNWFAF.js";
+import "./_node-chunks/chunk-U56BDQHO.js";
+import "./_node-chunks/chunk-INKPYUUP.js";
 
 // src/mdx-loader.ts
 var DEFAULT_RENDERER = `

package/dist/preset.js

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_7ml5u90usty from 'node:url';
-import CJS_COMPAT_NODE_PATH_7ml5u90usty from 'node:path';
-import CJS_COMPAT_NODE_MODULE_7ml5u90usty from "node:module";
+import CJS_COMPAT_NODE_URL_nhnk8ocu69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_nhnk8ocu69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_nhnk8ocu69 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_7ml5u90usty.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_7ml5u90usty.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_7ml5u90usty.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_nhnk8ocu69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_nhnk8ocu69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_nhnk8ocu69.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "./_node-chunks/chunk-S5UNRLPK.js";
+import "./_node-chunks/chunk-INKPYUUP.js";
 
 // src/preset.ts
 import { isAbsolute as isAbsolute2 } from "node:path";
@@ -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-SSBKHCKV.js")).default, rehypeExternalLinks = (await import("./_node-chunks/rehype-external-links-IHBD3GB5.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-GAVJN67P.js")).default, rehypeExternalLinks = (await import("./_node-chunks/rehype-external-links-H4RVSOMR.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-NAHYGRA7.js"), { react, reactDom, mdx } = await getResolvedReact(options), packageDeduplicationPlugin = {
+  let { plugins = [] } = config, { mdxPlugin } = await import("./_node-chunks/mdx-plugin-SVROF7CN.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.4",
+  "version": "10.2.0-alpha.6",
   "description": "Storybook Docs: Document UI components automatically with stories and MDX",
   "keywords": [
     "docs",
@@ -80,9 +80,9 @@
   ],
   "dependencies": {
     "@mdx-js/react": "^3.0.0",
-    "@storybook/csf-plugin": "10.2.0-alpha.4",
+    "@storybook/csf-plugin": "10.2.0-alpha.6",
     "@storybook/icons": "^2.0.0",
-    "@storybook/react-dom-shim": "10.2.0-alpha.4",
+    "@storybook/react-dom-shim": "10.2.0-alpha.6",
     "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"
@@ -109,7 +109,7 @@
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^10.2.0-alpha.4"
+    "storybook": "^10.2.0-alpha.6"
   },
   "publishConfig": {
     "access": "public"