@ariakit/react-core 0.2.15 → 0.2.17

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @ariakit/react-core
 
+## 0.2.17
+
+### Patch Changes
+
+- [`#2718`](https://github.com/ariakit/ariakit/pull/2718) Fixed import of `use-sync-external-store` package for ESM builds.
+
+- Updated dependencies: `@ariakit/core@0.2.9`.
+
+## 0.2.16
+
+### Patch Changes
+
+- Fixed `Collection` not populating the `items` state when passing `items` and `setItems` to `useCollectionStore`. ([#2704](https://github.com/ariakit/ariakit/pull/2704))
+
+- Fixed `Combobox` controlled derived state. ([#2705](https://github.com/ariakit/ariakit/pull/2705))
+
+- The `Menu`'s `disclosureElement` state is now guaranteed to be defined as the `MenuButton` element. Before, it could be overridden by a different element that received focus right before the menu opened, which could cause some weird issues. ([#2695](https://github.com/ariakit/ariakit/pull/2695))
+
+- Fixed `Tooltip` not closing when it's open while another popover is still visible. ([#2692](https://github.com/ariakit/ariakit/pull/2692))
+
+- Updated dependencies: `@ariakit/core@0.2.8`.
+
 ## 0.2.15
 
 ### Patch Changes

package/cjs/__chunks/{GHDSJPDP.cjs → 2CBM6TG2.cjs}

@@ -24,6 +24,7 @@ var _events = require('@ariakit/core/utils/events');
 var useHovercardAnchor = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, showOnHover = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
+    const mounted = store.useState("mounted");
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     const showTimeoutRef = _react.useRef.call(void 0, 0);
     _react.useEffect.call(void 0, () => () => window.clearTimeout(showTimeoutRef.current), []);
@@ -66,7 +67,14 @@ var useHovercardAnchor = _CWY2PHPRcjs.createHook.call(void 0,
       }
     );
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store.setAnchorElement, props.ref),
+      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, 
+        store.setAnchorElement,
+        // We need to set the anchor element as the hovercard disclosure
+        // disclosure element only when the hovercard is shown so it doesn't get
+        // assigned an arbitrary element by the dialog component.
+        mounted ? store.setDisclosureElement : void 0,
+        props.ref
+      ),
       onMouseMove
     });
     props = _I4JDDV3Vcjs.useFocusable.call(void 0, props);

package/cjs/__chunks/{7AY74MRV.cjs → 2GAPZOO5.cjs}

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

