@equinor/roma-framework 0.0.7-BETA.1 → 0.0.7-BETA.2

package/dev-portal/roma-framework.umd.js

@@ -62573,8 +62573,9 @@ var __privateMethod = (obj, member, method) => {
     }
     return result;
   });
+  var mergeWithKey$1$1 = mergeWithKey$1;
   var mergeDeepWithKey$1 = /* @__PURE__ */ _curry3$1(function mergeDeepWithKey2(fn2, lObj, rObj) {
-    return mergeWithKey$1(function(k2, lVal, rVal) {
+    return mergeWithKey$1$1(function(k2, lVal, rVal) {
       if (_isObject$1(lVal) && _isObject$1(rVal)) {
         return mergeDeepWithKey2(fn2, lVal, rVal);
       } else {
@@ -62582,8 +62583,9 @@ var __privateMethod = (obj, member, method) => {
       }
     }, lObj, rObj);
   });
+  var mergeDeepWithKey$1$1 = mergeDeepWithKey$1;
   var mergeDeepRight$2 = /* @__PURE__ */ _curry2$1(function mergeDeepRight2(lObj, rObj) {
-    return mergeDeepWithKey$1(function(k2, lVal, rVal) {
+    return mergeDeepWithKey$1$1(function(k2, lVal, rVal) {
       return rVal;
     }, lObj, rObj);
   });
@@ -63402,126 +63404,6 @@ var __privateMethod = (obj, member, method) => {
       bottom: spacingSmall$1
     }
   };
-  const min = Math.min;
-  const max = Math.max;
-  const round = Math.round;
-  const floor = Math.floor;
-  const createCoords = (v2) => ({
-    x: v2,
-    y: v2
-  });
-  const oppositeSideMap = {
-    left: "right",
-    right: "left",
-    bottom: "top",
-    top: "bottom"
-  };
-  const oppositeAlignmentMap = {
-    start: "end",
-    end: "start"
-  };
-  function clamp(start, value, end) {
-    return max(start, min(value, end));
-  }
-  function evaluate(value, param) {
-    return typeof value === "function" ? value(param) : value;
-  }
-  function getSide(placement) {
-    return placement.split("-")[0];
-  }
-  function getAlignment(placement) {
-    return placement.split("-")[1];
-  }
-  function getOppositeAxis(axis) {
-    return axis === "x" ? "y" : "x";
-  }
-  function getAxisLength(axis) {
-    return axis === "y" ? "height" : "width";
-  }
-  function getSideAxis(placement) {
-    return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
-  }
-  function getAlignmentAxis(placement) {
-    return getOppositeAxis(getSideAxis(placement));
-  }
-  function getAlignmentSides(placement, rects, rtl) {
-    if (rtl === void 0) {
-      rtl = false;
-    }
-    const alignment = getAlignment(placement);
-    const alignmentAxis = getAlignmentAxis(placement);
-    const length2 = getAxisLength(alignmentAxis);
-    let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-    if (rects.reference[length2] > rects.floating[length2]) {
-      mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-    }
-    return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
-  }
-  function getExpandedPlacements(placement) {
-    const oppositePlacement = getOppositePlacement(placement);
-    return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
-  }
-  function getOppositeAlignmentPlacement(placement) {
-    return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
-  }
-  function getSideList(side, isStart, rtl) {
-    const lr = ["left", "right"];
-    const rl = ["right", "left"];
-    const tb = ["top", "bottom"];
-    const bt = ["bottom", "top"];
-    switch (side) {
-      case "top":
-      case "bottom":
-        if (rtl)
-          return isStart ? rl : lr;
-        return isStart ? lr : rl;
-      case "left":
-      case "right":
-        return isStart ? tb : bt;
-      default:
-        return [];
-    }
-  }
-  function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-    const alignment = getAlignment(placement);
-    let list = getSideList(getSide(placement), direction === "start", rtl);
-    if (alignment) {
-      list = list.map((side) => side + "-" + alignment);
-      if (flipAlignment) {
-        list = list.concat(list.map(getOppositeAlignmentPlacement));
-      }
-    }
-    return list;
-  }
-  function getOppositePlacement(placement) {
-    return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
-  }
-  function expandPaddingObject(padding) {
-    return {
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0,
-      ...padding
-    };
-  }
-  function getPaddingObject(padding) {
-    return typeof padding !== "number" ? expandPaddingObject(padding) : {
-      top: padding,
-      right: padding,
-      bottom: padding,
-      left: padding
-    };
-  }
-  function rectToClientRect(rect) {
-    return {
-      ...rect,
-      top: rect.y,
-      left: rect.x,
-      right: rect.x + rect.width,
-      bottom: rect.y + rect.height
-    };
-  }
   function getNodeName(node2) {
     if (isNode(node2)) {
       return (node2.nodeName || "").toLowerCase();
@@ -63643,8 +63525,8 @@ var __privateMethod = (obj, member, method) => {
   }
   function activeElement(doc) {
     let activeElement2 = doc.activeElement;
-    while (((_activeElement = activeElement2) == null ? void 0 : (_activeElement$shadow = _activeElement.shadowRoot) == null ? void 0 : _activeElement$shadow.activeElement) != null) {
-      var _activeElement, _activeElement$shadow;
+    while (((_activeElement = activeElement2) == null || (_activeElement = _activeElement.shadowRoot) == null ? void 0 : _activeElement.activeElement) != null) {
+      var _activeElement;
       activeElement2 = activeElement2.shadowRoot.activeElement;
     }
     return activeElement2;
@@ -63688,23 +63570,20 @@ var __privateMethod = (obj, member, method) => {
     }
     return navigator.userAgent;
   }
-  function isVirtualClick(event) {
-    if (event.mozInputSource === 0 && event.isTrusted) {
-      return true;
-    }
-    const androidRe = /Android/i;
-    if ((androidRe.test(getPlatform()) || androidRe.test(getUserAgent())) && event.pointerType) {
-      return event.type === "click" && event.buttons === 1;
-    }
-    return event.detail === 0 && !event.pointerType;
-  }
   function isVirtualPointerEvent(event) {
-    return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType !== "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+    return !isAndroid() && event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
     event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0;
   }
   function isSafari() {
     return /apple/i.test(navigator.vendor);
   }
+  function isAndroid() {
+    const re2 = /android/i;
+    return re2.test(getPlatform()) || re2.test(getUserAgent());
+  }
+  function isMac() {
+    return getPlatform().toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
+  }
   function isMouseLikePointerType(pointerType, strict) {
     const values = ["mouse", "pen"];
     if (!strict) {
@@ -63737,6 +63616,130 @@ var __privateMethod = (obj, member, method) => {
     }
     return event.target;
   }
+  const TYPEABLE_SELECTOR = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
+  function isTypeableElement(element) {
+    return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
+  }
+  const min = Math.min;
+  const max = Math.max;
+  const round = Math.round;
+  const floor = Math.floor;
+  const createCoords = (v2) => ({
+    x: v2,
+    y: v2
+  });
+  const oppositeSideMap = {
+    left: "right",
+    right: "left",
+    bottom: "top",
+    top: "bottom"
+  };
+  const oppositeAlignmentMap = {
+    start: "end",
+    end: "start"
+  };
+  function clamp(start, value, end) {
+    return max(start, min(value, end));
+  }
+  function evaluate(value, param) {
+    return typeof value === "function" ? value(param) : value;
+  }
+  function getSide(placement) {
+    return placement.split("-")[0];
+  }
+  function getAlignment(placement) {
+    return placement.split("-")[1];
+  }
+  function getOppositeAxis(axis) {
+    return axis === "x" ? "y" : "x";
+  }
+  function getAxisLength(axis) {
+    return axis === "y" ? "height" : "width";
+  }
+  function getSideAxis(placement) {
+    return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+  }
+  function getAlignmentAxis(placement) {
+    return getOppositeAxis(getSideAxis(placement));
+  }
+  function getAlignmentSides(placement, rects, rtl) {
+    if (rtl === void 0) {
+      rtl = false;
+    }
+    const alignment = getAlignment(placement);
+    const alignmentAxis = getAlignmentAxis(placement);
+    const length2 = getAxisLength(alignmentAxis);
+    let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+    if (rects.reference[length2] > rects.floating[length2]) {
+      mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+    }
+    return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+  }
+  function getExpandedPlacements(placement) {
+    const oppositePlacement = getOppositePlacement(placement);
+    return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+  }
+  function getOppositeAlignmentPlacement(placement) {
+    return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+  }
+  function getSideList(side, isStart, rtl) {
+    const lr = ["left", "right"];
+    const rl = ["right", "left"];
+    const tb = ["top", "bottom"];
+    const bt = ["bottom", "top"];
+    switch (side) {
+      case "top":
+      case "bottom":
+        if (rtl)
+          return isStart ? rl : lr;
+        return isStart ? lr : rl;
+      case "left":
+      case "right":
+        return isStart ? tb : bt;
+      default:
+        return [];
+    }
+  }
+  function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+    const alignment = getAlignment(placement);
+    let list = getSideList(getSide(placement), direction === "start", rtl);
+    if (alignment) {
+      list = list.map((side) => side + "-" + alignment);
+      if (flipAlignment) {
+        list = list.concat(list.map(getOppositeAlignmentPlacement));
+      }
+    }
+    return list;
+  }
+  function getOppositePlacement(placement) {
+    return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+  }
+  function expandPaddingObject(padding) {
+    return {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      ...padding
+    };
+  }
+  function getPaddingObject(padding) {
+    return typeof padding !== "number" ? expandPaddingObject(padding) : {
+      top: padding,
+      right: padding,
+      bottom: padding,
+      left: padding
+    };
+  }
+  function rectToClientRect(rect) {
+    return {
+      ...rect,
+      top: rect.y,
+      left: rect.x,
+      right: rect.x + rect.width,
+      bottom: rect.y + rect.height
+    };
+  }
   function computeCoordsFromPlacement(_ref, placement, rtl) {
     let {
       reference,
@@ -65349,6 +65352,24 @@ var __privateMethod = (obj, member, method) => {
     }
     return sortByOrder(candidates);
   };
+  const useInsertionEffect = React$1[/* @__PURE__ */ "useInsertionEffect".toString()];
+  const useSafeInsertionEffect = useInsertionEffect || ((fn2) => fn2());
+  function useEffectEvent(callback) {
+    const ref = reactExports.useRef(() => {
+      if (process.env.NODE_ENV !== "production") {
+        throw new Error("Cannot call an event handler while rendering.");
+      }
+    });
+    useSafeInsertionEffect(() => {
+      ref.current = callback;
+    });
+    return reactExports.useCallback(function() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return ref.current == null ? void 0 : ref.current(...args);
+    }, []);
+  }
   var index = typeof document !== "undefined" ? reactExports.useLayoutEffect : reactExports.useEffect;
   function _extends$3() {
     _extends$3 = Object.assign ? Object.assign.bind() : function(target2) {
@@ -65388,7 +65409,7 @@ var __privateMethod = (obj, member, method) => {
     return {
       emit(event, data) {
         var _map$get;
-        (_map$get = map2.get(event)) == null ? void 0 : _map$get.forEach((handler) => handler(data));
+        (_map$get = map2.get(event)) == null || _map$get.forEach((handler) => handler(data));
       },
       on(event, listener) {
         map2.set(event, [...map2.get(event) || [], listener]);
@@ -65470,14 +65491,19 @@ var __privateMethod = (obj, member, method) => {
       if (!enabled) {
         return;
       }
-      function onDismiss() {
-        clearTimeout(timeoutRef.current);
-        clearTimeout(restTimeoutRef.current);
-        blockMouseMoveRef.current = true;
+      function onOpenChange2(_ref) {
+        let {
+          open: open2
+        } = _ref;
+        if (!open2) {
+          clearTimeout(timeoutRef.current);
+          clearTimeout(restTimeoutRef.current);
+          blockMouseMoveRef.current = true;
+        }
       }
-      events.on("dismiss", onDismiss);
+      events.on("openchange", onOpenChange2);
       return () => {
-        events.off("dismiss", onDismiss);
+        events.off("openchange", onOpenChange2);
       };
     }, [enabled, events]);
     reactExports.useEffect(() => {
@@ -65486,7 +65512,7 @@ var __privateMethod = (obj, member, method) => {
       }
       function onLeave(event) {
         if (isHoverOpen()) {
-          onOpenChange(false, event);
+          onOpenChange(false, event, "hover");
         }
       }
       const html = getDocument(floating).documentElement;
@@ -65495,17 +65521,20 @@ var __privateMethod = (obj, member, method) => {
         html.removeEventListener("mouseleave", onLeave);
       };
     }, [floating, open, onOpenChange, enabled, handleCloseRef, dataRef, isHoverOpen]);
-    const closeWithDelay = reactExports.useCallback(function(event, runElseBranch) {
+    const closeWithDelay = reactExports.useCallback(function(event, runElseBranch, reason) {
       if (runElseBranch === void 0) {
         runElseBranch = true;
       }
+      if (reason === void 0) {
+        reason = "hover";
+      }
       const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
       if (closeDelay && !handlerRef.current) {
         clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => onOpenChange(false, event), closeDelay);
+        timeoutRef.current = setTimeout(() => onOpenChange(false, event, reason), closeDelay);
       } else if (runElseBranch) {
         clearTimeout(timeoutRef.current);
-        onOpenChange(false, event);
+        onOpenChange(false, event, reason);
       }
     }, [delayRef, onOpenChange]);
     const cleanupMouseMoveHandler = reactExports.useCallback(() => {
@@ -65536,10 +65565,10 @@ var __privateMethod = (obj, member, method) => {
         const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
         if (openDelay) {
           timeoutRef.current = setTimeout(() => {
-            onOpenChange(true, event);
+            onOpenChange(true, event, "hover");
           }, openDelay);
         } else {
-          onOpenChange(true, event);
+          onOpenChange(true, event, "hover");
         }
       }
       function onMouseLeave(event) {
@@ -65561,7 +65590,7 @@ var __privateMethod = (obj, member, method) => {
             onClose() {
               clearPointerEvents();
               cleanupMouseMoveHandler();
-              closeWithDelay(event);
+              closeWithDelay(event, true, "safe-polygon");
             }
           });
           const handler = handlerRef.current;
@@ -65580,7 +65609,7 @@ var __privateMethod = (obj, member, method) => {
         if (isClickLikeOpenEvent()) {
           return;
         }
-        handleCloseRef.current == null ? void 0 : handleCloseRef.current({
+        handleCloseRef.current == null || handleCloseRef.current({
           ...context2,
           tree,
           x: event.clientX,
@@ -65595,7 +65624,7 @@ var __privateMethod = (obj, member, method) => {
       if (isElement(domReference)) {
         const ref = domReference;
         open && ref.addEventListener("mouseleave", onScrollMouseLeave);
-        floating == null ? void 0 : floating.addEventListener("mouseleave", onScrollMouseLeave);
+        floating == null || floating.addEventListener("mouseleave", onScrollMouseLeave);
         move && ref.addEventListener("mousemove", onMouseEnter, {
           once: true
         });
@@ -65603,7 +65632,7 @@ var __privateMethod = (obj, member, method) => {
         ref.addEventListener("mouseleave", onMouseLeave);
         return () => {
           open && ref.removeEventListener("mouseleave", onScrollMouseLeave);
-          floating == null ? void 0 : floating.removeEventListener("mouseleave", onScrollMouseLeave);
+          floating == null || floating.removeEventListener("mouseleave", onScrollMouseLeave);
           move && ref.removeEventListener("mousemove", onMouseEnter);
           ref.removeEventListener("mouseenter", onMouseEnter);
           ref.removeEventListener("mouseleave", onMouseLeave);
@@ -65621,9 +65650,9 @@ var __privateMethod = (obj, member, method) => {
         body.style.pointerEvents = "none";
         performedPointerEventsMutationRef.current = true;
         if (isElement(domReference) && floating) {
-          var _tree$nodesRef$curren, _tree$nodesRef$curren2;
+          var _tree$nodesRef$curren;
           const ref = domReference;
-          const parentFloating = tree == null ? void 0 : (_tree$nodesRef$curren = tree.nodesRef.current.find((node2) => node2.id === parentId)) == null ? void 0 : (_tree$nodesRef$curren2 = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren2.elements.floating;
+          const parentFloating = tree == null || (_tree$nodesRef$curren = tree.nodesRef.current.find((node2) => node2.id === parentId)) == null || (_tree$nodesRef$curren = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren.elements.floating;
           if (parentFloating) {
             parentFloating.style.pointerEvents = "";
           }
@@ -65669,7 +65698,7 @@ var __privateMethod = (obj, member, method) => {
             clearTimeout(restTimeoutRef.current);
             restTimeoutRef.current = setTimeout(() => {
               if (!blockMouseMoveRef.current) {
-                onOpenChange(true, event.nativeEvent);
+                onOpenChange(true, event.nativeEvent, "hover");
               }
             }, restMs);
           }
@@ -65679,17 +65708,11 @@ var __privateMethod = (obj, member, method) => {
             clearTimeout(timeoutRef.current);
           },
           onMouseLeave(event) {
-            events.emit("dismiss", {
-              type: "mouseLeave",
-              data: {
-                returnFocus: false
-              }
-            });
             closeWithDelay(event.nativeEvent, false);
           }
         }
       };
-    }, [events, enabled, restMs, open, onOpenChange, closeWithDelay]);
+    }, [enabled, restMs, open, onOpenChange, closeWithDelay]);
   }
   function getChildren(nodes, id) {
     let allChildren = nodes.filter((node2) => {
@@ -65817,7 +65840,7 @@ var __privateMethod = (obj, member, method) => {
     const dataRef = reactExports.useRef();
     index(() => {
       return () => {
-        portalNode == null ? void 0 : portalNode.remove();
+        portalNode == null || portalNode.remove();
       };
     }, [portalNode, data]);
     index(() => {
@@ -65916,10 +65939,10 @@ var __privateMethod = (obj, member, method) => {
       onFocus: (event) => {
         if (isOutsideEvent(event, portalNode)) {
           var _beforeInsideRef$curr;
-          (_beforeInsideRef$curr = beforeInsideRef.current) == null ? void 0 : _beforeInsideRef$curr.focus();
+          (_beforeInsideRef$curr = beforeInsideRef.current) == null || _beforeInsideRef$curr.focus();
         } else {
           const prevTabbable = getPreviousTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
-          prevTabbable == null ? void 0 : prevTabbable.focus();
+          prevTabbable == null || prevTabbable.focus();
         }
       }
     }), shouldRenderGuards && portalNode && /* @__PURE__ */ reactExports.createElement("span", {
@@ -65931,34 +65954,16 @@ var __privateMethod = (obj, member, method) => {
       onFocus: (event) => {
         if (isOutsideEvent(event, portalNode)) {
           var _afterInsideRef$curre;
-          (_afterInsideRef$curre = afterInsideRef.current) == null ? void 0 : _afterInsideRef$curre.focus();
+          (_afterInsideRef$curre = afterInsideRef.current) == null || _afterInsideRef$curre.focus();
         } else {
           const nextTabbable = getNextTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
-          nextTabbable == null ? void 0 : nextTabbable.focus();
+          nextTabbable == null || nextTabbable.focus();
           (focusManagerState == null ? void 0 : focusManagerState.closeOnFocusOut) && (focusManagerState == null ? void 0 : focusManagerState.onOpenChange(false, event.nativeEvent));
         }
       }
     }));
   }
   const usePortalContext = () => reactExports.useContext(PortalContext);
-  const useInsertionEffect = React$1[/* @__PURE__ */ "useInsertionEffect".toString()];
-  const useSafeInsertionEffect = useInsertionEffect || ((fn2) => fn2());
-  function useEffectEvent(callback) {
-    const ref = reactExports.useRef(() => {
-      if (process.env.NODE_ENV !== "production") {
-        throw new Error("Cannot call an event handler while rendering.");
-      }
-    });
-    useSafeInsertionEffect(() => {
-      ref.current = callback;
-    });
-    return reactExports.useCallback(function() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      return ref.current == null ? void 0 : ref.current(...args);
-    }, []);
-  }
   const bubbleHandlerKeys = {
     pointerdown: "onPointerDown",
     mousedown: "onMouseDown",
@@ -65969,11 +65974,11 @@ var __privateMethod = (obj, member, method) => {
     mousedown: "onMouseDownCapture",
     click: "onClickCapture"
   };
-  const normalizeBubblesProp = (bubbles) => {
-    var _bubbles$escapeKey, _bubbles$outsidePress;
+  const normalizeProp = (normalizable) => {
+    var _normalizable$escapeK, _normalizable$outside;
     return {
-      escapeKeyBubbles: typeof bubbles === "boolean" ? bubbles : (_bubbles$escapeKey = bubbles == null ? void 0 : bubbles.escapeKey) != null ? _bubbles$escapeKey : false,
-      outsidePressBubbles: typeof bubbles === "boolean" ? bubbles : (_bubbles$outsidePress = bubbles == null ? void 0 : bubbles.outsidePress) != null ? _bubbles$outsidePress : true
+      escapeKey: typeof normalizable === "boolean" ? normalizable : (_normalizable$escapeK = normalizable == null ? void 0 : normalizable.escapeKey) != null ? _normalizable$escapeK : false,
+      outsidePress: typeof normalizable === "boolean" ? normalizable : (_normalizable$outside = normalizable == null ? void 0 : normalizable.outsidePress) != null ? _normalizable$outside : true
     };
   };
   function useDismiss(context2, props) {
@@ -65983,7 +65988,6 @@ var __privateMethod = (obj, member, method) => {
     const {
       open,
       onOpenChange,
-      events,
       nodeId,
       elements: {
         reference,
@@ -66000,17 +66004,22 @@ var __privateMethod = (obj, member, method) => {
       referencePress = false,
       referencePressEvent = "pointerdown",
       ancestorScroll = false,
-      bubbles
+      bubbles,
+      capture
     } = props;
     const tree = useFloatingTree();
-    const nested = useFloatingParentNodeId() != null;
     const outsidePressFn = useEffectEvent(typeof unstable_outsidePress === "function" ? unstable_outsidePress : () => false);
     const outsidePress = typeof unstable_outsidePress === "function" ? outsidePressFn : unstable_outsidePress;
     const insideReactTreeRef = reactExports.useRef(false);
+    const endedOrStartedInsideRef = reactExports.useRef(false);
+    const {
+      escapeKey: escapeKeyBubbles,
+      outsidePress: outsidePressBubbles
+    } = normalizeProp(bubbles);
     const {
-      escapeKeyBubbles,
-      outsidePressBubbles
-    } = normalizeBubblesProp(bubbles);
+      escapeKey: escapeKeyCapture,
+      outsidePress: outsidePressCapture
+    } = normalizeProp(capture);
     const closeOnEscapeKeyDown = useEffectEvent((event) => {
       if (!open || !enabled || !escapeKey || event.key !== "Escape") {
         return;
@@ -66032,19 +66041,25 @@ var __privateMethod = (obj, member, method) => {
           }
         }
       }
-      events.emit("dismiss", {
-        type: "escapeKey",
-        data: {
-          returnFocus: {
-            preventScroll: false
-          }
-        }
-      });
-      onOpenChange(false, isReactEvent(event) ? event.nativeEvent : event);
+      onOpenChange(false, isReactEvent(event) ? event.nativeEvent : event, "escape-key");
+    });
+    const closeOnEscapeKeyDownCapture = useEffectEvent((event) => {
+      var _getTarget2;
+      const callback = () => {
+        var _getTarget;
+        closeOnEscapeKeyDown(event);
+        (_getTarget = getTarget(event)) == null || _getTarget.removeEventListener("keydown", callback);
+      };
+      (_getTarget2 = getTarget(event)) == null || _getTarget2.addEventListener("keydown", callback);
     });
     const closeOnPressOutside = useEffectEvent((event) => {
       const insideReactTree = insideReactTreeRef.current;
       insideReactTreeRef.current = false;
+      const endedOrStartedInside = endedOrStartedInsideRef.current;
+      endedOrStartedInsideRef.current = false;
+      if (outsidePressEvent === "click" && endedOrStartedInside) {
+        return;
+      }
       if (insideReactTree) {
         return;
       }
@@ -66057,7 +66072,7 @@ var __privateMethod = (obj, member, method) => {
       let targetRootAncestor = isElement(target2) ? target2 : null;
       while (targetRootAncestor && !isLastTraversableNode(targetRootAncestor)) {
         const nextParent = getParentNode(targetRootAncestor);
-        if (nextParent === getDocument(floating).body || !isElement(nextParent)) {
+        if (isLastTraversableNode(nextParent) || !isElement(nextParent)) {
           break;
         } else {
           targetRootAncestor = nextParent;
@@ -66104,15 +66119,16 @@ var __privateMethod = (obj, member, method) => {
           return;
         }
       }
-      events.emit("dismiss", {
-        type: "outsidePress",
-        data: {
-          returnFocus: nested ? {
-            preventScroll: true
-          } : isVirtualClick(event) || isVirtualPointerEvent(event)
-        }
-      });
-      onOpenChange(false, event);
+      onOpenChange(false, event, "outside-press");
+    });
+    const closeOnPressOutsideCapture = useEffectEvent((event) => {
+      var _getTarget4;
+      const callback = () => {
+        var _getTarget3;
+        closeOnPressOutside(event);
+        (_getTarget3 = getTarget(event)) == null || _getTarget3.removeEventListener(outsidePressEvent, callback);
+      };
+      (_getTarget4 = getTarget(event)) == null || _getTarget4.addEventListener(outsidePressEvent, callback);
     });
     reactExports.useEffect(() => {
       if (!open || !enabled) {
@@ -66121,11 +66137,11 @@ var __privateMethod = (obj, member, method) => {
       dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;
       dataRef.current.__outsidePressBubbles = outsidePressBubbles;
       function onScroll(event) {
-        onOpenChange(false, event);
+        onOpenChange(false, event, "ancestor-scroll");
       }
       const doc = getDocument(floating);
-      escapeKey && doc.addEventListener("keydown", closeOnEscapeKeyDown);
-      outsidePress && doc.addEventListener(outsidePressEvent, closeOnPressOutside);
+      escapeKey && doc.addEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
+      outsidePress && doc.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
       let ancestors = [];
       if (ancestorScroll) {
         if (isElement(domReference)) {
@@ -66148,13 +66164,13 @@ var __privateMethod = (obj, member, method) => {
         });
       });
       return () => {
-        escapeKey && doc.removeEventListener("keydown", closeOnEscapeKeyDown);
-        outsidePress && doc.removeEventListener(outsidePressEvent, closeOnPressOutside);
+        escapeKey && doc.removeEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
+        outsidePress && doc.removeEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
         ancestors.forEach((ancestor) => {
           ancestor.removeEventListener("scroll", onScroll);
         });
       };
-    }, [dataRef, floating, domReference, reference, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, closeOnPressOutside]);
+    }, [dataRef, floating, domReference, reference, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]);
     reactExports.useEffect(() => {
       insideReactTreeRef.current = false;
     }, [outsidePress, outsidePressEvent]);
@@ -66167,24 +66183,24 @@ var __privateMethod = (obj, member, method) => {
           onKeyDown: closeOnEscapeKeyDown,
           [bubbleHandlerKeys[referencePressEvent]]: (event) => {
             if (referencePress) {
-              events.emit("dismiss", {
-                type: "referencePress",
-                data: {
-                  returnFocus: false
-                }
-              });
-              onOpenChange(false, event.nativeEvent);
+              onOpenChange(false, event.nativeEvent, "reference-press");
             }
           }
         },
         floating: {
           onKeyDown: closeOnEscapeKeyDown,
+          onMouseDown() {
+            endedOrStartedInsideRef.current = true;
+          },
+          onMouseUp() {
+            endedOrStartedInsideRef.current = true;
+          },
           [captureHandlerKeys[outsidePressEvent]]: () => {
             insideReactTreeRef.current = true;
           }
         }
       };
-    }, [enabled, events, referencePress, outsidePressEvent, referencePressEvent, onOpenChange, closeOnEscapeKeyDown]);
+    }, [enabled, referencePress, outsidePressEvent, referencePressEvent, onOpenChange, closeOnEscapeKeyDown]);
   }
   let devMessageSet;
   if (process.env.NODE_ENV !== "production") {
@@ -66207,7 +66223,7 @@ var __privateMethod = (obj, member, method) => {
         var _devMessageSet;
         if (!((_devMessageSet = devMessageSet) != null && _devMessageSet.has(err))) {
           var _devMessageSet2;
-          (_devMessageSet2 = devMessageSet) == null ? void 0 : _devMessageSet2.add(err);
+          (_devMessageSet2 = devMessageSet) == null || _devMessageSet2.add(err);
           console.error(err);
         }
       }
@@ -66216,11 +66232,18 @@ var __privateMethod = (obj, member, method) => {
     const domReference = ((_options$elements2 = options.elements) == null ? void 0 : _options$elements2.reference) || _domReference;
     const position2 = useFloating$1(options);
     const tree = useFloatingTree();
-    const onOpenChange = useEffectEvent((open2, event) => {
+    const nested = useFloatingParentNodeId() != null;
+    const onOpenChange = useEffectEvent((open2, event, reason) => {
       if (open2) {
         dataRef.current.openEvent = event;
       }
-      unstable_onOpenChange == null ? void 0 : unstable_onOpenChange(open2, event);
+      events.emit("openchange", {
+        open: open2,
+        event,
+        reason,
+        nested
+      });
+      unstable_onOpenChange == null || unstable_onOpenChange(open2, event, reason);
     });
     const domReferenceRef = reactExports.useRef(null);
     const dataRef = reactExports.useRef({});
@@ -66286,7 +66309,6 @@ var __privateMethod = (obj, member, method) => {
     const {
       open,
       onOpenChange,
-      dataRef,
       events,
       refs,
       elements: {
@@ -66296,39 +66318,46 @@ var __privateMethod = (obj, member, method) => {
     } = context2;
     const {
       enabled = true,
-      keyboardOnly = true
+      visibleOnly = true
     } = props;
-    const pointerTypeRef = reactExports.useRef("");
     const blockFocusRef = reactExports.useRef(false);
     const timeoutRef = reactExports.useRef();
+    const keyboardModalityRef = reactExports.useRef(true);
     reactExports.useEffect(() => {
       if (!enabled) {
         return;
       }
-      const doc = getDocument(floating);
-      const win = doc.defaultView || window;
+      const win = getWindow(domReference);
       function onBlur() {
         if (!open && isHTMLElement(domReference) && domReference === activeElement(getDocument(domReference))) {
           blockFocusRef.current = true;
         }
       }
+      function onKeyDown() {
+        keyboardModalityRef.current = true;
+      }
       win.addEventListener("blur", onBlur);
+      win.addEventListener("keydown", onKeyDown, true);
       return () => {
         win.removeEventListener("blur", onBlur);
+        win.removeEventListener("keydown", onKeyDown, true);
       };
     }, [floating, domReference, open, enabled]);
     reactExports.useEffect(() => {
       if (!enabled) {
         return;
       }
-      function onDismiss(payload) {
-        if (payload.type === "referencePress" || payload.type === "escapeKey") {
+      function onOpenChange2(_ref) {
+        let {
+          reason
+        } = _ref;
+        if (reason === "reference-press" || reason === "escape-key") {
           blockFocusRef.current = true;
         }
       }
-      events.on("dismiss", onDismiss);
+      events.on("openchange", onOpenChange2);
       return () => {
-        events.off("dismiss", onDismiss);
+        events.off("openchange", onOpenChange2);
       };
     }, [events, enabled]);
     reactExports.useEffect(() => {
@@ -66342,61 +66371,91 @@ var __privateMethod = (obj, member, method) => {
       }
       return {
         reference: {
-          onPointerDown(_ref) {
-            let {
-              pointerType
-            } = _ref;
-            pointerTypeRef.current = pointerType;
-            blockFocusRef.current = !!(pointerType && keyboardOnly);
+          onPointerDown(event) {
+            if (isVirtualPointerEvent(event.nativeEvent))
+              return;
+            keyboardModalityRef.current = false;
           },
           onMouseLeave() {
             blockFocusRef.current = false;
           },
           onFocus(event) {
-            var _dataRef$current$open;
-            if (blockFocusRef.current) {
-              return;
-            }
-            if (event.type === "focus" && ((_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type) === "mousedown" && isEventTargetWithin(dataRef.current.openEvent, domReference)) {
+            if (blockFocusRef.current)
               return;
+            const target2 = getTarget(event.nativeEvent);
+            if (visibleOnly && isElement(target2)) {
+              try {
+                if (isSafari() && isMac())
+                  throw Error();
+                if (!target2.matches(":focus-visible"))
+                  return;
+              } catch (e2) {
+                if (!keyboardModalityRef.current && !isTypeableElement(target2)) {
+                  return;
+                }
+              }
             }
-            onOpenChange(true, event.nativeEvent);
+            onOpenChange(true, event.nativeEvent, "focus");
           },
           onBlur(event) {
             blockFocusRef.current = false;
             const relatedTarget = event.relatedTarget;
             const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute(createAttribute("focus-guard")) && relatedTarget.getAttribute("data-type") === "outside";
-            timeoutRef.current = setTimeout(() => {
+            timeoutRef.current = window.setTimeout(() => {
+              const activeEl = activeElement(domReference ? domReference.ownerDocument : document);
+              if (!relatedTarget && activeEl === domReference)
+                return;
               if (contains(refs.floating.current, relatedTarget) || contains(domReference, relatedTarget) || movedToFocusGuard) {
                 return;
               }
-              onOpenChange(false, event.nativeEvent);
+              onOpenChange(false, event.nativeEvent, "focus");
             });
           }
         }
       };
-    }, [enabled, keyboardOnly, domReference, refs, dataRef, onOpenChange]);
+    }, [enabled, visibleOnly, domReference, refs, onOpenChange]);
   }
+  const ACTIVE_KEY = "active";
+  const SELECTED_KEY = "selected";
   function mergeProps(userProps, propsList, elementKey) {
     const map2 = /* @__PURE__ */ new Map();
+    const isItem = elementKey === "item";
+    let domUserProps = userProps;
+    if (isItem && userProps) {
+      const {
+        [ACTIVE_KEY]: _2,
+        [SELECTED_KEY]: __,
+        ...validProps
+      } = userProps;
+      domUserProps = validProps;
+    }
     return {
       ...elementKey === "floating" && {
         tabIndex: -1
       },
-      ...userProps,
-      ...propsList.map((value) => value ? value[elementKey] : null).concat(userProps).reduce((acc, props) => {
+      ...domUserProps,
+      ...propsList.map((value) => {
+        const propsOrGetProps = value ? value[elementKey] : null;
+        if (typeof propsOrGetProps === "function") {
+          return userProps ? propsOrGetProps(userProps) : null;
+        }
+        return propsOrGetProps;
+      }).concat(userProps).reduce((acc, props) => {
         if (!props) {
           return acc;
         }
         Object.entries(props).forEach((_ref) => {
           let [key, value] = _ref;
+          if (isItem && [ACTIVE_KEY, SELECTED_KEY].includes(key)) {
+            return;
+          }
           if (key.indexOf("on") === 0) {
             if (!map2.has(key)) {
               map2.set(key, []);
             }
             if (typeof value === "function") {
               var _map$get;
-              (_map$get = map2.get(key)) == null ? void 0 : _map$get.push(value);
+              (_map$get = map2.get(key)) == null || _map$get.push(value);
               acc[key] = function() {
                 var _map$get2;
                 for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -66443,7 +66502,9 @@ var __privateMethod = (obj, member, method) => {
       getItemProps
     }), [getReferenceProps, getFloatingProps, getItemProps]);
   }
+  const componentRoleToAriaRoleMap = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", false]]);
   function useRole(context2, props) {
+    var _componentRoleToAriaR;
     if (props === void 0) {
       props = {};
     }
@@ -66455,19 +66516,23 @@ var __privateMethod = (obj, member, method) => {
       enabled = true,
       role = "dialog"
     } = props;
+    const ariaRole = (_componentRoleToAriaR = componentRoleToAriaRoleMap.get(role)) != null ? _componentRoleToAriaR : role;
     const referenceId = useId();
+    const parentId = useFloatingParentNodeId();
+    const isNested = parentId != null;
     return reactExports.useMemo(() => {
+      if (!enabled)
+        return {};
       const floatingProps = {
         id: floatingId,
-        role
+        ...ariaRole && {
+          role: ariaRole
+        }
       };
-      if (!enabled) {
-        return {};
-      }
-      if (role === "tooltip") {
+      if (ariaRole === "tooltip" || role === "label") {
         return {
           reference: {
-            "aria-describedby": open ? floatingId : void 0
+            ["aria-" + (role === "label" ? "labelledby" : "describedby")]: open ? floatingId : void 0
           },
           floating: floatingProps
         };
@@ -66475,23 +66540,60 @@ var __privateMethod = (obj, member, method) => {
       return {
         reference: {
           "aria-expanded": open ? "true" : "false",
-          "aria-haspopup": role === "alertdialog" ? "dialog" : role,
+          "aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
           "aria-controls": open ? floatingId : void 0,
-          ...role === "listbox" && {
+          ...ariaRole === "listbox" && {
             role: "combobox"
           },
-          ...role === "menu" && {
+          ...ariaRole === "menu" && {
             id: referenceId
+          },
+          ...ariaRole === "menu" && isNested && {
+            role: "menuitem"
+          },
+          ...role === "select" && {
+            "aria-autocomplete": "none"
+          },
+          ...role === "combobox" && {
+            "aria-autocomplete": "list"
           }
         },
         floating: {
           ...floatingProps,
-          ...role === "menu" && {
+          ...ariaRole === "menu" && {
             "aria-labelledby": referenceId
           }
+        },
+        item(_ref) {
+          let {
+            active,
+            selected
+          } = _ref;
+          const commonProps = {
+            role: "option",
+            ...active && {
+              id: floatingId + "-option"
+            }
+          };
+          switch (role) {
+            case "select":
+              return {
+                ...commonProps,
+                "aria-selected": active && selected
+              };
+            case "combobox": {
+              return {
+                ...commonProps,
+                ...active && {
+                  "aria-selected": true
+                }
+              };
+            }
+          }
+          return {};
         }
       };
-    }, [enabled, role, open, floatingId, referenceId]);
+    }, [enabled, role, ariaRole, open, floatingId, referenceId, isNested]);
   }
   var _excluded$r = ["title", "placement", "children", "style", "enterDelay"];
   var StyledTooltip = st.div.withConfig({
@@ -66748,7 +66850,6 @@ var __privateMethod = (obj, member, method) => {
       "aria-hidden": true
     };
     var pathProps = {
-      d: icon2.svgPathData,
       $height: icon2.height ? parseInt(icon2.height) : size2,
       $size: size2 || parseInt(icon2.height)
     };
@@ -66767,9 +66868,15 @@ var __privateMethod = (obj, member, method) => {
       children: [title && /* @__PURE__ */ jsxRuntimeExports.jsx("title", {
         id: titleId,
         children: title
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(StyledPath, _objectSpread2({
+      }), Array.isArray(icon2.svgPathData) ? icon2.svgPathData.map(function(pathData) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledPath, _objectSpread2(_objectSpread2({}, pathProps), {}, {
+          d: pathData
+        }), pathData);
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StyledPath, _objectSpread2(_objectSpread2({
         "data-testid": "eds-icon-path"
-      }, pathProps))]
+      }, pathProps), {}, {
+        d: icon2.svgPathData
+      }))]
     }));
   });
   var Icon = Icon$1;