@ariakit/react-core 0.2.7 → 0.2.9

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/{5U7AP6Y2.cjs → O3Z4C76T.cjs}

@@ -1,5 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+
+
+
+var _2KYUOSJ4cjs = require('./2KYUOSJ4.cjs');
+
+
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -22,8 +29,12 @@ function createMemoComponent(render) {
 function createElement(Type, props) {
   const _a = props, { as: As, wrapElement, render } = _a, rest = _6455U47Tcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
   let element;
+  const mergedRef = _FHX4GO67cjs.useMergeRefs.call(void 0, props.ref, _2KYUOSJ4cjs.getRefProperty.call(void 0, render));
   if (As && typeof As !== "string") {
     element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, rest), { render }));
+  } else if (_react.isValidElement.call(void 0, render)) {
+    const renderProps = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, render.props), { ref: mergedRef });
+    element = _react.cloneElement.call(void 0, render, _2KYUOSJ4cjs.mergeProps.call(void 0, rest, renderProps));
   } else if (render) {
     element = render(rest);
   } else if (isRenderProp(props.children)) {

package/cjs/__chunks/{HMH6HLVB.cjs → OEERYQSB.cjs}

@@ -4,27 +4,27 @@
 var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 
 
-var _URXOWQSRcjs = require('./URXOWQSR.cjs');
+var _TO7FN64Ncjs = require('./TO7FN64N.cjs');
 
 
-var _JY7TQ7AIcjs = require('./JY7TQ7AI.cjs');
+var _I4VW4CPQcjs = require('./I4VW4CPQ.cjs');
 
 
-var _5YBLVTWKcjs = require('./5YBLVTWK.cjs');
+var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
-var _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
+var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
 
 
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -56,13 +56,13 @@ function useAriaLabelledBy(_a) {
   }, [label, disclosureElement, contentElement]);
   return id;
 }
-var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useMenuList = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, alwaysVisible, composite = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible", "composite"]);
     const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
     const parentMenuBar = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuBarContext);
     const hasParentMenu = !!parentMenu;
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const onKeyDownProp = props.onKeyDown;
     const dir = store.useState(
       (state) => state.placement.split("-")[0]
@@ -71,11 +71,11 @@ var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_3YYDY5FNcjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_C5W4YO2Wcjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );
-    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -125,21 +125,21 @@ var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0,
         }
       }
     });
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MPFAD3UKcjs.MenuContext.Provider, { value: store, children: element }),
       [store]
     );
     const ariaLabelledBy = useAriaLabelledBy(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     const mounted = store.useState("mounted");
-    const hidden = _5YBLVTWKcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _RQ3E2DZBcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
       "aria-labelledby": ariaLabelledBy,
       hidden
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
       style,
       onKeyDown
     });
@@ -149,14 +149,14 @@ var useMenuList = _5U7AP6Y2cjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _JY7TQ7AIcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, composite }, props));
-    props = _URXOWQSRcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _I4VW4CPQcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _TO7FN64Ncjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var MenuList = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var MenuList = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuList(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuList.displayName = "MenuList";

package/cjs/__chunks/{Y3JYM7A6.cjs → OHOMAAYP.cjs}

@@ -5,7 +5,7 @@ var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -39,7 +39,7 @@ function getChildren(props) {
   }
   return null;
 }
-var useCheckboxCheck = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCheckboxCheck = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, checked } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "checked"]);
     const context = _react.useContext.call(void 0, _FO6MB5HFcjs.CheckboxCheckedContext);
@@ -58,9 +58,9 @@ var useCheckboxCheck = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var CheckboxCheck = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var CheckboxCheck = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCheckboxCheck(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "span", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   CheckboxCheck.displayName = "CheckboxCheck";

package/cjs/__chunks/{GBEGIHKI.cjs → OZQD6TLQ.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _URXOWQSRcjs = require('./URXOWQSR.cjs');
+var _TO7FN64Ncjs = require('./TO7FN64N.cjs');
 
 
 var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
 
 
-var _JY7TQ7AIcjs = require('./JY7TQ7AI.cjs');
+var _I4VW4CPQcjs = require('./I4VW4CPQ.cjs');
 
 
-var _5YBLVTWKcjs = require('./5YBLVTWK.cjs');
+var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -22,7 +22,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -33,7 +33,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _jsxruntime = require('react/jsx-runtime');
-var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useSelectList = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -51,7 +51,7 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       "alwaysVisible"
     ]);
     const ref = _react.useRef.call(void 0, null);
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const value = store.useState("value");
     const multiSelectable = Array.isArray(value);
     const [defaultValue, setDefaultValue] = _react.useState.call(void 0, value);
@@ -63,9 +63,9 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
     }, [mounted, value]);
     resetOnEscape = resetOnEscape && !multiSelectable;
     const onKeyDownProp = props.onKeyDown;
-    const resetOnEscapeProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, resetOnEscape);
-    const hideOnEnterProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnEnter);
-    const onKeyDown = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const resetOnEscapeProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, resetOnEscape);
+    const hideOnEnterProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, hideOnEnter);
+    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -79,7 +79,7 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
         }
       }
     });
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RCGSDYWJcjs.SelectContext.Provider, { value: store, children: element }),
       [store]
@@ -93,10 +93,10 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
     if (composite) {
       props = _6455U47Tcjs.__spreadValues.call(void 0, { role: "listbox" }, props);
     }
-    const role = _K4FBPMJ3cjs.useAttribute.call(void 0, ref, "role", props.role);
+    const role = _FHX4GO67cjs.useAttribute.call(void 0, ref, "role", props.role);
     const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
     const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
-    const hidden = _5YBLVTWKcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _RQ3E2DZBcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
@@ -104,26 +104,26 @@ var useSelectList = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-multiselectable": ariaMultiSelectable,
       hidden
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
       style,
       onKeyDown
     });
     const canFocusOnMove = store.useState(
       (state) => state.open && !state.animating && focusOnMove
     );
-    props = _JY7TQ7AIcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _I4VW4CPQcjs.useComposite.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       composite,
       focusOnMove: canFocusOnMove
     }));
-    props = _URXOWQSRcjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
+    props = _TO7FN64Ncjs.useCompositeTypeahead.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );
-var SelectList = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var SelectList = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectList(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectList.displayName = "SelectList";

package/cjs/__chunks/{3ERZHKX3.cjs → PCBWFI66.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UUTPFHTKcjs = require('./UUTPFHTK.cjs');
+var _4JALWV3Vcjs = require('./4JALWV3V.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/composite/composite-group.ts
-var useCompositeGroup = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCompositeGroup = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _UUTPFHTKcjs.useGroup.call(void 0, props);
+    props = _4JALWV3Vcjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var CompositeGroup = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var CompositeGroup = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeGroup(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{KBAUXTTH.cjs → PZBTPQEZ.cjs}

@@ -1,37 +1,37 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _IUR52EVRcjs = require('./IUR52EVR.cjs');
+var _DFJJN2WMcjs = require('./DFJJN2WM.cjs');
 
 
-var _RYACMEZBcjs = require('./RYACMEZB.cjs');
+var _S2VSVWFYcjs = require('./S2VSVWFY.cjs');
 
 
-var _NRIAM6MCcjs = require('./NRIAM6MC.cjs');
+var _O22LNQHScjs = require('./O22LNQHS.cjs');
 
 
-var _LWKIYVKLcjs = require('./LWKIYVKL.cjs');
+var _GQUXK6V2cjs = require('./GQUXK6V2.cjs');
 
 
-var _OQ7OHY6Lcjs = require('./OQ7OHY6L.cjs');
+var _WZI5KRRIcjs = require('./WZI5KRRI.cjs');
 
 
-var _H3K4JFZOcjs = require('./H3K4JFZO.cjs');
+var _HTXMZNNPcjs = require('./HTXMZNNP.cjs');
 
 
 var _W32FX7DMcjs = require('./W32FX7DM.cjs');
 
 
 
-var _7F62IPL4cjs = require('./7F62IPL4.cjs');
+var _FSADYSOPcjs = require('./FSADYSOP.cjs');
 
 
-var _UPT7GI2Icjs = require('./UPT7GI2I.cjs');
+var _GXCVLZ7Wcjs = require('./GXCVLZ7W.cjs');
 
 
 var _SOPRUU56cjs = require('./SOPRUU56.cjs');
 
 
-var _EM5IGG3Qcjs = require('./EM5IGG3Q.cjs');
+var _UNFAA7SHcjs = require('./UNFAA7SH.cjs');
 
 
 
@@ -40,15 +40,15 @@ var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 
 
 
-var _5YBLVTWKcjs = require('./5YBLVTWK.cjs');
+var _RQ3E2DZBcjs = require('./RQ3E2DZB.cjs');
 
 
-var _SZ6M66IFcjs = require('./SZ6M66IF.cjs');
+var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -57,7 +57,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -106,7 +106,7 @@ function getElementFromProp(prop, focusable = false) {
     return _focus.isFocusable.call(void 0, element) ? element : null;
   return element;
 }
-var useDialog = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useDialog = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -140,24 +140,21 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       "finalFocus"
     ]);
     const ref = _react.useRef.call(void 0, null);
-    const { portalRef, portalNode, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, 
-      portal,
-      props.portalRef
-    );
+    const { portalRef, domReady } = _FHX4GO67cjs.usePortalRef.call(void 0, portal, props.portalRef);
     const preserveTabOrderProp = props.preserveTabOrder;
     const preserveTabOrder = store.useState(
       (state) => preserveTabOrderProp && !modal && state.mounted
     );
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hidden = _5YBLVTWKcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
-    _LWKIYVKLcjs.usePreventBodyScroll.call(void 0, store, preventBodyScroll && !hidden);
-    _H3K4JFZOcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
-    const { wrapElement, nestedDialogs } = _OQ7OHY6Lcjs.useNestedDialogs.call(void 0, store);
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
-    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+    const hidden = _RQ3E2DZBcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+    _GQUXK6V2cjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
+    _HTXMZNNPcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
+    const { wrapElement, nestedDialogs } = _WZI5KRRIcjs.useNestedDialogs.call(void 0, store);
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
+    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!open)
         return;
       const dialog = ref.current;
@@ -220,8 +217,10 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
         return;
       return _W32FX7DMcjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
     }, [mounted, domReady, shouldDisableAccessibilityTree]);
