@ariakit/react-core 0.2.7 → 0.2.9

package/esm/__chunks/{YJSLDE5C.js → FYZCYWPI.js}

@@ -3,21 +3,21 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./GKEHNDOU.js";
+} from "./WQIYBPAY.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useEvent,
-  useForkRef,
+  useMergeRefs,
   useTagName,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -136,7 +136,7 @@ var useCheckbox = createHook(
       type: nativeCheckbox ? "checkbox" : void 0,
       "aria-checked": checked
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onChange,
       onClick
     });

package/esm/__chunks/{URYSNCDU.js → GKH7N3JM.js}

@@ -5,10 +5,10 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{GJAZZDOH.js → GMDF663U.js}

@@ -4,27 +4,27 @@ import {
 } from "./HVBRRKV4.js";
 import {
   useCompositeTypeahead
-} from "./XXMIY262.js";
+} from "./ZSRI7KJ2.js";
 import {
   useComposite
-} from "./YBDXDAKQ.js";
+} from "./7MJF27QJ.js";
 import {
   isHidden
-} from "./YJZ2FEUT.js";
+} from "./WFPVIVLA.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -139,7 +139,7 @@ var useMenuList = createHook(
       "aria-labelledby": ariaLabelledBy,
       hidden
     }, props), {
-      ref: useForkRef(id ? store.setContentElement : null, props.ref),
+      ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
       style,
       onKeyDown
     });

package/esm/__chunks/{TJKNVC7W.js → HCZMY53N.js}

@@ -1,6 +1,9 @@
+import {
+  isBackdrop
+} from "./IXXFVVA2.js";
 import {
   setProperty
-} from "./T6V23Y6E.js";
+} from "./FW6QFGFT.js";
 import {
   walkTreeOutside
 } from "./FV23EKJL.js";
@@ -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);
   walkTreeOutside(
     elements,
-    (element) => cleanups.unshift(markElement(element, dialogId)),
+    (element) => {
+      if (isBackdrop(element, ...ids))
+        return;
+      cleanups.unshift(markElement(element, dialogId));
+    },
     (ancestor) => cleanups.unshift(markAncestor(ancestor, dialogId))
   );
   const restoreAccessibilityTree = () => {

package/esm/__chunks/{G5LGVBEX.js → HE7AYLA4.js}

@@ -1,6 +1,6 @@
 import {
   useHeading
-} from "./CTBUXM7K.js";
+} from "./SHUCKX4V.js";
 import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
@@ -8,11 +8,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{5JAOITB6.js → HNO7M6GL.js}

@@ -7,22 +7,22 @@ import {
 } from "./W7JXAQKF.js";
 import {
   useCompositeHover
-} from "./WNWUDBP3.js";
+} from "./VTOOL4S4.js";
 import {
   useCompositeItem
-} from "./OTKCW3PM.js";
+} from "./OUTTLNN7.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/IXXFVVA2.js

@@ -0,0 +1,19 @@
+// src/dialog/utils/is-backdrop.ts
+function isBackdrop(element, ...ids) {
+  if (!element)
+    return false;
+  const backdrop = element.getAttribute("data-backdrop");
+  if (backdrop == null)
+    return false;
+  if (backdrop === "")
+    return true;
+  if (backdrop === "true")
+    return true;
+  if (!ids.length)
+    return true;
+  return ids.some((id) => backdrop === id);
+}
+
+export {
+  isBackdrop
+};

package/esm/__chunks/{SUXGXJIC.js → IZJZD7LX.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./34WFGKVL.js";
+} from "./WYH7HZPL.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{4D3OGBNH.js → J4BKICPJ.js}

@@ -1,6 +1,6 @@
 import {
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
 import {

package/esm/__chunks/{7GX7Z4RT.js → JQVGLAS2.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./34WFGKVL.js";
+} from "./WYH7HZPL.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{KMIAQUPF.js → K4NEG23J.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{76X52BLD.js → KF3PP2P3.js}

@@ -1,11 +1,11 @@
 import {
   useDisclosure
-} from "./GGPLUQQY.js";
+} from "./OTMCQXXR.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{NVLKN7BK.js → KQUSQ6BH.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{KEY2FZYW.js → LC6BW35W.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{OJHPXVNR.js → LIFXUQPU.js}

@@ -1,24 +1,26 @@
 import {
   markAncestor
-} from "./TJKNVC7W.js";
+} from "./HCZMY53N.js";
 import {
   Role
-} from "./R35SLIEE.js";
+} from "./TZIIKRHF.js";
 import {
   useDisclosureContent
-} from "./YJZ2FEUT.js";
+} from "./WFPVIVLA.js";
 import {
-  useForkRef,
+  useDisclosureStore
+} from "./2XOPWNSQ.js";
+import {
+  useMergeRefs,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadProps,
   __spreadValues
 } from "./4BKCJXBM.js";
 
 // src/dialog/dialog-backdrop.tsx
