@ariakit/react-core 0.4.5 → 0.4.6

package/esm/__chunks/{7JCFLN3D.js → CGG6F755.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   FocusableContext
-} from "./SHA3WOPI.js";
+} from "./SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useEvent,
   useMergeRefs,
   useTagName
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/focusable/focusable.ts
+// src/focusable/focusable.tsx
 import { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { isButton } from "@ariakit/core/utils/dom";
 import {
@@ -66,13 +66,11 @@ function isAlwaysFocusVisible(element) {
   }
   if (element.isContentEditable)
     return true;
-  return false;
-}
-function isAlwaysFocusVisibleDelayed(element) {
   const role = element.getAttribute("role");
-  if (role !== "combobox")
-    return false;
-  return !!element.dataset.name;
+  if (role === "combobox" && element.dataset.name) {
+    return true;
+  }
+  return false;
 }
 function getLabels(element) {
   if ("labels" in element) {
@@ -280,7 +278,8 @@ var useFocusable = createHook(
       if (!isSelfTarget(event))
         return;
       const element = event.currentTarget;
-      queueMicrotask(() => handleFocusVisible(event, element));
+      const applyFocusVisible = () => handleFocusVisible(event, element);
+      queueBeforeEvent(element, "focusout", applyFocusVisible);
     });
     const onFocusCaptureProp = props.onFocusCapture;
     const onFocusCapture = useEvent((event) => {
@@ -296,8 +295,6 @@ var useFocusable = createHook(
       const element = event.currentTarget;
       const applyFocusVisible = () => handleFocusVisible(event, element);
       if (isKeyboardModality || isAlwaysFocusVisible(event.target)) {
-        queueMicrotask(applyFocusVisible);
-      } else if (isAlwaysFocusVisibleDelayed(event.target)) {
         queueBeforeEvent(event.target, "focusout", applyFocusVisible);
       } else {
         setFocusVisible(false);

package/esm/__chunks/{GBZR5YWM.js → CMELOF3N.js}

@@ -3,13 +3,13 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __objRest,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/separator/separator.ts
+// src/separator/separator.tsx
 var TagName = "hr";
 var useSeparator = createHook(
   function useSeparator2(_a) {

package/esm/__chunks/{XPF5GU3Q.js → CZ4GFWYL.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/heading/heading-context.ts
+// src/heading/heading-context.tsx
 import { createContext } from "react";
 var HeadingContext = createContext(0);
 

package/esm/__chunks/{ZIX5D53S.js → D6UA6CB7.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useUpdateEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";

package/esm/__chunks/{F2RFUFO2.js → DFMIKPTE.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   usePopoverContext
-} from "./5B3U64HV.js";
+} from "./THGRQCVD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{LGWSZOP2.js → DYZ3QKCZ.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useUpdateEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";

package/esm/__chunks/{5YBNH7BL.js → EDI7THRR.js}

@@ -2,10 +2,10 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./5B3U64HV.js";
+} from "./THGRQCVD.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/hovercard/hovercard-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{44PDY2W5.js → ELHILQJA.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useDialogDismiss
-} from "./BY6P32UK.js";
+} from "./WSECHABH.js";
 import {
   usePopoverScopedContext
-} from "./5B3U64HV.js";
+} from "./THGRQCVD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __objRest,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/popover/popover-dismiss.ts
+// src/popover/popover-dismiss.tsx
 var TagName = "button";
 var usePopoverDismiss = createHook(
   function usePopoverDismiss2(_a) {

package/esm/__chunks/{HSFE2URL.js → EMAID2BX.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useSafeLayoutEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
 import {

package/esm/__chunks/{T2FNH4GQ.js → ENOFSN2Q.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useGroup
-} from "./QY7ICDXC.js";
+} from "./RIR54EMZ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __objRest
 } from "./4R3V3JGP.js";
 
-// src/form/form-group.ts
+// src/form/form-group.tsx
 var TagName = "div";
 var useFormGroup = createHook(
   function useFormGroup2(_a) {

package/esm/__chunks/{6XBVQI3K.js → EYKMH5G5.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/checkbox/checkbox-checked-context.ts
+// src/checkbox/checkbox-checked-context.tsx
 import { createContext } from "react";
 var CheckboxCheckedContext = createContext(false);
 

package/esm/__chunks/{HQB73KOV.js → FFFEN6V6.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./6LTHW2TQ.js";
+} from "./J4JPXPLD.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{MZOHHXHK.js → FFXEMTZO.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useGroupLabel
-} from "./7MLCLLFD.js";
+} from "./JQTJY6G3.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   __objRest
 } from "./4R3V3JGP.js";
 
-// src/composite/composite-group-label.ts
+// src/composite/composite-group-label.tsx
 var TagName = "div";
 var useCompositeGroupLabel = createHook(function useCompositeGroupLabel2(_a) {
   var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);

package/esm/__chunks/{WOWUAP42.js → FPBGCFAS.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   setRef
-} from "./XM66DUTO.js";
+} from "./KQWO6ME3.js";
 import {
   __spreadProps,
   __spreadValues
@@ -67,6 +67,24 @@ function useEvent(callback) {
     return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
   }, []);
 }
+function useTransactionState(callback) {
+  const [state, setState] = useState(null);
+  useSafeLayoutEffect(() => {
+    if (state == null)
+      return;
+    if (!callback)
+      return;
+    let prevState = null;
+    callback((prev) => {
+      prevState = prev;
+      return state;
+    });
+    return () => {
+      callback(prevState);
+    };
+  }, [state, callback]);
+  return [state, setState];
+}
 function useMergeRefs(...refs) {
   return useMemo(() => {
     if (!refs.some(Boolean))
@@ -277,6 +295,7 @@ export {
   useLiveRef,
   usePreviousValue,
   useEvent,
+  useTransactionState,
   useMergeRefs,
   useRefId,
   useId,

package/esm/__chunks/{OLJGEO2U.js → FQEEOOAZ.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   useFormContext
-} from "./HQB73KOV.js";
+} from "./FFFEN6V6.js";
 import {
   useCollectionItem
-} from "./IFMAUEA7.js";
+} from "./FXHYBSGZ.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/form/form-control.ts
+// src/form/form-control.tsx
 import { useCallback, useRef } from "react";
 import { getDocument } from "@ariakit/core/utils/dom";
 import { cx, invariant } from "@ariakit/core/utils/misc";

package/esm/__chunks/{IFMAUEA7.js → FXHYBSGZ.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
   useCollectionContext
-} from "./6LTHW2TQ.js";
+} from "./J4JPXPLD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useId,
   useMergeRefs
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/collection/collection-item.ts
+// src/collection/collection-item.tsx
 import { useEffect, useRef } from "react";
 import { identity, removeUndefinedValues } from "@ariakit/core/utils/misc";
 var TagName = "div";

package/esm/__chunks/{OPYM2TWP.js → FZPKOE72.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogDescription
-} from "./TWLEIICG.js";
+} from "./JZOR7AGF.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
-// src/popover/popover-description.ts
+// src/popover/popover-description.tsx
 var TagName = "p";
 var usePopoverDescription = createHook(function usePopoverDescription2(props) {
   props = useDialogDescription(props);

package/esm/__chunks/{LQ2L5ZRT.js → GOSM5J6C.js}

@@ -4,16 +4,16 @@ import {
 } from "./QFL5V2DO.js";
 import {
   usePopoverContext
-} from "./5B3U64HV.js";
+} from "./THGRQCVD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{QNNHZL3W.js → GUZLDCCK.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./HVBTERMS.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 
 // src/tag/tag-store.ts
 import * as Core from "@ariakit/core/tag/tag-store";

package/esm/__chunks/{ZKBA2XH4.js → HLCXF2N4.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/checkbox/checkbox-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{ZR5N62ZV.js → HVBTERMS.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCollectionStoreProps
-} from "./LGWSZOP2.js";
+} from "./DYZ3QKCZ.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";

package/esm/__chunks/{GUCZNEAD.js → I6MSISV2.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useMergeRefs
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   getRefProperty,
   mergeProps
-} from "./XM66DUTO.js";
+} from "./KQWO6ME3.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{S6XGPA3F.js → IFYK7NB2.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useMenubarStore
-} from "./BCMSBQTU.js";
+} from "./7APUEP3A.js";
 import {
   MenubarContextProvider
-} from "./UY6VBRVY.js";
+} from "./BPJQU32H.js";
 
 // src/menubar/menubar-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{6LTHW2TQ.js → J4JPXPLD.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/collection/collection-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{QRAMDWD7.js → J7DZFKDD.js}

@@ -4,22 +4,22 @@ import {
 } from "./3IEDWLST.js";
 import {
   useCompositeContext
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useEvent
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/composite/composite-typeahead.ts
+// src/composite/composite-typeahead.tsx
 import { useRef } from "react";
 import { isTextField } from "@ariakit/core/utils/dom";
 import { isSelfTarget } from "@ariakit/core/utils/events";

package/esm/__chunks/{7MLCLLFD.js → JQTJY6G3.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   GroupLabelContext
-} from "./3X3MDQGM.js";
+} from "./7HVFURXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/group/group-label.ts
+// src/group/group-label.tsx
 import { useContext } from "react";
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
 var TagName = "div";

package/esm/__chunks/{RG6J4TID.js → JS4W7WDG.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/disclosure/disclosure-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{GYE4L7HK.js → JTUV5GA3.js}

@@ -2,30 +2,30 @@
 import {
   MenuScopedContextProvider,
   useMenuProviderContext
-} from "./3HX4ZAOG.js";
+} from "./ZVTAGWLT.js";
 import {
   useCompositeTypeahead
-} from "./QRAMDWD7.js";
+} from "./J7DZFKDD.js";
 import {
   useComposite
-} from "./CDZXDIC7.js";
+} from "./YRRYMVMY.js";
 import {
   isHidden
-} from "./KCMTTTFR.js";
+} from "./7AG4LN2H.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{A2V4YJU4.js → JY2XFHRA.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   useCheckboxContext
-} from "./ZKBA2XH4.js";
+} from "./HLCXF2N4.js";
 import {
   CheckboxCheckedContext
-} from "./6XBVQI3K.js";
+} from "./EYKMH5G5.js";
 import {
   useCommand
-} from "./PJ7ERAIM.js";
+} from "./57DQFKOT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useEvent,
   useForceUpdate,
   useMergeRefs,
   useTagName,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{TWLEIICG.js → JZOR7AGF.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   DialogDescriptionContext
-} from "./IWHI6Y45.js";
+} from "./UUT76IPH.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/dialog/dialog-description.ts
+// src/dialog/dialog-description.tsx
 import { useContext } from "react";
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
 var TagName = "p";

package/esm/__chunks/{XM66DUTO.js → KQWO6ME3.js}

@@ -18,14 +18,17 @@ function isValidElementWithRef(element) {
     return false;
   if (!isValidElement(element))
     return false;
-  if (!("ref" in element))
-    return false;
-  return true;
+  if ("ref" in element.props)
+    return true;
+  if ("ref" in element)
+    return true;
+  return false;
 }
 function getRefProperty(element) {
   if (!isValidElementWithRef(element))
     return null;
-  return element.ref;
+  const props = __spreadValues({}, element.props);
+  return props.ref || element.ref;
 }
 function mergeProps(base, overrides) {
   const props = __spreadValues({}, base);