@ariakit/react-core 0.4.6 → 0.4.8

package/esm/__chunks/{LTJ75W3G.js → 6K7HZETS.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useGroup
-} from "./RIR54EMZ.js";
+} from "./PS5YNAJZ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   __objRest
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-group.tsx
 var TagName = "div";

package/esm/__chunks/{3OQPDTG6.js → 7ATJTJIY.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useSeparator
-} from "./CMELOF3N.js";
+} from "./X3G4E3V2.js";
 import {
   useCompositeContext
-} from "./RA2MZPUM.js";
+} from "./TN5Y26CD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-separator.tsx
 import { invariant } from "@ariakit/core/utils/misc";

package/esm/__chunks/{GOSM5J6C.js → 7DP25ROA.js}

@@ -4,26 +4,26 @@ import {
 } from "./QFL5V2DO.js";
 import {
   usePopoverContext
-} from "./THGRQCVD.js";
+} from "./M6ZUVZPG.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/popover/popover-arrow.tsx
-import { useMemo, useState } from "react";
 import { getWindow } from "@ariakit/core/utils/dom";
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TagName = "div";
 var defaultSize = 30;
@@ -38,8 +38,7 @@ function useComputedStyle(store) {
   const [style, setStyle] = useState();
   const contentElement = store.useState("contentElement");
   useSafeLayoutEffect(() => {
-    if (!contentElement)
-      return;
+    if (!contentElement) return;
     const win = getWindow(contentElement);
     const computedStyle = win.getComputedStyle(contentElement);
     setStyle(computedStyle);
@@ -62,7 +61,7 @@ var usePopoverArrow = createHook(
     const fill = (style == null ? void 0 : style.getPropertyValue("background-color")) || "none";
     const stroke = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-color`)) || "none";
     const borderWidth = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-width`)) || "0px";
-    const strokeWidth = parseInt(borderWidth) * 2 * (defaultSize / size);
+    const strokeWidth = Number.parseInt(borderWidth) * 2 * (defaultSize / size);
     const transform = rotateMap[dir];
     const children = useMemo(
       () => /* @__PURE__ */ jsx("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ jsxs("g", { transform, children: [

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

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

package/esm/__chunks/{57DQFKOT.js → 7UYST25M.js}

@@ -1,26 +1,25 @@
 "use client";
 import {
   useFocusable
-} from "./CGG6F755.js";
+} from "./DRL2GNLJ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useEvent,
   useMergeRefs,
   useMetadataProps,
   useTagName
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/command/command.tsx
-import { useEffect, useRef, useState } from "react";
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
 import {
   fireClickEvent,
@@ -29,10 +28,10 @@ import {
 } from "@ariakit/core/utils/events";
 import { disabledFromProps } from "@ariakit/core/utils/misc";
 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/{44774DCU.js → AJE6WNNP.js}

@@ -3,46 +3,39 @@ import {
   getElementPolygon,
   getEventPoint,
   isPointInPolygon
-} from "./YMV43K4F.js";
+} from "./X7QOZUD3.js";
 import {
   usePopover
-} from "./BMYMDDP6.js";
+} from "./RR3QLTVJ.js";
 import {
   createDialogComponent
-} from "./Z42C5PR3.js";
+} from "./U7BJ2WVN.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./EDI7THRR.js";
+} from "./BEBUB5QN.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useBooleanEvent,
   useEvent,
+  useIsMouseMoving,
   useLiveRef,
   useMergeRefs,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/hovercard/hovercard.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} from "react";
 import { contains } from "@ariakit/core/utils/dom";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { hasFocusWithin } from "@ariakit/core/utils/focus";
@@ -52,17 +45,21 @@ import {
   isFalsyBooleanCallback
 } from "@ariakit/core/utils/misc";
 import { sync } from "@ariakit/core/utils/store";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from "react";
 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/{PPFXZOWJ.js → AMQNTLCG.js}

@@ -4,31 +4,31 @@ import {
   ComboboxScopedContextProvider,
   useComboboxContext,
   useComboboxScopedContext
-} from "./WJUQFF4Z.js";
+} from "./J4NXMVZC.js";
 import {
   isHidden
-} from "./7AG4LN2H.js";
+} from "./WOYVW654.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useAttribute,
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/combobox/combobox-list.tsx
-import { useRef, useState } from "react";
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useComboboxList = createHook(
@@ -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']"));
       };