storybook 10.2.0-beta.2 → 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%",
@@ -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" })

package/dist/manager-api/index.js

@@ -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.2";
+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_dxneh53ovgi from 'node:url';
-import CJS_COMPAT_NODE_PATH_dxneh53ovgi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_dxneh53ovgi 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_dxneh53ovgi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_dxneh53ovgi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_dxneh53ovgi.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-HODKH6S2.js";
-import "../_node-chunks/chunk-ZYMMEEUR.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_dxneh53ovgi from 'node:url';
-import CJS_COMPAT_NODE_PATH_dxneh53ovgi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_dxneh53ovgi 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_dxneh53ovgi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_dxneh53ovgi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_dxneh53ovgi.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-XEBN3C26.js";
-import "../_node-chunks/chunk-OJV6TVDO.js";
-import "../_node-chunks/chunk-ZYMMEEUR.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;
 }
 

package/dist/server-errors.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_dxneh53ovgi from 'node:url';
-import CJS_COMPAT_NODE_PATH_dxneh53ovgi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_dxneh53ovgi 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_dxneh53ovgi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_dxneh53ovgi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_dxneh53ovgi.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
@@ -46,13 +46,13 @@ import {
   WebpackCompilationError,
   WebpackInvocationError,
   WebpackMissingStatsError
-} from "./_node-chunks/chunk-WXDEINTE.js";
+} from "./_node-chunks/chunk-6RSHZM6F.js";
 import {
   StorybookError
-} from "./_node-chunks/chunk-4VD35T6X.js";
-import "./_node-chunks/chunk-7UVJF2ZL.js";
-import "./_node-chunks/chunk-OJV6TVDO.js";
-import "./_node-chunks/chunk-ZYMMEEUR.js";
+} from "./_node-chunks/chunk-VSP4OUV7.js";
+import "./_node-chunks/chunk-5GZNNLKU.js";
+import "./_node-chunks/chunk-R6FEBIT5.js";
+import "./_node-chunks/chunk-ESJWIQ4Z.js";
 export {
   AddonVitestPostinstallConfigUpdateError,
   AddonVitestPostinstallError,

package/dist/telemetry/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_dxneh53ovgi from 'node:url';
-import CJS_COMPAT_NODE_PATH_dxneh53ovgi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_dxneh53ovgi 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_dxneh53ovgi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_dxneh53ovgi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_dxneh53ovgi.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
@@ -25,23 +25,23 @@ import {
   sanitizeAddonName,
   sanitizeError,
   telemetry
-} from "../_node-chunks/chunk-6BGWV535.js";
-import "../_node-chunks/chunk-J4YBZOS2.js";
-import "../_node-chunks/chunk-P2XLDRN4.js";
-import "../_node-chunks/chunk-ADG4FYMH.js";
-import "../_node-chunks/chunk-5J2THD7E.js";
-import "../_node-chunks/chunk-XEBN3C26.js";
-import "../_node-chunks/chunk-2LLPTUG2.js";
-import "../_node-chunks/chunk-ZQQYNNTB.js";
-import "../_node-chunks/chunk-BTTNDYQ6.js";
-import "../_node-chunks/chunk-PGC5F6XL.js";
-import "../_node-chunks/chunk-SBB2XM7N.js";
-import "../_node-chunks/chunk-HODKH6S2.js";
-import "../_node-chunks/chunk-HBFPHSFB.js";
-import "../_node-chunks/chunk-FWIMIUHV.js";
-import "../_node-chunks/chunk-7UVJF2ZL.js";
-import "../_node-chunks/chunk-OJV6TVDO.js";
-import "../_node-chunks/chunk-ZYMMEEUR.js";
+} from "../_node-chunks/chunk-4DTADLHM.js";
+import "../_node-chunks/chunk-E63NMV7B.js";
+import "../_node-chunks/chunk-P626DC5C.js";
+import "../_node-chunks/chunk-BEZTSJFQ.js";
+import "../_node-chunks/chunk-QAIAKYZA.js";
+import "../_node-chunks/chunk-KJE25OIE.js";
+import "../_node-chunks/chunk-JIOULQ32.js";
+import "../_node-chunks/chunk-RNTIDFBO.js";
+import "../_node-chunks/chunk-P6D6ID6E.js";
+import "../_node-chunks/chunk-RZNT4K2G.js";
+import "../_node-chunks/chunk-APWBWPND.js";
+import "../_node-chunks/chunk-Y3SK4LWX.js";
+import "../_node-chunks/chunk-GQBGRYLZ.js";
+import "../_node-chunks/chunk-KBE3TTUR.js";
+import "../_node-chunks/chunk-5GZNNLKU.js";
+import "../_node-chunks/chunk-R6FEBIT5.js";
+import "../_node-chunks/chunk-ESJWIQ4Z.js";
 export {
   ErrorCollector,
   addToGlobalContext,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "10.2.0-beta.2",
+  "version": "10.2.0-beta.3",
   "description": "Storybook: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",

package/dist/_node-chunks/chunk-2WBHN5ZN.js

@@ -1,23 +0,0 @@
-import CJS_COMPAT_NODE_URL_dxneh53ovgi from 'node:url';
-import CJS_COMPAT_NODE_PATH_dxneh53ovgi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_dxneh53ovgi from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_dxneh53ovgi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_dxneh53ovgi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_dxneh53ovgi.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  any
-} from "./chunk-BTTNDYQ6.js";
-
-// src/cli/detect.ts
-async function detectPnp() {
-  return !!any([".pnp.js", ".pnp.cjs"]);
-}
-
-export {
-  detectPnp
-};