storybook 10.2.0-alpha.5 → 10.2.0-alpha.6

package/dist/bin/dispatcher.js

@@ -1,30 +1,30 @@
 #!/usr/bin/env node
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   versions_default
-} from "../_node-chunks/chunk-4P6JV5PD.js";
+} from "../_node-chunks/chunk-GE3TP4E7.js";
 import {
   resolvePackageDir
-} from "../_node-chunks/chunk-MJEVYN6O.js";
+} from "../_node-chunks/chunk-RMPSZ2MA.js";
 import {
   join
-} from "../_node-chunks/chunk-RJ6MVIQ7.js";
+} from "../_node-chunks/chunk-PI4OGMRN.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-53QZPC5B.js";
+} from "../_node-chunks/chunk-AQ5XNGJR.js";
 import {
   __toESM
-} from "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-62HH4XOF.js";
 
 // src/bin/dispatcher.ts
 import { pathToFileURL } from "node:url";

package/dist/bin/loader.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   NODE_TARGET
-} from "../_node-chunks/chunk-UIW2C2AI.js";
+} from "../_node-chunks/chunk-HQCIQ33W.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-53QZPC5B.js";
+} from "../_node-chunks/chunk-AQ5XNGJR.js";
 import {
   __toESM
-} from "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-62HH4XOF.js";
 
 // src/bin/loader.ts
 var import_ts_dedent = __toESM(require_dist(), 1);

