@redsift/popovers 11.1.3 → 11.2.0

package/index.d.ts

@@ -3,7 +3,9 @@ import { ValueOf, ButtonColor, Theme, ContainerProps, Comp, HeadingProps, IconPr
 import React$1, { Dispatch, SetStateAction, ReactNode, ComponentProps } from 'react';
 import * as _floating_ui_react from '@floating-ui/react';
 export { FloatingPortal, useMergeRefs } from '@floating-ui/react';
+import * as _floating_ui_react_dom from '@floating-ui/react-dom';
 import * as _floating_ui_core from '@floating-ui/core';
+import * as _floating_ui_utils from '@floating-ui/utils';
 import * as styled_components from 'styled-components';
 import { Theme as Theme$1, ClearWaitingQueueParams } from 'react-toastify';
 
@@ -21,39 +23,48 @@ declare function useDialog({ color, defaultOpen, hasCloseButton, initialFocus, i
     bodyRef: React$1.MutableRefObject<null>;
     actionsRef: React$1.MutableRefObject<null>;
     triggerClassName: string | undefined;
-    placement: _floating_ui_react.Placement;
-    strategy: _floating_ui_react.Strategy;
-    middlewareData: _floating_ui_react.MiddlewareData;
-    x: number | null;
-    y: number | null;
+    placement: _floating_ui_utils.Placement;
+    strategy: _floating_ui_utils.Strategy;
+    middlewareData: _floating_ui_core.MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: _floating_ui_react.ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
+    floatingStyles: React$1.CSSProperties;
+    refs: {
+        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
+        floating: React$1.MutableRefObject<HTMLElement | null>;
+        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
+    elements: {
+        reference: _floating_ui_react_dom.ReferenceType | null;
+        floating: HTMLElement | null;
+    } & _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
-        placement: _floating_ui_react.Placement;
-        strategy: _floating_ui_react.Strategy;
-        middlewareData: _floating_ui_react.MiddlewareData;
-        update: () => void;
-        reference: (node: _floating_ui_react.ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
+        x: number;
+        y: number;
+        placement: _floating_ui_utils.Placement;
+        strategy: _floating_ui_utils.Strategy;
+        middlewareData: _floating_ui_core.MiddlewareData;
         isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React$1.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
         events: _floating_ui_react.FloatingEvents;
         dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
         nodeId: string | undefined;
+        floatingId: string | undefined;
         refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
         elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     };
-    refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
-    elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
-    isPositioned: boolean;
     getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
     color: string | undefined;
     isOpen: boolean | undefined;
     handleOpen: (collapsed: boolean) => void;
@@ -246,39 +257,48 @@ declare const useDialogContext: () => {
     bodyRef: React$1.MutableRefObject<null>;
     actionsRef: React$1.MutableRefObject<null>;
     triggerClassName: string | undefined;
-    placement: _floating_ui_core.Placement;
-    strategy: _floating_ui_core.Strategy;
+    placement: _floating_ui_utils.Placement;
+    strategy: _floating_ui_utils.Strategy;
     middlewareData: _floating_ui_core.MiddlewareData;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: _floating_ui_react.ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
+    floatingStyles: React$1.CSSProperties;
+    refs: {
+        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
+        floating: React$1.MutableRefObject<HTMLElement | null>;
+        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
+    elements: {
+        reference: _floating_ui_react_dom.ReferenceType | null;
+        floating: HTMLElement | null;
+    } & _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
-        placement: _floating_ui_core.Placement;
-        strategy: _floating_ui_core.Strategy;
+        x: number;
+        y: number;
+        placement: _floating_ui_utils.Placement;
+        strategy: _floating_ui_utils.Strategy;
         middlewareData: _floating_ui_core.MiddlewareData;
-        update: () => void;
-        reference: (node: _floating_ui_react.ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
         isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React$1.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
         events: _floating_ui_react.FloatingEvents;
         dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
         nodeId: string | undefined;
+        floatingId: string | undefined;
         refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
         elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     };
-    refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
-    elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
-    isPositioned: boolean;
     getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
     color: string | undefined;
     isOpen: boolean | undefined;
     handleOpen: (collapsed: boolean) => void;
@@ -293,39 +313,48 @@ declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen,
     triggerClassName: string | undefined;
     setHideInsteadOfClose: React$1.Dispatch<React$1.SetStateAction<boolean>> | undefined;
     hideInsteadOfClose: boolean | undefined;
-    placement: _floating_ui_react.Placement;
-    strategy: _floating_ui_react.Strategy;
-    middlewareData: _floating_ui_react.MiddlewareData;
-    x: number | null;
-    y: number | null;
+    placement: _floating_ui_utils.Placement;
+    strategy: _floating_ui_utils.Strategy;
+    middlewareData: _floating_ui_core.MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: _floating_ui_react.ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
+    floatingStyles: React$1.CSSProperties;
+    refs: {
+        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
+        floating: React$1.MutableRefObject<HTMLElement | null>;
+        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
+    elements: {
+        reference: _floating_ui_react_dom.ReferenceType | null;
+        floating: HTMLElement | null;
+    } & _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
-        placement: _floating_ui_react.Placement;
-        strategy: _floating_ui_react.Strategy;
-        middlewareData: _floating_ui_react.MiddlewareData;
-        update: () => void;
-        reference: (node: _floating_ui_react.ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
+        x: number;
+        y: number;
+        placement: _floating_ui_utils.Placement;
+        strategy: _floating_ui_utils.Strategy;
+        middlewareData: _floating_ui_core.MiddlewareData;
         isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React$1.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
         events: _floating_ui_react.FloatingEvents;
         dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
         nodeId: string | undefined;
+        floatingId: string | undefined;
         refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
         elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     };
-    refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
-    elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
-    isPositioned: boolean;
     getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
     color: string | undefined;
     isOpen: boolean | undefined;
     handleOpen: (collapsed: boolean) => void;
@@ -464,39 +493,48 @@ declare const usePopoverContext: () => {
     triggerClassName: string | undefined;
     setHideInsteadOfClose: React$1.Dispatch<React$1.SetStateAction<boolean>> | undefined;
     hideInsteadOfClose: boolean | undefined;
-    placement: _floating_ui_core.Placement;
-    strategy: _floating_ui_core.Strategy;
+    placement: _floating_ui_utils.Placement;
+    strategy: _floating_ui_utils.Strategy;
     middlewareData: _floating_ui_core.MiddlewareData;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: _floating_ui_react.ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
+    floatingStyles: React$1.CSSProperties;
+    refs: {
+        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
+        floating: React$1.MutableRefObject<HTMLElement | null>;
+        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
+    elements: {
+        reference: _floating_ui_react_dom.ReferenceType | null;
+        floating: HTMLElement | null;
+    } & _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
-        placement: _floating_ui_core.Placement;
-        strategy: _floating_ui_core.Strategy;
+        x: number;
+        y: number;
+        placement: _floating_ui_utils.Placement;
+        strategy: _floating_ui_utils.Strategy;
         middlewareData: _floating_ui_core.MiddlewareData;
-        update: () => void;
-        reference: (node: _floating_ui_react.ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
         isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React$1.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
         events: _floating_ui_react.FloatingEvents;
         dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
         nodeId: string | undefined;
+        floatingId: string | undefined;
         refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
         elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     };
-    refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
-    elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
-    isPositioned: boolean;
     getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
     color: string | undefined;
     isOpen: boolean | undefined;
     handleOpen: (collapsed: boolean) => void;
@@ -662,39 +700,48 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
     arrowRef: React$1.MutableRefObject<null>;
     tooltipId: string;
     triggerClassName: string | undefined;
-    placement: _floating_ui_react.Placement;
-    strategy: _floating_ui_react.Strategy;
-    middlewareData: _floating_ui_react.MiddlewareData;
-    x: number | null;
-    y: number | null;
+    placement: _floating_ui_utils.Placement;
+    strategy: _floating_ui_utils.Strategy;
+    middlewareData: _floating_ui_core.MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: _floating_ui_react.ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
+    floatingStyles: React$1.CSSProperties;
+    refs: {
+        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
+        floating: React$1.MutableRefObject<HTMLElement | null>;
+        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
+    elements: {
+        reference: _floating_ui_react_dom.ReferenceType | null;
+        floating: HTMLElement | null;
+    } & _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
-        placement: _floating_ui_react.Placement;
-        strategy: _floating_ui_react.Strategy;
-        middlewareData: _floating_ui_react.MiddlewareData;
-        update: () => void;
-        reference: (node: _floating_ui_react.ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
+        x: number;
+        y: number;
+        placement: _floating_ui_utils.Placement;
+        strategy: _floating_ui_utils.Strategy;
+        middlewareData: _floating_ui_core.MiddlewareData;
         isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React$1.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
         events: _floating_ui_react.FloatingEvents;
         dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
         nodeId: string | undefined;
+        floatingId: string | undefined;
         refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
         elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     };
-    refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
-    elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
-    isPositioned: boolean;
     getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
     color: string | undefined;
     isOpen: boolean | undefined;
     handleOpen: (collapsed: boolean) => void;
@@ -741,7 +788,7 @@ interface TooltipProps {
     /** Delay time (in ms) for the tooltip to show up. */
     delay?: number;
     /** Default placement of the tooltip. */
-    placement?: TooltipPlacement;
+    placement?: TooltipPlacement | 'client-point';
     /**
      * Whether the component is opened or not.
      * Used for controlled version.
@@ -781,39 +828,48 @@ declare const useTooltipContext: () => {
     arrowRef: React$1.MutableRefObject<null>;
     tooltipId: string;
     triggerClassName: string | undefined;
-    placement: _floating_ui_core.Placement;
-    strategy: _floating_ui_core.Strategy;
+    placement: _floating_ui_utils.Placement;
+    strategy: _floating_ui_utils.Strategy;
     middlewareData: _floating_ui_core.MiddlewareData;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: _floating_ui_react.ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
+    floatingStyles: React$1.CSSProperties;
+    refs: {
+        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
+        floating: React$1.MutableRefObject<HTMLElement | null>;
+        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
+    elements: {
+        reference: _floating_ui_react_dom.ReferenceType | null;
+        floating: HTMLElement | null;
+    } & _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
-        placement: _floating_ui_core.Placement;
-        strategy: _floating_ui_core.Strategy;
+        x: number;
+        y: number;
+        placement: _floating_ui_utils.Placement;
+        strategy: _floating_ui_utils.Strategy;
         middlewareData: _floating_ui_core.MiddlewareData;
-        update: () => void;
-        reference: (node: _floating_ui_react.ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
         isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React$1.CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
         events: _floating_ui_react.FloatingEvents;
         dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
         nodeId: string | undefined;
+        floatingId: string | undefined;
         refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
         elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
     };
-    refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
-    elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
-    isPositioned: boolean;
     getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
     color: string | undefined;
     isOpen: boolean | undefined;
     handleOpen: (collapsed: boolean) => void;

package/index.js

@@ -1,6 +1,6 @@
 import { baseContainer, Theme, useBoundingClientRect, baseStyling, baseFlexbox, useId, Skeleton, Heading, Icon, AppContainerContext, useTheme, useMessageFormatter, partitionComponents, isComponent, IconButton, ThemeProvider as ThemeProvider$1, Flexbox, Text, RedsiftTypographyFontWeightSemiBold, Spinner, NotificationsColorPalette, ButtonLink, Button, IconButtonLink, LinkButton, Link } from '@redsift/design-system';
 import React, { forwardRef, useContext, useRef, useState, useEffect, useCallback } from 'react';
-import { FloatingOverlay, useMergeRefs, useTransitionStyles, FloatingPortal, FloatingFocusManager, useFloating, useDismiss, useRole, useInteractions, offset, flip, shift, size, autoUpdate, arrow, useHover, safePolygon, useFocus } from '@floating-ui/react';
+import { FloatingOverlay, useMergeRefs, useTransitionStyles, FloatingPortal, FloatingFocusManager, useFloating, useDismiss, useRole, useInteractions, offset, flip, shift, size, autoUpdate, arrow, useClientPoint, useHover, safePolygon, useFocus } from '@floating-ui/react';
 export { FloatingPortal, useMergeRefs } from '@floating-ui/react';
 import classNames from 'classnames';
 import styled, { css } from 'styled-components';
@@ -2489,7 +2489,7 @@ function useTooltip(_ref) {
     }
   }, [onOpen]);
   const data = useFloating({
-    placement,
+    placement: placement === 'client-point' ? 'left' : placement,
     open: isOpen,
     onOpenChange: handleOpen,
     whileElementsMounted: autoUpdate,
@@ -2502,6 +2502,9 @@ function useTooltip(_ref) {
     })]
   });
   const context = data.context;
+  const clientPoint = useClientPoint(context, {
+    enabled: placement === 'client-point'
+  });
   const hover = useHover(context, {
     move: false,
     delay: {
@@ -2515,7 +2518,7 @@ function useTooltip(_ref) {
   const role = useRole(context, {
     role: 'tooltip'
   });
-  const interactions = useInteractions([hover, focus, dismiss, role]);
+  const interactions = useInteractions([hover, focus, dismiss, role, clientPoint]);
   return React.useMemo(() => _objectSpread2(_objectSpread2(_objectSpread2({
     color,
     isOpen,