storybook 10.2.0-beta.1 → 10.2.0-beta.3

package/dist/manager/runtime.js

@@ -4537,13 +4537,13 @@ var MINIMUM_CONTENT_WIDTH_PX = 100, layoutStateIsEqual = (state, other) => state
   return useLandmarkIndicator(), react_default.createElement(
     LayoutContainer,
     {
-      navSize,
-      rightPanelWidth,
-      bottomPanelHeight,
       panelPosition: managerLayoutState.panelPosition,
-      isDragging,
-      viewMode: managerLayoutState.viewMode,
-      showPanel
+      showPanel,
+      style: {
+        "--nav-width": `${navSize}px`,
+        "--right-panel-width": `${rightPanelWidth}px`,
+        "--bottom-panel-height": `${bottomPanelHeight}px`
+      }
     },
     showPages && react_default.createElement(PagesContainer, null, slots.slotPages),
     react_default.createElement(react_default.Fragment, null, isDesktop && react_default.createElement(SidebarContainer, null, react_default.createElement(Drag, { ref: sidebarResizerRef }), slots.slotSidebar), isMobile2 && react_default.createElement(
@@ -4557,32 +4557,31 @@ var MINIMUM_CONTENT_WIDTH_PX = 100, layoutStateIsEqual = (state, other) => state
       Drag,
       {
         orientation: panelPosition === "bottom" ? "horizontal" : "vertical",
+        overlapping: panelPosition === "bottom" ? !!bottomPanelHeight : !!rightPanelWidth,
         position: panelPosition === "bottom" ? "left" : "right",
         ref: panelResizerRef
       }
     ), slots.slotPanel), isMobile2 && react_default.createElement(Notifications, null))
   );
-}, LayoutContainer = styled.div(
-  ({ navSize, rightPanelWidth, bottomPanelHeight, viewMode, panelPosition, showPanel }) => ({
-    width: "100%",
-    height: ["100vh", "100dvh"],
-    // This array is a special Emotion syntax to set a fallback if 100dvh is not supported
-    overflow: "hidden",
-    display: "flex",
-    flexDirection: "column",
-    colorScheme: "light dark",
-    [MEDIA_DESKTOP_BREAKPOINT]: {
-      display: "grid",
-      gap: 0,
-      gridTemplateColumns: `minmax(0, ${navSize}px) minmax(${MINIMUM_CONTENT_WIDTH_PX}px, 1fr) minmax(0, ${rightPanelWidth}px)`,
-      gridTemplateRows: `1fr minmax(0, ${bottomPanelHeight}px)`,
-      gridTemplateAreas: showPanel ? panelPosition === "right" ? `"sidebar content panel"
+}, LayoutContainer = styled.div(({ panelPosition, showPanel }) => ({
+  width: "100%",
+  height: ["100vh", "100dvh"],
+  overflow: "hidden",
+  display: "flex",
+  flexDirection: "column",
+  colorScheme: "light dark",
+  [MEDIA_DESKTOP_BREAKPOINT]: {
+    display: "grid",
+    gap: 0,
+    // This uses CSS variables to prevent Emotion from generating a new CSS className for every possible value
+    gridTemplateColumns: `minmax(0, var(--nav-width)) minmax(${MINIMUM_CONTENT_WIDTH_PX}px, 1fr) minmax(0, var(--right-panel-width))`,
+    gridTemplateRows: "1fr minmax(0, var(--bottom-panel-height))",
+    gridTemplateAreas: showPanel ? panelPosition === "right" ? `"sidebar content panel"
                   "sidebar content panel"` : `"sidebar content content"
                 "sidebar panel   panel"` : `"sidebar content content"
                   "sidebar content content"`
-    }
-  })
-), SidebarContainer = styled.div(({ theme }) => ({
+  }
+})), SidebarContainer = styled.div(({ theme }) => ({
   backgroundColor: theme.appBg,
   gridArea: "sidebar",
   position: "relative",
@@ -4613,7 +4612,10 @@ var MINIMUM_CONTENT_WIDTH_PX = 100, layoutStateIsEqual = (state, other) => state
     position: "relative",
     backgroundColor: theme.appContentBg,
     borderTop: position === "bottom" ? `1px solid ${theme.appBorderColor}` : void 0,
-    borderLeft: position === "right" ? `1px solid ${theme.appBorderColor}` : void 0
+    borderLeft: position === "right" ? `1px solid ${theme.appBorderColor}` : void 0,
+    "& > aside": {
+      overflow: "hidden"
+    }
   })
 ), Drag = styled.div(
   ({ theme }) => ({
@@ -4630,12 +4632,12 @@ var MINIMUM_CONTENT_WIDTH_PX = 100, layoutStateIsEqual = (state, other) => state
       opacity: 1
     }
   }),
-  ({ orientation = "vertical", position = "left" }) => orientation === "vertical" ? {
-    width: position === "left" ? 10 : 13,
+  ({ orientation = "vertical", overlapping = !0, position = "left" }) => orientation === "vertical" ? {
+    width: overlapping ? position === "left" ? 10 : 13 : 7,
     height: "100%",
     top: 0,
-    right: position === "left" ? "-7px" : void 0,
-    left: position === "right" ? "-7px" : void 0,
+    right: position === "left" ? -7 : void 0,
+    left: position === "right" ? -7 : void 0,
     "&:after": {
       width: 1,
       height: "100%",
@@ -4646,8 +4648,8 @@ var MINIMUM_CONTENT_WIDTH_PX = 100, layoutStateIsEqual = (state, other) => state
     }
   } : {
     width: "100%",
-    height: "13px",
-    top: "-7px",
+    height: overlapping ? 13 : 7,
+    top: -7,
     left: 0,
     "&:after": {
       width: "100%",
@@ -5002,7 +5004,7 @@ var URL_VALUE_PATTERN = /^([0-9]{1,4})([a-z]{0,4})-([0-9]{1,4})([a-z]{0,4})$/, V
     disable,
     viewMode
   ), update2 = useCallback(
-    (input) => updateGlobals({ [PARAM_KEY]: input }),
+    (input) => updateGlobals({ [PARAM_KEY]: normalizeGlobal(input, !1) }),
     [updateGlobals]
   ), resize = useCallback(
     (width2, height2) => {
@@ -5376,27 +5378,46 @@ var ViewportWrapper = styled.div(({ active, isDefault, theme }) => ({
   src,
   scale
 }) => {
-  let { width, height, isCustom, isDefault, lastSelectedOption, resize, rotate, select } = useViewport(), [dragging, setDragging] = useState("none"), targetRef = useRef(null), dragRefX = useRef(null), dragRefY = useRef(null), dragRefXY = useRef(null), dragSide = useRef("none"), dragStart = useRef();
+  let { width, height, isCustom, isDefault, lastSelectedOption, resize, rotate, select } = useViewport(), [dragging, setDragging] = useState("none"), targetRef = useRef(null), dragRefX = useRef(null), dragRefY = useRef(null), dragRefXY = useRef(null), dragSide = useRef("none"), dragStart = useRef(), dragScrollTarget = useRef(null);
   useEffect(() => {
-    let scrollRight = targetRef.current?.querySelector('[data-edge="right"]'), scrollBottom = targetRef.current?.querySelector('[data-edge="bottom"]'), scrollBoth = targetRef.current?.querySelector('[data-edge="both"]'), onDrag = (e2) => {
-      (dragSide.current === "both" || dragSide.current === "right") && (targetRef.current.style.width = `${dragStart.current[0] + e2.clientX}px`, dragRefX.current.dataset.value = `${dragStart.current[0] + e2.clientX}`), (dragSide.current === "both" || dragSide.current === "bottom") && (targetRef.current.style.height = `${dragStart.current[1] + e2.clientY}px`, dragRefY.current.dataset.value = `${dragStart.current[1] + e2.clientY}`), dragSide.current === "both" && scrollBoth?.scrollIntoView({ block: "center", inline: "center" }), dragSide.current === "right" && scrollRight?.scrollIntoView({ block: "center", inline: "center" }), dragSide.current === "bottom" && scrollBottom?.scrollIntoView({ block: "center", inline: "center" });
+    let onDrag = (e2) => {
+      if (!(!targetRef.current || !dragStart.current)) {
+        if (dragRefX.current && (dragSide.current === "both" || dragSide.current === "right")) {
+          let newWidth = Math.max(VIEWPORT_MIN_WIDTH, dragStart.current[0] + e2.clientX);
+          targetRef.current.style.width = `${newWidth}px`, dragRefX.current.dataset.value = `${Math.round(newWidth / scale)}`;
+        }
+        if (dragRefY.current && (dragSide.current === "both" || dragSide.current === "bottom")) {
+          let newHeight = Math.max(VIEWPORT_MIN_HEIGHT, dragStart.current[1] + e2.clientY);
+          targetRef.current.style.height = `${newHeight}px`, dragRefY.current.dataset.value = `${Math.round(newHeight / scale)}`;
+        }
+        dragScrollTarget.current && dragScrollTarget.current.scrollIntoView({ block: "center", inline: "center" });
+      }
     }, onEnd = () => {
-      window.removeEventListener("mouseup", onEnd), window.removeEventListener("mousemove", onDrag), setDragging("none");
-      let { clientWidth, clientHeight } = targetRef.current, scale2 = Number(targetRef.current.dataset.scale) || 1;
-      resize(`${Math.round(clientWidth / scale2)}px`, `${Math.round(clientHeight / scale2)}px`), dragStart.current = void 0;
+      if (window.removeEventListener("mouseup", onEnd), window.removeEventListener("mousemove", onDrag), setDragging("none"), dragStart.current = void 0, targetRef.current) {
+        let { clientWidth, clientHeight, dataset } = targetRef.current, scale2 = Number(dataset.scale) || 1;
+        resize(`${Math.round(clientWidth / scale2)}px`, `${Math.round(clientHeight / scale2)}px`);
+      }
     }, onStart = (e2) => {
       e2.preventDefault(), window.addEventListener("mouseup", onEnd), window.addEventListener("mousemove", onDrag), dragSide.current = e2.currentTarget.dataset.side, dragStart.current = [
         (targetRef.current?.clientWidth ?? 0) - e2.clientX,
         (targetRef.current?.clientHeight ?? 0) - e2.clientY
-      ], setDragging(dragSide.current);
+      ], dragScrollTarget.current = targetRef.current?.querySelector(
+        `[data-edge="${dragSide.current}"]`
+      ), setDragging(dragSide.current);
     }, handles = [dragRefX.current, dragRefY.current, dragRefXY.current];
     return handles.forEach((el) => el?.addEventListener("mousedown", onStart)), () => handles.forEach((el) => el?.removeEventListener("mousedown", onStart));
-  }, [resize]);
-  let frameStyles = useMemo(() => {
-    let { number: nx, unit: ux = "px" } = parseNumber(width) ?? { number: 0, unit: "px" }, { number: ny, unit: uy = "px" } = parseNumber(height) ?? { number: 0, unit: "px" };
+  }, [resize, scale]);
+  let dimensions = useMemo(() => {
+    let { number: nx, unit: ux = "px" } = parseNumber(width) ?? { number: 0, unit: "px" }, { number: ny, unit: uy = "px" } = parseNumber(height) ?? { number: 0, unit: "px" }, frameWidth = Math.max(VIEWPORT_MIN_WIDTH, nx * scale), frameHeight = Math.max(VIEWPORT_MIN_HEIGHT, ny * scale);
     return {
-      width: `${nx * scale}${ux}`,
-      height: `${ny * scale}${uy}`
+      frame: {
+        width: `${frameWidth}${ux}`,
+        height: `${frameHeight}${uy}`
+      },
+      display: {
+        width: `${nx}${ux === "px" ? "" : ux}`,
+        height: `${ny}${uy === "px" ? "" : uy}`
+      }
     };
   }, [width, height, scale]);
   return react_default.createElement(ViewportWrapper, { key: id, active, isDefault }, !isDefault && react_default.createElement(ViewportControls, null, react_default.createElement(ViewportDimensions, null, react_default.createElement(
@@ -5447,7 +5468,7 @@ var ViewportWrapper = styled.div(({ active, isDefault, theme }) => ({
       isDefault,
       "data-dragging": dragging,
       "data-scale": scale,
-      style: isDefault ? { height: "100%", width: "100%" } : frameStyles,
+      style: isDefault ? { height: "100%", width: "100%" } : dimensions.frame,
       ref: targetRef
     },
     react_default.createElement(
@@ -5469,7 +5490,7 @@ var ViewportWrapper = styled.div(({ active, isDefault, theme }) => ({
         ref: dragRefX,
         isDefault,
         "data-side": "right",
-        "data-value": width.replace("px", "")
+        "data-value": dimensions.display.width
       }
     ),
     react_default.createElement(
@@ -5478,7 +5499,7 @@ var ViewportWrapper = styled.div(({ active, isDefault, theme }) => ({
         ref: dragRefY,
         isDefault,
         "data-side": "bottom",
-        "data-value": height.replace("px", "")
+        "data-value": dimensions.display.height
       }
     ),
     react_default.createElement(DragHandle, { ref: dragRefXY, isDefault, "data-side": "both" })
@@ -5750,7 +5771,7 @@ var Wrapper2 = styled.span(({ theme }) => ({
 })), Shortcut = ({ keys }) => react_default.createElement(Wrapper2, null, keys.map((key) => react_default.createElement(Key, { key }, shortcutToHumanString([key]))));
 
 // src/manager/components/preview/tools/zoom.tsx
-var ZOOM_LEVELS = [0.25, 0.5, 0.75, 0.9, 1, 1.1, 1.25, 1.5, 2, 3, 4], INITIAL_ZOOM_LEVEL = 1, ZoomButton = styled(Button)({
+var ZOOM_LEVELS = [0.25, 0.5, 0.75, 0.9, 1, 1.1, 1.25, 1.5, 2, 3, 4, 8], INITIAL_ZOOM_LEVEL = 1, ZoomButton = styled(Button)({
   minWidth: 48
 }), Context = createContext({ value: INITIAL_ZOOM_LEVEL, set: (v2) => {
 } }), ZoomInput = styled(NumericInput)({
@@ -5798,7 +5819,7 @@ var ZOOM_LEVELS = [0.25, 0.5, 0.75, 0.9, 1, 1.1, 1.25, 1.5, 2, 3, 4], INITIAL_ZO
           ),
           value: `${Math.round(value * 100)}%`,
           minValue: 1,
-          maxValue: 1e3,
+          maxValue: 800,
           setValue: (value2) => {
             let zoomLevel = parseInt(value2, 10) / 100;
             Number.isNaN(zoomLevel) || zoomTo(zoomLevel);
@@ -5860,6 +5881,11 @@ var ZOOM_LEVELS = [0.25, 0.5, 0.75, 0.9, 1, 1.1, 1.25, 1.5, 2, 3, 4], INITIAL_ZO
       defaultShortcut: ["alt", "="],
       actionName: "zoomIn",
       action: zoomIn
+    }), api.setAddonShortcut("zoom", {
+      label: "Zoom in",
+      defaultShortcut: ["alt", "+"],
+      actionName: "zoomPlus",
+      action: zoomIn
     }), api.setAddonShortcut("zoom", {
       label: "Zoom out",
       defaultShortcut: ["alt", "-"],
@@ -11614,6 +11640,7 @@ var CodeWrapper = styled.div(({ theme }) => ({
           action: {
             label: "Start",
             onClick: ({ api }) => {
+              api.toggleNav(!0);
               let path = api.getUrlState().path || "";
               path.startsWith("/story/") ? document.location.href = `/?path=${path}&onboarding=true` : document.location.href = "/?onboarding=true";
             }
@@ -11917,31 +11944,33 @@ export default {
           ),
           action: {
             label: "Start",
-            onClick: () => TourGuide.render({
-              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-              // @ts-ignore Circular reference in Step type
-              steps: [
-                {
-                  title: "Testing widget",
-                  content: "Run tests right from your Storybook sidebar using the testing widget.",
-                  placement: "right-end",
-                  target: "#storybook-testing-module",
-                  highlight: "#storybook-testing-module",
-                  onNext: ({ next }) => {
-                    let toggle = document.getElementById("testing-module-collapse-toggle");
-                    toggle?.getAttribute("aria-label") === "Expand testing module" ? (toggle.click(), setTimeout(next, 300)) : next();
+            onClick: ({ api }) => {
+              api.toggleNav(!0), TourGuide.render({
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore Circular reference in Step type
+                steps: [
+                  {
+                    title: "Testing widget",
+                    content: "Run tests right from your Storybook sidebar using the testing widget.",
+                    placement: "right-end",
+                    target: "#storybook-testing-module",
+                    highlight: "#storybook-testing-module",
+                    onNext: ({ next }) => {
+                      let toggle = document.getElementById("testing-module-collapse-toggle");
+                      toggle?.getAttribute("aria-label") === "Expand testing module" ? (toggle.click(), setTimeout(next, 300)) : next();
+                    }
+                  },
+                  {
+                    title: "Start a test run",
+                    content: "Start a test run at the click of a button using Vitest.",
+                    placement: "right",
+                    target: '[data-module-id="storybook/test/test-provider"] button[aria-label="Start test run"]',
+                    highlight: '[data-module-id="storybook/test/test-provider"] button[aria-label="Start test run"]',
+                    hideNextButton: !0
                   }
-                },
-                {
-                  title: "Start a test run",
-                  content: "Start a test run at the click of a button using Vitest.",
-                  placement: "right",
-                  target: '[data-module-id="storybook/test/test-provider"] button[aria-label="Start test run"]',
-                  highlight: '[data-module-id="storybook/test/test-provider"] button[aria-label="Start test run"]',
-                  hideNextButton: !0
-                }
-              ]
-            })
+                ]
+              });
+            }
           },
           content: ({ api }) => react_default.createElement(react_default.Fragment, null, react_default.createElement("p", null, "Stories make great test cases. You can quickly test all of your stories directly from the test widget, at the bottom of the sidebar."), react_default.createElement(
             "img",
@@ -12579,7 +12608,7 @@ var fadeScaleIn = keyframes`
     keyFn: (item) => item.id,
     timeout: animated ? 300 : 0
   });
-  return react_default.createElement(CollapsibleWithMargin, { collapsed: !hasItems || !loaded }, react_default.createElement(HoverCard, { id: "storybook-checklist-widget", outlineAnimation: "rainbow" }, react_default.createElement(
+  return api.getIsNavShown() ? react_default.createElement(CollapsibleWithMargin, { collapsed: !hasItems || !loaded }, react_default.createElement(HoverCard, { id: "storybook-checklist-widget", outlineAnimation: "rainbow" }, react_default.createElement(
     Collapsible,
     {
       storageKey: "checklist-widget",
@@ -12667,7 +12696,7 @@ var fadeScaleIn = keyframes`
         item.action.label
       ))
     ))
-  )));
+  ))) : null;
 };
 
 // src/manager/components/sidebar/CreateNewStoryFileModal.tsx

package/dist/manager-api/index.js

@@ -2376,7 +2376,7 @@ var parseBoolean = (value) => {
   return provider.channel?.on(STORY_ARGS_UPDATED2, () => {
     "requestIdleCallback" in global7.window ? (handleOrId && global7.window.cancelIdleCallback(handleOrId), handleOrId = global7.window.requestIdleCallback(updateArgsParam, { timeout: 1e3 })) : (handleOrId && clearTimeout(handleOrId), setTimeout(updateArgsParam, 100));
   }), provider.channel?.on(GLOBALS_UPDATED2, ({ userGlobals, initialGlobals }) => {
-    let { path, hash = "", queryParams } = api.getUrlState(), globalsString = buildArgsParam(initialGlobals, userGlobals);
+    let { path, hash = "", queryParams } = api.getUrlState(), globalsString = buildArgsParam(initialGlobals, merge_default(initialGlobals, userGlobals));
     navigateTo(`${path}${hash}`, { ...queryParams, globals: globalsString }, { replace: !0 }), api.setQueryParams({ globals: globalsString });
   }), provider.channel?.on(NAVIGATE_URL, (url, options) => {
     api.navigateUrl(url, options);
@@ -2396,7 +2396,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.2.0-beta.1";
+var version = "10.2.0-beta.3";
 
 // 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_6oizoa9gi2s from 'node:url';
-import CJS_COMPAT_NODE_PATH_6oizoa9gi2s from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6oizoa9gi2s from "node:module";
+import CJS_COMPAT_NODE_URL_a5rp5ea5r4w from 'node:url';
+import CJS_COMPAT_NODE_PATH_a5rp5ea5r4w from 'node:path';
+import CJS_COMPAT_NODE_MODULE_a5rp5ea5r4w from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6oizoa9gi2s.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6oizoa9gi2s.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6oizoa9gi2s.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_a5rp5ea5r4w.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_a5rp5ea5r4w.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_a5rp5ea5r4w.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-RP5L2ZGT.js";
-import "../_node-chunks/chunk-PZT42DUC.js";
+} from "../_node-chunks/chunk-Y3SK4LWX.js";
+import "../_node-chunks/chunk-ESJWIQ4Z.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_6oizoa9gi2s from 'node:url';
-import CJS_COMPAT_NODE_PATH_6oizoa9gi2s from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6oizoa9gi2s from "node:module";
+import CJS_COMPAT_NODE_URL_a5rp5ea5r4w from 'node:url';
+import CJS_COMPAT_NODE_PATH_a5rp5ea5r4w from 'node:path';
+import CJS_COMPAT_NODE_MODULE_a5rp5ea5r4w from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6oizoa9gi2s.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6oizoa9gi2s.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6oizoa9gi2s.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_a5rp5ea5r4w.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_a5rp5ea5r4w.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_a5rp5ea5r4w.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-YR6V5CGX.js";
-import "../_node-chunks/chunk-6T5JWO53.js";
-import "../_node-chunks/chunk-PZT42DUC.js";
+} from "../_node-chunks/chunk-KJE25OIE.js";
+import "../_node-chunks/chunk-R6FEBIT5.js";
+import "../_node-chunks/chunk-ESJWIQ4Z.js";
 var export_instance = import_npmlog.default;
 export {
   CLI_COLORS,

package/dist/preview-api/index.d.ts

@@ -1,6 +1,7 @@
 import { Channel } from 'storybook/internal/channels';
 import * as storybook_internal_types from 'storybook/internal/types';
 import { Args, Renderer, StoryContext, DecoratorApplicator, StoryId, Addon_StoryWrapper, PreparedStory, Globals, GlobalTypes, StoryIndex, StoryName, ComponentTitle, IndexEntry, Path, StoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, ProjectAnnotations, StepRunner, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, LegacyStoryAnnotationsOrFn, ComponentAnnotations, NamedOrDefaultProjectAnnotations, ModuleImportFn, StoryContextForEnhancers, Parameters, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType, StoryRenderOptions, RenderContextCallbacks, RenderToCanvas, ViewMode } from 'storybook/internal/types';
+import * as storybook_internal_csf from 'storybook/internal/csf';
 import { Story, Meta, CleanupCallback, StoryContext as StoryContext$1, Args as Args$1 } from 'storybook/internal/csf';
 import { RequestData, ArgTypesRequestPayload } from 'storybook/internal/core-events';
 
@@ -415,7 +416,7 @@ declare function createPlaywrightTest<TFixture extends {
 }>(baseTest: TFixture): TFixture;
 
 declare function getCsfFactoryAnnotations<TRenderer extends Renderer = Renderer, TArgs extends Args = Args>(story: LegacyStoryAnnotationsOrFn<TRenderer> | Story<Renderer>, meta?: ComponentAnnotations<TRenderer, TArgs> | Meta<Renderer>, projectAnnotations?: ProjectAnnotations<TRenderer>): {
-    story: storybook_internal_types.StoryAnnotations<Renderer, unknown>;
+    story: storybook_internal_csf.StoryAnnotations<Renderer, unknown>;
     meta: ComponentAnnotations<Renderer, unknown>;
     preview: storybook_internal_types.NormalizedProjectAnnotations<Renderer>;
 } | {
@@ -477,10 +478,10 @@ declare class StoryStore<TRenderer extends Renderer> {
     getStoryContext(story: PreparedStory<TRenderer>, { forceInitialArgs }?: {
         forceInitialArgs?: boolean | undefined;
     }): {
-        args: storybook_internal_types.Args;
-        initialGlobals: storybook_internal_types.Globals;
-        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
-        userGlobals: storybook_internal_types.Globals;
+        args: storybook_internal_csf.Args;
+        initialGlobals: storybook_internal_csf.Globals;
+        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
+        userGlobals: storybook_internal_csf.Globals;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -492,31 +493,31 @@ declare class StoryStore<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_types.Parameters;
-        initialArgs: storybook_internal_types.Args;
-        argTypes: storybook_internal_types.StrictArgTypes<storybook_internal_types.Args>;
-        componentId: storybook_internal_types.ComponentId;
-        title: storybook_internal_types.ComponentTitle;
-        kind: storybook_internal_types.ComponentTitle;
+        parameters: storybook_internal_csf.Parameters;
+        initialArgs: storybook_internal_csf.Args;
+        argTypes: storybook_internal_csf.StrictArgTypes<storybook_internal_csf.Args>;
+        componentId: storybook_internal_csf.ComponentId;
+        title: storybook_internal_csf.ComponentTitle;
+        kind: storybook_internal_csf.ComponentTitle;
         id: StoryId;
-        name: storybook_internal_types.StoryName;
-        story: storybook_internal_types.StoryName;
-        tags: storybook_internal_types.Tag[];
+        name: storybook_internal_csf.StoryName;
+        story: storybook_internal_csf.StoryName;
+        tags: storybook_internal_csf.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        originalStoryFn: storybook_internal_types.ArgsStoryFn<TRenderer>;
-        undecoratedStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
-        unboundStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
-        applyLoaders: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<CleanupCallback[]>;
-        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void>;
-        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_types.StepRunner<TRenderer>;
-        mount: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => () => Promise<storybook_internal_types.Canvas>;
+        originalStoryFn: storybook_internal_csf.ArgsStoryFn<TRenderer>;
+        undecoratedStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
+        unboundStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
+        applyLoaders: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<Record<string, any>>;
+        applyBeforeEach: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<CleanupCallback[]>;
+        applyAfterEach: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void>;
+        playFunction?: ((context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void> | void) | undefined;
+        runStep: storybook_internal_csf.StepRunner<TRenderer>;
+        mount: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => () => Promise<storybook_internal_csf.Canvas>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: storybook_internal_types.RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: storybook_internal_types.Globals;
-    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer, storybook_internal_types.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+        storyGlobals: storybook_internal_csf.Globals;
+    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, storybook_internal_csf.Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     addCleanupCallbacks(story: PreparedStory<TRenderer>, ...callbacks: CleanupCallback[]): void;
     cleanupStory(story: PreparedStory<TRenderer>): Promise<void>;
     extract(options?: {
@@ -532,7 +533,7 @@ declare class StoryStore<TRenderer extends Renderer> {
 declare const combineParameters: (...parameterSets: (Parameters | undefined)[]) => Parameters;
 
 type PropDescriptor = string[] | RegExp;
-declare const filterArgTypes: (argTypes: StrictArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes<storybook_internal_types.Args>>;
+declare const filterArgTypes: (argTypes: StrictArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => Partial<StrictArgTypes<storybook_internal_csf.Args>>;
 
 declare const inferControls: ArgTypesEnhancer<Renderer>;
 
@@ -582,10 +583,10 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
     getStoryContext: (story: PreparedStory<TRenderer>) => {
         loaded: {};
         viewMode: string;
-        args: storybook_internal_types.Args;
-        initialGlobals: storybook_internal_types.Globals;
-        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
-        userGlobals: storybook_internal_types.Globals;
+        args: storybook_internal_csf.Args;
+        initialGlobals: storybook_internal_csf.Globals;
+        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
+        userGlobals: storybook_internal_csf.Globals;
         reporting: ReporterAPI;
         globals: {
             [x: string]: any;
@@ -597,30 +598,30 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_types.Parameters;
-        initialArgs: storybook_internal_types.Args;
-        argTypes: storybook_internal_types.StrictArgTypes<storybook_internal_types.Args>;
-        componentId: storybook_internal_types.ComponentId;
-        title: storybook_internal_types.ComponentTitle;
-        kind: storybook_internal_types.ComponentTitle;
+        parameters: storybook_internal_csf.Parameters;
+        initialArgs: storybook_internal_csf.Args;
+        argTypes: storybook_internal_csf.StrictArgTypes<storybook_internal_csf.Args>;
+        componentId: storybook_internal_csf.ComponentId;
+        title: storybook_internal_csf.ComponentTitle;
+        kind: storybook_internal_csf.ComponentTitle;
         id: StoryId;
         name: StoryName;
         story: StoryName;
-        tags: storybook_internal_types.Tag[];
+        tags: storybook_internal_csf.Tag[];
         moduleExport: ModuleExport;
-        originalStoryFn: storybook_internal_types.ArgsStoryFn<TRenderer>;
-        undecoratedStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
-        unboundStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
-        applyLoaders: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<storybook_internal_types.CleanupCallback[]>;
-        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void>;
-        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_types.StepRunner<TRenderer>;
-        mount: (context: storybook_internal_types.StoryContext<TRenderer, storybook_internal_types.Args>) => () => Promise<storybook_internal_types.Canvas>;
+        originalStoryFn: storybook_internal_csf.ArgsStoryFn<TRenderer>;
+        undecoratedStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
+        unboundStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
+        applyLoaders: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<Record<string, any>>;
+        applyBeforeEach: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<storybook_internal_csf.CleanupCallback[]>;
+        applyAfterEach: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void>;
+        playFunction?: ((context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => Promise<void> | void) | undefined;
+        runStep: storybook_internal_csf.StepRunner<TRenderer>;
+        mount: (context: storybook_internal_csf.StoryContext<TRenderer, storybook_internal_csf.Args>) => () => Promise<storybook_internal_csf.Canvas>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: storybook_internal_types.RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
-        storyGlobals: storybook_internal_types.Globals;
+        storyGlobals: storybook_internal_csf.Globals;
         allArgs: any;
         argsByTarget: any;
         unmappedArgs: any;
@@ -842,7 +843,7 @@ declare class Preview<TRenderer extends Renderer> {
     }): {
         args: Args;
         initialGlobals: Globals;
-        globalTypes: (storybook_internal_types.GlobalTypes & storybook_internal_types.StrictGlobalTypes) | undefined;
+        globalTypes: (storybook_internal_csf.GlobalTypes & storybook_internal_csf.StrictGlobalTypes) | undefined;
         userGlobals: Globals;
         reporting: ReporterAPI;
         globals: {
@@ -855,34 +856,34 @@ declare class Preview<TRenderer extends Renderer> {
         subcomponents?: Record<string, (TRenderer & {
             T: any;
         })["component"]> | undefined;
-        parameters: storybook_internal_types.Parameters;
+        parameters: storybook_internal_csf.Parameters;
         initialArgs: Args;
-        argTypes: storybook_internal_types.StrictArgTypes<Args>;
-        componentId: storybook_internal_types.ComponentId;
-        title: storybook_internal_types.ComponentTitle;
-        kind: storybook_internal_types.ComponentTitle;
+        argTypes: storybook_internal_csf.StrictArgTypes<Args>;
+        componentId: storybook_internal_csf.ComponentId;
+        title: storybook_internal_csf.ComponentTitle;
+        kind: storybook_internal_csf.ComponentTitle;
         id: StoryId;
-        name: storybook_internal_types.StoryName;
-        story: storybook_internal_types.StoryName;
-        tags: storybook_internal_types.Tag[];
+        name: storybook_internal_csf.StoryName;
+        story: storybook_internal_csf.StoryName;
+        tags: storybook_internal_csf.Tag[];
         moduleExport: storybook_internal_types.ModuleExport;
-        originalStoryFn: storybook_internal_types.ArgsStoryFn<TRenderer>;
-        undecoratedStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
-        unboundStoryFn: storybook_internal_types.LegacyStoryFn<TRenderer>;
-        applyLoaders: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<Record<string, any>>;
-        applyBeforeEach: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<CleanupCallback[]>;
-        applyAfterEach: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<void>;
-        playFunction?: ((context: storybook_internal_types.StoryContext<TRenderer, Args>) => Promise<void> | void) | undefined;
-        runStep: storybook_internal_types.StepRunner<TRenderer>;
-        mount: (context: storybook_internal_types.StoryContext<TRenderer, Args>) => () => Promise<storybook_internal_types.Canvas>;
+        originalStoryFn: storybook_internal_csf.ArgsStoryFn<TRenderer>;
+        undecoratedStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
+        unboundStoryFn: storybook_internal_csf.LegacyStoryFn<TRenderer>;
+        applyLoaders: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<Record<string, any>>;
+        applyBeforeEach: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<CleanupCallback[]>;
+        applyAfterEach: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<void>;
+        playFunction?: ((context: storybook_internal_csf.StoryContext<TRenderer, Args>) => Promise<void> | void) | undefined;
+        runStep: storybook_internal_csf.StepRunner<TRenderer>;
+        mount: (context: storybook_internal_csf.StoryContext<TRenderer, Args>) => () => Promise<storybook_internal_csf.Canvas>;
         testingLibraryRender?: (...args: never[]) => unknown;
         renderToCanvas?: RenderToCanvas<TRenderer> | undefined;
         usesMount: boolean;
         storyGlobals: Globals;
-    } & Pick<storybook_internal_types.StoryContextForLoaders<Renderer, Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
+    } & Pick<storybook_internal_csf.StoryContextForLoaders<Renderer, Args>, "allArgs" | "argsByTarget" | "unmappedArgs">;
     extract(options?: {
         includeDocsOnly: boolean;
-    }): Promise<Record<string, storybook_internal_types.StoryContextForEnhancers<TRenderer, Args>>>;
+    }): Promise<Record<string, storybook_internal_csf.StoryContextForEnhancers<TRenderer, Args>>>;
     renderPreviewEntryError(reason: string, err: Error): void;
 }