@homebound/beam 2.399.0 → 2.400.0

package/dist/index.d.cts

@@ -6872,6 +6872,8 @@ interface RadioGroupFieldProps<K extends string> extends Pick<PresentationFieldP
     helperText?: string | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
+    /** The group name for the radio group. Only for legacy pages with custom layouts - avoid using this. */
+    unsupportedNameHack?: string;
 }
 /**
  * Provides a radio group with label.
@@ -8312,12 +8314,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

@@ -6872,6 +6872,8 @@ interface RadioGroupFieldProps<K extends string> extends Pick<PresentationFieldP
     helperText?: string | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
+    /** The group name for the radio group. Only for legacy pages with custom layouts - avoid using this. */
+    unsupportedNameHack?: string;
 }
 /**
  * Provides a radio group with label.
@@ -8312,12 +8314,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
@@ -11458,17 +11458,28 @@ import { useRadioGroupState } from "react-stately";
 import { jsx as jsx68, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
 var nextNameId = 0;
 function RadioGroupField(props) {
-  const { label, labelStyle, value, onChange, options, disabled = false, errorMsg, helperText, ...otherProps } = props;
-  const name = useMemo18(() => `radio-group-${++nextNameId}`, []);
+  const {
+    label,
+    labelStyle,
+    value,
+    onChange,
+    options,
+    disabled = false,
+    errorMsg,
+    helperText,
+    unsupportedNameHack,
+    ...otherProps
+  } = props;
+  const groupName = useMemo18(() => unsupportedNameHack ?? `radio-group-${++nextNameId}`, [unsupportedNameHack]);
   const state = useRadioGroupState({
-    name,
+    name: groupName,
     value,
     onChange: (value2) => onChange(value2),
     isDisabled: disabled,
     isReadOnly: false
   });
   const tid = useTestIds(props, defaultTestId(label));
-  const { labelProps, radioGroupProps } = useRadioGroup({ label, isDisabled: disabled }, state);
+  const { labelProps, radioGroupProps } = useRadioGroup({ label, isDisabled: disabled, name: groupName }, state);
   return (
     // default styling to position `<Label />` above.
     /* @__PURE__ */ jsxs38("div", { css: Css.df.fdc.gap1.aifs.if(labelStyle === "left").fdr.gap2.jcsb.$, children: [
@@ -11482,7 +11493,7 @@ function RadioGroupField(props) {
             children: /* @__PURE__ */ jsx68(
               Radio,
               {
-                parentId: name,
+                parentId: groupName,
                 option,
                 state: { ...state, isDisabled },
                 ...otherProps,
@@ -11530,6 +11541,7 @@ function Radio(props) {
         disabled,
         "aria-labelledby": labelId,
         ...inputProps,
+        name: parentId,
         ...focusProps,
         ...others
       }