storybook 10.2.0-alpha.9 → 10.2.0-beta.0

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

@@ -1050,4 +1050,29 @@ declare function emitTransformCode(source: string | undefined, context: ReducedS
 declare function pauseAnimations(atEnd?: boolean): CleanupCallback;
 declare function waitForAnimations(signal?: AbortSignal): Promise<void>;
 
-export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, type PropDescriptor, type Report, ReporterAPI, type SelectionStore, StoryStore, UrlStore, type View, WebView, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, createPlaywrightTest, decorateStory, defaultDecorateStory, emitTransformCode, filterArgTypes, getCsfFactoryAnnotations, inferControls, makeDecorator, mockChannel, normalizeArrays, normalizeProjectAnnotations, normalizeStory, pauseAnimations, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setDefaultProjectAnnotations, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier, waitForAnimations };
+/** System tags used throughout Storybook for categorizing and filtering stories and docs entries. */
+declare const Tag: {
+    /** Indicates that autodocs should be generated for this component */
+    readonly AUTODOCS: "autodocs";
+    /** MDX documentation attached to a component's stories file */
+    readonly ATTACHED_MDX: "attached-mdx";
+    /** Standalone MDX documentation not attached to stories */
+    readonly UNATTACHED_MDX: "unattached-mdx";
+    /** Story has a play function */
+    readonly PLAY_FN: "play-fn";
+    /** Story has a test function */
+    readonly TEST_FN: "test-fn";
+    /** Development environment tag */
+    readonly DEV: "dev";
+    /** Test environment tag */
+    readonly TEST: "test";
+    /** Manifest generation tag */
+    readonly MANIFEST: "manifest";
+};
+/**
+ * Tags can be any string, including custom user-defined tags. The Tag constant above defines the
+ * system tags used by Storybook.
+ */
+type Tag = string;
+
+export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, type PropDescriptor, type Report, ReporterAPI, type SelectionStore, StoryStore, Tag, UrlStore, type View, WebView, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, createPlaywrightTest, decorateStory, defaultDecorateStory, emitTransformCode, filterArgTypes, getCsfFactoryAnnotations, inferControls, makeDecorator, mockChannel, normalizeArrays, normalizeProjectAnnotations, normalizeStory, pauseAnimations, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setDefaultProjectAnnotations, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier, waitForAnimations };

package/dist/preview-api/index.js

@@ -48,22 +48,24 @@ import {
   useStoryContext,
   userOrAutoTitle,
   userOrAutoTitleFromSpecifier
-} from "../_browser-chunks/chunk-VUZYLZ4B.js";
+} from "../_browser-chunks/chunk-QOXZ7W26.js";
 import {
   pauseAnimations,
   waitForAnimations
-} from "../_browser-chunks/chunk-IPA5A322.js";
+} from "../_browser-chunks/chunk-MEXTPDJG.js";
+import {
+  Tag
+} from "../_browser-chunks/chunk-AFVOZMXQ.js";
 import "../_browser-chunks/chunk-XLJZ7AOP.js";
 import {
   combineParameters
-} from "../_browser-chunks/chunk-LOTN4ZCW.js";
-import "../_browser-chunks/chunk-XCZK5QUJ.js";
+} from "../_browser-chunks/chunk-SI6AKD4S.js";
+import "../_browser-chunks/chunk-IYCKG66Y.js";
+import "../_browser-chunks/chunk-NZMVUW5T.js";
 import "../_browser-chunks/chunk-IWQGIXJS.js";
 import "../_browser-chunks/chunk-V2VKKSMQ.js";
-import "../_browser-chunks/chunk-CLSHX4VX.js";
-import "../_browser-chunks/chunk-HPYUT3WS.js";
-import "../_browser-chunks/chunk-2NDLAB5X.js";
-import "../_browser-chunks/chunk-NZMVUW5T.js";
+import "../_browser-chunks/chunk-YK43Z22A.js";
+import "../_browser-chunks/chunk-LCHBOIHN.js";
 import "../_browser-chunks/chunk-ZCFV7BZB.js";
 import "../_browser-chunks/chunk-3LY4VQVK.js";
 import "../_browser-chunks/chunk-A242L54C.js";
@@ -75,6 +77,7 @@ export {
   PreviewWithSelection,
   ReporterAPI,
   StoryStore,
+  Tag,
   UrlStore,
   WebView,
   addons,

package/dist/router/index.js

@@ -1,12 +1,13 @@
 import {
   require_main
 } from "../_browser-chunks/chunk-XLJZ7AOP.js";
-import "../_browser-chunks/chunk-XCZK5QUJ.js";
 import {
-  isEqual,
-  isPlainObject
-} from "../_browser-chunks/chunk-2NDLAB5X.js";
+  isEqual
+} from "../_browser-chunks/chunk-IYCKG66Y.js";
 import "../_browser-chunks/chunk-NZMVUW5T.js";
