storybook 10.0.0-beta.7 → 10.0.0-beta.9

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

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-MRCMZPA2.js";
+} from "../../_node-chunks/chunk-NRBIODYE.js";
 import {
   slash
-} from "../../_node-chunks/chunk-FCNWWJV7.js";
+} from "../../_node-chunks/chunk-GEDTSFBQ.js";
 import {
   __name
-} from "../../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../../_node-chunks/chunk-CALGSUC5.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,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,33 +12,33 @@ var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
 import {
   parseStaticDir,
   sendTelemetryError
-} from "../../_node-chunks/chunk-GCWAGPDV.js";
-import "../../_node-chunks/chunk-2GCKJYK6.js";
+} from "../../_node-chunks/chunk-XHXUIPIC.js";
+import "../../_node-chunks/chunk-A33ZDBWG.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-3XXQRL3A.js";
+} from "../../_node-chunks/chunk-BUQRXXWE.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-BC23FKU4.js";
+} from "../../_node-chunks/chunk-JVFB6XG6.js";
 import {
   join
-} from "../../_node-chunks/chunk-A2DKPKBY.js";
-import "../../_node-chunks/chunk-4DIDWIST.js";
+} from "../../_node-chunks/chunk-IXMF5FBT.js";
+import "../../_node-chunks/chunk-V5DK6ZKU.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-GBZZSL2K.js";
+} from "../../_node-chunks/chunk-NEEUVKLS.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-TFIGR2HH.js";
+} from "../../_node-chunks/chunk-LTKYC6VP.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-Z3PLI7S2.js";
+} from "../../_node-chunks/chunk-2RLHFYFA.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../../_node-chunks/chunk-CALGSUC5.js";
 
 // ../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -699,7 +699,7 @@ var import_ts_dedent = __toESM(require_dist(), 1);
 
 // src/core-server/utils/get-component-variable-name.ts
 var getComponentVariableName = /* @__PURE__ */ __name(async (name) => {
-  const camelCase = await import("../../_node-chunks/camelcase-ZLZNQMDD.js");
+  const camelCase = await import("../../_node-chunks/camelcase-JMK43JMF.js");
   const camelCased = camelCase.default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: true });
   const sanitized = camelCased.replace(/[^a-zA-Z_$]+/, "");
   return sanitized;
@@ -1046,7 +1046,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-HXB6X43W.js");
+  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-HUMXQF7C.js");
   const hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd });
   const hasFileExtensionRegex = /(\.[a-z]+)$/i;
   const searchQueryHasExtension = hasFileExtensionRegex.test(searchQuery);
