@carbon/react 1.77.0-rc.0 → 1.78.0-rc.0

package/es/components/Text/TextDirection.js

@@ -7,9 +7,10 @@
 
 import PropTypes from 'prop-types';
 import React__default, { useRef, useMemo, useEffect } from 'react';
+import './index.js';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
-function TextDirection(_ref) {
+const TextDirection = _ref => {
   let {
     children,
     dir = 'auto',
@@ -24,11 +25,13 @@ function TextDirection(_ref) {
   }, [dir]);
   useEffect(() => {
     savedCallback.current = getTextDirection;
+    // TODO: Is this `useEffect` supposed to have a dependency on
+    // `getTextDirection`?
   });
   return /*#__PURE__*/React__default.createElement(TextDirectionContext.Provider, {
     value: value
   }, children);
-}
+};
 TextDirection.propTypes = {
   /**
    * Provide children to be rendered inside of this component

package/es/components/Text/TextDirectionContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2016, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { type MutableRefObject } from 'react';
+export type TextDir = 'ltr' | 'rtl' | 'auto' | string;
+export type GetTextDirection = (text: string | string[] | undefined) => TextDir;
+export interface TextDirectionContextType {
+    direction: TextDir;
+    getTextDirection: MutableRefObject<GetTextDirection | undefined>;
+}
+export declare const TextDirectionContext: import("react").Context<TextDirectionContextType>;

package/es/components/Text/TextDirectionContext.js

@@ -7,7 +7,11 @@
 
 import { createContext } from 'react';
 
-/** @type any */
-const TextDirectionContext = /*#__PURE__*/createContext(null);
+const TextDirectionContext = /*#__PURE__*/createContext({
+  direction: 'auto',
+  getTextDirection: {
+    current: undefined
+  }
+});
 
 export { TextDirectionContext };

package/es/components/Text/createTextComponent.d.ts

@@ -1,18 +1,18 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { TextProps } from './Text';
+import { type ElementType } from 'react';
+import { TextProps } from '.';
 /**
  * Create a text component wrapper for a given text node type. Useful for
  * returning a `Text` component for a text node like a `<label>`.
  * @param {string} element
  * @param {string} displayName
  */
-export declare function createTextComponent(element: React.ElementType, displayName: string): {
-    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
+export declare const createTextComponent: (element: ElementType, displayName: string) => {
+    (props: TextProps<ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/es/components/Text/createTextComponent.js

@@ -7,6 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
+import './index.js';
 import { Text } from './Text.js';
 
 /**
@@ -15,16 +16,16 @@ import { Text } from './Text.js';
  * @param {string} element
  * @param {string} displayName
  */
-function createTextComponent(element, displayName) {
-  function TextWrapper(props) {
+const createTextComponent = (element, displayName) => {
+  const TextWrapper = props => {
     return /*#__PURE__*/React__default.createElement(Text, _extends({
       as: element
     }, props));
-  }
+  };
   if (process.env.NODE_ENV !== "production") {
     TextWrapper.displayName = displayName;
   }
   return TextWrapper;
-}
+};
 
 export { createTextComponent };

package/es/components/Text/index.d.ts

@@ -1,18 +1,17 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { TextDirection, TextDirectionProps, GetTextDirection, TextDir } from './TextDirection';
-import { Text, TextBaseProps, TextProps } from './Text';
-export { TextDirection, Text };
-export type { TextBaseProps, TextProps, TextDirectionProps, GetTextDirection, TextDir, };
+export * from './Text';
+export * from './TextDirection';
+export * from './TextDirectionContext';
 export declare const Label: {
-    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
+    (props: import("./Text").TextProps<import("react").ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Legend: {
-    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
+    (props: import("./Text").TextProps<import("react").ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/es/components/Text/index.js

@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { TextDirection } from './TextDirection.js';
-export { Text } from './Text.js';
 import { createTextComponent } from './createTextComponent.js';
+export { Text } from './Text.js';
+export { TextDirection } from './TextDirection.js';
+import 'react';
 
 createTextComponent('label', 'Label');
 const Legend = createTextComponent('legend', 'Legend');

package/es/components/Tile/Tile.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2019, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent, type ComponentType } from 'react';
 export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;

package/es/components/Tile/Tile.js

@@ -20,8 +20,8 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { useId } from '../../internal/useId.js';
 import '../Text/index.js';
-import { Text } from '../Text/Text.js';
 import { matches } from '../../internal/keyboard/match.js';
+import { Text } from '../Text/Text.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
@@ -239,9 +239,7 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
     [`${prefix}--tile--decorator`]: decorator,
     [`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
   }, className);
-
-  // TODO: rename to handleClick when handleClick prop is deprecated
-  function handleOnClick(evt) {
+  function handleClick(evt) {
     evt.preventDefault();
     evt?.persist?.();
     if (normalizedDecorator && decoratorRef.current && decoratorRef.current.contains(evt.target)) {
@@ -251,9 +249,7 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
     clickHandler(evt);
     onChange(evt, isSelected, id);
   }
-
-  // TODO: rename to handleKeyDown when handleKeyDown prop is deprecated
-  function handleOnKeyDown(evt) {
+  function handleKeyDown(evt) {
     evt?.persist?.();
     if (matches(evt, [Enter, Space])) {
       evt.preventDefault();
@@ -285,10 +281,10 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
     React__default.createElement("div", _extends({
       className: classes,
-      onClick: !disabled ? handleOnClick : undefined,
+      onClick: !disabled ? handleClick : undefined,
       role: "checkbox",
       "aria-checked": isSelected,
-      onKeyDown: !disabled ? handleOnKeyDown : undefined
+      onKeyDown: !disabled ? handleKeyDown : undefined
       // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
       ,
       tabIndex: !disabled ? tabIndex : undefined,

package/es/components/Toggletip/index.d.ts

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 import React, { type ElementType, type ReactNode } from 'react';
 import { type PopoverAlignment } from '../Popover';
 import { PolymorphicProps } from '../../types/common';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 type ToggletipLabelProps<E extends ElementType> = {
     as?: E;
     children?: ReactNode;
@@ -35,15 +36,15 @@ export declare namespace ToggletipLabel {
         className: PropTypes.Requireable<string>;
     };
 }
-export interface ToggletipProps<E extends ElementType> {
+export interface ToggletipBaseProps {
     align?: PopoverAlignment;
     alignmentAxisOffset?: number;
-    as?: E;
     autoAlign?: boolean;
     className?: string;
     children?: ReactNode;
     defaultOpen?: boolean;
 }
+export type ToggletipProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, ToggletipBaseProps>;
 /**
  * Used as a container for the button and content of a toggletip. This component
  * is responsible for coordinating between interactions with the button and the

package/es/components/Tooltip/DefinitionTooltip.d.ts

@@ -11,6 +11,10 @@ export interface DefinitionTooltipProps extends Omit<React.ButtonHTMLAttributes<
      * Specify how the trigger should align with the tooltip
      */
     align?: PopoverAlignment;
+    /**
+     * Will auto-align Definition Tooltip. This prop is currently experimental and is subject to future changes.
+     */
+    autoAlign?: boolean;
     /**
      * The `children` prop will be used as the value that is being defined
      */

package/es/components/Tooltip/DefinitionTooltip.js

@@ -18,7 +18,8 @@ import { Escape } from '../../internal/keyboard/keys.js';
 
 const DefinitionTooltip = _ref => {
   let {
-    align = 'bottom-start',
+    align = 'bottom',
+    autoAlign,
     className,
     children,
     definition,
@@ -41,6 +42,7 @@ const DefinitionTooltip = _ref => {
   return /*#__PURE__*/React__default.createElement(Popover, {
     align: align,
     className: className,
+    autoAlign: autoAlign,
     dropShadow: false,
     highContrast: true,
     onMouseLeave: () => {
@@ -98,6 +100,10 @@ DefinitionTooltip.propTypes = {
 
   // new values to match floating-ui
   'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
+  /**
+   * Will auto-align the popover. This prop is currently experimental and is subject to future changes.
+   */
+  autoAlign: PropTypes.bool,
   /**
    * The `children` prop will be used as the value that is being defined
    */

package/es/components/Tooltip/Tooltip.d.ts

@@ -4,10 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import PropTypes from 'prop-types';
 import React from 'react';
-import { PopoverAlignment } from '../Popover';
-import { type PolymorphicProps } from '../../types/common';
+import { Popover, PopoverAlignment } from '../Popover';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 interface TooltipBaseProps {
     /**
      * Specify how the trigger should align with the tooltip
@@ -67,67 +66,7 @@ interface TooltipBaseProps {
      */
     leaveDelayMs?: number;
 }
-export type TooltipProps<T extends React.ElementType> = PolymorphicProps<T, TooltipBaseProps>;
-declare function Tooltip<T extends React.ElementType>({ align, className: customClassName, children, label, description, enterDelayMs, leaveDelayMs, defaultOpen, closeOnActivation, dropShadow, highContrast, ...rest }: TooltipProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace Tooltip {
-    var propTypes: {
-        /**
-         * Specify how the trigger should align with the tooltip
-         */
-        align: PropTypes.Requireable<string>;
-        /**
-         * Pass in the child to which the tooltip will be applied
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify an optional className to be applied to the container node
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
-         */
-        closeOnActivation: PropTypes.Requireable<boolean>;
-        /**
-         * Specify whether the tooltip should be open when it first renders
-         */
-        defaultOpen: PropTypes.Requireable<boolean>;
-        /**
-         * Provide the description to be rendered inside of the Tooltip. The
-         * description will use `aria-describedby` and will describe the child node
-         * in addition to the text rendered inside of the child. This means that if you
-         * have text in the child node, that it will be announced alongside the
-         * description to the screen reader.
-         *
-         * Note: if label and description are both provided, label will be used and
-         * description will not be used
-         */
-        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify whether a drop shadow should be rendered
-         */
-        dropShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Specify the duration in milliseconds to delay before displaying the tooltip
-         */
-        enterDelayMs: PropTypes.Requireable<number>;
-        /**
-         * Render the component using the high-contrast theme
-         */
-        highContrast: PropTypes.Requireable<boolean>;
-        /**
-         * Provide the label to be rendered inside of the Tooltip. The label will use
-         * `aria-labelledby` and will fully describe the child node that is provided.
-         * This means that if you have text in the child node, that it will not be
-         * announced to the screen reader.
-         *
-         * Note: if label and description are both provided, description will not be
-         * used
-         */
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify the duration in milliseconds to delay before hiding the tooltip
-         */
-        leaveDelayMs: PropTypes.Requireable<number>;
-    };
-}
+export type TooltipProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, TooltipBaseProps>;
+type TooltipComponent = <T extends React.ElementType = typeof Popover>(props: TooltipProps<T>) => React.ReactElement | any;
+declare const Tooltip: TooltipComponent;
 export { Tooltip };

package/es/components/Tooltip/Tooltip.js

@@ -22,8 +22,9 @@ import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
  * Event types that trigger a "drag" to stop.
  */
 const DRAG_STOP_EVENT_TYPES = new Set(['mouseup', 'touchend', 'touchcancel']);
-function Tooltip(_ref) {
+const Tooltip = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   let {
+    as,
     align = 'top',
     className: customClassName,
     children,
@@ -150,31 +151,30 @@ function Tooltip(_ref) {
       });
     };
   }, [isDragging, onDragStop]);
-  return (
-    /*#__PURE__*/
-    // @ts-ignore-error Popover throws a TS error everytime is imported
-    React__default.createElement(Popover, _extends({}, rest, {
-      align: align,
-      className: cx(`${prefix}--tooltip`, customClassName),
-      dropShadow: dropShadow,
-      highContrast: highContrast,
-      onKeyDown: onKeyDown,
-      onMouseLeave: onMouseLeave,
-      open: open
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: `${prefix}--tooltip-trigger__wrapper`
-    }, child !== undefined ? /*#__PURE__*/React__default.cloneElement(child, {
-      ...triggerProps,
-      ...getChildEventHandlers(child.props)
-    }) : null), /*#__PURE__*/React__default.createElement(PopoverContent, {
-      "aria-hidden": open ? 'false' : 'true',
-      className: `${prefix}--tooltip-content`,
-      id: id,
-      onMouseEnter: onMouseEnter,
-      role: "tooltip"
-    }, label || description))
-  );
-}
+  return /*#__PURE__*/React__default.createElement(Popover, _extends({
+    as: as,
+    ref: ref
+  }, rest, {
+    align: align,
+    className: cx(`${prefix}--tooltip`, customClassName),
+    dropShadow: dropShadow,
+    highContrast: highContrast,
+    onKeyDown: onKeyDown,
+    onMouseLeave: onMouseLeave,
+    open: open
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--tooltip-trigger__wrapper`
+  }, child !== undefined ? /*#__PURE__*/React__default.cloneElement(child, {
+    ...triggerProps,
+    ...getChildEventHandlers(child.props)
+  }) : null), /*#__PURE__*/React__default.createElement(PopoverContent, {
+    "aria-hidden": open ? 'false' : 'true',
+    className: `${prefix}--tooltip-content`,
+    id: id,
+    onMouseEnter: onMouseEnter,
+    role: "tooltip"
+  }, label || description));
+});
 Tooltip.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip

package/es/components/UIShell/HeaderGlobalAction.d.ts

@@ -37,6 +37,15 @@ export interface HeaderGlobalActionProps {
      * Can be one of: start, center, or end.
      */
     tooltipAlignment?: 'start' | 'center' | 'end';
+    /**
+     * Enable drop shadow for tooltips for icon-only buttons.
+     */
+    tooltipDropShadow?: boolean;
+    /**
+     * Render the tooltip using the high-contrast theme
+     * Default is true
+     */
+    tooltipHighContrast?: boolean;
 }
 /**
  * HeaderGlobalAction is used as a part of the `HeaderGlobalBar`. It is

package/es/components/UIShell/HeaderGlobalAction.js

@@ -29,6 +29,8 @@ const HeaderGlobalAction = /*#__PURE__*/React__default.forwardRef(function Heade
     children,
     className: customClassName,
     onClick,
+    tooltipHighContrast = true,
+    tooltipDropShadow,
     isActive,
     tooltipAlignment,
     ...rest
@@ -48,9 +50,13 @@ const HeaderGlobalAction = /*#__PURE__*/React__default.forwardRef(function Heade
     onClick: onClick,
     type: "button",
     hasIconOnly: true,
+    size: "lg",
+    kind: "ghost",
     iconDescription: ariaLabel,
     tooltipPosition: "bottom",
     tooltipAlignment: tooltipAlignment,
+    tooltipDropShadow: tooltipDropShadow,
+    tooltipHighContrast: tooltipHighContrast,
     ref: ref
   }), children);
 });
