@ariakit/react-core 0.4.6 → 0.4.8

package/esm/__chunks/{6O2UZOXH.js → SEMTJMZO.js}

@@ -2,16 +2,16 @@
 import {
   assignStyle,
   setCSSProperty
-} from "./53CQGCDZ.js";
+} from "./K2ZF5NU7.js";
 import {
   useRootDialog
-} from "./O4PHI74Y.js";
+} from "./FQDOBJ6H.js";
 
 // src/dialog/utils/use-prevent-body-scroll.ts
-import { useEffect } from "react";
 import { getDocument, getWindow } from "@ariakit/core/utils/dom";
 import { chain } from "@ariakit/core/utils/misc";
 import { isApple, isMac } from "@ariakit/core/utils/platform";
+import { useEffect } from "react";
 function getPaddingProperty(documentElement) {
   const documentLeft = documentElement.getBoundingClientRect().left;
   const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;
@@ -25,15 +25,13 @@ 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;
     const cssScrollbarWidth = documentElement.style.getPropertyValue("--scrollbar-width");
-    const scrollbarWidth = cssScrollbarWidth ? parseInt(cssScrollbarWidth) : win.innerWidth - documentElement.clientWidth;
+    const scrollbarWidth = cssScrollbarWidth ? Number.parseInt(cssScrollbarWidth) : win.innerWidth - documentElement.clientWidth;
     const setScrollbarWidthProperty = () => setCSSProperty(
       documentElement,
       "--scrollbar-width",
@@ -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" });
         }
       };
     };

package/esm/__chunks/{KQWO6ME3.js → SK3NAZA3.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/utils/misc.ts
-import { isValidElement } from "react";
 import { hasOwnProperty } from "@ariakit/core/utils/misc";
+import { isValidElement } from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -14,27 +14,21 @@ function setRef(ref, value) {
   }
 }
 function isValidElementWithRef(element) {
-  if (!element)
-    return false;
-  if (!isValidElement(element))
-    return false;
-  if ("ref" in element.props)
-    return true;
-  if ("ref" in element)
-    return true;
+  if (!element) return false;
+  if (!isValidElement(element)) return false;
+  if ("ref" in element.props) return true;
+  if ("ref" in element) return true;
   return false;
 }
 function getRefProperty(element) {
-  if (!isValidElementWithRef(element))
-    return null;
+  if (!isValidElementWithRef(element)) return null;
   const props = __spreadValues({}, element.props);
   return props.ref || element.ref;
 }
 function mergeProps(base, overrides) {
   const props = __spreadValues({}, base);
   for (const key in overrides) {
-    if (!hasOwnProperty(overrides, key))
-      continue;
+    if (!hasOwnProperty(overrides, key)) continue;
     if (key === "className") {
       const prop = "className";
       props[prop] = base[prop] ? `${base[prop]} ${overrides[prop]}` : overrides[prop];

package/esm/__chunks/{AFRECUMM.js → T3FPB6UI.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useUpdateEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";

package/esm/__chunks/{DYZ3QKCZ.js → TCS6QBGM.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useUpdateEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";

package/esm/__chunks/{RA2MZPUM.js → TN5Y26CD.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./J4JPXPLD.js";
+} from "./MTODTZOP.js";
 import {
   createStoreContext
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 
 // src/composite/composite-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{TZ2KTFYX.js → TROKLLXK.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   useComboboxProviderContext
-} from "./WJUQFF4Z.js";
+} from "./J4NXMVZC.js";
 import {
   useCompositeStoreProps
-} from "./HVBTERMS.js";
+} from "./O6W3KMIU.js";
 import {
   usePopoverStoreProps
-} from "./BJY6QMBB.js";
+} from "./WB2VUSZO.js";
 import {
   useStore,
   useStoreProps
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useUpdateEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/select/select-store.ts
 import * as Core from "@ariakit/core/select/select-store";

package/esm/__chunks/{D6UA6CB7.js → TUWQEMG5.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useUpdateEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";

package/esm/__chunks/{T3LVAWXA.js → TWVD2KYP.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "./BJY6QMBB.js";
+} from "./WB2VUSZO.js";
 import {
   useStore,
   useStoreProps
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

package/esm/__chunks/{Z42C5PR3.js → U7BJ2WVN.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   DialogBackdrop
-} from "./V3E5SLHB.js";
+} from "./4CA6HQZC.js";
 import {
   disableTree,
   disableTreeOutside
-} from "./3TEK3C5Q.js";
+} from "./NSFBIL2Z.js";
 import {
   usePreventBodyScroll
-} from "./6O2UZOXH.js";
+} from "./SEMTJMZO.js";
 import {
   useNestedDialogs
-} from "./EMAID2BX.js";
+} from "./R7AVCKGB.js";
 import {
   useHideOnInteractOutside
-} from "./6BRYOMMU.js";
+} from "./LNYYGYYJ.js";
 import {
   supportsInert
 } from "./677M2CI3.js";
