@homebound/beam 2.399.0 → 2.399.1

package/dist/index.d.cts

@@ -8312,12 +8312,23 @@ interface UseToastProps {
 declare function useToast(): UseToastProps;
 
 type TooltipXss = Xss<Padding | "borderRadius">;
+/** Note: Only 1 tooltip is ever on screen at a time */
 interface TooltipProps {
     /** The content that shows up when hovered */
     title: ReactNode;
     children: ReactNode;
     placement?: Placement;
+    /**
+     * The delay for the tooltip to appear.
+     *
+     * Note: If tooltip `A` is still showing when tooltip `B` is triggered, tooltip `B`'s `delay` property will be ignored and it will render immediately.
+     * @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

@@ -8312,12 +8312,23 @@ interface UseToastProps {
 declare function useToast(): UseToastProps;
 
 type TooltipXss = Xss<Padding | "borderRadius">;
+/** Note: Only 1 tooltip is ever on screen at a time */
 interface TooltipProps {
     /** The content that shows up when hovered */
     title: ReactNode;
     children: ReactNode;
     placement?: Placement;
+    /**
+     * The delay for the tooltip to appear.
+     *
+     * Note: If tooltip `A` is still showing when tooltip `B` is triggered, tooltip `B`'s `delay` property will be ignored and it will render immediately.
+     * @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

@@ -4169,8 +4169,8 @@ import { usePopper } from "react-popper";
 import { useTooltipTriggerState } from "react-stately";
 import { Fragment, jsx as jsx2, jsxs } from "@emotion/react/jsx-runtime";
 function Tooltip(props) {
-  const { placement, children, title, disabled, delay = 0, bgColor, xss } = props;
-  const state = useTooltipTriggerState({ delay, isDisabled: disabled });
+  const { placement, children, title, disabled, delay = 0, closeDelay = 500, bgColor, xss } = props;
+  const state = useTooltipTriggerState({ delay, closeDelay, isDisabled: disabled });
   const triggerRef = useRef2(null);
   const { triggerProps, tooltipProps: _tooltipProps } = useTooltipTrigger({ isDisabled: disabled }, state, triggerRef);
   const { tooltipProps } = useTooltip(_tooltipProps, state);
@@ -4183,7 +4183,7 @@ function Tooltip(props) {
         ...triggerProps,
         ...!state.isOpen && typeof title === "string" ? { title } : {},
         ...tid,
-        css: Css.display("contents").addIn(":active", Css.add("pointerEvents", "none").$).$,
+        css: Css.display("contents").addIn(":active:not(:has(a))", Css.add("pointerEvents", "none").$).$,
         draggable: true,
         onDragStart: (e) => e.preventDefault(),
         children