@ariakit/react-core 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @ariakit/react-core
 
+## 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
+
+- Updated the `SelectPopover` component so the `composite` and `typeahead` props are automatically set to `false` when combining it with a `Combobox` component using the `combobox` prop from the select store. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+  This means you'll not need to explicitly pass `composite={false}` when building a [Select with Combobox](https://ariakit.org/examples/select-combobox) component.
+
+- The `ComboboxItem` component will now register itself on the combobox store even when the combobox is closed. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `Combobox` with `virtualFocus` set to `true` (default) always reseting the focus when using VoiceOver and Safari to navigate through the items. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `autoComplete` prop type on `Combobox` conflicting with the native `autoComplete` prop. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+  It's now possible to extend props from `InputHTMLAttributes` without having to `Omit` the `autoComplete` prop.
+
+- The `SelectList` and `SelectPopover` components will now automatically render the `aria-multiselectable` attribute even when the `composite` prop is set to `false`, but only when the underlying element has a composite role. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `Composite` rendering the `aria-activedescendant` attribute even when the `composite` prop was set to `false`. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Fixed `Focusable` triggering focus visible when pressing the <kbd>Alt</kbd>/<kbd>Option</kbd> key. ([#2428](https://github.com/ariakit/ariakit/pull/2428))
+
+- Added `useAttribute` hook.
+
+- Fixed `activeId` state on `Tab` not updating correctly when setting `selectedId` with the Next.js App Router. ([#2443](https://github.com/ariakit/ariakit/pull/2443))
+
+- Updated dependencies: `@ariakit/core@0.2.2`.
+
 ## 0.2.2
 
 ### Patch Changes

package/cjs/__chunks/{NDSXP6H3.cjs → 2FJ6ZUEI.cjs}

@@ -5,7 +5,7 @@
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -17,7 +17,7 @@ var usePopoverAnchor = _5U7AP6Y2cjs.createHook.call(void 0,
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, store.setAnchorElement, props.ref)
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, store.setAnchorElement, props.ref)
     });
     return props;
   }

package/cjs/__chunks/{PX5ZR4IF.cjs → 2K2XAWDW.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _W2XKIB23cjs = require('./W2XKIB23.cjs');
+var _KLDLNJX5cjs = require('./KLDLNJX5.cjs');
 
 
 
-var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -13,18 +13,18 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreOptions(props) {
-  return _W2XKIB23cjs.usePopoverStoreOptions.call(void 0, props);
+  return _KLDLNJX5cjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  store = _W2XKIB23cjs.usePopoverStoreProps.call(void 0, store, props);
-  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "timeout");
-  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  store = _KLDLNJX5cjs.usePopoverStoreProps.call(void 0, store, props);
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "timeout");
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
   return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _F7HVNVHQcjs.useStore.call(void 0, 
+  const store = _3YYDY5FNcjs.useStore.call(void 0, 
     () => Core.createHovercardStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useHovercardStoreProps(store, props);

package/cjs/__chunks/{UGGV7MMI.cjs → 3ERZHKX3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _C4JVXWWXcjs = require('./C4JVXWWX.cjs');
+var _UUTPFHTKcjs = require('./UUTPFHTK.cjs');
 
 
 
@@ -14,7 +14,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var useCompositeGroup = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _C4JVXWWXcjs.useGroup.call(void 0, props);
+    props = _UUTPFHTKcjs.useGroup.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{5Z5H5L5K.cjs → 3JRXLDD2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UXA5NJZKcjs = require('./UXA5NJZK.cjs');
+var _ZCXLELXWcjs = require('./ZCXLELXW.cjs');
 
 
 
@@ -10,8 +10,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-
-var _NREUHWTUcjs = require('./NREUHWTU.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");
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _react.useEffect.call(void 0, () => {
       let isCurrentDisclosure = disclosureElement === ref.current;
       if (!disclosureElement || !disclosureElement.isConnected) {
         store.setDisclosureElement(ref.current);
@@ -36,14 +35,14 @@ var useDisclosure = _5U7AP6Y2cjs.createHook.call(void 0,
       setExpanded(open && isCurrentDisclosure);
     }, [disclosureElement, open]);
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onMouseDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       store.setDisclosureElement(event.currentTarget);
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
     });
     const onClickProp = props.onClick;
-    const toggleOnClickProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, toggleOnClick);
+    const toggleOnClickProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, toggleOnClick);
     const isDuplicate = "data-disclosure" in props;
-    const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       store.setDisclosureElement(event.currentTarget);
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
@@ -60,11 +59,11 @@ var useDisclosure = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-expanded": expanded,
       "aria-controls": contentElement == null ? void 0 : contentElement.id
     }, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
       onMouseDown,
       onClick
     });
-    props = _UXA5NJZKcjs.useButton.call(void 0, props);
+    props = _ZCXLELXWcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{F7HVNVHQ.cjs → 3YYDY5FN.cjs}

@@ -2,8 +2,7 @@
 
 
 
-
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -38,11 +37,11 @@ function useStoreState(store, keyOrSelector = _misc.identity) {
 }
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
-  const propsRef = _NREUHWTUcjs.useLiveRef.call(void 0, {
+  const propsRef = _K4FBPMJ3cjs.useLiveRef.call(void 0, {
     value,
     setValue: setKey ? props[setKey] : void 0
   });
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(
       (state, prev) => {
         const { value: value2, setValue } = propsRef.current;
@@ -57,23 +56,17 @@ function useStoreProps(store, props, key, setKey) {
       [key]
     );
   }, [store, key]);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(() => {
-      const { value: value2 } = propsRef.current;
-      if (value2 === void 0)
+      if (value === void 0)
         return;
-      store.setState(key, value2);
+      store.setState(key, value);
     }, [key]);
-  }, [store, key]);
-  _NREUHWTUcjs.useUpdateLayoutEffect.call(void 0, () => {
-    if (value === void 0)
-      return;
-    store.setState(key, value);
   }, [store, key, value]);
 }
 function useStore(createStore) {
-  const store = _NREUHWTUcjs.useLazyValue.call(void 0, createStore);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
+  const store = _K4FBPMJ3cjs.useLazyValue.call(void 0, createStore);
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
   const useState = _react.useCallback.call(void 0, 
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]

package/cjs/__chunks/{6WOA5DE3.cjs → 3ZQN2EZT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5Z5H5L5Kcjs = require('./5Z5H5L5K.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 = _5Z5H5L5Kcjs.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/{FYQRNJDC.cjs → 4AU4RS63.cjs}

@@ -9,7 +9,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -18,8 +18,8 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var _react = require('react');
 var useGroupLabel = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   const setLabelId = _react.useContext.call(void 0, _K56WQU76cjs.GroupLabelContext);
-  const id = _NREUHWTUcjs.useId.call(void 0, props.id);
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     setLabelId == null ? void 0 : setLabelId(id);
     return () => setLabelId == null ? void 0 : setLabelId(void 0);
   }, [setLabelId, id]);

package/cjs/__chunks/{M72BOABW.cjs → 4JASPVMD.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
@@ -9,11 +9,11 @@ function useCheckboxStoreOptions(_props) {
   return {};
 }
 function useCheckboxStoreProps(store, props) {
-  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _F7HVNVHQcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _3YYDY5FNcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{QRAQT522.cjs → 4OHV3LC4.cjs}

@@ -4,7 +4,7 @@
 var _NR3SJH64cjs = require('./NR3SJH64.cjs');
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -16,7 +16,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(store, enabled) {
-  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
     if (!enabled)
       return;
     const { contentElement } = store.getState();

package/cjs/__chunks/{ZA6MER6N.cjs → 55X3CDKF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MBATFYDIcjs = require('./MBATFYDI.cjs');
+var _GFQJMZI7cjs = require('./GFQJMZI7.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 // src/hovercard/hovercard-heading.ts
 var useHovercardHeading = _5U7AP6Y2cjs.createHook.call(void 0, 
   (props) => {
-    props = _MBATFYDIcjs.usePopoverHeading.call(void 0, props);
+    props = _GFQJMZI7cjs.usePopoverHeading.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{JPNLVNZZ.cjs → 5YBLVTWK.cjs}

@@ -7,7 +7,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -40,13 +40,13 @@ function isHidden(mounted, hidden, alwaysVisible) {
 var useDisclosureContent = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, alwaysVisible } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
-    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
     const [transition, setTransition] = _react.useState.call(void 0, null);
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const animated = store.useState("animated");
     const contentElement = store.useState("contentElement");
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!animated)
         return;
       if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
@@ -57,7 +57,7 @@ var useDisclosureContent = _5U7AP6Y2cjs.createHook.call(void 0,
         setTransition(open ? "enter" : "leave");
       });
     }, [animated, contentElement, open]);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!animated)
         return;
       if (!contentElement)
@@ -93,7 +93,7 @@ var useDisclosureContent = _5U7AP6Y2cjs.createHook.call(void 0,
       "data-leave": transition === "leave" ? "" : void 0,
       hidden
     }, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
       style
     });
     return props;

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6TVCCUBQcjs = require('./6TVCCUBQ.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 = _6TVCCUBQcjs.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/{MXZHML62.cjs → 6EZOH2LA.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _3PYHURJVcjs = require('./3PYHURJV.cjs');
+var _ZHJT7NZKcjs = require('./ZHJT7NZK.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -14,7 +14,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -199,11 +199,11 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
     const mounted = store.useState("mounted");
     const rendered = store.useState("rendered");
     const [positioned, setPositioned] = _react.useState.call(void 0, false);
-    const { portalRef, domReady } = _NREUHWTUcjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const getAnchorRectProp = _NREUHWTUcjs.useEvent.call(void 0, getAnchorRect);
+    const { portalRef, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const getAnchorRectProp = _K4FBPMJ3cjs.useEvent.call(void 0, getAnchorRect);
+    const updatePositionProp = _K4FBPMJ3cjs.useEvent.call(void 0, updatePosition);
     const hasCustomUpdatePosition = !!updatePosition;
-    const updatePositionProp = _NREUHWTUcjs.useEvent.call(void 0, updatePosition);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!(popoverElement == null ? void 0 : popoverElement.isConnected))
         return;
       popoverElement.style.setProperty(
@@ -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();
           }
         },
         {
@@ -288,7 +289,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
       hasCustomUpdatePosition,
       updatePositionProp
     ]);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!mounted)
         return;
       if (!domReady)
