@ariakit/react-core 0.2.13 → 0.2.15

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @ariakit/react-core
 
+## 0.2.15
+
+### Patch Changes
+
+- Fixed clicking on a custom dialog backdrop hiding all parent dialogs. ([#2688](https://github.com/ariakit/ariakit/pull/2688))
+
+- Fixed `ReactDOM.flushSync` warning on low-end devices. ([#2677](https://github.com/ariakit/ariakit/pull/2677))
+
+- Fixed `Tooltip` not hiding when opening a dialog that was previously unmounted. ([#2691](https://github.com/ariakit/ariakit/pull/2691))
+
+- Fixed `Focusable` not triggering `onFocusVisible` (and thus not rendering the `data-focus-visible` attribute) when an element is focused after closing a dialog. ([#2691](https://github.com/ariakit/ariakit/pull/2691))
+
+- Fixed `Tooltip` showing on mouse move right after it was dismissed (by pressing Esc or opening a popover, for example). ([#2691](https://github.com/ariakit/ariakit/pull/2691))
+
+## 0.2.14
+
+### Patch Changes
+
+- Fixed `flushSync` warning. ([#2672](https://github.com/ariakit/ariakit/pull/2672))
+
 ## 0.2.13
 
 ### Patch Changes

package/cjs/__chunks/{46W63N4E.cjs → 2BUZEL3H.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _FSADYSOPcjs = require('./FSADYSOP.cjs');
+var _HTEAWNBYcjs = require('./HTEAWNBY.cjs');
 
 
 var _AGPJKWIOcjs = require('./AGPJKWIO.cjs');
@@ -9,7 +9,7 @@ var _AGPJKWIOcjs = require('./AGPJKWIO.cjs');
 var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
 
 
-var _N6GWKAPTcjs = require('./N6GWKAPT.cjs');
+var _ZC54XMTAcjs = require('./ZC54XMTA.cjs');
 
 
 
@@ -30,7 +30,7 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _N6GWKAPTcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const disclosure = _ZC54XMTAcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
@@ -48,7 +48,7 @@ function DialogBackdrop({
     const backdrop2 = ref.current;
     if (!backdrop2)
       return;
-    return _FSADYSOPcjs.markAncestor.call(void 0, backdrop2, id);
+    return _HTEAWNBYcjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
   if (hidden != null) {
     backdropProps = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });

package/cjs/__chunks/{I6HKRJRJ.cjs → 4ALK6CLY.cjs}

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

package/cjs/__chunks/{E6GEUTTK.cjs → 5PVFQNEK.cjs}

@@ -21,7 +21,7 @@ var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _XWCRD3TOcjs = require('./XWCRD3TO.cjs');
+var _MEIHBPXGcjs = require('./MEIHBPXG.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 = _XWCRD3TOcjs.useStoreState.call(void 0, store, (state) => {
+    const rowId = _MEIHBPXGcjs.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 = _XWCRD3TOcjs.useStoreState.call(void 0, 
+    const baseElement = _MEIHBPXGcjs.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 = _XWCRD3TOcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
-    const virtualFocus = _XWCRD3TOcjs.useStoreState.call(void 0, store, "virtualFocus");
+    const isActiveItem = _MEIHBPXGcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const virtualFocus = _MEIHBPXGcjs.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 = _XWCRD3TOcjs.useStoreState.call(void 0, store, (state) => {
+    const ariaSetSize = _MEIHBPXGcjs.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 = _XWCRD3TOcjs.useStoreState.call(void 0, store, (state) => {
+    const ariaPosInSet = _MEIHBPXGcjs.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 = _XWCRD3TOcjs.useStoreState.call(void 0, store, (state) => {
+    const isTabbable = (_a2 = _MEIHBPXGcjs.useStoreState.call(void 0, store, (state) => {
       if (!state.renderedItems.length)
         return true;
       return !state.virtualFocus && state.activeId === id;

package/cjs/__chunks/{EB6HX5QF.cjs → 7AY74MRV.cjs}

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

package/cjs/__chunks/{YDQ6MWAU.cjs → AGHEZ6QM.cjs}

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

package/cjs/__chunks/{K7C3WV6U.cjs → B4KY2VS7.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 _XWCRD3TOcjs = require('./XWCRD3TO.cjs');
+var _MEIHBPXGcjs = require('./MEIHBPXG.cjs');
 
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
@@ -12,12 +12,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _XWCRD3TOcjs.useStore.call(void 0, 
+  const store = _MEIHBPXGcjs.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/{ZWMVFMQY.cjs → CHVOMF22.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _O22LNQHScjs = require('./O22LNQHS.cjs');
+var _FA3DXDDTcjs = require('./FA3DXDDT.cjs');
 
 
 var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
@@ -14,7 +14,7 @@ var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
 var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
-var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
+var _PD5YFDLOcjs = require('./PD5YFDLO.cjs');
 
 // src/dialog/utils/disable-tree-outside.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -27,7 +27,7 @@ function disableElement(element) {
     return _BWQVQDGCcjs.setProperty.call(void 0, element, "inert", true);
   }
   return _misc.chain.call(void 0, 
-    _O22LNQHScjs.hideElementFromAccessibilityTree.call(void 0, element),
+    _FA3DXDDTcjs.hideElementFromAccessibilityTree.call(void 0, element),
     _BWQVQDGCcjs.assignStyle.call(void 0, element, {
       pointerEvents: "none",
       userSelect: "none",
@@ -45,7 +45,7 @@ function disableTreeOutside(...elements) {
       cleanups.unshift(_BWQVQDGCcjs.setAttribute.call(void 0, element, "tabindex", "-1"));
     });
   }
-  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
+  _PD5YFDLOcjs.walkTreeOutside.call(void 0, elements, (element) => {
     if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
       return;
     cleanups.unshift(disableElement(element));

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

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

package/cjs/__chunks/{O22LNQHS.cjs → FA3DXDDT.cjs}

@@ -6,7 +6,7 @@ var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
 var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
-var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
+var _PD5YFDLOcjs = require('./PD5YFDLO.cjs');
 
 // src/dialog/utils/disable-accessibility-tree-outside.ts
 function hideElementFromAccessibilityTree(element) {
@@ -15,7 +15,7 @@ function hideElementFromAccessibilityTree(element) {
 function disableAccessibilityTreeOutside(...elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
+  _PD5YFDLOcjs.walkTreeOutside.call(void 0, elements, (element) => {
     if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
       return;
     cleanups.unshift(hideElementFromAccessibilityTree(element));

package/cjs/__chunks/{5LF25CUD.cjs → GJDDV2DB.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 _K7C3WV6Ucjs = require('./K7C3WV6U.cjs');
+var _B4KY2VS7cjs = require('./B4KY2VS7.cjs');
 
 
 
-var _XWCRD3TOcjs = require('./XWCRD3TO.cjs');
+var _MEIHBPXGcjs = require('./MEIHBPXG.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 _K7C3WV6Ucjs.useCollectionStoreOptions.call(void 0, props);
+  return _B4KY2VS7cjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useCompositeStoreProps(store, props) {
-  store = _K7C3WV6Ucjs.useCollectionStoreProps.call(void 0, store, props);
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  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");
   return store;
 }
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
-  const store = _XWCRD3TOcjs.useStore.call(void 0, 
+  const store = _MEIHBPXGcjs.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/{ATE4NNYG.cjs → GYMLYZWR.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 _XWCRD3TOcjs = require('./XWCRD3TO.cjs');
+var _MEIHBPXGcjs = require('./MEIHBPXG.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) {
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _MEIHBPXGcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _XWCRD3TOcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _MEIHBPXGcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{FSADYSOP.cjs → HTEAWNBY.cjs}

@@ -6,7 +6,7 @@ var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
 var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
-var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
+var _PD5YFDLOcjs = require('./PD5YFDLO.cjs');
 
 // src/dialog/utils/mark-tree-outside.ts
 var _misc = require('@ariakit/core/utils/misc');
@@ -15,12 +15,18 @@ function getPropertyName(id = "", ancestor = false) {
 }
 function markElement(element, id = "") {
   return _misc.chain.call(void 0, 
+    // Debug
+    // setAttribute(element, getPropertyName(), "true"),
+    // setAttribute(element, getPropertyName(id), "true"),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(), true),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(id), true)
   );
 }
 function markAncestor(element, id = "") {
   return _misc.chain.call(void 0, 
+    // Debug
+    // setAttribute(element, getPropertyName("", true), "true"),
+    // setAttribute(element, getPropertyName(id, true), "true"),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName("", true), true),
     _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(id, true), true)
   );
@@ -41,14 +47,19 @@ function isElementMarked(element, id) {
 function markTreeOutside(dialogId, ...elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, 
+  _PD5YFDLOcjs.walkTreeOutside.call(void 0, 
     elements,
     (element) => {
       if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
         return;
       cleanups.unshift(markElement(element, dialogId));
     },
-    (ancestor) => cleanups.unshift(markAncestor(ancestor, dialogId))
+    (ancestor, element) => {
+      const isAnotherDialogAncestor = element.hasAttribute("data-dialog") && element.id !== dialogId;
+      if (isAnotherDialogAncestor)
+        return;
+      cleanups.unshift(markAncestor(ancestor, dialogId));
+    }
   );
   const restoreAccessibilityTree = () => {
     cleanups.forEach((fn) => fn());

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _46W63N4Ecjs = require('./46W63N4E.cjs');
+var _2BUZEL3Hcjs = require('./2BUZEL3H.cjs');
 
 
-var _ZWMVFMQYcjs = require('./ZWMVFMQY.cjs');
+var _CHVOMF22cjs = require('./CHVOMF22.cjs');
 
 
-var _O22LNQHScjs = require('./O22LNQHS.cjs');
+var _FA3DXDDTcjs = require('./FA3DXDDT.cjs');
 
 
 var _F4UT5TWUcjs = require('./F4UT5TWU.cjs');
@@ -15,11 +15,11 @@ var _F4UT5TWUcjs = require('./F4UT5TWU.cjs');
 var _XE2DJMCIcjs = require('./XE2DJMCI.cjs');
 
 
-var _HUVFPCMZcjs = require('./HUVFPCMZ.cjs');
+var _KJBIRAH5cjs = require('./KJBIRAH5.cjs');
 
 
 
-var _FSADYSOPcjs = require('./FSADYSOP.cjs');
+var _HTEAWNBYcjs = require('./HTEAWNBY.cjs');
 
 
 var _W32FX7DMcjs = require('./W32FX7DM.cjs');
@@ -151,7 +151,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
     const contentElement = store.useState("contentElement");
     const hidden = _SZTCN3SGcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
     _F4UT5TWUcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
-    _HUVFPCMZcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
+    _KJBIRAH5cjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
     const { wrapElement, nestedDialogs } = _XE2DJMCIcjs.useNestedDialogs.call(void 0, store);
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
     _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
@@ -234,17 +234,17 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
       ];
       if (!shouldDisableAccessibilityTree) {
-        return _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
+        return _HTEAWNBYcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
       }
       if (modal) {
         return _misc.chain.call(void 0, 
-          _FSADYSOPcjs.markTreeOutside.call(void 0, id, ...allElements),
-          _ZWMVFMQYcjs.disableTreeOutside.call(void 0, ...allElements)
+          _HTEAWNBYcjs.markTreeOutside.call(void 0, id, ...allElements),
+          _CHVOMF22cjs.disableTreeOutside.call(void 0, ...allElements)
         );
       }
       return _misc.chain.call(void 0, 
-        _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
-        _O22LNQHScjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
+        _HTEAWNBYcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
+        _FA3DXDDTcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
       );
     }, [
       domReady,
@@ -309,16 +309,13 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
       setHasOpened(true);
       return () => setHasOpened(false);
     }, [open]);
-    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (!hasOpened)
-        return;
-      if (!mayAutoFocusOnHide)
-        return;
-      const dialog = ref.current;
-      const focusOnHide = (retry = true) => {
+    const focusOnHide = _react.useCallback.call(void 0, 
+      (dialog, retry = true) => {
+        const { open: open2, disclosureElement } = store.getState();
+        if (open2)
+          return;
         if (isAlreadyFocusingAnotherElement(dialog))
           return;
-        const { disclosureElement } = store.getState();
         let element = getElementFromProp(finalFocus) || disclosureElement;
         if (element == null ? void 0 : element.id) {
           const doc = _dom.getDocument.call(void 0, element);
@@ -341,7 +338,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         }
         const isElementFocusable = element && _focus.isFocusable.call(void 0, element);
         if (!isElementFocusable && retry) {
-          requestAnimationFrame(() => focusOnHide(false));
+          requestAnimationFrame(() => focusOnHide(dialog, false));
           return;
         }
         if (!autoFocusOnHideProp(isElementFocusable ? element : null))
@@ -349,12 +346,27 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         if (!isElementFocusable)
           return;
         element == null ? void 0 : element.focus();
-      };
-      if (!open) {
-        return focusOnHide();
-      }
-      return focusOnHide;
-    }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
+      },
+      [store, finalFocus, autoFocusOnHideProp]
+    );
+    _react.useEffect.call(void 0, () => {
+      if (open)
+        return;
+      if (!hasOpened)
+        return;
+      if (!mayAutoFocusOnHide)
+        return;
+      const dialog = ref.current;
+      focusOnHide(dialog);
+    }, [open, hasOpened, mayAutoFocusOnHide, focusOnHide]);
+    _react.useEffect.call(void 0, () => {
+      if (!hasOpened)
+        return;
+      if (!mayAutoFocusOnHide)
+        return;
+      const dialog = ref.current;
+      return () => focusOnHide(dialog);
+    }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
     const hideOnEscapeProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnEscape);
     _react.useEffect.call(void 0, () => {
       if (!domReady)
@@ -369,7 +381,7 @@ var useDialog = _CWY2PHPRcjs.createHook.call(void 0,
         const dialog = ref.current;
         if (!dialog)
           return;
-        if (_FSADYSOPcjs.isElementMarked.call(void 0, dialog))
+        if (_HTEAWNBYcjs.isElementMarked.call(void 0, dialog))
           return;
         const target = event.target;
         if (!target)
@@ -408,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, 
-            _46W63N4Ecjs.DialogBackdrop,
+            _2BUZEL3Hcjs.DialogBackdrop,
             {
               store,
               backdrop,

package/cjs/__chunks/{HZQ2KCIT.cjs → IIT6ECXG.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 _H6QASEXNcjs = require('./H6QASEXN.cjs');
+var _UQ677BGWcjs = require('./UQ677BGW.cjs');
 
 
 
-var _XWCRD3TOcjs = require('./XWCRD3TO.cjs');
+var _MEIHBPXGcjs = require('./MEIHBPXG.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 _H6QASEXNcjs.usePopoverStoreOptions.call(void 0, props);
+  return _UQ677BGWcjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  store = _H6QASEXNcjs.usePopoverStoreProps.call(void 0, store, props);
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "timeout");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _XWCRD3TOcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  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");
   return store;
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _XWCRD3TOcjs.useStore.call(void 0, 
+  const store = _MEIHBPXGcjs.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/{POWPPQ66.cjs → KAIRFV3B.cjs}

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