-import { cloneElement, isValidElement, useMemo, useRef } from "react";
-import { noop } from "@ariakit/core/utils/misc";
+import { isValidElement, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 function DialogBackdrop({
   store,
@@ -28,14 +30,7 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = useRef(null);
-  store = useMemo(
-    () => __spreadProps(__spreadValues({}, store), {
-      // Override the setContentElement method to prevent the backdrop from
-      // overwriting the dialog's content element. TODO: Refactor this.
-      setContentElement: noop
-    }),
-    [store]
-  );
+  const disclosure = useDisclosureStore({ disclosure: store });
   const contentElement = store.useState("contentElement");
   useSafeLayoutEffect(() => {
     const backdrop2 = ref.current;
@@ -55,20 +50,16 @@ function DialogBackdrop({
       return;
     return markAncestor(backdrop2, id);
   }, [contentElement]);
-  backdropProps = isValidElement(backdrop) ? __spreadValues(__spreadValues({
-    ref: "ref" in backdrop ? backdrop.ref : void 0
-  }, backdrop.props), backdropProps) : backdropProps;
   if (hidden != null) {
     backdropProps = __spreadProps(__spreadValues({}, backdropProps), { hidden });
   }
   const props = useDisclosureContent(__spreadProps(__spreadValues({
-    store,
-    id: void 0,
+    store: disclosure,
     role: "presentation",
     "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
     alwaysVisible
   }, backdropProps), {
-    ref: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
+    ref: useMergeRefs(backdropProps == null ? void 0 : backdropProps.ref, ref),
     style: __spreadValues({
       position: "fixed",
       top: 0,
@@ -80,10 +71,10 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (isValidElement(backdrop)) {
-    return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: (props2) => cloneElement(backdrop, props2) }));
+    return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: backdrop }));
   }
-  const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
-  return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { as: Component }));
+  const Component = typeof backdrop !== "boolean" ? backdrop : "div";
+  return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: /* @__PURE__ */ jsx(Component, {}) }));
 }
 
 export {

package/esm/__chunks/{BBUDEDX6.js → MO5Q5FB7.js}

@@ -1,11 +1,11 @@
 import {
   useDialogDismiss
-} from "./QDEVTSDD.js";
+} from "./TQ2K6WFI.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = createHook((props) => {

package/esm/__chunks/{SPQB36IP.js → N2JKXTRW.js}

@@ -1,11 +1,11 @@
 import {
   useGroupLabel
-} from "./XO22PNQJ.js";
+} from "./P3IT4SS7.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{5VTQ6DZF.js → N36XUJ4I.js}

@@ -5,21 +5,21 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./4V6VYUH3.js";
+} from "./XJM2RD5W.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef,
   useLiveRef,
+  useMergeRefs,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -260,7 +260,7 @@ var useHovercard = createHook(
       [registerNestedHovercard]
     );
     props = __spreadProps(__spreadValues({}, props), {
-      ref: useForkRef(ref, props.ref)
+      ref: useMergeRefs(ref, props.ref)
     });
     props = useAutoFocusOnHide(__spreadValues({ store }, props));
     props = useAutoFocusOnShow(__spreadValues({ store, modal }, props));

package/esm/__chunks/{N5KAEM7B.js → NW5OKUH5.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDescription
-} from "./EZKI7X4G.js";
+} from "./B3A7CWGN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 
 // src/hovercard/hovercard-description.ts
 var useHovercardDescription = createHook(

package/esm/__chunks/{GGPLUQQY.js → OTMCQXXR.js}

@@ -1,16 +1,16 @@
 import {
   useButton
-} from "./WPWRDZX3.js";
+} from "./EUD77B6Z.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef
-} from "./JSNCZ2E2.js";
+  useMergeRefs
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -59,7 +59,7 @@ var useDisclosure = createHook(
       "aria-expanded": expanded,
       "aria-controls": contentElement == null ? void 0 : contentElement.id
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onMouseDown,
       onClick
     });

