@ariakit/react-core 0.4.7 → 0.4.8

package/esm/__chunks/{7NGG3X6T.js → 7RXYRUSH.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   usePopoverDisclosureArrow
-} from "./5BXPMNKT.js";
+} from "./QJCHJYGN.js";
 import {
   useSelectContext
-} from "./FXF6FFAU.js";
+} from "./2YDG6Q4P.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   __objRest,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/select/select-arrow.tsx
 var TagName = "span";

package/esm/__chunks/{5EKYTDKF.js → 7UYST25M.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
   useFocusable
-} from "./DYAGAZRT.js";
+} from "./DRL2GNLJ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   useEvent,
   useMergeRefs,
   useMetadataProps,
   useTagName
-} from "./OPTPHWV7.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/command/command.tsx
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
@@ -31,8 +31,7 @@ import { isFirefox } from "@ariakit/core/utils/platform";
 import { useEffect, useRef, useState } from "react";
 var TagName = "button";
 function isNativeClick(event) {
-  if (!event.isTrusted)
-    return false;
+  if (!event.isTrusted) return false;
   const element = event.currentTarget;
   if (event.key === "Enter") {
     return isButton(element) || element.tagName === "SUMMARY" || element.tagName === "A";
@@ -53,8 +52,7 @@ var useCommand = createHook(
       () => !!tagName && isButton({ tagName, type })
     );
     useEffect(() => {
-      if (!ref.current)
-        return;
+      if (!ref.current) return;
       setIsNativeButton(isButton(ref.current));
     }, []);
     const [active, setActive] = useState(false);
@@ -65,18 +63,12 @@ var useCommand = createHook(
     const onKeyDown = useEvent((event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       const element = event.currentTarget;
-      if (event.defaultPrevented)
-        return;
-      if (isDuplicate)
-        return;
-      if (disabled)
-        return;
-      if (!isSelfTarget(event))
-        return;
-      if (isTextField(element))
-        return;
-      if (element.isContentEditable)
-        return;
+      if (event.defaultPrevented) return;
+      if (isDuplicate) return;
+      if (disabled) return;
+      if (!isSelfTarget(event)) return;
+      if (isTextField(element)) return;
+      if (element.isContentEditable) return;
       const isEnter = clickOnEnter && event.key === "Enter";
       const isSpace = clickOnSpace && event.key === " ";
       const shouldPreventEnter = event.key === "Enter" && !clickOnEnter;
@@ -110,14 +102,10 @@ var useCommand = createHook(
     const onKeyUpProp = props.onKeyUp;
     const onKeyUp = useEvent((event) => {
       onKeyUpProp == null ? void 0 : onKeyUpProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (isDuplicate)
-        return;
-      if (disabled)
-        return;
-      if (event.metaKey)
-        return;
+      if (event.defaultPrevented) return;
+      if (isDuplicate) return;
+      if (disabled) return;
+      if (event.metaKey) return;
       const isSpace = clickOnSpace && event.key === " ";
       if (activeRef.current && isSpace) {
         activeRef.current = false;

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

@@ -3,36 +3,37 @@ import {
   getElementPolygon,
   getEventPoint,
   isPointInPolygon
-} from "./SD6TYZJO.js";
+} from "./X7QOZUD3.js";
 import {
   usePopover
-} from "./PKN6MQJP.js";
+} from "./RR3QLTVJ.js";
 import {
   createDialogComponent
-} from "./CN7DDZL2.js";
+} from "./U7BJ2WVN.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./ZPKRQJBS.js";
+} from "./BEBUB5QN.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   useBooleanEvent,
   useEvent,
+  useIsMouseMoving,
   useLiveRef,
   useMergeRefs,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./WX6L4ACS.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/{VC5OPI3O.js → AMQNTLCG.js}

@@ -4,27 +4,27 @@ import {
   ComboboxScopedContextProvider,
   useComboboxContext,
   useComboboxScopedContext
-} from "./3L4UCDWT.js";
+} from "./J4NXMVZC.js";
 import {
   isHidden
-} from "./TNHM3SUC.js";
+} from "./WOYVW654.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   useAttribute,
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/combobox/combobox-list.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -56,13 +56,10 @@ var useComboboxList = createHook(
     const [hasListboxInside, setHasListboxInside] = useState(false);
     const contentElement = store.useState("contentElement");
     useSafeLayoutEffect(() => {
-      if (!mounted)
-        return;
+      if (!mounted) return;
       const element = ref.current;
-      if (!element)
-        return;
-      if (contentElement !== element)
-        return;
+      if (!element) return;
+      if (contentElement !== element) return;
       const callback = () => {
         setHasListboxInside(!!element.querySelector("[role='listbox']"));
       };