package/dist/cli/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -33,24 +33,24 @@ import {
   readFileAsJson,
   suggestESLintPlugin,
   writeFileAsJson
-} from "../_node-chunks/chunk-5MG7AO5M.js";
+} from "../_node-chunks/chunk-ZFBKUCCD.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-IMOJACVP.js";
+} from "../_node-chunks/chunk-6COWUVY6.js";
 import {
   Settings,
   _clearGlobalSettings,
   globalSettings
-} from "../_node-chunks/chunk-SKKDMIEL.js";
-import "../_node-chunks/chunk-APNNQRRU.js";
-import "../_node-chunks/chunk-MJEVYN6O.js";
-import "../_node-chunks/chunk-HT3TF35B.js";
-import "../_node-chunks/chunk-RJ6MVIQ7.js";
-import "../_node-chunks/chunk-53QZPC5B.js";
-import "../_node-chunks/chunk-TX3LEYMY.js";
-import "../_node-chunks/chunk-WAM2AUH6.js";
-import "../_node-chunks/chunk-Q2N5EUMK.js";
-import "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-IFCVXOGP.js";
+import "../_node-chunks/chunk-YH2VABDS.js";
+import "../_node-chunks/chunk-RMPSZ2MA.js";
+import "../_node-chunks/chunk-2BHMURQI.js";
+import "../_node-chunks/chunk-PI4OGMRN.js";
+import "../_node-chunks/chunk-AQ5XNGJR.js";
+import "../_node-chunks/chunk-QNHQNNV2.js";
+import "../_node-chunks/chunk-YSCJXVR2.js";
+import "../_node-chunks/chunk-T53OKK5L.js";
+import "../_node-chunks/chunk-62HH4XOF.js";
 export {
   ANGULAR_JSON_PATH,
   AddonVitestService,

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -102,29 +102,29 @@ import {
   validateConfigurationFiles,
   validateFrameworkName,
   wrapValueWithGetAbsolutePathWrapper
-} from "../_node-chunks/chunk-ZRAJ6YTG.js";
+} from "../_node-chunks/chunk-J4ASSZ5N.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-4P6JV5PD.js";
-import "../_node-chunks/chunk-TM67IYGR.js";
-import "../_node-chunks/chunk-FUGUVTSE.js";
-import "../_node-chunks/chunk-APNNQRRU.js";
+} from "../_node-chunks/chunk-GE3TP4E7.js";
+import "../_node-chunks/chunk-IBLK5VBI.js";
+import "../_node-chunks/chunk-JCHPJOPI.js";
+import "../_node-chunks/chunk-YH2VABDS.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-MJEVYN6O.js";
+} from "../_node-chunks/chunk-RMPSZ2MA.js";
 import {
   groupBy,
   invariant
-} from "../_node-chunks/chunk-HT3TF35B.js";
-import "../_node-chunks/chunk-RJ6MVIQ7.js";
-import "../_node-chunks/chunk-JRJT7Q2N.js";
-import "../_node-chunks/chunk-LOJ6VLWV.js";
-import "../_node-chunks/chunk-53QZPC5B.js";
-import "../_node-chunks/chunk-Q2N5EUMK.js";
-import "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-2BHMURQI.js";
+import "../_node-chunks/chunk-PI4OGMRN.js";
+import "../_node-chunks/chunk-5UF6URLY.js";
+import "../_node-chunks/chunk-2WJTWJRY.js";
+import "../_node-chunks/chunk-AQ5XNGJR.js";
+import "../_node-chunks/chunk-T53OKK5L.js";
+import "../_node-chunks/chunk-62HH4XOF.js";
 export {
   DEFAULT_FILES_PATTERN,
   FileSystemCache,

package/dist/components/index.js

@@ -14254,7 +14254,7 @@ var PopoverProvider = ({
       setIsOpen(isOpen2), onVisibleChange?.(isOpen2);
     },
     [onVisibleChange]
-  ), onHide = useCallback9(() => setIsOpen(!1), []);
+  ), onHide = useCallback9(() => onOpenChange(!1), [onOpenChange]);
   return React38.createElement(
     $de32f1b87079253c$export$2e1e1122cf0cba88,
     {

package/dist/core-server/index.js

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   StatusTypeIdMismatchError
-} from "../_node-chunks/chunk-3NPQ2Y77.js";
+} from "../_node-chunks/chunk-XKPOBYPY.js";
 import {
   debounce,
   getErrorLevel,
@@ -21,66 +21,66 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-QUCPWX6N.js";
-import "../_node-chunks/chunk-BPLKNOG7.js";
+} from "../_node-chunks/chunk-VUL47RCU.js";
+import "../_node-chunks/chunk-GJU4KX6X.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-IMOJACVP.js";
+} from "../_node-chunks/chunk-6COWUVY6.js";
 import {
   StorybookError
-} from "../_node-chunks/chunk-J7VMFLRZ.js";
+} from "../_node-chunks/chunk-TNAUD72T.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-VG22ND3P.js";
-import "../_node-chunks/chunk-IV4K2PSX.js";
+} from "../_node-chunks/chunk-5U7Q4G4A.js";
+import "../_node-chunks/chunk-3SDF3TBW.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn,
   resolveImport,
   supportedExtensions,
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-ZRAJ6YTG.js";
-import "../_node-chunks/chunk-4P6JV5PD.js";
-import "../_node-chunks/chunk-TM67IYGR.js";
+} from "../_node-chunks/chunk-J4ASSZ5N.js";
+import "../_node-chunks/chunk-GE3TP4E7.js";
+import "../_node-chunks/chunk-IBLK5VBI.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-FUGUVTSE.js";
-import "../_node-chunks/chunk-O72O5WMW.js";
-import "../_node-chunks/chunk-SKKDMIEL.js";
+} from "../_node-chunks/chunk-JCHPJOPI.js";
+import "../_node-chunks/chunk-7YD5E5Y5.js";
+import "../_node-chunks/chunk-IFCVXOGP.js";
 import {
   invariant,
   up2 as up
-} from "../_node-chunks/chunk-APNNQRRU.js";
+} from "../_node-chunks/chunk-YH2VABDS.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-MJEVYN6O.js";
-import "../_node-chunks/chunk-HT3TF35B.js";
+} from "../_node-chunks/chunk-RMPSZ2MA.js";
+import "../_node-chunks/chunk-2BHMURQI.js";
 import {
   dirname,
   join,
   relative,
   resolve
-} from "../_node-chunks/chunk-RJ6MVIQ7.js";
-import "../_node-chunks/chunk-JRJT7Q2N.js";
+} from "../_node-chunks/chunk-PI4OGMRN.js";
+import "../_node-chunks/chunk-5UF6URLY.js";
 import {
   slash
-} from "../_node-chunks/chunk-LOJ6VLWV.js";
+} from "../_node-chunks/chunk-2WJTWJRY.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-53QZPC5B.js";
+} from "../_node-chunks/chunk-AQ5XNGJR.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-WAM2AUH6.js";
+} from "../_node-chunks/chunk-YSCJXVR2.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-Q2N5EUMK.js";
+} from "../_node-chunks/chunk-T53OKK5L.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-62HH4XOF.js";
 
 // ../../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -5147,7 +5147,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     let cacheKey = this.getFindMatchingFilesCacheKey(specifier, workingDir, ignoreWarnings), cached = this.findMatchingFilesCache.get(cacheKey);
     if (cached)
       return cached;
-    let pathToSubIndex = {}, globCwd = slash(resolve2(workingDir, specifier.directory)), globPattern = specifier.files.startsWith("!") ? `./${specifier.files}` : specifier.files, { globby } = await import("../_node-chunks/globby-MSDE3LN6.js"), files = await globby(globPattern, {
+    let pathToSubIndex = {}, globCwd = slash(resolve2(workingDir, specifier.directory)), globPattern = specifier.files.startsWith("!") ? `./${specifier.files}` : specifier.files, { globby } = await import("../_node-chunks/globby-VLMVNFI7.js"), files = await globby(globPattern, {
       absolute: !0,
       cwd: globCwd,
       ...commonGlobOptions(globPattern)
@@ -5336,7 +5336,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
   async extractDocs(specifier, absolutePath, projectTags = []) {
     let relativePath = relative2(this.options.workingDir, absolutePath);
     try {
-      let normalizedPath = normalizeStoryPath(relativePath), importPath = slash(normalizedPath), content = await readFile(absolutePath, { encoding: "utf8" }), { analyze } = await import("../_node-chunks/dist-KMT22HT2.js"), result = await analyze(content);
+      let normalizedPath = normalizeStoryPath(relativePath), importPath = slash(normalizedPath), content = await readFile(absolutePath, { encoding: "utf8" }), { analyze } = await import("../_node-chunks/dist-JJEWCMVH.js"), result = await analyze(content);
       if (result.isTemplate)
         return !1;
       let absoluteImports = result.imports.map(
@@ -5596,7 +5596,7 @@ function print(p) {
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-OWA7PM5D.js");
+  return await import("../_node-chunks/builder-manager-SRWOH6O7.js");
 }
 async function getPreviewBuilder(resolvedPreviewBuilder) {
   return await importModule(resolvedPreviewBuilder);
@@ -5696,7 +5696,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
           // files can be e.g. '**/foo/*/*.js' so we just want the last bit,
           // because the directory could already be within the files part (e.g. './x/foo/bar')
           basename2(specifier.files)
-        ), { globby } = await import("../_node-chunks/globby-MSDE3LN6.js");
+        ), { globby } = await import("../_node-chunks/globby-VLMVNFI7.js");
         (await globby(slash(dirGlob), commonGlobOptions2(dirGlob))).forEach((filePath) => {
           let fileImportPath = toImportPath(filePath);
           specifier.importPathMatcher.exec(fileImportPath) && onInvalidate(specifier, fileImportPath, removed);

package/dist/core-server/presets/common-manager.js

@@ -43,9 +43,6 @@ import {
 import "../../_browser-chunks/chunk-HPYUT3WS.js";
 import "../../_browser-chunks/chunk-2NDLAB5X.js";
 import "../../_browser-chunks/chunk-NZMVUW5T.js";
-import {
-  require_memoizerific
-} from "../../_browser-chunks/chunk-ZCFV7BZB.js";
 import {
   ADDON_ID,
   CLEAR_ID,
@@ -2454,9 +2451,11 @@ var { window: globalWindow } = globalThis, Wrapper5 = styled9.div(({ theme: them
   ), [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 React12.createElement(
       Button3,
       {
@@ -2474,7 +2473,8 @@ var { window: globalWindow } = globalThis, Wrapper5 = styled9.div(({ theme: them
       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,
@@ -2871,9 +2871,8 @@ var Table = styled13.table(({ theme: theme3 }) => ({
 
 // ../addons/docs/src/blocks/components/ArgsTable/ArgValue.tsx
 import React19, { 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 styled14 } from "storybook/theming";
 var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   display: "flex",
@@ -2882,7 +2881,24 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   alignItems: "flex-start",
   marginBottom: "-4px",
   minWidth: 100
-})), Text3 = styled14.span(codeCommon2, ({ theme: theme3, simple = !1 }) => ({
+})), DetailsContainer = styled14.details({
+  display: "flex",
+  flexDirection: "column",
+  summary: {
+    order: 2
+  },
+  "summary::-webkit-details-marker": {
+    display: "none"
+  },
+  "summary::marker": {
+    content: "none"
+  }
+}), AlignedDetails = styled14.div({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap",
+  alignItems: "flex-start"
+}), Text3 = styled14.span(codeCommon2, ({ theme: theme3, simple = !1 }) => ({
   flex: "0 0 auto",
   fontFamily: theme3.typography.fonts.mono,
   fontSize: theme3.typography.size.s1,
@@ -2900,13 +2916,16 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
     border: "0 none",
     paddingLeft: 0
   }
-})), ExpandButton = styled14.button(({ theme: theme3 }) => ({
+})), ExpandButton = styled14.summary(({ theme: theme3 }) => ({
   fontFamily: theme3.typography.fonts.mono,
   color: theme3.color.secondary,
-  marginBottom: "4px",
+  cursor: "pointer",
+  lineHeight: "normal",
+  margin: "0 0 4px",
+  padding: "1px 6px",
   background: "none",
   border: "none"
-})), Expandable = styled14.div(codeCommon2, ({ theme: theme3 }) => ({
+})), Expandable = styled14.button(codeCommon2, ({ theme: theme3 }) => ({
   fontFamily: theme3.typography.fonts.mono,
   color: theme3.color.secondary,
   fontSize: theme3.typography.size.s1,
@@ -2914,12 +2933,19 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   margin: 0,
   whiteSpace: "nowrap",
   display: "flex",
-  alignItems: "center"
-})), Detail = styled14.div(({ theme: theme3, width }) => ({
-  width,
+  alignItems: "center",
+  cursor: "pointer",
+  "&:hover": {
+    border: theme3.base === "light" ? "1px solid hsl(0 0 0 / 0.15)" : "1px solid hsl(0 0 100 / 0.15)"
+  },
+  "&:focus-visible": {
+    outline: `2px solid ${theme3.color.secondary}`,
+    outlineOffset: "2px"
+  }
+})), Detail = styled14.div(({ theme: theme3 }) => ({
   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: theme3.typography.fonts.mono,
   fontSize: theme3.typography.size.s1,
@@ -2932,18 +2958,12 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   marginLeft: 4
 }), ChevronDownIcon = styled14(ChevronSmallDownIcon2)({
   marginLeft: 4
-}), EmptyArg = () => React19.createElement("span", null, "-"), ArgText = ({ text, simple }) => React19.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 = () => React19.createElement("span", null, "-"), ArgText = ({ text, simple }) => React19.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) => React19.createElement(ArgText, { key: item, text: item === "" ? '""' : item }));
-}, ArgSummary = ({ value: value2, initialExpandedArgs }) => {
+}, renderSummaryItems = (summaryItems) => summaryItems.slice(0, ITEMS_BEFORE_EXPANSION).map((item) => React19.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), renderExpandedItems = (summaryItems) => summaryItems.slice(ITEMS_BEFORE_EXPANSION).map((item) => React19.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;
@@ -2952,17 +2972,18 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
     if (/[(){}[\]<>]/.test(summaryAsString))
       return React19.createElement(ArgText, { text: summaryAsString });
     let summaryItems = getSummaryItems(summaryAsString), itemsCount = summaryItems.length;
-    return itemsCount > ITEMS_BEFORE_EXPANSION ? React19.createElement(Summary, { isExpanded }, renderSummaryItems(summaryItems, isExpanded), React19.createElement(ExpandButton, { onClick: () => setIsExpanded(!isExpanded) }, isExpanded ? "Show less..." : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`)) : React19.createElement(Summary, null, renderSummaryItems(summaryItems));
+    return itemsCount > ITEMS_BEFORE_EXPANSION ? React19.createElement(Summary, { isExpanded }, renderSummaryItems(summaryItems), React19.createElement(DetailsContainer, { open: isExpanded, onToggle: (e2) => setIsExpanded(e2.currentTarget.open) }, React19.createElement(AlignedDetails, null, renderExpandedItems(summaryItems)), React19.createElement(ExpandButton, { role: "button" }, isExpanded ? "Show less..." : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`))) : React19.createElement(Summary, null, renderSummaryItems(summaryItems));
   }
   return React19.createElement(
-    TooltipProvider,
+    PopoverProvider,
     {
       placement: "bottom",
       visible: isOpen,
       onVisibleChange: (isVisible) => {
         setIsOpen(isVisible);
       },
-      tooltip: React19.createElement(Detail, { width: calculateDetailWidth(detail) }, React19.createElement(SyntaxHighlighter, { language: "jsx", format: !1 }, detail))
+      hasCloseButton: !0,
+      popover: React19.createElement(Detail, null, React19.createElement(SyntaxHighlighter, { language: "jsx", format: !1 }, detail))
     },
     React19.createElement(Expandable, { className: "sbdocs-expandable" }, React19.createElement("span", null, summaryAsString), isOpen ? React19.createElement(ChevronUpIcon, null) : React19.createElement(ChevronDownIcon, null))
   );

package/dist/core-server/presets/common-override-preset.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-JRJT7Q2N.js";
+} from "../../_node-chunks/chunk-5UF6URLY.js";
 import {
   slash
-} from "../../_node-chunks/chunk-LOJ6VLWV.js";
-import "../../_node-chunks/chunk-TUFR2XYI.js";
+} from "../../_node-chunks/chunk-2WJTWJRY.js";
+import "../../_node-chunks/chunk-62HH4XOF.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";

package/dist/core-server/presets/common-preset.js

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_9jhkjsyjv7c from 'node:url';
-import CJS_COMPAT_NODE_PATH_9jhkjsyjv7c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c from "node:module";
+import CJS_COMPAT_NODE_URL_teykolgptq from 'node:url';
+import CJS_COMPAT_NODE_PATH_teykolgptq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_teykolgptq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_9jhkjsyjv7c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_9jhkjsyjv7c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_9jhkjsyjv7c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_teykolgptq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_teykolgptq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_teykolgptq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../../_node-chunks/chunk-5MG7AO5M.js";
+import "../../_node-chunks/chunk-ZFBKUCCD.js";
 import {
   AbortError,
   after,
@@ -32,45 +32,45 @@ import {
   sendTelemetryError,
   throttle,
   unary
-} from "../../_node-chunks/chunk-QUCPWX6N.js";
-import "../../_node-chunks/chunk-BPLKNOG7.js";
-import "../../_node-chunks/chunk-IMOJACVP.js";
-import "../../_node-chunks/chunk-J7VMFLRZ.js";
+} from "../../_node-chunks/chunk-VUL47RCU.js";
+import "../../_node-chunks/chunk-GJU4KX6X.js";
+import "../../_node-chunks/chunk-6COWUVY6.js";
+import "../../_node-chunks/chunk-TNAUD72T.js";
 import {
   getLastEvents,
   getSessionId
-} from "../../_node-chunks/chunk-O72O5WMW.js";
+} from "../../_node-chunks/chunk-7YD5E5Y5.js";
 import {
   globalSettings
-} from "../../_node-chunks/chunk-SKKDMIEL.js";
+} from "../../_node-chunks/chunk-IFCVXOGP.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-APNNQRRU.js";
+} from "../../_node-chunks/chunk-YH2VABDS.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-MJEVYN6O.js";
-import "../../_node-chunks/chunk-HT3TF35B.js";
+} from "../../_node-chunks/chunk-RMPSZ2MA.js";
+import "../../_node-chunks/chunk-2BHMURQI.js";
 import {
   isAbsolute,
   join
-} from "../../_node-chunks/chunk-RJ6MVIQ7.js";
+} from "../../_node-chunks/chunk-PI4OGMRN.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-Q4YMOGYF.js";
+} from "../../_node-chunks/chunk-OKIXNWVU.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-53QZPC5B.js";
-import "../../_node-chunks/chunk-TX3LEYMY.js";
-import "../../_node-chunks/chunk-WAM2AUH6.js";
+} from "../../_node-chunks/chunk-AQ5XNGJR.js";
+import "../../_node-chunks/chunk-QNHQNNV2.js";
+import "../../_node-chunks/chunk-YSCJXVR2.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-Q2N5EUMK.js";
+} from "../../_node-chunks/chunk-T53OKK5L.js";
 import {
   __commonJS,
   __export,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-TUFR2XYI.js";
+} from "../../_node-chunks/chunk-62HH4XOF.js";
 
 // ../../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -537,7 +537,7 @@ import { isCsfFactoryPreview } from "storybook/internal/csf-tools";
 var import_ts_dedent = __toESM(require_dist(), 1);
 
 // src/core-server/utils/get-component-variable-name.ts
-var getComponentVariableName = async (name) => (await import("../../_node-chunks/camelcase-2LEK4OOC.js")).default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: !0 }).replace(/[^a-zA-Z_$]+/, "");
+var getComponentVariableName = async (name) => (await import("../../_node-chunks/camelcase-IPCCDY4U.js")).default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: !0 }).replace(/[^a-zA-Z_$]+/, "");
 
 // src/core-server/utils/new-story-templates/csf-factory-template.ts
 async function getCsfFactoryTemplateForNewStoryFile(data) {
@@ -802,7 +802,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  let { globby, isDynamicPattern } = await import("../../_node-chunks/globby-MSDE3LN6.js"), hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd }), searchQueryHasExtension = /(\.[a-z]+)$/i.test(searchQuery), fileExtensionsPattern = `{${fileExtensions.join(",")}}`, globbedSearchQuery = hasSearchSpecialGlobChars ? searchQuery : searchQueryHasExtension ? [`**/*${searchQuery}*`, `**/*${searchQuery}*/**`] : [
+  let { globby, isDynamicPattern } = await import("../../_node-chunks/globby-VLMVNFI7.js"), hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd }), searchQueryHasExtension = /(\.[a-z]+)$/i.test(searchQuery), fileExtensionsPattern = `{${fileExtensions.join(",")}}`, globbedSearchQuery = hasSearchSpecialGlobChars ? searchQuery : searchQueryHasExtension ? [`**/*${searchQuery}*`, `**/*${searchQuery}*/**`] : [
     `**/*${searchQuery}*.${fileExtensionsPattern}`,
     `**/*${searchQuery}*/**/*.${fileExtensionsPattern}`
   ];