storybook 10.2.0-alpha.4 → 10.2.0-alpha.6

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,
@@ -1020,7 +1017,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 React7.createElement(SelectWrapper, null, React7.createElement(ChevronSmallDownIcon, null), React7.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React7.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React7.createElement("option", { key: "no-selection", disabled: !0 }, NO_SELECTION), Object.keys(options).map((key) => React7.createElement("option", { key, value: key }, key))));
+  return React7.createElement(SelectWrapper, null, React7.createElement(ChevronSmallDownIcon, null), React7.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React7.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React7.createElement("option", { disabled: selection === NO_SELECTION, key: "no-selection" }, NO_SELECTION), Object.keys(options).map((key) => React7.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);
@@ -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_uzmhoq39aog from 'node:url';
-import CJS_COMPAT_NODE_PATH_uzmhoq39aog from 'node:path';
-import CJS_COMPAT_NODE_MODULE_uzmhoq39aog 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_uzmhoq39aog.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_uzmhoq39aog.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_uzmhoq39aog.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-KLBUL53W.js";
+} from "../../_node-chunks/chunk-5UF6URLY.js";
 import {
   slash
-} from "../../_node-chunks/chunk-IXZ54TG6.js";
-import "../../_node-chunks/chunk-2LVUTXDF.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_uzmhoq39aog from 'node:url';
-import CJS_COMPAT_NODE_PATH_uzmhoq39aog from 'node:path';
-import CJS_COMPAT_NODE_MODULE_uzmhoq39aog 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_uzmhoq39aog.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_uzmhoq39aog.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_uzmhoq39aog.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-6RZ6ESPF.js";
+import "../../_node-chunks/chunk-ZFBKUCCD.js";
 import {
   AbortError,
   after,
@@ -32,45 +32,45 @@ import {
   sendTelemetryError,
   throttle,
   unary
-} from "../../_node-chunks/chunk-BRVASHE4.js";
-import "../../_node-chunks/chunk-S3WG5D7I.js";
-import "../../_node-chunks/chunk-JUQFZI7H.js";
-import "../../_node-chunks/chunk-6XCE5DKF.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-HATD2DIT.js";
+} from "../../_node-chunks/chunk-7YD5E5Y5.js";
 import {
   globalSettings
-} from "../../_node-chunks/chunk-5IKN22PK.js";
+} from "../../_node-chunks/chunk-IFCVXOGP.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-BXGPI53U.js";
+} from "../../_node-chunks/chunk-YH2VABDS.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-NCENIJPW.js";
-import "../../_node-chunks/chunk-X6TQDZZW.js";
+} from "../../_node-chunks/chunk-RMPSZ2MA.js";
+import "../../_node-chunks/chunk-2BHMURQI.js";
 import {
   isAbsolute,
   join
-} from "../../_node-chunks/chunk-CSLYLE5Z.js";
+} from "../../_node-chunks/chunk-PI4OGMRN.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-3SB46FMB.js";
+} from "../../_node-chunks/chunk-OKIXNWVU.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-THYQIUTI.js";
-import "../../_node-chunks/chunk-5Y2B5Y2I.js";
-import "../../_node-chunks/chunk-EGGWMXFM.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-AEF4OCMB.js";
+} from "../../_node-chunks/chunk-T53OKK5L.js";
 import {
   __commonJS,
   __export,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-2LVUTXDF.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-VC2MI4D3.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-3NVGNGRX.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}`
   ];

package/dist/csf/index.js

@@ -10,12 +10,12 @@ import {
   mountDestructured,
   normalizeArrays,
   normalizeProjectAnnotations
-} from "../_browser-chunks/chunk-HX32VQZR.js";
+} from "../_browser-chunks/chunk-KTOLYKZY.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_uzmhoq39aog from 'node:url';
-import CJS_COMPAT_NODE_PATH_uzmhoq39aog from 'node:path';
-import CJS_COMPAT_NODE_MODULE_uzmhoq39aog 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_uzmhoq39aog.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_uzmhoq39aog.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_uzmhoq39aog.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
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-3SB46FMB.js";
-import "../_node-chunks/chunk-THYQIUTI.js";
-import "../_node-chunks/chunk-2LVUTXDF.js";
+} from "../_node-chunks/chunk-OKIXNWVU.js";
+import "../_node-chunks/chunk-AQ5XNGJR.js";
+import "../_node-chunks/chunk-62HH4XOF.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

@@ -31518,6 +31518,7 @@ __export(core_events_exports, {
   FORCE_REMOUNT: () => FORCE_REMOUNT,
   FORCE_RE_RENDER: () => FORCE_RE_RENDER,
   GLOBALS_UPDATED: () => GLOBALS_UPDATED,
+  MANAGER_INERT_ATTRIBUTE_CHANGED: () => MANAGER_INERT_ATTRIBUTE_CHANGED,
   NAVIGATE_URL: () => NAVIGATE_URL,
   OPEN_IN_EDITOR_REQUEST: () => OPEN_IN_EDITOR_REQUEST,
   OPEN_IN_EDITOR_RESPONSE: () => OPEN_IN_EDITOR_RESPONSE,
@@ -31565,7 +31566,7 @@ __export(core_events_exports, {
   UPDATE_STORY_ARGS: () => UPDATE_STORY_ARGS,
   default: () => core_events_default
 });
-var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", events2.CHANNEL_CREATED = "channelCreated", events2.CONFIG_ERROR = "configError", events2.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", events2.STORY_SPECIFIED = "storySpecified", events2.SET_CONFIG = "setConfig", events2.SET_STORIES = "setStories", events2.SET_INDEX = "setIndex", events2.SET_CURRENT_STORY = "setCurrentStory", events2.CURRENT_STORY_WAS_SET = "currentStoryWasSet", events2.FORCE_RE_RENDER = "forceReRender", events2.FORCE_REMOUNT = "forceRemount", events2.PRELOAD_ENTRIES = "preloadStories", events2.STORY_PREPARED = "storyPrepared", events2.DOCS_PREPARED = "docsPrepared", events2.STORY_CHANGED = "storyChanged", events2.STORY_UNCHANGED = "storyUnchanged", events2.STORY_RENDERED = "storyRendered", events2.STORY_FINISHED = "storyFinished", events2.STORY_MISSING = "storyMissing", events2.STORY_ERRORED = "storyErrored", events2.STORY_THREW_EXCEPTION = "storyThrewException", events2.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", events2.STORY_HOT_UPDATED = "storyHotUpdated", events2.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", events2.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", events2.UPDATE_STORY_ARGS = "updateStoryArgs", events2.STORY_ARGS_UPDATED = "storyArgsUpdated", events2.RESET_STORY_ARGS = "resetStoryArgs", events2.SET_FILTER = "setFilter", events2.SET_GLOBALS = "setGlobals", events2.UPDATE_GLOBALS = "updateGlobals", events2.GLOBALS_UPDATED = "globalsUpdated", events2.REGISTER_SUBSCRIPTION = "registerSubscription", events2.PREVIEW_INITIALIZED = "previewInitialized", events2.PREVIEW_KEYDOWN = "previewKeydown", events2.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", events2.SELECT_STORY = "selectStory", events2.STORIES_COLLAPSE_ALL = "storiesCollapseAll", events2.STORIES_EXPAND_ALL = "storiesExpandAll", events2.DOCS_RENDERED = "docsRendered", events2.SHARED_STATE_CHANGED = "sharedStateChanged", events2.SHARED_STATE_SET = "sharedStateSet", events2.NAVIGATE_URL = "navigateUrl", events2.UPDATE_QUERY_PARAMS = "updateQueryParams", events2.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", events2.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", events2.SET_WHATS_NEW_CACHE = "setWhatsNewCache", events2.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", events2.TELEMETRY_ERROR = "telemetryError", events2.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", events2.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", events2.SAVE_STORY_REQUEST = "saveStoryRequest", events2.SAVE_STORY_RESPONSE = "saveStoryResponse", events2.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", events2.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", events2.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", events2.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", events2.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", events2.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", events2))(events || {}), core_events_default = events, {
+var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", events2.CHANNEL_CREATED = "channelCreated", events2.CONFIG_ERROR = "configError", events2.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", events2.STORY_SPECIFIED = "storySpecified", events2.SET_CONFIG = "setConfig", events2.SET_STORIES = "setStories", events2.SET_INDEX = "setIndex", events2.SET_CURRENT_STORY = "setCurrentStory", events2.CURRENT_STORY_WAS_SET = "currentStoryWasSet", events2.FORCE_RE_RENDER = "forceReRender", events2.FORCE_REMOUNT = "forceRemount", events2.PRELOAD_ENTRIES = "preloadStories", events2.STORY_PREPARED = "storyPrepared", events2.DOCS_PREPARED = "docsPrepared", events2.STORY_CHANGED = "storyChanged", events2.STORY_UNCHANGED = "storyUnchanged", events2.STORY_RENDERED = "storyRendered", events2.STORY_FINISHED = "storyFinished", events2.STORY_MISSING = "storyMissing", events2.STORY_ERRORED = "storyErrored", events2.STORY_THREW_EXCEPTION = "storyThrewException", events2.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", events2.STORY_HOT_UPDATED = "storyHotUpdated", events2.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", events2.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", events2.UPDATE_STORY_ARGS = "updateStoryArgs", events2.STORY_ARGS_UPDATED = "storyArgsUpdated", events2.RESET_STORY_ARGS = "resetStoryArgs", events2.SET_FILTER = "setFilter", events2.SET_GLOBALS = "setGlobals", events2.UPDATE_GLOBALS = "updateGlobals", events2.GLOBALS_UPDATED = "globalsUpdated", events2.REGISTER_SUBSCRIPTION = "registerSubscription", events2.PREVIEW_INITIALIZED = "previewInitialized", events2.PREVIEW_KEYDOWN = "previewKeydown", events2.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", events2.SELECT_STORY = "selectStory", events2.STORIES_COLLAPSE_ALL = "storiesCollapseAll", events2.STORIES_EXPAND_ALL = "storiesExpandAll", events2.DOCS_RENDERED = "docsRendered", events2.SHARED_STATE_CHANGED = "sharedStateChanged", events2.SHARED_STATE_SET = "sharedStateSet", events2.NAVIGATE_URL = "navigateUrl", events2.UPDATE_QUERY_PARAMS = "updateQueryParams", events2.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", events2.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", events2.SET_WHATS_NEW_CACHE = "setWhatsNewCache", events2.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", events2.TELEMETRY_ERROR = "telemetryError", events2.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", events2.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", events2.SAVE_STORY_REQUEST = "saveStoryRequest", events2.SAVE_STORY_RESPONSE = "saveStoryResponse", events2.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", events2.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", events2.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", events2.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", events2.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", events2.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", events2.MANAGER_INERT_ATTRIBUTE_CHANGED = "managerInertAttributeChanged", events2))(events || {}), core_events_default = events, {
   CHANNEL_WS_DISCONNECT,
   CHANNEL_CREATED,
   CONFIG_ERROR,
@@ -31625,7 +31626,8 @@ var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "cha
   ARGTYPES_INFO_REQUEST,
   ARGTYPES_INFO_RESPONSE,
   OPEN_IN_EDITOR_REQUEST,
-  OPEN_IN_EDITOR_RESPONSE
+  OPEN_IN_EDITOR_RESPONSE,
+  MANAGER_INERT_ATTRIBUTE_CHANGED
 } = events;
 
 // src/manager/globals/globals.ts
@@ -66333,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.4";
+var version = "10.2.0-alpha.6";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope, getVersionCheckData = (0, import_memoizerific8.default)(1)(() => {
@@ -75096,7 +75098,10 @@ function BaseModal({
     shouldBeOpen && !isMounted ? toggle(!0) : !shouldBeOpen && isMounted && toggle(!1);
   }, [open, defaultOpen, isMounted, toggle]), (0, import_react105.useEffect)(() => {
     isMounted && (open || defaultOpen) && onOpenChange?.(!0);
-  }, [isMounted]), !isMounted || status === "exited" || status === "unmounted")
+  }, [isMounted]), (0, import_react105.useEffect)(() => {
+    if (isMounted && (open || defaultOpen) && overlayRef.current)
+      return $5e3802645cc19319$export$1c3ebcada18427bf([overlayRef.current], { shouldUseInert: !0 });
+  }, [isMounted, open, defaultOpen, overlayRef]), !isMounted || status === "exited" || status === "unmounted")
     return null;
   let finalModalProps = $3ef42575df84b30b$export$9d1611c77c2fe928(modalProps, {
     onKeyDown: (e) => {
@@ -76126,7 +76131,10 @@ var StyledButton3 = styled(Button)(
   $e0b6e0b68ec7f50f$export$872b660ac5a1ff98({
     ref: popoverRef,
     onInteractOutside: handleClose
-  });
+  }), (0, import_react124.useEffect)(() => {
+    if (popoverRef.current)
+      return $5e3802645cc19319$export$1c3ebcada18427bf([popoverRef.current], { shouldUseInert: !0 });
+  }, []);
   let { overlayProps: positionProps } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
     targetRef: triggerRef,
     overlayRef: popoverRef,
@@ -76216,7 +76224,7 @@ var StyledButton3 = styled(Button)(
           return;
         }
         let currentIndex = options.findIndex(
-          (option) => externalToValue(option.value) === activeOption.value
+          (option) => activeOption.type === "reset" ? "type" in option && option.type === "reset" : externalToValue(option.value) === activeOption.value
         ), nextIndex = currentIndex + step2, newActiveOption;
         nextIndex >= options.length && currentIndex === options.length - 1 ? newActiveOption = options[0] : newActiveOption = options[Math.min(options.length - 1, nextIndex)], setActiveOption(newActiveOption);
       },
@@ -76228,7 +76236,7 @@ var StyledButton3 = styled(Button)(
           return;
         }
         let currentIndex = options.findIndex(
-          (option) => externalToValue(option.value) === activeOption.value
+          (option) => activeOption.type === "reset" ? "type" in option && option.type === "reset" : externalToValue(option.value) === activeOption.value
         ), nextIndex = currentIndex - step2, newActiveOption;
         nextIndex < 0 && currentIndex === 0 ? newActiveOption = options[options.length - 1] : newActiveOption = options[Math.max(0, nextIndex)], setActiveOption(newActiveOption);
       },
@@ -79868,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

@@ -1988,7 +1988,7 @@ var react_default = __REACT__, { Children, Component, Fragment, Profiler, PureCo
 var channels_default = __STORYBOOK_CHANNELS__, { Channel, HEARTBEAT_INTERVAL, HEARTBEAT_MAX_LATENCY, PostMessageTransport, WebsocketTransport, createBrowserChannel } = __STORYBOOK_CHANNELS__;
 
 // global-externals:storybook/internal/core-events
-var core_events_default = __STORYBOOK_CORE_EVENTS__, { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, GLOBALS_UPDATED, NAVIGATE_URL, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_INITIALIZED, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_FINISHED, STORY_HOT_UPDATED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS } = __STORYBOOK_CORE_EVENTS__;
+var core_events_default = __STORYBOOK_CORE_EVENTS__, { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, GLOBALS_UPDATED, MANAGER_INERT_ATTRIBUTE_CHANGED, NAVIGATE_URL, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_INITIALIZED, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_FINISHED, STORY_HOT_UPDATED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS } = __STORYBOOK_CORE_EVENTS__;
 
 // ../../node_modules/@storybook/global/dist/index.mjs
 var scope = (() => {
@@ -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 })
       },
@@ -4800,7 +4800,7 @@ var MINIMUM_CONTENT_WIDTH_PX = 100, layoutStateIsEqual = (state, other) => state
 var types_default = __STORYBOOK_TYPES__, { Addon_TypesEnum, CoreWebpackCompiler, Feature, SupportedBuilder, SupportedFramework, SupportedLanguage, SupportedRenderer } = __STORYBOOK_TYPES__;
 
 // src/core-events/index.ts
-var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", events2.CHANNEL_CREATED = "channelCreated", events2.CONFIG_ERROR = "configError", events2.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", events2.STORY_SPECIFIED = "storySpecified", events2.SET_CONFIG = "setConfig", events2.SET_STORIES = "setStories", events2.SET_INDEX = "setIndex", events2.SET_CURRENT_STORY = "setCurrentStory", events2.CURRENT_STORY_WAS_SET = "currentStoryWasSet", events2.FORCE_RE_RENDER = "forceReRender", events2.FORCE_REMOUNT = "forceRemount", events2.PRELOAD_ENTRIES = "preloadStories", events2.STORY_PREPARED = "storyPrepared", events2.DOCS_PREPARED = "docsPrepared", events2.STORY_CHANGED = "storyChanged", events2.STORY_UNCHANGED = "storyUnchanged", events2.STORY_RENDERED = "storyRendered", events2.STORY_FINISHED = "storyFinished", events2.STORY_MISSING = "storyMissing", events2.STORY_ERRORED = "storyErrored", events2.STORY_THREW_EXCEPTION = "storyThrewException", events2.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", events2.STORY_HOT_UPDATED = "storyHotUpdated", events2.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", events2.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", events2.UPDATE_STORY_ARGS = "updateStoryArgs", events2.STORY_ARGS_UPDATED = "storyArgsUpdated", events2.RESET_STORY_ARGS = "resetStoryArgs", events2.SET_FILTER = "setFilter", events2.SET_GLOBALS = "setGlobals", events2.UPDATE_GLOBALS = "updateGlobals", events2.GLOBALS_UPDATED = "globalsUpdated", events2.REGISTER_SUBSCRIPTION = "registerSubscription", events2.PREVIEW_INITIALIZED = "previewInitialized", events2.PREVIEW_KEYDOWN = "previewKeydown", events2.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", events2.SELECT_STORY = "selectStory", events2.STORIES_COLLAPSE_ALL = "storiesCollapseAll", events2.STORIES_EXPAND_ALL = "storiesExpandAll", events2.DOCS_RENDERED = "docsRendered", events2.SHARED_STATE_CHANGED = "sharedStateChanged", events2.SHARED_STATE_SET = "sharedStateSet", events2.NAVIGATE_URL = "navigateUrl", events2.UPDATE_QUERY_PARAMS = "updateQueryParams", events2.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", events2.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", events2.SET_WHATS_NEW_CACHE = "setWhatsNewCache", events2.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", events2.TELEMETRY_ERROR = "telemetryError", events2.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", events2.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", events2.SAVE_STORY_REQUEST = "saveStoryRequest", events2.SAVE_STORY_RESPONSE = "saveStoryResponse", events2.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", events2.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", events2.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", events2.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", events2.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", events2.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", events2))(events || {});
+var events = /* @__PURE__ */ ((events2) => (events2.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", events2.CHANNEL_CREATED = "channelCreated", events2.CONFIG_ERROR = "configError", events2.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", events2.STORY_SPECIFIED = "storySpecified", events2.SET_CONFIG = "setConfig", events2.SET_STORIES = "setStories", events2.SET_INDEX = "setIndex", events2.SET_CURRENT_STORY = "setCurrentStory", events2.CURRENT_STORY_WAS_SET = "currentStoryWasSet", events2.FORCE_RE_RENDER = "forceReRender", events2.FORCE_REMOUNT = "forceRemount", events2.PRELOAD_ENTRIES = "preloadStories", events2.STORY_PREPARED = "storyPrepared", events2.DOCS_PREPARED = "docsPrepared", events2.STORY_CHANGED = "storyChanged", events2.STORY_UNCHANGED = "storyUnchanged", events2.STORY_RENDERED = "storyRendered", events2.STORY_FINISHED = "storyFinished", events2.STORY_MISSING = "storyMissing", events2.STORY_ERRORED = "storyErrored", events2.STORY_THREW_EXCEPTION = "storyThrewException", events2.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", events2.STORY_HOT_UPDATED = "storyHotUpdated", events2.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", events2.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", events2.UPDATE_STORY_ARGS = "updateStoryArgs", events2.STORY_ARGS_UPDATED = "storyArgsUpdated", events2.RESET_STORY_ARGS = "resetStoryArgs", events2.SET_FILTER = "setFilter", events2.SET_GLOBALS = "setGlobals", events2.UPDATE_GLOBALS = "updateGlobals", events2.GLOBALS_UPDATED = "globalsUpdated", events2.REGISTER_SUBSCRIPTION = "registerSubscription", events2.PREVIEW_INITIALIZED = "previewInitialized", events2.PREVIEW_KEYDOWN = "previewKeydown", events2.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", events2.SELECT_STORY = "selectStory", events2.STORIES_COLLAPSE_ALL = "storiesCollapseAll", events2.STORIES_EXPAND_ALL = "storiesExpandAll", events2.DOCS_RENDERED = "docsRendered", events2.SHARED_STATE_CHANGED = "sharedStateChanged", events2.SHARED_STATE_SET = "sharedStateSet", events2.NAVIGATE_URL = "navigateUrl", events2.UPDATE_QUERY_PARAMS = "updateQueryParams", events2.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", events2.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", events2.SET_WHATS_NEW_CACHE = "setWhatsNewCache", events2.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", events2.TELEMETRY_ERROR = "telemetryError", events2.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", events2.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", events2.SAVE_STORY_REQUEST = "saveStoryRequest", events2.SAVE_STORY_RESPONSE = "saveStoryResponse", events2.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", events2.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", events2.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", events2.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", events2.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", events2.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", events2.MANAGER_INERT_ATTRIBUTE_CHANGED = "managerInertAttributeChanged", events2))(events || {});
 var {
   CHANNEL_WS_DISCONNECT: CHANNEL_WS_DISCONNECT2,
   CHANNEL_CREATED: CHANNEL_CREATED2,
@@ -4861,7 +4861,8 @@ var {
   ARGTYPES_INFO_REQUEST: ARGTYPES_INFO_REQUEST2,
   ARGTYPES_INFO_RESPONSE: ARGTYPES_INFO_RESPONSE2,
   OPEN_IN_EDITOR_REQUEST: OPEN_IN_EDITOR_REQUEST2,
-  OPEN_IN_EDITOR_RESPONSE: OPEN_IN_EDITOR_RESPONSE2
+  OPEN_IN_EDITOR_RESPONSE: OPEN_IN_EDITOR_RESPONSE2,
+  MANAGER_INERT_ATTRIBUTE_CHANGED: MANAGER_INERT_ATTRIBUTE_CHANGED2
 } = events;
 
 // src/manager/components/panel/Panel.tsx
@@ -18706,7 +18707,19 @@ var App = ({ managerLayoutState, setManagerLayoutState, pages, hasTab }) => {
   let { setMobileAboutOpen } = useLayout(), { enableShortcuts = !0 } = addons.getConfig();
   return useEffect(() => {
     document.body.setAttribute("data-shortcuts-enabled", enableShortcuts ? "true" : "false");
-  }, [enableShortcuts]), react_default.createElement(react_default.Fragment, null, react_default.createElement(Global, { styles: createGlobal }), react_default.createElement(
+  }, [enableShortcuts]), useEffect(() => {
+    let rootElement = document.getElementById("root");
+    if (!rootElement)
+      return;
+    let observer = new MutationObserver(() => {
+      let hasInert = rootElement.hasAttribute("inert");
+      addons.getChannel().emit(core_events_default.MANAGER_INERT_ATTRIBUTE_CHANGED, hasInert);
+    });
+    return observer.observe(rootElement, {
+      attributes: !0,
+      attributeFilter: ["inert"]
+    }), () => observer.disconnect();
+  }, []), react_default.createElement(react_default.Fragment, null, react_default.createElement(Global, { styles: createGlobal }), react_default.createElement(
     Layout,
     {
       hasTab,
@@ -19388,7 +19401,9 @@ var ShortcutsScreen = class extends Component {
     };
     this.renderKeyInput = () => {
       let { shortcutKeys, addonsShortcutLabels } = this.state;
-      return Object.entries(shortcutKeys).map(([feature, { shortcut }]) => react_default.createElement(Row, { key: feature }, react_default.createElement(Description, null, shortcutLabels[feature] || addonsShortcutLabels[feature]), react_default.createElement(
+      return Object.entries(shortcutKeys).filter(
+        ([feature]) => shortcutLabels[feature] !== void 0 || addonsShortcutLabels && addonsShortcutLabels[feature]
+      ).map(([feature, { shortcut }]) => react_default.createElement(Row, { key: feature }, react_default.createElement(Description, null, shortcutLabels[feature] || addonsShortcutLabels[feature]), react_default.createElement(
         TextInput,
         {
           spellCheck: "false",

package/dist/manager-api/index.js

@@ -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.4";
+var version = "10.2.0-alpha.6";
 
 // 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_uzmhoq39aog from 'node:url';
-import CJS_COMPAT_NODE_PATH_uzmhoq39aog from 'node:path';
-import CJS_COMPAT_NODE_MODULE_uzmhoq39aog 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_uzmhoq39aog.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_uzmhoq39aog.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_uzmhoq39aog.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
@@ -16,8 +16,8 @@ import {
   join,
   normalize,
   resolve
-} from "../_node-chunks/chunk-CSLYLE5Z.js";
-import "../_node-chunks/chunk-2LVUTXDF.js";
+} from "../_node-chunks/chunk-PI4OGMRN.js";
+import "../_node-chunks/chunk-62HH4XOF.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);

package/dist/node-logger/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_uzmhoq39aog from 'node:url';
-import CJS_COMPAT_NODE_PATH_uzmhoq39aog from 'node:path';
-import CJS_COMPAT_NODE_MODULE_uzmhoq39aog 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_uzmhoq39aog.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_uzmhoq39aog.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_uzmhoq39aog.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
@@ -22,9 +22,9 @@ import {
   once,
   prompt,
   protectUrls
-} from "../_node-chunks/chunk-I6C74YGE.js";
-import "../_node-chunks/chunk-AEF4OCMB.js";
-import "../_node-chunks/chunk-2LVUTXDF.js";
+} from "../_node-chunks/chunk-JCHPJOPI.js";
+import "../_node-chunks/chunk-T53OKK5L.js";
+import "../_node-chunks/chunk-62HH4XOF.js";
 var export_instance = import_npmlog.default;
 export {
   CLI_COLORS,