@ariakit/react-core 0.2.10 → 0.2.11

package/esm/__chunks/{77C2ITJF.js → BO7WPTZZ.js}

@@ -1,9 +1,9 @@
 import {
   useDialogDisclosure
-} from "./KF3PP2P3.js";
+} from "./5I6BQS7D.js";
 import {
   usePopoverAnchor
-} from "./5NQLWI7E.js";
+} from "./7PHM3O7I.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -11,16 +11,16 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useEvent,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/popover/popover-disclosure.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{PYB45PRS.js → CJI67A3R.js}

@@ -1,6 +1,6 @@
 import {
   useForceUpdate
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 
 // src/dialog/utils/use-root-dialog.ts
 import { useCallback, useEffect } from "react";

package/esm/__chunks/{UWUL6FFR.js → CP3U4HPL.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/utils/misc.ts
 import { isValidElement } from "react";

package/esm/__chunks/{P3IT4SS7.js → CTVLGQZG.js}

@@ -5,14 +5,14 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/group/group-label.ts
 import { useContext } from "react";

package/esm/__chunks/{QLHYK3GC.js → D3IXN5NP.js}

@@ -2,11 +2,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/separator/separator.ts
 var useSeparator = createHook(

package/esm/__chunks/{XECTFJQS.js → DTAO6DRL.js}

@@ -1,37 +1,37 @@
 import {
   DialogBackdrop
-} from "./LIFXUQPU.js";
+} from "./53MSBYTF.js";
 import {
   disableTreeOutside
-} from "./QLHUIPVK.js";
+} from "./AR6DTI3S.js";
 import {
   disableAccessibilityTreeOutside
 } from "./CYJJUQU3.js";
 import {
   usePreventBodyScroll
-} from "./RU5SBKR3.js";
+} from "./3LAWLNOX.js";
 import {
   useNestedDialogs
-} from "./J4BKICPJ.js";
+} from "./OEA63YXU.js";
 import {
   useHideOnInteractOutside
-} from "./VV72RDTD.js";
-import {
-  prependHiddenDismiss
-} from "./62DFK33R.js";
+} from "./4XWTU3WN.js";
 import {
   isElementMarked,
   markTreeOutside
 } from "./HCZMY53N.js";
+import {
+  prependHiddenDismiss
+} from "./62DFK33R.js";
 import {
   useFocusableContainer
-} from "./GKH7N3JM.js";
+} from "./IYNN2ZO5.js";
 import {
   HeadingLevel
 } from "./6OMX4H3W.js";
 import {
   usePortal
-} from "./ENZR4N3P.js";
+} from "./LL3AE4N4.js";
 import {
   DialogContext,
   DialogDescriptionContext,
@@ -40,15 +40,15 @@ import {
 import {
   isHidden,
   useDisclosureContent
-} from "./WFPVIVLA.js";
+} from "./WHEEIXMF.js";
 import {
   useFocusable
-} from "./YNUPNUID.js";
+} from "./MYID4V27.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -57,12 +57,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/dialog/dialog.tsx
 import { useEffect, useRef, useState } from "react";
@@ -284,7 +284,12 @@ var useDialog = createHook(
       if (!autoFocusOnShowProp(isElementFocusable ? element : null))
         return;
       setAutoFocusEnabled(true);
-      queueMicrotask(() => element.focus());
+      queueMicrotask(() => {
+        element.focus();
+        if (!isSafariBrowser)
+          return;
+        element.scrollIntoView({ block: "nearest", inline: "nearest" });
+      });
     }, [
       open,
       mayAutoFocusOnShow,

package/esm/__chunks/{B2QL7O62.js → EJ3GIT5B.js}

@@ -1,15 +1,15 @@
 import {
   useVisuallyHidden
-} from "./K4NEG23J.js";
+} from "./FL2AU7YJ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/focus-trap/focus-trap.ts
 var useFocusTrap = createHook((props) => {

package/esm/__chunks/{ZSRI7KJ2.js → F4XABKPL.js}

@@ -3,20 +3,20 @@ import {
 } from "./OXPV2NBK.js";
 import {
   CompositeContext
-} from "./Z3X3QN6P.js";
+} from "./WJ37OVG2.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useEvent
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite-typeahead.ts
 import { useContext, useRef } from "react";

package/esm/__chunks/{USB5JBON.js → FHQZ2KRN.js}

@@ -2,11 +2,11 @@ import {
   useLazyValue,
   useLiveRef,
   useSafeLayoutEffect
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/utils/store.tsx
 import { useCallback, useMemo } from "react";

package/esm/__chunks/{K4NEG23J.js → FL2AU7YJ.js}

@@ -2,11 +2,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/visually-hidden/visually-hidden.ts
 var useVisuallyHidden = createHook((props) => {

package/esm/__chunks/{5OP64YHR.js → GMWLPVWD.js}

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

package/esm/__chunks/{EJLZ2L22.js → HGFTMLQ7.js}

@@ -5,34 +5,45 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useId,
   useMergeRefs
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/collection/collection-item.ts
 import { useCallback, useContext, useRef } from "react";
 import { identity } from "@ariakit/core/utils/misc";
 var useCollectionItem = createHook(
   (_a) => {
-    var _b = _a, { store, shouldRegisterItem = true, getItem = identity } = _b, props = __objRest(_b, ["store", "shouldRegisterItem", "getItem"]);
+    var _b = _a, {
+      store,
+      shouldRegisterItem = true,
+      getItem = identity,
+      element: element
+    } = _b, props = __objRest(_b, [
+      "store",
+      "shouldRegisterItem",
+      "getItem",
+      // @ts-expect-error This prop may come from a collection renderer.
+      "element"
+    ]);
     const context = useContext(CollectionContext);
     store = store || context;
     const id = useId(props.id);
     const unrenderItem = useRef();
     const ref = useCallback(
-      (element) => {
+      (element2) => {
         var _a2;
-        if (!element || !id || !shouldRegisterItem) {
+        if (!element2 || !id || !shouldRegisterItem) {
           return (_a2 = unrenderItem.current) == null ? void 0 : _a2.call(unrenderItem);
         }
-        const item = getItem({ id, element });
+        const item = getItem({ id, element: element2 });
         unrenderItem.current = store == null ? void 0 : store.renderItem(item);
       },
       [id, shouldRegisterItem, getItem, store]

package/esm/__chunks/{UGE3SLMW.js → HIJMOAZK.js}

@@ -1,20 +1,20 @@
 import {
   CompositeContext,
   CompositeRowContext
-} from "./Z3X3QN6P.js";
+} from "./WJ37OVG2.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useId,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite-row.tsx
 import { useContext, useMemo } from "react";
@@ -22,7 +22,15 @@ import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var useCompositeRow = createHook(
   (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    var _b = _a, {
+      store,
+      "aria-setsize": ariaSetSize,
+      "aria-posinset": ariaPosInSet
+    } = _b, props = __objRest(_b, [
+      "store",
+      "aria-setsize",
+      "aria-posinset"
+    ]);
     const context = useContext(CompositeContext);
     store = store || context;
     invariant(
@@ -34,8 +42,8 @@ var useCompositeRow = createHook(
       (state) => state.baseElement || void 0
     );
     const providerValue = useMemo(
-      () => ({ id, baseElement }),
-      [id, baseElement]
+      () => ({ id, baseElement, ariaSetSize, ariaPosInSet }),
+      [id, baseElement, ariaSetSize, ariaPosInSet]
     );
     props = useWrapElement(
       props,

package/esm/__chunks/{MO5Q5FB7.js → HRXPFA6C.js}

@@ -1,11 +1,11 @@
 import {
   useDialogDismiss
-} from "./TQ2K6WFI.js";
+} from "./4GZAUH66.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 
 // src/popover/popover-dismiss.ts
 var usePopoverDismiss = createHook((props) => {

package/esm/__chunks/{QTPMBYCP.js → I3PXTXPI.js}

@@ -1,22 +1,22 @@
 import {
   useFocusable
-} from "./YNUPNUID.js";
+} from "./MYID4V27.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/hovercard/hovercard-anchor.ts
 import { useEffect, useRef } from "react";

package/esm/__chunks/{GKH7N3JM.js → IYNN2ZO5.js}

@@ -5,13 +5,13 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/focusable/focusable-container.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{TAQP627X.js → IZVL3EAG.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverHeading
-} from "./3O3K4H2I.js";
+} from "./WW4JQU6W.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 
 // src/hovercard/hovercard-heading.ts
 var useHovercardHeading = createHook(

package/esm/__chunks/{SN2N5P2D.js → J7Q2EO23.js}

@@ -1,10 +1,10 @@
 import {
   setRef
-} from "./UWUL6FFR.js";
+} from "./CP3U4HPL.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/utils/hooks.ts
 import {

package/esm/__chunks/{QDYEK6IR.js → JFHRFFJJ.js}

@@ -1,14 +1,14 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "./ZTW46EPJ.js";
+} from "./5QJYOWLQ.js";
 import {
   useStore,
   useStoreProps
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

package/esm/__chunks/{OTMCQXXR.js → LDJKN2ZV.js}

@@ -1,21 +1,21 @@
 import {
   useButton
-} from "./EUD77B6Z.js";
+} from "./O6CV6VRM.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/disclosure/disclosure.ts
 import { useEffect, useRef, useState } from "react";

package/esm/__chunks/{E32RAHMA.js → LKA5SFXV.js}

@@ -1,9 +1,9 @@
 import {
   useCommand
-} from "./WQIYBPAY.js";
+} from "./P4RGQGTG.js";
 import {
   useCollectionItem
-} from "./EJLZ2L22.js";
+} from "./HGFTMLQ7.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -13,15 +13,15 @@ import {
   CompositeContext,
   CompositeItemContext,
   CompositeRowContext
-} from "./Z3X3QN6P.js";
+} from "./WJ37OVG2.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useStoreState
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -29,12 +29,12 @@ import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite-item.tsx
 import { useCallback, useContext, useMemo, useRef, useState } from "react";
@@ -148,13 +148,17 @@ var useCompositeItem = createHook(
       rowId: rowIdProp,
       preventScrollOnKeyDown = false,
       moveOnKeyPress = true,
-      getItem: getItemProp
+      getItem: getItemProp,
+      "aria-setsize": ariaSetSizeProp,
+      "aria-posinset": ariaPosInSetProp
     } = _b, props = __objRest(_b, [
       "store",
       "rowId",
       "preventScrollOnKeyDown",
       "moveOnKeyPress",
-      "getItem"
+      "getItem",
+      "aria-setsize",
+      "aria-posinset"
     ]);
     const context = useContext(CompositeContext);
     store = store || context;
@@ -311,6 +315,27 @@ var useCompositeItem = createHook(
       store,
       (state) => !(store == null ? void 0 : store.item(id)) || !state.virtualFocus && isActiveItem
     );
+    const ariaSetSize = useStoreState(store, (state) => {
+      if (ariaSetSizeProp != null)
+        return ariaSetSizeProp;
+      if (!(row == null ? void 0 : row.ariaSetSize))
+        return;
+      if (row.baseElement !== state.baseElement)
+        return;
+      return row.ariaSetSize;
+    });
+    const ariaPosInSet = useStoreState(store, (state) => {
+      if (ariaPosInSetProp != null)
+        return ariaPosInSetProp;
+      if (!(row == null ? void 0 : row.ariaPosInSet))
+        return;
+      if (row.baseElement !== state.baseElement)
+        return;
+      const itemsInRow = state.renderedItems.filter(
+        (item) => item.rowId === rowId
+      );
+      return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
+    });
     props = __spreadProps(__spreadValues({
       id,
       "aria-selected": ariaSelected,
@@ -329,7 +354,10 @@ var useCompositeItem = createHook(
       getItem,
       shouldRegisterItem: !!id ? props.shouldRegisterItem : false
     }));
-    return props;
+    return __spreadProps(__spreadValues({}, props), {
+      "aria-setsize": ariaSetSize,
+      "aria-posinset": ariaPosInSet
+    });
   }
 );
 var CompositeItem = createMemoComponent(

package/esm/__chunks/{ENZR4N3P.js → LL3AE4N4.js}

@@ -1,6 +1,6 @@
 import {
   FocusTrap
-} from "./B2QL7O62.js";
+} from "./EJ3GIT5B.js";
 import {
   PortalContext
 } from "./LDDPB3PY.js";
@@ -8,20 +8,20 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   setRef
-} from "./UWUL6FFR.js";
+} from "./CP3U4HPL.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/portal/portal.tsx
 import { useContext, useEffect, useRef, useState } from "react";

package/esm/__chunks/{IZJZD7LX.js → LOJQ7RPL.js}

@@ -1,14 +1,14 @@
 import {
   useGroup
-} from "./WYH7HZPL.js";
+} from "./2NIRKFVH.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/form/form-group.ts
 var useFormGroup = createHook(

package/esm/__chunks/{WMY7U3GW.js → LVMO37QD.js}

@@ -5,12 +5,12 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/popover/popover-disclosure-arrow.tsx
 import { useContext, useMemo } from "react";