@@ -307,7 +308,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
       return () => cancelAnimationFrame(raf);
     }, [mounted, domReady, popoverElement, contentElement]);
     const position = fixed ? "fixed" : "absolute";
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
@@ -327,7 +328,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
       ),
       [store, position, wrapperProps]
     );
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5PBA4D6cjs.PopoverContext.Provider, { value: store, children: element }),
       [store]
@@ -337,7 +338,7 @@ var usePopover = _5U7AP6Y2cjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _3PYHURJVcjs.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/{RD47UJK7.cjs → 6KI2UL43.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _P7TWEJ6Icjs = require('./P7TWEJ6I.cjs');
+var _BCIVI2SCcjs = require('./BCIVI2SC.cjs');
 
 
-var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -12,14 +12,14 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _P7TWEJ6Icjs.useDisclosureStoreOptions.call(void 0, props);
+  return _BCIVI2SCcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _P7TWEJ6Icjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _BCIVI2SCcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _F7HVNVHQcjs.useStore.call(void 0, 
+  const store = _3YYDY5FNcjs.useStore.call(void 0, 
     () => Core.createDialogStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useDialogStoreProps(store, props);

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _FXWXPSLIcjs = require('./FXWXPSLI.cjs');
+var _SZ6M66IFcjs = require('./SZ6M66IF.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -30,13 +30,19 @@ 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) => {
     var _b = _a, { clickOnEnter = true, clickOnSpace = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["clickOnEnter", "clickOnSpace"]);
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _NREUHWTUcjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as);
     const type = props.type;
     const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
       () => !!tagName && _dom.isButton.call(void 0, { tagName, type })
@@ -50,7 +56,7 @@ var useCommand = _5U7AP6Y2cjs.createHook.call(void 0,
     const activeRef = _react.useRef.call(void 0, false);
     const isDuplicate = "data-command" in props;
     const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       const element = event.currentTarget;
       if (event.defaultPrevented)
@@ -96,7 +102,7 @@ var useCommand = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onKeyUpProp = props.onKeyUp;
-    const onKeyUp = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onKeyUp = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       onKeyUpProp == null ? void 0 : onKeyUpProp(event);
       if (event.defaultPrevented)
         return;
@@ -122,11 +128,11 @@ var useCommand = _5U7AP6Y2cjs.createHook.call(void 0,
       "data-active": active ? "" : void 0,
       type: isNativeButton ? "button" : void 0
     }, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
       onKeyDown,
       onKeyUp
     });
-    props = _FXWXPSLIcjs.useFocusable.call(void 0, props);
+    props = _SZ6M66IFcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+var _GAXSMBTEcjs = require('./GAXSMBTE.cjs');
 
 
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -49,7 +49,7 @@ function useEventOutside({
   listener,
   capture
 }) {
-  const callListener = _NREUHWTUcjs.useEvent.call(void 0, listener);
+  const callListener = _K4FBPMJ3cjs.useEvent.call(void 0, listener);
   const open = store.useState("open");
   _react.useEffect.call(void 0, () => {
     if (!open)
@@ -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;