@ariakit/react-core 0.4.22 → 0.4.24

package/esm/__chunks/{LPZHRGHO.js → MY4F3SH4.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroup
-} from "./Y6I7WX7H.js";
+} from "./US7STFPK.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/form/form-group.tsx
 var TagName = "div";

package/esm/__chunks/{XXOHUFXO.js → MZI3OUH7.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroup
-} from "./Y6I7WX7H.js";
+} from "./US7STFPK.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/composite/composite-group.tsx
 var TagName = "div";

package/esm/__chunks/{WZDDDI4V.js → NA5OAMY5.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{HOITXJDS.js → NCBDBE43.js}

@@ -6,7 +6,7 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/checkbox/checkbox-check.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";

package/esm/__chunks/{HMKTUWOU.js → NHQBMCYN.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useCommand
-} from "./PZ3OL7I2.js";
+} from "./GROIW2U2.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useMergeRefs,
   useTagName
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/button/button.tsx
 import { isButton } from "@ariakit/core/utils/dom";

package/esm/__chunks/{PTR7CZ6Q.js → NQFHTSA6.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   CompositeItem
-} from "./WZWDIE3S.js";
+} from "./7CGHQ3Z6.js";
 import {
   useCollectionItemOffscreen
-} from "./FMNW3QQI.js";
+} from "./EMWM7HRS.js";
 import {
   Role
-} from "./JG4VNI52.js";
+} from "./PIQ7VIUQ.js";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   useStoreStateObject
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-item-offscreen.tsx
 import { getPopupItemRole } from "@ariakit/core/utils/dom";

package/esm/__chunks/{AEGCXJZV.js → OFU5CPWY.js}

@@ -2,14 +2,14 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/select/select-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{2F57YTN4.js → OQWWYG3J.js}

@@ -3,7 +3,7 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/visually-hidden/visually-hidden.tsx
 var TagName = "span";

package/esm/__chunks/{NF43FNG5.js → PFMLR6AF.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/tab/tab-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{JG4VNI52.js → PIQ7VIUQ.js}

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

package/esm/__chunks/{YBRT277Q.js → PKM3NWHS.js}

@@ -1,15 +1,18 @@
 "use client";
 import {
   useSeparator
-} from "./P7VC6T3R.js";
+} from "./TWDUFIV2.js";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/composite/composite-separator.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -21,7 +24,8 @@ var useCompositeSeparator = createHook(function useCompositeSeparator2({ store,
     store,
     process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
   );
-  const orientation = store.useState(
+  const orientation = useStoreState(
+    store,
     (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
   );
   props = useSeparator({ ...props, orientation });

package/esm/__chunks/{3HM4TGWW.js → PONOZD7A.js}

@@ -6,10 +6,10 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/focusable/focusable-container.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{Z4X7TRJU.js → Q35TXJTU.js}

@@ -5,18 +5,18 @@ import {
   useMenubarContext,
   useMenubarProviderContext,
   useMenubarScopedContext
-} from "./2DUOQURA.js";
+} from "./EK7GBBE3.js";
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./PTRWAQFT.js";
+} from "./VI2TRTYW.js";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/menu/menu-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{4POTBZ2J.js → Q62CGBNE.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   usePopoverProviderContext
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/popover/popover-anchor.tsx
 var TagName = "div";

package/esm/__chunks/{QOZ6WMRY.js → QJO65LYO.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/radio/radio-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{5TKKKQCL.js → SOLFWATP.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useRadioContext
-} from "./QOZ6WMRY.js";
+} from "./QJO65LYO.js";
 import {
   useCompositeItem
-} from "./WZWDIE3S.js";
+} from "./7CGHQ3Z6.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useForceUpdate,
   useId,
   useMergeRefs,
   useTagName
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/radio/radio.tsx
 import {
@@ -114,11 +114,11 @@ var useRadio = createHook(function useRadio2({
     onChange(event);
   });
   props = {
-    id,
     role: !nativeRadio ? "radio" : void 0,
     type: nativeRadio ? "radio" : void 0,
     "aria-checked": isChecked,
     ...props,
+    id,
     ref: useMergeRefs(ref, props.ref),
     onChange,
     onClick,

package/esm/__chunks/{XAV7ZXSW.js → TJZJUB7X.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   MenubarContextProvider
-} from "./2DUOQURA.js";
+} from "./EK7GBBE3.js";
 import {
   useMenubarStore
-} from "./6H6PBGDB.js";
+} from "./JA345JFY.js";
 
 // src/menubar/menubar-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{ZMWF7ASR.js → TQQOMENK.js}

@@ -5,19 +5,22 @@ import {
   groupItemsByRows,
   isItem,
   silentlyFocused
-} from "./5VQZOHHZ.js";
+} from "./7NJRHOSP.js";
 import {
   CompositeContextProvider,
   useCompositeProviderContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   useFocusable
-} from "./U6HHPQDW.js";
+} from "./C7ZLNJMM.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -25,7 +28,7 @@ import {
   useSafeLayoutEffect,
   useTransactionState,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite.tsx
 import { flatten2DArray, reverseArray } from "@ariakit/core/utils/array";
@@ -81,10 +84,23 @@ function findFirstEnabledItemInTheLastRow(items) {
     flatten2DArray(reverseArray(groupItemsByRows(items)))
   );
 }
+function withBaseScrollPreserved(store, callback) {
+  const { virtualFocus, baseElement } = store.getState();
+  if (!virtualFocus || !baseElement || !isTextField(baseElement)) {
+    callback();
+    return;
+  }
+  const savedScrollLeft = baseElement.scrollLeft;
+  const savedScrollTop = baseElement.scrollTop;
+  callback();
+  baseElement.scrollLeft = savedScrollLeft;
+  baseElement.scrollTop = savedScrollTop;
+}
 function useScheduleFocus(store) {
   const [scheduled, setScheduled] = useState(false);
   const schedule = useCallback(() => setScheduled(true), []);
-  const activeItem = store.useState(
+  const activeItem = useStoreState(
+    store,
     (state) => getEnabledItem(store, state.activeId)
   );
   useEffect(() => {
@@ -92,8 +108,10 @@ function useScheduleFocus(store) {
     if (!scheduled) return;
     if (!activeElement) return;
     setScheduled(false);
-    activeElement.focus({ preventScroll: true });
-  }, [activeItem, scheduled]);
+    withBaseScrollPreserved(store, () => {
+      activeElement.focus({ preventScroll: true });
+    });
+  }, [store, activeItem, scheduled]);
   return schedule;
 }
 var useComposite = createHook(
@@ -113,7 +131,7 @@ var useComposite = createHook(
     const ref = useRef(null);
     const previousElementRef = useRef(null);
     const scheduleFocus = useScheduleFocus(store);
-    const moves = store.useState("moves");
+    const moves = useStoreState(store, "moves");
     const [, setBaseElement] = useTransactionState(
       composite ? store.setBaseElement : null
     );
@@ -126,7 +144,7 @@ var useComposite = createHook(
       const { activeId: activeId2 } = store.getState();
       const itemElement = (_a = getEnabledItem(store, activeId2)) == null ? void 0 : _a.element;
       if (!itemElement) return;
-      focusIntoView(itemElement);
+      withBaseScrollPreserved(store, () => focusIntoView(itemElement));
     }, [store, moves, composite, focusOnMove]);
     useSafeLayoutEffect(() => {
       if (!store) return;
@@ -145,8 +163,8 @@ var useComposite = createHook(
         baseElement.focus();
       }
     }, [store, moves, composite]);
-    const activeId = store.useState("activeId");
-    const virtualFocus = store.useState("virtualFocus");
+    const activeId = useStoreState(store, "activeId");
+    const virtualFocus = useStoreState(store, "virtualFocus");
     useSafeLayoutEffect(() => {
       var _a;
       if (!store) return;
@@ -280,7 +298,7 @@ var useComposite = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeContextProvider, { value: store, children: element }),
       [store]
     );
-    const activeDescendant = store.useState((state) => {
+    const activeDescendant = useStoreState(store, (state) => {
       var _a;
       if (!store) return;
       if (!composite) return;
@@ -298,7 +316,8 @@ var useComposite = createHook(
       onBlurCapture,
       onKeyDown
     };
-    const focusable = store.useState(
+    const focusable = useStoreState(
+      store,
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
     props = useFocusable({ focusable, ...props });

package/esm/__chunks/{P7VC6T3R.js → TWDUFIV2.js}

@@ -3,7 +3,7 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/separator/separator.tsx
 var TagName = "hr";

package/esm/__chunks/{4HTVKX2Y.js → U3PAIVHS.js}

@@ -7,18 +7,21 @@ import {
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./PTRWAQFT.js";
+} from "./VI2TRTYW.js";
 import {
   usePopover
-} from "./KW7Z5AIL.js";
+} from "./4IWMRS2E.js";
 import {
   createDialogComponent
-} from "./Z32PU2LQ.js";
+} from "./GKPFMPRM.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -28,7 +31,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/hovercard/hovercard.tsx
 import { contains } from "@ariakit/core/utils/dom";
@@ -65,7 +68,7 @@ function useAutoFocusOnHide({
   ...props
 }) {
   const [autoFocusOnHide, setAutoFocusOnHide] = useState(false);
-  const mounted = store.useState("mounted");
+  const mounted = useStoreState(store, "mounted");
   useEffect(() => {
     if (!mounted) {
       setAutoFocusOnHide(false);
@@ -82,7 +85,7 @@ function useAutoFocusOnHide({
     return sync(store, ["anchorElement"], (state) => {
       finalFocusRef.current = state.anchorElement;
     });
-  }, []);
+  }, [store]);
   props = {
     autoFocusOnHide,
     finalFocus: finalFocusRef,
@@ -120,8 +123,8 @@ var useHovercard = createHook(
     const disablePointerEventsProp = useBooleanEvent(
       disablePointerEventsOnApproach
     );
-    const open = store.useState("open");
-    const mounted = store.useState("mounted");
+    const open = useStoreState(store, "open");
+    const mounted = useStoreState(store, "mounted");
     useEffect(() => {
       if (!domReady) return;
       if (!mounted) return;
@@ -245,7 +248,8 @@ var useHovercard = createHook(
       ref: useMergeRefs(ref, props.ref)
     };
     props = useAutoFocusOnHide({ store, ...props });
-    const autoFocusOnShow = store.useState(
+    const autoFocusOnShow = useStoreState(
+      store,
       (state) => modal || state.autoFocusOnShow
     );
     props = usePopover({

package/esm/__chunks/{FZC6JZLK.js → U5F6BB4T.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 
 // src/tag/tag-store.ts
 import * as Core from "@ariakit/core/tag/tag-store";

package/esm/__chunks/{N4AHYM2D.js → US3QBMU2.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   selectTextField
-} from "./5VQZOHHZ.js";
+} from "./7NJRHOSP.js";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-container.tsx
 import { isButton, isTextField } from "@ariakit/core/utils/dom";

package/esm/__chunks/{Y6I7WX7H.js → US7STFPK.js}

@@ -6,10 +6,10 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/group/group.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";

package/esm/__chunks/{UZXQ5DX3.js → V7AYTPG7.js}

@@ -2,10 +2,10 @@
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./PTRWAQFT.js";
+} from "./VI2TRTYW.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/tooltip/tooltip-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{PTRWAQFT.js → VI2TRTYW.js}

@@ -2,10 +2,10 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/hovercard/hovercard-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{OT5RJDXG.js → VIQYURFN.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useForceUpdate
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/dialog/utils/use-root-dialog.ts
 import { getDocument } from "@ariakit/core/utils/dom";

package/esm/__chunks/{FLYCYZJT.js → VOL6MRTR.js}

@@ -6,11 +6,11 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useMergeRefs,
   useTagName
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/heading/heading.tsx
 import { useContext, useMemo, useRef } from "react";