-    const getPersistentElementsProp = _K4FBPMJ3cjs.useEvent.call(void 0, getPersistentElements);
-    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+    const getPersistentElementsProp = _FHX4GO67cjs.useEvent.call(void 0, getPersistentElements);
+    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!domReady)
+        return;
       if (!id)
         return;
       if (!open)
@@ -230,42 +229,35 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       const dialog = ref.current;
       const persistentElements = getPersistentElementsProp() || [];
       const allElements = [
-        // In addition to the dialog element, we also include the portal node
-        // here so nested dialogs are considered as well.
         dialog,
-        portalNode,
         ...persistentElements,
-        // We still need to include nested dialogs here because they may be
-        // outside the portal node or the parent dialog may not be using a
-        // portal.
         ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
       ];
       if (!shouldDisableAccessibilityTree) {
-        return _7F62IPL4cjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
+        return _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
       }
       if (modal) {
         return _misc.chain.call(void 0, 
-          _7F62IPL4cjs.markTreeOutside.call(void 0, id, ...allElements),
-          _RYACMEZBcjs.disableTreeOutside.call(void 0, ...allElements)
+          _FSADYSOPcjs.markTreeOutside.call(void 0, id, ...allElements),
+          _S2VSVWFYcjs.disableTreeOutside.call(void 0, ...allElements)
         );
       }
       return _misc.chain.call(void 0, 
-        _7F62IPL4cjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
-        _NRIAM6MCcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
+        _FSADYSOPcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
+        _O22LNQHScjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
       );
     }, [
+      domReady,
       id,
       open,
       store,
-      portal,
-      portalNode,
-      nestedDialogs,
       getPersistentElementsProp,
+      nestedDialogs,
       shouldDisableAccessibilityTree,
       modal
     ]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
-    const autoFocusOnShowProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, autoFocusOnShow);
+    const autoFocusOnShowProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, autoFocusOnShow);
     const [autoFocusEnabled, setAutoFocusEnabled] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       if (!open)
@@ -304,7 +296,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       autoFocusOnShowProp
     ]);
     const mayAutoFocusOnHide = !!autoFocusOnHide;
-    const autoFocusOnHideProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, autoFocusOnHide);
+    const autoFocusOnHideProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, autoFocusOnHide);
     const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       if (!open)
@@ -312,7 +304,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       setHasOpened(true);
       return () => setHasOpened(false);
     }, [open]);
-    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!hasOpened)
         return;
       if (!mayAutoFocusOnHide)
@@ -358,7 +350,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       }
       return focusOnHide;
     }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
-    const hideOnEscapeProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnEscape);
+    const hideOnEscapeProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, hideOnEscape);
     _react.useEffect.call(void 0, () => {
       if (!domReady)
         return;
@@ -372,7 +364,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
         const dialog = ref.current;
         if (!dialog)
           return;
-        if (_7F62IPL4cjs.isElementMarked.call(void 0, dialog))
+        if (_FSADYSOPcjs.isElementMarked.call(void 0, dialog))
           return;
         const target = event.target;
         if (!target)
@@ -397,38 +389,37 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       };
       return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
     }, [mounted, domReady, hideOnEscapeProp]);
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
     const hiddenProp = props.hidden;
     const alwaysVisible = props.alwaysVisible;
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => {
-        if (backdrop) {
-          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            backdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _IUR52EVRcjs.DialogBackdrop,
-              {
-                store,
-                backdrop,
-                backdropProps,
-                hidden: hiddenProp,
-                alwaysVisible
-              }
-            ),
-            element
-          ] });
-        }
-        return element;
+        if (!backdrop)
+          return element;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _DFJJN2WMcjs.DialogBackdrop,
+            {
+              store,
+              backdrop,
+              backdropProps,
+              hidden: hiddenProp,
+              alwaysVisible
+            }
+          ),
+          element
+        ] });
       },
       [store, backdrop, backdropProps, hiddenProp, alwaysVisible]
     );
     const [headingId, setHeadingId] = _react.useState.call(void 0, );
     const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogContext.Provider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
       [store]
@@ -441,20 +432,20 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-labelledby": headingId,
       "aria-describedby": descriptionId
     }, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _UPT7GI2Icjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    props = _GXCVLZ7Wcjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _5YBLVTWKcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _SZ6M66IFcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
-    props = _EM5IGG3Qcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+    props = _RQ3E2DZBcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _FIEVSSEVcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
+    props = _UNFAA7SHcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;
   }
 );
-var Dialog = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Dialog = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useDialog(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Dialog.displayName = "Dialog";