package/esm/__chunks/{OTKCW3PM.js → OUTTLNN7.js}

@@ -1,9 +1,9 @@
 import {
   useCommand
-} from "./GKEHNDOU.js";
+} from "./WQIYBPAY.js";
 import {
   useCollectionItem
-} from "./CWGC7RDD.js";
+} from "./EJLZ2L22.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -18,18 +18,18 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -316,7 +316,7 @@ var useCompositeItem = createHook(
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem ? "" : void 0
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,

package/esm/__chunks/{XURV7VPV.js → OYQC776W.js}

@@ -5,10 +5,10 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useEvent
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{XO22PNQJ.js → P3IT4SS7.js}

@@ -5,11 +5,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/PYB45PRS.js

@@ -0,0 +1,46 @@
+import {
+  useForceUpdate
+} from "./SN2N5P2D.js";
+
+// src/dialog/utils/use-root-dialog.ts
+import { useCallback, useEffect } from "react";
+import { getDocument } from "@ariakit/core/utils/dom";
+import { flushSync } from "react-dom";
+function useRootDialog({
+  attribute,
+  contentId,
+  contentElement,
+  enabled
+}) {
+  const [updated, retry] = useForceUpdate();
+  const isRootDialog = useCallback(() => {
+    if (!enabled)
+      return false;
+    if (!contentElement)
+      return false;
+    const { body } = getDocument(contentElement);
+    const id = body.getAttribute(attribute);
+    return !id || id === contentId;
+  }, [updated, enabled, contentElement, attribute, contentId]);
+  useEffect(() => {
+    if (!enabled)
+      return;
+    if (!contentId)
+      return;
+    if (!contentElement)
+      return;
+    const { body } = getDocument(contentElement);
+    if (isRootDialog()) {
+      body.setAttribute(attribute, contentId);
+      return () => body.removeAttribute(attribute);
+    }
+    const observer = new MutationObserver(() => flushSync(retry));
+    observer.observe(body, { attributeFilter: [attribute] });
+    return () => observer.disconnect();
+  }, [updated, enabled, contentId, contentElement, isRootDialog, attribute]);
+  return isRootDialog;
+}
+
+export {
+  useRootDialog
+};

package/esm/__chunks/{EEZDONXU.js → Q6CBZJ7X.js}

@@ -1,11 +1,11 @@
 import {
   useCompositeItem
-} from "./OTKCW3PM.js";
+} from "./OUTTLNN7.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{PXJHIBDO.js → QDYEK6IR.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "./T4YP7E6T.js";
+} from "./ZTW46EPJ.js";
 import {
   useStore,
   useStoreProps
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{CKSO3V6B.js → QLHUIPVK.js}

@@ -1,14 +1,17 @@
 import {
   hideElementFromAccessibilityTree
-} from "./265D6T7T.js";
+} from "./CYJJUQU3.js";
 import {
   supportsInert
 } from "./KOVUJERF.js";
+import {
+  isBackdrop
+} from "./IXXFVVA2.js";
 import {
   assignStyle,
   setAttribute,
   setProperty
-} from "./T6V23Y6E.js";
+} from "./FW6QFGFT.js";
 import {
   walkTreeOutside
 } from "./FV23EKJL.js";
@@ -34,6 +37,7 @@ function disableElement(element) {
 }
 function disableTreeOutside(...elements) {
   const cleanups = [];
+  const ids = elements.map((el) => el == null ? void 0 : el.id);
   if (!supportsInert()) {
     getAllTabbable().forEach((element) => {
       if (elements.some((el) => el && contains(el, element)))
@@ -42,6 +46,8 @@ function disableTreeOutside(...elements) {
     });
   }
   walkTreeOutside(elements, (element) => {
+    if (isBackdrop(element, ...ids))
+      return;
     cleanups.unshift(disableElement(element));
   });
   const restoreTreeOutside = () => {

package/esm/__chunks/{2COVM63T.js → QLHYK3GC.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues