@ariakit/react-core 0.4.6 → 0.4.8

package/esm/__chunks/{UVJHXCCZ.js → PMFZK2Z4.js}

@@ -1,27 +1,26 @@
 "use client";
 import {
   useCompositeContext
-} from "./RA2MZPUM.js";
+} from "./TN5Y26CD.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-hover.tsx
-import { useCallback } from "react";
 import { contains } from "@ariakit/core/utils/dom";
 import { hasFocus, hasFocusWithin } from "@ariakit/core/utils/focus";
 import {
@@ -29,6 +28,7 @@ import {
   invariant,
   removeUndefinedValues
 } from "@ariakit/core/utils/misc";
+import { useCallback } from "react";
 var TagName = "div";
 function getMouseDestination(event) {
   const relatedTarget = event.relatedTarget;
@@ -39,18 +39,15 @@ function getMouseDestination(event) {
 }
 function hoveringInside(event) {
   const nextElement = getMouseDestination(event);
-  if (!nextElement)
-    return false;
+  if (!nextElement) return false;
   return contains(event.currentTarget, nextElement);
 }
 var symbol = Symbol("composite-hover");
 function movingToAnotherItem(event) {
   let dest = getMouseDestination(event);
-  if (!dest)
-    return false;
+  if (!dest) return false;
   do {
-    if (hasOwnProperty(dest, symbol) && dest[symbol])
-      return true;
+    if (hasOwnProperty(dest, symbol) && dest[symbol]) return true;
     dest = dest.parentElement;
   } while (dest);
   return false;
@@ -77,12 +74,9 @@ var useCompositeHover = createHook(
     const focusOnHoverProp = useBooleanEvent(focusOnHover);
     const onMouseMove = useEvent((event) => {
       onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!isMouseMoving())
-        return;
-      if (!focusOnHoverProp(event))
-        return;
+      if (event.defaultPrevented) return;
+      if (!isMouseMoving()) return;
+      if (!focusOnHoverProp(event)) return;
       if (!hasFocusWithin(event.currentTarget)) {
         const baseElement = store == null ? void 0 : store.getState().baseElement;
         if (baseElement && !hasFocus(baseElement)) {
@@ -96,24 +90,17 @@ var useCompositeHover = createHook(
     const onMouseLeave = useEvent((event) => {
       var _a2;
       onMouseLeaveProp == null ? void 0 : onMouseLeaveProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!isMouseMoving())
-        return;
-      if (hoveringInside(event))
-        return;
-      if (movingToAnotherItem(event))
-        return;
-      if (!focusOnHoverProp(event))
-        return;
-      if (!blurOnHoverEndProp(event))
-        return;
+      if (event.defaultPrevented) return;
+      if (!isMouseMoving()) return;
+      if (hoveringInside(event)) return;
+      if (movingToAnotherItem(event)) return;
+      if (!focusOnHoverProp(event)) return;
+      if (!blurOnHoverEndProp(event)) return;
       store == null ? void 0 : store.setActiveId(null);
       (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
     const ref = useCallback((element) => {
-      if (!element)
-        return;
+      if (!element) return;
       element[symbol] = true;
     }, []);
     props = __spreadProps(__spreadValues({}, props), {

package/esm/__chunks/{RIR54EMZ.js → PS5YNAJZ.js}

@@ -6,17 +6,17 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/group/group.tsx
-import { useState } from "react";
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 var useGroup = createHook(

package/esm/__chunks/{I6MSISV2.js → PTCNA5XT.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useMergeRefs
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   getRefProperty,
   mergeProps
-} from "./KQWO6ME3.js";
+} from "./SK3NAZA3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/utils/system.tsx
 import * as React from "react";
@@ -54,15 +54,13 @@ function createStoreContext(providers = [], scopedProviders = []) {
   const useScopedContext = (onlyScoped = false) => {
     const scoped = React.useContext(scopedContext);
     const store = useContext2();
-    if (onlyScoped)
-      return scoped;
+    if (onlyScoped) return scoped;
     return scoped || store;
   };
   const useProviderContext = () => {
     const scoped = React.useContext(scopedContext);
     const store = useContext2();
-    if (scoped && scoped === store)
-      return;
+    if (scoped && scoped === store) return;
     return store;
   };
   const ContextProvider = (props) => {

package/esm/__chunks/{FXHYBSGZ.js → PZGHQO5Y.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   useCollectionContext
-} from "./J4JPXPLD.js";
+} from "./MTODTZOP.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useId,
   useMergeRefs
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/collection/collection-item.tsx
-import { useEffect, useRef } from "react";
 import { identity, removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useEffect, useRef } from "react";
 var TagName = "div";
 var useCollectionItem = createHook(
   function useCollectionItem2(_a) {
@@ -41,12 +41,9 @@ var useCollectionItem = createHook(
     const ref = useRef(element);
     useEffect(() => {
       const element2 = ref.current;
-      if (!id)
-        return;
-      if (!element2)
-        return;
-      if (!shouldRegisterItem)
-        return;
+      if (!id) return;
+      if (!element2) return;
+      if (!shouldRegisterItem) return;
       const item = getItem({ id, element: element2 });
       return store == null ? void 0 : store.renderItem(item);
     }, [id, shouldRegisterItem, getItem, store]);

package/esm/__chunks/{XMSX63X6.js → QAL7XKAT.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   useTagContext
-} from "./2TL4Z4I4.js";
+} from "./XY6RPG62.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/combobox/combobox-store.ts
 import * as Core from "@ariakit/core/combobox/combobox-store";

package/esm/__chunks/{DFMIKPTE.js → QJCHJYGN.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   usePopoverContext
-} from "./THGRQCVD.js";
+} from "./M6ZUVZPG.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/popover/popover-disclosure-arrow.tsx
-import { useMemo } from "react";
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "span";
 var pointsMap = {

package/esm/__chunks/{EMAID2BX.js → R7AVCKGB.js}

@@ -1,9 +1,11 @@
 "use client";
 import {
   useSafeLayoutEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
+import { chain } from "@ariakit/core/utils/misc";
+import { sync } from "@ariakit/core/utils/store";
 import {
   createContext,
   useCallback,
@@ -11,8 +13,6 @@ import {
   useMemo,
   useState
 } from "react";
-import { chain } from "@ariakit/core/utils/misc";
-import { sync } from "@ariakit/core/utils/store";
 import { jsx } from "react/jsx-runtime";
 var NestedDialogsContext = createContext({});
 function useNestedDialogs(store) {
@@ -31,10 +31,8 @@ function useNestedDialogs(store) {
   useSafeLayoutEffect(() => {
     return sync(store, ["open", "contentElement"], (state) => {
       var _a;
-      if (!state.open)
-        return;
-      if (!state.contentElement)
-        return;
+      if (!state.open) return;
+      if (!state.contentElement) return;
       return (_a = context.add) == null ? void 0 : _a.call(context, store);
     });
   }, [store, context]);

package/esm/__chunks/{BMYMDDP6.js → RR3QLTVJ.js}

@@ -2,30 +2,29 @@
 import {
   createDialogComponent,
   useDialog
-} from "./Z42C5PR3.js";
+} from "./U7BJ2WVN.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./THGRQCVD.js";
+} from "./M6ZUVZPG.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/popover/popover.tsx
-import { useRef, useState } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 import {
   arrow,
@@ -37,6 +36,7 @@ import {
   shift,
   size
 } from "@floating-ui/dom";
+import { useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
@@ -56,8 +56,7 @@ function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
   return __spreadProps(__spreadValues({}, rect), { toJSON: () => rect });
 }
 function getDOMRect(anchorRect) {
-  if (!anchorRect)
-    return createDOMRect();
+  if (!anchorRect) return createDOMRect();
   const { x, y, width, height } = anchorRect;
   return createDOMRect(x, y, width, height);
 }
@@ -96,8 +95,7 @@ function getOffsetMiddleware(arrowElement, props) {
   });
 }
 function getFlipMiddleware(props) {
-  if (props.flip === false)
-    return;
+  if (props.flip === false) return;
   const fallbackPlacements = typeof props.flip === "string" ? props.flip.split(" ") : void 0;
   invariant(
     !fallbackPlacements || fallbackPlacements.every(isValidPlacement),
@@ -109,8 +107,7 @@ function getFlipMiddleware(props) {
   });
 }
 function getShiftMiddleware(props) {
-  if (!props.slide && !props.overlap)
-    return;
+  if (!props.slide && !props.overlap) return;
   return shift({
     mainAxis: props.slide,
     crossAxis: props.overlap,
@@ -149,8 +146,7 @@ function getSizeMiddleware(props) {
   });
 }
 function getArrowMiddleware(arrowElement, props) {
-  if (!arrowElement)
-    return;
+  if (!arrowElement) return;
   return arrow({
     element: arrowElement,
     padding: props.arrowPadding
@@ -218,16 +214,14 @@ var usePopover = createHook(
     const updatePositionProp = useEvent(updatePosition);
     const hasCustomUpdatePosition = !!updatePosition;
     useSafeLayoutEffect(() => {
-      if (!(popoverElement == null ? void 0 : popoverElement.isConnected))
-        return;
+      if (!(popoverElement == null ? void 0 : popoverElement.isConnected)) return;
       popoverElement.style.setProperty(
         "--popover-overflow-padding",
         `${overflowPadding}px`
       );
       const anchor = getAnchorElement(anchorElement, getAnchorRectProp);
       const updatePosition2 = async () => {
-        if (!mounted)
-          return;
+        if (!mounted) return;
         if (!arrowElement) {
           defaultArrowElementRef.current = defaultArrowElementRef.current || document.createElement("div");
         }
@@ -321,14 +315,10 @@ var usePopover = createHook(
       updatePositionProp
     ]);
     useSafeLayoutEffect(() => {
-      if (!mounted)
-        return;
-      if (!domReady)
-        return;
-      if (!(popoverElement == null ? void 0 : popoverElement.isConnected))
-        return;
-      if (!(contentElement == null ? void 0 : contentElement.isConnected))
-        return;
+      if (!mounted) return;
+      if (!domReady) return;
+      if (!(popoverElement == null ? void 0 : popoverElement.isConnected)) return;
+      if (!(contentElement == null ? void 0 : contentElement.isConnected)) return;
       const applyZIndex = () => {
         popoverElement.style.zIndex = getComputedStyle(contentElement).zIndex;
       };

package/esm/__chunks/{ZXQSHM2S.js → RVGP4EDO.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./RA2MZPUM.js";
+} from "./TN5Y26CD.js";
 import {
   createStoreContext
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 
 // src/tab/tab-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{ZVORRLXS.js → RZ4N7DMG.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   useComboboxContext
-} from "./WJUQFF4Z.js";
+} from "./J4NXMVZC.js";
 import {
   useSelectContext
-} from "./OFHTR2QK.js";
+} from "./2YDG6Q4P.js";
 import {
   useCompositeStoreProps
-} from "./HVBTERMS.js";
+} from "./O6W3KMIU.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/tab/tab-store.ts
-import { useMemo } from "react";
 import * as Core from "@ariakit/core/tab/tab-store";
+import { useMemo } from "react";
 function useTabStoreProps(store, update, props) {
   useUpdateEffect(update, [props.composite, props.combobox]);
   store = useCompositeStoreProps(store, update, props);

package/esm/__chunks/{JQTJY6G3.js → SEE6HN7H.js}

@@ -6,18 +6,18 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/group/group-label.tsx
-import { useContext } from "react";
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useContext } from "react";
 var TagName = "div";
 var useGroupLabel = createHook(
   function useGroupLabel2(props) {

package/esm/__chunks/{RNXBTOTE.js → SEHEJ7XZ.js}

@@ -1,30 +1,29 @@
 "use client";
 import {
   selectTextField
-} from "./3IEDWLST.js";
+} from "./5VQZOHHZ.js";
 import {
   useCompositeContext
-} from "./RA2MZPUM.js";
+} from "./TN5Y26CD.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useStoreState
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useEvent,
   useMergeRefs
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-container.tsx
-import { useEffect, useRef } from "react";
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
 import { isFocusEventOutside, isSelfTarget } from "@ariakit/core/utils/events";
 import {
@@ -33,6 +32,7 @@ import {
   restoreFocusIn
 } from "@ariakit/core/utils/focus";
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useEffect, useRef } from "react";
 var TagName = "div";
 function getFirstTabbable(container) {
   restoreFocusIn(container);
@@ -48,8 +48,7 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
   const isOpenRef = useRef(false);
   const open = (collapseToEnd = false) => {
     const container = ref.current;
-    if (!container)
-      return;
+    if (!container) return;
     restoreFocusIn(container);
     const tabbable = getFirstTabbableIn(container);
     if (!tabbable) {
@@ -66,16 +65,14 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
   };
   const close = () => {
     const container = ref.current;
-    if (!container)
-      return;
+    if (!container) return;
     isOpenRef.current = false;
     disableFocusIn(container);
   };
   const renderedItems = useStoreState(store, "renderedItems");
   useEffect(() => {
     const container = ref.current;
-    if (!container)
-      return;
+    if (!container) return;
     const isOpen = isOpenRef.current;
     if (!isOpen && (renderedItems == null ? void 0 : renderedItems.length)) {
       disableFocusIn(container);
@@ -84,10 +81,8 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
   const onFocusProp = props.onFocus;
   const onFocus = useEvent((event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
-    if (event.defaultPrevented)
-      return;
-    if (!store)
-      return;
+    if (event.defaultPrevented) return;
+    if (!store) return;
     const isOpen = isOpenRef.current;
     if (isSelfTarget(event)) {
       isOpenRef.current = false;
@@ -95,7 +90,11 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
       const composite = baseElement;
       const selector = "[data-composite-container]";
       const containers = composite == null ? void 0 : composite.querySelectorAll(selector);
-      containers == null ? void 0 : containers.forEach((container) => disableFocusIn(container));
+      if (containers) {
+        for (const container of containers) {
+          disableFocusIn(container);
+        }
+      }
     } else if (!isOpen) {
       isOpenRef.current = true;
       restoreFocusIn(event.currentTarget);
@@ -105,8 +104,7 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
   const onBlurProp = props.onBlur;
   const onBlur = useEvent((event) => {
     onBlurProp == null ? void 0 : onBlurProp(event);
-    if (event.defaultPrevented)
-      return;
+    if (event.defaultPrevented) return;
     if (isFocusEventOutside(event)) {
       close();
     }
@@ -114,30 +112,23 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
   const onKeyDownProp = props.onKeyDown;
   const onKeyDown = useEvent((event) => {
     onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-    if (event.defaultPrevented)
-      return;
-    if (event.altKey)
-      return;
-    if (event.ctrlKey)
-      return;
-    if (event.metaKey)
-      return;
-    if (event.shiftKey)
-      return;
+    if (event.defaultPrevented) return;
+    if (event.altKey) return;
+    if (event.ctrlKey) return;
+    if (event.metaKey) return;
+    if (event.shiftKey) return;
     const container = event.currentTarget;
     if (isSelfTarget(event)) {
       if (event.key.length === 1 && event.key !== " ") {
         const tabbable = getFirstTabbable(container);
-        if (!tabbable)
-          return;
+        if (!tabbable) return;
         if (isTextField(tabbable) || tabbable.isContentEditable) {
           event.stopPropagation();
           open();
         }
       } else if (event.key === "Delete" || event.key === "Backspace") {
         const tabbable = getFirstTabbable(container);
-        if (!tabbable)
-          return;
+        if (!tabbable) return;
         if (isTextField(tabbable) || tabbable.isContentEditable) {
           open();
           const onInput = () => queueMicrotask(() => container.focus());
@@ -158,8 +149,7 @@ var useCompositeContainer = createHook(function useCompositeContainer2(_a) {
   const onClickProp = props.onClick;
   const onClick = useEvent((event) => {
     onClickProp == null ? void 0 : onClickProp(event);
-    if (event.defaultPrevented)
-      return;
+    if (event.defaultPrevented) return;
     if (isSelfTarget(event) && !event.detail) {
       open(true);
     }