storybook 10.2.0-alpha.11 → 10.2.0-alpha.12

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

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_aucdos01fk5 from 'node:url';
-import CJS_COMPAT_NODE_PATH_aucdos01fk5 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_aucdos01fk5 from "node:module";
+import CJS_COMPAT_NODE_URL_0j7q77gppets from 'node:url';
+import CJS_COMPAT_NODE_PATH_0j7q77gppets from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0j7q77gppets from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_aucdos01fk5.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_aucdos01fk5.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_aucdos01fk5.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0j7q77gppets.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0j7q77gppets.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0j7q77gppets.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-KU4SWNDM.js";
+} from "../../_node-chunks/chunk-KK73AHXT.js";
 import {
   slash
-} from "../../_node-chunks/chunk-P663SP7U.js";
-import "../../_node-chunks/chunk-FWVZUHZX.js";
+} from "../../_node-chunks/chunk-ENNXNDBF.js";
+import "../../_node-chunks/chunk-WMWMEGTL.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,53 +1,54 @@
-import CJS_COMPAT_NODE_URL_aucdos01fk5 from 'node:url';
-import CJS_COMPAT_NODE_PATH_aucdos01fk5 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_aucdos01fk5 from "node:module";
+import CJS_COMPAT_NODE_URL_0j7q77gppets from 'node:url';
+import CJS_COMPAT_NODE_PATH_0j7q77gppets from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0j7q77gppets from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_aucdos01fk5.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_aucdos01fk5.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_aucdos01fk5.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0j7q77gppets.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0j7q77gppets.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0j7q77gppets.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../../_node-chunks/chunk-O7O53MP7.js";
+import "../../_node-chunks/chunk-HSXHYDWU.js";
 import {
   parseStaticDir,
   sendTelemetryError,
   throttle
-} from "../../_node-chunks/chunk-F3OHO2BC.js";
-import "../../_node-chunks/chunk-RI4IBKXZ.js";
-import "../../_node-chunks/chunk-UOHDPKIW.js";
-import "../../_node-chunks/chunk-2DZGIXSN.js";
+} from "../../_node-chunks/chunk-MDDTIMMD.js";
+import "../../_node-chunks/chunk-TKRINGRM.js";
+import "../../_node-chunks/chunk-FXCJJSMM.js";
+import "../../_node-chunks/chunk-HVD2LZT3.js";
 import {
   globalSettings
-} from "../../_node-chunks/chunk-KAIK7772.js";
+} from "../../_node-chunks/chunk-XE2EF6IL.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-CMQYFTBQ.js";
-import "../../_node-chunks/chunk-L22DGLKT.js";
+} from "../../_node-chunks/chunk-QGMW4WKW.js";
+import "../../_node-chunks/chunk-OJ2CMYDH.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-RJY225Z5.js";
+} from "../../_node-chunks/chunk-TFFPC3VZ.js";
 import {
   isAbsolute,
   join
-} from "../../_node-chunks/chunk-MAQAZSXK.js";
+} from "../../_node-chunks/chunk-SEUBEMNQ.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-7FH4U6XC.js";
+} from "../../_node-chunks/chunk-ERDFVJJE.js";
+import "../../_node-chunks/chunk-G4RT3MO3.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-URWJMVZI.js";
-import "../../_node-chunks/chunk-UYMZAYR4.js";
-import "../../_node-chunks/chunk-GRH5JFTX.js";
+} from "../../_node-chunks/chunk-IQUZPWN3.js";
+import "../../_node-chunks/chunk-VBIK2FN2.js";
+import "../../_node-chunks/chunk-HMDODR3W.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-WQ4WQYSZ.js";
+} from "../../_node-chunks/chunk-YPYOZM4G.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-FWVZUHZX.js";
+} from "../../_node-chunks/chunk-WMWMEGTL.js";
 
 // ../../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -515,7 +516,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-6H4Z5R35.js")).default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: !0 }).replace(/[^a-zA-Z_$]+/, "");
