@ariakit/react-core 0.4.8 → 0.4.9

package/cjs/utils/store.d.ts

@@ -3,6 +3,8 @@ import type { PickByValue, SetState } from "@ariakit/core/utils/types";
 export interface UseState<S> {
     /**
      * Re-renders the component when state changes and returns the current state.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const state = store.useState();
      */
@@ -12,6 +14,8 @@ export interface UseState<S> {
      * state given the passed key. Changes on other keys will not trigger a
      * re-render.
      * @param key The state key.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const foo = store.useState("foo");
      */
@@ -22,12 +26,47 @@ export interface UseState<S> {
      * be compared to the previous value. Returns the value returned by the
      * selector function.
      * @param selector The selector function.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      * @example
      * const foo = store.useState((state) => state.foo);
      */
     <V>(selector: (state: S) => V): V;
 }
 type StateKey<T = CoreStore> = keyof StoreState<T>;
+/**
+ * Receives an Ariakit store object (which can be `null` or `undefined`) and
+ * returns the current state. If a key is provided as the second argument, it
+ * returns the value of that key. If a selector function is provided, the state
+ * is passed to it, and its return value is used.
+ *
+ * The component using this hook will re-render when the returned value changes.
+ * @example
+ * Accessing the whole combobox state:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const state = Ariakit.useStoreState(combobox);
+ * ```
+ * @example
+ * Accessing a specific value from the combobox state:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const value = Ariakit.useStoreState(combobox, "value");
+ * ```
+ * @example
+ * Accessing a value using a selector function:
+ * ```js
+ * const combobox = Ariakit.useComboboxStore();
+ * const value = Ariakit.useStoreState(combobox, (state) => state.value);
+ * ```
+ * @example
+ * Accessing the state of a store that may be `null` or `undefined` (for
+ * example, using a context):
+ * ```js
+ * const combobox = Ariakit.useComboboxContext();
+ * const value = Ariakit.useStoreState(combobox, "value");
+ * ```
+ */
 export declare function useStoreState<T extends CoreStore>(store: T): StoreState<T>;
 export declare function useStoreState<T extends CoreStore>(store: T | null | undefined): StoreState<T> | undefined;
 export declare function useStoreState<T extends CoreStore, K extends StateKey<T>>(store: T, key: K): StoreState<T>[K];
@@ -56,6 +95,8 @@ export type Store<T extends CoreStore = CoreStore> = T & {
     /**
      * Re-renders the component when the state changes and returns the current
      * state.
+     * @deprecated Use
+     * [`useStoreState`](https://ariakit.org/reference/use-store-state) instead.
      */
     useState: UseState<StoreState<T>>;
 };

package/cjs/utils/system.cjs

@@ -5,8 +5,8 @@
 
 
 
-var _AWEKOM65cjs = require('../__chunks/AWEKOM65.cjs');
-require('../__chunks/OUWHJLQH.cjs');
+var _M5IWBORBcjs = require('../__chunks/M5IWBORB.cjs');
+require('../__chunks/WT6AUJWV.cjs');
 require('../__chunks/54XFMNDS.cjs');
 require('../__chunks/3IVNQNIV.cjs');
 
@@ -15,4 +15,4 @@ require('../__chunks/3IVNQNIV.cjs');
 
 
 
-exports.createElement = _AWEKOM65cjs.createElement; exports.createHook = _AWEKOM65cjs.createHook; exports.createStoreContext = _AWEKOM65cjs.createStoreContext; exports.forwardRef = _AWEKOM65cjs.forwardRef; exports.memo = _AWEKOM65cjs.memo;
+exports.createElement = _M5IWBORBcjs.createElement; exports.createHook = _M5IWBORBcjs.createHook; exports.createStoreContext = _M5IWBORBcjs.createStoreContext; exports.forwardRef = _M5IWBORBcjs.forwardRef; exports.memo = _M5IWBORBcjs.memo;

package/cjs/visually-hidden/visually-hidden.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _TILYAEREcjs = require('../__chunks/TILYAERE.cjs');
-require('../__chunks/AWEKOM65.cjs');
-require('../__chunks/OUWHJLQH.cjs');
+var _2P4N5BIRcjs = require('../__chunks/2P4N5BIR.cjs');
+require('../__chunks/M5IWBORB.cjs');
+require('../__chunks/WT6AUJWV.cjs');
 require('../__chunks/54XFMNDS.cjs');
 require('../__chunks/3IVNQNIV.cjs');
 
 
 
-exports.VisuallyHidden = _TILYAEREcjs.VisuallyHidden; exports.useVisuallyHidden = _TILYAEREcjs.useVisuallyHidden;
+exports.VisuallyHidden = _2P4N5BIRcjs.VisuallyHidden; exports.useVisuallyHidden = _2P4N5BIRcjs.useVisuallyHidden;

package/esm/__chunks/{VJLRJATI.js → 2D53SX6Q.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./TWVD2KYP.js";
+} from "./XMDAT5SM.js";
 import {
   useStore,
   useStoreProps
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{FQ77EHUR.js → 2GXGCHW6.js}

@@ -3,7 +3,7 @@ import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{7RXYRUSH.js → 2UJDTHC7.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   usePopoverDisclosureArrow
-} from "./QJCHJYGN.js";
+} from "./CAGM4AEJ.js";
 import {
   useSelectContext
-} from "./2YDG6Q4P.js";
+} from "./KZ2S4ZC5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{ITUYV2MN.js → 2UWK5GNE.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useCollectionContext
-} from "./MTODTZOP.js";
+} from "./FMYQNSCK.js";
 import {
   createElement,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -16,7 +16,7 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{AOK4FW4L.js → 3CCTMYB6.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCollectionItem
-} from "./PZGHQO5Y.js";
+} from "./PLQDTVXM.js";
 import {
   useCommand
-} from "./7UYST25M.js";
+} from "./NAXN2XAB.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -15,24 +15,23 @@ import {
   CompositeItemContext,
   CompositeRowContext,
   useCompositeContext
-} from "./TN5Y26CD.js";
+} from "./WENSINUV.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs,
-  useSafeLayoutEffect,
   useWrapElement
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
@@ -54,7 +53,7 @@ import {
   removeUndefinedValues
 } from "@ariakit/core/utils/misc";
 import { isSafari } from "@ariakit/core/utils/platform";
-import { useCallback, useContext, useMemo, useRef, useState } from "react";
+import { useCallback, useContext, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
 function isEditableElement(element) {
@@ -112,29 +111,6 @@ function targetIsAnotherItem(event, store) {
   if (isSelfTarget(event)) return false;
   return isItem(store, event.target);
 }
-function useRole(ref, props) {
-  const roleProp = props.role;
-  const [role, setRole] = useState(roleProp);
-  useSafeLayoutEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    setRole(element.getAttribute("role") || roleProp);
-  }, [roleProp]);
-  return role;
-}
-function requiresAriaSelected(role) {
-  return role === "option" || role === "treeitem";
-}
-function supportsAriaSelected(role) {
-  if (role === "option") return true;
-  if (role === "tab") return true;
-  if (role === "treeitem") return true;
-  if (role === "gridcell") return true;
-  if (role === "row") return true;
-  if (role === "columnheader") return true;
-  if (role === "rowheader") return true;
-  return false;
-}
 var useCompositeItem = createHook(
   function useCompositeItem2(_a) {
     var _b = _a, {
@@ -193,12 +169,12 @@ var useCompositeItem = createHook(
       if (!id) return;
       if (!store) return;
       if (targetIsAnotherItem(event, store)) return;
-      const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
+      const { virtualFocus, baseElement: baseElement2 } = store.getState();
       store.setActiveId(id);
       if (isTextbox(event.currentTarget)) {
         selectTextField(event.currentTarget);
       }
-      if (!virtualFocus2) return;
+      if (!virtualFocus) return;
       if (!isSelfTarget(event)) return;
       if (isEditableElement(event.currentTarget)) return;
       if (!(baseElement2 == null ? void 0 : baseElement2.isConnected)) return;
@@ -312,16 +288,6 @@ var useCompositeItem = createHook(
       store,
       (state) => !!state && state.activeId === id
     );
-    const virtualFocus = useStoreState(store, "virtualFocus");
-    const role = useRole(ref, props);
-    let ariaSelected;
-    if (isActiveItem) {
-      if (requiresAriaSelected(role)) {
-        ariaSelected = true;
-      } else if (virtualFocus && supportsAriaSelected(role)) {
-        ariaSelected = true;
-      }
-    }
     const ariaSetSize = useStoreState(store, (state) => {
       if (ariaSetSizeProp != null) return ariaSetSizeProp;
       if (!state) return;
@@ -347,7 +313,6 @@ var useCompositeItem = createHook(
     });
     props = __spreadProps(__spreadValues({
       id,
-      "aria-selected": ariaSelected,
       "data-active-item": isActiveItem || void 0
     }, props), {
       ref: useMergeRefs(ref, props.ref),

package/esm/__chunks/{5NAURCQI.js → 3R3N43YO.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useCommand
-} from "./7UYST25M.js";
+} from "./NAXN2XAB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useMergeRefs,
   useTagName
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{SEHEJ7XZ.js → 42UBRT4A.js}

@@ -4,19 +4,19 @@ import {
 } from "./5VQZOHHZ.js";
 import {
   useCompositeContext
-} from "./TN5Y26CD.js";
+} from "./WENSINUV.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 import {
   useEvent,
   useMergeRefs
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{LNYYGYYJ.js → 43UOHFGG.js}

@@ -8,7 +8,7 @@ import {
 import {
   useEvent,
   useSafeLayoutEffect
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{KYRH6BDE.js → 4FY2MBIB.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogHeading
-} from "./YJGBNUVO.js";
+} from "./6FZVKQWP.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 
 // src/popover/popover-heading.tsx
 var TagName = "h1";

package/esm/__chunks/{M6ZUVZPG.js → 54MGSIOI.js}

@@ -2,10 +2,10 @@
 import {
   DialogContextProvider,
   DialogScopedContextProvider
-} from "./32IPIQBR.js";
+} from "./DU4D3UCJ.js";
 import {
   createStoreContext
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 
 // src/popover/popover-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{4ZTL4ESZ.js → 656RZDJD.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogDescription
-} from "./543BQAW5.js";
+} from "./O37V6X5C.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 
 // src/popover/popover-description.tsx
 var TagName = "p";

package/esm/__chunks/{3JMGO6V3.js → 6BE7QOX5.js}

@@ -2,16 +2,16 @@
 import {
   CompositeRowContext,
   useCompositeContext
-} from "./TN5Y26CD.js";
+} from "./WENSINUV.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useId,
   useWrapElement
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{YJGBNUVO.js → 6FZVKQWP.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   useHeading
-} from "./6JLOZRF5.js";
+} from "./OYB5INBF.js";
 import {
   DialogHeadingContext
-} from "./32IPIQBR.js";
+} from "./DU4D3UCJ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{AMQNTLCG.js → 6ZVAPMHT.js}

@@ -4,22 +4,22 @@ import {
   ComboboxScopedContextProvider,
   useComboboxContext,
   useComboboxScopedContext
-} from "./J4NXMVZC.js";
+} from "./DWZ7E5TJ.js";
 import {
   isHidden
-} from "./WOYVW654.js";
+} from "./BSEL4YAF.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useAttribute,
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{2JP3PD4E.js → 74NFH3UH.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   usePopoverProviderContext
-} from "./M6ZUVZPG.js";
+} from "./54MGSIOI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useMergeRefs
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{QAL7XKAT.js → 7BSNT25J.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useTagContext
-} from "./XY6RPG62.js";
+} from "./P2OTTZSX.js";
 import {
   useCompositeStoreProps
-} from "./O6W3KMIU.js";
+} from "./UVQLZ7T5.js";
 import {
   usePopoverStoreProps
-} from "./WB2VUSZO.js";
+} from "./CBC47ZYL.js";
 import {
   useStore,
   useStoreProps
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 import {
   useUpdateEffect
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{NEBRAPXZ.js → AUGWLYYL.js}

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

package/esm/__chunks/{4KVV4LMJ.js → AXRBYZQP.js}

@@ -3,7 +3,7 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 
 // src/role/role.tsx
 var TagName = "div";

package/esm/__chunks/{X474FLSI.js → AYTT7WWV.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   usePopoverDescription
-} from "./4ZTL4ESZ.js";
+} from "./656RZDJD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 
 // src/hovercard/hovercard-description.tsx
 var TagName = "p";

package/esm/__chunks/{IQY2XH5H.js → B6XZVSMQ.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   useMenuScopedContext
-} from "./NY537TEH.js";
+} from "./LG4RFBHV.js";
 import {
   useMenubarScopedContext
-} from "./NMSEBYDL.js";
+} from "./WSQNIDGC.js";
 import {
   useCompositeHover
-} from "./PMFZK2Z4.js";
+} from "./OBZMLI6J.js";
 import {
   useCompositeItem
-} from "./AOK4FW4L.js";
+} from "./3CCTMYB6.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{WOYVW654.js → BSEL4YAF.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   DialogScopedContextProvider
-} from "./32IPIQBR.js";
+} from "./DU4D3UCJ.js";
 import {
   useDisclosureProviderContext
-} from "./EQMNTDLB.js";
+} from "./RGUP62TM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./FQ77EHUR.js";
+} from "./2GXGCHW6.js";
 import {
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WX6L4ACS.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{ZS47AUQK.js → BTK3EXKD.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   usePopoverHeading
-} from "./KYRH6BDE.js";
+} from "./4FY2MBIB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 
 // src/hovercard/hovercard-heading.tsx
 var TagName = "h1";

package/esm/__chunks/{QJCHJYGN.js → CAGM4AEJ.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   usePopoverContext
-} from "./M6ZUVZPG.js";
+} from "./54MGSIOI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./PTCNA5XT.js";
+} from "./HKOOKEDE.js";
 import {
   __objRest,
   __spreadProps,