@ariakit/react-core 0.2.12 → 0.2.14

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @ariakit/react-core
 
+## 0.2.14
+
+### Patch Changes
+
+- Fixed `flushSync` warning. ([#2672](https://github.com/ariakit/ariakit/pull/2672))
+
+## 0.2.13
+
+### Patch Changes
+
+- The `as` prop has been soft deprecated. Use the [`render`](https://ariakit.org/guide/composition) prop instead. ([#2621](https://github.com/ariakit/ariakit/pull/2621))
+
+- The `Combobox` component now properly disables the `autoSelect` behavior when the user is scrolling through the list of options. This should prevent issues when scrolling virtualized or infinite lists. ([#2617](https://github.com/ariakit/ariakit/pull/2617))
+
+- Fixed `Combobox` with `autoSelect` always focusing on the first item when a virtualized list is scrolled using arrow keys. ([#2636](https://github.com/ariakit/ariakit/pull/2636))
+
+- Added experimental element keys to the `Role` component. ([#2660](https://github.com/ariakit/ariakit/pull/2660))
+
+- The `SelectRenderer` component doesn't require a store prop or context anymore. ([#2619](https://github.com/ariakit/ariakit/pull/2619))
+
+- Controlled store updates are now flushed synchronously. This should prevent issues when controlling a `Combobox` by passing `value` and `setValue` to the combobox store, for example. ([#2671](https://github.com/ariakit/ariakit/pull/2671))
+
 ## 0.2.12
 
 ### Patch Changes

package/cjs/__chunks/{JNS4G3MN.cjs → 3MC2XJ5F.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MAD3AOPLcjs = require('./MAD3AOPL.cjs');
+var _JQNHOFVLcjs = require('./JQNHOFVL.cjs');
 
 
 var _ZWMVFMQYcjs = require('./ZWMVFMQY.cjs');
@@ -408,7 +408,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
           return element;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _MAD3AOPLcjs.DialogBackdrop,
+            _JQNHOFVLcjs.DialogBackdrop,
             {
               store,
               backdrop,

package/cjs/__chunks/{X44H72BI.cjs → 44MSVBJL.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 _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -12,12 +12,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+  const store = _KLWT4P56cjs.useStore.call(void 0, 
     () => Core.createCollectionStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useCollectionStoreProps(store, props);

package/cjs/__chunks/{6OTNLVJI.cjs → 63OBHNVT.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _MCXTUISZcjs = require('./MCXTUISZ.cjs');
+var _IMHF4TCRcjs = require('./IMHF4TCR.cjs');
 
 
 var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
@@ -11,7 +11,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.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 = _MCXTUISZcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _IMHF4TCRcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
     if (itemId === id)
       return true;
     const object = getItemObject(item);
@@ -98,11 +98,11 @@ function useCompositeRenderer(_a) {
   var _a2;
   const context = _react.useContext.call(void 0, _5VOPA6D3cjs.CompositeContext);
   store = store || context;
-  const orientation = (_a2 = _BEGWNNXKcjs.useStoreState.call(void 0, 
+  const orientation = (_a2 = _KLWT4P56cjs.useStoreState.call(void 0, 
     store,
     (state) => (orientationProp != null ? orientationProp : state.orientation === "both") ? "vertical" : state.orientation
   )) != null ? _a2 : orientationProp;
-  const items = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+  const items = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
     var _a3;
     if ("mounted" in state && state.mounted)
       return 0;
@@ -135,7 +135,7 @@ function useCompositeRenderer(_a) {
       return -1;
     return findLast(items);
   }, [items]);
-  const activeId = _BEGWNNXKcjs.useStoreState.call(void 0, store, "activeId");
+  const activeId = _KLWT4P56cjs.useStoreState.call(void 0, store, "activeId");
   const activeIndex = _react.useMemo.call(void 0, () => {
     if (!id)
       return -1;
@@ -158,7 +158,7 @@ function useCompositeRenderer(_a) {
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _MCXTUISZcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  return _IMHF4TCRcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,

package/cjs/__chunks/{3OCFY7CV.cjs → 745H7MDU.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 _AD4BY53Tcjs = require('./AD4BY53T.cjs');
+var _KD3RAGO6cjs = require('./KD3RAGO6.cjs');
 
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -13,16 +13,16 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/popover/popover-store.ts
 var _popoverstore = require('@ariakit/core/popover/popover-store'); var Core = _interopRequireWildcard(_popoverstore);
 function usePopoverStoreOptions(props) {
-  return _AD4BY53Tcjs.useDialogStoreOptions.call(void 0, props);
+  return _KD3RAGO6cjs.useDialogStoreOptions.call(void 0, props);
 }
 function usePopoverStoreProps(store, props) {
-  store = _AD4BY53Tcjs.useDialogStoreProps.call(void 0, store, props);
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "placement");
+  store = _KD3RAGO6cjs.useDialogStoreProps.call(void 0, store, props);
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "placement");
   return store;
 }
 function usePopoverStore(props = {}) {
   const options = usePopoverStoreOptions(props);
-  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+  const store = _KLWT4P56cjs.useStore.call(void 0, 
     () => Core.createPopoverStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return usePopoverStoreProps(store, props);

package/cjs/__chunks/AGPJKWIO.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+
+// src/role/role.ts
+var elements = [
+  "a",
+  "button",
+  "details",
+  "dialog",
+  "div",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "section",
+  "select",
+  "span",
+  "textarea",
+  "ul",
+  "svg"
+];
+var useRole = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
+  return props;
+});
+var Role = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", props);
+});
+if (process.env.NODE_ENV !== "production") {
+  Role.displayName = "Role";
+}
+Object.assign(
+  Role,
+  elements.reduce((acc, element) => {
+    acc[element] = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+      return _CWY2PHPRcjs.createElement.call(void 0, element, props);
+    });
+    return acc;
+  }, {})
+);
+
+
+
+
+exports.useRole = useRole; exports.Role = Role;

package/cjs/__chunks/{X3SZBNVV.cjs → AMRCH2Z5.cjs}

@@ -3,7 +3,7 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
+var _G2UVEERGcjs = require('./G2UVEERG.cjs');
 
 
 
@@ -11,7 +11,7 @@ var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 
@@ -45,7 +45,7 @@ var useRadio = _CWY2PHPRcjs.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 = (_a2 = _BEGWNNXKcjs.useStoreState.call(void 0, 
+    const isChecked = (_a2 = _KLWT4P56cjs.useStoreState.call(void 0, 
       store,
       (state) => checked != null ? checked : getIsChecked(value, state.value)
     )) != null ? _a2 : checked;
@@ -112,7 +112,7 @@ var useRadio = _CWY2PHPRcjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _G2UVEERGcjs.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/{I4FGWKS7.cjs → FNDPLH5R.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _P3RGUF6Xcjs = require('./P3RGUF6X.cjs');
+var _LZV54A37cjs = require('./LZV54A37.cjs');
 
 
 
@@ -264,7 +264,7 @@ var useHovercard = _CWY2PHPRcjs.createHook.call(void 0,
     });
     props = useAutoFocusOnHide(_72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     props = useAutoFocusOnShow(_72I2GWXFcjs.__spreadValues.call(void 0, { store, modal }, props));
-    props = _P3RGUF6Xcjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _LZV54A37cjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal

package/cjs/__chunks/{LCJP3BHK.cjs → FWCSM5BC.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 _X44H72BIcjs = require('./X44H72BI.cjs');
+var _44MSVBJLcjs = require('./44MSVBJL.cjs');
 
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -13,23 +13,23 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreOptions(props) {
-  return _X44H72BIcjs.useCollectionStoreOptions.call(void 0, props);
+  return _44MSVBJLcjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useCompositeStoreProps(store, props) {
-  store = _X44H72BIcjs.useCollectionStoreProps.call(void 0, store, props);
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _44MSVBJLcjs.useCollectionStoreProps.call(void 0, store, props);
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "orientation");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "rtl");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
-  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+  const store = _KLWT4P56cjs.useStore.call(void 0, 
     () => Core.createCompositeStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useCompositeStoreProps(store, props);

package/cjs/__chunks/{AU2JPBQE.cjs → G2UVEERG.cjs}

@@ -21,7 +21,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 
@@ -166,7 +166,7 @@ var useCompositeItem = _CWY2PHPRcjs.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, _5VOPA6D3cjs.CompositeRowContext);
-    const rowId = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+    const rowId = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!(row == null ? void 0 : row.baseElement))
@@ -288,7 +288,7 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _BEGWNNXKcjs.useStoreState.call(void 0, 
+    const baseElement = _KLWT4P56cjs.useStoreState.call(void 0, 
       store,
       (state) => state.baseElement || void 0
     );
@@ -301,8 +301,8 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VOPA6D3cjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
-    const virtualFocus = _BEGWNNXKcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const isActiveItem = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const virtualFocus = _KLWT4P56cjs.useStoreState.call(void 0, store, "virtualFocus");
     const role = useRole(ref, props);
     let ariaSelected;
     if (isActiveItem) {
@@ -312,7 +312,7 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const ariaSetSize = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+    const ariaSetSize = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
       if (ariaSetSizeProp != null)
         return ariaSetSizeProp;
       if (!(row == null ? void 0 : row.ariaSetSize))
@@ -321,7 +321,7 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
         return;
       return row.ariaSetSize;
     });
-    const ariaPosInSet = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+    const ariaPosInSet = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
       if (ariaPosInSetProp != null)
         return ariaPosInSetProp;
       if (!(row == null ? void 0 : row.ariaPosInSet))
@@ -333,7 +333,7 @@ var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0,
       );
       return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
     });
-    const isTabbable = (_a2 = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+    const isTabbable = (_a2 = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
       if (!state.renderedItems.length)
         return true;
       return !state.virtualFocus && state.activeId === id;

package/cjs/__chunks/{FLQEWPZR.cjs → GICQ7PSP.cjs}

@@ -11,7 +11,7 @@ var _OSQTQ6OFcjs = require('./OSQTQ6OF.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 
@@ -57,7 +57,7 @@ var useCheckbox = _CWY2PHPRcjs.createHook.call(void 0,
       "defaultChecked"
     ]);
     var _a2;
-    const storeChecked = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+    const storeChecked = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
       if (state.value === void 0)

package/cjs/__chunks/{2UFB2Z36.cjs → HSFSIYIQ.cjs}

@@ -18,7 +18,7 @@ var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 
@@ -71,7 +71,7 @@ var useMenuList = _CWY2PHPRcjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_BEGWNNXKcjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_KLWT4P56cjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );

package/cjs/__chunks/{MCXTUISZ.cjs → IMHF4TCR.cjs}

@@ -7,7 +7,7 @@ var _ZQAFJQIScjs = require('./ZQAFJQIS.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 
@@ -305,7 +305,7 @@ function useCollectionRenderer(_a) {
   var _a2, _b2;
   const context = _react.useContext.call(void 0, _ZQAFJQIScjs.CollectionContext);
   store = store || context;
-  const items = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => itemsProp != null ? itemsProp : state.items) || itemsProp;
+  const items = _KLWT4P56cjs.useStoreState.call(void 0, store, (state) => itemsProp != null ? itemsProp : state.items) || itemsProp;
   _misc.invariant.call(void 0, 
     items != null,
     process.env.NODE_ENV !== "production" && "CollectionRenderer must be either wrapped in a Collection component or be given an `items` prop."

package/cjs/__chunks/{BJRJETRD.cjs → IQIITEH3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
+var _G2UVEERGcjs = require('./G2UVEERG.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var useToolbarItem = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _G2UVEERGcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{DGSPHMOA.cjs → JMBF4JHZ.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 _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -12,13 +12,13 @@ function useDisclosureStoreOptions(_props) {
   return {};
 }
 function useDisclosureStoreProps(store, props) {
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "animated");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "animated");
   return store;
 }
 function useDisclosureStore(props = {}) {
   const options = useDisclosureStoreOptions(props);
-  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+  const store = _KLWT4P56cjs.useStore.call(void 0, 
     () => Core.createDisclosureStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useDisclosureStoreProps(store, props);

package/cjs/__chunks/{MAD3AOPL.cjs → JQNHOFVL.cjs}

@@ -3,13 +3,13 @@
 var _FSADYSOPcjs = require('./FSADYSOP.cjs');
 
 
-var _RA27OSF6cjs = require('./RA27OSF6.cjs');
+var _AGPJKWIOcjs = require('./AGPJKWIO.cjs');
 
 
 var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
 
 
-var _DGSPHMOAcjs = require('./DGSPHMOA.cjs');
+var _JMBF4JHZcjs = require('./JMBF4JHZ.cjs');
 
 
 
@@ -30,7 +30,7 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _DGSPHMOAcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const disclosure = _JMBF4JHZcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
@@ -71,10 +71,10 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (_react.isValidElement.call(void 0, backdrop)) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RA27OSF6cjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AGPJKWIOcjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
   }
   const Component = typeof backdrop !== "boolean" ? backdrop : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RA27OSF6cjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AGPJKWIOcjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
 }
 
 

package/cjs/__chunks/{AD4BY53T.cjs → KD3RAGO6.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 _DGSPHMOAcjs = require('./DGSPHMOA.cjs');
+var _JMBF4JHZcjs = require('./JMBF4JHZ.cjs');
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -12,14 +12,14 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _DGSPHMOAcjs.useDisclosureStoreOptions.call(void 0, props);
+  return _JMBF4JHZcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _DGSPHMOAcjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _JMBF4JHZcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+  const store = _KLWT4P56cjs.useStore.call(void 0, 
     () => Core.createDialogStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useDialogStoreProps(store, props);

package/cjs/__chunks/{BEGWNNXK.cjs → KLWT4P56.cjs}

@@ -11,6 +11,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/utils/store.tsx
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
+var _reactdom = require('react-dom');
 var _indexjs = require('use-sync-external-store/shim/index.js');
 var noopSubscribe = () => () => {
 };
@@ -42,6 +43,10 @@ function useStoreProps(store, props, key, setKey) {
     setValue: setKey ? props[setKey] : void 0
   });
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+    let canFlushSync = false;
+    queueMicrotask(() => {
+      canFlushSync = true;
+    });
     return store.sync(
       (state, prev) => {
         const { value: value2, setValue } = propsRef.current;
@@ -51,7 +56,11 @@ function useStoreProps(store, props, key, setKey) {
           return;
         if (state[key] === value2)
           return;
-        setValue(state[key]);
+        if (canFlushSync) {
+          _reactdom.flushSync.call(void 0, () => setValue(state[key]));
+        } else {
+          setValue(state[key]);
+        }
       },
       [key]
     );

package/cjs/__chunks/{5UCVOKTG.cjs → LE4VG2T4.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 _3OCFY7CVcjs = require('./3OCFY7CV.cjs');
+var _745H7MDUcjs = require('./745H7MDU.cjs');
 
 
 
-var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
+var _KLWT4P56cjs = require('./KLWT4P56.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -13,18 +13,18 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreOptions(props) {
-  return _3OCFY7CVcjs.usePopoverStoreOptions.call(void 0, props);
+  return _745H7MDUcjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  store = _3OCFY7CVcjs.usePopoverStoreProps.call(void 0, store, props);
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "timeout");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _BEGWNNXKcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  store = _745H7MDUcjs.usePopoverStoreProps.call(void 0, store, props);
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "timeout");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "hideTimeout");
   return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+  const store = _KLWT4P56cjs.useStore.call(void 0, 
     () => Core.createHovercardStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useHovercardStoreProps(store, props);