@homebound/beam 2.416.1 → 2.416.3

package/dist/index.cjs

@@ -6964,6 +6964,19 @@ function OverlayTrigger(props) {
     showActiveBorder = false,
     contrast = false
   } = props;
+  const wrappedMenuTriggerProps = (0, import_react24.useMemo)(
+    () => ({
+      ...menuTriggerProps,
+      onPressStart: (e) => {
+        if (e.pointerType !== "touch" && e.pointerType !== "keyboard") {
+          state.toggle(e.pointerType === "virtual" ? "first" : null);
+        } else {
+          menuTriggerProps.onPressStart?.(e);
+        }
+      }
+    }),
+    [menuTriggerProps, state]
+  );
   const popoverRef = (0, import_react24.useRef)(null);
   const { overlayProps: positionProps } = (0, import_react_aria8.useOverlayPosition)({
     targetRef: buttonRef,
@@ -6985,12 +6998,12 @@ function OverlayTrigger(props) {
         variant: variant ? variant : "secondary",
         contrast,
         ...trigger,
-        menuTriggerProps,
+        menuTriggerProps: wrappedMenuTriggerProps,
         buttonRef,
         endAdornment: !hideEndAdornment ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null,
         disabled,
         tooltip,
-        onClick: menuTriggerProps.onPress ?? noop,
+        onClick: wrappedMenuTriggerProps.onPress ?? noop,
         forceFocusStyles: showActiveBorder && state.isOpen,
         ...tid
       }
@@ -7001,7 +7014,7 @@ function OverlayTrigger(props) {
         label: trigger.navLabel,
         disabled: !!disabled,
         contrast,
-        menuTriggerProps,
+        menuTriggerProps: wrappedMenuTriggerProps,
         buttonRef,
         ...tid
       }
@@ -7009,24 +7022,24 @@ function OverlayTrigger(props) {
       IconButton,
       {
         ...trigger,
-        menuTriggerProps,
+        menuTriggerProps: wrappedMenuTriggerProps,
         buttonRef,
         ...tid,
         disabled,
         tooltip,
-        onClick: menuTriggerProps.onPress ?? noop,
+        onClick: wrappedMenuTriggerProps.onPress ?? noop,
         forceFocusStyles: showActiveBorder && state.isOpen
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       AvatarButton,
       {
         ...trigger,
-        menuTriggerProps,
+        menuTriggerProps: wrappedMenuTriggerProps,
         buttonRef,
         ...tid,
         disabled,
         tooltip,
-        onClick: menuTriggerProps.onPress ?? noop,
+        onClick: wrappedMenuTriggerProps.onPress ?? noop,
         forceFocusStyles: showActiveBorder && state.isOpen
       }
     ),
@@ -14486,19 +14499,20 @@ function Accordion(props) {
   const id = (0, import_utils68.useId)();
   const [expanded, setExpanded] = (0, import_react75.useState)(defaultExpanded && !disabled);
   const { isFocusVisible, focusProps } = (0, import_react_aria40.useFocusRing)();
-  const contentRef = (0, import_react75.useRef)(null);
+  const [contentEl, setContentEl] = (0, import_react75.useState)(null);
+  const contentRef = (0, import_react75.useMemo)(() => ({ current: contentEl }), [contentEl]);
   const [contentHeight, setContentHeight] = (0, import_react75.useState)(expanded ? "auto" : "0");
   (0, import_react75.useEffect)(() => {
     setExpanded(defaultExpanded && !disabled);
   }, [defaultExpanded, disabled]);
   (0, import_react75.useEffect)(() => {
-    setContentHeight(expanded && contentRef.current ? `${contentRef.current.scrollHeight}px` : "0");
-  }, [expanded]);
+    setContentHeight(expanded && contentEl ? `${contentEl.scrollHeight}px` : "0");
+  }, [expanded, contentEl]);
   const onResize = (0, import_react75.useCallback)(() => {
-    if (contentRef.current && expanded) {
-      setContentHeight(`${contentRef.current.scrollHeight}px`);
+    if (contentEl && expanded) {
+      setContentHeight(`${contentEl.scrollHeight}px`);
     }
-  }, [expanded, setContentHeight]);
+  }, [expanded, contentEl, setContentHeight]);
   (0, import_utils68.useResizeObserver)({ ref: contentRef, onResize });
   const toggle = (0, import_react75.useCallback)(() => {
     setExpanded((prev) => !prev);
@@ -14560,7 +14574,7 @@ function Accordion(props) {
             id,
             "aria-hidden": !expanded,
             css: Css.oh.h(contentHeight).add("transition", "height 250ms ease-in-out").$,
-            children: expanded && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: Css.px2.pb2.pt1.if(omitPadding).p0.$, ref: contentRef, ...tid.content, children })
+            children: expanded && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: Css.px2.pb2.pt1.if(omitPadding).p0.$, ref: setContentEl, ...tid.content, children })
           }
         )
       ]