@ariakit/react-core 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @ariakit/react-core
 
+## 0.1.5
+
+### Patch Changes
+
+- Fixed `FormRadio` error when not explicitly providing the composite store. ([#2313](https://github.com/ariakit/ariakit/pull/2313))
+
+- Fixed invariant error messages on `Menu` components. ([#2318](https://github.com/ariakit/ariakit/pull/2318))
+
+- Updated validate and submit callbacks on `Form` so they always run in a consistent order. ([#2319](https://github.com/ariakit/ariakit/pull/2319))
+
+- Fixed nested `Dialog` components when they are conditionally mounted. ([#2310](https://github.com/ariakit/ariakit/pull/2310))
+
+- Updated dependencies: `@ariakit/core@0.1.3`.
+
+## 0.1.4
+
+### Patch Changes
+
+- Added support for the `inert` attribute on the `Dialog` component. If the browser supports `inert`, modal dialogs will now use it rather than focus trap regions. ([#2301](https://github.com/ariakit/ariakit/pull/2301))
+
+- Fixed nested modal `Dialog` also closing the parent dialog when clicking outside. ([#2300](https://github.com/ariakit/ariakit/pull/2300))
+
+- Fixed modal `Dialog` eventually losing focus to `document.body`. ([#2300](https://github.com/ariakit/ariakit/pull/2300))
+
+- Fixed `Combobox` with `autoSelect` and `autoComplete` set to `both` or `inline` where the completion string would lose its selected state. ([#2308](https://github.com/ariakit/ariakit/pull/2308))
+
+- Fixed `Combobox` not processing composition text (like chinese characters or accents). ([#2308](https://github.com/ariakit/ariakit/pull/2308))
+
 ## 0.1.3
 
 ### Patch Changes

package/cjs/__chunks/{NYVIJAIX.cjs → 3CPBCP3F.cjs}

@@ -11,7 +11,7 @@ var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 
 
@@ -40,7 +40,7 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
     defaultChecked,
     ...props
   }) => {
-    const storeChecked = _F6IOE5QTcjs.useStoreState.call(void 0, store, (state) => {
+    const storeChecked = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
       if (state.value === void 0)

package/cjs/__chunks/{FSEBHZVD.cjs → 63KDRM7J.cjs}

@@ -3,7 +3,7 @@
 var _7JKSDWVFcjs = require('./7JKSDWVF.cjs');
 
 
-var _TIVUAJD3cjs = require('./TIVUAJD3.cjs');
+var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
 
 
 
@@ -11,7 +11,7 @@ var _TIVUAJD3cjs = require('./TIVUAJD3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 
 
@@ -38,7 +38,7 @@ var useRadio = _UYIFJ7U3cjs.createHook.call(void 0,
     store = store || context;
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const isChecked = _nullishCoalesce(_F6IOE5QTcjs.useStoreState.call(void 0, 
+    const isChecked = _nullishCoalesce(_TQ3ZXPQLcjs.useStoreState.call(void 0, 
       store,
       (state) => _nullishCoalesce(checked, () => ( getIsChecked(value, state.value)))
     ), () => ( checked));
@@ -105,7 +105,7 @@ var useRadio = _UYIFJ7U3cjs.createHook.call(void 0,
       onClick,
       onFocus
     };
-    props = _TIVUAJD3cjs.useCompositeItem.call(void 0, { store, clickOnEnter: !nativeRadio, ...props });
+    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { store, clickOnEnter: !nativeRadio, ...props });
     return {
       value: nativeRadio ? value : void 0,
       checked: isChecked,

package/cjs/__chunks/{WYGT6WVD.cjs → BJ6S3SB5.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 _H5Z2A5K2cjs = require('./H5Z2A5K2.cjs');
+var _FJEN5XPEcjs = require('./FJEN5XPE.cjs');
 
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 
 var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
@@ -16,29 +16,29 @@ function usePopoverStoreOptions(props) {
   const getAnchorRect = _5QY4WCTRcjs.useEvent.call(void 0, props.getAnchorRect);
   const renderCallback = _5QY4WCTRcjs.useEvent.call(void 0, props.renderCallback);
   return {
-    ..._H5Z2A5K2cjs.useDialogStoreOptions.call(void 0, props),
+    ..._FJEN5XPEcjs.useDialogStoreOptions.call(void 0, props),
     getAnchorRect: props.getAnchorRect ? getAnchorRect : void 0,
     renderCallback: props.renderCallback ? renderCallback : void 0
   };
 }
 function usePopoverStoreProps(store, props) {
-  store = _H5Z2A5K2cjs.useDialogStoreProps.call(void 0, store, props);
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "placement");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "fixed");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "gutter");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "flip");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "shift");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "slide");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "overlap");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "sameWidth");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "fitViewport");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "arrowPadding");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "overflowPadding");
+  store = _FJEN5XPEcjs.useDialogStoreProps.call(void 0, store, props);
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "placement");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "fixed");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "gutter");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "flip");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "shift");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "slide");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "overlap");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "sameWidth");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "fitViewport");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "arrowPadding");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "overflowPadding");
   return store;
 }
 function usePopoverStore(props = {}) {
   const options = usePopoverStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createPopoverStore({ ...props, ...options })
   );
   return usePopoverStoreProps(store, props);

package/cjs/__chunks/{IYRMREW7.cjs → BX3HGZ7I.cjs}

@@ -1,22 +1,22 @@
 "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 _WYGT6WVDcjs = require('./WYGT6WVD.cjs');
+var _BJ6S3SB5cjs = require('./BJ6S3SB5.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreOptions(props) {
-  return _WYGT6WVDcjs.usePopoverStoreOptions.call(void 0, props);
+  return _BJ6S3SB5cjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  return _WYGT6WVDcjs.usePopoverStoreProps.call(void 0, store, props);
+  return _BJ6S3SB5cjs.usePopoverStoreProps.call(void 0, store, props);
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createHovercardStore({ ...props, ...options })
   );
   return useHovercardStoreProps(store, props);

package/cjs/__chunks/{CMHDB7LY.cjs → CP6M4POZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _KWHAB2F2cjs = require('./KWHAB2F2.cjs');
+var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
 
 
 var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
@@ -39,7 +39,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(store, enabled) {
-  const isChampionDialog = _KWHAB2F2cjs.useChampionDialog.call(void 0, 
+  const isChampionDialog = _ZDO3DQPWcjs.useChampionDialog.call(void 0, 
     "data-dialog-body-scroll",
     store,
     enabled

package/cjs/__chunks/{YITIRUCT.cjs → DH774RHH.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TIVUAJD3cjs = require('./TIVUAJD3.cjs');
+var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 // src/toolbar/toolbar-item.ts
 var useToolbarItem = _UYIFJ7U3cjs.createHook.call(void 0, 
   ({ store, ...props }) => {
-    props = _TIVUAJD3cjs.useCompositeItem.call(void 0, { store, ...props });
+    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { store, ...props });
     return props;
   }
 );

package/cjs/__chunks/{ND6THRTE.cjs → EQUPHBKX.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 _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 // src/disclosure/disclosure-store.ts
 var _disclosurestore = require('@ariakit/core/disclosure/disclosure-store'); var Core = _interopRequireWildcard(_disclosurestore);
@@ -9,13 +9,13 @@ function useDisclosureStoreOptions(_props) {
   return {};
 }
 function useDisclosureStoreProps(store, props) {
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "animated");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "animated");
   return store;
 }
 function useDisclosureStore(props = {}) {
   const options = useDisclosureStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createDisclosureStore({ ...props, ...options })
   );
   return useDisclosureStoreProps(store, props);

package/cjs/__chunks/{RG6JXX7T.cjs → EZLBMRYS.cjs}

@@ -1,32 +1,32 @@
 "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 _5LMWS5O4cjs = require('./5LMWS5O4.cjs');
+var _KPYDIKOYcjs = require('./KPYDIKOY.cjs');
 
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreOptions(props) {
-  return _5LMWS5O4cjs.useCollectionStoreOptions.call(void 0, props);
+  return _KPYDIKOYcjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useCompositeStoreProps(store, props) {
-  store = _5LMWS5O4cjs.useCollectionStoreProps.call(void 0, store, props);
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _KPYDIKOYcjs.useCollectionStoreProps.call(void 0, store, props);
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createCompositeStore({ ...props, ...options })
   );
   return useCompositeStoreProps(store, props);

package/cjs/__chunks/{H5Z2A5K2.cjs → FJEN5XPE.cjs}

@@ -1,22 +1,22 @@
 "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 _ND6THRTEcjs = require('./ND6THRTE.cjs');
+var _EQUPHBKXcjs = require('./EQUPHBKX.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _ND6THRTEcjs.useDisclosureStoreOptions.call(void 0, props);
+  return _EQUPHBKXcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _ND6THRTEcjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _EQUPHBKXcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createDialogStore({ ...props, ...options })
   );
   return useDialogStoreProps(store, props);

package/cjs/__chunks/{HJTX27PU.cjs → GSMEXLDS.cjs}

@@ -3,16 +3,13 @@
 var _2ZU7T6CDcjs = require('./2ZU7T6CD.cjs');
 
 
-var _XKBGBOWQcjs = require('./XKBGBOWQ.cjs');
-
-
-var _ORRE4SVWcjs = require('./ORRE4SVW.cjs');
+var _MWKUZW4Ecjs = require('./MWKUZW4E.cjs');
 
 
 var _5EIZ4QQ7cjs = require('./5EIZ4QQ7.cjs');
 
 
-var _RDNP4FTVcjs = require('./RDNP4FTV.cjs');
+var _OKPDB2ZMcjs = require('./OKPDB2ZM.cjs');
 
 
 var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
@@ -21,13 +18,13 @@ var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
 var _ZNVMDYMMcjs = require('./ZNVMDYMM.cjs');
 
 
-var _CMHDB7LYcjs = require('./CMHDB7LY.cjs');
+var _CP6M4POZcjs = require('./CP6M4POZ.cjs');
 
 
-var _KWHAB2F2cjs = require('./KWHAB2F2.cjs');
+var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
 
 
-var _T4TB3AAZcjs = require('./T4TB3AAZ.cjs');
+var _UK7WFIG4cjs = require('./UK7WFIG4.cjs');
 
 
 var _SOPRUU56cjs = require('./SOPRUU56.cjs');
@@ -41,7 +38,7 @@ var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 var _44UMDBZEcjs = require('./44UMDBZE.cjs');
 
 
-var _IVRU7X3Pcjs = require('./IVRU7X3P.cjs');
+var _KUXCWMWWcjs = require('./KUXCWMWW.cjs');
 
 
 var _SWSQUGVGcjs = require('./SWSQUGVG.cjs');
@@ -158,20 +155,43 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       store.setDisclosureElement(activeElement);
     }, [open]);
-    const nested = _T4TB3AAZcjs.useNestedDialogs.call(void 0, store, modal);
+    const nested = _UK7WFIG4cjs.useNestedDialogs.call(void 0, store, modal);
     const { nestedDialogs, openModals, wrapElement } = nested;
     const nestedDialogsRef = _5QY4WCTRcjs.useLiveRef.call(void 0, nestedDialogs);
     const shouldPreventBodyScroll = store.useState(
       (state) => preventBodyScroll && state.mounted
     );
-    _CMHDB7LYcjs.usePreventBodyScroll.call(void 0, store, shouldPreventBodyScroll);
-    _ORRE4SVWcjs.useFocusOnChildUnmount.call(void 0, store);
-    _XKBGBOWQcjs.useHideOnInteractOutside.call(void 0, {
+    _CP6M4POZcjs.usePreventBodyScroll.call(void 0, store, shouldPreventBodyScroll);
+    _MWKUZW4Ecjs.useHideOnInteractOutside.call(void 0, {
       store,
       modal,
       hideOnInteractOutside,
       nestedDialogs
     });
+    const shouldRestoreLostFocus = _ZDO3DQPWcjs.useChampionDialog.call(void 0, 
+      "data-dialog-restore-lost-focus",
+      store,
+      open && modal && !openModals.length
+    );
+    _react.useEffect.call(void 0, () => {
+      if (!shouldRestoreLostFocus())
+        return;
+      let raf = 0;
+      const restoreLostFocus = () => {
+        const dialog = ref.current;
+        raf = requestAnimationFrame(restoreLostFocus);
+        if (!dialog)
+          return;
+        const doc = _dom.getDocument.call(void 0, dialog);
+        if (!doc.hasFocus())
+          return;
+        if (doc.activeElement !== doc.body)
+          return;
+        dialog.focus();
+      };
+      restoreLostFocus();
+      return () => cancelAnimationFrame(raf);
+    }, [shouldRestoreLostFocus]);
     const mounted = store.useState("mounted");
     if (isSafariBrowser) {
       _react.useEffect.call(void 0, () => {
@@ -217,7 +237,7 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       return _5EIZ4QQ7cjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
     }, [mounted, domReady, shouldDisableAccessibilityTree]);
-    const shouldDisableOutside = _KWHAB2F2cjs.useChampionDialog.call(void 0, 
+    const shouldDisableOutside = _ZDO3DQPWcjs.useChampionDialog.call(void 0, 
       "data-dialog-disable-outside",
       store,
       open && !openModals.length && shouldDisableAccessibilityTree
@@ -229,13 +249,11 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
       if (modal) {
         return _misc.chain.call(void 0, 
           _XFVLDGPPcjs.disableAccessibilityTreeOutside.call(void 0, element),
-          // When the backdrop is not visible, we also need to disable pointer
-          // events outside of the modal dialog.
-          !backdrop ? _RDNP4FTVcjs.disablePointerEventsOutside.call(void 0, element) : null
+          _OKPDB2ZMcjs.disableTreeOutside.call(void 0, element)
         );
       }
       return _XFVLDGPPcjs.disableAccessibilityTreeOutside.call(void 0, element);
-    }, [shouldDisableOutside, portal, portalNode, modal, backdrop]);
+    }, [shouldDisableOutside, portal, portalNode, modal]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const autoFocusOnShowProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
     _react.useEffect.call(void 0, () => {
@@ -371,9 +389,12 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
-    const shouldFocusTrap = store.useState(
-      (state) => modal && !openModals.length && state.open
-    );
+    const [shouldFocusTrap, setShouldFocusTrap] = _react.useState.call(void 0, false);
+    const hasOpenModals = !!openModals.length;
+    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+      const value = open && modal && !hasOpenModals && !("inert" in HTMLElement.prototype);
+      setShouldFocusTrap(value);
+    }, [modal, open, hasOpenModals]);
     props = _ZNVMDYMMcjs.useFocusTrapRegion.call(void 0, { ...props, enabled: shouldFocusTrap });
     const hiddenProp = props.hidden;
     props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
@@ -423,7 +444,7 @@ var useDialog = _UYIFJ7U3cjs.createHook.call(void 0,
     };
     props = _SWSQUGVGcjs.useDisclosureContent.call(void 0, { store, ...props });
     props = _44UMDBZEcjs.useFocusable.call(void 0, { ...props, focusable });
-    props = _IVRU7X3Pcjs.usePortal.call(void 0, { portal, ...props, portalRef, preserveTabOrder });
+    props = _KUXCWMWWcjs.usePortal.call(void 0, { portal, ...props, portalRef, preserveTabOrder });
     return props;
   }
 );

package/cjs/__chunks/{KIZFPB5R.cjs → J3TNGZSO.cjs}

@@ -10,7 +10,7 @@ var _F2O4M6DRcjs = require('./F2O4M6DR.cjs');
 var _TBYPXZ5Hcjs = require('./TBYPXZ5H.cjs');
 
 
-var _TIVUAJD3cjs = require('./TIVUAJD3.cjs');
+var _TZBXRN4Ucjs = require('./TZBXRN4U.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _TIVUAJD3cjs = require('./TIVUAJD3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 
 
@@ -42,7 +42,7 @@ var useMenuItem = _UYIFJ7U3cjs.createHook.call(void 0,
     store = store || menuContext || menuBarContext;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, MenuPopover or MenuBar component"
+      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or MenuBar component"
     );
     const onClickProp = props.onClick;
     const hideOnClickProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnClick);
@@ -65,7 +65,7 @@ var useMenuItem = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _F6IOE5QTcjs.useStoreState.call(void 0, 
+    const contentElement = _TQ3ZXPQLcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -75,7 +75,7 @@ var useMenuItem = _UYIFJ7U3cjs.createHook.call(void 0,
       ...props,
       onClick
     };
-    props = _TIVUAJD3cjs.useCompositeItem.call(void 0, { store, preventScrollOnKeyDown, ...props });
+    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { store, preventScrollOnKeyDown, ...props });
     props = _TBYPXZ5Hcjs.useCompositeHover.call(void 0, {
       store,
       ...props,

package/cjs/__chunks/{5LMWS5O4.cjs → KPYDIKOY.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 _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 // src/collection/collection-store.ts
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
@@ -9,12 +9,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createCollectionStore({ ...props, ...options })
   );
   return useCollectionStoreProps(store, props);

package/cjs/__chunks/{IVRU7X3P.cjs → KUXCWMWW.cjs}

@@ -122,7 +122,15 @@ var usePortal = _UYIFJ7U3cjs.createHook.call(void 0,
         if (!portal)
           return element;
         if (!portalNode) {
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: refProp, id: props.id, style: { position: "fixed" } });
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              ref: refProp,
+              id: props.id,
+              style: { position: "fixed" },
+              hidden: true
+            }
+          );
         }
         element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/cjs/__chunks/{XKBGBOWQ.cjs → MWKUZW4E.cjs}

@@ -115,6 +115,8 @@ function useHideOnInteractOutside({
       const previousMouseDown = previousMouseDownRef.current;
       if (!previousMouseDown)
         return;
+      if (!_dom.isVisible.call(void 0, previousMouseDown))
+        return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
         if (!modal)
           return;

package/cjs/__chunks/{3QEUUQVB.cjs → NKZKDBAR.cjs}

@@ -18,10 +18,6 @@ var useCollectionItem = _UYIFJ7U3cjs.createHook.call(void 0,
   ({ store, shouldRegisterItem = true, getItem = _misc.identity, ...props }) => {
     const context = _react.useContext.call(void 0, _ZQAFJQIScjs.CollectionContext);
     store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "CollectionItem must be wrapped in a Collection component"
-    );
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const unrenderItem = _react.useRef.call(void 0, );
     const ref = _react.useCallback.call(void 0, 

package/cjs/__chunks/OKPDB2ZM.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _YHG3KGFWcjs = require('./YHG3KGFW.cjs');
+
+// src/dialog/utils/disable-tree-outside.ts
+var _misc = require('@ariakit/core/utils/misc');
+function assignStyle(element, style) {
+  if (!element)
+    return () => {
+    };
+  const previousStyle = element.style.cssText;
+  Object.assign(element.style, style);
+  return () => {
+    element.style.cssText = previousStyle;
+  };
+}
+function disableElement(element) {
+  if (!("style" in element))
+    return _misc.noop;
+  const previousInert = element.inert;
+  element.inert = true;
+  return _misc.chain.call(void 0, 
+    assignStyle(element, {
+      pointerEvents: "none",
+      userSelect: "none",
+      cursor: "default"
+    }),
+    () => element.inert = previousInert
+  );
+}
+function disableTreeOutside(...elements) {
+  const cleanups = [];
+  _YHG3KGFWcjs.walkTreeOutside.call(void 0, elements, (element) => {
+    cleanups.unshift(disableElement(element));
+  });
+  const restorePointerEvents = () => {
+    cleanups.forEach((fn) => fn());
+  };
+  return restorePointerEvents;
+}
+
+
+
+exports.disableTreeOutside = disableTreeOutside;

package/cjs/__chunks/{ABU7PK6G.cjs → PZ72QR7P.cjs}

@@ -11,7 +11,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 
 
@@ -63,7 +63,7 @@ var useCompositeContainer = _UYIFJ7U3cjs.createHook.call(void 0,
       isOpenRef.current = false;
       _focus.disableFocusIn.call(void 0, container);
     };
-    const renderedItems = _F6IOE5QTcjs.useStoreState.call(void 0, store, "renderedItems");
+    const renderedItems = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, "renderedItems");
     _react.useEffect.call(void 0, () => {
       const container = ref.current;
       if (!container)

package/cjs/__chunks/{7HZT2AAH.cjs → SGWCIO3J.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _LH4INSYScjs = require('./LH4INSYS.cjs');
+var _UYAQKYEJcjs = require('./UYAQKYEJ.cjs');
 
 
 
@@ -268,7 +268,7 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
     };
     props = useAutoFocusOnHide({ store, ...props });
     props = useAutoFocusOnShow({ store, modal, ...props });
-    props = _LH4INSYScjs.usePopover.call(void 0, {
+    props = _UYAQKYEJcjs.usePopover.call(void 0, {
       hideOnEscape,
       store,
       modal,