@ariakit/react-core 0.4.4 → 0.4.6

package/esm/__chunks/{BY6P32UK.js → WSECHABH.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   useButton
-} from "./CKAOM5LG.js";
+} from "./RKAHF5HE.js";
 import {
   useDialogScopedContext
-} from "./IWHI6Y45.js";
+} from "./UUT76IPH.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useEvent
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{U6NWMU2A.js → XFBNACRT.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   usePopoverHeading
-} from "./I6CJRIAG.js";
+} from "./XRQ5JUHN.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
-// src/hovercard/hovercard-heading.ts
+// src/hovercard/hovercard-heading.tsx
 var TagName = "h1";
 var useHovercardHeading = createHook(
   function useHovercardHeading2(props) {

package/esm/__chunks/{ZFEEEZVE.js → XMSX63X6.js}

@@ -1,29 +1,47 @@
 "use client";
+import {
+  useTagContext
+} from "./2TL4Z4I4.js";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./HVBTERMS.js";
 import {
   usePopoverStoreProps
-} from "./JNGHG5BN.js";
+} from "./BJY6QMBB.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
+import {
+  useUpdateEffect
+} from "./FPBGCFAS.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4R3V3JGP.js";
 
 // src/combobox/combobox-store.ts
 import * as Core from "@ariakit/core/combobox/combobox-store";
 function useComboboxStoreProps(store, update, props) {
+  useUpdateEffect(update, [props.tag]);
   useStoreProps(store, props, "value", "setValue");
   useStoreProps(store, props, "selectedValue", "setSelectedValue");
   useStoreProps(store, props, "resetValueOnHide");
   useStoreProps(store, props, "resetValueOnSelect");
-  return useCompositeStoreProps(
-    usePopoverStoreProps(store, update, props),
-    update,
-    props
+  return Object.assign(
+    useCompositeStoreProps(
+      usePopoverStoreProps(store, update, props),
+      update,
+      props
+    ),
+    { tag: props.tag }
   );
 }
 function useComboboxStore(props = {}) {
+  const tag = useTagContext();
+  props = __spreadProps(__spreadValues({}, props), {
+    tag: props.tag !== void 0 ? props.tag : tag
+  });
   const [store, update] = useStore(Core.createComboboxStore, props);
   return useComboboxStoreProps(store, update, props);
 }

package/esm/__chunks/{I6CJRIAG.js → XRQ5JUHN.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogHeading
-} from "./KVETIING.js";
+} from "./USZYRJNN.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
-// src/popover/popover-heading.ts
+// src/popover/popover-heading.tsx
 var TagName = "h1";
 var usePopoverHeading = createHook(
   function usePopoverHeading2(props) {

package/esm/__chunks/{RVW6STLZ.js → XZTI53XS.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useMenuContext
-} from "./3HX4ZAOG.js";
+} from "./ZVTAGWLT.js";
 import {
   useMenubarContext
-} from "./UY6VBRVY.js";
+} from "./BPJQU32H.js";
 import {
   useComboboxProviderContext
-} from "./N4X7J4OQ.js";
+} from "./WJUQFF4Z.js";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./HVBTERMS.js";
 import {
   useHovercardStoreProps
-} from "./MSUE5EQ4.js";
+} from "./T3LVAWXA.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useUpdateEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{GIPF6UOE.js → YRHO2RDO.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   useMenubarStore
-} from "./BCMSBQTU.js";
+} from "./7APUEP3A.js";
 import {
   MenubarScopedContextProvider,
   useMenubarProviderContext
-} from "./UY6VBRVY.js";
+} from "./BPJQU32H.js";
 import {
   useComposite
-} from "./CDZXDIC7.js";
+} from "./YRRYMVMY.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{CDZXDIC7.js → YRRYMVMY.js}

@@ -9,22 +9,23 @@ import {
 import {
   CompositeContextProvider,
   useCompositeProviderContext
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   useFocusable
-} from "./7JCFLN3D.js";
+} from "./CGG6F755.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useSafeLayoutEffect,
+  useTransactionState,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
@@ -128,9 +129,13 @@ var useComposite = createHook(
       store,
       process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
     );
+    const ref = useRef(null);
     const previousElementRef = useRef(null);
     const scheduleFocus = useScheduleFocus(store);
     const moves = store.useState("moves");
+    const [, setBaseElement] = useTransactionState(
+      composite ? store.setBaseElement : null
+    );
     useEffect(() => {
       var _a2;
       if (!store)
@@ -336,7 +341,7 @@ var useComposite = createHook(
     props = __spreadProps(__spreadValues({
       "aria-activedescendant": activeDescendant
     }, props), {
-      ref: useMergeRefs(composite ? store.setBaseElement : null, props.ref),
+      ref: useMergeRefs(ref, setBaseElement, props.ref),
       onKeyDownCapture,
       onKeyUpCapture,
       onFocusCapture,

package/esm/__chunks/{IOUGWXY5.js → Z42C5PR3.js}

@@ -1,23 +1,26 @@
 "use client";
 import {
   DialogBackdrop
-} from "./GOXKZAQI.js";
-import {
-  prependHiddenDismiss
-} from "./6GXEOXGT.js";
+} from "./V3E5SLHB.js";
 import {
   disableTree,
   disableTreeOutside
-} from "./PTPUIM7N.js";
+} from "./3TEK3C5Q.js";
 import {
   usePreventBodyScroll
-} from "./U2L67A6K.js";
+} from "./6O2UZOXH.js";
 import {
   useNestedDialogs
-} from "./HSFE2URL.js";
+} from "./EMAID2BX.js";
 import {
   useHideOnInteractOutside
-} from "./H2NVVTJB.js";
+} from "./6BRYOMMU.js";
+import {
+  supportsInert
+} from "./677M2CI3.js";
+import {
+  prependHiddenDismiss
+} from "./6GXEOXGT.js";
 import {
   isElementMarked,
   markTreeOutside
@@ -25,42 +28,39 @@ import {
 import {
   createWalkTreeSnapshot
 } from "./5QL6BP6J.js";
-import {
-  supportsInert
-} from "./677M2CI3.js";
 import {
   useFocusableContainer
-} from "./UHSH3H5I.js";
+} from "./AH6A6OH6.js";
 import {
   HeadingLevel
-} from "./UYRJLDVS.js";
+} from "./5M6RIVE2.js";
 import {
   usePortal
-} from "./JPQNKTGF.js";
+} from "./V4QWNWTM.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./KCMTTTFR.js";
+} from "./7AG4LN2H.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./IWHI6Y45.js";
+} from "./UUT76IPH.js";
 import {
   useFocusable
-} from "./7JCFLN3D.js";
+} from "./CGG6F755.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 import {
   useDialogStore
-} from "./2KACNUKS.js";
+} from "./QX2CMDZ5.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,7 +69,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __objRest,
   __spreadProps,
