@ariakit/react-core 0.4.7 → 0.4.9

package/esm/__chunks/{SYLYP2IN.js → HQFKUKP3.js}

@@ -3,36 +3,37 @@ import {
   getElementPolygon,
   getEventPoint,
   isPointInPolygon
-} from "./SD6TYZJO.js";
+} from "./X7QOZUD3.js";
 import {
   usePopover
-} from "./PKN6MQJP.js";
+} from "./JS55N6L7.js";
 import {
   createDialogComponent
-} from "./CN7DDZL2.js";
+} from "./TT2355LN.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./ZPKRQJBS.js";
+} from "./CTQR3VDU.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useBooleanEvent,
   useEvent,
+  useIsMouseMoving,
   useLiveRef,
   useMergeRefs,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/hovercard/hovercard.tsx
 import { contains } from "@ariakit/core/utils/dom";
@@ -55,14 +56,10 @@ import {
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function isMovingOnHovercard(target, card, anchor, nested) {
-  if (hasFocusWithin(card))
-    return true;
-  if (!target)
-    return false;
-  if (contains(card, target))
-    return true;
-  if (anchor && contains(anchor, target))
-    return true;
+  if (hasFocusWithin(card)) return true;
+  if (!target) return false;
+  if (contains(card, target)) return true;
+  if (anchor && contains(anchor, target)) return true;
   if (nested == null ? void 0 : nested.some((card2) => isMovingOnHovercard(target, card2, anchor))) {
     return true;
   }
@@ -84,8 +81,7 @@ function useAutoFocusOnHide(_a) {
   const onFocusProp = props.onFocus;
   const onFocus = useEvent((event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
-    if (event.defaultPrevented)
-      return;
+    if (event.defaultPrevented) return;
     setAutoFocusOnHide(true);
   });
   const finalFocusRef = useRef(null);
@@ -131,6 +127,7 @@ var useHovercard = createHook(
     const hideTimeoutRef = useRef(0);
     const enterPointRef = useRef(null);
     const { portalRef, domReady } = usePortalRef(portal, props.portalRef);
+    const isMouseMoving = useIsMouseMoving();
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
     const hideOnHoverOutsideProp = useBooleanEvent(hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
@@ -140,18 +137,14 @@ var useHovercard = createHook(
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     useEffect(() => {
-      if (!domReady)
-        return;
-      if (!mounted)
-        return;
-      if (!mayHideOnHoverOutside && !mayDisablePointerEvents)
-        return;
+      if (!domReady) return;
+      if (!mounted) return;
+      if (!mayHideOnHoverOutside && !mayDisablePointerEvents) return;
       const element = ref.current;
-      if (!element)
-        return;
+      if (!element) return;
       const onMouseMove = (event) => {
-        if (!store)
-          return;
+        if (!store) return;
+        if (!isMouseMoving()) return;
         const { anchorElement, hideTimeout, timeout } = store.getState();
         const enterPoint = enterPointRef.current;
         const [target] = event.composedPath();
@@ -162,22 +155,19 @@ var useHovercard = createHook(
           hideTimeoutRef.current = 0;
           return;
         }
-        if (hideTimeoutRef.current)
-          return;
+        if (hideTimeoutRef.current) return;
         if (enterPoint) {
           const currentPoint = getEventPoint(event);
           const polygon = getElementPolygon(element, enterPoint);
           if (isPointInPolygon(currentPoint, polygon)) {
             enterPointRef.current = currentPoint;
-            if (!disablePointerEventsProp(event))
-              return;
+            if (!disablePointerEventsProp(event)) return;
             event.preventDefault();
             event.stopPropagation();
             return;
           }
         }
-        if (!hideOnHoverOutsideProp(event))
-          return;
+        if (!hideOnHoverOutsideProp(event)) return;
         hideTimeoutRef.current = window.setTimeout(() => {
           hideTimeoutRef.current = 0;
           store == null ? void 0 : store.hide();
@@ -189,6 +179,7 @@ var useHovercard = createHook(
       );
     }, [
       store,
+      isMouseMoving,
       domReady,
       mounted,
       mayHideOnHoverOutside,
@@ -198,23 +189,17 @@ var useHovercard = createHook(
       hideOnHoverOutsideProp
     ]);
     useEffect(() => {
-      if (!domReady)
-        return;
-      if (!mounted)
-        return;
-      if (!mayDisablePointerEvents)
-        return;
+      if (!domReady) return;
+      if (!mounted) return;
+      if (!mayDisablePointerEvents) return;
       const disableEvent = (event) => {
         const element = ref.current;
-        if (!element)
-          return;
+        if (!element) return;
         const enterPoint = enterPointRef.current;
-        if (!enterPoint)
-          return;
+        if (!enterPoint) return;
         const polygon = getElementPolygon(element, enterPoint);
         if (isPointInPolygon(getEventPoint(event), polygon)) {
-          if (!disablePointerEventsProp(event))
-            return;
+          if (!disablePointerEventsProp(event)) return;
           event.preventDefault();
           event.stopPropagation();
         }
@@ -228,16 +213,13 @@ var useHovercard = createHook(
       );
     }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);
     useEffect(() => {
-      if (!domReady)
-        return;
-      if (open)
-        return;
+      if (!domReady) return;
+      if (open) return;
       store == null ? void 0 : store.setAutoFocusOnShow(false);
     }, [store, domReady, open]);
     const openRef = useLiveRef(open);
     useEffect(() => {
-      if (!domReady)
-        return;
+      if (!domReady) return;
       return () => {
         if (!openRef.current) {
           store == null ? void 0 : store.setAutoFocusOnShow(false);
@@ -246,17 +228,12 @@ var useHovercard = createHook(
     }, [store, domReady]);
     const registerOnParent = useContext(NestedHovercardContext);
     useSafeLayoutEffect(() => {
-      if (modal)
-        return;
-      if (!portal)
-        return;
-      if (!mounted)
-        return;
-      if (!domReady)
-        return;
+      if (modal) return;
+      if (!portal) return;
+      if (!mounted) return;
+      if (!domReady) return;
       const element = ref.current;
-      if (!element)
-        return;
+      if (!element) return;
       return registerOnParent == null ? void 0 : registerOnParent(element);
     }, [modal, portal, mounted, domReady]);
     const registerNestedHovercard = useCallback(
@@ -292,8 +269,7 @@ var useHovercard = createHook(
     }, props), {
       portalRef,
       hideOnEscape(event) {
-        if (isFalsyBooleanCallback(hideOnEscape, event))
-          return false;
+        if (isFalsyBooleanCallback(hideOnEscape, event)) return false;
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             store == null ? void 0 : store.hide();

package/esm/__chunks/{5PY7H3O6.js → HT3UEUDM.js}

@@ -6,13 +6,13 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/focusable/focusable-container.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{PGA74ZJ4.js → IEKMDIUY.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useGroup
-} from "./2LDES2MP.js";
+} from "./ZPO4YZYE.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   __objRest
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-group.tsx
 var TagName = "div";

package/esm/__chunks/{7CGRXEUR.js → IGFP5YPG.js}

@@ -6,14 +6,14 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/group/group-label.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";

package/esm/__chunks/{SORNFOKV.js → IIER4YBF.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./53KINMNA.js";
+} from "./WENSINUV.js";
 import {
   createStoreContext
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 
 // src/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{2N6FBM3O.js → ILNAUGA4.js}

@@ -3,11 +3,11 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/visually-hidden/visually-hidden.tsx
 var TagName = "span";

package/esm/__chunks/{NXZX7GS5.js → IZAFJHVY.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   useDialogDisclosure
-} from "./QT5BCKOY.js";
+} from "./KCVNYWKF.js";
 import {
   usePopoverAnchor
-} from "./IH5KTPNA.js";
+} from "./74NFH3UH.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./URSEQETI.js";
+} from "./54MGSIOI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useEvent,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/popover/popover-disclosure.tsx
 import { invariant } from "@ariakit/core/utils/misc";

package/esm/__chunks/{PKN6MQJP.js → JS55N6L7.js}

@@ -2,27 +2,27 @@
 import {
   createDialogComponent,
   useDialog
-} from "./CN7DDZL2.js";
+} from "./TT2355LN.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./URSEQETI.js";
+} from "./54MGSIOI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/popover/popover.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -56,8 +56,7 @@ function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
   return __spreadProps(__spreadValues({}, rect), { toJSON: () => rect });
 }
 function getDOMRect(anchorRect) {
-  if (!anchorRect)
-    return createDOMRect();
+  if (!anchorRect) return createDOMRect();
   const { x, y, width, height } = anchorRect;
   return createDOMRect(x, y, width, height);
 }
@@ -96,8 +95,7 @@ function getOffsetMiddleware(arrowElement, props) {
   });
 }
 function getFlipMiddleware(props) {
-  if (props.flip === false)
-    return;
+  if (props.flip === false) return;
   const fallbackPlacements = typeof props.flip === "string" ? props.flip.split(" ") : void 0;
   invariant(
     !fallbackPlacements || fallbackPlacements.every(isValidPlacement),
@@ -109,8 +107,7 @@ function getFlipMiddleware(props) {
   });
 }
 function getShiftMiddleware(props) {
-  if (!props.slide && !props.overlap)
-    return;
+  if (!props.slide && !props.overlap) return;
   return shift({
     mainAxis: props.slide,
     crossAxis: props.overlap,
@@ -149,8 +146,7 @@ function getSizeMiddleware(props) {
   });
 }
 function getArrowMiddleware(arrowElement, props) {
-  if (!arrowElement)
-    return;
+  if (!arrowElement) return;
   return arrow({
     element: arrowElement,
     padding: props.arrowPadding
@@ -218,16 +214,14 @@ var usePopover = createHook(
     const updatePositionProp = useEvent(updatePosition);
     const hasCustomUpdatePosition = !!updatePosition;
     useSafeLayoutEffect(() => {
-      if (!(popoverElement == null ? void 0 : popoverElement.isConnected))
-        return;
+      if (!(popoverElement == null ? void 0 : popoverElement.isConnected)) return;
       popoverElement.style.setProperty(
         "--popover-overflow-padding",
         `${overflowPadding}px`
       );
       const anchor = getAnchorElement(anchorElement, getAnchorRectProp);
       const updatePosition2 = async () => {
-        if (!mounted)
-          return;
+        if (!mounted) return;
         if (!arrowElement) {
           defaultArrowElementRef.current = defaultArrowElementRef.current || document.createElement("div");
         }
@@ -321,14 +315,10 @@ var usePopover = createHook(
       updatePositionProp
     ]);
     useSafeLayoutEffect(() => {
-      if (!mounted)
-        return;
-      if (!domReady)
-        return;
-      if (!(popoverElement == null ? void 0 : popoverElement.isConnected))
-        return;
-      if (!(contentElement == null ? void 0 : contentElement.isConnected))
-        return;
+      if (!mounted) return;
+      if (!domReady) return;
+      if (!(popoverElement == null ? void 0 : popoverElement.isConnected)) return;
+      if (!(contentElement == null ? void 0 : contentElement.isConnected)) return;
       const applyZIndex = () => {
         popoverElement.style.zIndex = getComputedStyle(contentElement).zIndex;
       };

package/esm/__chunks/{HOOW7GH2.js → JZUY7XL6.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   useComboboxContext
-} from "./3L4UCDWT.js";
+} from "./DWZ7E5TJ.js";
 import {
   useSelectContext
-} from "./FXF6FFAU.js";
+} from "./KZ2S4ZC5.js";
 import {
   useCompositeStoreProps
-} from "./WH6Q5C3D.js";
+} from "./UVQLZ7T5.js";
 import {
   useStore,
   useStoreProps
-} from "./DTNGDFNU.js";
+} from "./2GXGCHW6.js";
 import {
   useUpdateEffect
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/tab/tab-store.ts
 import * as Core from "@ariakit/core/tab/tab-store";

package/esm/__chunks/{53CQGCDZ.js → K2ZF5NU7.js}

@@ -25,8 +25,7 @@ function orchestrate(element, key, setup) {
   elementCleanups.set(key, nextCleanup);
   return () => {
     const isCurrent = elementCleanups.get(key) === nextCleanup;
-    if (!isCurrent)
-      return;
+    if (!isCurrent) return;
     cleanup();
     elementCleanups.set(key, prevCleanup);
   };
@@ -61,9 +60,8 @@ function setProperty(element, property, value) {
   return orchestrate(element, property, setup);
 }
 function assignStyle(element, style) {
-  if (!element)
-    return () => {
-    };
+  if (!element) return () => {
+  };
   const setup = () => {
     const prevStyle = element.style.cssText;
     Object.assign(element.style, style);
@@ -74,9 +72,8 @@ function assignStyle(element, style) {
   return orchestrate(element, "style", setup);
 }
 function setCSSProperty(element, property, value) {
-  if (!element)
-    return () => {
-    };
+  if (!element) return () => {
+  };
   const setup = () => {
     const previousValue = element.style.getPropertyValue(property);
     element.style.setProperty(property, value);

package/esm/__chunks/{6MDCAUOE.js → K7FXVWIT.js}

@@ -1,31 +1,31 @@
 "use client";
 import {
   useRadioContext
-} from "./S6GWHPQZ.js";
+} from "./SOKV3TSX.js";
 import {
   useCompositeItem
-} from "./UN4MKOLN.js";
+} from "./3CCTMYB6.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./DTNGDFNU.js";
+} from "./2GXGCHW6.js";
 import {
   useEvent,
   useForceUpdate,
   useId,
   useMergeRefs,
   useTagName
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/radio/radio.tsx
 import {
@@ -35,8 +35,7 @@ import {
 import { useEffect, useRef } from "react";
 var TagName = "input";
 function getIsChecked(value, storeValue) {
-  if (storeValue === void 0)
-    return;
+  if (storeValue === void 0) return;
   if (value != null && storeValue != null) {
     return storeValue === value;
   }
@@ -66,13 +65,10 @@ var useRadio = createHook(function useRadio2(_a) {
     (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
   );
   useEffect(() => {
-    if (!id)
-      return;
-    if (!isChecked)
-      return;
+    if (!id) return;
+    if (!isChecked) return;
     const isActiveItem = (store == null ? void 0 : store.getState().activeId) === id;
-    if (isActiveItem)
-      return;
+    if (isActiveItem) return;
     store == null ? void 0 : store.setActiveId(id);
   }, [store, isChecked, id]);
   const onChangeProp = props.onChange;
@@ -82,10 +78,8 @@ var useRadio = createHook(function useRadio2(_a) {
   const [propertyUpdated, schedulePropertyUpdate] = useForceUpdate();
   useEffect(() => {
     const element = ref.current;
-    if (!element)
-      return;
-    if (nativeRadio)
-      return;
+    if (!element) return;
+    if (nativeRadio) return;
     if (isChecked !== void 0) {
       element.checked = isChecked;
     }
@@ -107,33 +101,25 @@ var useRadio = createHook(function useRadio2(_a) {
       schedulePropertyUpdate();
     }
     onChangeProp == null ? void 0 : onChangeProp(event);
-    if (event.defaultPrevented)
-      return;
+    if (event.defaultPrevented) return;
     store == null ? void 0 : store.setValue(value);
   });
   const onClickProp = props.onClick;
   const onClick = useEvent((event) => {
     onClickProp == null ? void 0 : onClickProp(event);
-    if (event.defaultPrevented)
-      return;
-    if (nativeRadio)
-      return;
+    if (event.defaultPrevented) return;
+    if (nativeRadio) return;
     onChange(event);
   });
   const onFocusProp = props.onFocus;
   const onFocus = useEvent((event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
-    if (event.defaultPrevented)
-      return;
-    if (!nativeRadio)
-      return;
-    if (!store)
-      return;
+    if (event.defaultPrevented) return;
+    if (!nativeRadio) return;
+    if (!store) return;
     const { moves, activeId } = store.getState();
-    if (!moves)
-      return;
-    if (id && activeId !== id)
-      return;
+    if (!moves) return;
+    if (id && activeId !== id) return;
     onChange(event);
   });
   props = __spreadProps(__spreadValues({

package/esm/__chunks/{P7YNSWBG.js → KB6RR6FL.js}

@@ -2,10 +2,10 @@
 import {
   assignStyle,
   setCSSProperty
-} from "./53CQGCDZ.js";
+} from "./K2ZF5NU7.js";
 import {
   useRootDialog
-} from "./DDNAPH23.js";
+} from "./YJS26JVG.js";
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 import { getDocument, getWindow } from "@ariakit/core/utils/dom";
@@ -25,10 +25,8 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
     enabled
   });
   useEffect(() => {
-    if (!isRootDialog())
-      return;
-    if (!contentElement)
-      return;
+    if (!isRootDialog()) return;
+    if (!contentElement) return;
     const doc = getDocument(contentElement);
     const win = getWindow(contentElement);
     const { documentElement, body } = doc;
@@ -60,7 +58,7 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
       return () => {
         restoreStyle();
         if (process.env.NODE_ENV !== "test") {
-          win.scrollTo(scrollX, scrollY);
+          win.scrollTo({ left: scrollX, top: scrollY, behavior: "instant" });
         }
       };
     };