storybook 10.2.0-alpha.5 → 10.2.0-alpha.7

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_99t5k5w5yp4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_99t5k5w5yp4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_99t5k5w5yp4 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_99t5k5w5yp4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_99t5k5w5yp4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_99t5k5w5yp4.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-VRAZAZEV.js";
 import {
   slash
-} from "../../_node-chunks/chunk-LOJ6VLWV.js";
-import "../../_node-chunks/chunk-TUFR2XYI.js";
+} from "../../_node-chunks/chunk-TBPJCWU7.js";
+import "../../_node-chunks/chunk-YPUOZX6Y.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_99t5k5w5yp4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_99t5k5w5yp4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_99t5k5w5yp4 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_99t5k5w5yp4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_99t5k5w5yp4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_99t5k5w5yp4.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-JVSFH4RF.js";
 import {
   AbortError,
   after,
@@ -32,45 +32,41 @@ 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";
-import {
-  getLastEvents,
-  getSessionId
-} from "../../_node-chunks/chunk-O72O5WMW.js";
+} from "../../_node-chunks/chunk-PYUJOHPH.js";
+import "../../_node-chunks/chunk-RCTV2GMQ.js";
+import "../../_node-chunks/chunk-LZSDDOT4.js";
+import "../../_node-chunks/chunk-BUUY73HB.js";
 import {
   globalSettings
-} from "../../_node-chunks/chunk-SKKDMIEL.js";
+} from "../../_node-chunks/chunk-PGJHGLNH.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-APNNQRRU.js";
+} from "../../_node-chunks/chunk-M5E3YC4T.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-MJEVYN6O.js";
-import "../../_node-chunks/chunk-HT3TF35B.js";
+} from "../../_node-chunks/chunk-2TPGTNH3.js";
+import "../../_node-chunks/chunk-P445LZJB.js";
 import {
   isAbsolute,
   join
-} from "../../_node-chunks/chunk-RJ6MVIQ7.js";
+} from "../../_node-chunks/chunk-Y6L7H22H.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-Q4YMOGYF.js";
+} from "../../_node-chunks/chunk-DF3MHTVA.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-56LVYN72.js";
+import "../../_node-chunks/chunk-VCZD6QSG.js";
+import "../../_node-chunks/chunk-PQM4RHC4.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-Q2N5EUMK.js";
+} from "../../_node-chunks/chunk-ZNQQBZIL.js";
 import {
   __commonJS,
   __export,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-TUFR2XYI.js";
+} from "../../_node-chunks/chunk-YPUOZX6Y.js";
 
 // ../../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -537,7 +533,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-4GVAWYWU.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 +798,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-UXUG5UXW.js"), hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd }), searchQueryHasExtension = /(\.[a-z]+)$/i.test(searchQuery), fileExtensionsPattern = `{${fileExtensions.join(",")}}`, globbedSearchQuery = hasSearchSpecialGlobChars ? searchQuery : searchQueryHasExtension ? [`**/*${searchQuery}*`, `**/*${searchQuery}*/**`] : [
     `**/*${searchQuery}*.${fileExtensionsPattern}`,
     `**/*${searchQuery}*/**/*.${fileExtensionsPattern}`
   ];
@@ -912,6 +908,8 @@ async function initOpenInEditorChannel(channel, _options, coreOptions) {
 // src/core-server/server-channel/preview-initialized-channel.ts
 import { PREVIEW_INITIALIZED } from "storybook/internal/core-events";
 import { telemetry as telemetry4 } from "storybook/internal/telemetry";
+import { getLastEvents } from "storybook/internal/telemetry";
+import { getSessionId } from "storybook/internal/telemetry";
 var makePayload = (userAgent, lastInit, sessionId) => {
   let payload = {
     userAgent,
@@ -5695,7 +5693,7 @@ var interpolate = (string, data = {}) => Object.entries(data).reduce((acc, [k, v
     ...babelDefault,
     // This override makes sure that we will never transpile babel further down then the browsers that storybook supports.
     // This is needed to support the mount property of the context described here:
-    // https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-each-test
+    // https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-each-story-in-a-file
     overrides: [
       ...babelDefault?.overrides ?? [],
       {

package/dist/csf/index.d.ts

@@ -310,7 +310,13 @@ interface ActionsParameters {
          * @example `argTypesRegex: '^on.*'`
          */
         argTypesRegex?: string;
-        /** Remove the addon panel and disable the addon's behavior */
+        /**
+         * Removes the addon panel and turns off the feature's behavior. If you wish to turn off this
+         * feature for the entire Storybook, you can set the option in your `main.js|ts` configuration
+         * file.
+         *
+         * @see https://storybook.js.org/docs/essentials/actions#disable
+         */
         disable?: boolean;
         /**
          * Binds a standard HTML event handler to the outermost HTML element rendered by your component
@@ -320,8 +326,6 @@ interface ActionsParameters {
          * **To enable this feature, you must use the `withActions` decorator.**
          *
          * @example `handles: ['mouseover', 'click .btn']`
-         *
-         * @see https://storybook.js.org/docs/essentials/actions#action-event-handlers
          */
         handles?: string[];
     };
@@ -357,7 +361,12 @@ interface BackgroundsParameters {
     backgrounds?: {
         /** Default background color */
         default?: string;
-        /** Remove the addon panel and disable the addon's behavior */
+        /**
+         * Removes the tool and disables the feature's behavior. If you wish to turn off this feature
+         * for the entire Storybook, you can set the option in your `main.js|ts` configuration file.
+         *
+         * @see https://storybook.js.org/docs/essentials/backgrounds#disable
+         */
         disable?: boolean;
         /** Configuration for the background grid */
         grid?: GridConfig;
@@ -385,7 +394,13 @@ interface ControlsParameters {
      * @see https://storybook.js.org/docs/essentials/controls#parameters-1
      */
     controls?: {
-        /** Remove the addon panel and disable the addon's behavior */
+        /**
+         * Removes the addon panel and turns off the feature's behavior. If you wish to turn off this
+         * feature for the entire Storybook, you can set the option in your `main.js|ts` configuration
+         * file.
+         *
+         * @see https://storybook.js.org/docs/essentials/controls#disable
+         */
         disable?: boolean;
         /** Disable the ability to create or edit stories from the Controls panel */
         disableSaveFromUI?: boolean;
@@ -435,7 +450,12 @@ interface HighlightParameters {
      * @see https://storybook.js.org/docs/essentials/highlight#parameters
      */
     highlight?: {
-        /** Remove the addon panel and disable the addon's behavior */
+        /**
+         * Removes the tool and disables the feature's behavior. If you wish to turn off this feature
+         * for the entire Storybook, you can set the option in your `main.js|ts` configuration file.
+         *
+         * @see https://storybook.js.org/docs/essentials/highlight#disable
+         */
         disable?: boolean;
     };
 }
@@ -447,7 +467,12 @@ interface MeasureParameters {
      * @see https://storybook.js.org/docs/essentials/measure-and-outline#parameters
      */
     measure?: {
-        /** Remove the addon panel and disable the addon's behavior */
+        /**
+         * Removes the tool and disables the feature's behavior. If you wish to turn off this feature
+         * for the entire Storybook, you can set the option in your `main.js|ts` configuration file.
+         *
+         * @see https://storybook.js.org/docs/essentials/measure-and-outline#disable
+         */
         disable?: boolean;
     };
 }
@@ -462,7 +487,12 @@ interface OutlineParameters {
      * @see https://storybook.js.org/docs/essentials/measure-and-outline#parameters
      */
     outline?: {
-        /** Remove the addon panel and disable the addon's behavior */
+        /**
+         * Removes the tool and disables the feature's behavior. If you wish to turn off this feature
+         * for the entire Storybook, you can set the option in your `main.js|ts` configuration file.
+         *
+         * @see https://storybook.js.org/docs/essentials/measure-and-outline#disable
+         */
         disable?: boolean;
     };
 }
@@ -511,10 +541,10 @@ interface ViewportParameters {
      */
     viewport?: {
         /**
-         * Remove the addon panel and disable the addon's behavior . If you wish to turn off this addon
-         * for the entire Storybook, you should do so when registering addon-essentials
+         * Removes the tool and disables the feature's behavior. If you wish to turn off this feature
+         * for the entire Storybook, you can set the option in your `main.js|ts` configuration file.
          *
-         * @see https://storybook.js.org/docs/essentials/index#disabling-addons
+         * @see https://storybook.js.org/docs/essentials/viewport#disable
          */
         disable?: boolean;
         /**

package/dist/csf/index.js

@@ -10,12 +10,12 @@ import {
   mountDestructured,
   normalizeArrays,
   normalizeProjectAnnotations
-} from "../_browser-chunks/chunk-HX32VQZR.js";
+} from "../_browser-chunks/chunk-EUPBEOK3.js";
 import "../_browser-chunks/chunk-IPA5A322.js";
 import "../_browser-chunks/chunk-XLJZ7AOP.js";
 import {
   combineParameters
-} from "../_browser-chunks/chunk-6QKNWBQB.js";
+} from "../_browser-chunks/chunk-LOTN4ZCW.js";
 import "../_browser-chunks/chunk-XCZK5QUJ.js";
 import {
   invariant

package/dist/csf-tools/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_99t5k5w5yp4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_99t5k5w5yp4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_99t5k5w5yp4 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_99t5k5w5yp4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_99t5k5w5yp4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_99t5k5w5yp4.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-Q4YMOGYF.js";
-import "../_node-chunks/chunk-53QZPC5B.js";
-import "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-DF3MHTVA.js";
+import "../_node-chunks/chunk-56LVYN72.js";
+import "../_node-chunks/chunk-YPUOZX6Y.js";
 export {
   BadMetaError,
   ConfigFile,

package/dist/docs-tools/index.js

@@ -24,7 +24,7 @@ import {
   normalizeNewlines,
   parseJsDoc,
   str
-} from "../_browser-chunks/chunk-6QKNWBQB.js";
+} from "../_browser-chunks/chunk-LOTN4ZCW.js";
 import "../_browser-chunks/chunk-XCZK5QUJ.js";
 import "../_browser-chunks/chunk-CLSHX4VX.js";
 import "../_browser-chunks/chunk-HPYUT3WS.js";

package/dist/manager/globals-runtime.js

@@ -65142,19 +65142,19 @@ var init12 = ({
     updateStory: async (storyId, update3, ref) => {
       if (ref) {
         let { id: refId, index: index4, filteredIndex } = ref;
-        index4[storyId] = {
+        index4 && index4[storyId] && (index4[storyId] = {
           ...index4[storyId],
           ...update3
-        }, filteredIndex[storyId] = {
+        }), filteredIndex && filteredIndex[storyId] && (filteredIndex[storyId] = {
           ...filteredIndex[storyId],
           ...update3
-        }, await fullAPI.updateRef(refId, { index: index4, filteredIndex });
+        }), await fullAPI.updateRef(refId, { index: index4, filteredIndex });
       } else {
         let { index: index4, filteredIndex } = store2.getState();
-        index4 && (index4[storyId] = {
+        index4 && index4[storyId] && (index4[storyId] = {
           ...index4[storyId],
           ...update3
-        }), filteredIndex && (filteredIndex[storyId] = {
+        }), filteredIndex && filteredIndex[storyId] && (filteredIndex[storyId] = {
           ...filteredIndex[storyId],
           ...update3
         }), (index4 || filteredIndex) && await store2.setState({ index: index4, filteredIndex });
@@ -66335,7 +66335,7 @@ init_dist();
 var import_memoizerific8 = __toESM(require_memoizerific(), 1), import_semver = __toESM(require_semver2(), 1);
 
 // src/manager-api/version.ts
-var version = "10.2.0-alpha.5";
+var version = "10.2.0-alpha.7";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope, getVersionCheckData = (0, import_memoizerific8.default)(1)(() => {
@@ -79876,7 +79876,7 @@ var PopoverProvider = ({
       setIsOpen(isOpen2), onVisibleChange?.(isOpen2);
     },
     [onVisibleChange]
-  ), onHide = (0, import_react156.useCallback)(() => setIsOpen(!1), []);
+  ), onHide = (0, import_react156.useCallback)(() => onOpenChange(!1), [onOpenChange]);
   return import_react156.default.createElement(
     $de32f1b87079253c$export$2e1e1122cf0cba88,
     {

package/dist/manager/runtime.js

@@ -2276,7 +2276,7 @@ var defaultItemValues = {
     ...argType.toolbar,
     items: argType.toolbar.items.map((_item) => {
       let item = typeof _item == "string" ? { value: _item, title: _item } : _item;
-      return item.type === "reset" && argType.toolbar.icon && (item.icon = argType.toolbar.icon, item.hideIcon = !0), { ...defaultItemValues, ...item };
+      return item.type === "reset" && argType.toolbar.icon && (item.icon = argType.toolbar.icon, item.hideIcon = !0, item.value = void 0), { ...defaultItemValues, ...item };
     })
   }
 });
@@ -2606,7 +2606,7 @@ var ToolbarMenuItemContainer = styled("div")({
   }) => {
     let [globals, updateGlobals, storyGlobals] = useGlobals(), currentValue = globals[id], isOverridden = id in storyGlobals, icon = _icon, title2 = _title;
     preventDynamicIcon || (icon = getSelectedIcon({ currentValue, items }) || icon), dynamicTitle && (title2 = getSelectedTitle({ currentValue, items }) || title2), !title2 && !icon && console.warn(`Toolbar '${name}' has no title or icon`);
-    let resetLabel = items.find((item) => item.type === "reset")?.title, options2 = items.filter((item) => item.type === "item").map((item) => {
+    let resetItem = items.find((item) => item.type === "reset"), resetLabel = resetItem?.title, options2 = items.filter((item) => item.type === "item").map((item) => {
       let itemTitle = item.title ?? item.value ?? "Untitled", iconComponent = !item.hideIcon && item.icon ? react_default.createElement(Icons, { icon: item.icon, __suppressDeprecationWarning: !0 }) : void 0;
       return item.right ? {
         title: itemTitle,
@@ -2627,7 +2627,7 @@ var ToolbarMenuItemContainer = styled("div")({
         ariaLabel,
         tooltip: ariaLabel,
         resetLabel,
-        onReset: () => updateGlobals({ [id]: "_reset" }),
+        onReset: resetItem ? () => updateGlobals({ [id]: resetItem?.value }) : void 0,
         onSelect: (selected) => updateGlobals({ [id]: selected }),
         icon: icon && react_default.createElement(Icons, { icon, __suppressDeprecationWarning: !0 })
       },
@@ -4308,7 +4308,7 @@ var MobileAbout = () => {
     ), react_default.createElement(
       LinkLine,
       {
-        href: "https://storybook.js.org/docs/react/get-started/install/?ref=ui",
+        href: "https://storybook.js.org/docs/get-started/install?ref=ui",
         target: "_blank",
         rel: "noopener noreferrer"
       },

package/dist/manager-api/index.js

@@ -8,7 +8,7 @@ import {
 } from "../_browser-chunks/chunk-V5NV5R37.js";
 import {
   StatusTypeIdMismatchError as StatusTypeIdMismatchError2
-} from "../_browser-chunks/chunk-UXVP56J6.js";
+} from "../_browser-chunks/chunk-POMIZRJL.js";
 import {
   StorybookError
 } from "../_browser-chunks/chunk-JVRDBUUP.js";
@@ -2042,19 +2042,19 @@ var init11 = ({
     updateStory: async (storyId, update2, ref) => {
       if (ref) {
         let { id: refId, index, filteredIndex } = ref;
-        index[storyId] = {
+        index && index[storyId] && (index[storyId] = {
           ...index[storyId],
           ...update2
-        }, filteredIndex[storyId] = {
+        }), filteredIndex && filteredIndex[storyId] && (filteredIndex[storyId] = {
           ...filteredIndex[storyId],
           ...update2
-        }, await fullAPI.updateRef(refId, { index, filteredIndex });
+        }), await fullAPI.updateRef(refId, { index, filteredIndex });
       } else {
         let { index, filteredIndex } = store2.getState();
-        index && (index[storyId] = {
+        index && index[storyId] && (index[storyId] = {
           ...index[storyId],
           ...update2
-        }), filteredIndex && (filteredIndex[storyId] = {
+        }), filteredIndex && filteredIndex[storyId] && (filteredIndex[storyId] = {
           ...filteredIndex[storyId],
           ...update2
         }), (index || filteredIndex) && await store2.setState({ index, filteredIndex });
@@ -2338,7 +2338,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.2.0-alpha.5";
+var version = "10.2.0-alpha.7";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = global8, getVersionCheckData = (0, import_memoizerific2.default)(1)(() => {

package/dist/mocking-utils/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_99t5k5w5yp4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_99t5k5w5yp4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_99t5k5w5yp4 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_99t5k5w5yp4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_99t5k5w5yp4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_99t5k5w5yp4.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -16,8 +16,8 @@ import {
   join,
   normalize,
   resolve
-} from "../_node-chunks/chunk-RJ6MVIQ7.js";
-import "../_node-chunks/chunk-TUFR2XYI.js";
+} from "../_node-chunks/chunk-Y6L7H22H.js";
+import "../_node-chunks/chunk-YPUOZX6Y.js";
 
 // ../../node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.mjs
 var comma = 44, semicolon = 59, chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", intToChar = new Uint8Array(64), charToInt = new Uint8Array(128);