@@ -79,7 +79,6 @@ import {
 // src/dialog/dialog.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
 import {
-  closest,
   contains,
   getActiveElement,
   getDocument,
@@ -136,7 +135,8 @@ var useDialog = createHook(function useDialog2(_a) {
     autoFocusOnHide = true,
     initialFocus,
     finalFocus,
-    unmountOnHide
+    unmountOnHide,
+    unstable_treeSnapshotKey
   } = _b, props = __objRest(_b, [
     "store",
     "open",
@@ -153,7 +153,8 @@ var useDialog = createHook(function useDialog2(_a) {
     "autoFocusOnHide",
     "initialFocus",
     "finalFocus",
-    "unmountOnHide"
+    "unmountOnHide",
+    "unstable_treeSnapshotKey"
   ]);
   const context = useDialogProviderContext();
   const ref = useRef(null);
@@ -269,7 +270,7 @@ var useDialog = createHook(function useDialog2(_a) {
       return;
     const dialog = ref.current;
     return createWalkTreeSnapshot(id, [dialog]);
-  }, [id, canTakeTreeSnapshot]);
+  }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);
   const getPersistentElementsProp = useEvent(getPersistentElements);
   useSafeLayoutEffect(() => {
     if (!id)
@@ -297,7 +298,8 @@ var useDialog = createHook(function useDialog2(_a) {
     canTakeTreeSnapshot,
     getPersistentElementsProp,
     nestedDialogs,
-    modal
+    modal,
+    unstable_treeSnapshotKey
   ]);
   const mayAutoFocusOnShow = !!autoFocusOnShow;
   const autoFocusOnShowProp = useBooleanEvent(autoFocusOnShow);
@@ -367,7 +369,7 @@ var useDialog = createHook(function useDialog2(_a) {
         }
       }
       if (element && !isFocusable(element)) {
-        const maybeParentDialog = closest(element, "[data-dialog]");
+        const maybeParentDialog = element.closest("[data-dialog]");
         if (maybeParentDialog && maybeParentDialog.id) {
           const doc = getDocument(maybeParentDialog);
           const selector = `[aria-controls~="${maybeParentDialog.id}"]`;

package/esm/__chunks/{APFOINTZ.js → ZVORRLXS.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useComboboxContext
-} from "./N4X7J4OQ.js";
+} from "./WJUQFF4Z.js";
 import {
   useSelectContext
-} from "./SYZHUNAU.js";
+} from "./OFHTR2QK.js";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./HVBTERMS.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./S67MTDSB.js";
 import {
   useUpdateEffect
-} from "./WOWUAP42.js";
+} from "./FPBGCFAS.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{3HX4ZAOG.js → ZVTAGWLT.js}

@@ -5,20 +5,20 @@ import {
   useMenubarContext,
   useMenubarProviderContext,
   useMenubarScopedContext
-} from "./UY6VBRVY.js";
+} from "./BPJQU32H.js";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./5YBNH7BL.js";
+} from "./EDI7THRR.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
-// src/menu/menu-context.ts
+// src/menu/menu-context.tsx
 import { createContext } from "react";
 var menu = createStoreContext(
   [CompositeContextProvider, HovercardContextProvider],

package/esm/__chunks/{VFICFWOQ.js → ZXQSHM2S.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./QFI3MCMR.js";
+} from "./RA2MZPUM.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./I6MSISV2.js";
 
 // src/tab/tab-context.tsx
 var ctx = createStoreContext(

package/esm/button/button.d.ts

@@ -1,6 +1,6 @@
 import type { ElementType } from "react";
-import type { CommandOptions } from "../command/command.js";
-import type { Props } from "../utils/types.js";
+import type { CommandOptions } from "../command/command.tsx";
+import type { Props } from "../utils/types.ts";
 declare const TagName = "button";
 type TagName = typeof TagName;
 /**
@@ -13,7 +13,7 @@ type TagName = typeof TagName;
  * <Role {...props}>Accessible button</Role>
  * ```
  */
-export declare const useButton: import("../utils/types.js").Hook<"button", ButtonOptions<"button">>;
+export declare const useButton: import("../utils/types.ts").Hook<"button", ButtonOptions<"button">>;
 /**
  * Renders an accessible button element. If the underlying element is not a
  * native button, this component will pass additional attributes to make sure

package/esm/button/button.js

@@ -2,13 +2,13 @@
 import {
   Button,
   useButton
-} from "../__chunks/CKAOM5LG.js";
-import "../__chunks/PJ7ERAIM.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/RKAHF5HE.js";
+import "../__chunks/57DQFKOT.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   Button,

package/esm/checkbox/checkbox-check.d.ts

@@ -1,6 +1,6 @@
 import type { ElementType } from "react";
-import type { Options, Props } from "../utils/types.js";
-import type { CheckboxStore } from "./checkbox-store.js";
+import type { Options, Props } from "../utils/types.ts";
+import type { CheckboxStore } from "./checkbox-store.ts";
 declare const TagName = "span";
 type TagName = typeof TagName;
 /**
@@ -13,7 +13,7 @@ type TagName = typeof TagName;
  * <Role {...props} />
  * ```
  */
-export declare const useCheckboxCheck: import("../utils/types.js").Hook<"span", CheckboxCheckOptions<"span">>;
+export declare const useCheckboxCheck: import("../utils/types.ts").Hook<"span", CheckboxCheckOptions<"span">>;
 /**
  * Renders a checkmark icon when the
  * [`checked`](https://ariakit.org/reference/checkbox-check#checked) prop is

package/esm/checkbox/checkbox-check.js

@@ -2,11 +2,11 @@
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/Q4PZFBSW.js";
-import "../__chunks/6XBVQI3K.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/NEXWONOD.js";
+import "../__chunks/EYKMH5G5.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   CheckboxCheck,

package/esm/checkbox/checkbox-checked-context.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   CheckboxCheckedContext
-} from "../__chunks/6XBVQI3K.js";
+} from "../__chunks/EYKMH5G5.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   CheckboxCheckedContext

package/esm/checkbox/checkbox-context.d.ts

@@ -1,4 +1,4 @@
-import type { CheckboxStore } from "./checkbox-store.js";
+import type { CheckboxStore } from "./checkbox-store.ts";
 /**
  * Returns the checkbox store from the nearest checkbox container.
  * @example

package/esm/checkbox/checkbox-context.js

@@ -5,10 +5,10 @@ import {
   useCheckboxContext,
   useCheckboxProviderContext,
   useCheckboxScopedContext
-} from "../__chunks/ZKBA2XH4.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/HLCXF2N4.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   CheckboxContextProvider,

package/esm/checkbox/checkbox-provider.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import type { PickRequired } from "@ariakit/core/utils/types";
-import type { CheckboxStoreProps, CheckboxStoreValue } from "./checkbox-store.js";
+import type { CheckboxStoreProps, CheckboxStoreValue } from "./checkbox-store.ts";
 type Value = CheckboxStoreValue;
 /**
  * Provides a checkbox store for its descendants. This comes in handy when

package/esm/checkbox/checkbox-provider.js

@@ -1,14 +1,14 @@
 "use client";
-import {
-  useCheckboxStore
-} from "../__chunks/6TPWTXXA.js";
 import {
   CheckboxContextProvider
-} from "../__chunks/ZKBA2XH4.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/HLCXF2N4.js";
+import {
+  useCheckboxStore
+} from "../__chunks/AFRECUMM.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/checkbox/checkbox-provider.tsx

package/esm/checkbox/checkbox-store.d.ts

@@ -1,6 +1,6 @@
 import * as Core from "@ariakit/core/checkbox/checkbox-store";
 import type { PickRequired } from "@ariakit/core/utils/types";
-import type { Store } from "../utils/store.js";
+import type { Store } from "../utils/store.tsx";
 export declare function useCheckboxStoreProps<T extends Core.CheckboxStore>(store: T, update: () => void, props: CheckboxStoreProps): T;
 /**
  * Creates a checkbox store to conveniently manage a checkbox value,

package/esm/checkbox/checkbox-store.js

@@ -2,10 +2,10 @@
 import {
   useCheckboxStore,
   useCheckboxStoreProps
-} from "../__chunks/6TPWTXXA.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/AFRECUMM.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   useCheckboxStore,

package/esm/checkbox/checkbox.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef, ElementType } from "react";
-import type { CommandOptions } from "../command/command.js";
-import type { Props } from "../utils/types.js";
-import type { CheckboxStore } from "./checkbox-store.js";
+import type { CommandOptions } from "../command/command.tsx";
+import type { Props } from "../utils/types.ts";
+import type { CheckboxStore } from "./checkbox-store.ts";
 declare const TagName = "input";
 type TagName = typeof TagName;
 /**
@@ -15,7 +15,7 @@ type TagName = typeof TagName;
  * <Role {...props}>Accessible checkbox</Role>
  * ```
  */
-export declare const useCheckbox: import("../utils/types.js").Hook<"input", CheckboxOptions<"input">>;
+export declare const useCheckbox: import("../utils/types.ts").Hook<"input", CheckboxOptions<"input">>;
 /**
  * Renders an accessible checkbox element. If the underlying element is not a
  * native checkbox, this component will pass additional attributes to make sure

package/esm/checkbox/checkbox.js

@@ -2,16 +2,16 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/A2V4YJU4.js";
-import "../__chunks/ZKBA2XH4.js";
-import "../__chunks/6XBVQI3K.js";
-import "../__chunks/PJ7ERAIM.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/JY2XFHRA.js";
+import "../__chunks/HLCXF2N4.js";
+import "../__chunks/EYKMH5G5.js";
+import "../__chunks/57DQFKOT.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   Checkbox,