@ariakit/react-core 0.2.8 → 0.2.10

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @ariakit/react-core
 
+## 0.2.10
+
+### Patch Changes
+
+- Fixed `defaultItems` passed to the collection store being overriden when new items are added. ([#2559](https://github.com/ariakit/ariakit/pull/2559))
+
+- Fixed `Combobox` with the `autoSelect` prop not allowing the user to scroll when the list of items is virtualized. ([#2562](https://github.com/ariakit/ariakit/pull/2562))
+
+- Fixed `Composite` not moving focus to items by pressing the arrow keys when the active item isn't rendered. ([#2561](https://github.com/ariakit/ariakit/pull/2561))
+
+- Fixed `CompositeItem` not being tabbable before hydration. ([#2565](https://github.com/ariakit/ariakit/pull/2565))
+
+- Updated dependencies: `@ariakit/core@0.2.6`.
+
+## 0.2.9
+
+### Patch Changes
+
+- Added new `disclosure` prop to the `Disclosure` store. ([#2518](https://github.com/ariakit/ariakit/pull/2518))
+
+- Fixed `Focusable` not receiving focus when rendered as a native button on Safari. ([#2534](https://github.com/ariakit/ariakit/pull/2534))
+
+- Fixed `Dialog` with `preventBodyScroll` set to `true` (default) not preventing body scroll on nested animated dialogs. ([#2534](https://github.com/ariakit/ariakit/pull/2534))
+
+- Updated dependencies: `@ariakit/core@0.2.5`.
+
 ## 0.2.8
 
 ### Patch Changes

package/cjs/__chunks/{6UH7OSG5.cjs → 364WU3DX.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _QAEK22OLcjs = require('./QAEK22OL.cjs');
+var _G2UKCWYOcjs = require('./G2UKCWYO.cjs');
 
 
 var _B4IMQMNPcjs = require('./B4IMQMNP.cjs');
@@ -41,7 +41,7 @@ var usePopoverDisclosure = _O3Z4C76Tcjs.createHook.call(void 0,
       onClick
     });
     props = _B4IMQMNPcjs.usePopoverAnchor.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _QAEK22OLcjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _G2UKCWYOcjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/4CQBSK3W.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+
+// src/dialog/utils/use-root-dialog.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var _reactdom = require('react-dom');
+function useRootDialog({
+  attribute,
+  contentId,
+  contentElement,
+  enabled
+}) {
+  const [updated, retry] = _FHX4GO67cjs.useForceUpdate.call(void 0, );
+  const isRootDialog = _react.useCallback.call(void 0, () => {
+    if (!enabled)
+      return false;
+    if (!contentElement)
+      return false;
+    const { body } = _dom.getDocument.call(void 0, contentElement);
+    const id = body.getAttribute(attribute);
+    return !id || id === contentId;
+  }, [updated, enabled, contentElement, attribute, contentId]);
+  _react.useEffect.call(void 0, () => {
+    if (!enabled)
+      return;
+    if (!contentId)
+      return;
+    if (!contentElement)
+      return;
+    const { body } = _dom.getDocument.call(void 0, contentElement);
+    if (isRootDialog()) {
+      body.setAttribute(attribute, contentId);
+      return () => body.removeAttribute(attribute);
+    }
+    const observer = new MutationObserver(() => _reactdom.flushSync.call(void 0, retry));
+    observer.observe(body, { attributeFilter: [attribute] });
+    return () => observer.disconnect();
+  }, [updated, enabled, contentId, contentElement, isRootDialog, attribute]);
+  return isRootDialog;
+}
+
+
+
+exports.useRootDialog = useRootDialog;

package/cjs/__chunks/{4K22VVH6.cjs → 6WLP7YXF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _AYLR4G5Icjs = require('./AYLR4G5I.cjs');
+var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
 
 
 
@@ -132,7 +132,7 @@ var useCommand = _O3Z4C76Tcjs.createHook.call(void 0,
       onKeyDown,
       onKeyUp
     });
-    props = _AYLR4G5Icjs.useFocusable.call(void 0, props);
+    props = _FIEVSSEVcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{MJQOSYPH.cjs → 6Y7OJ66S.cjs}

@@ -3,7 +3,7 @@
 var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
 
-var _4K22VVH6cjs = require('./4K22VVH6.cjs');
+var _6WLP7YXFcjs = require('./6WLP7YXF.cjs');
 
 
 
@@ -140,7 +140,7 @@ var useCheckbox = _O3Z4C76Tcjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _4K22VVH6cjs.useCommand.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    props = _6WLP7YXFcjs.useCommand.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
     return _6455U47Tcjs.__spreadValues.call(void 0, {
       value: nativeCheckbox ? valueProp : void 0,
       checked: isChecked

package/cjs/__chunks/{HBWDRXN5.cjs → 7BSXU2OL.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TSZDLL4Xcjs = require('./TSZDLL4X.cjs');
+var _CEDXB2MLcjs = require('./CEDXB2ML.cjs');
 
 
 
@@ -9,7 +9,7 @@ var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
-  props = _TSZDLL4Xcjs.useDialogDismiss.call(void 0, props);
+  props = _CEDXB2MLcjs.useDialogDismiss.call(void 0, props);
   return props;
 });
 var PopoverDismiss = _O3Z4C76Tcjs.createComponent.call(void 0, 

package/cjs/__chunks/{JV2X54UE.cjs → BWQVQDGC.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/orchestrate.ts
-var cleanups = Symbol();
+var cleanups = /* @__PURE__ */ new WeakMap();
 function orchestrate(element, key, setup) {
-  if (!element[cleanups]) {
-    element[cleanups] = /* @__PURE__ */ new Map();
+  if (!cleanups.has(element)) {
+    cleanups.set(element, /* @__PURE__ */ new Map());
   }
-  const elementCleanups = element[cleanups];
+  const elementCleanups = cleanups.get(element);
   const prevCleanup = elementCleanups.get(key);
   if (!prevCleanup) {
     elementCleanups.set(key, setup());
@@ -22,7 +22,8 @@ function orchestrate(element, key, setup) {
   };
   elementCleanups.set(key, nextCleanup);
   return () => {
-    if (elementCleanups.get(key) !== nextCleanup)
+    const isCurrent = elementCleanups.get(key) === nextCleanup;
+    if (!isCurrent)
       return;
     cleanup();
     elementCleanups.set(key, prevCleanup);

package/cjs/__chunks/{TSZDLL4X.cjs → CEDXB2ML.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6WWAF5Y2cjs = require('./6WWAF5Y2.cjs');
+var _GJ2WWSXIcjs = require('./GJ2WWSXI.cjs');
 
 
 var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
@@ -61,7 +61,7 @@ var useDialogDismiss = _O3Z4C76Tcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _6WWAF5Y2cjs.useButton.call(void 0, props);
+    props = _GJ2WWSXIcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{LULOLUTN.cjs → DFJJN2WM.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _7F62IPL4cjs = require('./7F62IPL4.cjs');
+var _FSADYSOPcjs = require('./FSADYSOP.cjs');
 
 
 var _7KKRNI4Tcjs = require('./7KKRNI4T.cjs');
@@ -9,6 +9,9 @@ var _7KKRNI4Tcjs = require('./7KKRNI4T.cjs');
 var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
 
 
+var _NAE74ZUFcjs = require('./NAE74ZUF.cjs');
+
+
 
 var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
@@ -18,7 +21,6 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/dialog/dialog-backdrop.tsx
 var _react = require('react');
-var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 function DialogBackdrop({
   store,
@@ -28,14 +30,7 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  store = _react.useMemo.call(void 0, 
-    () => _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, store), {
-      // Override the setContentElement method to prevent the backdrop from
-      // overwriting the dialog's content element. TODO: Refactor this.
-      setContentElement: _misc.noop
-    }),
-    [store]
-  );
+  const disclosure = _NAE74ZUFcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
   _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
@@ -53,14 +48,13 @@ function DialogBackdrop({
     const backdrop2 = ref.current;
     if (!backdrop2)
       return;
-    return _7F62IPL4cjs.markAncestor.call(void 0, backdrop2, id);
+    return _FSADYSOPcjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
   if (hidden != null) {
     backdropProps = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
   }
   const props = _RQ3E2DZBcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
-    store,
-    id: void 0,
+    store: disclosure,
     role: "presentation",
     "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
     alwaysVisible

package/cjs/__chunks/{UUHO6ZXS.cjs → EYNBXS3C.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _RYADB3U4cjs = require('./RYADB3U4.cjs');
+var _ZEDBIWF2cjs = require('./ZEDBIWF2.cjs');
 
 
 
@@ -264,7 +264,7 @@ var useHovercard = _O3Z4C76Tcjs.createHook.call(void 0,
     });
     props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
-    props = _RYADB3U4cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _ZEDBIWF2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal

package/cjs/__chunks/{AYLR4G5I.cjs → FIEVSSEV.cjs}

@@ -232,7 +232,7 @@ var useFocusable = _O3Z4C76Tcjs.createHook.call(void 0,
         receivedFocus = true;
       };
       const options = { capture: true, once: true };
-      document.body.addEventListener("focusin", onFocus, options);
+      element.addEventListener("focusin", onFocus, options);
       _events.queueBeforeEvent.call(void 0, element, "mouseup", () => {
         element.removeEventListener("focusin", onFocus, true);
         if (receivedFocus)

package/cjs/__chunks/{7F62IPL4.cjs → FSADYSOP.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JV2X54UEcjs = require('./JV2X54UE.cjs');
+var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
+
+
+var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
 var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
@@ -12,14 +15,14 @@ function getPropertyName(id = "", ancestor = false) {
 }
 function markElement(element, id = "") {
   return _misc.chain.call(void 0, 
-    _JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName(), true),
-    _JV2X54UEcjs.setProperty.call(void 0, 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, 
-    _JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName("", true), true),
-    _JV2X54UEcjs.setProperty.call(void 0, element, getPropertyName(id, true), true)
+    _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName("", true), true),
+    _BWQVQDGCcjs.setProperty.call(void 0, element, getPropertyName(id, true), true)
   );
 }
 function isElementMarked(element, id) {
@@ -37,9 +40,14 @@ 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, 
     elements,
-    (element) => cleanups.unshift(markElement(element, dialogId)),
+    (element) => {
+      if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
+        return;
+      cleanups.unshift(markElement(element, dialogId));
+    },
     (ancestor) => cleanups.unshift(markAncestor(ancestor, dialogId))
   );
   const restoreAccessibilityTree = () => {

package/cjs/__chunks/{QAEK22OL.cjs → G2UKCWYO.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _QGYOOPA2cjs = require('./QGYOOPA2.cjs');
+var _XIQNHQGWcjs = require('./XIQNHQGW.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var useDialogDisclosure = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _QGYOOPA2cjs.useDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _XIQNHQGWcjs.useDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{QUOAEQQ7.cjs → GET3PZI4.cjs}

@@ -10,7 +10,7 @@ var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
-var _AYLR4G5Icjs = require('./AYLR4G5I.cjs');
+var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
 
 
 
@@ -260,6 +260,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
     const onKeyDownProp = props.onKeyDown;
     const moveOnKeyPressProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
     const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+      var _a2;
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -267,7 +268,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
         return;
       const { orientation, items, renderedItems, activeId: activeId2 } = store.getState();
       const activeItem = _KLZID3QOcjs.getEnabledItem.call(void 0, store, activeId2);
-      if (activeItem)
+      if ((_a2 = activeItem == null ? void 0 : activeItem.element) == null ? void 0 : _a2.isConnected)
         return;
       const isVertical = orientation !== "horizontal";
       const isHorizontal = orientation !== "vertical";
@@ -325,7 +326,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _AYLR4G5Icjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _FIEVSSEVcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );

package/cjs/__chunks/{6WWAF5Y2.cjs → GJ2WWSXI.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4K22VVH6cjs = require('./4K22VVH6.cjs');
+var _6WLP7YXFcjs = require('./6WLP7YXF.cjs');
 
 
 
@@ -34,7 +34,7 @@ var useButton = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
   }, props), {
     ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _4K22VVH6cjs.useCommand.call(void 0, props);
+  props = _6WLP7YXFcjs.useCommand.call(void 0, props);
   return props;
 });
 var Button = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {

package/cjs/__chunks/{FMIZNXEA.cjs → GQUXK6V2.cjs}

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _JV2X54UEcjs = require('./JV2X54UE.cjs');
+var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
-var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+var _4CQBSK3Wcjs = require('./4CQBSK3W.cjs');
 
 // src/dialog/utils/use-prevent-body-scroll.ts
+var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var _platform = require('@ariakit/core/utils/platform');
@@ -15,23 +16,30 @@ function getPaddingProperty(documentElement) {
   const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
-function usePreventBodyScroll(store, enabled) {
-  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
-    if (!enabled)
+function usePreventBodyScroll(contentElement, contentId, enabled) {
+  const isRootDialog = _4CQBSK3Wcjs.useRootDialog.call(void 0, {
+    attribute: "data-dialog-prevent-body-scroll",
+    contentElement,
+    contentId,
+    enabled
+  });
+  _react.useEffect.call(void 0, () => {
+    if (!isRootDialog())
+      return;
+    if (!contentElement)
       return;
-    const { contentElement } = store.getState();
     const doc = _dom.getDocument.call(void 0, contentElement);
     const win = _dom.getWindow.call(void 0, contentElement);
     const { documentElement, body } = doc;
     const cssScrollbarWidth = documentElement.style.getPropertyValue("--scrollbar-width");
     const scrollbarWidth = cssScrollbarWidth ? parseInt(cssScrollbarWidth) : win.innerWidth - documentElement.clientWidth;
-    const setScrollbarWidthProperty = () => _JV2X54UEcjs.setCSSProperty.call(void 0, 
+    const setScrollbarWidthProperty = () => _BWQVQDGCcjs.setCSSProperty.call(void 0, 
       documentElement,
       "--scrollbar-width",
       `${scrollbarWidth}px`
     );
     const paddingProperty = getPaddingProperty(documentElement);
-    const setStyle = () => _JV2X54UEcjs.assignStyle.call(void 0, body, {
+    const setStyle = () => _BWQVQDGCcjs.assignStyle.call(void 0, body, {
       overflow: "hidden",
       [paddingProperty]: `${scrollbarWidth}px`
     });
@@ -40,7 +48,7 @@ function usePreventBodyScroll(store, enabled) {
       const { scrollX, scrollY, visualViewport } = win;
       const offsetLeft = (_a = visualViewport == null ? void 0 : visualViewport.offsetLeft) != null ? _a : 0;
       const offsetTop = (_b = visualViewport == null ? void 0 : visualViewport.offsetTop) != null ? _b : 0;
-      const restoreStyle = _JV2X54UEcjs.assignStyle.call(void 0, body, {
+      const restoreStyle = _BWQVQDGCcjs.assignStyle.call(void 0, body, {
         position: "fixed",
         overflow: "hidden",
         top: `${-(scrollY - Math.floor(offsetTop))}px`,
@@ -60,7 +68,7 @@ function usePreventBodyScroll(store, enabled) {
       setScrollbarWidthProperty(),
       isIOS ? setIOSStyle() : setStyle()
     );
-  }, [enabled]);
+  }, [isRootDialog, contentElement]);
 }
 
 

package/cjs/__chunks/{S35Z3MRE.cjs → HM3GZVEF.cjs}

@@ -6,7 +6,7 @@ var _2WZVSPAIcjs = require('./2WZVSPAI.cjs');
 var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
 
 
-var _AYLR4G5Icjs = require('./AYLR4G5I.cjs');
+var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
 
 
 
@@ -91,7 +91,7 @@ var useComboboxList = _O3Z4C76Tcjs.createHook.call(void 0,
       onFocusVisible,
       onBlur
     });
-    props = _AYLR4G5Icjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _FIEVSSEVcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );

package/cjs/__chunks/{6UM5H74J.cjs → HP2YFIDE.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4K22VVH6cjs = require('./4K22VVH6.cjs');
+var _6WLP7YXFcjs = require('./6WLP7YXF.cjs');
 
 
 var _VQHQDEFPcjs = require('./VQHQDEFP.cjs');
@@ -309,7 +309,7 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
     }
     const shouldTabIndex = _C5W4YO2Wcjs.useStoreState.call(void 0, 
       store,
-      (state) => !state.virtualFocus && isActiveItem
+      (state) => !(store == null ? void 0 : store.item(id)) || !state.virtualFocus && isActiveItem
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
@@ -322,7 +322,7 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     });
-    props = _4K22VVH6cjs.useCommand.call(void 0, props);
+    props = _6WLP7YXFcjs.useCommand.call(void 0, props);
     props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{5NZUFDNS.cjs → HTXMZNNP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _7F62IPL4cjs = require('./7F62IPL4.cjs');
+var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
 
 
-var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
+var _FSADYSOPcjs = require('./FSADYSOP.cjs');
 
 
 var _FHX4GO67cjs = require('./FHX4GO67.cjs');
@@ -71,7 +71,7 @@ function useEventOutside({
         return;
       if (isMouseEventOnDialog(event, contentElement))
         return;
-      if (!_7F62IPL4cjs.isElementMarked.call(void 0, target, contentElement.id))
+      if (!_FSADYSOPcjs.isElementMarked.call(void 0, target, contentElement.id))
         return;
       callListener(event);
     };
@@ -97,7 +97,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside) {
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!_7F62IPL4cjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
+      if (!_FSADYSOPcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;

package/cjs/__chunks/{3VAV4ULL.cjs → KQYBSO76.cjs}

@@ -6,7 +6,7 @@ var _TO7FN64Ncjs = require('./TO7FN64N.cjs');
 var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
 
 
-var _QUOAEQQ7cjs = require('./QUOAEQQ7.cjs');
+var _GET3PZI4cjs = require('./GET3PZI4.cjs');
 
 
 var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
@@ -111,7 +111,7 @@ var useSelectList = _O3Z4C76Tcjs.createHook.call(void 0,
     const canFocusOnMove = store.useState(
       (state) => state.open && !state.animating && focusOnMove
     );
-    props = _QUOAEQQ7cjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _GET3PZI4cjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       composite,

package/cjs/__chunks/{K3VYU4RD.cjs → MOOOVIIV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HBWDRXN5cjs = require('./HBWDRXN5.cjs');
+var _7BSXU2OLcjs = require('./7BSXU2OL.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = _O3Z4C76Tcjs.createHook.call(void 0, 
   (props) => {
-    props = _HBWDRXN5cjs.usePopoverDismiss.call(void 0, props);
+    props = _7BSXU2OLcjs.usePopoverDismiss.call(void 0, props);
     return props;
   }
 );

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

@@ -1,17 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JV2X54UEcjs = require('./JV2X54UE.cjs');
+var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
+
+
+var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
 
 
 var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
 
 // src/dialog/utils/disable-accessibility-tree-outside.ts
 function hideElementFromAccessibilityTree(element) {
-  return _JV2X54UEcjs.setAttribute.call(void 0, element, "aria-hidden", "true");
+  return _BWQVQDGCcjs.setAttribute.call(void 0, element, "aria-hidden", "true");
 }
 function disableAccessibilityTreeOutside(...elements) {
   const cleanups = [];
+  const ids = elements.map((el) => el == null ? void 0 : el.id);
   _TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
+    if (_Z3TLXRS7cjs.isBackdrop.call(void 0, element, ...ids))
+      return;
     cleanups.unshift(hideElementFromAccessibilityTree(element));
   });
   const restoreAccessibilityTree = () => {

package/cjs/__chunks/{MUDM7N7Y.cjs → OKM7CARK.cjs}

@@ -10,7 +10,7 @@ var _KFXK3MNIcjs = require('./KFXK3MNI.cjs');
 var _N6LDQVMCcjs = require('./N6LDQVMC.cjs');
 
 
-var _6UM5H74Jcjs = require('./6UM5H74J.cjs');
+var _HP2YFIDEcjs = require('./HP2YFIDE.cjs');
 
 
 
@@ -85,7 +85,7 @@ var useMenuItem = _O3Z4C76Tcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _6UM5H74Jcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _HP2YFIDEcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
     props = _N6LDQVMCcjs.useCompositeHover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {