storybook 10.2.0-alpha.11 → 10.2.0-alpha.13

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

@@ -63,7 +63,7 @@ import {
 
 // src/core-server/presets/common-manager.ts
 import { global as global3 } from "@storybook/global";
-import { addons as addons8 } from "storybook/manager-api";
+import { addons as addons8, Tag } from "storybook/manager-api";
 
 // src/controls/manager.tsx
 import React28 from "react";
@@ -75,7 +75,6 @@ import { color } from "storybook/theming";
 
 // src/controls/components/ControlsPanel.tsx
 import React26, { useEffect as useEffect8, useMemo as useMemo3, useState as useState11 } from "react";
-import { ScrollArea } from "storybook/internal/components";
 import { global } from "@storybook/global";
 import {
   useArgTypes,
@@ -3240,7 +3239,7 @@ var TableWrapper2 = styled19.table(({ theme: theme3, compact, inAddonPanel, inTa
     },
     // End Resets
     fontSize: theme3.typography.size.s2 - 1,
-    lineHeight: "20px",
+    lineHeight: "19px",
     textAlign: "left",
     width: "100%",
     // Margin collapse
@@ -3501,8 +3500,9 @@ var slideIn = keyframes({
   to: {}
 }), Container2 = styled20.div({
   containerType: "size",
-  position: "sticky",
+  position: "absolute",
   bottom: 0,
+  width: "100%",
   height: 41,
   overflow: "hidden",
   zIndex: 1
@@ -3521,6 +3521,7 @@ var slideIn = keyframes({
   display: "flex",
   flex: "99 0 auto",
   alignItems: "center",
+  marginInlineStart: 7,
   marginInlineEnd: 10,
   gap: 6
 }), Actions = styled20.div(({ theme: theme3 }) => ({
@@ -3605,11 +3606,14 @@ var slideIn = keyframes({
 var clean = (obj) => Object.entries(obj).reduce(
   (acc, [key, value2]) => value2 !== void 0 ? Object.assign(acc, { [key]: value2 }) : acc,
   {}
-), AddonWrapper = styled21.div(({ showSaveFromUI }) => ({
-  display: "grid",
-  gridTemplateRows: showSaveFromUI ? "1fr 41px" : "1fr",
+), AddonWrapper = styled21.div(({ showSaveFromUI, theme: theme3 }) => ({
   height: "100%",
-  maxHeight: "100vh"
+  maxHeight: "100vh",
+  paddingBottom: showSaveFromUI ? 41 : 0,
+  backgroundColor: theme3.background.content,
+  table: {
+    backgroundColor: theme3.background.app
+  }
 })), ControlsPanel = ({ saveStory, createStory }) => {
   let api = useStorybookApi(), [isLoading, setIsLoading] = useState11(!0), [args, updateArgs, resetArgs, initialArgs] = useArgs(), [globals] = useGlobals(), rows = useArgTypes(), {
     expanded,
@@ -3627,7 +3631,7 @@ var clean = (obj) => Object.entries(obj).reduce(
     () => !!args && !!initialArgs && !dequal(clean(args), clean(initialArgs)),
     [args, initialArgs]
   ), showSaveFromUI = hasControls && storyData.type === "story" && storyData.subtype !== "test" && hasUpdatedArgs && global.CONFIG_TYPE === "DEVELOPMENT" && disableSaveFromUI !== !0;
-  return React26.createElement(AddonWrapper, { showSaveFromUI }, React26.createElement(ScrollArea, { vertical: !0 }, React26.createElement(
+  return React26.createElement(AddonWrapper, { showSaveFromUI }, React26.createElement(
     ArgsTable,
     {
       key: path,
@@ -3641,7 +3645,7 @@ var clean = (obj) => Object.entries(obj).reduce(
       sort,
       isLoading
     }
-  )), showSaveFromUI && React26.createElement(SaveStory, { resetArgs, saveStory, createStory }));
+  ), showSaveFromUI && React26.createElement(SaveStory, { resetArgs, saveStory, createStory }));
 };
 
 // src/controls/components/Title.tsx
@@ -3721,7 +3725,7 @@ var manager_default = addons.register(ADDON_ID6, (api) => {
       title: Title,
       type: types.PANEL,
       paramKey: PARAM_KEY5,
-      render: ({ active }) => !active || !api.getCurrentStoryData() ? null : React28.createElement(AddonPanel, { active, hasScrollbar: !1 }, React28.createElement(ControlsPanel, { saveStory, createStory }))
+      render: ({ active }) => !active || !api.getCurrentStoryData() ? null : React28.createElement(AddonPanel, { active }, React28.createElement(ControlsPanel, { saveStory, createStory }))
     }), channel.on(SAVE_STORY_RESPONSE, (data) => {
       if (!data.success)
         return;
@@ -3763,7 +3767,7 @@ import { STORY_CHANGED as STORY_CHANGED2 } from "storybook/internal/core-events"
 
 // src/actions/components/ActionLogger/index.tsx
 import React31, { Fragment, forwardRef, useEffect as useEffect9, useRef as useRef5 } from "react";
-import { ActionBar, ScrollArea as ScrollArea2 } from "storybook/internal/components";
+import { ActionBar, ScrollArea } from "storybook/internal/components";
 
 // ../../node_modules/react-inspector/dist/index.mjs
 import React92 from "react";
@@ -4766,7 +4770,7 @@ var Action = styled22.div({
 
 // src/actions/components/ActionLogger/index.tsx
 var UnstyledWrapped = forwardRef(
-  ({ children, className }, ref) => React31.createElement(ScrollArea2, { ref, horizontal: !0, vertical: !0, className }, children)
+  ({ children, className }, ref) => React31.createElement(ScrollArea, { ref, horizontal: !0, vertical: !0, className }, children)
 );
 UnstyledWrapped.displayName = "UnstyledWrapped";
 var Wrapper8 = styled23(UnstyledWrapped)({
@@ -7052,7 +7056,7 @@ var TAG_FILTERS = "tag-filters", STATIC_FILTER = "static-filter", tagFiltersMana
     let tags = item.tags ?? [];
     return (
       // we can filter out the primary story, but we still want to show autodocs
-      (tags.includes("dev") || item.type === "docs") && tags.filter((tag) => staticExcludeTags[tag]).length === 0
+      (tags.includes(Tag.DEV) || item.type === "docs") && tags.filter((tag) => staticExcludeTags[tag]).length === 0
     );
   });
 }), common_manager_default = [

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_xc3mu1pf9x from 'node:url';
+import CJS_COMPAT_NODE_PATH_xc3mu1pf9x from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xc3mu1pf9x 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_xc3mu1pf9x.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xc3mu1pf9x.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xc3mu1pf9x.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-AE6TGTGX.js";
 import {
   slash
-} from "../../_node-chunks/chunk-P663SP7U.js";
-import "../../_node-chunks/chunk-FWVZUHZX.js";
+} from "../../_node-chunks/chunk-XQU357NR.js";
+import "../../_node-chunks/chunk-KXFFKIVX.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_xc3mu1pf9x from 'node:url';
+import CJS_COMPAT_NODE_PATH_xc3mu1pf9x from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xc3mu1pf9x 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_xc3mu1pf9x.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xc3mu1pf9x.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xc3mu1pf9x.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-FCBELYHM.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-OWZXELHP.js";
+import "../../_node-chunks/chunk-JUCUYWH2.js";
+import "../../_node-chunks/chunk-TOLCEUYZ.js";
+import "../../_node-chunks/chunk-5E6TIJW7.js";
 import {
   globalSettings
-} from "../../_node-chunks/chunk-KAIK7772.js";
+} from "../../_node-chunks/chunk-TWCN75ID.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-CMQYFTBQ.js";
-import "../../_node-chunks/chunk-L22DGLKT.js";
+} from "../../_node-chunks/chunk-VOVBTC53.js";
+import "../../_node-chunks/chunk-NRCGIPSW.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-RJY225Z5.js";
+} from "../../_node-chunks/chunk-ZSUT22UW.js";
 import {
   isAbsolute,
   join
-} from "../../_node-chunks/chunk-MAQAZSXK.js";
+} from "../../_node-chunks/chunk-NL75DTGM.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-7FH4U6XC.js";
+} from "../../_node-chunks/chunk-BIJENBOW.js";
+import "../../_node-chunks/chunk-B3NH4IRY.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-2VHYFREG.js";
+import "../../_node-chunks/chunk-5CARBEGS.js";
+import "../../_node-chunks/chunk-NGFKU3PK.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-WQ4WQYSZ.js";
+} from "../../_node-chunks/chunk-X2PNK4N4.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-FWVZUHZX.js";
+} from "../../_node-chunks/chunk-KXFFKIVX.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-ALOK3DTL.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-RG2TFVNI.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_xc3mu1pf9x from 'node:url';
+import CJS_COMPAT_NODE_PATH_xc3mu1pf9x from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xc3mu1pf9x 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_xc3mu1pf9x.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xc3mu1pf9x.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xc3mu1pf9x.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-BIJENBOW.js";
+import "../_node-chunks/chunk-B3NH4IRY.js";
+import "../_node-chunks/chunk-2VHYFREG.js";
+import "../_node-chunks/chunk-KXFFKIVX.js";
 export {
   BadMetaError,
   ConfigFile,

package/dist/manager/globals-runtime.js

@@ -7868,9 +7868,12 @@ var import_memoizerific, createReset, createGlobal, init_global = __esm({
         ...resetStyles,
         body: {
           ...resetStyles.body,
+          position: "fixed",
+          width: "100vw",
+          height: "100vh",
+          overflow: "hidden",
           color: color2.defaultText,
-          background: background2.app,
-          overflow: "hidden"
+          background: background2.app
         },
         hr: {
           ...resetStyles.hr,
@@ -11888,13 +11891,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 +11908,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 +12880,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 +13201,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 +13241,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 +15295,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 +17313,7 @@ var require_dist = __commonJS({
         };
       }
       let storedStringifyRules = stringifyRules2();
-      function stringify7(result) {
+      function stringify8(result) {
         return transform(storedStringifyRules, result);
       }
       let reservedWords2 = [
@@ -17944,7 +17947,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 +40611,7 @@ __export(manager_api_exports, {
   ManagerContext: () => ManagerContext,
   Provider: () => ManagerProvider,
   RequestResponseError: () => RequestResponseError,
+  Tag: () => Tag,
   addons: () => addons,
   combineParameters: () => combineParameters2,
   controlOrMetaKey: () => controlOrMetaKey,
@@ -41436,6 +41440,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 +49137,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 +59499,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 +60293,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 +60361,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 +60456,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 +60472,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 +62005,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 +62047,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 +62109,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 +62130,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.13";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope, getVersionCheckData = (0, import_memoizerific8.default)(1)(() => {
@@ -70712,6 +70775,7 @@ var fadeIn = keyframes({
   return import_react104.default.createElement(
     Button,
     {
+      type: "button",
       padding: "small",
       ariaLabel: "Close modal",
       variant: "ghost",
@@ -77669,6 +77733,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 +77743,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,