@ariakit/react-core 0.4.6 → 0.4.8

package/esm/__chunks/{V4QWNWTM.js → HZ7KGUEF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   FocusTrap
-} from "./TYZXREX7.js";
+} from "./U7IXCFEO.js";
 import {
   PortalContext
 } from "./AOQQTIBO.js";
@@ -9,23 +9,22 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   setRef
-} from "./KQWO6ME3.js";
+} from "./SK3NAZA3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/portal/portal.tsx
-import { useContext, useEffect, useRef, useState } from "react";
 import { getDocument } from "@ariakit/core/utils/dom";
 import { isFocusEventOutside } from "@ariakit/core/utils/events";
 import {
@@ -34,6 +33,7 @@ import {
   getPreviousTabbable,
   restoreFocusIn
 } from "@ariakit/core/utils/focus";
+import { useContext, useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var TagName = "div";
@@ -103,20 +103,16 @@ var usePortal = createHook(function usePortal2(_a) {
     }
     setPortalNode(portalEl);
     setRef(portalRef, portalEl);
-    if (isPortalInDocument)
-      return;
+    if (isPortalInDocument) return;
     return () => {
       portalEl.remove();
       setRef(portalRef, null);
     };
   }, [portal, portalElement, context, portalRef]);
   useSafeLayoutEffect(() => {
-    if (!portal)
-      return;
-    if (!preserveTabOrder)
-      return;
-    if (!preserveTabOrderAnchor)
-      return;
+    if (!portal) return;
+    if (!preserveTabOrder) return;
+    if (!preserveTabOrderAnchor) return;
     const doc = getDocument(preserveTabOrderAnchor);
     const element = doc.createElement("span");
     element.style.position = "fixed";
@@ -128,14 +124,11 @@ var usePortal = createHook(function usePortal2(_a) {
     };
   }, [portal, preserveTabOrder, preserveTabOrderAnchor]);
   useEffect(() => {
-    if (!portalNode)
-      return;
-    if (!preserveTabOrder)
-      return;
+    if (!portalNode) return;
+    if (!preserveTabOrder) return;
     let raf = 0;
     const onFocus = (event) => {
-      if (!isFocusEventOutside(event))
-        return;
+      if (!isFocusEventOutside(event)) return;
       const focusing = event.type === "focusin";
       cancelAnimationFrame(raf);
       if (focusing) {
@@ -160,8 +153,7 @@ var usePortal = createHook(function usePortal2(_a) {
       // current context to the portal context, otherwise it's going to
       // reset to the body element on nested portals.
       /* @__PURE__ */ jsx(PortalContext.Provider, { value: portalNode || context, children: element });
-      if (!portal)
-        return element;
+      if (!portal) return element;
       if (!portalNode) {
         return /* @__PURE__ */ jsx(
           "span",

package/esm/__chunks/{MEA5A3JL.js → IQY2XH5H.js}

@@ -1,34 +1,34 @@
 "use client";
 import {
   useMenuScopedContext
-} from "./ZVTAGWLT.js";
+} from "./NY537TEH.js";
 import {
   useMenubarScopedContext
-} from "./BPJQU32H.js";
+} from "./NMSEBYDL.js";
 import {
   useCompositeHover
-} from "./UVJHXCCZ.js";
+} from "./PMFZK2Z4.js";
 import {
   useCompositeItem
-} from "./6M3KVYNV.js";
+} from "./AOK4FW4L.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useStoreState
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/menu/menu-item.tsx
 import { getDocument, getPopupItemRole } from "@ariakit/core/utils/dom";
@@ -38,25 +38,19 @@ import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "div";
 function menuHasFocus(baseElement, items, currentTarget) {
   var _a;
-  if (!baseElement)
-    return false;
-  if (hasFocusWithin(baseElement))
-    return true;
+  if (!baseElement) return false;
+  if (hasFocusWithin(baseElement)) return true;
   const expandedItem = items == null ? void 0 : items.find((item) => {
     var _a2;
-    if (item.element === currentTarget)
-      return false;
+    if (item.element === currentTarget) return false;
     return ((_a2 = item.element) == null ? void 0 : _a2.getAttribute("aria-expanded")) === "true";
   });
   const expandedMenuId = (_a = expandedItem == null ? void 0 : expandedItem.element) == null ? void 0 : _a.getAttribute("aria-controls");
-  if (!expandedMenuId)
-    return false;
+  if (!expandedMenuId) return false;
   const doc = getDocument(baseElement);
   const expandedMenu = doc.getElementById(expandedMenuId);
-  if (!expandedMenu)
-    return false;
-  if (hasFocusWithin(expandedMenu))
-    return true;
+  if (!expandedMenu) return false;
+  if (hasFocusWithin(expandedMenu)) return true;
   return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
 }
 var useMenuItem = createHook(
@@ -87,19 +81,13 @@ var useMenuItem = createHook(
     const isWithinMenu = !!hideMenu;
     const onClick = useEvent((event) => {
       onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (isDownloading(event))
-        return;
-      if (isOpeningInNewTab(event))
-        return;
-      if (!hideMenu)
-        return;
+      if (event.defaultPrevented) return;
+      if (isDownloading(event)) return;
+      if (isOpeningInNewTab(event)) return;
+      if (!hideMenu) return;
       const popupType = event.currentTarget.getAttribute("aria-haspopup");
-      if (popupType === "menu")
-        return;
-      if (!hideOnClickProp(event))
-        return;
+      if (popupType === "menu") return;
+      if (!hideOnClickProp(event)) return;
       hideMenu();
     });
     const contentElement = useStoreState(
@@ -121,16 +109,12 @@ var useMenuItem = createHook(
     }, props), {
       focusOnHover(event) {
         const getFocusOnHover = () => {
-          if (typeof focusOnHover === "function")
-            return focusOnHover(event);
-          if (focusOnHover != null)
-            return focusOnHover;
+          if (typeof focusOnHover === "function") return focusOnHover(event);
+          if (focusOnHover != null) return focusOnHover;
           return true;
         };
-        if (!store)
-          return false;
-        if (!getFocusOnHover())
-          return false;
+        if (!store) return false;
+        if (!getFocusOnHover()) return false;
         const { baseElement, items } = store.getState();
         if (isWithinMenu) {
           if (event.currentTarget.hasAttribute("aria-expanded")) {
@@ -145,10 +129,8 @@ var useMenuItem = createHook(
         return false;
       },
       blurOnHoverEnd(event) {
-        if (typeof blurOnHoverEnd === "function")
-          return blurOnHoverEnd(event);
-        if (blurOnHoverEnd != null)
-          return blurOnHoverEnd;
+        if (typeof blurOnHoverEnd === "function") return blurOnHoverEnd(event);
+        if (blurOnHoverEnd != null) return blurOnHoverEnd;
         return isWithinMenu;
       }
     }));

package/esm/__chunks/{QNUG7VY6.js → ITUYV2MN.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useCollectionContext
-} from "./J4JPXPLD.js";
+} from "./MTODTZOP.js";
 import {
   createElement,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useStoreState
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -16,14 +16,16 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/collection/collection-renderer.tsx
+import { getScrollingElement, getWindow } from "@ariakit/core/utils/dom";
+import { invariant, shallowEqual } from "@ariakit/core/utils/misc";
 import {
   createContext,
   useCallback,
@@ -33,8 +35,6 @@ import {
   useRef,
   useState
 } from "react";
-import { getScrollingElement, getWindow } from "@ariakit/core/utils/dom";
-import { invariant, shallowEqual } from "@ariakit/core/utils/misc";
 import { flushSync } from "react-dom";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
@@ -42,8 +42,7 @@ var CollectionRendererContext = createContext(null);
 function createTask() {
   let raf = 0;
   const run = (cb) => {
-    if (raf)
-      return;
+    if (raf) return;
     raf = requestAnimationFrame(() => {
       raf = 0;
       cb();
@@ -61,15 +60,11 @@ function findNearestIndex(items, target, getValue) {
   while (left <= right) {
     const index = (left + right) / 2 | 0;
     const value = getValue(index);
-    if (value === target)
-      return index;
-    else if (value < target)
-      left = index + 1;
-    else
-      right = index - 1;
+    if (value === target) return index;
+    else if (value < target) left = index + 1;
+    else right = index - 1;
   }
-  if (left > 0)
-    return left - 1;
+  if (left > 0) return left - 1;
   return 0;
 }
 function getItemsLength(items) {
@@ -89,15 +84,12 @@ function getItemId(item, index, baseId) {
 }
 function getItem(items, index) {
   if (typeof items === "number") {
-    if (index >= items)
-      return null;
+    if (index >= items) return null;
     return {};
   }
   const item = items[index];
-  if (!item)
-    return null;
-  if (typeof item === "object")
-    return item;
+  if (!item) return null;
+  if (typeof item === "object") return item;
   return { value: item };
 }
 function getItemSize(item, horizontal, fallbackElement) {
@@ -108,8 +100,7 @@ function getItemSize(item, horizontal, fallbackElement) {
   const style = itemObject.style;
   if (style) {
     const size = style[prop];
-    if (typeof size === "number")
-      return size;
+    if (typeof size === "number") return size;
   }
   const items = itemObject.items;
   if (items == null ? void 0 : items.length) {
@@ -125,8 +116,7 @@ function getItemSize(item, horizontal, fallbackElement) {
       (sum, item2) => sum + getItemSize(item2, horizontal),
       initialSize
     );
-    if (totalSize !== initialSize)
-      return totalSize;
+    if (totalSize !== initialSize) return totalSize;
   }
   const element = fallbackElement !== false ? itemObject.element || fallbackElement : null;
   if (element == null ? void 0 : element.isConnected) {
@@ -165,19 +155,16 @@ function getScrollOffset(scroller, horizontal) {
 }
 function getViewport(scroller) {
   const { defaultView, documentElement } = scroller.ownerDocument;
-  if (scroller === documentElement)
-    return defaultView;
+  if (scroller === documentElement) return defaultView;
   return scroller;
 }
 function useScroller(rendererRef) {
   const [scroller, setScroller] = useState(null);
   useEffect(() => {
     const renderer = rendererRef == null ? void 0 : rendererRef.current;
-    if (!renderer)
-      return;
+    if (!renderer) return;
     const scroller2 = getScrollingElement(renderer);
-    if (!scroller2)
-      return;
+    if (!scroller2) return;
     setScroller(scroller2);
   }, [rendererRef]);
   return scroller;
@@ -207,29 +194,24 @@ function getOffsets(renderer, scroller, horizontal) {
 function getItemsEnd(props) {
   const length = getItemsLength(props.items);
   const totalPadding = props.paddingStart + props.paddingEnd;
-  if (!length)
-    return totalPadding;
+  if (!length) return totalPadding;
   const lastIndex = length - 1;
   const totalGap = lastIndex * props.gap;
   if (props.itemSize != null) {
     return length * props.itemSize + totalGap + totalPadding;
   }
   const defaultEnd = length * props.estimatedItemSize + totalGap + totalPadding;
-  if (!props.baseId)
-    return defaultEnd;
+  if (!props.baseId) return defaultEnd;
   const lastItem = getItem(props.items, lastIndex);
   const lastItemId = getItemId(lastItem, lastIndex, props.baseId);
   const lastItemData = props.data.get(lastItemId);
-  if (lastItemData == null ? void 0 : lastItemData.end)
-    return lastItemData.end + props.paddingEnd;
-  if (!Array.isArray(props.items))
-    return defaultEnd;
+  if (lastItemData == null ? void 0 : lastItemData.end) return lastItemData.end + props.paddingEnd;
+  if (!Array.isArray(props.items)) return defaultEnd;
   const end = props.items.reduce(
     (sum, item) => sum + getItemSize(item, props.horizontal, false),
     0
   );
-  if (!end)
-    return defaultEnd;
+  if (!end) return defaultEnd;
   return end + totalGap + totalPadding;
 }
 function getData(props) {
@@ -328,27 +310,22 @@ function useCollectionRenderer(_a) {
   const elements = useMemo(() => /* @__PURE__ */ new Map(), []);
   const [elementsUpdated, updateElements] = useForceUpdate();
   const [defaultVisibleIndices, setVisibleIndices] = useState(() => {
-    if (!initialItems)
-      return [];
+    if (!initialItems) return [];
     const length = getItemsLength(items);
     const initialLength = Math.min(length, Math.abs(initialItems));
     return Array.from({ length: initialLength }, (_, index) => {
-      if (initialItems < 0)
-        return length - index - 1;
+      if (initialItems < 0) return length - index - 1;
       return index;
     });
   });
   const visibleIndices = useMemo(() => {
-    if (!persistentIndices)
-      return defaultVisibleIndices;
+    if (!persistentIndices) return defaultVisibleIndices;
     const nextIndices = defaultVisibleIndices.slice();
-    persistentIndices.forEach((index) => {
-      if (index < 0)
-        return;
-      if (nextIndices.includes(index))
-        return;
+    for (const index of persistentIndices) {
+      if (index < 0) continue;
+      if (nextIndices.includes(index)) continue;
       nextIndices.push(index);
-    });
+    }
     nextIndices.sort((a, b) => a - b);
     if (shallowEqual(defaultVisibleIndices, nextIndices)) {
       return defaultVisibleIndices;
@@ -356,13 +333,10 @@ function useCollectionRenderer(_a) {
     return nextIndices;
   }, [defaultVisibleIndices, persistentIndices]);
   const [data, setData] = useState(() => {
-    if (!baseId)
-      return /* @__PURE__ */ new Map();
+    if (!baseId) return /* @__PURE__ */ new Map();
     const data2 = (parentData == null ? void 0 : parentData.get(baseId)) || /* @__PURE__ */ new Map();
-    if (itemSize != null)
-      return data2;
-    if (!items)
-      return data2;
+    if (itemSize != null) return data2;
+    if (!items) return data2;
     const nextData = getData({
       baseId,
       items,
@@ -400,17 +374,13 @@ function useCollectionRenderer(_a) {
     paddingEnd
   ]);
   useEffect(() => {
-    if (!baseId)
-      return;
+    if (!baseId) return;
     parentData == null ? void 0 : parentData.set(baseId, data);
   }, [baseId, parentData, data]);
   useEffect(() => {
-    if (itemSize != null)
-      return;
-    if (!baseId)
-      return;
-    if (!items)
-      return;
+    if (itemSize != null) return;
+    if (!baseId) return;
+    if (!items) return;
     const nextData = getData({
       baseId,
       items,
@@ -441,21 +411,16 @@ function useCollectionRenderer(_a) {
   const offsetsRef = useRef({ start: 0, end: 0 });
   const processVisibleIndices = useCallback(() => {
     const offsets = offsetsRef.current;
-    if (!items)
-      return;
-    if (!baseId)
-      return;
-    if (!offsets.end)
-      return;
-    if (!data.size && !itemSize)
-      return;
+    if (!items) return;
+    if (!baseId) return;
+    if (!offsets.end) return;
+    if (!data.size && !itemSize) return;
     const length = getItemsLength(items);
     const getItemOffset = (index, prop = "start") => {
       var _a3;
       if (itemSize) {
         const start2 = itemSize * index + gap * index + paddingStart;
-        if (prop === "start")
-          return start2;
+        if (prop === "start") return start2;
         return start2 + itemSize;
       }
       const item = getItem(items, index);
@@ -476,8 +441,7 @@ function useCollectionRenderer(_a) {
       (_, index) => index + start
     );
     setVisibleIndices((prevIndices) => {
-      if (shallowEqual(prevIndices, indices))
-        return prevIndices;
+      if (shallowEqual(prevIndices, indices)) return prevIndices;
       return indices;
     });
   }, [
@@ -494,31 +458,24 @@ function useCollectionRenderer(_a) {
   const processVisibleIndicesEvent = useEvent(processVisibleIndices);
   useEffect(() => {
     const renderer = ref.current;
-    if (!renderer)
-      return;
-    if (!scroller)
-      return;
+    if (!renderer) return;
+    if (!scroller) return;
     offsetsRef.current = getOffsets(renderer, scroller, horizontal);
     processVisibleIndicesEvent();
   }, [scroller, horizontal, processVisibleIndicesEvent]);
   const mayRenderOnScroll = !!renderOnScroll;
   const renderOnScrollProp = useBooleanEvent(renderOnScroll);
   useEffect(() => {
-    if (!mayRenderOnScroll)
-      return;
+    if (!mayRenderOnScroll) return;
     const renderer = ref.current;
-    if (!renderer)
-      return;
-    if (!scroller)
-      return;
+    if (!renderer) return;
+    if (!scroller) return;
     const viewport = getViewport(scroller);
-    if (!viewport)
-      return;
+    if (!viewport) return;
     const task = createTask();
     const onScroll = (event) => {
       task.run(() => {
-        if (!renderOnScrollProp(event))
-          return;
+        if (!renderOnScrollProp(event)) return;
         offsetsRef.current = getOffsets(renderer, scroller, horizontal);
         processVisibleIndicesEvent();
       });
@@ -538,20 +495,15 @@ function useCollectionRenderer(_a) {
   const mayRenderOnResize = !!renderOnResize;
   const renderOnResizeProp = useBooleanEvent(renderOnResize);
   useEffect(() => {
-    if (!mayRenderOnResize)
-      return;
+    if (!mayRenderOnResize) return;
     const renderer = ref.current;
-    if (!renderer)
-      return;
-    if (!scroller)
-      return;
+    if (!renderer) return;
+    if (!scroller) return;
     const viewport = getViewport(scroller);
-    if (!viewport)
-      return;
+    if (!viewport) return;
     const task = createTask();
     if (viewport === scroller) {
-      if (typeof ResizeObserver !== "function")
-        return;
+      if (typeof ResizeObserver !== "function") return;
       let firstRun = true;
       const observer = new ResizeObserver(() => {
         if (firstRun) {
@@ -559,8 +511,7 @@ function useCollectionRenderer(_a) {
           return;
         }
         task.run(() => {
-          if (!renderOnResizeProp(scroller))
-            return;
+          if (!renderOnResizeProp(scroller)) return;
           offsetsRef.current = getOffsets(renderer, scroller, horizontal);
           processVisibleIndicesEvent();
         });
@@ -573,8 +524,7 @@ function useCollectionRenderer(_a) {
     }
     const onResize = () => {
       task.run(() => {
-        if (!renderOnResizeProp(scroller))
-          return;
+        if (!renderOnResizeProp(scroller)) return;
         offsetsRef.current = getOffsets(renderer, scroller, horizontal);
         processVisibleIndicesEvent();
       });
@@ -592,16 +542,12 @@ function useCollectionRenderer(_a) {
     processVisibleIndicesEvent
   ]);
   useEffect(() => {
-    if (typeof IntersectionObserver !== "function")
-      return;
+    if (typeof IntersectionObserver !== "function") return;
     const renderer = ref.current;
-    if (!renderer)
-      return;
-    if (!scroller)
-      return;
+    if (!renderer) return;
+    if (!scroller) return;
     const viewport = getViewport(scroller);
-    if (!viewport)
-      return;
+    if (!viewport) return;
     const observer = new IntersectionObserver(
       () => {
         offsetsRef.current = getOffsets(renderer, scroller, horizontal);
@@ -615,18 +561,15 @@ function useCollectionRenderer(_a) {
     };
   }, [scroller, processVisibleIndicesEvent]);
   const elementObserver = useMemo(() => {
-    if (typeof ResizeObserver !== "function")
-      return;
+    if (typeof ResizeObserver !== "function") return;
     return new ResizeObserver(() => {
       flushSync(updateElements);
     });
   }, [updateElements]);
   const itemRef = useCallback(
     (element) => {
-      if (!element)
-        return;
-      if (itemSize)
-        return;
+      if (!element) return;
+      if (itemSize) return;
       updateElements();
       elements.set(element.id, element);
       elementObserver == null ? void 0 : elementObserver.observe(element);
@@ -651,8 +594,7 @@ function useCollectionRenderer(_a) {
       if (itemSize) {
         baseItemProps.style[horizontal ? "width" : "height"] = itemSize;
       }
-      if (item == null)
-        return baseItemProps;
+      if (item == null) return baseItemProps;
       const itemProps = getItemObject(item);
       return __spreadProps(__spreadValues(__spreadValues({}, itemProps), baseItemProps), {
         style: __spreadValues(__spreadValues({}, itemProps.style), baseItemProps.style)
@@ -662,11 +604,9 @@ function useCollectionRenderer(_a) {
   );
   const itemsProps = useMemo(() => {
     return visibleIndices.map((index) => {
-      if (index < 0)
-        return;
+      if (index < 0) return;
       const item = getItem(items, index);
-      if (!item)
-        return;
+      if (!item) return;
       return getItemProps(item, index);
     }).filter((value) => value != null);
   }, [items, visibleIndices, getItemProps]);

package/esm/__chunks/{FFFEN6V6.js → IZO5ZR3O.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./J4JPXPLD.js";
+} from "./MTODTZOP.js";
 import {
   createStoreContext
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{WJUQFF4Z.js → J4NXMVZC.js}

@@ -2,14 +2,14 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./RA2MZPUM.js";
+} from "./TN5Y26CD.js";
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./THGRQCVD.js";
+} from "./M6ZUVZPG.js";
 import {
   createStoreContext
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 
 // src/combobox/combobox-context.tsx
 import { createContext } from "react";