@ariakit/react-core 0.4.23 → 0.4.25

package/esm/__chunks/{MOWGOTGG.js → LAI6ES6V.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   useMenuScopedContext
-} from "./Z4X7TRJU.js";
+} from "./KTCTUSE6.js";
 import {
   useMenubarScopedContext
-} from "./2DUOQURA.js";
+} from "./B7YOUFP2.js";
 import {
   useCompositeHover
-} from "./X6LNAU2F.js";
+} from "./CI3WD73H.js";
 import {
   useCompositeItem
-} from "./WZWDIE3S.js";
+} from "./ZCYMVQGT.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/menu/menu-item.tsx
 import { getDocument, getPopupItemRole } from "@ariakit/core/utils/dom";

package/esm/__chunks/{FMNW3QQI.js → LK4QFB5Q.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   Role
-} from "./JG4VNI52.js";
+} from "./XEQCSYLV.js";
 import {
   CollectionItem
-} from "./Z2O3VLAQ.js";
+} from "./IKWLDXMV.js";
 import {
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useForceUpdate,
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/collection/collection-item-offscreen.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -31,18 +31,18 @@ function cancelIdleCallback(id) {
     window.cancelIdleCallback(id);
   }
 }
-function useCollectionItemOffscreen({ offscreenBehavior = "active", offscreenRoot, ...props }) {
+function useCollectionItemOffscreen({ offscreenMode = "active", offscreenRoot, ...props }) {
   const id = useId(props.id);
   const [updated, forceUpdate] = useForceUpdate();
   const forcedUpdatesCountRef = useRef(0);
-  const [_active, setActive] = useState(offscreenBehavior === "active");
-  const active = _active || offscreenBehavior === "active";
+  const [_active, setActive] = useState(offscreenMode === "active");
+  const active = _active || offscreenMode === "active";
   const observerRef = useRef(null);
   const idleCallbackIdRef = useRef(0);
   const ref = useCallback(
     (element) => {
       var _a;
-      if (!element || offscreenBehavior === "active") {
+      if (!element || offscreenMode === "active") {
         cancelIdleCallback(idleCallbackIdRef.current);
         (_a = observerRef.current) == null ? void 0 : _a.disconnect();
         return;
@@ -78,7 +78,7 @@ function useCollectionItemOffscreen({ offscreenBehavior = "active", offscreenRoo
             cancelIdleCallback(idleCallbackIdRef.current);
             const isIntersecting = !!(entry == null ? void 0 : entry.isIntersecting);
             idleCallbackIdRef.current = requestIdleCallback(() => {
-              if (!isIntersecting && offscreenBehavior === "lazy") return;
+              if (!isIntersecting && offscreenMode === "lazy") return;
               setActive(isIntersecting);
             });
           },
@@ -87,7 +87,11 @@ function useCollectionItemOffscreen({ offscreenBehavior = "active", offscreenRoo
       }
       observerRef.current.observe(element);
     },
-    [updated, offscreenBehavior, offscreenRoot]
+    // This callback intentionally depends on `updated` so `forceUpdate()`
+    // causes React to re-run the ref callback when the offscreen root becomes
+    // available.
+    // oxlint-disable-next-line exhaustive-deps
+    [updated, offscreenMode, offscreenRoot]
   );
   return {
     id,
@@ -97,12 +101,12 @@ function useCollectionItemOffscreen({ offscreenBehavior = "active", offscreenRoo
   };
 }
 var CollectionItem2 = forwardRef(function CollectionItem3({
-  offscreenBehavior,
+  offscreenMode,
   offscreenRoot,
   ...props
 }) {
   const { active, ref, ...rest } = useCollectionItemOffscreen({
-    offscreenBehavior,
+    offscreenMode,
     offscreenRoot,
     ...props
   });

package/esm/__chunks/{4M2S6L5P.js → LOGSNLS6.js}

@@ -2,28 +2,29 @@
 import {
   SelectItemCheckedContext,
   useSelectScopedContext
-} from "./AEGCXJZV.js";
+} from "./OIOLJY4L.js";
 import {
   useCompositeHover
-} from "./X6LNAU2F.js";
+} from "./CI3WD73H.js";
 import {
   useCompositeItem
-} from "./WZWDIE3S.js";
+} from "./ZCYMVQGT.js";
 import {
+  useStoreState,
   useStoreStateObject
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/select/select-item.tsx
 import { getPopupItemRole } from "@ariakit/core/utils/dom";
@@ -80,12 +81,12 @@ var useSelectItem = createHook(
         return state.value === value;
       }
     });
+    const virtualFocus = useStoreState(store == null ? void 0 : store.combobox, "virtualFocus");
     const getItem = useCallback(
       (item) => {
         const nextItem = {
           ...item,
-          value: disabled ? void 0 : value,
-          children: value
+          value: disabled ? void 0 : value
         };
         if (getItemProp) {
           return getItemProp(nextItem);
@@ -121,13 +122,20 @@ var useSelectItem = createHook(
       (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
+    const shouldAutoFocus = (_a = props.autoFocus) != null ? _a : autoFocus;
     props = {
-      id,
       role: getPopupItemRole(listElement),
       "aria-selected": selected,
       children: value,
       ...props,
-      autoFocus: (_a = props.autoFocus) != null ? _a : autoFocus,
+      id,
+      // When virtualFocus is false (e.g., iOS Safari), we suppress autoFocus to
+      // prevent a re-mounted selected item from stealing focus from the
+      // combobox input (which dismisses the iOS keyboard). We keep
+      // data-autofocus so the dialog's initial focus effect can still find and
+      // focus this element. See https://github.com/ariakit/ariakit/issues/5047
+      autoFocus: virtualFocus === false ? false : shouldAutoFocus,
+      "data-autofocus": shouldAutoFocus || void 0,
       onClick
     };
     props = useCompositeItem({

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

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

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

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

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

@@ -1,32 +1,32 @@
 "use client";
 import {
   CompositeItem
-} from "./WZWDIE3S.js";
+} from "./ZCYMVQGT.js";
 import {
   useCollectionItemOffscreen
-} from "./FMNW3QQI.js";
+} from "./LK4QFB5Q.js";
 import {
   Role
-} from "./JG4VNI52.js";
+} from "./XEQCSYLV.js";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./55FNNNML.js";
 import {
   useStoreStateObject
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 import {
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/composite/composite-item-offscreen.tsx
 import { getPopupItemRole } from "@ariakit/core/utils/dom";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
-function useCompositeItemOffscreen({ store, offscreenBehavior = "active", disabled, value, ...props }) {
+function useCompositeItemOffscreen({ store, offscreenMode = "active", disabled, value, ...props }) {
   const context = useCompositeContext();
   store = store || context;
   const id = useId(props.id);
@@ -57,7 +57,7 @@ function useCompositeItemOffscreen({ store, offscreenBehavior = "active", disabl
   const offscreenProps = useCollectionItemOffscreen({
     id,
     store,
-    offscreenBehavior: active ? "active" : offscreenBehavior,
+    offscreenMode: active ? "active" : offscreenMode,
     ...props,
     offscreenRoot
   });
@@ -73,12 +73,12 @@ function useCompositeItemOffscreen({ store, offscreenBehavior = "active", disabl
   return offscreenProps;
 }
 var CompositeItem2 = forwardRef(function CompositeItem3({
-  offscreenBehavior,
+  offscreenMode,
   offscreenRoot,
   ...props
 }) {
   const { active, ref, ...rest } = useCompositeItemOffscreen({
-    offscreenBehavior,
+    offscreenMode,
     offscreenRoot,
     ...props
   });

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

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

package/esm/__chunks/{VJH3F6TN.js → NOHE2KUO.js}

@@ -4,17 +4,17 @@ import {
 } from "./AOQQTIBO.js";
 import {
   FocusTrap
-} from "./BFOIJXK2.js";
+} from "./EIGWIYE4.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 import {
   setRef
 } from "./YXGXYGQX.js";

package/esm/__chunks/{5WUV565P.js → NTWYSJMG.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./ZJG6VNPS.js";
 import {
   useStore
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{ECBEZ4YM.js → NV5OUTYH.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "./B6FLPFJM.js";
+} from "./RPKQBJCW.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

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

@@ -2,14 +2,14 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./JMU4N4M5.js";
+} from "./E4DZA6YM.js";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./55FNNNML.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 
 // src/select/select-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{X7QOZUD3.js → PYFWN42T.js}

@@ -9,9 +9,15 @@ function isPointInPolygon(point, polygon) {
   let inside = false;
   const length = polygon.length;
   for (let l = length, i = 0, j = l - 1; i < l; j = i++) {
-    const [xi, yi] = polygon[i];
-    const [xj, yj] = polygon[j];
-    const [, vy] = polygon[j === 0 ? l - 1 : j - 1] || [0, 0];
+    const currentPoint = polygon[i];
+    const previousPoint = polygon[j];
+    const vertexPoint = polygon[j === 0 ? l - 1 : j - 1];
+    if (currentPoint == null) return false;
+    if (previousPoint == null) return false;
+    if (vertexPoint == null) return false;
+    const [xi, yi] = currentPoint;
+    const [xj, yj] = previousPoint;
+    const [, vy] = vertexPoint;
     const where = (yi - yj) * (x - xi) - (xi - xj) * (y - yi);
     if (yj < yi) {
       if (y >= yj && y < yi) {

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

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

package/esm/__chunks/{QKVSMXME.js → REEWSWVD.js}

@@ -4,21 +4,21 @@ import {
 } from "./2SM3RB2N.js";
 import {
   usePopoverContext
-} from "./JMU4N4M5.js";
+} from "./E4DZA6YM.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useId,
   useMergeRefs,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/popover/popover-arrow.tsx
 import { getWindow } from "@ariakit/core/utils/dom";

package/esm/__chunks/{N5BMKDVD.js → RKYVW6HH.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useSelectContext
-} from "./AEGCXJZV.js";
+} from "./OIOLJY4L.js";
 import {
   usePopoverDisclosureArrow
-} from "./37HM5VRA.js";
+} from "./YC6AIOMC.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 
 // src/select/select-arrow.tsx
 var TagName = "span";

package/esm/__chunks/{B6FLPFJM.js → RPKQBJCW.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./4NYSH4UO.js";
+} from "./EX4LS7ZU.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./YAS7X7HB.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{LVDQFHCH.js → SF4KD2LD.js}

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

package/esm/__chunks/{BQYVKXYL.js → T67KCLW2.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./SMPCIMZM.js";
+} from "./FQHJBBMI.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{JSI7U3EA.js → TKBSBKEC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
 import { chain } from "@ariakit/core/utils/misc";

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

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

package/esm/__chunks/{GWSL6KNJ.js → TVXRYIJB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 import {
   getRefProperty,
   mergeProps

package/esm/__chunks/{APVORPDK.js → TXH4Y74N.js}

@@ -1,15 +1,18 @@
 "use client";
 import {
   useDisclosure
-} from "./NDVACHQI.js";
+} from "./Y432LOQZ.js";
 import {
   useDialogProviderContext
-} from "./A62MDFCW.js";
+} from "./W43ISTP6.js";
+import {
+  useStoreState
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 
 // src/dialog/dialog-disclosure.tsx
 import { getPopupRole } from "@ariakit/core/utils/dom";
@@ -23,7 +26,7 @@ var useDialogDisclosure = createHook(
       store,
       process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
     );
-    const contentElement = store.useState("contentElement");
+    const contentElement = useStoreState(store, "contentElement");
     props = {
       "aria-haspopup": getPopupRole(contentElement, "dialog"),
       ...props

package/esm/__chunks/{HLPY2PXK.js → UL73IZQU.js}

@@ -2,16 +2,19 @@
 import {
   CompositeRowContext,
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./55FNNNML.js";
+import {
+  useStoreState
+} from "./YAS7X7HB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./TVXRYIJB.js";
 import {
   useId,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./CEM7J6TT.js";
 
 // src/composite/composite-row.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -32,7 +35,8 @@ var useCompositeRow = createHook(
       process.env.NODE_ENV !== "production" && "CompositeRow must be wrapped in a Composite component."
     );
     const id = useId(props.id);
-    const baseElement = store.useState(
+    const baseElement = useStoreState(
+      store,
       (state) => state.baseElement || void 0
     );
     const providerValue = useMemo(
@@ -44,7 +48,7 @@ var useCompositeRow = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    props = { id, ...props };
+    props = { ...props, id };
     return removeUndefinedValues(props);
   }
 );