@homebound/beam 2.415.3 → 2.415.5

package/dist/index.cjs

@@ -4467,7 +4467,16 @@ function Tooltip(props) {
   ] });
 }
 function Popper(props) {
-  const { triggerRef, content, placement = "auto", xss, bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */, onMouseEnter, onMouseLeave } = props;
+  const {
+    triggerRef,
+    content,
+    placement = "auto",
+    xss,
+    bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */,
+    onMouseEnter,
+    onMouseLeave,
+    ...ariaProps
+  } = props;
   const popperRef = (0, import_react3.useRef)(null);
   const [arrowRef, setArrowRef] = (0, import_react3.useState)(null);
   const targetElement = triggerRef.current ? triggerRef.current.children[0] ?? triggerRef.current.parentElement : null;
@@ -4485,6 +4494,7 @@ function Popper(props) {
         ref: popperRef,
         style: styles.popper,
         ...attributes.popper,
+        ...ariaProps,
         onMouseEnter,
         onMouseLeave,
         css: {
@@ -12028,6 +12038,14 @@ function NumberField(props) {
   }, [type, numberFormatOptions, defaultFormatOptions, numFractionDigits]);
   const numberParser = (0, import_react57.useMemo)(() => new import_number.NumberParser(locale, formatOptions), [locale, formatOptions]);
   const valueRef = (0, import_react57.useRef)({ wip: false });
+  const lastSentRef = (0, import_react57.useRef)(void 0);
+  const propValue = value === void 0 ? Number.NaN : value / factor;
+  if (valueRef.current.wip && !Object.is(valueRef.current.value, propValue)) {
+    const lastSentInternal = lastSentRef.current === void 0 ? Number.NaN : lastSentRef.current / factor;
+    if (!Object.is(propValue, lastSentInternal)) {
+      valueRef.current.value = propValue;
+    }
+  }
   const useProps = {
     locale,
     // We want percents && cents to be integers, useNumberFieldState excepts them as decimals
@@ -12038,9 +12056,11 @@ function NumberField(props) {
     },
     onFocus: () => {
       valueRef.current = { wip: true, value: value === void 0 ? Number.NaN : value / factor };
+      lastSentRef.current = value;
     },
     onBlur: () => {
       valueRef.current = { wip: false };
+      lastSentRef.current = void 0;
     },
     onKeyDown: (e) => {
       if (e.key === "Enter") {
@@ -12074,7 +12094,9 @@ function NumberField(props) {
       }),
       onChange: (rawInputValue) => {
         const parsedValue = numberParser.parse(rawInputValue || "");
-        onChange(formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits, positiveOnly));
+        const formatted = formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits, positiveOnly);
+        lastSentRef.current = formatted;
+        onChange(formatted);
       },
       inputRef,
       onBlur,
@@ -14724,7 +14746,7 @@ function Modal(props) {
       onClose: closeModal,
       isDismissable: true,
       shouldCloseOnInteractOutside: (el) => {
-        return allowClosing && !(el.closest(".tribute-container") || el.closest("[role='dialog']") || el.closest("[role='alert']"));
+        return allowClosing && !(el.closest(".tribute-container") || el.closest("[role='dialog']") || el.closest("[role='alert']") || el.closest("[role='tooltip']"));
       }
     },
     ref