package/cjs/__chunks/{4ALK6CLY.cjs → 3ALHBZ3R.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HV7BPIPPcjs = require('./HV7BPIPP.cjs');
+var _MNUCM2FPcjs = require('./MNUCM2FP.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -344,7 +344,7 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _HV7BPIPPcjs.useDialog.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _MNUCM2FPcjs.useDialog.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       modal,
       preserveTabOrder,

package/cjs/__chunks/{PJQOOE4T.cjs → 4ZIMX233.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _4ALK6CLYcjs = require('./4ALK6CLY.cjs');
+var _3ALHBZ3Rcjs = require('./3ALHBZ3R.cjs');
 
 
 
@@ -39,6 +39,7 @@ var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
+var _store = require('@ariakit/core/utils/store');
 var _jsxruntime = require('react/jsx-runtime');
 function isMovingOnHovercard(target, card, anchor, nested) {
   if (_focus.hasFocusWithin.call(void 0, card))
@@ -95,12 +96,9 @@ function useAutoFocusOnHide(_a) {
   });
   const finalFocusRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    return store.sync(
-      (state) => {
-        finalFocusRef.current = state.anchorElement;
-      },
-      ["anchorElement"]
-    );
+    return _store.sync.call(void 0, store, ["anchorElement"], (state) => {
+      finalFocusRef.current = state.anchorElement;
+    });
   }, []);
   props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
     autoFocusOnHide,
@@ -264,7 +262,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 = _4ALK6CLYcjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _3ALHBZ3Rcjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal

package/cjs/__chunks/{XE2DJMCI.cjs → 6BAHKJ5K.cjs}

@@ -11,6 +11,7 @@ var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
+var _store = require('@ariakit/core/utils/store');
 var _jsxruntime = require('react/jsx-runtime');
 var NestedDialogsContext = _react.createContext.call(void 0, {});
 function useNestedDialogs(store) {
@@ -27,28 +28,21 @@ function useNestedDialogs(store) {
     [context]
   );
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
-    return store.sync(
-      (state) => {
-        var _a;
-        if (!state.open)
-          return;
-        if (!state.contentElement)
-          return;
-        return (_a = context.add) == null ? void 0 : _a.call(context, store);
-      },
-      ["open", "contentElement"]
-    );
+    return _store.sync.call(void 0, store, ["open", "contentElement"], (state) => {
+      var _a;
+      if (!state.open)
+        return;
+      if (!state.contentElement)
+        return;
+      return (_a = context.add) == null ? void 0 : _a.call(context, store);
+    });
   }, [store, context]);
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
-    var _a;
-    return (_a = context.store) == null ? void 0 : _a.sync(
-      (state) => {
-        if (state.open)
-          return;
-        store.hide();
-      },
-      ["open"]
-    );
+    return _store.sync.call(void 0, context.store, ["open"], (state) => {
+      if (state.open)
+        return;
+      store.hide();
+    });
   }, [context, store]);
   const providerValue = _react.useMemo.call(void 0, () => ({ store, add }), [store, add]);
   const wrapElement = _react.useCallback.call(void 0, 

package/cjs/__chunks/{RO6U6W2X.cjs → 6XUE2BI4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _LHLJ5HWHcjs = require('./LHLJ5HWH.cjs');
+var _RYHFE3BIcjs = require('./RYHFE3BI.cjs');
 
 
 var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
@@ -11,7 +11,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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 = _LHLJ5HWHcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _RYHFE3BIcjs.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 = _MEIHBPXGcjs.useStoreState.call(void 0, 
+  const orientation = (_a2 = _MPGRRS75cjs.useStoreState.call(void 0, 
     store,
     (state) => (orientationProp != null ? orientationProp : state.orientation === "both") ? "vertical" : state.orientation
   )) != null ? _a2 : orientationProp;
-  const items = _MEIHBPXGcjs.useStoreState.call(void 0, store, (state) => {
+  const items = _MPGRRS75cjs.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 = _MEIHBPXGcjs.useStoreState.call(void 0, store, "activeId");
+  const activeId = _MPGRRS75cjs.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 _LHLJ5HWHcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  return _RYHFE3BIcjs.useCollectionRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,

package/cjs/__chunks/{B4KY2VS7.cjs → ATSMFQCO.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 _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -12,12 +12,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _MEIHBPXGcjs.useStore.call(void 0, 
+  const store = _MPGRRS75cjs.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/{IIT6ECXG.cjs → BOBM73LT.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 _UQ677BGWcjs = require('./UQ677BGW.cjs');
+var _OJKRJ6N2cjs = require('./OJKRJ6N2.cjs');
 
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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 _UQ677BGWcjs.usePopoverStoreOptions.call(void 0, props);
+  return _OJKRJ6N2cjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  store = _UQ677BGWcjs.usePopoverStoreProps.call(void 0, store, props);
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "timeout");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  store = _OJKRJ6N2cjs.usePopoverStoreProps.call(void 0, store, props);
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "timeout");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "hideTimeout");
   return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _MEIHBPXGcjs.useStore.call(void 0, 
+  const store = _MPGRRS75cjs.useStore.call(void 0, 
     () => Core.createHovercardStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useHovercardStoreProps(store, props);

package/cjs/__chunks/{COQS7NEY.cjs → BPAMJRUF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5PVFQNEKcjs = require('./5PVFQNEK.cjs');
+var _ZK5KHSMPcjs = require('./ZK5KHSMP.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 = _5PVFQNEKcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _ZK5KHSMPcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{GJDDV2DB.cjs → CRKIULUL.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 _B4KY2VS7cjs = require('./B4KY2VS7.cjs');
+var _ATSMFQCOcjs = require('./ATSMFQCO.cjs');
 
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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 _B4KY2VS7cjs.useCollectionStoreOptions.call(void 0, props);
+  return _ATSMFQCOcjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useCompositeStoreProps(store, props) {
-  store = _B4KY2VS7cjs.useCollectionStoreProps.call(void 0, store, props);
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _ATSMFQCOcjs.useCollectionStoreProps.call(void 0, store, props);
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "orientation");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "rtl");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
-  const store = _MEIHBPXGcjs.useStore.call(void 0, 
+  const store = _MPGRRS75cjs.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/{AGHEZ6QM.cjs → DZGTHAPX.cjs}

@@ -18,7 +18,7 @@ var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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 = !!_MEIHBPXGcjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_MPGRRS75cjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );

package/cjs/__chunks/{KAIRFV3B.cjs → EHQTSSAA.cjs}

@@ -3,7 +3,7 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _5PVFQNEKcjs = require('./5PVFQNEK.cjs');
+var _ZK5KHSMPcjs = require('./ZK5KHSMP.cjs');
 
 
 
@@ -11,7 +11,7 @@ var _5PVFQNEKcjs = require('./5PVFQNEK.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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 = _MEIHBPXGcjs.useStoreState.call(void 0, 
+    const isChecked = (_a2 = _MPGRRS75cjs.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 = _5PVFQNEKcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _ZK5KHSMPcjs.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/{SIVNE3PR.cjs → ETK4FMZH.cjs}

@@ -36,18 +36,18 @@ var useCollectionItem = _CWY2PHPRcjs.createHook.call(void 0,
     const context = _react.useContext.call(void 0, _ZQAFJQIScjs.CollectionContext);
     store = store || context;
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
-    const unrenderItem = _react.useRef.call(void 0, );
-    const ref = _react.useCallback.call(void 0, 
-      (element2) => {
-        var _a2;
-        if (!element2 || !id || !shouldRegisterItem) {
-          return (_a2 = unrenderItem.current) == null ? void 0 : _a2.call(unrenderItem);
-        }
-        const item = getItem({ id, element: element2 });
-        unrenderItem.current = store == null ? void 0 : store.renderItem(item);
-      },
-      [id, shouldRegisterItem, getItem, store]
-    );
+    const ref = _react.useRef.call(void 0, element);
+    _react.useEffect.call(void 0, () => {
+      const element2 = ref.current;
+      if (!id)
+        return;
+      if (!element2)
+        return;
+      if (!shouldRegisterItem)
+        return;
+      const item = getItem({ id, element: element2 });
+      return store == null ? void 0 : store.renderItem(item);
+    }, [id, shouldRegisterItem, getItem, store]);
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
     });

package/cjs/__chunks/{YBLCB5MM.cjs → HOHFF2K6.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 _ZC54XMTAcjs = require('./ZC54XMTA.cjs');
+var _OVOYNBFCcjs = require('./OVOYNBFC.cjs');
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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 _ZC54XMTAcjs.useDisclosureStoreOptions.call(void 0, props);
+  return _OVOYNBFCcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _ZC54XMTAcjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _OVOYNBFCcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _MEIHBPXGcjs.useStore.call(void 0, 
+  const store = _MPGRRS75cjs.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/{VXMYNJ4Z.cjs → KCH72A7J.cjs}

@@ -11,7 +11,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.cjs');
 
 
 
@@ -69,7 +69,7 @@ var useCompositeContainer = _CWY2PHPRcjs.createHook.call(void 0,
       isOpenRef.current = false;
       _focus.disableFocusIn.call(void 0, container);
     };
-    const renderedItems = _MEIHBPXGcjs.useStoreState.call(void 0, store, "renderedItems");
+    const renderedItems = _MPGRRS75cjs.useStoreState.call(void 0, store, "renderedItems");
     _react.useEffect.call(void 0, () => {
       const container = ref.current;
       if (!container)

package/cjs/__chunks/{GYMLYZWR.cjs → LRB2BIFR.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 _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.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) {
-  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _MPGRRS75cjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _MEIHBPXGcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _MPGRRS75cjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{RS6F2A54.cjs → MNRJXH5I.cjs}

@@ -10,7 +10,7 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 var _WWIZUBSBcjs = require('./WWIZUBSB.cjs');
 
 
-var _5PVFQNEKcjs = require('./5PVFQNEK.cjs');
+var _ZK5KHSMPcjs = require('./ZK5KHSMP.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _5PVFQNEKcjs = require('./5PVFQNEK.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
+var _MPGRRS75cjs = require('./MPGRRS75.cjs');
 
 
 
@@ -75,7 +75,7 @@ var useMenuItem = _CWY2PHPRcjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _MEIHBPXGcjs.useStoreState.call(void 0, 
+    const contentElement = _MPGRRS75cjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -85,7 +85,7 @@ var useMenuItem = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _5PVFQNEKcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _ZK5KHSMPcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
     props = _WWIZUBSBcjs.useCompositeHover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{HV7BPIPP.cjs → MNUCM2FP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _2BUZEL3Hcjs = require('./2BUZEL3H.cjs');
+var _TUSNAJ32cjs = require('./TUSNAJ32.cjs');
 
 
 var _CHVOMF22cjs = require('./CHVOMF22.cjs');
@@ -12,7 +12,7 @@ var _FA3DXDDTcjs = require('./FA3DXDDT.cjs');
 var _F4UT5TWUcjs = require('./F4UT5TWU.cjs');
 
 
-var _XE2DJMCIcjs = require('./XE2DJMCI.cjs');
+var _6BAHKJ5Kcjs = require('./6BAHKJ5K.cjs');
 
 
 var _KJBIRAH5cjs = require('./KJBIRAH5.cjs');
@@ -152,7 +152,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     const hidden = _SZTCN3SGcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
     _F4UT5TWUcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
     _KJBIRAH5cjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
-    const { wrapElement, nestedDialogs } = _XE2DJMCIcjs.useNestedDialogs.call(void 0, store);
+    const { wrapElement, nestedDialogs } = _6BAHKJ5Kcjs.useNestedDialogs.call(void 0, store);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
     _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!open)
@@ -166,7 +166,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       if (dialog && _dom.contains.call(void 0, dialog, activeElement))
         return;
       store.setDisclosureElement(activeElement);
-    }, [open]);
+    }, [open, store]);
     if (isSafariBrowser) {
       _react.useEffect.call(void 0, () => {
         if (!mounted)
@@ -194,7 +194,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         return () => {
           disclosureElement.removeEventListener("mousedown", onMouseDown);
         };
-      }, [mounted]);
+      }, [mounted, store]);
     }
     const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
     // dialog is a modal. But the Portal component can't preserve the tab
@@ -405,7 +405,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         store.hide();
       };
       return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
-    }, [mounted, domReady, hideOnEscapeProp]);
+    }, [mounted, domReady, store, hideOnEscapeProp]);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
@@ -420,7 +420,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, 
-            _2BUZEL3Hcjs.DialogBackdrop,
+            _TUSNAJ32cjs.DialogBackdrop,
             {
               store,
               backdrop,