@ariakit/react-core 0.2.7 → 0.2.9

package/cjs/__chunks/{5XCV5EYC.cjs → EYNBXS3C.cjs}

@@ -5,12 +5,12 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _VGYBL6X3cjs = require('./VGYBL6X3.cjs');
+var _ZEDBIWF2cjs = require('./ZEDBIWF2.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -19,7 +19,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -57,7 +57,7 @@ function isMovingOnHovercard(target, card, anchor, nested) {
 function useAutoFocusOnShow(_a) {
   var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
   const open = store.useState("open");
-  const openRef = _K4FBPMJ3cjs.useLiveRef.call(void 0, open);
+  const openRef = _FHX4GO67cjs.useLiveRef.call(void 0, open);
   _react.useEffect.call(void 0, () => {
     if (!open) {
       store.setAutoFocusOnShow(false);
@@ -87,7 +87,7 @@ function useAutoFocusOnHide(_a) {
     }
   }, [mounted]);
   const onFocusProp = props.onFocus;
-  const onFocus = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+  const onFocus = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
@@ -111,7 +111,7 @@ function useAutoFocusOnHide(_a) {
   return props;
 }
 var NestedHovercardContext = _react.createContext.call(void 0, null);
-var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useHovercard = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -132,11 +132,11 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
     const [nestedHovercards, setNestedHovercards] = _react.useState.call(void 0, []);
     const hideTimeoutRef = _react.useRef.call(void 0, 0);
     const enterPointRef = _react.useRef.call(void 0, null);
-    const { portalRef, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const { portalRef, domReady } = _FHX4GO67cjs.usePortalRef.call(void 0, portal, props.portalRef);
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
+    const hideOnHoverOutsideProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, 
+    const disablePointerEventsProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, 
       disablePointerEventsOnApproach
     );
     const mounted = store.useState("mounted");
@@ -227,7 +227,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       );
     }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);
     const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
-    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
       if (modal)
         return;
       if (!portal)
@@ -254,17 +254,17 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       },
       [registerOnParent]
     );
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }),
       [registerNestedHovercard]
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
     });
     props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