+var getComponentVariableName = async (name) => (await import("../../_node-chunks/camelcase-NMVRRV6V.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) {
@@ -780,7 +781,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  let { globby, isDynamicPattern } = await import("../../_node-chunks/globby-WNZSV3ZO.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-4KANABX2.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,8 +10,11 @@ import {
   mountDestructured,
   normalizeArrays,
   normalizeProjectAnnotations
-} from "../_browser-chunks/chunk-RBABWY22.js";
+} from "../_browser-chunks/chunk-BGSDJMFM.js";
 import "../_browser-chunks/chunk-MEXTPDJG.js";
+import {
+  Tag
+} from "../_browser-chunks/chunk-AFVOZMXQ.js";
 import "../_browser-chunks/chunk-XLJZ7AOP.js";
 import {
   combineParameters
@@ -1888,7 +1891,7 @@ function defineStory(input, meta) {
       }, test = this.extend({
         ...annotations,
         name,
-        tags: ["test-fn", "!autodocs", ...annotations.tags ?? []],
+        tags: [Tag.TEST_FN, `!${Tag.AUTODOCS}`, ...annotations.tags ?? []],
         play
       });
       return __children.push(test), test;

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_aucdos01fk5 from 'node:url';
-import CJS_COMPAT_NODE_PATH_aucdos01fk5 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_aucdos01fk5 from "node:module";
+import CJS_COMPAT_NODE_URL_0j7q77gppets from 'node:url';
+import CJS_COMPAT_NODE_PATH_0j7q77gppets from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0j7q77gppets from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_aucdos01fk5.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_aucdos01fk5.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_aucdos01fk5.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0j7q77gppets.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0j7q77gppets.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0j7q77gppets.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -38,9 +38,10 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-7FH4U6XC.js";
-import "../_node-chunks/chunk-URWJMVZI.js";
-import "../_node-chunks/chunk-FWVZUHZX.js";
+} from "../_node-chunks/chunk-ERDFVJJE.js";
+import "../_node-chunks/chunk-G4RT3MO3.js";
+import "../_node-chunks/chunk-IQUZPWN3.js";
+import "../_node-chunks/chunk-WMWMEGTL.js";
 export {
   BadMetaError,
   ConfigFile,

package/dist/manager/globals-runtime.js

@@ -11888,13 +11888,13 @@ var require_space_separated_tokens = __commonJS({
   "../../node_modules/hastscript/node_modules/space-separated-tokens/index.js"(exports) {
     "use strict";
     exports.parse = parse9;
-    exports.stringify = stringify7;
+    exports.stringify = stringify8;
     var empty = "", space = " ", whiteSpace = /[ \t\n\r\f]+/g;
     function parse9(value) {
       var input2 = String(value || empty).trim();
       return input2 === empty ? [] : input2.split(whiteSpace);
     }
-    function stringify7(values) {
+    function stringify8(values) {
       return values.join(space).trim();
     }
   }
@@ -11905,14 +11905,14 @@ var require_comma_separated_tokens = __commonJS({
   "../../node_modules/hastscript/node_modules/comma-separated-tokens/index.js"(exports) {
     "use strict";
     exports.parse = parse9;
-    exports.stringify = stringify7;
+    exports.stringify = stringify8;
     var comma = ",", space = " ", empty = "";
     function parse9(value) {
       for (var values = [], input2 = String(value || empty), index4 = input2.indexOf(comma), lastIndex = 0, end2 = !1, val; !end2; )
         index4 === -1 && (index4 = input2.length, end2 = !0), val = input2.slice(lastIndex, index4).trim(), (val || !end2) && values.push(val), lastIndex = index4 + 1, index4 = input2.indexOf(comma, lastIndex);
       return values;
     }
-    function stringify7(values, options) {
+    function stringify8(values, options) {
       var settings = options || {}, left2 = settings.padLeft === !1 ? empty : space, right2 = settings.padRight ? space : empty;
       return values[values.length - 1] === empty && (values = values.concat(empty)), values.join(right2 + comma + left2).trim();
     }
@@ -12877,18 +12877,18 @@ var require_prism_core = __commonJS({
       function Token(type5, content, alias, matchedStr) {
         this.type = type5, this.content = content, this.alias = alias, this.length = (matchedStr || "").length | 0;
       }
-      Token.stringify = function stringify7(o, language) {
+      Token.stringify = function stringify8(o, language) {
         if (typeof o == "string")
           return o;
         if (Array.isArray(o)) {
           var s3 = "";
           return o.forEach(function(e) {
-            s3 += stringify7(e, language);
+            s3 += stringify8(e, language);
           }), s3;
         }
         var env = {
           type: o.type,
-          content: stringify7(o.content, language),
+          content: stringify8(o.content, language),
           tag: "span",
           classes: ["token", o.type],
           attributes: {},
@@ -13198,7 +13198,7 @@ var require_core = __commonJS({
     register(clike);
     register(js);
     refract.util.encode = encode2;
-    refract.Token.stringify = stringify7;
+    refract.Token.stringify = stringify8;
     function register(grammar) {
       if (typeof grammar != "function" || !grammar.displayName)
         throw new Error("Expected `function` for `grammar`, got `" + grammar + "`");
@@ -13238,7 +13238,7 @@ var require_core = __commonJS({
         own.call(languages2, language) && typeof languages2[language] == "object" && list.push(language);
       return list;
     }
-    function stringify7(value, language, parent) {
+    function stringify8(value, language, parent) {
       var env;
       return typeof value == "string" ? { type: "text", value } : refract.util.type(value) === "Array" ? stringifyAll(value, language) : (env = {
         type: value.type,
@@ -15292,9 +15292,9 @@ var require_stringify = __commonJS({
   "../../node_modules/picoquery/lib/stringify.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: !0 });
-    exports.stringify = stringify7;
+    exports.stringify = stringify8;
     var object_util_js_1 = require_object_util();
-    function stringify7(input2, options) {
+    function stringify8(input2, options) {
       if (input2 === null || typeof input2 != "object")
         return "";
       let optionsObj = options ?? {};
@@ -17310,7 +17310,7 @@ var require_dist = __commonJS({
         };
       }
       let storedStringifyRules = stringifyRules2();
-      function stringify7(result) {
+      function stringify8(result) {
         return transform(storedStringifyRules, result);
       }
       let reservedWords2 = [
@@ -17944,7 +17944,7 @@ var require_dist = __commonJS({
       function traverse(node2, onEnter, onLeave) {
         _traverse(node2, void 0, void 0, onEnter, onLeave);
       }
-      exports2.catharsisTransform = catharsisTransform, exports2.identityTransformRules = identityTransformRules, exports2.jtpTransform = jtpTransform, exports2.parse = parse9, exports2.stringify = stringify7, exports2.stringifyRules = stringifyRules2, exports2.transform = transform, exports2.traverse = traverse, exports2.tryParse = tryParse, exports2.visitorKeys = visitorKeys;
+      exports2.catharsisTransform = catharsisTransform, exports2.identityTransformRules = identityTransformRules, exports2.jtpTransform = jtpTransform, exports2.parse = parse9, exports2.stringify = stringify8, exports2.stringifyRules = stringifyRules2, exports2.transform = transform, exports2.traverse = traverse, exports2.tryParse = tryParse, exports2.visitorKeys = visitorKeys;
     }));
   }
 });
@@ -40608,6 +40608,7 @@ __export(manager_api_exports, {
   ManagerContext: () => ManagerContext,
   Provider: () => ManagerProvider,
   RequestResponseError: () => RequestResponseError,
+  Tag: () => Tag,
   addons: () => addons,
   combineParameters: () => combineParameters2,
   controlOrMetaKey: () => controlOrMetaKey,
@@ -41436,6 +41437,26 @@ init_client_logger();
 init_dist();
 init_dist();
 
+// src/shared/constants/tags.ts
+var Tag = {
+  /** Indicates that autodocs should be generated for this component */
+  AUTODOCS: "autodocs",
+  /** MDX documentation attached to a component's stories file */
+  ATTACHED_MDX: "attached-mdx",
+  /** Standalone MDX documentation not attached to stories */
+  UNATTACHED_MDX: "unattached-mdx",
+  /** Story has a play function */
+  PLAY_FN: "play-fn",
+  /** Story has a test function */
+  TEST_FN: "test-fn",
+  /** Development environment tag */
+  DEV: "dev",
+  /** Test environment tag */
+  TEST: "test",
+  /** Manifest generation tag */
+  MANIFEST: "manifest"
+};
+
 // src/preview-api/modules/store/parameters.ts
 var combineParameters = (...parameterSets) => {
   let mergeKeys = {}, definedParametersSets = parameterSets.filter(Boolean), combined = definedParametersSets.reduce((acc, parameters2) => (Object.entries(parameters2).forEach(([key, value]) => {
@@ -49113,11 +49134,11 @@ function toHaveAccessibleName(htmlElement, expectedAccessibleName) {
     }
   };
 }
-function printAttribute(stringify7, name, value) {
-  return value === void 0 ? name : `${name}=${stringify7(value)}`;
+function printAttribute(stringify8, name, value) {
+  return value === void 0 ? name : `${name}=${stringify8(value)}`;
 }
-function getAttributeComment(stringify7, name, value) {
-  return value === void 0 ? `element.hasAttribute(${stringify7(name)})` : `element.getAttribute(${stringify7(name)}) === ${stringify7(value)}`;
+function getAttributeComment(stringify8, name, value) {
+  return value === void 0 ? `element.hasAttribute(${stringify8(name)})` : `element.getAttribute(${stringify8(name)}) === ${stringify8(value)}`;
 }
 function toHaveAttribute(htmlElement, name, expectedValue) {
   checkHtmlElement(htmlElement, toHaveAttribute, this);
@@ -59475,7 +59496,7 @@ var TITLE_PATH_SEPARATOR = /\s*\/\s*/, denormalizeStoryParameters = ({
   entries: Object.values(index4.entries).reduce(
     (acc, entry) => (acc[entry.id] = {
       ...entry,
-      tags: entry.tags ? ["dev", "test", ...entry.tags] : ["dev"]
+      tags: entry.tags ? [Tag.DEV, Tag.TEST, ...entry.tags] : [Tag.DEV]
     }, acc),
     {}
   )
@@ -60269,6 +60290,7 @@ var defaultShortcuts = Object.freeze({
   expandAll: [controlOrMetaKey2(), "shift", "ArrowDown"],
   remount: ["alt", "R"],
   openInEditor: ["alt", "shift", "E"],
+  openInIsolation: ["alt", "shift", "I"],
   copyStoryLink: ["alt", "shift", "L"]
   // TODO: bring this back once we want to add shortcuts for this
   // copyStoryName: ['alt', 'shift', 'C'],
@@ -60336,7 +60358,9 @@ var init11 = ({ store: store2, fullAPI, provider }) => {
     handleShortcutFeature(feature, event) {
       let {
         ui: { enableShortcuts },
-        storyId
+        storyId,
+        refId,
+        viewMode
       } = store2.getState();
       if (enableShortcuts)
         switch (event?.preventDefault && event.preventDefault(), feature) {
@@ -60429,6 +60453,13 @@ var init11 = ({ store: store2, fullAPI, provider }) => {
             });
             break;
           }
+          case "openInIsolation": {
+            if (storyId && viewMode === "story") {
+              let { previewHref } = fullAPI.getStoryHrefs(storyId, { refId });
+              window.open(previewHref, "_blank", "noopener,noreferrer");
+            }
+            break;
+          }
           // TODO: bring this back once we want to add shortcuts for this
           // case 'copyStoryName': {
           //   const storyData = fullAPI.getCurrentStoryData();
@@ -60438,7 +60469,10 @@ var init11 = ({ store: store2, fullAPI, provider }) => {
           //   break;
           // }
           case "copyStoryLink": {
-            (0, import_copy_to_clipboard.default)(window.location.href);
+            if (storyId) {
+              let { managerHref } = fullAPI.getStoryHrefs(storyId, { refId });
+              (0, import_copy_to_clipboard.default)(managerHref);
+            }
             break;
           }
           default:
@@ -61968,11 +62002,17 @@ var LocationProvider = (...args) => BrowserRouter(...args), BaseLocationProvider
 
 // src/manager-api/modules/url.ts
 init_dist();
-var { window: globalWindow4 } = scope, parseBoolean = (value) => {
+var import_picoquery5 = __toESM(require_main(), 1);
+var parseBoolean = (value) => {
   if (value === "true" || value === "1")
     return !0;
   if (value === "false" || value === "0")
     return !1;
+}, parseSerializedParam = (param) => Object.fromEntries(
+  param.split(";").map((pair) => pair.split(":")).map(([key, value]) => [key, encodeURIComponent(value)]).filter(([key, value]) => key && value)
+), mergeSerializedParams = (params, extraParams) => {
+  let pairs = parseSerializedParam(params), extra = parseSerializedParam(extraParams);
+  return Object.entries({ ...pairs, ...extra }).map(([key, value]) => `${key}:${value}`).join(";");
 }, prevParams, initialUrlSupport = ({
   state: { location: location4, path, viewMode, storyId: storyIdFromUrl },
   singleStory
@@ -62004,6 +62044,26 @@ var { window: globalWindow4 } = scope, parseBoolean = (value) => {
     let params = Object.entries(queryParams).filter(([, v]) => v).sort(([a3], [b]) => a3 < b ? -1 : 1).map(([k, v]) => `${k}=${v}`), to = [path, ...params].join("&");
     return navigate(to, options);
   }, api = {
+    getStoryHrefs(storyId, options = {}) {
+      let { id: currentStoryId, refId: currentRefId } = fullAPI.getCurrentStoryData() ?? {}, isCurrentStory = storyId === currentStoryId && options.refId === currentRefId, { customQueryParams, location: location4, refs } = store2.getState(), {
+        base,
+        inheritArgs = isCurrentStory,
+        inheritGlobals = !0,
+        queryParams = {},
+        refId,
+        viewMode = "story"
+      } = options;
+      if (refId && !refs[refId])
+        throw new Error(`Invalid refId: ${refId}`);
+      let originAddress = scope.window.location.origin + location4.pathname, networkAddress = scope.STORYBOOK_NETWORK_ADDRESS ?? originAddress, managerBase = base === "origin" ? originAddress : base === "network" ? networkAddress : location4.pathname, previewBase = refId ? refs[refId].url + "/iframe.html" : scope.PREVIEW_URL || `${managerBase}iframe.html`, refParam = refId ? `&refId=${encodeURIComponent(refId)}` : "", { args = "", globals = "", ...otherParams } = queryParams, argsParam = inheritArgs ? mergeSerializedParams(customQueryParams?.args ?? "", args) : args, globalsParam = inheritGlobals ? mergeSerializedParams(customQueryParams?.globals ?? "", globals) : globals, customParams = (0, import_picoquery5.stringify)(otherParams, {
+        nesting: !0,
+        nestingSyntax: "js"
+      });
+      return argsParam = argsParam && `&args=${argsParam}`, globalsParam = globalsParam && `&globals=${globalsParam}`, customParams = customParams && `&${customParams}`, {
+        managerHref: `${managerBase}?path=/${viewMode}/${refId ? `${refId}_` : ""}${storyId}${argsParam}${globalsParam}${customParams}`,
+        previewHref: `${previewBase}?id=${storyId}&viewMode=${viewMode}${refParam}${argsParam}${refId ? "" : globalsParam}${customParams}`
+      };
+    },
     getQueryParam(key) {
       let { customQueryParams } = store2.getState();
       return customQueryParams ? customQueryParams[key] : void 0;
@@ -62046,7 +62106,7 @@ var { window: globalWindow4 } = scope, parseBoolean = (value) => {
   provider.channel?.on(SET_CURRENT_STORY, () => updateArgsParam());
   let handleOrId;
   return provider.channel?.on(STORY_ARGS_UPDATED, () => {
-    "requestIdleCallback" in globalWindow4 ? (handleOrId && globalWindow4.cancelIdleCallback(handleOrId), handleOrId = globalWindow4.requestIdleCallback(updateArgsParam, { timeout: 1e3 })) : (handleOrId && clearTimeout(handleOrId), setTimeout(updateArgsParam, 100));
+    "requestIdleCallback" in scope.window ? (handleOrId && scope.window.cancelIdleCallback(handleOrId), handleOrId = scope.window.requestIdleCallback(updateArgsParam, { timeout: 1e3 })) : (handleOrId && clearTimeout(handleOrId), setTimeout(updateArgsParam, 100));
   }), provider.channel?.on(GLOBALS_UPDATED, ({ userGlobals, initialGlobals: initialGlobals5 }) => {
     let { path, hash: hash4 = "", queryParams } = api.getUrlState(), globalsString = buildArgsParam(initialGlobals5, userGlobals);
     navigateTo(`${path}${hash4}`, { ...queryParams, globals: globalsString }, { replace: !0 }), api.setQueryParams({ globals: globalsString });
@@ -62067,7 +62127,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.11";
+var version = "10.2.0-alpha.12";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope, getVersionCheckData = (0, import_memoizerific8.default)(1)(() => {
@@ -77669,6 +77729,7 @@ var XMLNS = "http://www.w3.org/2000/svg", rotate = keyframes({
 }) => typeof percentage == "number" ? import_react188.default.createElement(Wrapper7, { size, ...props }, children, import_react188.default.createElement(Circle, { size, width, xmlns: XMLNS }, import_react188.default.createElement("circle", null)), running && import_react188.default.createElement(Circle, { size, width, xmlns: XMLNS, spinner: !0 }, import_react188.default.createElement("circle", { strokeDashoffset: Math.PI * (size - Math.ceil(width)) * (1 - percentage / 100) })), import_react188.default.createElement(Circle, { size, width, xmlns: XMLNS, progress: !0 }, import_react188.default.createElement("circle", { strokeDashoffset: Math.PI * (size - Math.ceil(width)) * (1 - percentage / 100) }))) : import_react188.default.createElement(Wrapper7, { size, ...props }, children);
 
 // src/components/components/utils/getStoryHref.ts
+init_client_logger();
 function parseQuery(queryString) {
   let query = {}, pairs = queryString.split("&");
   for (let i = 0; i < pairs.length; i++) {
@@ -77678,6 +77739,9 @@ function parseQuery(queryString) {
   return query;
 }
 var getStoryHref = (baseUrl, storyId, additionalParams = {}) => {
+  deprecate(
+    "getStoryHref is deprecated and will be removed in Storybook 11, use the api.getStoryHrefs method instead"
+  );
   let [url, paramsStr] = baseUrl.split("?"), params = paramsStr ? {
     ...parseQuery(paramsStr),
     ...additionalParams,