@ariakit/react-core 0.4.7 → 0.4.9

package/esm/__chunks/{UN4MKOLN.js → 3CCTMYB6.js}

@@ -1,43 +1,42 @@
 "use client";
 import {
   useCollectionItem
-} from "./OEBCGVCG.js";
+} from "./PLQDTVXM.js";
 import {
   useCommand
-} from "./5EKYTDKF.js";
+} from "./NAXN2XAB.js";
 import {
   focusSilently,
   getEnabledItem,
   isItem,
   selectTextField
-} from "./3IEDWLST.js";
+} from "./5VQZOHHZ.js";
 import {
   CompositeItemContext,
   CompositeRowContext,
   useCompositeContext
-} from "./53KINMNA.js";
+} from "./WENSINUV.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./DTNGDFNU.js";
+} from "./2GXGCHW6.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs,
-  useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-item.tsx
 import {
@@ -54,12 +53,11 @@ import {
   removeUndefinedValues
 } from "@ariakit/core/utils/misc";
 import { isSafari } from "@ariakit/core/utils/platform";
-import { useCallback, useContext, useMemo, useRef, useState } from "react";
+import { useCallback, useContext, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
 function isEditableElement(element) {
-  if (isTextbox(element))
-    return true;
+  if (isTextbox(element)) return true;
   return element.tagName === "INPUT" && !isButton(element);
 }
 function getNextPageOffset(scrollingElement, pageUp = false) {
@@ -81,27 +79,21 @@ function getItemOffset(itemElement, pageUp = false) {
 }
 function findNextPageItemId(element, store, next, pageUp = false) {
   var _a;
-  if (!store)
-    return;
-  if (!next)
-    return;
+  if (!store) return;
+  if (!next) return;
   const { renderedItems } = store.getState();
   const scrollingElement = getScrollingElement(element);
-  if (!scrollingElement)
-    return;
+  if (!scrollingElement) return;
   const nextPageOffset = getNextPageOffset(scrollingElement, pageUp);
   let id;
   let prevDifference;
   for (let i = 0; i < renderedItems.length; i += 1) {
     const previousId = id;
     id = next(i);
-    if (!id)
-      break;
-    if (id === previousId)
-      continue;
+    if (!id) break;
+    if (id === previousId) continue;
     const itemElement = (_a = getEnabledItem(store, id)) == null ? void 0 : _a.element;
-    if (!itemElement)
-      continue;
+    if (!itemElement) continue;
     const itemOffset = getItemOffset(itemElement, pageUp);
     const difference = itemOffset - nextPageOffset;
     const absDifference = Math.abs(difference);
@@ -116,41 +108,9 @@ function findNextPageItemId(element, store, next, pageUp = false) {
   return id;
 }
 function targetIsAnotherItem(event, store) {
-  if (isSelfTarget(event))
-    return false;
+  if (isSelfTarget(event)) return false;
   return isItem(store, event.target);
 }
-function useRole(ref, props) {
-  const roleProp = props.role;
-  const [role, setRole] = useState(roleProp);
-  useSafeLayoutEffect(() => {
-    const element = ref.current;
-    if (!element)
-      return;
-    setRole(element.getAttribute("role") || roleProp);
-  }, [roleProp]);
-  return role;
-}
-function requiresAriaSelected(role) {
-  return role === "option" || role === "treeitem";
-}
-function supportsAriaSelected(role) {
-  if (role === "option")
-    return true;
-  if (role === "tab")
-    return true;
-  if (role === "treeitem")
-    return true;
-  if (role === "gridcell")
-    return true;
-  if (role === "row")
-    return true;
-  if (role === "columnheader")
-    return true;
-  if (role === "rowheader")
-    return true;
-  return false;
-}
 var useCompositeItem = createHook(
   function useCompositeItem2(_a) {
     var _b = _a, {
@@ -178,14 +138,10 @@ var useCompositeItem = createHook(
     const ref = useRef(null);
     const row = useContext(CompositeRowContext);
     const rowId = useStoreState(store, (state) => {
-      if (rowIdProp)
-        return rowIdProp;
-      if (!state)
-        return;
-      if (!(row == null ? void 0 : row.baseElement))
-        return;
-      if (row.baseElement !== state.baseElement)
-        return;
+      if (rowIdProp) return rowIdProp;
+      if (!state) return;
+      if (!(row == null ? void 0 : row.baseElement)) return;
+      if (row.baseElement !== state.baseElement) return;
       return row.id;
     });
     const disabled = disabledFromProps(props);
@@ -208,29 +164,20 @@ var useCompositeItem = createHook(
     const hasFocusedComposite = useRef(false);
     const onFocus = useEvent((event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (isPortalEvent(event))
-        return;
-      if (!id)
-        return;
-      if (!store)
-        return;
-      if (targetIsAnotherItem(event, store))
-        return;
-      const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
+      if (event.defaultPrevented) return;
+      if (isPortalEvent(event)) return;
+      if (!id) return;
+      if (!store) return;
+      if (targetIsAnotherItem(event, store)) return;
+      const { virtualFocus, baseElement: baseElement2 } = store.getState();
       store.setActiveId(id);
       if (isTextbox(event.currentTarget)) {
         selectTextField(event.currentTarget);
       }
-      if (!virtualFocus2)
-        return;
-      if (!isSelfTarget(event))
-        return;
-      if (isEditableElement(event.currentTarget))
-        return;
-      if (!(baseElement2 == null ? void 0 : baseElement2.isConnected))
-        return;
+      if (!virtualFocus) return;
+      if (!isSelfTarget(event)) return;
+      if (isEditableElement(event.currentTarget)) return;
+      if (!(baseElement2 == null ? void 0 : baseElement2.isConnected)) return;
       if (isSafari() && event.currentTarget.hasAttribute("data-autofocus")) {
         event.currentTarget.scrollIntoView({
           block: "nearest",
@@ -248,8 +195,7 @@ var useCompositeItem = createHook(
     const onBlurCaptureProp = props.onBlurCapture;
     const onBlurCapture = useEvent((event) => {
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
       const state = store == null ? void 0 : store.getState();
       if ((state == null ? void 0 : state.virtualFocus) && hasFocusedComposite.current) {
         hasFocusedComposite.current = false;
@@ -262,12 +208,9 @@ var useCompositeItem = createHook(
     const moveOnKeyPressProp = useBooleanEvent(moveOnKeyPress);
     const onKeyDown = useEvent((event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!isSelfTarget(event))
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (!isSelfTarget(event)) return;
+      if (!store) return;
       const { currentTarget } = event;
       const state = store.getState();
       const item = store.item(id);
@@ -275,14 +218,10 @@ var useCompositeItem = createHook(
       const isVertical = state.orientation !== "horizontal";
       const isHorizontal = state.orientation !== "vertical";
       const canHomeEnd = () => {
-        if (isGrid)
-          return true;
-        if (isHorizontal)
-          return true;
-        if (!state.baseElement)
-          return true;
-        if (!isTextField(state.baseElement))
-          return true;
+        if (isGrid) return true;
+        if (isHorizontal) return true;
+        if (!state.baseElement) return true;
+        if (!isTextField(state.baseElement)) return true;
         return false;
       };
       const keyMap = {
@@ -291,16 +230,14 @@ var useCompositeItem = createHook(
         ArrowDown: (isGrid || isVertical) && store.down,
         ArrowLeft: (isGrid || isHorizontal) && store.previous,
         Home: () => {
-          if (!canHomeEnd())
-            return;
+          if (!canHomeEnd()) return;
           if (!isGrid || event.ctrlKey) {
             return store == null ? void 0 : store.first();
           }
           return store == null ? void 0 : store.previous(-1);
         },
         End: () => {
-          if (!canHomeEnd())
-            return;
+          if (!canHomeEnd()) return;
           if (!isGrid || event.ctrlKey) {
             return store == null ? void 0 : store.last();
           }
@@ -323,15 +260,12 @@ var useCompositeItem = createHook(
           const isDown = isVertical && event.key === "ArrowDown";
           if (isRight || isDown) {
             const { length: valueLength } = getTextboxValue(currentTarget);
-            if (selection.end !== valueLength)
-              return;
-          } else if ((isLeft || isUp) && selection.start !== 0)
-            return;
+            if (selection.end !== valueLength) return;
+          } else if ((isLeft || isUp) && selection.start !== 0) return;
         }
         const nextId = action();
         if (preventScrollOnKeyDownProp(event) || nextId !== void 0) {
-          if (!moveOnKeyPressProp(event))
-            return;
+          if (!moveOnKeyPressProp(event)) return;
           event.preventDefault();
           store.move(nextId);
         }
@@ -354,53 +288,31 @@ var useCompositeItem = createHook(
       store,
       (state) => !!state && state.activeId === id
     );
-    const virtualFocus = useStoreState(store, "virtualFocus");
-    const role = useRole(ref, props);
-    let ariaSelected;
-    if (isActiveItem) {
-      if (requiresAriaSelected(role)) {
-        ariaSelected = true;
-      } else if (virtualFocus && supportsAriaSelected(role)) {
-        ariaSelected = true;
-      }
-    }
     const ariaSetSize = useStoreState(store, (state) => {
-      if (ariaSetSizeProp != null)
-        return ariaSetSizeProp;
-      if (!state)
-        return;
-      if (!(row == null ? void 0 : row.ariaSetSize))
-        return;
-      if (row.baseElement !== state.baseElement)
-        return;
+      if (ariaSetSizeProp != null) return ariaSetSizeProp;
+      if (!state) return;
+      if (!(row == null ? void 0 : row.ariaSetSize)) return;
+      if (row.baseElement !== state.baseElement) return;
       return row.ariaSetSize;
     });
     const ariaPosInSet = useStoreState(store, (state) => {
-      if (ariaPosInSetProp != null)
-        return ariaPosInSetProp;
-      if (!state)
-        return;
-      if (!(row == null ? void 0 : row.ariaPosInSet))
-        return;
-      if (row.baseElement !== state.baseElement)
-        return;
+      if (ariaPosInSetProp != null) return ariaPosInSetProp;
+      if (!state) return;
+      if (!(row == null ? void 0 : row.ariaPosInSet)) return;
+      if (row.baseElement !== state.baseElement) return;
       const itemsInRow = state.renderedItems.filter(
         (item) => item.rowId === rowId
       );
       return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
     });
     const isTabbable = useStoreState(store, (state) => {
-      if (!(state == null ? void 0 : state.renderedItems.length))
-        return true;
-      if (state.virtualFocus)
-        return false;
-      if (tabbable)
-        return true;
+      if (!(state == null ? void 0 : state.renderedItems.length)) return true;
+      if (state.virtualFocus) return false;
+      if (tabbable) return true;
       return state.activeId === id;
     });
     props = __spreadProps(__spreadValues({
       id,
-      "aria-selected": ariaSelected,
       "data-active-item": isActiveItem || void 0
     }, props), {
       ref: useMergeRefs(ref, props.ref),

package/esm/__chunks/{MYBFWPQK.js → 3R3N43YO.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useCommand
-} from "./5EKYTDKF.js";
+} from "./NAXN2XAB.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useMergeRefs,
   useTagName
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/button/button.tsx
 import { isButton } from "@ariakit/core/utils/dom";
@@ -28,8 +28,7 @@ var useButton = createHook(
       () => !!tagName && isButton({ tagName, type: props.type })
     );
     useEffect(() => {
-      if (!ref.current)
-        return;
+      if (!ref.current) return;
       setIsNativeButton(isButton(ref.current));
     }, []);
     props = __spreadProps(__spreadValues({

package/esm/__chunks/{2YFUM7X5.js → 42UBRT4A.js}

@@ -1,27 +1,27 @@
 "use client";
 import {
   selectTextField
-} from "./3IEDWLST.js";
+} from "./5VQZOHHZ.js";
 import {
   useCompositeContext
-} from "./53KINMNA.js";
+} from "./WENSINUV.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useStoreState
-} from "./DTNGDFNU.js";
+} from "./2GXGCHW6.js";
 import {
   useEvent,
   useMergeRefs
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-container.tsx
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
@@ -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;
@@ -109,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();
     }
@@ -118,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());
@@ -162,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);
     }

package/esm/__chunks/{OTPVYNVT.js → 43UOHFGG.js}

@@ -4,30 +4,27 @@ import {
 } from "./HLTQOHKZ.js";
 import {
   isElementMarked
-} from "./3M4W2SZ7.js";
+} from "./2PGBN2Y4.js";
 import {
   useEvent,
   useSafeLayoutEffect
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 import { contains, getDocument, isVisible } from "@ariakit/core/utils/dom";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { useEffect, useRef } from "react";
 function isInDocument(target) {
-  if (target.tagName === "HTML")
-    return true;
+  if (target.tagName === "HTML") return true;
   return contains(getDocument(target).body, target);
 }
 function isDisclosure(disclosure, target) {
-  if (!disclosure)
-    return false;
-  if (contains(disclosure, target))
-    return true;
+  if (!disclosure) return false;
+  if (contains(disclosure, target)) return true;
   const activeId = target.getAttribute("aria-activedescendant");
   if (activeId) {
     const activeElement = getDocument(disclosure).getElementById(activeId);
@@ -38,11 +35,9 @@ function isDisclosure(disclosure, target) {
   return false;
 }
 function isMouseEventOnDialog(event, dialog) {
-  if (!("clientY" in event))
-    return false;
+  if (!("clientY" in event)) return false;
   const rect = dialog.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0)
-    return false;
+  if (rect.width === 0 || rect.height === 0) return false;
   return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
 }
 function useEventOutside({
@@ -56,13 +51,10 @@ function useEventOutside({
   const open = store.useState("open");
   const focusedRef = useRef(false);
   useSafeLayoutEffect(() => {
-    if (!open)
-      return;
-    if (!domReady)
-      return;
+    if (!open) return;
+    if (!domReady) return;
     const { contentElement } = store.getState();
-    if (!contentElement)
-      return;
+    if (!contentElement) return;
     const onFocus = () => {
       focusedRef.current = true;
     };
@@ -70,28 +62,19 @@ function useEventOutside({
     return () => contentElement.removeEventListener("focusin", onFocus, true);
   }, [store, open, domReady]);
   useEffect(() => {
-    if (!open)
-      return;
+    if (!open) return;
     const onEvent = (event) => {
       const { contentElement, disclosureElement } = store.getState();
       const target = event.target;
-      if (!contentElement)
-        return;
-      if (!target)
-        return;
-      if (!isInDocument(target))
-        return;
-      if (contains(contentElement, target))
-        return;
-      if (isDisclosure(disclosureElement, target))
-        return;
-      if (target.hasAttribute("data-focus-trap"))
-        return;
-      if (isMouseEventOnDialog(event, contentElement))
-        return;
+      if (!contentElement) return;
+      if (!target) return;
+      if (!isInDocument(target)) return;
+      if (contains(contentElement, target)) return;
+      if (isDisclosure(disclosureElement, target)) return;
+      if (target.hasAttribute("data-focus-trap")) return;
+      if (isMouseEventOnDialog(event, contentElement)) return;
       const focused = focusedRef.current;
-      if (focused && !isElementMarked(target, contentElement.id))
-        return;
+      if (focused && !isElementMarked(target, contentElement.id)) return;
       callListener(event);
     };
     return addGlobalEventListener(type, onEvent, capture);
@@ -112,14 +95,10 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
     listener: (event) => {
       const { contentElement } = store.getState();
       const previousMouseDown = previousMouseDownRef.current;
-      if (!previousMouseDown)
-        return;
-      if (!isVisible(previousMouseDown))
-        return;
-      if (!isElementMarked(previousMouseDown, contentElement == null ? void 0 : contentElement.id))
-        return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
-        return;
+      if (!previousMouseDown) return;
+      if (!isVisible(previousMouseDown)) return;
+      if (!isElementMarked(previousMouseDown, contentElement == null ? void 0 : contentElement.id)) return;
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }
   }));
@@ -127,20 +106,16 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
     type: "focusin",
     listener: (event) => {
       const { contentElement } = store.getState();
-      if (!contentElement)
-        return;
-      if (event.target === getDocument(contentElement))
-        return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
-        return;
+      if (!contentElement) return;
+      if (event.target === getDocument(contentElement)) return;
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }
   }));
   useEventOutside(__spreadProps(__spreadValues({}, props), {
     type: "contextmenu",
     listener: (event) => {
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
-        return;
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }
   }));

package/esm/__chunks/{GN2MH2Y2.js → 4FY2MBIB.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogHeading
-} from "./OIFL4DQB.js";
+} from "./6FZVKQWP.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 
 // src/popover/popover-heading.tsx
 var TagName = "h1";