@ariakit/react-core 0.4.7 → 0.4.8

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

@@ -1,20 +1,20 @@
 "use client";
 import {
   DialogBackdrop
-} from "./GRUZR3XS.js";
+} from "./4CA6HQZC.js";
 import {
   disableTree,
   disableTreeOutside
-} from "./75IH3TOO.js";
+} from "./NSFBIL2Z.js";
 import {
   usePreventBodyScroll
-} from "./P7YNSWBG.js";
+} from "./SEMTJMZO.js";
 import {
   useNestedDialogs
-} from "./PKNBS4Q6.js";
+} from "./R7AVCKGB.js";
 import {
   useHideOnInteractOutside
-} from "./OTPVYNVT.js";
+} from "./LNYYGYYJ.js";
 import {
   supportsInert
 } from "./677M2CI3.js";
@@ -24,43 +24,43 @@ import {
 import {
   isElementMarked,
   markTreeOutside
-} from "./3M4W2SZ7.js";
+} from "./2PGBN2Y4.js";
 import {
   createWalkTreeSnapshot
-} from "./4SXGPXPS.js";
+} from "./AOUGVQZ3.js";
 import {
   useFocusableContainer
-} from "./5PY7H3O6.js";
+} from "./56RR3YNE.js";
 import {
   HeadingLevel
 } from "./5M6RIVE2.js";
 import {
   usePortal
-} from "./3HD5ZDMZ.js";
+} from "./HZ7KGUEF.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./TNHM3SUC.js";
+} from "./WOYVW654.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./J7UNXP2A.js";
+} from "./32IPIQBR.js";
 import {
   useFocusable
-} from "./DYAGAZRT.js";
+} from "./DRL2GNLJ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   useDialogStore
-} from "./X5ETRS5D.js";
+} from "./XRRE3XFB.js";
 import {
   useStoreState
-} from "./DTNGDFNU.js";
+} from "./FQ77EHUR.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,12 +69,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/dialog/dialog.tsx
 import {
@@ -100,22 +100,16 @@ 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);
@@ -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/{FG25KND2.js → U7IXCFEO.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useVisuallyHidden
-} from "./2N6FBM3O.js";
+} from "./KXBJFI2T.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.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/{RV6RYOXG.js → V3XGKTI7.js}

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

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

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

package/esm/__chunks/{QESPTHDX.js → VJLRJATI.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./IOEKCBMU.js";
+} from "./TWVD2KYP.js";
 import {
   useStore,
   useStoreProps
-} from "./DTNGDFNU.js";
+} from "./FQ77EHUR.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{LAKDACE6.js → W3QZUDGA.js}

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

package/esm/__chunks/{UV4QOTER.js → W77M2ZU5.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useHovercardProviderContext
-} from "./ZPKRQJBS.js";
+} from "./BEBUB5QN.js";
 import {
   useFocusable
-} from "./DYAGAZRT.js";
+} from "./DRL2GNLJ.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./OPTPHWV7.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/hovercard/hovercard-anchor.tsx
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
@@ -41,13 +41,10 @@ var useHovercardAnchor = createHook(
     useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
     useEffect(() => {
       const onMouseLeave = (event) => {
-        if (!store)
-          return;
+        if (!store) return;
         const { anchorElement } = store.getState();
-        if (!anchorElement)
-          return;
-        if (event.target !== anchorElement)
-          return;
+        if (!anchorElement) return;
+        if (event.target !== anchorElement) return;
         window.clearTimeout(showTimeoutRef.current);
         showTimeoutRef.current = 0;
       };
@@ -58,26 +55,19 @@ var useHovercardAnchor = createHook(
     const isMouseMoving = useIsMouseMoving();
     const onMouseMove = useEvent((event) => {
       onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
-      if (disabled)
-        return;
-      if (!store)
-        return;
-      if (event.defaultPrevented)
-        return;
-      if (showTimeoutRef.current)
-        return;
-      if (!isMouseMoving())
-        return;
-      if (!showOnHoverProp(event))
-        return;
+      if (disabled) return;
+      if (!store) return;
+      if (event.defaultPrevented) return;
+      if (showTimeoutRef.current) return;
+      if (!isMouseMoving()) return;
+      if (!showOnHoverProp(event)) return;
       const element = event.currentTarget;
       store.setAnchorElement(element);
       store.setDisclosureElement(element);
       const { showTimeout, timeout } = store.getState();
       const showHovercard = () => {
         showTimeoutRef.current = 0;
-        if (!isMouseMoving())
-          return;
+        if (!isMouseMoving()) return;
         store == null ? void 0 : store.setAnchorElement(element);
         store == null ? void 0 : store.show();
         queueMicrotask(() => {
@@ -94,18 +84,15 @@ var useHovercardAnchor = createHook(
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
       onClickProp == null ? void 0 : onClickProp(event);
-      if (!store)
-        return;
+      if (!store) return;
       window.clearTimeout(showTimeoutRef.current);
       showTimeoutRef.current = 0;
     });
     const ref = useCallback(
       (element) => {
-        if (!store)
-          return;
+        if (!store) return;
         const { anchorElement } = store.getState();
-        if (anchorElement == null ? void 0 : anchorElement.isConnected)
-          return;
+        if (anchorElement == null ? void 0 : anchorElement.isConnected) return;
         store.setAnchorElement(element);
       },
       [store]

package/esm/__chunks/{GO53B7AR.js → WB2VUSZO.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./X5ETRS5D.js";
+} from "./XRRE3XFB.js";
 import {
   useStore,
   useStoreProps
-} from "./DTNGDFNU.js";
+} from "./FQ77EHUR.js";
 import {
   useUpdateEffect
-} from "./OPTPHWV7.js";
+} from "./WX6L4ACS.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{ELXIVOWC.js → WESQERUS.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useCompositeItem
-} from "./UN4MKOLN.js";
+} from "./AOK4FW4L.js";
 import {
   useToolbarContext
-} from "./SORNFOKV.js";
+} from "./EAHBL67B.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./YIF72NQG.js";
+} from "./PTCNA5XT.js";
 import {
   __objRest,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/toolbar/toolbar-item.tsx
 var TagName = "button";