+import {
+  isPlainObject
+} from "../_browser-chunks/chunk-LCHBOIHN.js";
 import {
   require_memoizerific
 } from "../_browser-chunks/chunk-ZCFV7BZB.js";

package/dist/server-errors.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_3h3bsnbtanf from 'node:url';
-import CJS_COMPAT_NODE_PATH_3h3bsnbtanf from 'node:path';
-import CJS_COMPAT_NODE_MODULE_3h3bsnbtanf from "node:module";
+import CJS_COMPAT_NODE_URL_phceqgr585q from 'node:url';
+import CJS_COMPAT_NODE_PATH_phceqgr585q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_phceqgr585q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_3h3bsnbtanf.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_3h3bsnbtanf.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_3h3bsnbtanf.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_phceqgr585q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_phceqgr585q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_phceqgr585q.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-NYUFS6LX.js";
+} from "./_node-chunks/chunk-6UAQEBJX.js";
 import {
   StorybookError
-} from "./_node-chunks/chunk-IIBBQZLT.js";
-import "./_node-chunks/chunk-LRBEW57O.js";
-import "./_node-chunks/chunk-6ABJZZWS.js";
-import "./_node-chunks/chunk-PZCWRKQE.js";
+} from "./_node-chunks/chunk-RPBXVPRB.js";
+import "./_node-chunks/chunk-BLGRU6F5.js";
+import "./_node-chunks/chunk-CG47ALAV.js";
+import "./_node-chunks/chunk-AXDM43NU.js";
 export {
   AddonVitestPostinstallConfigUpdateError,
   AddonVitestPostinstallError,

package/dist/telemetry/index.d.ts

@@ -23,6 +23,17 @@ interface DetectResult {
     version?: string;
 }
 
+type PackageGroupResult = Record<string, string | null | undefined>;
+type KnownPackagesList = {
+    testPackages?: PackageGroupResult;
+    stylingPackages?: PackageGroupResult;
+    stateManagementPackages?: PackageGroupResult;
+    dataFetchingPackages?: PackageGroupResult;
+    uiLibraryPackages?: PackageGroupResult;
+    i18nPackages?: PackageGroupResult;
+    routerPackages?: PackageGroupResult;
+};
+
 declare const monorepoConfigs: {
     readonly Nx: "nx.json";
     readonly Turborepo: "turbo.json";
@@ -32,7 +43,7 @@ declare const monorepoConfigs: {
 };
 type MonorepoType = keyof typeof monorepoConfigs | 'Workspaces' | undefined;
 
-type EventType = 'boot' | 'add' | 'dev' | 'build' | 'index' | 'upgrade' | 'multi-upgrade' | 'init' | 'init-step' | 'scaffolded-empty' | 'browser' | 'canceled' | 'error' | 'error-metadata' | 'version-update' | 'core-config' | 'remove' | 'save-story' | 'create-new-story-file' | 'create-new-story-file-search' | 'open-in-editor' | 'testing-module-watch-mode' | 'testing-module-completed-report' | 'testing-module-crash-report' | 'addon-test' | 'test-run' | 'addon-onboarding' | 'onboarding-survey' | 'onboarding-checklist-muted' | 'onboarding-checklist-status' | 'mocking' | 'automigrate' | 'migrate' | 'preview-first-load' | 'doctor';
+type EventType = 'boot' | 'add' | 'dev' | 'build' | 'index' | 'upgrade' | 'multi-upgrade' | 'init' | 'init-step' | 'scaffolded-empty' | 'browser' | 'canceled' | 'error' | 'error-metadata' | 'version-update' | 'core-config' | 'remove' | 'save-story' | 'create-new-story-file' | 'create-new-story-file-search' | 'open-in-editor' | 'testing-module-watch-mode' | 'testing-module-completed-report' | 'testing-module-crash-report' | 'addon-test' | 'test-run' | 'addon-onboarding' | 'onboarding-survey' | 'onboarding-checklist-muted' | 'onboarding-checklist-status' | 'mocking' | 'automigrate' | 'migrate' | 'preview-first-load' | 'doctor' | 'ghost-stories';
 interface Dependency {
     version: string | undefined;
     versionSpecifier?: string;
@@ -67,7 +78,8 @@ type StorybookMetadata = {
         packageName: string;
         version: string;
     };
-    testPackages?: Record<string, string | undefined>;
+    packageJsonType?: 'unknown' | 'module' | 'commonjs';
+    knownPackages?: KnownPackagesList;
     hasRouterPackage?: boolean;
     hasStorybookEslint?: boolean;
     hasStaticDirs?: boolean;

package/dist/telemetry/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_3h3bsnbtanf from 'node:url';
-import CJS_COMPAT_NODE_PATH_3h3bsnbtanf from 'node:path';
-import CJS_COMPAT_NODE_MODULE_3h3bsnbtanf from "node:module";
+import CJS_COMPAT_NODE_URL_phceqgr585q from 'node:url';
+import CJS_COMPAT_NODE_PATH_phceqgr585q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_phceqgr585q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_3h3bsnbtanf.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_3h3bsnbtanf.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_3h3bsnbtanf.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_phceqgr585q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_phceqgr585q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_phceqgr585q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -25,22 +25,23 @@ import {
   sanitizeAddonName,
   sanitizeError,
   telemetry
-} from "../_node-chunks/chunk-RF3L36MK.js";
-import "../_node-chunks/chunk-VKMYOVNS.js";
-import "../_node-chunks/chunk-MWWAQ5S4.js";
-import "../_node-chunks/chunk-GXQRT5M6.js";
-import "../_node-chunks/chunk-CO7N5AG7.js";
-import "../_node-chunks/chunk-SPOUBCPJ.js";
-import "../_node-chunks/chunk-3Y5VHKPI.js";
-import "../_node-chunks/chunk-MOQRBTWA.js";
-import "../_node-chunks/chunk-3DPKKQ6P.js";
-import "../_node-chunks/chunk-OUDQWDHY.js";
-import "../_node-chunks/chunk-LB74XOLW.js";
-import "../_node-chunks/chunk-WTQGSYRO.js";
-import "../_node-chunks/chunk-73GYSTNZ.js";
-import "../_node-chunks/chunk-LRBEW57O.js";
-import "../_node-chunks/chunk-6ABJZZWS.js";
-import "../_node-chunks/chunk-PZCWRKQE.js";
+} from "../_node-chunks/chunk-GBZ23FIZ.js";
+import "../_node-chunks/chunk-4UYAC7Y2.js";
+import "../_node-chunks/chunk-IZ3ATSWZ.js";
+import "../_node-chunks/chunk-YYDL7JOC.js";
+import "../_node-chunks/chunk-XAL452XB.js";
+import "../_node-chunks/chunk-72K4WVI5.js";
+import "../_node-chunks/chunk-PHX5XNP7.js";
+import "../_node-chunks/chunk-3SKE4CCB.js";
+import "../_node-chunks/chunk-WNGL2VRJ.js";
+import "../_node-chunks/chunk-Z7FLE2TR.js";
+import "../_node-chunks/chunk-APUXGW3Y.js";
+import "../_node-chunks/chunk-MV2QM7P3.js";
+import "../_node-chunks/chunk-B422K4XV.js";
+import "../_node-chunks/chunk-BJOXVTWM.js";
+import "../_node-chunks/chunk-BLGRU6F5.js";
+import "../_node-chunks/chunk-CG47ALAV.js";
+import "../_node-chunks/chunk-AXDM43NU.js";
 export {
   ErrorCollector,
   addToGlobalContext,

package/dist/theming/index.d.ts

@@ -12764,9 +12764,9 @@ type InterpolationEnhanced<T = {}> = Interpolation<T & {
 }>;
 
 declare const ignoreSsrWarning = "/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
+declare module '.' {
+    interface Theme extends StorybookTheme {
+    }
+}
 
-export { type Animation, type Background, type Brand, type CSSObject, CacheProvider, ClassNames, type Color, type Easing, type FunctionInterpolationEnhanced as FunctionInterpolation, Global, type InterpolationEnhanced as Interpolation, type Keyframes$1 as Keyframes, type StorybookTheme, type StyledComponent, type TextSize, ThemeProvider, type ThemeVars, type ThemeVarsColors, type ThemeVarsPartial, type Typography, background, color, convert, create, createCache, createGlobal, createReset, css, darkenColor as darken, ensure, getPreferredColorScheme, ignoreSsrWarning, isPropValid, jsx, keyframes, lightenColor as lighten, styled, themes, tokens, typography, useTheme, withTheme };
-
-
-interface Theme extends StorybookTheme {}
-export type { Theme };
+export { type Animation, type Background, type Brand, type CSSObject, CacheProvider, ClassNames, type Color, type Easing, type FunctionInterpolationEnhanced as FunctionInterpolation, Global, type InterpolationEnhanced as Interpolation, type Keyframes$1 as Keyframes, type StorybookTheme, type StyledComponent, type TextSize, type Theme, ThemeProvider, type ThemeVars, type ThemeVarsColors, type ThemeVarsPartial, type Typography, background, color, convert, create, createCache, createGlobal, createReset, css, darkenColor as darken, ensure, getPreferredColorScheme, ignoreSsrWarning, isPropValid, jsx, keyframes, lightenColor as lighten, styled, themes, tokens, typography, useTheme, withTheme };

package/dist/theming/index.js

@@ -1678,9 +1678,12 @@ var import_memoizerific = __toESM(require_memoizerific(), 1), createReset = (0,
     ...resetStyles,
     body: {
       ...resetStyles.body,
+      position: "fixed",
+      width: "100vw",
+      height: "100vh",
+      overflow: "hidden",
       color: color2.defaultText,
-      background: background2.app,
-      overflow: "hidden"
+      background: background2.app
     },
     hr: {
       ...resetStyles.hr,
@@ -1705,6 +1708,22 @@ var import_memoizerific = __toESM(require_memoizerific(), 1), createReset = (0,
     ".sb-hidden-until-focus:focus": {
       opacity: 1
     },
+    "[data-sb-landmark]": {
+      position: "relative"
+    },
+    "[data-sb-landmark]:focus-visible": {
+      outline: "none"
+    },
+    "[data-sb-landmark]:focus-visible::after": {
+      outline: `2px solid ${color2.primary}`,
+      outlineOffset: "-2px"
+    },
+    "[data-sb-landmark]::after": {
+      content: "''",
+      position: "absolute",
+      inset: 0,
+      pointerEvents: "none"
+    },
     ".react-aria-Popover:focus-visible": {
       outline: "none"
     }

package/dist/types/index.d.ts

@@ -684,7 +684,10 @@ interface API_Shortcuts {
     expandAll: API_KeyCollection;
     remount: API_KeyCollection;
     openInEditor: API_KeyCollection;
+    openInIsolation: API_KeyCollection;
     copyStoryLink: API_KeyCollection;
+    goToPreviousLandmark: API_KeyCollection;
+    goToNextLandmark: API_KeyCollection;
 }
 
 interface SubState$3 extends API_LoadedRefData$1 {
@@ -2467,14 +2470,14 @@ interface ComponentManifest {
     id: string;
     path: string;
     name: string;
-    description?: string;
-    import?: string;
-    summary?: string;
+    description?: string | undefined;
+    import?: string | undefined;
+    summary?: string | undefined;
     stories: {
         name: string;
-        snippet?: string;
-        description?: string;
-        summary?: string;
+        snippet?: string | undefined;
+        description?: string | undefined;
+        summary?: string | undefined;
         error?: {
             name: string;
             message: string;
@@ -2490,7 +2493,10 @@ interface ComponentsManifest {
     v: number;
     components: Record<string, ComponentManifest>;
 }
-type ComponentManifestGenerator = (storyIndexGenerator: StoryIndexGenerator) => Promise<ComponentsManifest>;
+type ManifestName = string;
+type Manifests = {
+    components?: ComponentsManifest;
+} & Record<ManifestName, unknown>;
 type CsfEnricher = (csf: CsfFile, csfSource: CsfFile) => Promise<void>;
 interface StorybookConfigRaw {
     /**
@@ -2505,7 +2511,7 @@ interface StorybookConfigRaw {
      */
     addons?: Preset[];
     core?: CoreConfig;
-    experimental_componentManifestGenerator?: ComponentManifestGenerator;
+    experimental_manifests?: Manifests;
     experimental_enrichCsf?: CsfEnricher;
     staticDirs?: (DirectoryMapping | string)[];
     logLevel?: string;
@@ -2558,6 +2564,12 @@ interface StorybookConfigRaw {
          * @default true
          */
         actions?: boolean;
+        /**
+         * Enable the onboarding checklist sidebar widget
+         *
+         * @default true
+         */
+        sidebarOnboardingChecklist?: boolean;
         /**
          * @temporary This feature flag is a migration assistant, and is scheduled to be removed.
          *
@@ -3725,4 +3737,4 @@ declare enum SupportedLanguage {
     TYPESCRIPT = "typescript"
 }
 
-export { type API_ActiveTabsType, type API_BaseEntry, type API_ComponentEntry, type API_ComposedRef, type API_ComposedRefUpdate, type API_DocsEntry, type API_FilterFunction, type API_GroupEntry, type API_HashEntry, type API_IframeRenderer, type API_IndexHash, type API_Layout, type API_LayoutCustomisations, type API_LeafEntry, type API_LoadedRefData, type API_MatchOptions, type API_Notification, type API_OptionsData, type API_PanelPositions, type API_PreparedIndexEntry, type API_PreparedStoryIndex, type API_Provider, type API_ProviderData, type API_RefId, type API_RefUrl, type API_Refs, type API_ReleaseNotes, type API_RenderOptions, type API_RootEntry, type API_RouteOptions, type API_SetRefData, type API_Settings, type API_SidebarOptions, type API_StateMerger, type API_StoryEntry, type API_StoryMapper, type API_TestEntry, type API_UI, type API_UIOptions, type API_UnknownEntries, type API_Version, type API_Versions$1 as API_Versions, type API_ViewMode, type Actor, type Addon_AddStoryArgs, type Addon_Annotations, type Addon_ArgType, type Addon_ArgsStoryFn, type Addon_BaseAnnotations, type Addon_BaseDecorators, type Addon_BaseMeta, type Addon_BaseStoryFn, type Addon_BaseStoryObject, type Addon_BaseType, type Addon_ClientApiAddon, type Addon_ClientApiAddons, type Addon_ClientApiReturnFn, type Addon_ClientStoryApi, type Addon_Collection, type Addon_Comparator, type Addon_Config, type Addon_DecoratorFunction, type Addon_Elements, type Addon_LegacyStoryFn, type Addon_LoadFn, type Addon_Loadable, type Addon_Loader, type Addon_LoaderFunction, type Addon_Loaders, type Addon_MakeDecoratorResult, type Addon_OptionsParameter, type Addon_OptionsParameterV7, type Addon_PageType, type Addon_PartialStoryFn, type Addon_RenderOptions, type Addon_RequireContext, type Addon_StoryApi, type Addon_StoryContext, type Addon_StoryContextUpdate, type Addon_StoryFn, type Addon_StorySortComparator, type Addon_StorySortComparatorV7, type Addon_StorySortMethod, type Addon_StorySortObjectParameter, type Addon_StorySortParameter, type Addon_StorySortParameterV7, type Addon_StoryWrapper, type Addon_TestProviderType, type Addon_ToolbarConfig, type Addon_Type, type Addon_Types, Addon_TypesEnum, type Addon_TypesMapping, type Addon_WrapperSettings, type Addon_WrapperType, type Addons_ArgTypes, type BaseIndexEntry, type BaseIndexInput, type BaseStory, type BoundStory, type Builder, type BuilderName, type BuilderOptions, type BuilderResult, type BuilderStats, type Builder_EnvsRaw, type Builder_Unpromise, type Builder_WithRequiredProperty, type CLIBaseOptions, type CLIOptions, type CSFFile, type CompatibleString, type ComponentManifest, type ComponentManifestGenerator, type ComponentsManifest, type ComposeStoryFn, type ComposedStoryFn, type CoreCommon_AddonEntry, type CoreCommon_AddonInfo, type CoreCommon_OptionsEntry, type CoreCommon_ResolvedAddonPreset, type CoreCommon_ResolvedAddonVirtual, type CoreCommon_StorybookInfo, type CoreConfig, CoreWebpackCompiler, type CsfEnricher, type DocsContextProps, type DocsIndexEntry, type DocsIndexInput, type DocsOptions, type DocsPreparedPayload, type DocsRenderFunction, type Entry, type Event, type EventInfo, Feature, type GlobalsUpdatedPayload, type IndexEntry, type IndexEntryLegacy, type IndexInput, type IndexInputStats, type IndexedCSFFile, type IndexedStory, type Indexer, type IndexerOptions, type LoadOptions, type LoadedPreset, type Middleware, MockUniversalStore, type ModuleExport, type ModuleExports, type ModuleImportFn, type NamedOrDefaultProjectAnnotations, type NormalizedComponentAnnotations, type NormalizedProjectAnnotations, type NormalizedStoriesSpecifier, type NormalizedStoryAnnotations, type Options, type PackageJson, type PartialArgsStoryFn, type Path, type PreparedMeta, type PreparedStory, type Preset, type PresetConfig, type PresetProperty, type PresetPropertyFn, type PresetValue, type Presets, type PreviewAnnotation, type ProjectAnnotations, type Ref, type RenderContext, type RenderContextCallbacks, type RenderToCanvas, type RendererName, type ResolvedModuleExport, type ResolvedModuleExportFromType, type ResolvedModuleExportType, type ServerApp, type SetGlobalsPayload, type SetStoriesPayload, type SetStoriesStory, type SetStoriesStoryData, type Stats, type Status, type StatusByTypeId, type StatusStore, type StatusStoreByTypeId, type StatusTypeId, type StatusValue, type StatusesByStoryIdAndTypeId, type StoreOptions, type Store_CSFExports, type StoriesEntry, type StoriesSpecifier, type StoriesWithPartialProps, type StoryIndex, type StoryIndexEntry, type StoryIndexInput, type StoryIndexV2, type StoryIndexV3, type StoryPreparedPayload, type StoryRenderOptions, type StorybookConfig, type StorybookConfigOptions, type StorybookConfigRaw, type StorybookInternalParameters, type StorybookParameters, type StorybookTypes, SupportedBuilder, SupportedFramework, SupportedLanguage, SupportedRenderer, type TagOptions, type TagsOptions, type TeardownRenderToCanvas, type TestBuildConfig, type TestBuildFlags, type TestProviderId, type TestProviderState, type TestProviderStateByProviderId, type TestProviderStoreById, type TypescriptOptions, UniversalStore, type UseStatusStore, type UseTestProviderStore, type V3CompatIndexEntry, type VersionCheck, type ViewMode, type WebRenderer };
+export { type API_ActiveTabsType, type API_BaseEntry, type API_ComponentEntry, type API_ComposedRef, type API_ComposedRefUpdate, type API_DocsEntry, type API_FilterFunction, type API_GroupEntry, type API_HashEntry, type API_IframeRenderer, type API_IndexHash, type API_Layout, type API_LayoutCustomisations, type API_LeafEntry, type API_LoadedRefData, type API_MatchOptions, type API_Notification, type API_OptionsData, type API_PanelPositions, type API_PreparedIndexEntry, type API_PreparedStoryIndex, type API_Provider, type API_ProviderData, type API_RefId, type API_RefUrl, type API_Refs, type API_ReleaseNotes, type API_RenderOptions, type API_RootEntry, type API_RouteOptions, type API_SetRefData, type API_Settings, type API_SidebarOptions, type API_StateMerger, type API_StoryEntry, type API_StoryMapper, type API_TestEntry, type API_UI, type API_UIOptions, type API_UnknownEntries, type API_Version, type API_Versions$1 as API_Versions, type API_ViewMode, type Actor, type Addon_AddStoryArgs, type Addon_Annotations, type Addon_ArgType, type Addon_ArgsStoryFn, type Addon_BaseAnnotations, type Addon_BaseDecorators, type Addon_BaseMeta, type Addon_BaseStoryFn, type Addon_BaseStoryObject, type Addon_BaseType, type Addon_ClientApiAddon, type Addon_ClientApiAddons, type Addon_ClientApiReturnFn, type Addon_ClientStoryApi, type Addon_Collection, type Addon_Comparator, type Addon_Config, type Addon_DecoratorFunction, type Addon_Elements, type Addon_LegacyStoryFn, type Addon_LoadFn, type Addon_Loadable, type Addon_Loader, type Addon_LoaderFunction, type Addon_Loaders, type Addon_MakeDecoratorResult, type Addon_OptionsParameter, type Addon_OptionsParameterV7, type Addon_PageType, type Addon_PartialStoryFn, type Addon_RenderOptions, type Addon_RequireContext, type Addon_StoryApi, type Addon_StoryContext, type Addon_StoryContextUpdate, type Addon_StoryFn, type Addon_StorySortComparator, type Addon_StorySortComparatorV7, type Addon_StorySortMethod, type Addon_StorySortObjectParameter, type Addon_StorySortParameter, type Addon_StorySortParameterV7, type Addon_StoryWrapper, type Addon_TestProviderType, type Addon_ToolbarConfig, type Addon_Type, type Addon_Types, Addon_TypesEnum, type Addon_TypesMapping, type Addon_WrapperSettings, type Addon_WrapperType, type Addons_ArgTypes, type BaseIndexEntry, type BaseIndexInput, type BaseStory, type BoundStory, type Builder, type BuilderName, type BuilderOptions, type BuilderResult, type BuilderStats, type Builder_EnvsRaw, type Builder_Unpromise, type Builder_WithRequiredProperty, type CLIBaseOptions, type CLIOptions, type CSFFile, type CompatibleString, type ComponentManifest, type ComponentsManifest, type ComposeStoryFn, type ComposedStoryFn, type CoreCommon_AddonEntry, type CoreCommon_AddonInfo, type CoreCommon_OptionsEntry, type CoreCommon_ResolvedAddonPreset, type CoreCommon_ResolvedAddonVirtual, type CoreCommon_StorybookInfo, type CoreConfig, CoreWebpackCompiler, type CsfEnricher, type DocsContextProps, type DocsIndexEntry, type DocsIndexInput, type DocsOptions, type DocsPreparedPayload, type DocsRenderFunction, type Entry, type Event, type EventInfo, Feature, type GlobalsUpdatedPayload, type IndexEntry, type IndexEntryLegacy, type IndexInput, type IndexInputStats, type IndexedCSFFile, type IndexedStory, type Indexer, type IndexerOptions, type LoadOptions, type LoadedPreset, type Manifests, type Middleware, MockUniversalStore, type ModuleExport, type ModuleExports, type ModuleImportFn, type NamedOrDefaultProjectAnnotations, type NormalizedComponentAnnotations, type NormalizedProjectAnnotations, type NormalizedStoriesSpecifier, type NormalizedStoryAnnotations, type Options, type PackageJson, type PartialArgsStoryFn, type Path, type PreparedMeta, type PreparedStory, type Preset, type PresetConfig, type PresetProperty, type PresetPropertyFn, type PresetValue, type Presets, type PreviewAnnotation, type ProjectAnnotations, type Ref, type RenderContext, type RenderContextCallbacks, type RenderToCanvas, type RendererName, type ResolvedModuleExport, type ResolvedModuleExportFromType, type ResolvedModuleExportType, type ServerApp, type SetGlobalsPayload, type SetStoriesPayload, type SetStoriesStory, type SetStoriesStoryData, type Stats, type Status, type StatusByTypeId, type StatusStore, type StatusStoreByTypeId, type StatusTypeId, type StatusValue, type StatusesByStoryIdAndTypeId, type StoreOptions, type Store_CSFExports, type StoriesEntry, type StoriesSpecifier, type StoriesWithPartialProps, type StoryIndex, type StoryIndexEntry, type StoryIndexInput, type StoryIndexV2, type StoryIndexV3, type StoryPreparedPayload, type StoryRenderOptions, type StorybookConfig, type StorybookConfigOptions, type StorybookConfigRaw, type StorybookInternalParameters, type StorybookParameters, type StorybookTypes, SupportedBuilder, SupportedFramework, SupportedLanguage, SupportedRenderer, type TagOptions, type TagsOptions, type TeardownRenderToCanvas, type TestBuildConfig, type TestBuildFlags, type TestProviderId, type TestProviderState, type TestProviderStateByProviderId, type TestProviderStoreById, type TypescriptOptions, UniversalStore, type UseStatusStore, type UseTestProviderStore, type V3CompatIndexEntry, type VersionCheck, type ViewMode, type WebRenderer };

package/dist/viewport/index.d.ts

@@ -6,8 +6,9 @@ declare const TOOL_ID = "storybook/viewport/tool";
 interface Viewport {
     name: string;
     styles: ViewportStyles;
-    type?: 'desktop' | 'mobile' | 'tablet' | 'other';
+    type?: ViewportType;
 }
+type ViewportType = 'desktop' | 'mobile' | 'tablet' | 'watch' | 'other';
 interface ViewportStyles {
     height: string;
     width: string;
@@ -16,7 +17,8 @@ type ViewportMap = Record<string, Viewport>;
 type GlobalState = {
     /**
      * When set, the viewport is applied and cannot be changed using the toolbar. Must match the key
-     * of one of the available viewports.
+     * of one of the available viewports or follow the format '{width}-{height}', e.g. '320-480' which
+     * may include a unit (e.g. '100vw' or '100pct').
      */
     value: string | undefined;
     /**
@@ -325,4 +327,4 @@ declare const MINIMAL_VIEWPORTS: {
 
 declare const responsiveViewport: Viewport;
 
-export { ADDON_ID, DEFAULT_VIEWPORT, type GlobalState, type GlobalStateUpdate, INITIAL_VIEWPORTS, type InitialViewportKeys, MINIMAL_VIEWPORTS, PANEL_ID, PARAM_KEY, TOOL_ID, type Viewport, type ViewportGlobals, type ViewportMap, type ViewportParameters, type ViewportStyles, type ViewportTypes, responsiveViewport };
+export { ADDON_ID, DEFAULT_VIEWPORT, type GlobalState, type GlobalStateUpdate, INITIAL_VIEWPORTS, type InitialViewportKeys, MINIMAL_VIEWPORTS, PANEL_ID, PARAM_KEY, TOOL_ID, type Viewport, type ViewportGlobals, type ViewportMap, type ViewportParameters, type ViewportStyles, type ViewportType, type ViewportTypes, responsiveViewport };

package/dist/viewport/index.js

@@ -1,9 +1,8 @@
 import {
   DEFAULT_VIEWPORT,
   INITIAL_VIEWPORTS,
-  MINIMAL_VIEWPORTS,
-  responsiveViewport
-} from "../_browser-chunks/chunk-3PJE6VLG.js";
+  MINIMAL_VIEWPORTS
+} from "../_browser-chunks/chunk-ASKQZAOS.js";
 import {
   ADDON_ID,
   PANEL_ID,
@@ -11,6 +10,16 @@ import {
   TOOL_ID
 } from "../_browser-chunks/chunk-SL75JR6Y.js";
 import "../_browser-chunks/chunk-A242L54C.js";
+
+// src/viewport/responsiveViewport.tsx
+var responsiveViewport = {
+  name: "Reset viewport",
+  styles: {
+    height: "100%",
+    width: "100%"
+  },
+  type: "desktop"
+};
 export {
   ADDON_ID,
   DEFAULT_VIEWPORT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "10.2.0-alpha.9",
+  "version": "10.2.0-beta.0",
   "description": "Storybook: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -195,7 +195,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
     "@vitest/expect": "3.2.4",
@@ -203,17 +203,17 @@
     "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0",
     "open": "^10.2.0",
     "recast": "^0.23.5",
-    "semver": "^7.6.2",
+    "semver": "^7.7.3",
     "use-sync-external-store": "^1.5.0",
     "ws": "^8.18.0"
   },
   "devDependencies": {
     "@aw-web-design/x-default-browser": "1.4.126",
-    "@babel/core": "^7.26.9",
-    "@babel/generator": "^7.26.9",
-    "@babel/parser": "^7.26.9",
-    "@babel/traverse": "^7.26.9",
-    "@babel/types": "^7.26.8",
+    "@babel/core": "^7.28.5",
+    "@babel/generator": "^7.28.5",
+    "@babel/parser": "^7.28.5",
+    "@babel/traverse": "^7.28.5",
+    "@babel/types": "^7.28.5",
     "@clack/prompts": "1.0.0-alpha.7",
     "@devtools-ds/object-inspector": "^1.1.2",
     "@discoveryjs/json-ext": "^0.5.3",
@@ -222,12 +222,13 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@happy-dom/global-registrator": "^18.0.1",
+    "@happy-dom/global-registrator": "^20.0.11",
     "@ngard/tiny-isequal": "^1.1.0",
     "@polka/compression": "^1.0.0-next.28",
     "@radix-ui/react-scroll-area": "1.2.0-rc.7",
     "@radix-ui/react-slot": "^1.0.2",
     "@react-aria/interactions": "^3.25.5",
+    "@react-aria/landmark": "^3.0.8",
     "@react-aria/overlays": "^3.29.1",
     "@react-aria/tabs": "^3.10.7",
     "@react-aria/toolbar": "3.0.0-beta.20",
@@ -236,7 +237,7 @@
     "@react-stately/tabs": "^3.8.5",
     "@react-types/shared": "^3.32.0",
     "@rolldown/pluginutils": "1.0.0-beta.18",
-    "@storybook/docs-mdx": "4.0.0-next.1",
+    "@storybook/docs-mdx": "4.0.0-next.3",
     "@tanstack/react-virtual": "^3.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^14.0.0",
@@ -245,14 +246,14 @@
     "@types/diff": "^5.0.9",
     "@types/ejs": "^3.1.1",
     "@types/js-yaml": "^4.0.5",
-    "@types/node": "^22.0.0",
+    "@types/node": "^22.19.1",
     "@types/npmlog": "^7.0.0",
     "@types/picomatch": "^2.3.0",
     "@types/prettier": "^3.0.0",
     "@types/pretty-hrtime": "^1.0.0",
     "@types/prompts": "^2.0.9",
     "@types/react-syntax-highlighter": "11.0.5",
-    "@types/semver": "^7.5.8",
+    "@types/semver": "^7.7.1",
     "@types/ws": "^8",
     "@vitest/utils": "^3.2.4",
     "@yarnpkg/fslib": "2.10.3",
@@ -260,31 +261,31 @@
     "ansi-to-html": "^0.7.2",
     "browser-dtector": "^3.4.0",
     "bundle-require": "^5.1.0",
-    "camelcase": "^8.0.0",
+    "camelcase": "^9.0.0",
     "chai": "^5.1.1",
-    "commander": "^14.0.1",
+    "commander": "^14.0.2",
     "comment-parser": "^1.4.1",
     "copy-to-clipboard": "^3.3.1",
     "cross-spawn": "^7.0.6",
     "deep-object-diff": "^1.1.0",
     "dequal": "^2.0.2",
     "detect-indent": "^7.0.1",
-    "detect-port": "^1.3.0",
-    "diff": "^5.2.0",
+    "detect-port": "^1.6.1",
+    "diff": "^8.0.2",
     "downshift": "^9.0.4",
     "ejs": "^3.1.10",
     "empathic": "^2.0.0",
-    "es-toolkit": "^1.36.0",
+    "es-toolkit": "^1.43.0",
     "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0",
-    "execa": "^8.0.1",
+    "execa": "^9.6.1",
     "exsolve": "^1.0.7",
     "fetch-retry": "^6.0.0",
     "flush-promises": "^1.0.2",
     "fuse.js": "^3.6.1",
-    "get-npm-tarball-url": "^2.0.3",
-    "glob": "^10.0.0",
-    "globby": "^14.0.1",
-    "jiti": "^2.4.2",
+    "get-npm-tarball-url": "^2.1.0",
+    "glob": "^10.5.0",
+    "globby": "^14.1.0",
+    "jiti": "^2.6.1",
     "js-yaml": "^4.1.0",
     "jsdoc-type-pratt-parser": "^4.0.0",
     "launch-editor": "^2.11.1",
@@ -295,14 +296,14 @@
     "modern-tar": "^0.5.5",
     "nanoid": "^4.0.2",
     "npmlog": "^7.0.0",
-    "p-limit": "^6.2.0",
+    "p-limit": "^7.2.0",
     "package-manager-detector": "^1.1.0",
     "picocolors": "^1.1.0",
     "picomatch": "^2.3.0",
     "picoquery": "^1.4.0",
     "polished": "^4.2.2",
     "polka": "^1.0.0-next.28",
-    "prettier": "^3.5.3",
+    "prettier": "^3.7.1",
     "pretty-hrtime": "^1.0.3",
     "qrcode.react": "^4.2.0",
     "react": "^18.2.0",
@@ -332,9 +333,9 @@
     "typescript": "^5.8.3",
     "unique-string": "^3.0.0",
     "use-resize-observer": "^9.1.0",
-    "watchpack": "^2.2.0",
+    "watchpack": "^2.5.0",
     "wrap-ansi": "^9.0.2",
-    "zod": "^3.24.1"
+    "zod": "^3.25.76"
   },
   "peerDependencies": {
     "prettier": "^2 || ^3"