@@ -81,7 +87,16 @@ HeaderGlobalAction.propTypes = {
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
-  tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end'])
+  tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end']),
+  /**
+   * Enable drop shadow for tooltips for icon-only buttons.
+   */
+  tooltipDropShadow: PropTypes.bool,
+  /**
+   * Render the tooltip using the high-contrast theme
+   * Default is true
+   */
+  tooltipHighContrast: PropTypes.bool
 };
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
 

package/es/index.d.ts

@@ -117,6 +117,8 @@ export { PageSelector as unstable_PageSelector, Pagination as unstable_Paginatio
 export * from './components/Popover';
 export * from './components/ProgressBar';
 export { AILabel, AILabelContent, AILabelActions } from './components/AILabel';
+export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';
+export { ShapeIndicator as unstable__ShapeIndicator } from './components/ShapeIndicator';
 export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AILabelActions as unstable__SlugActions, } from './components/AILabel';
 export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
 export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
@@ -224,6 +226,7 @@ export type { RowProps } from './components/Grid/Row';
 export type { SectionProps } from './components/Heading/index';
 export type { IconSkeletonProps } from './components/Icon/Icon.Skeleton';
 export type { IconButtonProps } from './components/IconButton/index';
+export type { IconIndicatorProps } from './components/IconIndicator/index';
 export type { IdPrefixProps } from './components/IdPrefix/index';
 export type { InlineCheckboxProps } from './components/InlineCheckbox';
 export type { InlineLoadingProps } from './components/InlineLoading/InlineLoading';
