@ariakit/react-core 0.2.1 → 0.2.3

package/cjs/utils/store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _F7HVNVHQcjs = require('../__chunks/F7HVNVHQ.cjs');
-require('../__chunks/NREUHWTU.cjs');
+var _3YYDY5FNcjs = require('../__chunks/3YYDY5FN.cjs');
+require('../__chunks/K4FBPMJ3.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useStore = _F7HVNVHQcjs.useStore; exports.useStoreProps = _F7HVNVHQcjs.useStoreProps; exports.useStoreState = _F7HVNVHQcjs.useStoreState;
+exports.useStore = _3YYDY5FNcjs.useStore; exports.useStoreProps = _3YYDY5FNcjs.useStoreProps; exports.useStoreState = _3YYDY5FNcjs.useStoreState;

package/esm/__chunks/{PPIHKGNC.js → 34WFGKVL.js}

@@ -8,7 +8,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{Q4TAYJGL.js → 4UNPWQYT.js}

@@ -1,6 +1,6 @@
 import {
   useCommand
-} from "./5KLYDORO.js";
+} from "./DNPURXZF.js";
 import {
   createComponent,
   createElement,
@@ -9,7 +9,7 @@ import {
 import {
   useForkRef,
   useTagName
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{HNQXN4AI.js → 56DUJ462.js}

@@ -13,7 +13,7 @@ import {
   useForkRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   setRef
 } from "./SXC6BPOF.js";

package/esm/__chunks/{OBNQHP6V.js → 5KT3GDTM.js}

@@ -1,10 +1,10 @@
 import {
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "./HN4VMOUI.js";
+} from "./JX7L6AQW.js";
 import {
   useStore
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{HJ244IIK.js → 6BBYWAIS.js}

@@ -1,6 +1,6 @@
 import {
   useFocusable
-} from "./K4QQOEEY.js";
+} from "./IMP6LK4U.js";
 import {
   createComponent,
   createElement,
@@ -11,7 +11,7 @@ import {
   useEvent,
   useForkRef,
   useIsMouseMoving
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -56,13 +56,13 @@ var useHovercardAnchor = createHook(
           return;
         if (!showOnHoverProp(event))
           return;
-        const { showTimeout } = store.getState();
+        const { showTimeout, timeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
           store.show();
-        }, showTimeout);
+        }, showTimeout != null ? showTimeout : timeout);
       }
     );
     props = __spreadProps(__spreadValues({}, props), {

package/esm/__chunks/{UJIZKMKY.js → 6MPOG72U.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./VQ223ROI.js";
+} from "./6NDCAXRV.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -14,7 +14,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{VQ223ROI.js → 6NDCAXRV.js}

@@ -1,6 +1,6 @@
 import {
   DialogBackdrop
-} from "./44D6W47E.js";
+} from "./SSEF6EVJ.js";
 import {
   disableTreeOutside
 } from "./4H6H5RRM.js";
@@ -9,13 +9,13 @@ import {
 } from "./7A3SODQV.js";
 import {
   usePreventBodyScroll
-} from "./RBUEJWRA.js";
+} from "./LMWFU6EQ.js";
 import {
   useNestedDialogs
-} from "./T3WBUAHU.js";
+} from "./NOIOBRWH.js";
 import {
   useHideOnInteractOutside
-} from "./KUXENZYT.js";
+} from "./GA2RA37M.js";
 import {
   prependHiddenDismiss
 } from "./62DFK33R.js";