-    props = _VGYBL6X3cjs.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
@@ -280,9 +280,9 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Hovercard = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHovercard(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Hovercard.displayName = "Hovercard";

package/cjs/__chunks/{55X3CDKF.cjs → F2RJFRP2.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GFQJMZI7cjs = require('./GFQJMZI7.cjs');
+var _UU6GKP2Mcjs = require('./UU6GKP2M.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 // src/hovercard/hovercard-heading.ts
-var useHovercardHeading = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useHovercardHeading = _O3Z4C76Tcjs.createHook.call(void 0, 
   (props) => {
-    props = _GFQJMZI7cjs.usePopoverHeading.call(void 0, props);
+    props = _UU6GKP2Mcjs.usePopoverHeading.call(void 0, props);
     return props;
   }
 );
-var HovercardHeading = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var HovercardHeading = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useHovercardHeading(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "h1", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "h1", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{K4FBPMJ3.cjs → FHX4GO67.cjs}

@@ -1,6 +1,6 @@
 "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 _2X5K3J7Ycjs = require('./2X5K3J7Y.cjs');
+var _2KYUOSJ4cjs = require('./2KYUOSJ4.cjs');
 
 
 
@@ -66,14 +66,12 @@ function useEvent(callback) {
     return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
   }, []);
 }
-function useForkRef(...refs) {
+function useMergeRefs(...refs) {
   return _react.useMemo.call(void 0, () => {
     if (!refs.some(Boolean))
       return;
     return (value) => {
-      refs.forEach((ref) => {
-        _2X5K3J7Ycjs.setRef.call(void 0, ref, value);
-      });
+      refs.forEach((ref) => _2KYUOSJ4cjs.setRef.call(void 0, ref, value));
     };
   }, refs);
 }
@@ -221,7 +219,7 @@ function useWrapElement(props, callback, deps = []) {
 }
 function usePortalRef(portalProp = false, portalRefProp) {
   const [portalNode, setPortalNode] = _react.useState.call(void 0, null);
-  const portalRef = useForkRef(setPortalNode, portalRefProp);
+  const portalRef = useMergeRefs(setPortalNode, portalRefProp);
   const domReady = !portalProp || portalNode;
   return { portalRef, portalNode, domReady };
 }
@@ -276,4 +274,4 @@ function resetMouseMoving() {
 
 
 
-exports.useSafeLayoutEffect = useSafeLayoutEffect; exports.useInitialValue = useInitialValue; exports.useLazyValue = useLazyValue; exports.useLiveRef = useLiveRef; exports.usePreviousValue = usePreviousValue; exports.useEvent = useEvent; exports.useForkRef = useForkRef; exports.useRefId = useRefId; exports.useId = useId; exports.useDeferredValue = useDeferredValue; exports.useTagName = useTagName; exports.useAttribute = useAttribute; exports.useUpdateEffect = useUpdateEffect; exports.useUpdateLayoutEffect = useUpdateLayoutEffect; exports.useControlledState = useControlledState; exports.useForceUpdate = useForceUpdate; exports.useBooleanEvent = useBooleanEvent; exports.useWrapElement = useWrapElement; exports.usePortalRef = usePortalRef; exports.useIsMouseMoving = useIsMouseMoving;
+exports.useSafeLayoutEffect = useSafeLayoutEffect; exports.useInitialValue = useInitialValue; exports.useLazyValue = useLazyValue; exports.useLiveRef = useLiveRef; exports.usePreviousValue = usePreviousValue; exports.useEvent = useEvent; exports.useMergeRefs = useMergeRefs; exports.useRefId = useRefId; exports.useId = useId; exports.useDeferredValue = useDeferredValue; exports.useTagName = useTagName; exports.useAttribute = useAttribute; exports.useUpdateEffect = useUpdateEffect; exports.useUpdateLayoutEffect = useUpdateLayoutEffect; exports.useControlledState = useControlledState; exports.useForceUpdate = useForceUpdate; exports.useBooleanEvent = useBooleanEvent; exports.useWrapElement = useWrapElement; exports.usePortalRef = usePortalRef; exports.useIsMouseMoving = useIsMouseMoving;

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

@@ -5,12 +5,12 @@ var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -107,7 +107,7 @@ function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled,
   return tabIndexProp || 0;
 }
 function useDisableEvent(onEvent, disabled) {
-  return _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+  return _FHX4GO67cjs.useEvent.call(void 0, (event) => {
     onEvent == null ? void 0 : onEvent(event);
     if (event.defaultPrevented)
       return;
@@ -135,7 +135,7 @@ function onGlobalKeyDown(event) {
     return;
   isKeyboardModality = true;
 }
-var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFocusable = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       focusable = true,
@@ -214,7 +214,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
     );
     const onClickCapture = useDisableEvent(props.onClickCapture, disabled);
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onMouseDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -232,7 +232,7 @@ var useFocusable = _5U7AP6Y2cjs.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)
@@ -257,7 +257,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;
-    const onKeyDownCapture = _K4FBPMJ3cjs.useEvent.call(void 0, 
+    const onKeyDownCapture = _FHX4GO67cjs.useEvent.call(void 0, 
       (event) => {
         onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
@@ -279,7 +279,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     );
     const onFocusCaptureProp = props.onFocusCapture;
-    const onFocusCapture = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onFocusCapture = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -300,7 +300,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
       }
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onBlur = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (!focusable)
         return;
@@ -309,7 +309,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
       setFocusVisible(false);
     });
     const autoFocusOnShow = _react.useContext.call(void 0, _LHHW5ZQPcjs.FocusableContext);
-    const autoFocusRef = _K4FBPMJ3cjs.useEvent.call(void 0, (element) => {
+    const autoFocusRef = _FHX4GO67cjs.useEvent.call(void 0, (element) => {
       if (!focusable)
         return;
       if (!autoFocus)
@@ -326,7 +326,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
         element.focus();
       });
     });
-    const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _FHX4GO67cjs.useTagName.call(void 0, ref, props.as);
     const nativeTabbable = focusable && isNativeTabbable(tagName);
     const supportsDisabled = focusable && supportsDisabledAttribute(tagName);
     const style = trulyDisabled ? _6455U47Tcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style) : props.style;
@@ -335,7 +335,7 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
       "data-autofocus": autoFocus ? true : void 0,
       "aria-disabled": disabled ? true : void 0
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, autoFocusRef, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, autoFocusRef, props.ref),
       style,
       tabIndex: getTabIndex(
         focusable,
@@ -358,9 +358,9 @@ var useFocusable = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var Focusable = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Focusable = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   props = useFocusable(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", props);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", props);
 });
 if (process.env.NODE_ENV !== "production") {
   Focusable.displayName = "Focusable";

package/cjs/__chunks/{BXI2PWYM.cjs → FO43SNUQ.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VBCWN7ICcjs = require('./VBCWN7IC.cjs');
+var _DBGYOVEJcjs = require('./DBGYOVEJ.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 // src/hovercard/hovercard-description.ts
-var useHovercardDescription = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useHovercardDescription = _O3Z4C76Tcjs.createHook.call(void 0, 
   (props) => {
-    props = _VBCWN7ICcjs.usePopoverDescription.call(void 0, props);
+    props = _DBGYOVEJcjs.usePopoverDescription.call(void 0, props);
     return props;
   }
 );
-var HovercardDescription = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var HovercardDescription = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHovercardDescription(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "p", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "p", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   HovercardDescription.displayName = "HovercardDescription";

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/{3ZQN2EZT.cjs → G2UKCWYO.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _3JRXLDD2cjs = require('./3JRXLDD2.cjs');
+var _XIQNHQGWcjs = require('./XIQNHQGW.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/dialog/dialog-disclosure.ts
-var useDialogDisclosure = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useDialogDisclosure = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _3JRXLDD2cjs.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;
   }
 );
-var DialogDisclosure = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var DialogDisclosure = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useDialogDisclosure(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{ZCXLELXW.cjs → GJ2WWSXI.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _7BYVU5SZcjs = require('./7BYVU5SZ.cjs');
+var _6WLP7YXFcjs = require('./6WLP7YXF.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -18,9 +18,9 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/button/button.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
-var useButton = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
+var useButton = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
-  const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as || "button");
+  const tagName = _FHX4GO67cjs.useTagName.call(void 0, ref, props.as || "button");
   const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
     () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
   );
@@ -32,14 +32,14 @@ var useButton = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     role: !isNativeButton && tagName !== "a" ? "button" : void 0
   }, props), {
-    ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+    ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _7BYVU5SZcjs.useCommand.call(void 0, props);
+  props = _6WLP7YXFcjs.useCommand.call(void 0, props);
   return props;
 });
-var Button = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Button = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useButton(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Button.displayName = "Button";

package/cjs/__chunks/{6KI2UL43.cjs → GLPDHAGY.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 _BCIVI2SCcjs = require('./BCIVI2SC.cjs');
+var _NAE74ZUFcjs = require('./NAE74ZUF.cjs');
 
 
-var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
+var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -12,14 +12,14 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _BCIVI2SCcjs.useDisclosureStoreOptions.call(void 0, props);
+  return _NAE74ZUFcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _BCIVI2SCcjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _NAE74ZUFcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _3YYDY5FNcjs.useStore.call(void 0, 
+  const store = _C5W4YO2Wcjs.useStore.call(void 0, 
     () => Core.createDialogStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useDialogStoreProps(store, props);

package/cjs/__chunks/{LWKIYVKL.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 _K4FBPMJ3cjs = require('./K4FBPMJ3.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) {
-  _K4FBPMJ3cjs.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/{UPT7GI2I.cjs → GXCVLZ7W.cjs}

@@ -5,20 +5,20 @@ var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/focusable/focusable-container.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useFocusableContainer = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFocusableContainer = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { autoFocusOnShow = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LHHW5ZQPcjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
       [autoFocusOnShow]
@@ -26,10 +26,10 @@ var useFocusableContainer = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var FocusableContainer = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var FocusableContainer = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFocusableContainer(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {