@ariakit/react-core 0.3.1 → 0.3.3

package/cjs/utils/store.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _I63PYP2Ucjs = require('../__chunks/I63PYP2U.cjs');
+var _UHRHLHM2cjs = require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -10,4 +10,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useStore = _I63PYP2Ucjs.useStore; exports.useStoreProps = _I63PYP2Ucjs.useStoreProps; exports.useStoreState = _I63PYP2Ucjs.useStoreState;
+exports.useStore = _UHRHLHM2cjs.useStore; exports.useStoreProps = _UHRHLHM2cjs.useStoreProps; exports.useStoreState = _UHRHLHM2cjs.useStoreState;

package/dialog/utils/disable-tree/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/dialog/utils/disable-tree",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../../cjs/dialog/utils/disable-tree.cjs",
+  "module": "../../../esm/dialog/utils/disable-tree.js",
+  "types": "../../../cjs/dialog/utils/disable-tree.d.ts"
+}

package/esm/__chunks/{EKIHOHWR.js → 26JVBZKI.js}

@@ -10,7 +10,7 @@ import {
 } from "./XCH4OEEE.js";
 import {
   useCompositeItem
-} from "./72OJKUSZ.js";
+} from "./54J7EHCU.js";
 import {
   createElement,
   createHook,
@@ -18,7 +18,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useBooleanEvent,
   useEvent

package/esm/__chunks/{3HFOFZP4.js → 2EIZAZYB.js}

@@ -7,7 +7,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{TQ2YQL6O.js → 3HY5ZQT3.js}

@@ -1,6 +1,6 @@
 import {
   useDisclosure
-} from "./7AFOF5E7.js";
+} from "./R6PKH666.js";
 import {
   useDialogProviderContext
 } from "./5YYGDU4E.js";
@@ -15,11 +15,21 @@ import {
 } from "./PNRLI7OV.js";
 
 // src/dialog/dialog-disclosure.ts
+import { getPopupRole } from "@ariakit/core/utils/dom";
+import { invariant } from "@ariakit/core/utils/misc";
 var useDialogDisclosure = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useDialogProviderContext();
     store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const contentElement = store.useState("contentElement");
+    props = __spreadValues({
+      "aria-haspopup": getPopupRole(contentElement, "dialog")
+    }, props);
     props = useDisclosure(__spreadValues({ store }, props));
     return props;
   }

package/esm/__chunks/{FBTQUSIH.js → 3T4UFIWO.js}

@@ -1,10 +1,10 @@
 import {
   useCollectionStoreProps
-} from "./NWDF5QDV.js";
+} from "./C6MBVGZ2.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useEvent
 } from "./J7Q2EO23.js";

package/esm/__chunks/{XXO3VVQU.js → 4LP74VAP.js}

@@ -26,10 +26,11 @@ function safeFlushSync(fn, canFlushSync = true) {
   inFlushSyncContext = true;
   const originalError = console.error;
   if (process.env.NODE_ENV !== "production") {
-    console.error = (msg) => {
-      if (msg.startsWith("Warning: flushSync"))
+    console.error = (...data) => {
+      if (typeof data[0] === "string" && data[0].startsWith("Warning: flushSync")) {
         return;
-      originalError(msg);
+      }
+      originalError(...data);
     };
   }
   try {

package/esm/__chunks/{IZ6ZARCP.js → 4LQJSTB3.js}

@@ -11,7 +11,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useEvent,
   useMergeRefs

package/esm/__chunks/{YJPXO6F5.js → 4VQSZLZX.js}

@@ -5,7 +5,7 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./RVGVDX6B.js";
+} from "./MNVQ65E5.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext

package/esm/__chunks/{72OJKUSZ.js → 54J7EHCU.js}

@@ -1,6 +1,6 @@
 import {
   useCommand
-} from "./LND6SMHN.js";
+} from "./XBIFFFUN.js";
 import {
   useCollectionItem
 } from "./XIA3HAXM.js";
@@ -21,7 +21,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{HYNMOU7J.js → 56TAEBRJ.js}

@@ -11,7 +11,7 @@ import {
 } from "./5C7J4IAS.js";
 import {
   useFocusable
-} from "./M4OAD5XF.js";
+} from "./YTHH33BK.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{AYWP3ZW6.js → 5QIDAYL3.js}

@@ -1,6 +1,6 @@
 import {
   usePopoverDismiss
-} from "./4JNX5L5C.js";
+} from "./T5VBGHBO.js";
 import {
   useHovercardScopedContext
 } from "./5DA3HK6G.js";

package/esm/__chunks/{HJHTMRDC.js → 727IWAR7.js}

@@ -1,10 +1,10 @@
 import {
   useHovercardStoreProps
-} from "./MA5WD4CD.js";
+} from "./JE342XIS.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{HAVCR65N.js → 7LB47D2O.js}

@@ -1,6 +1,6 @@
 import {
   isElementMarked
-} from "./KGDYSCOM.js";
+} from "./FRKOFFMT.js";
 import {
   usePreviousMouseDownRef
 } from "./7JNF6I52.js";

package/esm/__chunks/{X5VV5CBA.js → 7VWXICM7.js}

@@ -3,7 +3,7 @@ import {
 } from "./IXXFVVA2.js";
 import {
   walkTreeOutside
-} from "./5M4ITSXL.js";
+} from "./VRCYQ6JX.js";
 import {
   setAttribute
 } from "./FW6QFGFT.js";
@@ -12,10 +12,10 @@ import {
 function hideElementFromAccessibilityTree(element) {
   return setAttribute(element, "aria-hidden", "true");
 }
-function disableAccessibilityTreeOutside(...elements) {
+function disableAccessibilityTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  walkTreeOutside(elements, (element) => {
+  walkTreeOutside(id, elements, (element) => {
     if (isBackdrop(element, ...ids))
       return;
     cleanups.unshift(hideElementFromAccessibilityTree(element));

package/esm/__chunks/{E6GADH6Y.js → BWOZSOC7.js}

@@ -1,15 +1,15 @@
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";
-function useDisclosureStoreProps(store, update, props, deps = []) {
-  useUpdateEffect(update, [props.store, props.disclosure, ...deps]);
+function useDisclosureStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.store, props.disclosure]);
   useStoreProps(store, props, "open", "setOpen");
   useStoreProps(store, props, "mounted", "setMounted");
   useStoreProps(store, props, "animated");

package/esm/__chunks/{NWDF5QDV.js → C6MBVGZ2.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{R3N4R7UZ.js → CSCFKBRS.js}

@@ -1,13 +1,13 @@
 import {
   useCompositeStoreProps
-} from "./WGAKICTY.js";
+} from "./EZ23JQKA.js";
 import {
   usePopoverStoreProps
-} from "./XEZV3AK4.js";
+} from "./DO6GQUCF.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 
 // src/combobox/combobox-store.ts
 import * as Core from "@ariakit/core/combobox/combobox-store";

package/esm/__chunks/{QPWEKAWF.js → D2BRO4YW.js}

@@ -1,6 +1,6 @@
 import {
   useCommand
-} from "./LND6SMHN.js";
+} from "./XBIFFFUN.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{KZMKUBQH.js → D6CHFQY5.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{VDTDCNMP.js → DA5VDN5G.js}

@@ -7,7 +7,7 @@ import {
 } from "./YVYWIVKG.js";
 import {
   useComposite
-} from "./HYNMOU7J.js";
+} from "./56TAEBRJ.js";
 import {
   isHidden
 } from "./3D7ZB3CS.js";
@@ -18,7 +18,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useEvent,
   useId,

package/esm/__chunks/{VPTWELSR.js → DHSMOVCA.js}

@@ -1,9 +1,9 @@
 import {
   useCompositeStoreProps
-} from "./WGAKICTY.js";
+} from "./EZ23JQKA.js";
 import {
   useStore
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{HCTAKPNS.js → DJUMA466.js}

@@ -1,9 +1,9 @@
 import {
   useDisclosureStoreProps
-} from "./E6GADH6Y.js";
+} from "./BWOZSOC7.js";
 import {
   useStore
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 
 // src/dialog/dialog-store.ts
 import * as Core from "@ariakit/core/dialog/dialog-store";

package/esm/__chunks/{XEZV3AK4.js → DO6GQUCF.js}

@@ -1,10 +1,10 @@
 import {
   useDialogStoreProps
-} from "./HCTAKPNS.js";
+} from "./DJUMA466.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{QJMIKN5O.js → DX7BNVVX.js}

@@ -7,7 +7,7 @@ import {
 } from "./US4OMDIO.js";
 import {
   useComposite
-} from "./HYNMOU7J.js";
+} from "./56TAEBRJ.js";
 import {
   isHidden
 } from "./3D7ZB3CS.js";

package/esm/__chunks/{XASENZA4.js → EGOOWJGN.js}

@@ -1,6 +1,6 @@
 import {
   hideElementFromAccessibilityTree
-} from "./X5VV5CBA.js";
+} from "./7VWXICM7.js";
 import {
   supportsInert
 } from "./KOVUJERF.js";
@@ -9,24 +9,31 @@ import {
 } from "./IXXFVVA2.js";
 import {
   walkTreeOutside
-} from "./5M4ITSXL.js";
+} from "./VRCYQ6JX.js";
 import {
   assignStyle,
   setAttribute,
   setProperty
 } from "./FW6QFGFT.js";
 
-// src/dialog/utils/disable-tree-outside.ts
+// src/dialog/utils/disable-tree.ts
 import { contains } from "@ariakit/core/utils/dom";
-import { getAllTabbable } from "@ariakit/core/utils/focus";
+import { getAllTabbableIn } from "@ariakit/core/utils/focus";
 import { chain, noop } from "@ariakit/core/utils/misc";
-function disableElement(element) {
+function disableTree(element, ignoredElements) {
   if (!("style" in element))
     return noop;
   if (supportsInert()) {
     return setProperty(element, "inert", true);
   }
+  const tabbableElements = getAllTabbableIn(element, true);
+  const enableElements = tabbableElements.map((element2) => {
+    if (ignoredElements == null ? void 0 : ignoredElements.some((el) => el && contains(el, element2)))
+      return noop;
+    return setAttribute(element2, "tabindex", "-1");
+  });
   return chain(
+    ...enableElements,
     hideElementFromAccessibilityTree(element),
     assignStyle(element, {
       pointerEvents: "none",
@@ -35,20 +42,13 @@ function disableElement(element) {
     })
   );
 }
-function disableTreeOutside(...elements) {
+function disableTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  if (!supportsInert()) {
-    getAllTabbable().forEach((element) => {
-      if (elements.some((el) => el && contains(el, element)))
-        return;
-      cleanups.unshift(setAttribute(element, "tabindex", "-1"));
-    });
-  }
-  walkTreeOutside(elements, (element) => {
+  walkTreeOutside(id, elements, (element) => {
     if (isBackdrop(element, ...ids))
       return;
-    cleanups.unshift(disableElement(element));
+    cleanups.unshift(disableTree(element, elements));
   });
   const restoreTreeOutside = () => {
     cleanups.forEach((fn) => fn());
@@ -57,5 +57,6 @@ function disableTreeOutside(...elements) {
 }
 
 export {
+  disableTree,
   disableTreeOutside
 };

package/esm/__chunks/{WGAKICTY.js → EZ23JQKA.js}

@@ -1,10 +1,10 @@
 import {
   useCollectionStoreProps
-} from "./NWDF5QDV.js";
+} from "./C6MBVGZ2.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";

package/esm/__chunks/{KGDYSCOM.js → FRKOFFMT.js}

@@ -3,7 +3,7 @@ import {
 } from "./IXXFVVA2.js";
 import {
   walkTreeOutside
-} from "./5M4ITSXL.js";
+} from "./VRCYQ6JX.js";
 import {
   setProperty
 } from "./FW6QFGFT.js";
@@ -15,18 +15,12 @@ function getPropertyName(id = "", ancestor = false) {
 }
 function markElement(element, id = "") {
   return chain(
-    // Debug
-    // setAttribute(element, getPropertyName(), "true"),
-    // setAttribute(element, getPropertyName(id), "true"),
     setProperty(element, getPropertyName(), true),
     setProperty(element, getPropertyName(id), true)
   );
 }
 function markAncestor(element, id = "") {
   return chain(
-    // Debug
-    // setAttribute(element, getPropertyName("", true), "true"),
-    // setAttribute(element, getPropertyName(id, true), "true"),
     setProperty(element, getPropertyName("", true), true),
     setProperty(element, getPropertyName(id, true), true)
   );
@@ -44,21 +38,22 @@ function isElementMarked(element, id) {
     element = element.parentElement;
   } while (true);
 }
-function markTreeOutside(dialogId, ...elements) {
+function markTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
   walkTreeOutside(
+    id,
     elements,
     (element) => {
       if (isBackdrop(element, ...ids))
         return;
-      cleanups.unshift(markElement(element, dialogId));
+      cleanups.unshift(markElement(element, id));
     },
     (ancestor, element) => {
-      const isAnotherDialogAncestor = element.hasAttribute("data-dialog") && element.id !== dialogId;
+      const isAnotherDialogAncestor = element.hasAttribute("data-dialog") && element.id !== id;
       if (isAnotherDialogAncestor)
         return;
-      cleanups.unshift(markAncestor(ancestor, dialogId));
+      cleanups.unshift(markAncestor(ancestor, id));
     }
   );
   const restoreAccessibilityTree = () => {

package/esm/__chunks/{HGW6FZYU.js → G4QRTAYK.js}

@@ -6,7 +6,7 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./LND6SMHN.js";
+} from "./XBIFFFUN.js";
 import {
   createComponent,
   createElement,
@@ -14,7 +14,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useEvent,
   useMergeRefs,

package/esm/__chunks/{D5TF3EQR.js → GD5ZDP5D.js}

@@ -7,7 +7,7 @@ import {
 } from "./3D7ZB3CS.js";
 import {
   useFocusable
-} from "./M4OAD5XF.js";
+} from "./YTHH33BK.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{PLOINBVB.js → HWJ7DGMR.js}

@@ -37,13 +37,6 @@ function useNestedDialogs(store) {
       return (_a = context.add) == null ? void 0 : _a.call(context, store);
     });
   }, [store, context]);
-  useSafeLayoutEffect(() => {
-    return sync(context.store, ["open"], (state) => {
-      if (state.open)
-        return;
-      store.hide();
-    });
-  }, [context, store]);
   const providerValue = useMemo(() => ({ store, add }), [store, add]);
   const wrapElement = useCallback(
     (element) => /* @__PURE__ */ jsx(NestedDialogsContext.Provider, { value: providerValue, children: element }),

package/esm/__chunks/{NRLOAE2I.js → IAA7Y45N.js}

@@ -1,6 +1,6 @@
 import {
   markAncestor
-} from "./KGDYSCOM.js";
+} from "./FRKOFFMT.js";
 import {
   Role
 } from "./PGK6S5NC.js";
@@ -9,7 +9,7 @@ import {
 } from "./3D7ZB3CS.js";
 import {
   useDisclosureStore
-} from "./E6GADH6Y.js";
+} from "./BWOZSOC7.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect

package/esm/__chunks/{MA5WD4CD.js → JE342XIS.js}

@@ -1,10 +1,10 @@
 import {
   usePopoverStoreProps
-} from "./XEZV3AK4.js";
+} from "./DO6GQUCF.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