@@ -24,24 +24,25 @@ import {
 } from "./BH4YAZB2.js";
 import {
   useFocusableContainer
-} from "./FYVEOR7R.js";
+} from "./URYSNCDU.js";
 import {
   HeadingLevel
 } from "./6OMX4H3W.js";
 import {
   usePortal
-} from "./HNQXN4AI.js";
+} from "./56DUJ462.js";
 import {
   DialogContext,
   DialogDescriptionContext,
   DialogHeadingContext
 } from "./LNHZLQEK.js";
 import {
+  isHidden,
   useDisclosureContent
-} from "./WYKPGIVG.js";
+} from "./YJZ2FEUT.js";
 import {
   useFocusable
-} from "./K4QQOEEY.js";
+} from "./IMP6LK4U.js";
 import {
   createComponent,
   createElement,
@@ -55,7 +56,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -152,11 +153,8 @@ var useDialog = createHook(
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hiddenProp = props.hidden;
-    usePreventBodyScroll(
-      store,
-      (mounted || hiddenProp === false) && preventBodyScroll
-    );
+    const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);
+    usePreventBodyScroll(store, preventBodyScroll && !hidden);
     useHideOnInteractOutside(store, hideOnInteractOutside);
     const { wrapElement, nestedDialogs } = useNestedDialogs(store);
     props = useWrapElement(props, wrapElement, [wrapElement]);
@@ -285,7 +283,7 @@ var useDialog = createHook(
       if (!autoFocusOnShowProp(isElementFocusable ? element : null))
         return;
       setAutoFocusEnabled(true);
-      element.focus();
+      queueMicrotask(() => element.focus());
     }, [
       open,
       mayAutoFocusOnShow,
@@ -346,7 +344,7 @@ var useDialog = createHook(
           return;
         if (!isElementFocusable)
           return;
-        element == null ? void 0 : element.focus();
+        queueMicrotask(() => element == null ? void 0 : element.focus());
       };
       if (!open) {
         return focusOnHide();
@@ -396,6 +394,8 @@ var useDialog = createHook(
       (element) => /* @__PURE__ */ jsx(HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
+    const hiddenProp = props.hidden;
+    const alwaysVisible = props.alwaysVisible;
     props = useWrapElement(
       props,
       (element) => {
@@ -407,7 +407,8 @@ var useDialog = createHook(
                 store,
                 backdrop,
                 backdropProps,
-                hidden: hiddenProp
+                hidden: hiddenProp,
+                alwaysVisible
               }
             ),
             element
@@ -415,7 +416,7 @@ var useDialog = createHook(
         }
         return element;
       },
-      [store, backdrop, backdropProps, hiddenProp]
+      [store, backdrop, backdropProps, hiddenProp, alwaysVisible]
     );
     const [headingId, setHeadingId] = useState();
     const [descriptionId, setDescriptionId] = useState();

package/esm/__chunks/{KCAKBKAU.js → 6RRCHXOA.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";

package/esm/__chunks/{2A7SHVQX.js → 7GX7Z4RT.js}

@@ -1,6 +1,6 @@
 import {
   useGroup
-} from "./PPIHKGNC.js";
+} from "./34WFGKVL.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{F6CM5SN4.js → 7KMNPNCM.js}

@@ -7,10 +7,10 @@ import {
 } from "./W7JXAQKF.js";
 import {
   useCompositeHover
-} from "./Y2V2DFHD.js";
+} from "./GFLJYJHR.js";
 import {
   useCompositeItem
-} from "./X4UE5ZYC.js";
+} from "./HYSKO35G.js";
 import {
   createElement,
   createHook,
@@ -18,11 +18,11 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useStoreState
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{JTWJOAF2.js → 7W7JS5WE.js}

@@ -3,7 +3,7 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./X4UE5ZYC.js";
+} from "./HYSKO35G.js";
 import {
   createElement,
   createHook,
@@ -11,13 +11,13 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useStoreState
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   useEvent,
   useForkRef,
   useId,
   useTagName
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{THRMCR5V.js → A5P4XOHC.js}

@@ -1,6 +1,6 @@
 import {
   useDialogHeading
-} from "./RQE3AIUU.js";
+} from "./G5LGVBEX.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{PI5KZQST.js → B5KVTUMZ.js}

@@ -1,6 +1,6 @@
 import {
   useDisclosure
-} from "./UR3V2CXC.js";
+} from "./UCNIXL4N.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{NNCIS2B6.js → CTBUXM7K.js}

@@ -9,7 +9,7 @@ import {
 import {
   useForkRef,
   useTagName
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{ODHF3YE7.js → CV7JBVJO.js}

@@ -11,11 +11,11 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useStoreState
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   useEvent,
   useForkRef
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{2VSLIXPB.js → CWGC7RDD.js}

@@ -9,7 +9,7 @@ import {
 import {
   useForkRef,
   useId
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{S6KGTG3E.js → DAQSLIJO.js}

@@ -1,6 +1,6 @@
 import {
   useCompositeItem
-} from "./X4UE5ZYC.js";
+} from "./HYSKO35G.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{5KLYDORO.js → DNPURXZF.js}

@@ -1,6 +1,6 @@
 import {
   useFocusable
-} from "./K4QQOEEY.js";
+} from "./IMP6LK4U.js";
 import {
   createComponent,
   createElement,
@@ -10,7 +10,7 @@ import {
   useEvent,
   useForkRef,
   useTagName
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{C2EK56NQ.js → EGINZ4IG.js}

@@ -3,7 +3,7 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./5KLYDORO.js";
+} from "./DNPURXZF.js";
 import {
   createComponent,
   createElement,
@@ -11,13 +11,13 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useStoreState
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   useEvent,
   useForkRef,
   useTagName,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{YRBSOIWS.js → EPLYSKGE.js}

@@ -1,6 +1,6 @@
 import {
   usePopoverDismiss
-} from "./V47YM6O6.js";
+} from "./U2FJPRXC.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{YD5EOSG3.js → EZKI7X4G.js}

@@ -1,6 +1,6 @@
 import {
   useDialogDescription
-} from "./GQ73PJK4.js";
+} from "./HWYCCPYU.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{AV5WE37O.js → FY2SXATP.js}

@@ -1,9 +1,8 @@
 import {
   useLazyValue,
   useLiveRef,
-  useSafeLayoutEffect,
-  useUpdateLayoutEffect
-} from "./ASYR66PQ.js";
+  useSafeLayoutEffect
+} from "./JSNCZ2E2.js";
 import {
   __spreadProps,
   __spreadValues
@@ -59,16 +58,10 @@ function useStoreProps(store, props, key, setKey) {
   }, [store, key]);
   useSafeLayoutEffect(() => {
     return store.sync(() => {
-      const { value: value2 } = propsRef.current;
-      if (value2 === void 0)
+      if (value === void 0)
         return;
-      store.setState(key, value2);
+      store.setState(key, value);
     }, [key]);
-  }, [store, key]);
-  useUpdateLayoutEffect(() => {
-    if (value === void 0)
-      return;
-    store.setState(key, value);
   }, [store, key, value]);
 }
 function useStore(createStore) {

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

@@ -1,6 +1,6 @@
 import {
   useHeading
-} from "./NNCIS2B6.js";
+} from "./CTBUXM7K.js";
 import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
@@ -12,7 +12,7 @@ import {
 import {
   useId,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{KUXENZYT.js → GA2RA37M.js}

@@ -6,7 +6,7 @@ import {
 } from "./7JNF6I52.js";
 import {
   useEvent
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{Y2V2DFHD.js → GFLJYJHR.js}

@@ -10,7 +10,7 @@ import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{SSM4B45D.js → GFYEEYL2.js}

@@ -1,11 +1,11 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "./MEYEPL2D.js";
+} from "./NVLKN7BK.js";
 import {
   useStore,
   useStoreProps
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{CUXAE5EP.js → H2EYGI5B.js}

@@ -1,9 +1,9 @@
 import {
   useDialogDisclosure
-} from "./PI5KZQST.js";
+} from "./B5KVTUMZ.js";
 import {
   usePopoverAnchor
-} from "./NBC642OI.js";
+} from "./UYBDYDBM.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -15,7 +15,7 @@ import {
 import {
   useEvent,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{GQ73PJK4.js → HWYCCPYU.js}

@@ -9,7 +9,7 @@ import {
 import {
   useId,
   useSafeLayoutEffect
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{X4UE5ZYC.js → HYSKO35G.js}

@@ -1,9 +1,9 @@
 import {
   useCommand
-} from "./5KLYDORO.js";
+} from "./DNPURXZF.js";
 import {
   useCollectionItem
-} from "./2VSLIXPB.js";
+} from "./CWGC7RDD.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -21,7 +21,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useStoreState
-} from "./AV5WE37O.js";
+} from "./FY2SXATP.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -29,7 +29,7 @@ import {
   useId,
   useSafeLayoutEffect,
   useWrapElement
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{K4QQOEEY.js → IMP6LK4U.js}

@@ -10,7 +10,7 @@ import {
   useEvent,
   useForkRef,
   useTagName
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,
@@ -131,6 +131,8 @@ function onGlobalKeyDown(event) {
     return;
   if (event.ctrlKey)
     return;
+  if (event.altKey)
+    return;
   isKeyboardModality = true;
 }
 var useFocusable = createHook(
@@ -302,9 +304,9 @@ var useFocusable = createHook(
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (!focusable)
         return;
-      if (isFocusEventOutside(event)) {
-        setFocusVisible(false);
-      }
+      if (!isFocusEventOutside(event))
+        return;
+      setFocusVisible(false);
     });
     const autoFocusOnShow = useContext(FocusableContext);
     const autoFocusRef = useEvent((element) => {

package/esm/__chunks/{ASYR66PQ.js → JSNCZ2E2.js}

@@ -125,6 +125,17 @@ function useTagName(refOrElement, type) {
   }, [refOrElement, type]);
   return tagName;
 }
+function useAttribute(refOrElement, attributeName, defaultValue) {
+  const [attribute, setAttribute] = useState(defaultValue);
+  useSafeLayoutEffect(() => {
+    const element = refOrElement && "current" in refOrElement ? refOrElement.current : refOrElement;
+    const value = element == null ? void 0 : element.getAttribute(attributeName);
+    if (value == null)
+      return;
+    setAttribute(value);
+  }, [refOrElement, attributeName]);
+  return attribute;
+}
 function useUpdateEffect(effect, deps) {
   const mounted = useRef(false);
   useEffect(() => {
@@ -256,6 +267,7 @@ export {
   useId,
   useDeferredValue,
   useTagName,
+  useAttribute,
   useUpdateEffect,
   useUpdateLayoutEffect,
   useControlledState,

package/esm/__chunks/{HN4VMOUI.js → JX7L6AQW.js}

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

package/esm/__chunks/{TTOXS6BI.js → K76RRXSE.js}

@@ -1,6 +1,6 @@
 import {
   useButton
-} from "./Q4TAYJGL.js";
+} from "./4UNPWQYT.js";
 import {
   DialogContext
 } from "./LNHZLQEK.js";
@@ -11,7 +11,7 @@ import {
 } from "./U2LXZPCY.js";
 import {
   useEvent
-} from "./ASYR66PQ.js";
+} from "./JSNCZ2E2.js";
 import {
   __objRest,
   __spreadProps,