@ariakit/react-core 0.3.3 → 0.3.4

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @ariakit/react-core
 
+## 0.3.4
+
+### Patch Changes
+
+- [`#2894`](https://github.com/ariakit/ariakit/pull/2894) Fixed [Command](https://ariakit.org/components/command) and related components not preventing the default behavior on <kbd>Space</kbd> keyup on non-native button elements.
+
+- [`#2896`](https://github.com/ariakit/ariakit/pull/2896) Controlled store updates are no longer flushed synchronously.
+
+  Previously, we were wrapping _all_ controlled store updates with [`ReactDOM.flushSync`](https://react.dev/reference/react-dom/flushSync). This approach proved to be quite fragile and led to a few problems. Now, we only apply this to specific updates that require synchronous flushing.
+
+  This change shouldn't impact your application, unless you're already facing problems, which could be fixed by this. If you find any issues stemming from this change, please let us know. Regardless, you can always opt into the previous behavior by wrapping your own updates in `flushSync` when needed:
+
+  ```js
+  const [open, setOpen] = useState(false);
+
+  useDialogStore({
+    open,
+    setOpen(open) {
+      ReactDOM.flushSync(() => setOpen(open));
+    },
+  });
+  ```
+
+- [`#2897`](https://github.com/ariakit/ariakit/pull/2897) Fixed `CompositeRenderer` missing its `items` state when used in a component with a `mounted` state.
+
+- [`#2909`](https://github.com/ariakit/ariakit/pull/2909) Fixed [Disclosure](https://ariakit.org/components/disclosure) and related components not waiting for the exit animation to complete before hiding the content element.
+
+- [`#2909`](https://github.com/ariakit/ariakit/pull/2909) The [Dialog](https://ariakit.org/components/dialog) and related components can now receive controlled [`open`](https://ariakit.org/reference/dialog#open) and [`onClose`](https://ariakit.org/reference/dialog#onclose) props, allowing them to be used without a store:
+
+  ```jsx
+  const [open, setOpen] = useState(false);
+
+  <Dialog
+    open={open}
+    onClose={() => setOpen(false)}
+  >
+  ```
+
+- [`#2922`](https://github.com/ariakit/ariakit/pull/2922) Added [`unmountOnHide`](https://ariakit.org/reference/disclosure-content#unmountonhide) prop to [`DisclosureContent`](https://ariakit.org/reference/disclosure-content), [`Dialog`](https://ariakit.org/reference/dialog) and related components.
+
+  Conditionally rendering the [`Dialog`](https://ariakit.org/reference/dialog) and related components will continue to work as before:
+
+  ```jsx
+  open && <Dialog>
+  ```
+
+  Now, you can do the same thing using the [`unmountOnHide`](https://ariakit.org/reference/dialog#unmountonhide) prop:
+
+  ```jsx
+  <Dialog unmountOnHide>
+  ```
+
+- Improved JSDocs.
+
+- Updated dependencies: `@ariakit/core@0.3.3`.
+
 ## 0.3.3
 
 ### Patch Changes

package/cjs/__chunks/{JDIVO6OK.cjs → 232HWSNY.cjs}

@@ -1,27 +1,27 @@
 "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 _K5M7LOPEcjs = require('./K5M7LOPE.cjs');
+var _76UBACFCcjs = require('./76UBACFC.cjs');
 
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreProps(store, update, props) {
-  store = _K5M7LOPEcjs.useCollectionStoreProps.call(void 0, store, update, props);
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "orientation");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "rtl");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _76UBACFCcjs.useCollectionStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
-  const [store, update] = _UHRHLHM2cjs.useStore.call(void 0, Core.createCompositeStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createCompositeStore, props);
   return useCompositeStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{H562FOJ4.cjs → 2H4Y2NEY.cjs}

@@ -6,7 +6,7 @@ var _NER6RNCQcjs = require('./NER6RNCQ.cjs');
 var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
 
-var _FXRXBA2Ycjs = require('./FXRXBA2Y.cjs');
+var _HWZH54NBcjs = require('./HWZH54NB.cjs');
 
 
 
@@ -14,7 +14,7 @@ var _FXRXBA2Ycjs = require('./FXRXBA2Y.cjs');
 var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 
@@ -62,7 +62,7 @@ var useCheckbox = _Z5PUIG6Acjs.createHook.call(void 0,
     const context = _NER6RNCQcjs.useCheckboxContext.call(void 0, );
     store = store || context;
     const [_checked, setChecked] = _react.useState.call(void 0, defaultChecked != null ? defaultChecked : false);
-    const checked = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+    const checked = _EVNF7KMTcjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
       if ((state == null ? void 0 : state.value) === void 0)
@@ -143,7 +143,7 @@ var useCheckbox = _Z5PUIG6Acjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _FXRXBA2Ycjs.useCommand.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    props = _HWZH54NBcjs.useCommand.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
     return _72I2GWXFcjs.__spreadValues.call(void 0, {
       value: nativeCheckbox ? valueProp : void 0,
       checked: isChecked

package/cjs/__chunks/{VI6T32XI.cjs → 35G5ZXPH.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _RXP7Z4XRcjs = require('./RXP7Z4XR.cjs');
+var _VGU6RMHOcjs = require('./VGU6RMHO.cjs');
 
 
 var _W6ZRSMO5cjs = require('./W6ZRSMO5.cjs');
@@ -30,7 +30,7 @@ var useDialogDisclosure = _Z5PUIG6Acjs.createHook.call(void 0,
     props = _72I2GWXFcjs.__spreadValues.call(void 0, {
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
     }, props);
-    props = _RXP7Z4XRcjs.useDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _VGU6RMHOcjs.useDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{JQKZHT3K.cjs → 3DILH277.cjs}

@@ -1,21 +1,21 @@
 "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 _HIGZ476Mcjs = require('./HIGZ476M.cjs');
+var _RU4K4ZH6cjs = require('./RU4K4ZH6.cjs');
 
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 // src/tooltip/tooltip-store.ts
 var _tooltipstore = require('@ariakit/core/tooltip/tooltip-store'); var Core = _interopRequireWildcard(_tooltipstore);
 function useTooltipStoreProps(store, update, props) {
-  store = _HIGZ476Mcjs.useHovercardStoreProps.call(void 0, store, update, props);
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "type");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "skipTimeout");
+  store = _RU4K4ZH6cjs.useHovercardStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "type");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "skipTimeout");
   return store;
 }
 function useTooltipStore(props = {}) {
-  const [store, update] = _UHRHLHM2cjs.useStore.call(void 0, Core.createTooltipStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createTooltipStore, props);
   return useTooltipStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{NPP6EMNE.cjs → 4QHHTATP.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 _JDIVO6OKcjs = require('./JDIVO6OK.cjs');
+var _232HWSNYcjs = require('./232HWSNY.cjs');
 
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 
@@ -14,14 +14,14 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreProps(store, update, props) {
-  store = _JDIVO6OKcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const [panels] = _UHRHLHM2cjs.useStore.call(void 0, () => store.panels, {});
+  store = _232HWSNYcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels] = _EVNF7KMTcjs.useStore.call(void 0, () => store.panels, {});
   return _react.useMemo.call(void 0, () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { panels }), []);
 }
 function useTabStore(props = {}) {
-  const [store, update] = _UHRHLHM2cjs.useStore.call(void 0, Core.createTabStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createTabStore, props);
   return useTabStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{L4TB7MRW.cjs → 5ZP4D2SQ.cjs}

@@ -3,7 +3,7 @@
 var _FPNO6JL5cjs = require('./FPNO6JL5.cjs');
 
 
-var _D3SPQ2OYcjs = require('./D3SPQ2OY.cjs');
+var _GUWJ7VTOcjs = require('./GUWJ7VTO.cjs');
 
 
 
@@ -11,7 +11,7 @@ var _D3SPQ2OYcjs = require('./D3SPQ2OY.cjs');
 var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 
@@ -44,7 +44,7 @@ var useRadio = _Z5PUIG6Acjs.createHook.call(void 0,
     store = store || context;
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const isChecked = _UHRHLHM2cjs.useStoreState.call(void 0, 
+    const isChecked = _EVNF7KMTcjs.useStoreState.call(void 0, 
       store,
       (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
     );
@@ -111,7 +111,7 @@ var useRadio = _Z5PUIG6Acjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _D3SPQ2OYcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _GUWJ7VTOcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _72I2GWXFcjs.__spreadValues.call(void 0, {
       value: nativeRadio ? value : void 0,
       checked: isChecked

package/cjs/__chunks/{O7UGQ5NR.cjs → 6UYPIKG4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _4WUYORFXcjs = require('./4WUYORFX.cjs');
+var _J37FS72Ucjs = require('./J37FS72U.cjs');
 
 
 var _H7R5D2FRcjs = require('./H7R5D2FR.cjs');
@@ -11,7 +11,7 @@ var _H7R5D2FRcjs = require('./H7R5D2FR.cjs');
 var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -67,7 +67,7 @@ function findLast(items) {
 function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
-    const itemId = _4WUYORFXcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _J37FS72Ucjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
     if (itemId === id)
       return true;
     const object = getItemObject(item);
@@ -97,15 +97,15 @@ function useCompositeRenderer(_a) {
   ]);
   const context = _H7R5D2FRcjs.useCompositeContext.call(void 0, );
   store = store || context;
-  const orientation = _UHRHLHM2cjs.useStoreState.call(void 0, 
+  const orientation = _EVNF7KMTcjs.useStoreState.call(void 0, 
     store,
     (state) => (orientationProp != null ? orientationProp : (state == null ? void 0 : state.orientation) === "both") ? "vertical" : state == null ? void 0 : state.orientation
   );
-  const items = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+  const items = _EVNF7KMTcjs.useStoreState.call(void 0, store, (state) => {
     var _a2;
     if (!state)
       return props.items;
-    if ("mounted" in state && state.mounted)
+    if ("mounted" in state && !state.mounted)
       return 0;
     return (_a2 = props.items) != null ? _a2 : state.items;
   });
@@ -136,7 +136,7 @@ function useCompositeRenderer(_a) {
       return -1;
     return findLast(items);
   }, [items]);
-  const activeId = _UHRHLHM2cjs.useStoreState.call(void 0, store, "activeId");
+  const activeId = _EVNF7KMTcjs.useStoreState.call(void 0, store, "activeId");
   const activeIndex = _react.useMemo.call(void 0, () => {
     if (!id)
       return -1;
@@ -159,7 +159,7 @@ function useCompositeRenderer(_a) {
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _4WUYORFXcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  return _J37FS72Ucjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,

package/cjs/__chunks/{K5M7LOPE.cjs → 76UBACFC.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 _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -10,11 +10,11 @@ var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
 function useCollectionStoreProps(store, update, props) {
   _5WLTMVVQcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
-  const [store, update] = _UHRHLHM2cjs.useStore.call(void 0, Core.createCollectionStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createCollectionStore, props);
   return useCollectionStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{2FBFVNEX.cjs → CAKLNUKE.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 _K5M7LOPEcjs = require('./K5M7LOPE.cjs');
+var _76UBACFCcjs = require('./76UBACFC.cjs');
 
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -17,10 +17,10 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var _react = require('react');
 var _formstore = require('@ariakit/core/form/form-store'); var Core = _interopRequireWildcard(_formstore);
 function useFormStoreProps(store, update, props) {
-  store = _K5M7LOPEcjs.useCollectionStoreProps.call(void 0, store, update, props);
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "values", "setValues");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
+  store = _76UBACFCcjs.useCollectionStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
   const useValue = _react.useCallback.call(void 0, 
     (name) => store.useState(() => store.getValue(name)),
     [store]
@@ -51,7 +51,7 @@ function useFormStoreProps(store, update, props) {
   );
 }
 function useFormStore(props = {}) {
-  const [store, update] = _UHRHLHM2cjs.useStore.call(void 0, Core.createFormStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createFormStore, props);
   return useFormStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{RSJXW4HU.cjs → DYNIQRKI.cjs}

@@ -7,14 +7,14 @@ var _6RYSMHQYcjs = require('./6RYSMHQY.cjs');
 var _ZBG4TGVLcjs = require('./ZBG4TGVL.cjs');
 
 
-var _JDIVO6OKcjs = require('./JDIVO6OK.cjs');
+var _232HWSNYcjs = require('./232HWSNY.cjs');
 
 
-var _HIGZ476Mcjs = require('./HIGZ476M.cjs');
+var _RU4K4ZH6cjs = require('./RU4K4ZH6.cjs');
 
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -27,9 +27,9 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var _menustore = require('@ariakit/core/menu/menu-store'); var Core = _interopRequireWildcard(_menustore);
 function useMenuStoreProps(store, update, props) {
   _5WLTMVVQcjs.useUpdateEffect.call(void 0, update, [props.combobox, props.parent, props.menubar]);
-  store = _JDIVO6OKcjs.useCompositeStoreProps.call(void 0, store, update, props);
-  store = _HIGZ476Mcjs.useHovercardStoreProps.call(void 0, store, update, props);
-  _UHRHLHM2cjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  store = _232HWSNYcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  store = _RU4K4ZH6cjs.useHovercardStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
   return Object.assign(store, {
     combobox: props.combobox,
     parent: props.parent,
@@ -45,7 +45,7 @@ function useMenuStore(props = {}) {
     menubar: props.menubar !== void 0 ? props.menubar : menubar,
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   });
-  const [store, update] = _UHRHLHM2cjs.useStore.call(void 0, Core.createMenuStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createMenuStore, props);
   return useMenuStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{ZZHSM37C.cjs → EMNY7J2W.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _KMOIJMBFcjs = require('./KMOIJMBF.cjs');
+var _EZKYHQVFcjs = require('./EZKYHQVF.cjs');
 
 
 var _W6ZRSMO5cjs = require('./W6ZRSMO5.cjs');
@@ -61,7 +61,7 @@ var useDialogDismiss = _Z5PUIG6Acjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _KMOIJMBFcjs.useButton.call(void 0, props);
+    props = _EZKYHQVFcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{UHRHLHM2.cjs → EVNF7KMT.cjs}

@@ -12,34 +12,10 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _misc = require('@ariakit/core/utils/misc');
 var _store = require('@ariakit/core/utils/store');
-var _reactdom = require('react-dom');
 var _indexjs = require('use-sync-external-store/shim/index.js'); var _indexjs2 = _interopRequireDefault(_indexjs);
 var { useSyncExternalStore } = _indexjs2.default;
 var noopSubscribe = () => () => {
 };
-var inFlushSyncContext = false;
-function safeFlushSync(fn, canFlushSync = true) {
-  if (inFlushSyncContext || !canFlushSync) {
-    fn();
-    return;
-  }
-  inFlushSyncContext = true;
-  const originalError = console.error;
-  if (process.env.NODE_ENV !== "production") {
-    console.error = (...data) => {
-      if (typeof data[0] === "string" && data[0].startsWith("Warning: flushSync")) {
-        return;
-      }
-      originalError(...data);
-    };
-  }
-  try {
-    _reactdom.flushSync.call(void 0, fn);
-  } finally {
-    console.error = originalError;
-    inFlushSyncContext = false;
-  }
-}
 function useStoreState(store, keyOrSelector = _misc.identity) {
   const storeSubscribe = React.useCallback(
     (callback) => {
@@ -71,10 +47,6 @@ function useStoreProps(store, props, key, setKey) {
   const propsRef = _5WLTMVVQcjs.useLiveRef.call(void 0, { value, setValue });
   const canSyncValue = React.useRef(true);
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
-    let canFlushSync = false;
-    queueMicrotask(() => {
-      canFlushSync = true;
-    });
     return _store.sync.call(void 0, store, [key], (state, prev) => {
       const { value: value2, setValue: setValue2 } = propsRef.current;
       if (!setValue2)
@@ -83,13 +55,8 @@ function useStoreProps(store, props, key, setKey) {
         return;
       if (state[key] === value2)
         return;
-      if (!canFlushSync) {
-        canSyncValue.current = false;
-        queueMicrotask(() => {
-          canSyncValue.current = true;
-        });
-      }
-      safeFlushSync(() => setValue2(state[key]), canFlushSync);
+      canSyncValue.current = false;
+      setValue2(state[key]);
     });
   }, [store, key]);
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
@@ -101,7 +68,7 @@ function useStoreProps(store, props, key, setKey) {
         return;
       store.setState(key, value);
     });
-  }, [store, key, value]);
+  });
 }
 function useStore(createStore, props) {
   const [store, setStore] = React.useState(() => createStore(props));

package/cjs/__chunks/{KMOIJMBF.cjs → EZKYHQVF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _FXRXBA2Ycjs = require('./FXRXBA2Y.cjs');
+var _HWZH54NBcjs = require('./HWZH54NB.cjs');
 
 
 
@@ -34,7 +34,7 @@ var useButton = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
   }, props), {
     ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _FXRXBA2Ycjs.useCommand.call(void 0, props);
+  props = _HWZH54NBcjs.useCommand.call(void 0, props);
   return props;
 });
 var Button = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {

package/cjs/__chunks/{D3SPQ2OY.cjs → GUWJ7VTO.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _FXRXBA2Ycjs = require('./FXRXBA2Y.cjs');
+var _HWZH54NBcjs = require('./HWZH54NB.cjs');
 
 
 var _FMI5QF7Ncjs = require('./FMI5QF7N.cjs');
@@ -21,7 +21,7 @@ var _H7R5D2FRcjs = require('./H7R5D2FR.cjs');
 var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 
@@ -165,7 +165,7 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const row = _react.useContext.call(void 0, _H7R5D2FRcjs.CompositeRowContext);
-    const rowId = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+    const rowId = _EVNF7KMTcjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!state)
@@ -289,7 +289,7 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _UHRHLHM2cjs.useStoreState.call(void 0, 
+    const baseElement = _EVNF7KMTcjs.useStoreState.call(void 0, 
       store,
       (state) => (state == null ? void 0 : state.baseElement) || void 0
     );
@@ -302,11 +302,11 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _H7R5D2FRcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _UHRHLHM2cjs.useStoreState.call(void 0, 
+    const isActiveItem = _EVNF7KMTcjs.useStoreState.call(void 0, 
       store,
       (state) => !!state && state.activeId === id
     );
-    const virtualFocus = _UHRHLHM2cjs.useStoreState.call(void 0, store, "virtualFocus");
+    const virtualFocus = _EVNF7KMTcjs.useStoreState.call(void 0, store, "virtualFocus");
     const role = useRole(ref, props);
     let ariaSelected;
     if (isActiveItem) {
@@ -316,7 +316,7 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const ariaSetSize = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+    const ariaSetSize = _EVNF7KMTcjs.useStoreState.call(void 0, store, (state) => {
       if (ariaSetSizeProp != null)
         return ariaSetSizeProp;
       if (!state)
@@ -327,7 +327,7 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
         return;
       return row.ariaSetSize;
     });
-    const ariaPosInSet = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+    const ariaPosInSet = _EVNF7KMTcjs.useStoreState.call(void 0, store, (state) => {
       if (ariaPosInSetProp != null)
         return ariaPosInSetProp;
       if (!state)
@@ -341,7 +341,7 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
       );
       return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
     });
-    const isTabbable = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+    const isTabbable = _EVNF7KMTcjs.useStoreState.call(void 0, store, (state) => {
       if (!(state == null ? void 0 : state.renderedItems.length))
         return true;
       return !state.virtualFocus && state.activeId === id;
@@ -357,7 +357,7 @@ var useCompositeItem = _Z5PUIG6Acjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     });
-    props = _FXRXBA2Ycjs.useCommand.call(void 0, props);
+    props = _HWZH54NBcjs.useCommand.call(void 0, props);
     props = _FMI5QF7Ncjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{64S5KX7F.cjs → GWFSX7RQ.cjs}

@@ -10,7 +10,7 @@ var _DC66R2NYcjs = require('./DC66R2NY.cjs');
 var _SELCJFCBcjs = require('./SELCJFCB.cjs');
 
 
-var _5E5FKYEOcjs = require('./5E5FKYEO.cjs');
+var _L2VQ4YLNcjs = require('./L2VQ4YLN.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _5E5FKYEOcjs = require('./5E5FKYEO.cjs');
 var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _UHRHLHM2cjs = require('./UHRHLHM2.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 
@@ -39,8 +39,8 @@ function useAriaLabelledBy(_a) {
   var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
   const [id, setId] = _react.useState.call(void 0, void 0);
   const label = props["aria-label"];
-  const disclosureElement = _UHRHLHM2cjs.useStoreState.call(void 0, store, "disclosureElement");
-  const contentElement = _UHRHLHM2cjs.useStoreState.call(void 0, store, "contentElement");
+  const disclosureElement = _EVNF7KMTcjs.useStoreState.call(void 0, store, "disclosureElement");
+  const contentElement = _EVNF7KMTcjs.useStoreState.call(void 0, store, "contentElement");
   _react.useEffect.call(void 0, () => {
     const disclosure = disclosureElement;
     if (!disclosure)
@@ -78,7 +78,7 @@ var useMenuList = _Z5PUIG6Acjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = _UHRHLHM2cjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = _EVNF7KMTcjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => !!state && state.orientation !== "vertical"
     );
@@ -139,7 +139,7 @@ var useMenuList = _Z5PUIG6Acjs.createHook.call(void 0,
     );
     const ariaLabelledBy = useAriaLabelledBy(_72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     const mounted = store.useState("mounted");
-    const hidden = _5E5FKYEOcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _L2VQ4YLNcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       id,