storybook 10.0.0-beta.0 → 10.0.0-beta.10

package/dist/cli/index.js

@@ -1,58 +1,57 @@
-import CJS_COMPAT_NODE_URL_qlimw951jq from 'node:url';
-import CJS_COMPAT_NODE_PATH_qlimw951jq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_qlimw951jq from "node:module";
+import CJS_COMPAT_NODE_URL_kzg6jc8bd2 from 'node:url';
+import CJS_COMPAT_NODE_PATH_kzg6jc8bd2 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_kzg6jc8bd2 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_qlimw951jq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_qlimw951jq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_qlimw951jq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_kzg6jc8bd2.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_kzg6jc8bd2.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_kzg6jc8bd2.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   boxen
-} from "../_node-chunks/chunk-BFXER3XW.js";
+} from "../_node-chunks/chunk-XHF3WWNP.js";
+import "../_node-chunks/chunk-YHO6XR7U.js";
 import {
   Settings,
   _clearGlobalSettings,
   globalSettings
-} from "../_node-chunks/chunk-LKB7KRSV.js";
+} from "../_node-chunks/chunk-PTHTD4RO.js";
 import {
-  findUp,
-  findUpSync
-} from "../_node-chunks/chunk-G46DWX7Z.js";
-import "../_node-chunks/chunk-W6GKFQ7F.js";
+  any,
+  up2 as up
+} from "../_node-chunks/chunk-C5V22GP7.js";
 import {
   invariant
-} from "../_node-chunks/chunk-UIREEOC7.js";
+} from "../_node-chunks/chunk-KGX33KXX.js";
 import {
   resolvePackageDir
-} from "../_node-chunks/chunk-GZZDIJIB.js";
-import "../_node-chunks/chunk-5HLANIBM.js";
+} from "../_node-chunks/chunk-R54K4KSM.js";
+import "../_node-chunks/chunk-AOH6ABSV.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-FBMMEEO4.js";
+} from "../_node-chunks/chunk-UV3CZ3KS.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-I3YCPGZJ.js";
+} from "../_node-chunks/chunk-GUJVZUYI.js";
 import {
   babelParse,
   recast,
   traverse,
   types
-} from "../_node-chunks/chunk-27W2Z6VL.js";
-import "../_node-chunks/chunk-R7RKO2DC.js";
-import "../_node-chunks/chunk-YWGNEBRO.js";
-import "../_node-chunks/chunk-GZUNYRFU.js";
+} from "../_node-chunks/chunk-WFCPBKQJ.js";
+import "../_node-chunks/chunk-JUMUXWEV.js";
+import "../_node-chunks/chunk-VOUNSD2E.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-IBXERYDG.js";
+} from "../_node-chunks/chunk-FIROF4DV.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-LH3BEEIR.js";
+} from "../_node-chunks/chunk-SSN5PKIY.js";
 
 // ../node_modules/wrappy/wrappy.js
 var require_wrappy = __commonJS({
@@ -138,6 +137,7 @@ var require_end_of_stream = __commonJS({
     var once = require_once();
     var noop = /* @__PURE__ */ __name(function() {
     }, "noop");
+    var qnt = global.Bare ? queueMicrotask : process.nextTick.bind(process);
     var isRequest = /* @__PURE__ */ __name(function(stream) {
       return stream.setHeader && typeof stream.abort === "function";
     }, "isRequest");
@@ -171,7 +171,7 @@ var require_end_of_stream = __commonJS({
         callback.call(stream, err);
       }, "onerror");
       var onclose = /* @__PURE__ */ __name(function() {
-        process.nextTick(onclosenexttick);
+        qnt(onclosenexttick);
       }, "onclose");
       var onclosenexttick = /* @__PURE__ */ __name(function() {
         if (cancelled) return;
@@ -226,7 +226,7 @@ var require_pump = __commonJS({
     }
     var noop = /* @__PURE__ */ __name(function() {
     }, "noop");
-    var ancient = /^v?\.0/.test(process.version);
+    var ancient = typeof process === "undefined" ? false : /^v?\.0/.test(process.version);
     var isFn = /* @__PURE__ */ __name(function(fn) {
       return typeof fn === "function";
     }, "isFn");
@@ -4645,7 +4645,7 @@ var require_tar_fs = __commonJS({
           if (win32) return next();
           xfs.unlink(name, function() {
             var dst = path.resolve(path.dirname(name), header.linkname);
-            if (!dst.startsWith(path.resolve(cwd))) return next(new Error(name + " is not a valid symlink"));
+            if (!inCwd(dst, cwd)) return next(new Error(name + " is not a valid symlink"));
             xfs.symlink(header.linkname, name, stat);
           });
         }, "onsymlink");
@@ -4653,12 +4653,15 @@ var require_tar_fs = __commonJS({
           if (win32) return next();
           xfs.unlink(name, function() {
             var srcpath = path.join(cwd, path.join("/", header.linkname));
-            xfs.link(srcpath, name, function(err) {
-              if (err && err.code === "EPERM" && opts.hardlinkAsFilesFallback) {
-                stream = xfs.createReadStream(srcpath);
-                return onfile();
-              }
-              stat(err);
+            xfs.realpath(srcpath, function(err, dst) {
+              if (err || !inCwd(dst, cwd)) return next(new Error(name + " is not a valid hardlink"));
+              xfs.link(dst, name, function(err2) {
+                if (err2 && err2.code === "EPERM" && opts.hardlinkAsFilesFallback) {
+                  stream = xfs.createReadStream(srcpath);
+                  return onfile();
+                }
+                stat(err2);
+              });
             });
           });
         }, "onlink");
@@ -4729,6 +4732,11 @@ var require_tar_fs = __commonJS({
       });
     }
     __name(mkdirfix, "mkdirfix");
+    function inCwd(dst, cwd) {
+      cwd = path.resolve(cwd);
+      return cwd === dst || dst.startsWith(cwd + path.sep);
+    }
+    __name(inCwd, "inCwd");
   }
 });
 
@@ -27463,7 +27471,7 @@ import { coerce, satisfies } from "semver";
 var singleComment = Symbol("singleComment");
 var multiComment = Symbol("multiComment");
 var stripWithoutWhitespace = /* @__PURE__ */ __name(() => "", "stripWithoutWhitespace");
-var stripWithWhitespace = /* @__PURE__ */ __name((string, start, end) => string.slice(start, end).replace(/\S/g, " "), "stripWithWhitespace");
+var stripWithWhitespace = /* @__PURE__ */ __name((string, start, end) => string.slice(start, end).replace(/[^ \t\r\n]/g, " "), "stripWithWhitespace");
 var isEscaped = /* @__PURE__ */ __name((jsonString, quotePosition) => {
   let index = quotePosition - 1;
   let backslashCount = 0;
@@ -27544,7 +27552,8 @@ function stripJsonComments(jsonString, { whitespace = true, trailingCommas = fal
       }
     }
   }
-  return result + buffer + (isInsideComment ? strip(jsonString.slice(offset)) : jsonString.slice(offset));
+  const remaining = isInsideComment === singleComment ? strip(jsonString, offset) : jsonString.slice(offset);
+  return result + buffer + remaining;
 }
 __name(stripJsonComments, "stripJsonComments");
 
@@ -28011,7 +28020,7 @@ async function adjustTemplate(templatePath, templateData) {
 }
 __name(adjustTemplate, "adjustTemplate");
 async function isNxProject() {
-  return findUpSync("nx.json", { stopAt: getProjectRoot() });
+  return up("nx.json", { last: getProjectRoot() });
 }
 __name(isNxProject, "isNxProject");
 function coerceSemver(version) {
@@ -28085,8 +28094,8 @@ function detectFrameworkPreset(packageJson = {}) {
 }
 __name(detectFrameworkPreset, "detectFrameworkPreset");
 async function detectBuilder(packageManager, projectType) {
-  const viteConfig = findUpSync(viteConfigFiles, { stopAt: getProjectRoot2() });
-  const webpackConfig = findUpSync(webpackConfigFiles, { stopAt: getProjectRoot2() });
+  const viteConfig = any(viteConfigFiles, { last: getProjectRoot2() });
+  const webpackConfig = any(webpackConfigFiles, { last: getProjectRoot2() });
   const dependencies = packageManager.getAllDependencies();
   if (viteConfig || dependencies.vite && dependencies.webpack === void 0) {
     commandLog("Detected Vite project. Setting builder to Vite")();
@@ -28134,7 +28143,7 @@ function isStorybookInstantiated(configDir = resolve2(process.cwd(), ".storybook
 }
 __name(isStorybookInstantiated, "isStorybookInstantiated");
 async function detectPnp() {
-  return !!findUpSync([".pnp.js", ".pnp.cjs"]);
+  return !!any([".pnp.js", ".pnp.cjs"]);
 }
 __name(detectPnp, "detectPnp");
 async function detectLanguage(packageManager) {
@@ -28325,6 +28334,10 @@ import { logger as logger4, prompt } from "storybook/internal/node-logger";
 var INDENT_REGEX = /^(?:( )+|\t+)/;
 var INDENT_TYPE_SPACE = "space";
 var INDENT_TYPE_TAB = "tab";
+function shouldIgnoreSingleSpace(ignoreSingleSpaces, indentType, value) {
+  return ignoreSingleSpaces && indentType === INDENT_TYPE_SPACE && value === 1;
+}
+__name(shouldIgnoreSingleSpace, "shouldIgnoreSingleSpace");
 function makeIndentsMap(string, ignoreSingleSpaces) {
   const indents = /* @__PURE__ */ new Map();
   let previousSize = 0;
@@ -28334,39 +28347,36 @@ function makeIndentsMap(string, ignoreSingleSpaces) {
     if (!line) {
       continue;
     }
-    let indent;
-    let indentType;
-    let use;
-    let weight;
-    let entry;
     const matches = line.match(INDENT_REGEX);
     if (matches === null) {
       previousSize = 0;
       previousIndentType = "";
     } else {
-      indent = matches[0].length;
-      indentType = matches[1] ? INDENT_TYPE_SPACE : INDENT_TYPE_TAB;
-      if (ignoreSingleSpaces && indentType === INDENT_TYPE_SPACE && indent === 1) {
+      const indent = matches[0].length;
+      const indentType = matches[1] ? INDENT_TYPE_SPACE : INDENT_TYPE_TAB;
+      if (shouldIgnoreSingleSpace(ignoreSingleSpaces, indentType, indent)) {
         continue;
       }
       if (indentType !== previousIndentType) {
         previousSize = 0;
       }
       previousIndentType = indentType;
-      use = 1;
-      weight = 0;
+      let use = 1;
+      let weight = 0;
       const indentDifference = indent - previousSize;
       previousSize = indent;
       if (indentDifference === 0) {
         use = 0;
         weight = 1;
       } else {
-        const absoluteIndentDifference = indentDifference > 0 ? indentDifference : -indentDifference;
+        const absoluteIndentDifference = Math.abs(indentDifference);
+        if (shouldIgnoreSingleSpace(ignoreSingleSpaces, indentType, absoluteIndentDifference)) {
+          continue;
+        }
         key = encodeIndentsKey(indentType, absoluteIndentDifference);
       }
-      entry = indents.get(key);
-      entry = entry === void 0 ? [1, 0] : [entry[0] + use, entry[1] + weight];
-      indents.set(key, entry);
+      const entry = indents.get(key);
+      indents.set(key, entry === void 0 ? [1, 0] : [entry[0] + use, entry[1] + weight]);
     }
   }
   return indents;
@@ -28432,11 +28442,11 @@ var import_picocolors2 = __toESM(require_picocolors(), 1);
 var import_ts_dedent2 = __toESM(require_dist(), 1);
 var SUPPORTED_ESLINT_EXTENSIONS = ["ts", "mts", "cts", "mjs", "js", "cjs", "json"];
 var UNSUPPORTED_ESLINT_EXTENSIONS = ["yaml", "yml"];
-var findEslintFile = /* @__PURE__ */ __name(async (instanceDir) => {
+var findEslintFile = /* @__PURE__ */ __name((instanceDir) => {
   const filePrefixes = ["eslint.config", ".eslintrc"];
   for (const prefix of filePrefixes) {
     for (const ext of UNSUPPORTED_ESLINT_EXTENSIONS) {
-      const file = await findUp(`${prefix}.${ext}`, { cwd: instanceDir, stopAt: getProjectRoot3() });
+      const file = up(`${prefix}.${ext}`, { cwd: instanceDir, last: getProjectRoot3() });
       if (file) {
         throw new Error(`Unsupported ESLint config extension: .${ext}`);
       }
@@ -28444,7 +28454,7 @@ var findEslintFile = /* @__PURE__ */ __name(async (instanceDir) => {
   }
   for (const prefix of filePrefixes) {
     for (const ext of SUPPORTED_ESLINT_EXTENSIONS) {
-      const file = await findUp(`${prefix}.${ext}`, { cwd: instanceDir, stopAt: getProjectRoot3() });
+      const file = up(`${prefix}.${ext}`, { cwd: instanceDir, last: getProjectRoot3() });
       if (file) {
         return file;
       }
@@ -28526,7 +28536,7 @@ async function extractEslintInfo(packageManager) {
   const { packageJson } = packageManager.primaryPackageJson;
   let eslintConfigFile = void 0;
   try {
-    eslintConfigFile = await findEslintFile(packageManager.instanceDir);
+    eslintConfigFile = findEslintFile(packageManager.instanceDir);
   } catch (err) {
     if (err instanceof Error && err.message.includes("Unsupported ESLint")) {
       unsupportedExtension = String(err);

package/dist/common/index.d.ts

@@ -1140,6 +1140,8 @@ declare const normalizeStories: (entries: StoriesEntry[], options: NormalizeOpti
 
 declare const getProjectRoot: () => string;
 declare const invalidateProjectRootCache: () => void;
+/** Finds files in the directory tree up to the project root */
+declare const findFilesUp: (matchers: string[], baseDir?: string) => string[];
 declare const nodePathsToArray: (nodePath: string) => string[];
 /** Ensures that a path starts with `./` or `../`, or is entirely `.` or `..` */
 declare function normalizeStoryPath(filename: string): string;
@@ -1301,4 +1303,4 @@ declare const safeResolveModule: ({ specifier, parent, extensions, }: {
     extensions?: string[];
 }) => string | undefined;
 
-export { COMMON_ENV_VARS, DEFAULT_FILES_PATTERN, type FileOptions, FileSystemCache, HandledError, type InstallationMetadata, JsPackageManager, JsPackageManagerFactory, type PackageJsonInfo, type PackageJsonWithDepsAndDevDeps, type PackageJsonWithMaybeDeps, type PackageManagerName, type PackageMetadata, type RemoveAddonOptions, builderPackages, cache, checkAddonOrder, codeLog, commandLog, commonGlobOptions, createFileSystemCache, createLogStream, extractProperFrameworkName, extractProperRendererNameFromFramework, filterPresetsConfig, findConfigFile, formatFileContent, frameworkPackages, frameworkToRenderer, getAddonNames, getAutoRefs, getBuilderOptions, getChars, getCoercedStorybookVersion, getConfigInfo, getDirectoryFromWorkingDir, getEnvConfig, getFrameworkName, getInterpretedFile, getPackageDetails, getPresets, getPreviewBodyTemplate, getPreviewHeadTemplate, getProjectRoot, getRefs, getRendererName, getStoryId, getStoryTitle, getStorybookConfiguration, getStorybookInfo, getSyncedStorybookAddons, globToRegexp, importMetaResolve, importModule, interpolate, invalidateProjectRootCache, isCI, isCorePackage, isPreservingSymlinks, isSatelliteAddon, loadAllPresets, loadEnvs, loadMainConfig, loadManagerOrAddonsFile, loadPreset, loadPreviewOrConfigFile, logConfig, nodePathsToArray, normalizeStories, normalizeStoriesEntry, normalizeStoryPath, optionalEnvToBoolean, paddedLog, parseList, posix, readTemplate, removeAddon, rendererPackages, resolveAddonName, resolvePackageDir, resolvePathInStorybookCache, safeResolveModule, satisfies, scanAndTransformFiles, serverRequire, stringifyEnvs, stringifyProcessEnvs, supportedExtensions, syncStorybookAddons, temporaryDirectory, temporaryFile, transformImportFiles, validateConfigurationFiles, validateFrameworkName, _default as versions };
+export { COMMON_ENV_VARS, DEFAULT_FILES_PATTERN, type FileOptions, FileSystemCache, HandledError, type InstallationMetadata, JsPackageManager, JsPackageManagerFactory, type PackageJsonInfo, type PackageJsonWithDepsAndDevDeps, type PackageJsonWithMaybeDeps, type PackageManagerName, type PackageMetadata, type RemoveAddonOptions, builderPackages, cache, checkAddonOrder, codeLog, commandLog, commonGlobOptions, createFileSystemCache, createLogStream, extractProperFrameworkName, extractProperRendererNameFromFramework, filterPresetsConfig, findConfigFile, findFilesUp, formatFileContent, frameworkPackages, frameworkToRenderer, getAddonNames, getAutoRefs, getBuilderOptions, getChars, getCoercedStorybookVersion, getConfigInfo, getDirectoryFromWorkingDir, getEnvConfig, getFrameworkName, getInterpretedFile, getPackageDetails, getPresets, getPreviewBodyTemplate, getPreviewHeadTemplate, getProjectRoot, getRefs, getRendererName, getStoryId, getStoryTitle, getStorybookConfiguration, getStorybookInfo, getSyncedStorybookAddons, globToRegexp, importMetaResolve, importModule, interpolate, invalidateProjectRootCache, isCI, isCorePackage, isPreservingSymlinks, isSatelliteAddon, loadAllPresets, loadEnvs, loadMainConfig, loadManagerOrAddonsFile, loadPreset, loadPreviewOrConfigFile, logConfig, nodePathsToArray, normalizeStories, normalizeStoriesEntry, normalizeStoryPath, optionalEnvToBoolean, paddedLog, parseList, posix, readTemplate, removeAddon, rendererPackages, resolveAddonName, resolvePackageDir, resolvePathInStorybookCache, safeResolveModule, satisfies, scanAndTransformFiles, serverRequire, stringifyEnvs, stringifyProcessEnvs, supportedExtensions, syncStorybookAddons, temporaryDirectory, temporaryFile, transformImportFiles, validateConfigurationFiles, validateFrameworkName, _default as versions };

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_qlimw951jq from 'node:url';
-import CJS_COMPAT_NODE_PATH_qlimw951jq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_qlimw951jq from "node:module";
+import CJS_COMPAT_NODE_URL_kzg6jc8bd2 from 'node:url';
+import CJS_COMPAT_NODE_PATH_kzg6jc8bd2 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_kzg6jc8bd2 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_qlimw951jq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_qlimw951jq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_qlimw951jq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_kzg6jc8bd2.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_kzg6jc8bd2.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_kzg6jc8bd2.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -83,13 +83,13 @@ import {
   transformImportFiles,
   validateConfigurationFiles,
   validateFrameworkName
-} from "../_node-chunks/chunk-H5LTFJHQ.js";
-import "../_node-chunks/chunk-FWUE7SRE.js";
-import "../_node-chunks/chunk-JDKH3XYB.js";
+} from "../_node-chunks/chunk-OL6DY6BT.js";
+import "../_node-chunks/chunk-TH5QVQRL.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-T23YQHYB.js";
+} from "../_node-chunks/chunk-SFJFSPRT.js";
 import {
+  findFilesUp,
   getProjectRoot,
   invalidateProjectRootCache,
   isCI,
@@ -99,23 +99,22 @@ import {
   optionalEnvToBoolean,
   stringifyEnvs,
   stringifyProcessEnvs
-} from "../_node-chunks/chunk-VKKLKNFC.js";
-import "../_node-chunks/chunk-G46DWX7Z.js";
-import "../_node-chunks/chunk-W6GKFQ7F.js";
-import "../_node-chunks/chunk-UIREEOC7.js";
+} from "../_node-chunks/chunk-IHPLRRAR.js";
+import "../_node-chunks/chunk-C5V22GP7.js";
+import "../_node-chunks/chunk-KGX33KXX.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-GZZDIJIB.js";
-import "../_node-chunks/chunk-5HLANIBM.js";
-import "../_node-chunks/chunk-FBMMEEO4.js";
-import "../_node-chunks/chunk-IQAUGVYR.js";
-import "../_node-chunks/chunk-3QB3ZG6H.js";
-import "../_node-chunks/chunk-I3YCPGZJ.js";
-import "../_node-chunks/chunk-IBXERYDG.js";
-import "../_node-chunks/chunk-LH3BEEIR.js";
+} from "../_node-chunks/chunk-R54K4KSM.js";
+import "../_node-chunks/chunk-AOH6ABSV.js";
+import "../_node-chunks/chunk-UV3CZ3KS.js";
+import "../_node-chunks/chunk-S2LZC6JK.js";
+import "../_node-chunks/chunk-KLVABNEU.js";
+import "../_node-chunks/chunk-GUJVZUYI.js";
+import "../_node-chunks/chunk-FIROF4DV.js";
+import "../_node-chunks/chunk-SSN5PKIY.js";
 export {
   COMMON_ENV_VARS,
   DEFAULT_FILES_PATTERN,
@@ -135,6 +134,7 @@ export {
   extractProperRendererNameFromFramework,
   filterPresetsConfig,
   findConfigFile,
+  findFilesUp,
   formatFileContent,
   frameworkPackages,
   frameworkToRenderer,

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from 'react';
 import React__default, { ComponentProps, AnchorHTMLAttributes, MouseEvent, ReactNode, ReactElement, ButtonHTMLAttributes, SyntheticEvent, Component, RefObject, FC, PropsWithChildren, DetailedHTMLProps, RefAttributes, ElementType } from 'react';
-import { Config, PopperOptions } from 'react-popper-tooltip';
 import { Addon_RenderOptions } from 'storybook/internal/types';
 import { FunctionInterpolation } from 'storybook/theming';
 
@@ -720,6 +719,234 @@ declare const Form: StyledComponent<{
     Radio: (props: React.InputHTMLAttributes<HTMLInputElement>) => React$1.JSX.Element;
 };
 
+declare const top: "top";
+declare const bottom: "bottom";
+declare const right: "right";
+declare const left: "left";
+declare type BasePlacement = typeof top | typeof bottom | typeof right | typeof left;
+declare type VariationPlacement = "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+declare type AutoPlacement = "auto" | "auto-start" | "auto-end";
+declare type Placement = AutoPlacement | BasePlacement | VariationPlacement;
+declare const beforeRead: "beforeRead";
+declare const read: "read";
+declare const afterRead: "afterRead";
+declare const beforeMain: "beforeMain";
+declare const main: "main";
+declare const afterMain: "afterMain";
+declare const beforeWrite: "beforeWrite";
+declare const write: "write";
+declare const afterWrite: "afterWrite";
+declare type ModifierPhases = typeof beforeRead | typeof read | typeof afterRead | typeof beforeMain | typeof main | typeof afterMain | typeof beforeWrite | typeof write | typeof afterWrite;
+
+declare type Obj = {
+    [key: string]: any;
+};
+declare type VisualViewport = EventTarget & {
+    width: number;
+    height: number;
+    offsetLeft: number;
+    offsetTop: number;
+    scale: number;
+};
+declare type Window = {
+    innerHeight: number;
+    offsetHeight: number;
+    innerWidth: number;
+    offsetWidth: number;
+    pageXOffset: number;
+    pageYOffset: number;
+    getComputedStyle: typeof getComputedStyle;
+    addEventListener(type: any, listener: any, optionsOrUseCapture?: any): void;
+    removeEventListener(type: any, listener: any, optionsOrUseCapture?: any): void;
+    Element: Element;
+    HTMLElement: HTMLElement;
+    Node: Node;
+    toString(): "[object Window]";
+    devicePixelRatio: number;
+    visualViewport?: VisualViewport;
+    ShadowRoot: ShadowRoot;
+};
+declare type Rect = {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
+declare type Offsets = {
+    y: number;
+    x: number;
+};
+declare type PositioningStrategy = "absolute" | "fixed";
+declare type StateRects = {
+    reference: Rect;
+    popper: Rect;
+};
+declare type OffsetData = {
+    [key in Placement]?: Offsets;
+};
+declare type State = {
+    elements: {
+        reference: Element | VirtualElement;
+        popper: HTMLElement;
+        arrow?: HTMLElement;
+    };
+    options: OptionsGeneric<any>;
+    placement: Placement;
+    strategy: PositioningStrategy;
+    orderedModifiers: Array<Modifier<any, any>>;
+    rects: StateRects;
+    scrollParents: {
+        reference: Array<Element | Window | VisualViewport>;
+        popper: Array<Element | Window | VisualViewport>;
+    };
+    styles: {
+        [key: string]: Partial<CSSStyleDeclaration>;
+    };
+    attributes: {
+        [key: string]: {
+            [key: string]: string | boolean;
+        };
+    };
+    modifiersData: {
+        arrow?: {
+            x?: number;
+            y?: number;
+            centerOffset: number;
+        };
+        hide?: {
+            isReferenceHidden: boolean;
+            hasPopperEscaped: boolean;
+            referenceClippingOffsets: SideObject;
+            popperEscapeOffsets: SideObject;
+        };
+        offset?: OffsetData;
+        preventOverflow?: Offsets;
+        popperOffsets?: Offsets;
+        [key: string]: any;
+    };
+    reset: boolean;
+};
+declare type SetAction<S> = S | ((prev: S) => S);
+declare type Instance = {
+    state: State;
+    destroy: () => void;
+    forceUpdate: () => void;
+    update: () => Promise<Partial<State>>;
+    setOptions: (setOptionsAction: SetAction<Partial<OptionsGeneric<any>>>) => Promise<Partial<State>>;
+};
+declare type ModifierArguments<Options extends Obj> = {
+    state: State;
+    instance: Instance;
+    options: Partial<Options>;
+    name: string;
+};
+declare type Modifier<Name, Options extends Obj> = {
+    name: Name;
+    enabled: boolean;
+    phase: ModifierPhases;
+    requires?: Array<string>;
+    requiresIfExists?: Array<string>;
+    fn: (arg0: ModifierArguments<Options>) => State | void;
+    effect?: (arg0: ModifierArguments<Options>) => (() => void) | void;
+    options?: Partial<Options>;
+    data?: Obj;
+};
+declare type Options = {
+    placement: Placement;
+    modifiers: Array<Partial<Modifier<any, any>>>;
+    strategy: PositioningStrategy;
+    onFirstUpdate?: (arg0: Partial<State>) => void;
+};
+declare type OptionsGeneric<TModifier> = {
+    placement: Placement;
+    modifiers: Array<TModifier>;
+    strategy: PositioningStrategy;
+    onFirstUpdate?: (arg0: Partial<State>) => void;
+};
+declare type SideObject = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+};
+declare type VirtualElement = {
+    getBoundingClientRect: () => ClientRect | DOMRect;
+    contextElement?: Element;
+};
+
+declare const createPopper: <TModifier extends Partial<Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<OptionsGeneric<TModifier>>) => Instance;
+
+declare type TriggerType = 'click' | 'double-click' | 'right-click' | 'hover' | 'focus';
+declare type Config = {
+    /**
+     * Whether to close the tooltip when its trigger is out of boundary
+     * @default false
+     */
+    closeOnTriggerHidden?: boolean;
+    /**
+     * Event or events that trigger the tooltip
+     * @default hover
+     */
+    trigger?: TriggerType | TriggerType[] | null;
+    /**
+     * Delay in hiding the tooltip (ms)
+     * @default 0
+     */
+    delayHide?: number;
+    /**
+     * Delay in showing the tooltip (ms)
+     * @default 0
+     */
+    delayShow?: number;
+    /**
+     * Whether to make the tooltip spawn at cursor position
+     * @default false
+     */
+    followCursor?: boolean;
+    /**
+     * Options to MutationObserver, used internally for updating
+     * tooltip position based on its DOM changes
+     * @default  { attributes: true, childList: true, subtree: true }
+     */
+    mutationObserverOptions?: MutationObserverInit | null;
+    /**
+     * Whether tooltip is shown by default
+     * @default false
+     */
+    defaultVisible?: boolean;
+    /**
+     * Used to create controlled tooltip
+     */
+    visible?: boolean;
+    /**
+     * Called when the visibility of the tooltip changes
+     */
+    onVisibleChange?: (state: boolean) => void;
+    /**
+     * If `true`, a click outside the trigger element closes the tooltip
+     * @default true
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * If `true`, hovering the tooltip will keep it open. Normally tooltip closes when the mouse cursor moves out of
+     * the trigger element. If it moves to the tooltip element, the tooltip stays open.
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * Alias for popper.js placement, see https://popper.js.org/docs/v2/constructors/#placement
+     */
+    placement?: Placement;
+    /**
+     * Shorthand for popper.js offset modifier, see https://popper.js.org/docs/v2/modifiers/offset/
+     * @default [0, 6]
+     */
+    offset?: [number, number];
+};
+declare type PopperOptions = Partial<Options> & {
+    createPopper?: typeof createPopper;
+};
+
 declare const TargetContainer: StyledComponent<{
     theme?: Theme;
     as?: React__default.ElementType;
@@ -742,6 +969,11 @@ interface WithTooltipPureProps extends Omit<Config, 'closeOnOutsideClick'>, Omit
      * @default false
      */
     closeOnOutsideClick?: boolean;
+    /**
+     * Optional container to portal the tooltip into. Can be a CSS selector string or a DOM Element.
+     * Falls back to document.body.
+     */
+    portalContainer?: Element | string | null;
 }
 interface WithTooltipStateProps extends Omit<WithTooltipPureProps, 'onVisibleChange'> {
     startOpen?: boolean;
@@ -750,7 +982,7 @@ interface WithTooltipStateProps extends Omit<WithTooltipPureProps, 'onVisibleCha
 
 declare const LazyWithTooltip: React__default.LazyExoticComponent<({ startOpen, onVisibleChange: onChange, ...rest }: WithTooltipStateProps) => React__default.JSX.Element>;
 declare const WithTooltip: (props: ComponentProps<typeof LazyWithTooltip>) => React__default.JSX.Element;
-declare const LazyWithTooltipPure: React__default.LazyExoticComponent<({ svg, trigger, closeOnOutsideClick, placement, modifiers, hasChrome, defaultVisible, withArrows, offset, tooltip, children, closeOnTriggerHidden, mutationObserverOptions, delayHide, visible, interactive, delayShow, strategy, followCursor, onVisibleChange, ...props }: WithTooltipPureProps) => React__default.JSX.Element>;
+declare const LazyWithTooltipPure: React__default.LazyExoticComponent<({ svg, trigger, closeOnOutsideClick, placement, modifiers, hasChrome, defaultVisible, withArrows, offset, tooltip, children, closeOnTriggerHidden, mutationObserverOptions, delayHide, visible, interactive, delayShow, strategy, followCursor, onVisibleChange, portalContainer, ...props }: WithTooltipPureProps) => React__default.JSX.Element>;
 declare const WithTooltipPure: (props: ComponentProps<typeof LazyWithTooltipPure>) => React__default.JSX.Element;
 
 interface TooltipMessageProps {