@ariakit/react-core 0.4.16 → 0.4.18

package/cjs/__chunks/{K4YSA433.cjs → MVDPZI3L.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZVWIHFYJcjs = require('./ZVWIHFYJ.cjs');
+var _YTEJF6TYcjs = require('./YTEJF6TY.cjs');
 
 
-var _NO756MUJcjs = require('./NO756MUJ.cjs');
+var _W5V6HX7Hcjs = require('./W5V6HX7H.cjs');
 
 
-var _3YJARQUNcjs = require('./3YJARQUN.cjs');
+var _FCZ3IGUBcjs = require('./FCZ3IGUB.cjs');
 
 
-var _CWQU4R75cjs = require('./CWQU4R75.cjs');
+var _D6FV6EYScjs = require('./D6FV6EYS.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _25BPIGZHcjs = require('./25BPIGZH.cjs');
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -32,10 +32,10 @@ var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
 function useCompositeItemOffscreen(_a) {
   var _b = _a, { store, offscreenBehavior = "active", disabled, value } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "offscreenBehavior", "disabled", "value"]);
-  const context = _CWQU4R75cjs.useCompositeContext.call(void 0, );
+  const context = _D6FV6EYScjs.useCompositeContext.call(void 0, );
   store = store || context;
-  const id = _L5A2ID7Scjs.useId.call(void 0, props.id);
-  const { storeId, active, listElement, offscreenRoot } = _76LCMKUIcjs.useStoreStateObject.call(void 0, 
+  const id = _OZM4QA2Vcjs.useId.call(void 0, props.id);
+  const { storeId, active, listElement, offscreenRoot } = _25BPIGZHcjs.useStoreStateObject.call(void 0, 
     store,
     {
       storeId: "id",
@@ -59,7 +59,7 @@ function useCompositeItemOffscreen(_a) {
       }
     }
   );
-  const offscreenProps = _NO756MUJcjs.useCollectionItemOffscreen.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+  const offscreenProps = _W5V6HX7Hcjs.useCollectionItemOffscreen.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
     id,
     store,
     offscreenBehavior: active ? "active" : offscreenBehavior
@@ -76,7 +76,7 @@ function useCompositeItemOffscreen(_a) {
   }
   return offscreenProps;
 }
-var CompositeItem2 = _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeItem3(_a) {
+var CompositeItem2 = _WULEED4Qcjs.forwardRef.call(void 0, function CompositeItem3(_a) {
   var _b = _a, {
     offscreenBehavior,
     offscreenRoot
@@ -88,9 +88,9 @@ var CompositeItem2 = _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeItem
     offscreenBehavior,
     offscreenRoot
   }, props)), { active, ref } = _a2, rest = _7EQBAZ46cjs.__objRest.call(void 0, _a2, ["active", "ref"]);
-  const allProps = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, rest), props), { ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, ref, props.ref) });
+  const allProps = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, rest), props), { ref: _OZM4QA2Vcjs.useMergeRefs.call(void 0, ref, props.ref) });
   if (active) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZVWIHFYJcjs.CompositeItem, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, allProps));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YTEJF6TYcjs.CompositeItem, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, allProps));
   }
   const _b2 = allProps, {
     store,
@@ -107,7 +107,7 @@ var CompositeItem2 = _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeItem
     "tabbable",
     "getItem"
   ]);
-  const Component = _3YJARQUNcjs.Role[TagName];
+  const Component = _FCZ3IGUBcjs.Role[TagName];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, htmlProps));
 });
 

package/cjs/__chunks/{KUPB4YJ5.cjs → N37IROBR.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CWQU4R75cjs = require('./CWQU4R75.cjs');
+var _D6FV6EYScjs = require('./D6FV6EYS.cjs');
 
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -51,7 +51,7 @@ function movingToAnotherItem(event) {
   } while (dest);
   return false;
 }
