@ariakit/react-core 0.3.2 → 0.3.4

package/CHANGELOG.md

@@ -1,5 +1,113 @@
 # @ariakit/react-core
 
+## 0.3.4
+
+### Patch Changes
+
+- [`#2894`](https://github.com/ariakit/ariakit/pull/2894) Fixed [Command](https://ariakit.org/components/command) and related components not preventing the default behavior on <kbd>Space</kbd> keyup on non-native button elements.
+
+- [`#2896`](https://github.com/ariakit/ariakit/pull/2896) Controlled store updates are no longer flushed synchronously.
+
+  Previously, we were wrapping _all_ controlled store updates with [`ReactDOM.flushSync`](https://react.dev/reference/react-dom/flushSync). This approach proved to be quite fragile and led to a few problems. Now, we only apply this to specific updates that require synchronous flushing.
+
+  This change shouldn't impact your application, unless you're already facing problems, which could be fixed by this. If you find any issues stemming from this change, please let us know. Regardless, you can always opt into the previous behavior by wrapping your own updates in `flushSync` when needed:
+
+  ```js
+  const [open, setOpen] = useState(false);
+
+  useDialogStore({
+    open,
+    setOpen(open) {
+      ReactDOM.flushSync(() => setOpen(open));
+    },
+  });
+  ```
+
+- [`#2897`](https://github.com/ariakit/ariakit/pull/2897) Fixed `CompositeRenderer` missing its `items` state when used in a component with a `mounted` state.
+
+- [`#2909`](https://github.com/ariakit/ariakit/pull/2909) Fixed [Disclosure](https://ariakit.org/components/disclosure) and related components not waiting for the exit animation to complete before hiding the content element.
+
+- [`#2909`](https://github.com/ariakit/ariakit/pull/2909) The [Dialog](https://ariakit.org/components/dialog) and related components can now receive controlled [`open`](https://ariakit.org/reference/dialog#open) and [`onClose`](https://ariakit.org/reference/dialog#onclose) props, allowing them to be used without a store:
+
+  ```jsx
+  const [open, setOpen] = useState(false);
+
+  <Dialog
+    open={open}
+    onClose={() => setOpen(false)}
+  >
+  ```
+
+- [`#2922`](https://github.com/ariakit/ariakit/pull/2922) Added [`unmountOnHide`](https://ariakit.org/reference/disclosure-content#unmountonhide) prop to [`DisclosureContent`](https://ariakit.org/reference/disclosure-content), [`Dialog`](https://ariakit.org/reference/dialog) and related components.
+
+  Conditionally rendering the [`Dialog`](https://ariakit.org/reference/dialog) and related components will continue to work as before:
+
+  ```jsx
+  open && <Dialog>
+  ```
+
+  Now, you can do the same thing using the [`unmountOnHide`](https://ariakit.org/reference/dialog#unmountonhide) prop:
+
+  ```jsx
+  <Dialog unmountOnHide>
+  ```
+
+- Improved JSDocs.
+
+- Updated dependencies: `@ariakit/core@0.3.3`.
+
+## 0.3.3
+
+### Patch Changes
+
+- [`#2820`](https://github.com/ariakit/ariakit/pull/2820) Added missing `aria-haspopup` attribute to [`DialogDisclosure`](https://ariakit.org/reference/dialog-disclosure) and [`PopoverDisclosure`](https://ariakit.org/reference/popover-disclosure).
+
+- [`#2858`](https://github.com/ariakit/ariakit/pull/2858) Fixed the [`setValueOnMove`](https://ariakit.org/reference/use-select-store#setvalueonmove) state on the [Select](https://ariakit.org/components/select) module not syncing between multiple stores.
+
+  The following now works as expected:
+
+  ```js
+  const store1 = useSelectStore();
+  const store2 = useSelectStore({ store: store1, setValueOnMove: true });
+
+  store1.useState("setValueOnMove") === store2.useState("setValueOnMove"); // true
+  ```
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) Renamed `@ariakit/react-core/dialog/utils/disable-tree-outside` module to `@ariakit/react-core/dialog/utils/disable-tree`.
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) Elements inside [Dialog](https://ariakit.org/components/dialog) and derived components are now properly disabled when the dialog is animating out.
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) Fixed a bug that occurred when rendering nested [Dialog](https://ariakit.org/components/dialog) elements with a third-party dialog interspersed.
+
+  Previously, Ariakit didn't recognize the third-party dialog as a nested dialog when the lowest dialog opened.
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) The [`hideOnEscape`](https://ariakit.org/reference/dialog#hideonescape) prop is now triggered during the capture phase.
+
+  Essentially, this means that you can now prevent the propagation of the <kbd>Escape</kbd> keydown event to other elements in the DOM when it's used to close an Ariakit [Dialog](https://ariakit.org/components/dialog):
+
+  ```jsx
+  <Dialog
+    hideOnEscape={(event) => {
+      event.stopPropagation();
+      return true;
+    }}
+  />
+  ```
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) Fixed an issue where the [Dialog](https://ariakit.org/components/dialog) component would automatically hide when parent dialogs closed.
+
+  You can now render nested dialogs in the React tree and keep them open independently, provided they're not unmounted.
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) Fixed the [Focusable](https://ariakit.org/components/focusable) and its derived components that were incorrectly calling the [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) callback prop when the element had lost focus.
+
+  This didn't align with the behavior of the [`data-focus-visible`](https://ariakit.org/guide/styling#data-focus-visible) attribute. The behavior now mirrors the attribute, which will only be omitted from the element if `event.preventDefault()` is invoked from within the [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) callback.
+
+- [`#2862`](https://github.com/ariakit/ariakit/pull/2862) The [`modal`](https://ariakit.org/reference/menu#modal) prop is now automatically disabled on nested [`Menu`](https://ariakit.org/reference/menu) components.
+
+- [`#2869`](https://github.com/ariakit/ariakit/pull/2869) Fixed uncaught `msg.startsWith` error.
+
+- Improved JSDocs.
+
 ## 0.3.2
 
 ### Patch Changes

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

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _GCTYF2Y6cjs = require('./GCTYF2Y6.cjs');
+var _76UBACFCcjs = require('./76UBACFC.cjs');
 
 
 
-var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreProps(store, update, props) {
-  store = _GCTYF2Y6cjs.useCollectionStoreProps.call(void 0, store, update, props);
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "orientation");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "rtl");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _76UBACFCcjs.useCollectionStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
-  const [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createCompositeStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createCompositeStore, props);
   return useCompositeStoreProps(store, update, props);
 }
 

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

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

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JNVNPB37cjs = require('./JNVNPB37.cjs');
+var _VGU6RMHOcjs = require('./VGU6RMHO.cjs');
 
 
 var _W6ZRSMO5cjs = require('./W6ZRSMO5.cjs');
@@ -15,12 +15,22 @@ var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/dialog/dialog-disclosure.ts
+var _dom = require('@ariakit/core/utils/dom');
+var _misc = require('@ariakit/core/utils/misc');
 var useDialogDisclosure = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _W6ZRSMO5cjs.useDialogProviderContext.call(void 0, );
     store = store || context;
-    props = _JNVNPB37cjs.useDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const contentElement = store.useState("contentElement");
+    props = _72I2GWXFcjs.__spreadValues.call(void 0, {
+      "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
+    }, props);
+    props = _VGU6RMHOcjs.useDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

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

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _6UXB6PRKcjs = require('./6UXB6PRK.cjs');
+var _RU4K4ZH6cjs = require('./RU4K4ZH6.cjs');
 
 
 
-var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 // src/tooltip/tooltip-store.ts
 var _tooltipstore = require('@ariakit/core/tooltip/tooltip-store'); var Core = _interopRequireWildcard(_tooltipstore);
 function useTooltipStoreProps(store, update, props) {
-  store = _6UXB6PRKcjs.useHovercardStoreProps.call(void 0, store, update, props);
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "type");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "skipTimeout");
+  store = _RU4K4ZH6cjs.useHovercardStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "type");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "skipTimeout");
   return store;
 }
 function useTooltipStore(props = {}) {
-  const [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createTooltipStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createTooltipStore, props);
   return useTooltipStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{B3TGB2C3.cjs → 4QHHTATP.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _FWCQCCG3cjs = require('./FWCQCCG3.cjs');
+var _232HWSNYcjs = require('./232HWSNY.cjs');
 
 
 
-var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 
@@ -14,14 +14,14 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreProps(store, update, props) {
-  store = _FWCQCCG3cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const [panels] = _I63PYP2Ucjs.useStore.call(void 0, () => store.panels, {});
+  store = _232HWSNYcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels] = _EVNF7KMTcjs.useStore.call(void 0, () => store.panels, {});
   return _react.useMemo.call(void 0, () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { panels }), []);
 }
 function useTabStore(props = {}) {
-  const [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createTabStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createTabStore, props);
   return useTabStoreProps(store, update, props);
 }
 

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

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

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

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

package/cjs/__chunks/{GCTYF2Y6.cjs → 76UBACFC.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -10,11 +10,11 @@ var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
 function useCollectionStoreProps(store, update, props) {
   _5WLTMVVQcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
-  const [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createCollectionStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createCollectionStore, props);
   return useCollectionStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{HYYXXXEK.cjs → BSOHJE7R.cjs}

@@ -3,7 +3,7 @@
 var _Q6W7IWNJcjs = require('./Q6W7IWNJ.cjs');
 
 
-var _BFLDQF3Lcjs = require('./BFLDQF3L.cjs');
+var _GQAB4M3Bcjs = require('./GQAB4M3B.cjs');
 
 
 
@@ -91,7 +91,7 @@ var useHovercardAnchor = _Z5PUIG6Acjs.createHook.call(void 0,
       ),
       onMouseMove
     });
-    props = _BFLDQF3Lcjs.useFocusable.call(void 0, props);
+    props = _GQAB4M3Bcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{ZPTFLDSU.cjs → CAKLNUKE.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _GCTYF2Y6cjs = require('./GCTYF2Y6.cjs');
+var _76UBACFCcjs = require('./76UBACFC.cjs');
 
 
 
-var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+var _EVNF7KMTcjs = require('./EVNF7KMT.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -17,10 +17,10 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 var _react = require('react');
 var _formstore = require('@ariakit/core/form/form-store'); var Core = _interopRequireWildcard(_formstore);
 function useFormStoreProps(store, update, props) {
-  store = _GCTYF2Y6cjs.useCollectionStoreProps.call(void 0, store, update, props);
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "values", "setValues");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
-  _I63PYP2Ucjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
+  store = _76UBACFCcjs.useCollectionStoreProps.call(void 0, store, update, props);
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
+  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
   const useValue = _react.useCallback.call(void 0, 
     (name) => store.useState(() => store.getValue(name)),
     [store]
@@ -51,7 +51,7 @@ function useFormStoreProps(store, update, props) {
   );
 }
 function useFormStore(props = {}) {
-  const [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createFormStore, props);
+  const [store, update] = _EVNF7KMTcjs.useStore.call(void 0, Core.createFormStore, props);
   return useFormStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{INDMFBTS.cjs → COHI5HTS.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NBCR3CLPcjs = require('./NBCR3CLP.cjs');
+var _F4RJLWZGcjs = require('./F4RJLWZG.cjs');
 
 
 var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
@@ -9,25 +9,32 @@ var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
 var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
 
 
-var _PD5YFDLOcjs = require('./PD5YFDLO.cjs');
+var _TLA46MN6cjs = require('./TLA46MN6.cjs');
 
 
 
 
 var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
-// src/dialog/utils/disable-tree-outside.ts
+// src/dialog/utils/disable-tree.ts
 var _dom = require('@ariakit/core/utils/dom');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
-function disableElement(element) {
+function disableTree(element, ignoredElements) {
   if (!("style" in element))
     return _misc.noop;
   if (_56NPFF7Pcjs.supportsInert.call(void 0, )) {
     return _BWQVQDGCcjs.setProperty.call(void 0, element, "inert", true);
   }
+  const tabbableElements = _focus.getAllTabbableIn.call(void 0, element, true);
+  const enableElements = tabbableElements.map((element2) => {
+    if (ignoredElements == null ? void 0 : ignoredElements.some((el) => el && _dom.contains.call(void 0, el, element2)))
+      return _misc.noop;
+    return _BWQVQDGCcjs.setAttribute.call(void 0, element2, "tabindex", "-1");
+  });
   return _misc.chain.call(void 0, 
-    _NBCR3CLPcjs.hideElementFromAccessibilityTree.call(void 0, element),
+    ...enableElements,
+    _F4RJLWZGcjs.hideElementFromAccessibilityTree.call(void 0, element),
     _BWQVQDGCcjs.assignStyle.call(void 0, element, {
       pointerEvents: "none",
       userSelect: "none",
@@ -35,20 +42,13 @@ function disableElement(element) {
     })
   );
 }
-function disableTreeOutside(...elements) {
+function disableTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  if (!_56NPFF7Pcjs.supportsInert.call(void 0, )) {
-    _focus.getAllTabbable.call(void 0, ).forEach((element) => {
-      if (elements.some((el) => el && _dom.contains.call(void 0, el, element)))
-        return;
-      cleanups.unshift(_BWQVQDGCcjs.setAttribute.call(void 0, element, "tabindex", "-1"));
-    });
-  }
-  _PD5YFDLOcjs.walkTreeOutside.call(void 0, elements, (element) => {
+  _TLA46MN6cjs.walkTreeOutside.call(void 0, id, elements, (element) => {
     if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
       return;
-    cleanups.unshift(disableElement(element));
+    cleanups.unshift(disableTree(element, elements));
   });
   const restoreTreeOutside = () => {
     cleanups.forEach((fn) => fn());
@@ -58,4 +58,5 @@ function disableTreeOutside(...elements) {
 
 
 
-exports.disableTreeOutside = disableTreeOutside;
+
+exports.disableTree = disableTree; exports.disableTreeOutside = disableTreeOutside;

package/cjs/__chunks/{DPLHWKRP.cjs → DFFFHQVQ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JKMBJCXAcjs = require('./JKMBJCXA.cjs');
+var _QK4GI6B3cjs = require('./QK4GI6B3.cjs');
 
 
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
@@ -89,7 +89,7 @@ function useEventOutside({
       if (isMouseEventOnDialog(event, contentElement))
         return;
       const focused = focusedRef.current;
-      if (focused && !_JKMBJCXAcjs.isElementMarked.call(void 0, target, contentElement.id))
+      if (focused && !_QK4GI6B3cjs.isElementMarked.call(void 0, target, contentElement.id))
         return;
       callListener(event);
     };
@@ -115,7 +115,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!_JKMBJCXAcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
+      if (!_QK4GI6B3cjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;

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

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

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

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