package/esm/__chunks/{35WVCYXU.js → KIYX5CLX.js}

@@ -1,10 +1,10 @@
 import {
   useCompositeStoreProps
-} from "./WGAKICTY.js";
+} from "./EZ23JQKA.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{54DCICBS.js → KXTLHNBI.js}

@@ -3,7 +3,7 @@ import {
 } from "./5DA3HK6G.js";
 import {
   useFocusable
-} from "./M4OAD5XF.js";
+} from "./YTHH33BK.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{RVGVDX6B.js → MNVQ65E5.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./CJPLAYFB.js";
+} from "./YGEFENKI.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext

package/esm/__chunks/{C5JX5C3O.js → NQQVRTV2.js}

@@ -1,7 +1,7 @@
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./3HFOFZP4.js";
+} from "./2EIZAZYB.js";
 import {
   useCompositeContext
 } from "./5C7J4IAS.js";
@@ -11,7 +11,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useId
 } from "./J7Q2EO23.js";

package/esm/__chunks/{6LKB3PXM.js → O2VZZF7T.js}

@@ -7,14 +7,14 @@ import {
 } from "./QP4RN5UY.js";
 import {
   useCompositeStoreProps
-} from "./WGAKICTY.js";
+} from "./EZ23JQKA.js";
 import {
   useHovercardStoreProps
-} from "./MA5WD4CD.js";
+} from "./JE342XIS.js";
 import {
   useStore,
   useStoreProps
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useUpdateEffect
 } from "./J7Q2EO23.js";

package/esm/__chunks/{R4FKKQYI.js → OJDCQDIL.js}

@@ -3,7 +3,7 @@ import {
 } from "./NRFPH2ON.js";
 import {
   useCompositeItem
-} from "./72OJKUSZ.js";
+} from "./54J7EHCU.js";
 import {
   createElement,
   createHook,
@@ -11,7 +11,7 @@ import {
 } from "./CFEUKV6C.js";
 import {
   useStoreState
-} from "./XXO3VVQU.js";
+} from "./4LP74VAP.js";
 import {
   useEvent,
   useId,