@homebound/beam 2.414.0 → 2.414.1

package/dist/index.d.cts

@@ -8198,10 +8198,6 @@ interface TooltipProps {
      * @default 0
      */
     delay?: number;
-    /** The delay time for the tooltip to disappear.
-     * @default 500
-     */
-    closeDelay?: number;
     disabled?: boolean;
     bgColor?: Palette;
     xss?: TooltipXss;

package/dist/index.d.ts

@@ -8198,10 +8198,6 @@ interface TooltipProps {
      * @default 0
      */
     delay?: number;
-    /** The delay time for the tooltip to disappear.
-     * @default 500
-     */
-    closeDelay?: number;
     disabled?: boolean;
     bgColor?: Palette;
     xss?: TooltipXss;

package/dist/index.js

@@ -4052,9 +4052,10 @@ import { createPortal } from "react-dom";
 import { usePopper } from "react-popper";
 import { useTooltipTriggerState } from "react-stately";
 import { Fragment, jsx as jsx2, jsxs } from "@emotion/react/jsx-runtime";
+var gapCrossingDelay = 100;
 function Tooltip(props) {
-  const { placement, children, title, disabled, delay = 0, closeDelay = 500, bgColor, xss } = props;
-  const state = useTooltipTriggerState({ delay, closeDelay, isDisabled: disabled });
+  const { placement, children, title, disabled, delay = 0, bgColor, xss } = props;
+  const state = useTooltipTriggerState({ delay, closeDelay: gapCrossingDelay, isDisabled: disabled });
   const triggerRef = useRef2(null);
   const { triggerProps, tooltipProps: _tooltipProps } = useTooltipTrigger({ isDisabled: disabled }, state, triggerRef);
   const { tooltipProps } = useTooltip(_tooltipProps, state);
@@ -4081,12 +4082,15 @@ function Tooltip(props) {
         content: title,
         placement,
         bgColor,
-        xss
+        xss,
+        onMouseEnter: () => state.open(true),
+        onMouseLeave: () => state.close()
       }
     )
   ] });
 }
-function Popper({ triggerRef, content, placement = "auto", xss, bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */ }) {
+function Popper(props) {
+  const { triggerRef, content, placement = "auto", xss, bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */, onMouseEnter, onMouseLeave } = props;
   const popperRef = useRef2(null);
   const [arrowRef, setArrowRef] = useState2(null);
   const targetElement = triggerRef.current ? triggerRef.current.children[0] ?? triggerRef.current.parentElement : null;
@@ -4104,6 +4108,8 @@ function Popper({ triggerRef, content, placement = "auto", xss, bgColor = "rgba(
         ref: popperRef,
         style: styles.popper,
         ...attributes.popper,
+        onMouseEnter,
+        onMouseLeave,
         css: {
           ...Css.maxw("320px").bgColor(bgColor).bshBasic.white.px1.py("4px").br4.xs.z(999999).$,
           ...xss