@@ -282,6 +285,7 @@ export type { SelectProps } from './components/Select/Select';
 export type { SelectSkeletonProps } from './components/Select/Select.Skeleton';
 export type { SelectItemProps } from './components/SelectItem/SelectItem';
 export type { SelectItemGroupProps } from './components/SelectItemGroup/SelectItemGroup';
+export type { ShapeIndicatorProps } from './components/ShapeIndicator/index';
 export type { SkeletonIconProps } from './components/SkeletonIcon/SkeletonIcon';
 export type { SkeletonPlaceholderProps } from './components/SkeletonPlaceholder/SkeletonPlaceholder';
 export type { SkeletonTextProps } from './components/SkeletonText/SkeletonText';
@@ -367,4 +371,3 @@ export type { BaseSwitcherProps } from './components/UIShell/Switcher';
 export type { SwitcherDividerProps } from './components/UIShell/SwitcherDivider';
 export type { SwitcherItemProps } from './components/UIShell/SwitcherItem';
 export type { UnorderedListProps } from './components/UnorderedList/UnorderedList';
-export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';

package/es/index.js

@@ -190,6 +190,8 @@ export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/Overflow
 export { Popover, PopoverContent } from './components/Popover/index.js';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { AILabel, AILabelActions, AILabelContent, AILabel as unstable__Slug, AILabelActions as unstable__SlugActions, AILabelContent as unstable__SlugContent } from './components/AILabel/index.js';