-var useCompositeHover = _6TI3NXX6cjs.createHook.call(void 0, 
+var useCompositeHover = _WULEED4Qcjs.createHook.call(void 0, 
   function useCompositeHover2(_a) {
     var _b = _a, {
       store,
@@ -62,16 +62,16 @@ var useCompositeHover = _6TI3NXX6cjs.createHook.call(void 0,
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const context = _CWQU4R75cjs.useCompositeContext.call(void 0, );
+    const context = _D6FV6EYScjs.useCompositeContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const isMouseMoving = _L5A2ID7Scjs.useIsMouseMoving.call(void 0, );
+    const isMouseMoving = _OZM4QA2Vcjs.useIsMouseMoving.call(void 0, );
     const onMouseMoveProp = props.onMouseMove;
-    const focusOnHoverProp = _L5A2ID7Scjs.useBooleanEvent.call(void 0, focusOnHover);
-    const onMouseMove = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+    const focusOnHoverProp = _OZM4QA2Vcjs.useBooleanEvent.call(void 0, focusOnHover);
+    const onMouseMove = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
       onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
       if (event.defaultPrevented) return;
       if (!isMouseMoving()) return;
@@ -85,8 +85,8 @@ var useCompositeHover = _6TI3NXX6cjs.createHook.call(void 0,
       store == null ? void 0 : store.setActiveId(event.currentTarget.id);
     });
     const onMouseLeaveProp = props.onMouseLeave;
-    const blurOnHoverEndProp = _L5A2ID7Scjs.useBooleanEvent.call(void 0, blurOnHoverEnd);
-    const onMouseLeave = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+    const blurOnHoverEndProp = _OZM4QA2Vcjs.useBooleanEvent.call(void 0, blurOnHoverEnd);
+    const onMouseLeave = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
       var _a2;
       onMouseLeaveProp == null ? void 0 : onMouseLeaveProp(event);
       if (event.defaultPrevented) return;
@@ -103,17 +103,17 @@ var useCompositeHover = _6TI3NXX6cjs.createHook.call(void 0,
       element[symbol] = true;
     }, []);
     props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
-      ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _OZM4QA2Vcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove,
       onMouseLeave
     });
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CompositeHover = _6TI3NXX6cjs.memo.call(void 0, 
-  _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeHover2(props) {
+var CompositeHover = _WULEED4Qcjs.memo.call(void 0, 
+  _WULEED4Qcjs.forwardRef.call(void 0, function CompositeHover2(props) {
     const htmlProps = useCompositeHover(props);
-    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+    return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{LW4RNNKR.cjs → NHOZJPYC.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _AEQ6ZZZ5cjs = require('./AEQ6ZZZ5.cjs');
+var _IZF4HFJNcjs = require('./IZF4HFJN.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 // src/popover/popover-heading.tsx
 var TagName = "h1";
-var usePopoverHeading = _6TI3NXX6cjs.createHook.call(void 0, 
+var usePopoverHeading = _WULEED4Qcjs.createHook.call(void 0, 
   function usePopoverHeading2(props) {
-    props = _AEQ6ZZZ5cjs.useDialogHeading.call(void 0, props);
+    props = _IZF4HFJNcjs.useDialogHeading.call(void 0, props);
     return props;
   }
 );
-var PopoverHeading = _6TI3NXX6cjs.forwardRef.call(void 0, function PopoverHeading2(props) {
+var PopoverHeading = _WULEED4Qcjs.forwardRef.call(void 0, function PopoverHeading2(props) {
   const htmlProps = usePopoverHeading(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{BXFYYO4C.cjs → ODFTY6CH.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UNTJTT2Qcjs = require('./UNTJTT2Q.cjs');
+var _VMZ2PGQ4cjs = require('./VMZ2PGQ4.cjs');
 
 
-var _ZVS6SBRRcjs = require('./ZVS6SBRR.cjs');
+var _ZVJRPAXYcjs = require('./ZVJRPAXY.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
@@ -16,18 +16,18 @@ var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/popover/popover-dismiss.tsx
 var TagName = "button";
-var usePopoverDismiss = _6TI3NXX6cjs.createHook.call(void 0, 
+var usePopoverDismiss = _WULEED4Qcjs.createHook.call(void 0, 
   function usePopoverDismiss2(_a) {
     var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _ZVS6SBRRcjs.usePopoverScopedContext.call(void 0, );
+    const context = _ZVJRPAXYcjs.usePopoverScopedContext.call(void 0, );
     store = store || context;
-    props = _UNTJTT2Qcjs.useDialogDismiss.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
+    props = _VMZ2PGQ4cjs.useDialogDismiss.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var PopoverDismiss = _6TI3NXX6cjs.forwardRef.call(void 0, function PopoverDismiss2(props) {
+var PopoverDismiss = _WULEED4Qcjs.forwardRef.call(void 0, function PopoverDismiss2(props) {
   const htmlProps = usePopoverDismiss(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{67YN7FNG.cjs → OKZ7VQEO.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5NYO4PEPcjs = require('./5NYO4PEP.cjs');
+var _6M54DBBOcjs = require('./6M54DBBO.cjs');
 
 
-var _HLFPESUHcjs = require('./HLFPESUH.cjs');
+var _VNVMHTCYcjs = require('./VNVMHTCY.cjs');
 
 
-var _KUPB4YJ5cjs = require('./KUPB4YJ5.cjs');
+var _N37IROBRcjs = require('./N37IROBR.cjs');
 
 
-var _ZVWIHFYJcjs = require('./ZVWIHFYJ.cjs');
+var _YTEJF6TYcjs = require('./YTEJF6TY.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _25BPIGZHcjs = require('./25BPIGZH.cjs');
 
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -52,7 +52,7 @@ function menuHasFocus(baseElement, items, currentTarget) {
   if (_focus.hasFocusWithin.call(void 0, expandedMenu)) return true;
   return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
 }
-var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0, 
+var useMenuItem = _WULEED4Qcjs.createHook.call(void 0, 
   function useMenuItem2(_a) {
     var _b = _a, {
       store,
@@ -67,18 +67,18 @@ var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0,
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const menuContext = _5NYO4PEPcjs.useMenuScopedContext.call(void 0, true);
-    const menubarContext = _HLFPESUHcjs.useMenubarScopedContext.call(void 0, );
+    const menuContext = _6M54DBBOcjs.useMenuScopedContext.call(void 0, true);
+    const menubarContext = _VNVMHTCYcjs.useMenubarScopedContext.call(void 0, );
     store = store || menuContext || menubarContext;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
     const onClickProp = props.onClick;
-    const hideOnClickProp = _L5A2ID7Scjs.useBooleanEvent.call(void 0, hideOnClick);
+    const hideOnClickProp = _OZM4QA2Vcjs.useBooleanEvent.call(void 0, hideOnClick);
     const hideMenu = "hideAll" in store ? store.hideAll : void 0;
     const isWithinMenu = !!hideMenu;
-    const onClick = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+    const onClick = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented) return;
       if (_events.isDownloading.call(void 0, event)) return;
@@ -89,7 +89,7 @@ var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0,
       if (!hideOnClickProp(event)) return;
       hideMenu();
     });
-    const contentElement = _76LCMKUIcjs.useStoreState.call(void 0, 
+    const contentElement = _25BPIGZHcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -99,11 +99,11 @@ var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _ZVWIHFYJcjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = _YTEJF6TYcjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));
-    props = _KUPB4YJ5cjs.useCompositeHover.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = _N37IROBRcjs.useCompositeHover.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       store
     }, props), {
       focusOnHover(event) {
@@ -136,10 +136,10 @@ var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0,
     return props;
   }
 );
-var MenuItem = _6TI3NXX6cjs.memo.call(void 0, 
-  _6TI3NXX6cjs.forwardRef.call(void 0, function MenuItem2(props) {
+var MenuItem = _WULEED4Qcjs.memo.call(void 0, 
+  _WULEED4Qcjs.forwardRef.call(void 0, function MenuItem2(props) {
     const htmlProps = useMenuItem(props);
-    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+    return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{RNDUOYIN.cjs → OUGM36S4.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 // src/checkbox/checkbox-context.tsx
-var ctx = _6TI3NXX6cjs.createStoreContext.call(void 0, );
+var ctx = _WULEED4Qcjs.createStoreContext.call(void 0, );
 var useCheckboxContext = ctx.useContext;
 var useCheckboxScopedContext = ctx.useScopedContext;
 var useCheckboxProviderContext = ctx.useProviderContext;

package/cjs/__chunks/{YALP4V7U.cjs → OXDYSOJ2.cjs}

@@ -3,20 +3,21 @@
 var _PLY2V46Gcjs = require('./PLY2V46G.cjs');
 
 
-var _ZVS6SBRRcjs = require('./ZVS6SBRR.cjs');
+var _ZVJRPAXYcjs = require('./ZVJRPAXY.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _25BPIGZHcjs = require('./25BPIGZH.cjs');
 
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -39,8 +40,8 @@ var rotateMap = {
 };
 function useComputedStyle(store) {
   const [style, setStyle] = _react.useState.call(void 0, );
-  const contentElement = _76LCMKUIcjs.useStoreState.call(void 0, store, "contentElement");
-  _L5A2ID7Scjs.useSafeLayoutEffect.call(void 0, () => {
+  const contentElement = _25BPIGZHcjs.useStoreState.call(void 0, store, "contentElement");
+  _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!contentElement) return;
     const win = _dom.getWindow.call(void 0, contentElement);
     const computedStyle = win.getComputedStyle(contentElement);
@@ -55,7 +56,18 @@ function getRingWidth(style) {
   const ringWidth = (_a = boxShadow.match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : _a[1];
   return ringWidth;
 }
-var usePopoverArrow = _6TI3NXX6cjs.createHook.call(void 0, 
+function getBorderColor(dir, style) {
+  if (!style) return;
+  const borderColor = style.getPropertyValue(`border-${dir}-color`);
+  if (borderColor) return borderColor;
+  const boxShadow = style.getPropertyValue("box-shadow");
+  const match = boxShadow.match(/0px 0px 0px [^,]+/);
+  if (!match) return;
+  const segment = match[0];
+  const ringColor = segment.replace(/^0px 0px 0px\s+[^\s,]+/, "").trim();
+  return ringColor || void 0;
+}
+var usePopoverArrow = _WULEED4Qcjs.createHook.call(void 0, 
   function usePopoverArrow2(_a) {
     var _b = _a, {
       store,
@@ -66,33 +78,45 @@ var usePopoverArrow = _6TI3NXX6cjs.createHook.call(void 0,
       "size",
       "borderWidth"
     ]);
-    const context = _ZVS6SBRRcjs.usePopoverContext.call(void 0, );
+    const context = _ZVJRPAXYcjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
     );
-    const dir = _76LCMKUIcjs.useStoreState.call(void 0, 
+    const dir = _25BPIGZHcjs.useStoreState.call(void 0, 
       store,
       (state) => state.currentPlacement.split("-")[0]
     );
-    const maskId = _react.useId.call(void 0, );
+    const maskId = _OZM4QA2Vcjs.useId.call(void 0, );
     const style = useComputedStyle(store);
+    const stroke = getBorderColor(dir, style) || "none";
     const fill = (style == null ? void 0 : style.getPropertyValue("background-color")) || "none";
-    const stroke = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-color`)) || "none";
-    const borderWidth = _react.useMemo.call(void 0, () => {
-      if (borderWidthProp != null) return borderWidthProp;
-      if (!style) return 0;
+    const [borderWidth, isRing] = _react.useMemo.call(void 0, () => {
+      if (borderWidthProp != null) return [borderWidthProp, false];
+      if (!style) return [0, false];
       const ringWidth = getRingWidth(style);
-      if (ringWidth) return Number.parseInt(ringWidth);
+      if (ringWidth) return [Number.parseInt(ringWidth), true];
       const borderWidth2 = style.getPropertyValue(`border-${dir}-width`);
-      if (borderWidth2) return Number.parseInt(borderWidth2);
-      return 0;
+      if (borderWidth2) return [Number.parseInt(borderWidth2), false];
+      return [0, false];
     }, [borderWidthProp, style, dir]);
     const strokeWidth = borderWidth * 2 * (defaultSize / size);
     const transform = rotateMap[dir];
     const children = _react.useMemo.call(void 0, 
       () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { transform, children: [
+        !isRing && // When using the CSS border property, set the fill color to match
+        // the background behind the stroke so transparent strokes match
+        // the appearance of borders on HTML elements.
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fill: "none",
+            stroke: `var(--ak-layer, ${fill})`,
+            d: _PLY2V46Gcjs.POPOVER_ARROW_PATH,
+            mask: `url(#${maskId})`
+          }
+        ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _PLY2V46Gcjs.POPOVER_ARROW_PATH, mask: `url(#${maskId})` }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _PLY2V46Gcjs.POPOVER_ARROW_PATH }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: maskId, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -107,13 +131,13 @@ var usePopoverArrow = _6TI3NXX6cjs.createHook.call(void 0,
           }
         ) })
       ] }) }),
-      [transform, maskId]
+      [transform, isRing, fill, maskId]
     );
     props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       children,
       "aria-hidden": true
     }, props), {
-      ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
+      ref: _OZM4QA2Vcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
       style: _7EQBAZ46cjs.__spreadValues.call(void 0, {
         position: "absolute",
         fontSize: size,
@@ -128,10 +152,10 @@ var usePopoverArrow = _6TI3NXX6cjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var PopoverArrow = _6TI3NXX6cjs.memo.call(void 0, 
-  _6TI3NXX6cjs.forwardRef.call(void 0, function PopoverArrow2(props) {
+var PopoverArrow = _WULEED4Qcjs.memo.call(void 0, 
+  _WULEED4Qcjs.forwardRef.call(void 0, function PopoverArrow2(props) {
     const htmlProps = usePopoverArrow(props);
-    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+    return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{L5A2ID7S.cjs → OZM4QA2V.cjs}

@@ -9,6 +9,7 @@ var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 // src/utils/hooks.ts
 var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
+var _react = require('react'); var React = _interopRequireWildcard(_react);
 
 
 
@@ -17,7 +18,6 @@ var _events = require('@ariakit/core/utils/events');
 
 
 
-var _react = require('react'); var React = _interopRequireWildcard(_react);
 
 var _React = _7EQBAZ46cjs.__spreadValues.call(void 0, {}, React);
 var useReactId = _React.useId;
@@ -209,13 +209,16 @@ function useMetadataProps(props, key, value) {
   }, [parent, key, value]);
   return [parent == null ? void 0 : parent[key], { onLoadedMetadataCapture }];
 }
+var hasInstalledGlobalEventListeners = false;
 function useIsMouseMoving() {
   _react.useEffect.call(void 0, () => {
+    if (hasInstalledGlobalEventListeners) return;
     _events.addGlobalEventListener.call(void 0, "mousemove", setMouseMoving, true);
     _events.addGlobalEventListener.call(void 0, "mousedown", resetMouseMoving, true);
     _events.addGlobalEventListener.call(void 0, "mouseup", resetMouseMoving, true);
     _events.addGlobalEventListener.call(void 0, "keydown", resetMouseMoving, true);
     _events.addGlobalEventListener.call(void 0, "scroll", resetMouseMoving, true);
+    hasInstalledGlobalEventListeners = true;
   }, []);
   const isMouseMoving = useEvent(() => mouseMoving);
   return isMouseMoving;

package/cjs/__chunks/{FZJCJS35.cjs → P6EKO3KO.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _HLFPESUHcjs = require('./HLFPESUH.cjs');
+var _VNVMHTCYcjs = require('./VNVMHTCY.cjs');
 
 
-var _UHDKHSPLcjs = require('./UHDKHSPL.cjs');
+var _G2FBG6ELcjs = require('./G2FBG6EL.cjs');
 
 
-var _W6NEGVNAcjs = require('./W6NEGVNA.cjs');
+var _SIL3OXTPcjs = require('./SIL3OXTP.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 // src/menubar/menubar.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useMenubar = _6TI3NXX6cjs.createHook.call(void 0, 
+var useMenubar = _WULEED4Qcjs.createHook.call(void 0, 
   function useMenubar2(_a) {
     var _b = _a, {
       store: storeProp,
@@ -41,9 +41,9 @@ var useMenubar = _6TI3NXX6cjs.createHook.call(void 0,
       "focusLoop",
       "rtl"
     ]);
-    const context = _HLFPESUHcjs.useMenubarProviderContext.call(void 0, );
+    const context = _VNVMHTCYcjs.useMenubarProviderContext.call(void 0, );
     storeProp = storeProp || context;
-    const store = _UHDKHSPLcjs.useMenubarStore.call(void 0, {
+    const store = _G2FBG6ELcjs.useMenubarStore.call(void 0, {
       store: storeProp,
       orientation: orientationProp,
       virtualFocus,
@@ -53,9 +53,9 @@ var useMenubar = _6TI3NXX6cjs.createHook.call(void 0,
     const orientation = store.useState(
       (state) => !composite || state.orientation === "both" ? void 0 : state.orientation
     );
-    props = _L5A2ID7Scjs.useWrapElement.call(void 0, 
+    props = _OZM4QA2Vcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HLFPESUHcjs.MenubarScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VNVMHTCYcjs.MenubarScopedContextProvider, { value: store, children: element }),
       [store]
     );
     if (composite) {
@@ -64,13 +64,13 @@ var useMenubar = _6TI3NXX6cjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _W6NEGVNAcjs.useComposite.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _SIL3OXTPcjs.useComposite.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );
-var Menubar = _6TI3NXX6cjs.forwardRef.call(void 0, function Menubar2(props) {
+var Menubar = _WULEED4Qcjs.forwardRef.call(void 0, function Menubar2(props) {
   const htmlProps = useMenubar(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{X2XXPB3X.cjs → PB5UWYYM.cjs}

@@ -5,7 +5,7 @@ var _IRJEBRAWcjs = require('./IRJEBRAW.cjs');
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
@@ -41,7 +41,7 @@ function getChildren(props) {
   }
   return null;
 }
-var useCheckboxCheck = _6TI3NXX6cjs.createHook.call(void 0, 
+var useCheckboxCheck = _WULEED4Qcjs.createHook.call(void 0, 
   function useCheckboxCheck2(_a) {
     var _b = _a, { store, checked } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "checked"]);
     const context = _react.useContext.call(void 0, _IRJEBRAWcjs.CheckboxCheckedContext);
@@ -60,9 +60,9 @@ var useCheckboxCheck = _6TI3NXX6cjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CheckboxCheck = _6TI3NXX6cjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
+var CheckboxCheck = _WULEED4Qcjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
   const htmlProps = useCheckboxCheck(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });