@ariakit/react-core 0.2.3 → 0.2.5

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @ariakit/react-core
 
+## 0.2.5
+
+### Patch Changes
+
+- Added `.cjs` and `.js` extensions to paths in proxy package.json files to support bundlers that can't automaically resolve them. ([#2487](https://github.com/ariakit/ariakit/pull/2487))
+
+- Updated dependencies: `@ariakit/core@0.2.3`.
+
+## 0.2.4
+
+### Patch Changes
+
+- The `Checkbox` component now accepts `string[]` as the `value` prop. This is to conform with the native input prop type. If a string array is passed, it will be stringified, just like in the native input element. ([#2456](https://github.com/ariakit/ariakit/pull/2456))
+
+- Fixed the `clickOnEnter` prop on `Checkbox` not working when rendering the component as a native input element. ([#2456](https://github.com/ariakit/ariakit/pull/2456))
+
+- Fixed typeahead behavior when the composite item element's text content starts with an empty space. ([#2475](https://github.com/ariakit/ariakit/pull/2475))
+
+- Removed the delay before focusing on the final focus element when a dialog is closed. ([#2462](https://github.com/ariakit/ariakit/pull/2462))
+
+- Fixed `Dialog` wrongly focusing on the final focus element when a dialog is closed by clicking on another dialog. ([#2462](https://github.com/ariakit/ariakit/pull/2462))
+
+- Fixed `Disclosure` timing to set the `disclosureElement` state on the disclosure store. ([#2462](https://github.com/ariakit/ariakit/pull/2462))
+
+- Removed the `hideOnControl` prop from `Hovercard`. ([#2478](https://github.com/ariakit/ariakit/pull/2478))
+
+- Fixed clicking outside a `Dialog` when there's an ancestor element between the dialog content element and the portal element. ([#2482](https://github.com/ariakit/ariakit/pull/2482))
+
+- Fixed `Popover` with the `updatePosition` prop not moving focus into the popover when it opens. ([#2482](https://github.com/ariakit/ariakit/pull/2482))
+
+- Updated the `updatePosition` prop type on `Popover` to allow for returning a `Promise`. ([#2482](https://github.com/ariakit/ariakit/pull/2482))
+
 ## 0.2.3
 
 ### Patch Changes

package/button/button/package.json

@@ -2,6 +2,6 @@
   "name": "@ariakit/react-core/button/button",
   "private": true,
   "sideEffects": false,
-  "main": "../../cjs/button/button",
-  "module": "../../esm/button/button"
+  "main": "../../cjs/button/button.cjs",
+  "module": "../../esm/button/button.js"
 }

package/checkbox/checkbox/package.json

@@ -2,6 +2,6 @@
   "name": "@ariakit/react-core/checkbox/checkbox",
   "private": true,
   "sideEffects": false,
-  "main": "../../cjs/checkbox/checkbox",
-  "module": "../../esm/checkbox/checkbox"
+  "main": "../../cjs/checkbox/checkbox.cjs",
+  "module": "../../esm/checkbox/checkbox.js"
 }

package/checkbox/checkbox-check/package.json

@@ -2,6 +2,6 @@
   "name": "@ariakit/react-core/checkbox/checkbox-check",
   "private": true,
   "sideEffects": false,
-  "main": "../../cjs/checkbox/checkbox-check",
-  "module": "../../esm/checkbox/checkbox-check"
+  "main": "../../cjs/checkbox/checkbox-check.cjs",
+  "module": "../../esm/checkbox/checkbox-check.js"
 }

package/checkbox/checkbox-checked-context/package.json

@@ -2,6 +2,6 @@
   "name": "@ariakit/react-core/checkbox/checkbox-checked-context",
   "private": true,
   "sideEffects": false,
-  "main": "../../cjs/checkbox/checkbox-checked-context",
-  "module": "../../esm/checkbox/checkbox-checked-context"
+  "main": "../../cjs/checkbox/checkbox-checked-context.cjs",
+  "module": "../../esm/checkbox/checkbox-checked-context.js"
 }

package/checkbox/checkbox-store/package.json

@@ -2,6 +2,6 @@
   "name": "@ariakit/react-core/checkbox/checkbox-store",
   "private": true,
   "sideEffects": false,
-  "main": "../../cjs/checkbox/checkbox-store",
-  "module": "../../esm/checkbox/checkbox-store"
+  "main": "../../cjs/checkbox/checkbox-store.cjs",
+  "module": "../../esm/checkbox/checkbox-store.js"
 }

package/cjs/__chunks/{QXQ5XPUN.cjs → 3JRXLDD2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _KJGDYG6Mcjs = require('./KJGDYG6M.cjs');
+var _ZCXLELXWcjs = require('./ZCXLELXW.cjs');
 
 
 
@@ -10,7 +10,6 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-
 var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
@@ -27,7 +26,7 @@ var useDisclosure = _5U7AP6Y2cjs.createHook.call(void 0,
     const [expanded, setExpanded] = _react.useState.call(void 0, false);
     const disclosureElement = store.useState("disclosureElement");
     const open = store.useState("open");
-    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+    _react.useEffect.call(void 0, () => {
       let isCurrentDisclosure = disclosureElement === ref.current;
       if (!disclosureElement || !disclosureElement.isConnected) {
         store.setDisclosureElement(ref.current);
@@ -64,7 +63,7 @@ var useDisclosure = _5U7AP6Y2cjs.createHook.call(void 0,
       onMouseDown,
       onClick
     });
-    props = _KJGDYG6Mcjs.useButton.call(void 0, props);
+    props = _ZCXLELXWcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{TKAXHO22.cjs → 3ZQN2EZT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _QXQ5XPUNcjs = require('./QXQ5XPUN.cjs');
+var _3JRXLDD2cjs = require('./3JRXLDD2.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var useDialogDisclosure = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _QXQ5XPUNcjs.useDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _3JRXLDD2cjs.useDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{RH6W76ZY.cjs → 6BXEA5EF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4BX4RTYLcjs = require('./4BX4RTYL.cjs');
+var _EB6EBH7Vcjs = require('./EB6EBH7V.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var useToolbarItem = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _4BX4RTYLcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _EB6EBH7Vcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{DCKBTO5Y.cjs → 6EZOH2LA.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _72QRTHBXcjs = require('./72QRTHBX.cjs');
+var _ZHJT7NZKcjs = require('./ZHJT7NZK.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -201,8 +201,8 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
     const [positioned, setPositioned] = _react.useState.call(void 0, false);
     const { portalRef, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, portal, props.portalRef);
     const getAnchorRectProp = _K4FBPMJ3cjs.useEvent.call(void 0, getAnchorRect);
-    const hasCustomUpdatePosition = !!updatePosition;
     const updatePositionProp = _K4FBPMJ3cjs.useEvent.call(void 0, updatePosition);
+    const hasCustomUpdatePosition = !!updatePosition;
     _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!(popoverElement == null ? void 0 : popoverElement.isConnected))
         return;
@@ -252,11 +252,12 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
       return _dom.autoUpdate.call(void 0, 
         anchor,
         popoverElement,
-        () => {
+        async () => {
           if (hasCustomUpdatePosition) {
-            updatePositionProp({ updatePosition: update });
+            await updatePositionProp({ updatePosition: update });
+            setPositioned(true);
           } else {
-            update();
+            await update();
           }
         },
         {
@@ -337,7 +338,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _72QRTHBXcjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _ZHJT7NZKcjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       modal,
       preserveTabOrder,

package/cjs/__chunks/{NWDBHXX3.cjs → 7BYVU5SZ.cjs}

@@ -30,7 +30,13 @@ function isNativeClick(event) {
   if (!event.isTrusted)
     return false;
   const element = event.currentTarget;
-  return _dom.isButton.call(void 0, element) || element.tagName === "SUMMARY" || element.tagName === "INPUT" || element.tagName === "TEXTAREA" || element.tagName === "A" || element.tagName === "SELECT";
+  if (event.key === "Enter") {
+    return _dom.isButton.call(void 0, element) || element.tagName === "SUMMARY" || element.tagName === "A";
+  }
+  if (event.key === " ") {
+    return _dom.isButton.call(void 0, element) || element.tagName === "SUMMARY" || element.tagName === "INPUT" || element.tagName === "SELECT";
+  }
+  return false;
 }
 var useCommand = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {

package/cjs/__chunks/{J6GEGD5K.cjs → 7N3VSG4A.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+var _GAXSMBTEcjs = require('./GAXSMBTE.cjs');
 
 
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
@@ -71,7 +71,7 @@ function useEventOutside({
         return;
       if (isMouseEventOnDialog(event, contentElement))
         return;
-      if (!_CARNFZQTcjs.isElementMarked.call(void 0, target, contentElement.id))
+      if (!_GAXSMBTEcjs.isElementMarked.call(void 0, target, contentElement.id))
         return;
       callListener(event);
     };
@@ -97,7 +97,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside) {
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!_CARNFZQTcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
+      if (!_GAXSMBTEcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;

package/cjs/__chunks/{YM35TRAD.cjs → COSA3K2S.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+var _GAXSMBTEcjs = require('./GAXSMBTE.cjs');
 
 
 var _245ESIYYcjs = require('./245ESIYY.cjs');
@@ -53,7 +53,7 @@ function DialogBackdrop({
     const backdrop2 = ref.current;
     if (!backdrop2)
       return;
-    return _CARNFZQTcjs.markAncestor.call(void 0, backdrop2, id);
+    return _GAXSMBTEcjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
   backdropProps = _react.isValidElement.call(void 0, backdrop) ? _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     ref: "ref" in backdrop ? backdrop.ref : void 0

package/cjs/__chunks/{X6IBALQU.cjs → D3NRDEHG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _J4OJ7GJTcjs = require('./J4OJ7GJT.cjs');
+var _PYMKALFYcjs = require('./PYMKALFY.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = _5U7AP6Y2cjs.createHook.call(void 0, 
   (props) => {
-    props = _J4OJ7GJTcjs.usePopoverDismiss.call(void 0, props);
+    props = _PYMKALFYcjs.usePopoverDismiss.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{4BX4RTYL.cjs → EB6EBH7V.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NWDBHXX3cjs = require('./NWDBHXX3.cjs');
+var _7BYVU5SZcjs = require('./7BYVU5SZ.cjs');
 
 
 var _N56WBDNXcjs = require('./N56WBDNX.cjs');
@@ -322,7 +322,7 @@ var useCompositeItem = _5U7AP6Y2cjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     });
-    props = _NWDBHXX3cjs.useCommand.call(void 0, props);
+    props = _7BYVU5SZcjs.useCommand.call(void 0, props);
     props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{CARNFZQT.cjs → GAXSMBTE.cjs}

@@ -3,7 +3,7 @@
 var _NR3SJH64cjs = require('./NR3SJH64.cjs');
 
 
-var _EE6OIU6Xcjs = require('./EE6OIU6X.cjs');
+var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
 
 // src/dialog/utils/mark-tree-outside.ts
 var _misc = require('@ariakit/core/utils/misc');
@@ -37,7 +37,7 @@ function isElementMarked(element, id) {
 }
 function markTreeOutside(dialogId, ...elements) {
   const cleanups = [];
-  _EE6OIU6Xcjs.walkTreeOutside.call(void 0, 
+  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, 
     elements,
     (element) => cleanups.unshift(markElement(element, dialogId)),
     (ancestor) => cleanups.unshift(markAncestor(ancestor, dialogId))

package/cjs/__chunks/{XUVHJWFO.cjs → GBEGIHKI.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _RQPNMOWLcjs = require('./RQPNMOWL.cjs');
+var _URXOWQSRcjs = require('./URXOWQSR.cjs');
 
 
 var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
@@ -117,7 +117,7 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       composite,
       focusOnMove: canFocusOnMove
     }));
-    props = _RQPNMOWLcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
+    props = _URXOWQSRcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );

package/cjs/__chunks/{FINPO4DA.cjs → HMH6HLVB.cjs}

@@ -4,7 +4,7 @@
 var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 
 
-var _RQPNMOWLcjs = require('./RQPNMOWL.cjs');
+var _URXOWQSRcjs = require('./URXOWQSR.cjs');
 
 
 var _JY7TQ7AIcjs = require('./JY7TQ7AI.cjs');
@@ -150,7 +150,7 @@ var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0,
       }, props);
     }
     props = _JY7TQ7AIcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, composite }, props));
-    props = _RQPNMOWLcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _URXOWQSRcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{TVZPJJTX.cjs → HNCLPSSV.cjs}

@@ -3,7 +3,7 @@
 var _NR3SJH64cjs = require('./NR3SJH64.cjs');
 
 
-var _EE6OIU6Xcjs = require('./EE6OIU6X.cjs');
+var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
 
 // src/dialog/utils/disable-accessibility-tree-outside.ts
 function hideElementFromAccessibilityTree(element) {
@@ -11,7 +11,7 @@ function hideElementFromAccessibilityTree(element) {
 }
 function disableAccessibilityTreeOutside(...elements) {
   const cleanups = [];
-  _EE6OIU6Xcjs.walkTreeOutside.call(void 0, elements, (element) => {
+  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
     cleanups.unshift(hideElementFromAccessibilityTree(element));
   });
   const restoreAccessibilityTree = () => {

package/cjs/__chunks/{S3IANNS4.cjs → IT5GLJ4X.cjs}

@@ -3,7 +3,7 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _4BX4RTYLcjs = require('./4BX4RTYL.cjs');
+var _EB6EBH7Vcjs = require('./EB6EBH7V.cjs');
 
 
 
@@ -112,7 +112,7 @@ var useRadio = _5U7AP6Y2cjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _4BX4RTYLcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _EB6EBH7Vcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _6455U47Tcjs.__spreadValues.call(void 0, {
       value: nativeRadio ? value : void 0,
       checked: isChecked

package/cjs/__chunks/{HLRHZHR2.cjs → NEHIVLGL.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TKAXHO22cjs = require('./TKAXHO22.cjs');
+var _3ZQN2EZTcjs = require('./3ZQN2EZT.cjs');
 
 
 var _2FJ6ZUEIcjs = require('./2FJ6ZUEI.cjs');
@@ -41,7 +41,7 @@ var usePopoverDisclosure = _5U7AP6Y2cjs.createHook.call(void 0,
       onClick
     });
     props = _2FJ6ZUEIcjs.usePopoverAnchor.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _TKAXHO22cjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _3ZQN2EZTcjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{J4OJ7GJT.cjs → PYMKALFY.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TP4H5PWHcjs = require('./TP4H5PWH.cjs');
+var _YQ76PEZVcjs = require('./YQ76PEZV.cjs');
 
 
 
@@ -9,7 +9,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
-  props = _TP4H5PWHcjs.useDialogDismiss.call(void 0, props);
+  props = _YQ76PEZVcjs.useDialogDismiss.call(void 0, props);
   return props;
 });
 var PopoverDismiss = _5U7AP6Y2cjs.createComponent.call(void 0, 

package/cjs/__chunks/{YY2AVCHR.cjs → QMOLTZZO.cjs}

@@ -3,7 +3,7 @@
 var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
 
-var _NWDBHXX3cjs = require('./NWDBHXX3.cjs');
+var _7BYVU5SZcjs = require('./7BYVU5SZ.cjs');
 
 
 
@@ -37,6 +37,12 @@ function setMixed(element, mixed) {
 function isNativeCheckbox(tagName, type) {
   return tagName === "input" && (!type || type === "checkbox");
 }
+function getNonArrayValue(value) {
+  if (Array.isArray(value)) {
+    return value.toString();
+  }
+  return value;
+}
 var useCheckbox = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
@@ -56,9 +62,11 @@ var useCheckbox = _5U7AP6Y2cjs.createHook.call(void 0,
         return checkedProp;
       if (state.value === void 0)
         return;
-      if (valueProp) {
-        if (Array.isArray(state.value))
-          return state.value.includes(valueProp);
+      if (valueProp != null) {
+        if (Array.isArray(state.value)) {
+          const nonArrayValue = getNonArrayValue(valueProp);
+          return state.value.includes(nonArrayValue);
+        }
         return state.value === valueProp;
       }
       if (Array.isArray(state.value))
@@ -98,14 +106,15 @@ var useCheckbox = _5U7AP6Y2cjs.createHook.call(void 0,
       const elementChecked = event.currentTarget.checked;
       setChecked(elementChecked);
       store == null ? void 0 : store.setValue((prevValue) => {
-        if (!valueProp)
+        if (valueProp == null)
           return elementChecked;
+        const nonArrayValue = getNonArrayValue(valueProp);
         if (!Array.isArray(prevValue)) {
-          return prevValue === valueProp ? false : valueProp;
+          return prevValue === nonArrayValue ? false : nonArrayValue;
         }
         if (elementChecked)
-          return [...prevValue, valueProp];
-        return prevValue.filter((v) => v !== valueProp);
+          return [...prevValue, nonArrayValue];
+        return prevValue.filter((v) => v !== nonArrayValue);
       });
     });
     const onClickProp = props.onClick;
@@ -131,7 +140,7 @@ var useCheckbox = _5U7AP6Y2cjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _NWDBHXX3cjs.useCommand.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    props = _7BYVU5SZcjs.useCommand.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
     return _6455U47Tcjs.__spreadValues.call(void 0, {
       value: nativeCheckbox ? valueProp : void 0,
       checked: isChecked

package/cjs/__chunks/{ERWCTPBK.cjs → RD7ZO2HE.cjs}

@@ -55,7 +55,6 @@ var useCompositeHover = _5U7AP6Y2cjs.createHook.call(void 0,
     const onMouseMoveProp = props.onMouseMove;
     const focusOnHoverProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, focusOnHover);
     const onMouseMove = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
-      var _a2;
       onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
       if (event.defaultPrevented)
         return;
@@ -64,7 +63,10 @@ var useCompositeHover = _5U7AP6Y2cjs.createHook.call(void 0,
       if (!focusOnHoverProp(event))
         return;
       if (!_focus.hasFocusWithin.call(void 0, event.currentTarget)) {
-        (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
+        const baseElement = store == null ? void 0 : store.getState().baseElement;
+        if (baseElement && !_focus.hasFocus.call(void 0, baseElement)) {
+          baseElement.focus();
+        }
       }
       store == null ? void 0 : store.setActiveId(event.currentTarget.id);
     });

package/cjs/__chunks/{A65PNFQY.cjs → T26XOJJH.cjs}

@@ -7,10 +7,10 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 var _KFXK3MNIcjs = require('./KFXK3MNI.cjs');
 
 
-var _ERWCTPBKcjs = require('./ERWCTPBK.cjs');
+var _RD7ZO2HEcjs = require('./RD7ZO2HE.cjs');
 
 
-var _4BX4RTYLcjs = require('./4BX4RTYL.cjs');
+var _EB6EBH7Vcjs = require('./EB6EBH7V.cjs');
 
 
 
@@ -85,8 +85,8 @@ var useMenuItem = _5U7AP6Y2cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _4BX4RTYLcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
-    props = _ERWCTPBKcjs.useCompositeHover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _EB6EBH7Vcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _RD7ZO2HEcjs.useCompositeHover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       focusOnHover: (event) => {

package/cjs/__chunks/{EE6OIU6X.cjs → TFOIZV2V.cjs}

@@ -19,14 +19,14 @@ function walkTreeOutside(elements, callback, ancestorCallback) {
         return false;
       return maybeAncestor.contains(element);
     });
-    if (hasAncestorAlready)
-      continue;
     const doc = _dom.getDocument.call(void 0, element);
     while (element.parentElement && element !== doc.body) {
       ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement);
-      for (const child of element.parentElement.children) {
-        if (isValidElement(child, elements)) {
-          callback(child);
+      if (!hasAncestorAlready) {
+        for (const child of element.parentElement.children) {
+          if (isValidElement(child, elements)) {
+            callback(child);
+          }
         }
       }
       element = element.parentElement;

package/cjs/__chunks/{RQPNMOWL.cjs → URXOWQSR.cjs}

@@ -52,7 +52,7 @@ function itemTextStartsWith(item, text) {
   const itemText = ((_a = item.element) == null ? void 0 : _a.textContent) || item.children;
   if (!itemText)
     return false;
-  return _misc.normalizeString.call(void 0, itemText).toLowerCase().startsWith(text.toLowerCase());
+  return _misc.normalizeString.call(void 0, itemText).trim().toLowerCase().startsWith(text.toLowerCase());
 }
 function getSameInitialItems(items, char, activeId) {
   if (!activeId)

package/cjs/__chunks/{L6EQRNH2.cjs → W2HT5JVG.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _DCKBTO5Ycjs = require('./DCKBTO5Y.cjs');
+var _6EZOH2LAcjs = require('./6EZOH2LA.cjs');
 
 
 
@@ -118,7 +118,6 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       modal = false,
       portal = !!modal,
       hideOnEscape = true,
-      hideOnControl = false,
       hideOnHoverOutside = true,
       disablePointerEventsOnApproach = !!hideOnHoverOutside
     } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
@@ -126,7 +125,6 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       "modal",
       "portal",
       "hideOnEscape",
-      "hideOnControl",
       "hideOnHoverOutside",
       "disablePointerEventsOnApproach"
     ]);
@@ -135,22 +133,6 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
     const hideTimeoutRef = _react.useRef.call(void 0, 0);
     const enterPointRef = _react.useRef.call(void 0, null);
     const { portalRef, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const hideOnEscapeProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnEscape);
-    const hideOnControlProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnControl);
-    const open = store.useState("open");
-    _react.useEffect.call(void 0, () => {
-      if (!open)
-        return;
-      return _events.addGlobalEventListener.call(void 0, "keydown", (event) => {
-        if (event.defaultPrevented)
-          return;
-        const isEscape = event.key === "Escape" && hideOnEscapeProp(event);
-        const isControl = event.key === "Control" && hideOnControlProp(event);
-        if (isEscape || isControl) {
-          requestAnimationFrame(store.hide);
-        }
-      });
-    }, [store, open, hideOnEscapeProp, hideOnControlProp]);
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
     const hideOnHoverOutsideProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
@@ -282,13 +264,18 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
     });
     props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
-    props = _DCKBTO5Ycjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
-      hideOnEscape,
+    props = _6EZOH2LAcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal
     }, props), {
-      portalRef
+      portalRef,
+      hideOnEscape(event) {
+        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnEscape, event))
+          return false;
+        requestAnimationFrame(() => requestAnimationFrame(store.hide));
+        return true;
+      }
     }));
     return props;
   }