@@ -24,43 +24,43 @@ import {
 import {
   isElementMarked,
   markTreeOutside
-} from "./YNKDLCEK.js";
+} from "./2PGBN2Y4.js";
 import {
   createWalkTreeSnapshot
-} from "./5QL6BP6J.js";
+} from "./AOUGVQZ3.js";
 import {
   useFocusableContainer
-} from "./AH6A6OH6.js";
+} from "./56RR3YNE.js";
 import {
   HeadingLevel
 } from "./5M6RIVE2.js";
 import {
   usePortal
-} from "./V4QWNWTM.js";
+} from "./HZ7KGUEF.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./7AG4LN2H.js";
+} from "./WOYVW654.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./UUT76IPH.js";
+} from "./32IPIQBR.js";
 import {
   useFocusable
-} from "./CGG6F755.js";
+} from "./DRL2GNLJ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useDialogStore
-} from "./QX2CMDZ5.js";
+} from "./XRRE3XFB.js";
 import {
   useStoreState
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,15 +69,14 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/dialog/dialog.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
 import {
   contains,
   getActiveElement,
@@ -95,27 +94,22 @@ import {
 } from "@ariakit/core/utils/focus";
 import { chain } from "@ariakit/core/utils/misc";
 import { isSafari } from "@ariakit/core/utils/platform";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var TagName = "div";
 var isSafariBrowser = isSafari();
 function isAlreadyFocusingAnotherElement(dialog) {
   const activeElement = getActiveElement();
-  if (!activeElement)
-    return false;
-  if (dialog && contains(dialog, activeElement))
-    return false;
-  if (isFocusable(activeElement))
-    return true;
+  if (!activeElement) return false;
+  if (dialog && contains(dialog, activeElement)) return false;
+  if (isFocusable(activeElement)) return true;
   return false;
 }
 function getElementFromProp(prop, focusable = false) {
-  if (!prop)
-    return null;
+  if (!prop) return null;
   const element = "current" in prop ? prop.current : prop;
-  if (!element)
-    return null;
-  if (focusable)
-    return isFocusable(element) ? element : null;
+  if (!element) return null;
+  if (focusable) return isFocusable(element) ? element : null;
   return element;
 }
 var useDialog = createHook(function useDialog2(_a) {
@@ -162,18 +156,15 @@ var useDialog = createHook(function useDialog2(_a) {
     store: storeProp || context,
     open: openProp,
     setOpen(open2) {
-      if (open2)
-        return;
+      if (open2) return;
       const dialog = ref.current;
-      if (!dialog)
-        return;
+      if (!dialog) return;
       const event = new Event("close", { bubbles: false, cancelable: true });
       if (onClose) {
         dialog.addEventListener("close", onClose, { once: true });
       }
       dialog.dispatchEvent(event);
-      if (!event.defaultPrevented)
-        return;
+      if (!event.defaultPrevented) return;
       store.setOpen(true);
     }
   });
@@ -192,27 +183,20 @@ var useDialog = createHook(function useDialog2(_a) {
   const { wrapElement, nestedDialogs } = useNestedDialogs(store);
   props = useWrapElement(props, wrapElement, [wrapElement]);
   useSafeLayoutEffect(() => {
-    if (!open)
-      return;
+    if (!open) return;
     const dialog = ref.current;
     const activeElement = getActiveElement(dialog, true);
-    if (!activeElement)
-      return;
-    if (activeElement.tagName === "BODY")
-      return;
-    if (dialog && contains(dialog, activeElement))
-      return;
+    if (!activeElement) return;
+    if (activeElement.tagName === "BODY") return;
+    if (dialog && contains(dialog, activeElement)) return;
     store.setDisclosureElement(activeElement);
   }, [store, open]);
   if (isSafariBrowser) {
     useEffect(() => {
-      if (!mounted)
-        return;
+      if (!mounted) return;
       const { disclosureElement } = store.getState();
-      if (!disclosureElement)
-        return;
-      if (!isButton(disclosureElement))
-        return;
+      if (!disclosureElement) return;
+      if (!isButton(disclosureElement)) return;
       const onMouseDown = () => {
         let receivedFocus = false;
         const onFocus = () => {
@@ -222,8 +206,7 @@ var useDialog = createHook(function useDialog2(_a) {
         disclosureElement.addEventListener("focusin", onFocus, options);
         queueBeforeEvent(disclosureElement, "mouseup", () => {
           disclosureElement.removeEventListener("focusin", onFocus, true);
-          if (receivedFocus)
-            return;
+          if (receivedFocus) return;
           focusIfNeeded(disclosureElement);
         });
       };
@@ -234,49 +217,35 @@ var useDialog = createHook(function useDialog2(_a) {
     }, [store, mounted]);
   }
   useEffect(() => {
-    if (!modal)
-      return;
-    if (!mounted)
-      return;
-    if (!domReady)
-      return;
+    if (!modal) return;
+    if (!mounted) return;
+    if (!domReady) return;
     const dialog = ref.current;
-    if (!dialog)
-      return;
+    if (!dialog) return;
     const existingDismiss = dialog.querySelector("[data-dialog-dismiss]");
-    if (existingDismiss)
-      return;
+    if (existingDismiss) return;
     return prependHiddenDismiss(dialog, store.hide);
   }, [store, modal, mounted, domReady]);
   useSafeLayoutEffect(() => {
-    if (!supportsInert())
-      return;
-    if (open)
-      return;
-    if (!mounted)
-      return;
-    if (!domReady)
-      return;
+    if (!supportsInert()) return;
+    if (open) return;
+    if (!mounted) return;
+    if (!domReady) return;
     const dialog = ref.current;
-    if (!dialog)
-      return;
+    if (!dialog) return;
     return disableTree(dialog);
   }, [open, mounted, domReady]);
   const canTakeTreeSnapshot = open && domReady;
   useSafeLayoutEffect(() => {
-    if (!id)
-      return;
-    if (!canTakeTreeSnapshot)
-      return;
+    if (!id) return;
+    if (!canTakeTreeSnapshot) return;
     const dialog = ref.current;
     return createWalkTreeSnapshot(id, [dialog]);
   }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);
   const getPersistentElementsProp = useEvent(getPersistentElements);
   useSafeLayoutEffect(() => {
-    if (!id)
-      return;
-    if (!canTakeTreeSnapshot)
-      return;
+    if (!id) return;
+    if (!canTakeTreeSnapshot) return;
     const { disclosureElement } = store.getState();
     const dialog = ref.current;
     const persistentElements = getPersistentElementsProp() || [];
@@ -305,14 +274,10 @@ var useDialog = createHook(function useDialog2(_a) {
   const autoFocusOnShowProp = useBooleanEvent(autoFocusOnShow);
   const [autoFocusEnabled, setAutoFocusEnabled] = useState(false);
   useEffect(() => {
-    if (!open)
-      return;
-    if (!mayAutoFocusOnShow)
-      return;
-    if (!domReady)
-      return;
-    if (!(contentElement == null ? void 0 : contentElement.isConnected))
-      return;
+    if (!open) return;
+    if (!mayAutoFocusOnShow) return;
+    if (!domReady) return;
+    if (!(contentElement == null ? void 0 : contentElement.isConnected)) return;
     const element = getElementFromProp(initialFocus, true) || // If no initial focus is specified, we try to focus the first element
     // with the autofocus attribute. If it's an Ariakit component, the
     // Focusable component will consume the autoFocus prop and add the
@@ -326,13 +291,11 @@ var useDialog = createHook(function useDialog2(_a) {
     getFirstTabbableIn(contentElement, true, portal && preserveTabOrder) || // Finally, we fallback to the dialog element itself.
     contentElement;
     const isElementFocusable = isFocusable(element);
-    if (!autoFocusOnShowProp(isElementFocusable ? element : null))
-      return;
+    if (!autoFocusOnShowProp(isElementFocusable ? element : null)) return;
     setAutoFocusEnabled(true);
     queueMicrotask(() => {
       element.focus();
-      if (!isSafariBrowser)
-        return;
+      if (!isSafariBrowser) return;
       element.scrollIntoView({ block: "nearest", inline: "nearest" });
     });
   }, [
@@ -349,16 +312,14 @@ var useDialog = createHook(function useDialog2(_a) {
   const autoFocusOnHideProp = useBooleanEvent(autoFocusOnHide);
   const [hasOpened, setHasOpened] = useState(false);
   useEffect(() => {
-    if (!open)
-      return;
+    if (!open) return;
     setHasOpened(true);
     return () => setHasOpened(false);
   }, [open]);
   const focusOnHide = useCallback(
     (dialog, retry = true) => {
       const { disclosureElement } = store.getState();
-      if (isAlreadyFocusingAnotherElement(dialog))
-        return;
+      if (isAlreadyFocusingAnotherElement(dialog)) return;
       let element = getElementFromProp(finalFocus) || disclosureElement;
       if (element == null ? void 0 : element.id) {
         const doc = getDocument(element);
@@ -370,7 +331,7 @@ var useDialog = createHook(function useDialog2(_a) {
       }
       if (element && !isFocusable(element)) {
         const maybeParentDialog = element.closest("[data-dialog]");
-        if (maybeParentDialog && maybeParentDialog.id) {
+        if (maybeParentDialog == null ? void 0 : maybeParentDialog.id) {
           const doc = getDocument(maybeParentDialog);
           const selector = `[aria-controls~="${maybeParentDialog.id}"]`;
           const control = doc.querySelector(selector);
@@ -384,31 +345,24 @@ var useDialog = createHook(function useDialog2(_a) {
         requestAnimationFrame(() => focusOnHide(dialog, false));
         return;
       }
-      if (!autoFocusOnHideProp(isElementFocusable ? element : null))
-        return;
-      if (!isElementFocusable)
-        return;
+      if (!autoFocusOnHideProp(isElementFocusable ? element : null)) return;
+      if (!isElementFocusable) return;
       element == null ? void 0 : element.focus();
     },
     [store, finalFocus, autoFocusOnHideProp]
   );
   const focusedOnHideRef = useRef(false);
   useSafeLayoutEffect(() => {
-    if (open)
-      return;
-    if (!hasOpened)
-      return;
-    if (!mayAutoFocusOnHide)
-      return;
+    if (open) return;
+    if (!hasOpened) return;
+    if (!mayAutoFocusOnHide) return;
     const dialog = ref.current;
     focusedOnHideRef.current = true;
     focusOnHide(dialog);
   }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);
   useEffect(() => {
-    if (!hasOpened)
-      return;
-    if (!mayAutoFocusOnHide)
-      return;
+    if (!hasOpened) return;
+    if (!mayAutoFocusOnHide) return;
     const dialog = ref.current;
     return () => {
       if (focusedOnHideRef.current) {
@@ -420,39 +374,26 @@ var useDialog = createHook(function useDialog2(_a) {
   }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
   const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
   useEffect(() => {
-    if (!domReady)
-      return;
-    if (!mounted)
-      return;
+    if (!domReady) return;
+    if (!mounted) return;
     const onKeyDown = (event) => {
-      if (event.key !== "Escape")
-        return;
-      if (event.defaultPrevented)
-        return;
+      if (event.key !== "Escape") return;
+      if (event.defaultPrevented) return;
       const dialog = ref.current;
-      if (!dialog)
-        return;
-      if (isElementMarked(dialog))
-        return;
+      if (!dialog) return;
+      if (isElementMarked(dialog)) return;
       const target = event.target;
-      if (!target)
-        return;
+      if (!target) return;
       const { disclosureElement } = store.getState();
       const isValidTarget = () => {
-        if (target.tagName === "BODY")
-          return true;
-        if (contains(dialog, target))
-          return true;
-        if (!disclosureElement)
-          return true;
-        if (contains(disclosureElement, target))
-          return true;
+        if (target.tagName === "BODY") return true;
+        if (contains(dialog, target)) return true;
+        if (!disclosureElement) return true;
+        if (contains(disclosureElement, target)) return true;
         return false;
       };
-      if (!isValidTarget())
-        return;
-      if (!hideOnEscapeProp(event))
-        return;
+      if (!isValidTarget()) return;
+      if (!hideOnEscapeProp(event)) return;
       store.hide();
     };
     return addGlobalEventListener("keydown", onKeyDown, true);
@@ -467,8 +408,7 @@ var useDialog = createHook(function useDialog2(_a) {
   props = useWrapElement(
     props,
     (element) => {
-      if (!backdrop)
-        return element;
+      if (!backdrop) return element;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           DialogBackdrop,
@@ -517,8 +457,7 @@ function createDialogComponent(Component, useProviderContext = useDialogProvider
       store,
       (state) => !props.unmountOnHide || (state == null ? void 0 : state.mounted) || !!props.open
     );
-    if (!mounted)
-      return null;
+    if (!mounted) return null;
     return /* @__PURE__ */ jsx(Component, __spreadValues({}, props));
   });
 }

package/esm/__chunks/{TYZXREX7.js → U7IXCFEO.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useVisuallyHidden
-} from "./4YEPPC7Q.js";
+} from "./KXBJFI2T.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/focus-trap/focus-trap.tsx
 var TagName = "span";

package/esm/__chunks/{VU7XFALF.js → V3XGKTI7.js}

@@ -2,10 +2,10 @@
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./EDI7THRR.js";
+} from "./BEBUB5QN.js";
 import {
   createStoreContext
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 
 // src/tooltip/tooltip-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{UQGOBOQG.js → VBM67XZT.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./HVBTERMS.js";
+} from "./O6W3KMIU.js";
 import {
   useStore
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";