+export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator/index.js';
+export { ShapeIndicator as unstable__ShapeIndicator } from './components/ShapeIndicator/index.js';
 export { default as unstable__ChatButton } from './components/ChatButton/ChatButton.js';
 export { default as unstable__ChatButtonSkeleton } from './components/ChatButton/ChatButton.Skeleton.js';
 export { default as AISkeletonPlaceholder, default as unstable__AiSkeletonPlaceholder } from './components/AISkeleton/AISkeletonPlaceholder.js';
@@ -201,7 +203,6 @@ import './components/Text/index.js';
 export { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme } from './components/Theme/index.js';
 export { PrefixContext, usePrefix } from './internal/usePrefix.js';
 export { useIdPrefix } from './internal/useIdPrefix.js';
-export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator/index.js';
 export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';

package/es/internal/FloatingMenu.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Copyright IBM Corp. 2016, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { type CSSProperties, type ReactElement, type RefObject } from 'react';
+export declare const DIRECTION_LEFT = "left";
+export declare const DIRECTION_TOP = "top";
+export declare const DIRECTION_RIGHT = "right";
+export declare const DIRECTION_BOTTOM = "bottom";
+export interface Offset {
+    top?: number;
+    left?: number;
+}
+interface Container {
+    rect: DOMRect;
+    position: string;
+}
+export type MenuDirection = typeof DIRECTION_LEFT | typeof DIRECTION_TOP | typeof DIRECTION_RIGHT | typeof DIRECTION_BOTTOM;
+export type MenuOffset = Offset | ((menuBody: HTMLElement, menuDirection: MenuDirection, triggerEl?: HTMLElement | null, flipped?: boolean) => Offset);
+interface FloatingMenuProps {
+    /**
+     * Contents of the floating menu.
+     */
+    children: ReactElement;
+    /**
+     * Whether the menu alignment should be flipped.
+     */
+    flipped?: boolean;
+    /**
+     * Enable or disable focus trap behavior.
+     */
+    focusTrap?: boolean;
+    /**
+     * Where to put the menu relative to the trigger.
+     */
+    menuDirection?: MenuDirection;
+    /**
+     * The adjustment of the floating menu's position.
+     */
+    menuOffset?: MenuOffset;
+    /**
+     * Callback when the menu body is mounted/unmounted.
+     */
+    menuRef?: (menuBody: HTMLElement | null) => void;
+    /**
+     * Callback when the menu body has been placed.
+     */
+    onPlace?: (menuBody: HTMLElement) => void;
+    /**
+     * CSS selector for the element to focus when the menu opens.
+     */
+    selectorPrimaryFocus?: string;
+    /**
+     * Additional styles to apply to the menu.
+     */
+    styles?: CSSProperties;
+    /**
+     * Function returning the element where the floating menu is rendered.
+     * @default () => document.body
+     */
+    target?: () => Element;
+    /**
+     * The `ref` of the tooltip’s trigger element. It is assumed to be a
+     * `RefObject` pointing to an `HTMLElement`.
+     */
+    triggerRef: RefObject<HTMLElement>;
+    /**
+     * Optional function to adjust orientation
+     */
+    updateOrientation?: (params: {
+        menuSize: DOMRect;
+        refPosition: DOMRect | undefined;
+        direction: string;
+        offset: Offset;
+        scrollX: number;
+        scrollY: number;
+        container: Container;
+    }) => void;
+}
+export declare const FloatingMenu: ({ children, flipped, focusTrap, menuDirection, menuOffset, menuRef: externalMenuRef, onPlace, selectorPrimaryFocus, styles, target, triggerRef, updateOrientation, }: FloatingMenuProps) => any;
+export {};