@@ -1793,8 +1793,8 @@ var viteFinal = /* @__PURE__ */ __name(async (existing, options) => {
   if (!previewConfigPath) {
     return existing;
   }
-  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-SEQ2OPRK.js");
-  const { viteMockPlugin } = await import("../../_node-chunks/plugin-SG6I7RFC.js");
+  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-4OW72VQ5.js");
+  const { viteMockPlugin } = await import("../../_node-chunks/plugin-XRJQD5ND.js");
   const coreOptions = await options.presets.apply("core");
   return {
     ...existing,
@@ -1812,8 +1812,8 @@ var webpackFinal = /* @__PURE__ */ __name(async (config, options) => {
   if (!previewConfigPath) {
     return config;
   }
-  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-35I32SAF.js");
-  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-5O25VYCQ.js");
+  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-6BAMUAJ3.js");
+  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-XI7KJK6X.js");
   config.plugins = config.plugins || [];
   config.module.rules.push({
     test: /preview\.(t|j)sx?$/,

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   rewriteSbMockImportCalls
-} from "../../../../_node-chunks/chunk-3QZ7KLON.js";
-import "../../../../_node-chunks/chunk-A2DKPKBY.js";
+} from "../../../../_node-chunks/chunk-U3TBYKZA.js";
+import "../../../../_node-chunks/chunk-IXMF5FBT.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../../../../_node-chunks/chunk-CALGSUC5.js";
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 import { logger } from "storybook/internal/node-logger";

package/dist/core-server/presets/webpack/loaders/webpack-automock-loader.js

@@ -1,24 +1,24 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getAutomockCode
-} from "../../../../_node-chunks/chunk-I7SRMFT5.js";
+} from "../../../../_node-chunks/chunk-U3LOLMF3.js";
 import {
   babelParser
-} from "../../../../_node-chunks/chunk-3QZ7KLON.js";
-import "../../../../_node-chunks/chunk-A2DKPKBY.js";
+} from "../../../../_node-chunks/chunk-U3TBYKZA.js";
+import "../../../../_node-chunks/chunk-IXMF5FBT.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../../../../_node-chunks/chunk-CALGSUC5.js";
 
 // src/core-server/presets/webpack/loaders/webpack-automock-loader.ts
 function webpackAutomockLoader(source) {

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.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-GBZZSL2K.js";
-import "../_node-chunks/chunk-TFIGR2HH.js";
-import "../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../_node-chunks/chunk-NEEUVKLS.js";
+import "../_node-chunks/chunk-LTKYC6VP.js";
+import "../_node-chunks/chunk-CALGSUC5.js";
 export {
   BadMetaError,
   ConfigFile,

package/dist/manager/globals-runtime.js

@@ -147119,7 +147119,6 @@ __export(open_in_editor_exports, {
   init: () => init8
 });
 var import_react65 = __toESM(require_react(), 1);
-init_theming();
 var init8 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
   const api = {
     openInEditor(payload) {
@@ -147141,6 +147140,7 @@ var init8 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
     api,
     state: state3,
     init: /* @__PURE__ */ __name(async () => {
+      const { color: color2 } = await Promise.resolve().then(() => (init_theming(), theming_exports));
       provider.channel?.on(OPEN_IN_EDITOR_RESPONSE, (payload) => {
         if (payload.error !== null) {
           fullAPI.addNotification({
@@ -147149,7 +147149,7 @@ var init8 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
               headline: "Failed to open in editor",
               subHeadline: payload.error || "Check the Storybook process on the command line for more details."
             },
-            icon: import_react65.default.createElement(FailedIcon, { color: color.negative }),
+            icon: import_react65.default.createElement(FailedIcon, { color: color2.negative }),
             duration: 8e3
           });
         }
@@ -148528,7 +148528,7 @@ var import_memoizerific10 = __toESM(require_memoizerific(), 1);
 var import_semver = __toESM(require_semver2(), 1);
 
 // src/manager-api/version.ts
-var version = "10.0.0-beta.7";
+var version = "10.0.0-beta.9";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope;

package/dist/manager/runtime.js

@@ -11359,6 +11359,23 @@ var Loader2 = /* @__PURE__ */ __name(({ size: size2 }) => {
   return react_default.createElement(Fragment, null, sequence.map((depth, index) => react_default.createElement(Loadingitem, { depth, key: index })));
 }, "Loader");
 
+// src/manager/components/sidebar/NoResults.tsx
+var NoResults2 = styled.div(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  textAlign: "center",
+  textWrap: "balance",
+  gap: 4,
+  padding: "20px 0",
+  lineHeight: `18px`,
+  fontSize: `${theme.typography.size.s2}px`,
+  color: theme.color.defaultText,
+  small: {
+    color: theme.textMutedColor,
+    fontSize: `${theme.typography.size.s1}px`
+  }
+}));
+
 // src/manager/components/sidebar/RefBlocks.tsx
 var { window: globalWindow2 } = scope;
 var TextStyle = styled.div(({ theme }) => ({
@@ -11424,7 +11441,23 @@ var FlexSpaced = styled(Spaced)({
 var WideSpaced = styled(Spaced)({
   flex: 1
 });
-var EmptyBlock = /* @__PURE__ */ __name(({ isMain }) => react_default.createElement(Contained, null, react_default.createElement(FlexSpaced, { col: 1 }, react_default.createElement(WideSpaced, null, react_default.createElement(Text2, null, isMain ? react_default.createElement(react_default.Fragment, null, "Oh no! Your Storybook is empty. Possible reasons why:", react_default.createElement("ul", null, react_default.createElement("li", null, "The glob specified in ", react_default.createElement("code", null, "main.js"), " isn't correct."), react_default.createElement("li", null, "No stories are defined in your story files."), react_default.createElement("li", null, "You're using filter-functions, and all stories are filtered away.")), " ") : react_default.createElement(react_default.Fragment, null, "This composed storybook is empty, maybe you're using filter-functions, and all stories are filtered away."))))), "EmptyBlock");
+var EmptyBlock = /* @__PURE__ */ __name(({ isMain, hasEntries }) => react_default.createElement(Contained, null, react_default.createElement(FlexSpaced, { col: 1 }, react_default.createElement(WideSpaced, null, hasEntries ? react_default.createElement(NoResults2, null, react_default.createElement("strong", null, "No stories found"), react_default.createElement("small", null, "Your selected filters did not match any stories.")) : isMain ? react_default.createElement(Text2, null, "Oh no! Your Storybook is empty. This can happen when:", react_default.createElement("ul", null, react_default.createElement("li", null, "Your", " ", react_default.createElement(
+  Link,
+  {
+    href: "https://storybook.js.org/docs/api/main-config/main-config-stories?ref=ui",
+    cancel: false,
+    target: "_blank"
+  },
+  "stories glob configuration"
+), " ", "does not match any files.", " "), react_default.createElement("li", null, "You have", " ", react_default.createElement(
+  Link,
+  {
+    href: "https://storybook.js.org/docs/writing-stories?ref=ui",
+    cancel: false,
+    target: "_blank"
+  },
+  "no stories defined"
+), " ", "in your story files.", " "))) : react_default.createElement(Text2, null, "This composed Storybook is empty. Perhaps no stories match your selected filters.")))), "EmptyBlock");
 var LoaderBlock = /* @__PURE__ */ __name(({ isMain }) => react_default.createElement(Contained, null, react_default.createElement(Loader2, { size: isMain ? 17 : 5 })), "LoaderBlock");
 
 // src/manager/components/sidebar/RefIndicator.tsx
@@ -13181,6 +13214,7 @@ var Ref = react_default.memo(/* @__PURE__ */ __name(function Ref2(props) {
     title = refId,
     isLoading: isLoadingMain,
     isBrowsing,
+    hasEntries,
     selectedStoryId,
     highlightedRef,
     setHighlighted,
@@ -13223,7 +13257,7 @@ var Ref = react_default.memo(/* @__PURE__ */ __name(function Ref2(props) {
     },
     react_default.createElement(CollapseButton2, { "data-action": "collapse-ref", onClick: handleClick }, react_default.createElement(CollapseIcon2, { isExpanded }), react_default.createElement(RefTitle, { title }, title)),
     react_default.createElement(RefIndicator, { ...props, state, ref: indicatorRef })
-  ), isExpanded && react_default.createElement(Wrapper2, { "data-title": title, isMain }, state === "auth" && react_default.createElement(AuthBlock, { id: refId, loginUrl }), state === "error" && react_default.createElement(ErrorBlock, { error: indexError }), state === "loading" && react_default.createElement(LoaderBlock, { isMain }), state === "empty" && react_default.createElement(EmptyBlock, { isMain }), state === "ready" && react_default.createElement(
+  ), isExpanded && react_default.createElement(Wrapper2, { "data-title": title, isMain }, state === "auth" && react_default.createElement(AuthBlock, { id: refId, loginUrl }), state === "error" && react_default.createElement(ErrorBlock, { error: indexError }), state === "loading" && react_default.createElement(LoaderBlock, { isMain }), state === "empty" && react_default.createElement(EmptyBlock, { isMain, hasEntries }), state === "ready" && react_default.createElement(
     Tree,
     {
       allStatuses,
@@ -13345,6 +13379,7 @@ var useHighlighted = /* @__PURE__ */ __name(({
 
 // src/manager/components/sidebar/Explorer.tsx
 var Explorer = react_default.memo(/* @__PURE__ */ __name(function Explorer2({
+  hasEntries,
   isLoading,
   isBrowsing,
   dataset,
@@ -13373,6 +13408,7 @@ var Explorer = react_default.memo(/* @__PURE__ */ __name(function Explorer2({
         key: refId,
         isLoading,
         isBrowsing,
+        hasEntries,
         selectedStoryId: selected?.refId === ref.id ? selected.storyId : null,
         highlightedRef,
         setHighlighted
@@ -17071,17 +17107,6 @@ var ResultRowContent = styled.div({
   display: "flex",
   flexDirection: "column"
 });
-var NoResults2 = styled.div(({ theme }) => ({
-  marginTop: 20,
-  textAlign: "center",
-  fontSize: `${theme.typography.size.s2}px`,
-  lineHeight: `18px`,
-  color: theme.color.defaultText,
-  small: {
-    color: theme.textMutedColor,
-    fontSize: `${theme.typography.size.s1}px`
-  }
-}));
 var Mark = styled.mark(({ theme }) => ({
   background: "transparent",
   color: theme.color.secondary
@@ -17236,7 +17261,7 @@ var SearchResults = react_default.memo(/* @__PURE__ */ __name(function SearchRes
       onClick: handleClearLastViewed
     },
     react_default.createElement(TrashIcon, null)
-  )), results.length === 0 && query && react_default.createElement("li", null, react_default.createElement(NoResults2, null, react_default.createElement("strong", null, "No components found"), react_default.createElement("br", null), react_default.createElement("small", null, "Find components by name or path."))), results.map((result2, index) => {
+  )), results.length === 0 && query && react_default.createElement("li", null, react_default.createElement(NoResults2, null, react_default.createElement("strong", null, "No components found"), react_default.createElement("small", null, "Find components by name or path."))), results.map((result2, index) => {
     if (isExpandType(result2)) {
       const props = { ...results, ...getItemProps({ key: index, index, item: result2 }) };
       const { key: key2, ...rest3 } = props;
@@ -25245,6 +25270,7 @@ var Sidebar = react_default.memo(/* @__PURE__ */ __name(function Sidebar2({
   const selected = useMemo(() => storyId && { storyId, refId }, [storyId, refId]);
   const dataset = useCombination(index, indexError, previewInitialized, allStatuses, refs);
   const isLoading = !index && !indexError;
+  const hasEntries = Object.keys(indexJson?.entries ?? {}).length > 0;
   const lastViewedProps = useLastViewed(selected);
   const { isMobile } = useLayout();
   const api = useStorybookApi();
@@ -25322,7 +25348,8 @@ var Sidebar = react_default.memo(/* @__PURE__ */ __name(function Sidebar2({
         dataset,
         selected,
         isLoading,
-        isBrowsing
+        isBrowsing,
+        hasEntries
       }
     ), react_default.createElement(
       SearchResults,

package/dist/manager-api/index.js

@@ -1846,7 +1846,6 @@ import {
   OPEN_IN_EDITOR_RESPONSE
 } from "storybook/internal/core-events";
 import { FailedIcon } from "@storybook/icons";
-import { color } from "storybook/theming";
 var init7 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
   const api = {
     openInEditor(payload) {
@@ -1868,6 +1867,7 @@ var init7 = /* @__PURE__ */ __name(({ provider, fullAPI }) => {
     api,
     state,
     init: /* @__PURE__ */ __name(async () => {
+      const { color } = await import("../theming/index.js");
       provider.channel?.on(OPEN_IN_EDITOR_RESPONSE, (payload) => {
         if (payload.error !== null) {
           fullAPI.addNotification({
@@ -3289,7 +3289,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.0.0-beta.7";
+var version = "10.0.0-beta.9";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = global8;
@@ -3406,7 +3406,7 @@ import {
 } from "storybook/internal/core-events";
 import { global as global9 } from "@storybook/global";
 var WHATS_NEW_NOTIFICATION_ID = "whats-new";
-var StorybookIcon = /* @__PURE__ */ __name(({ color: color2 = "currentColor", size = 14 }) => {
+var StorybookIcon = /* @__PURE__ */ __name(({ color = "currentColor", size = 14 }) => {
   return React3.createElement(
     "svg",
     {
@@ -3422,7 +3422,7 @@ var StorybookIcon = /* @__PURE__ */ __name(({ color: color2 = "currentColor", si
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M2.042.616a.704.704 0 00-.66.729L1.816 12.9c.014.367.306.66.672.677l9.395.422h.032a.704.704 0 00.704-.703V.704c0-.015 0-.03-.002-.044a.704.704 0 00-.746-.659l-.773.049.057 1.615a.105.105 0 01-.17.086l-.52-.41-.617.468a.105.105 0 01-.168-.088L9.746.134 2.042.616zm8.003 4.747c-.247.192-2.092.324-2.092.05.04-1.045-.429-1.091-.689-1.091-.247 0-.662.075-.662.634 0 .57.607.893 1.32 1.27 1.014.538 2.24 1.188 2.24 2.823 0 1.568-1.273 2.433-2.898 2.433-1.676 0-3.141-.678-2.976-3.03.065-.275 2.197-.21 2.197 0-.026.971.195 1.256.753 1.256.43 0 .624-.236.624-.634 0-.602-.633-.958-1.361-1.367-.987-.554-2.148-1.205-2.148-2.7 0-1.494 1.027-2.489 2.86-2.489 1.832 0 2.832.98 2.832 2.845z",
-        fill: color2
+        fill: color
       }
     )
   );

package/dist/node-logger/index.js

@@ -1,43 +1,43 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-KVOP6ASA.js";
+} from "../_node-chunks/chunk-75N2O5FL.js";
 import {
   ansi_styles_default,
   boxen,
   require_string_width,
   stripAnsi
-} from "../_node-chunks/chunk-DH7BCQMG.js";
-import "../_node-chunks/chunk-IGWCAXA2.js";
+} from "../_node-chunks/chunk-Z6UKYBDV.js";
+import "../_node-chunks/chunk-VM3IJPAW.js";
 import {
   execaSync,
   optionalEnvToBoolean
-} from "../_node-chunks/chunk-5YUTWYNI.js";
-import "../_node-chunks/chunk-MHVF6Y35.js";
+} from "../_node-chunks/chunk-JIERQ4FU.js";
+import "../_node-chunks/chunk-O2AHQDZJ.js";
 import {
   require_prompts,
   require_src
-} from "../_node-chunks/chunk-4DIDWIST.js";
+} from "../_node-chunks/chunk-V5DK6ZKU.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-Z3PLI7S2.js";
+} from "../_node-chunks/chunk-2RLHFYFA.js";
 import {
   __commonJS,
   __export,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../_node-chunks/chunk-CALGSUC5.js";
 
 // ../node_modules/are-we-there-yet/lib/tracker-base.js
 var require_tracker_base = __commonJS({

package/dist/preview/globals.js

@@ -11,7 +11,7 @@ var globalsNameReferenceMap = {
   "storybook/internal/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__",
   "storybook/internal/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__",
   "storybook/internal/types": "__STORYBOOK_MODULE_TYPES__",
-  // @deprecated TODO: Remove in 9.1
+  // @deprecated TODO: Remove in 9.1 or some point in the future, I guess
   "storybook/internal/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__"
 };
 var globalPackages = Object.keys(globalsNameReferenceMap);

package/dist/preview/runtime.js

@@ -21115,7 +21115,7 @@ var globalsNameReferenceMap = {
   "storybook/internal/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__",
   "storybook/internal/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__",
   "storybook/internal/types": "__STORYBOOK_MODULE_TYPES__",
-  // @deprecated TODO: Remove in 9.1
+  // @deprecated TODO: Remove in 9.1 or some point in the future, I guess
   "storybook/internal/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__"
 };
 var globalPackages = Object.keys(globalsNameReferenceMap);

package/dist/server-errors.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -39,10 +39,10 @@ import {
   WebpackCompilationError,
   WebpackInvocationError,
   WebpackMissingStatsError
-} from "./_node-chunks/chunk-TXDIOSHI.js";
-import "./_node-chunks/chunk-TFIGR2HH.js";
-import "./_node-chunks/chunk-Z3PLI7S2.js";
-import "./_node-chunks/chunk-ZM2HT2RW.js";
+} from "./_node-chunks/chunk-B5W4OROC.js";
+import "./_node-chunks/chunk-LTKYC6VP.js";
+import "./_node-chunks/chunk-2RLHFYFA.js";
+import "./_node-chunks/chunk-CALGSUC5.js";
 export {
   AngularLegacyBuildOptionsError,
   Category,

package/dist/telemetry/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
-import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
+import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
+import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -22,24 +22,23 @@ import {
   sanitizeAddonName,
   sanitizeError,
   telemetry
-} from "../_node-chunks/chunk-RP3VMQPF.js";
-import "../_node-chunks/chunk-IYOHZPPC.js";
-import "../_node-chunks/chunk-XXVKM2ZR.js";
-import "../_node-chunks/chunk-46BWYN3K.js";
-import "../_node-chunks/chunk-U6MJQ7C6.js";
-import "../_node-chunks/chunk-RNHUADRS.js";
-import "../_node-chunks/chunk-ZPNXCXIT.js";
-import "../_node-chunks/chunk-5YUTWYNI.js";
-import "../_node-chunks/chunk-MHVF6Y35.js";
-import "../_node-chunks/chunk-3XXQRL3A.js";
-import "../_node-chunks/chunk-BC23FKU4.js";
-import "../_node-chunks/chunk-A2DKPKBY.js";
-import "../_node-chunks/chunk-4DIDWIST.js";
-import "../_node-chunks/chunk-MRCMZPA2.js";
-import "../_node-chunks/chunk-FCNWWJV7.js";
-import "../_node-chunks/chunk-TFIGR2HH.js";
-import "../_node-chunks/chunk-Z3PLI7S2.js";
-import "../_node-chunks/chunk-ZM2HT2RW.js";
+} from "../_node-chunks/chunk-TO3ARZYO.js";
+import "../_node-chunks/chunk-7VDHEICM.js";
+import "../_node-chunks/chunk-AV6DOLF6.js";
+import "../_node-chunks/chunk-V6E6RSUO.js";
+import "../_node-chunks/chunk-5G7GJHS7.js";
+import "../_node-chunks/chunk-R4BIB4NX.js";
+import "../_node-chunks/chunk-JIERQ4FU.js";
+import "../_node-chunks/chunk-O2AHQDZJ.js";
+import "../_node-chunks/chunk-BUQRXXWE.js";
+import "../_node-chunks/chunk-JVFB6XG6.js";
+import "../_node-chunks/chunk-IXMF5FBT.js";
+import "../_node-chunks/chunk-V5DK6ZKU.js";
+import "../_node-chunks/chunk-NRBIODYE.js";
+import "../_node-chunks/chunk-GEDTSFBQ.js";
+import "../_node-chunks/chunk-LTKYC6VP.js";
+import "../_node-chunks/chunk-2RLHFYFA.js";
+import "../_node-chunks/chunk-CALGSUC5.js";
 export {
   addToGlobalContext,
   cleanPaths,