@ariakit/react-core 0.4.6 → 0.4.8

package/esm/__chunks/{CGG6F755.js → DRL2GNLJ.js}

@@ -6,20 +6,19 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useEvent,
   useMergeRefs,
   useTagName
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/focusable/focusable.tsx
-import { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { isButton } from "@ariakit/core/utils/dom";
 import {
   addGlobalEventListener,
@@ -38,6 +37,7 @@ import {
   removeUndefinedValues
 } from "@ariakit/core/utils/misc";
 import { isSafari } from "@ariakit/core/utils/platform";
+import { useContext, useEffect, useMemo, useRef, useState } from "react";
 var TagName = "div";
 var isSafariBrowser = isSafari();
 var alwaysFocusVisibleInputTypes = [
@@ -57,15 +57,12 @@ var alwaysFocusVisibleInputTypes = [
 ];
 function isAlwaysFocusVisible(element) {
   const { tagName, readOnly, type } = element;
-  if (tagName === "TEXTAREA" && !readOnly)
-    return true;
-  if (tagName === "SELECT" && !readOnly)
-    return true;
+  if (tagName === "TEXTAREA" && !readOnly) return true;
+  if (tagName === "SELECT" && !readOnly) return true;
   if (tagName === "INPUT" && !readOnly) {
     return alwaysFocusVisibleInputTypes.includes(type);
   }
-  if (element.isContentEditable)
-    return true;
+  if (element.isContentEditable) return true;
   const role = element.getAttribute("role");
   if (role === "combobox" && element.dataset.name) {
     return true;
@@ -86,13 +83,11 @@ function isNativeCheckboxOrRadio(element) {
   return false;
 }
 function isNativeTabbable(tagName) {
-  if (!tagName)
-    return true;
+  if (!tagName) return true;
   return tagName === "button" || tagName === "summary" || tagName === "input" || tagName === "select" || tagName === "textarea" || tagName === "a";
 }
 function supportsDisabledAttribute(tagName) {
-  if (!tagName)
-    return true;
+  if (!tagName) return true;
   return tagName === "button" || tagName === "input" || tagName === "select" || tagName === "textarea";
 }
 function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled, tabIndexProp) {
@@ -113,8 +108,7 @@ function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled,
 function useDisableEvent(onEvent, disabled) {
   return useEvent((event) => {
     onEvent == null ? void 0 : onEvent(event);
-    if (event.defaultPrevented)
-      return;
+    if (event.defaultPrevented) return;
     if (disabled) {
       event.stopPropagation();
       event.preventDefault();
@@ -131,12 +125,9 @@ function onGlobalMouseDown(event) {
   }
 }
 function onGlobalKeyDown(event) {
-  if (event.metaKey)
-    return;
-  if (event.ctrlKey)
-    return;
-  if (event.altKey)
-    return;
+  if (event.metaKey) return;
+  if (event.ctrlKey) return;
+  if (event.altKey) return;
   isKeyboardModality = true;
 }
 var useFocusable = createHook(
@@ -154,29 +145,26 @@ var useFocusable = createHook(
     ]);
     const ref = useRef(null);
     useEffect(() => {
-      if (!focusable)
-        return;
+      if (!focusable) return;
       addGlobalEventListener("mousedown", onGlobalMouseDown, true);
       addGlobalEventListener("keydown", onGlobalKeyDown, true);
     }, [focusable]);
     if (isSafariBrowser) {
       useEffect(() => {
-        if (!focusable)
-          return;
+        if (!focusable) return;
         const element = ref.current;
-        if (!element)
-          return;
-        if (!isNativeCheckboxOrRadio(element))
-          return;
+        if (!element) return;
+        if (!isNativeCheckboxOrRadio(element)) return;
         const labels = getLabels(element);
-        if (!labels)
-          return;
+        if (!labels) return;
         const onMouseUp = () => queueMicrotask(() => element.focus());
-        labels.forEach((label) => label.addEventListener("mouseup", onMouseUp));
+        for (const label of labels) {
+          label.addEventListener("mouseup", onMouseUp);
+        }
         return () => {
-          labels.forEach(
-            (label) => label.removeEventListener("mouseup", onMouseUp)
-          );
+          for (const label of labels) {
+            label.removeEventListener("mouseup", onMouseUp);
+          }
         };
       }, [focusable]);
     }
@@ -184,22 +172,17 @@ var useFocusable = createHook(
     const trulyDisabled = !!disabled && !accessibleWhenDisabled;
     const [focusVisible, setFocusVisible] = useState(false);
     useEffect(() => {
-      if (!focusable)
-        return;
+      if (!focusable) return;
       if (trulyDisabled && focusVisible) {
         setFocusVisible(false);
       }
     }, [focusable, trulyDisabled, focusVisible]);
     useEffect(() => {
-      if (!focusable)
-        return;
-      if (!focusVisible)
-        return;
+      if (!focusable) return;
+      if (!focusVisible) return;
       const element = ref.current;
-      if (!element)
-        return;
-      if (typeof IntersectionObserver === "undefined")
-        return;
+      if (!element) return;
+      if (typeof IntersectionObserver === "undefined") return;
       const observer = new IntersectionObserver(() => {
         if (!isFocusable(element)) {
           setFocusVisible(false);
@@ -220,17 +203,12 @@ var useFocusable = createHook(
     const onMouseDownProp = props.onMouseDown;
     const onMouseDown = useEvent((event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!focusable)
-        return;
+      if (event.defaultPrevented) return;
+      if (!focusable) return;
       const element = event.currentTarget;
-      if (!isSafariBrowser)
-        return;
-      if (isPortalEvent(event))
-        return;
-      if (!isButton(element) && !isNativeCheckboxOrRadio(element))
-        return;
+      if (!isSafariBrowser) return;
+      if (isPortalEvent(event)) return;
+      if (!isButton(element) && !isNativeCheckboxOrRadio(element)) return;
       let receivedFocus = false;
       const onFocus = () => {
         receivedFocus = true;
@@ -239,8 +217,7 @@ var useFocusable = createHook(
       element.addEventListener("focusin", onFocus, options);
       queueBeforeEvent(element, "mouseup", () => {
         element.removeEventListener("focusin", onFocus, true);
-        if (receivedFocus)
-          return;
+        if (receivedFocus) return;
         focusIfNeeded(element);
       });
     });
@@ -248,35 +225,24 @@ var useFocusable = createHook(
       if (currentTarget) {
         event.currentTarget = currentTarget;
       }
-      if (!focusable)
-        return;
+      if (!focusable) return;
       const element = event.currentTarget;
-      if (!element)
-        return;
-      if (!hasFocus(element))
-        return;
+      if (!element) return;
+      if (!hasFocus(element)) return;
       onFocusVisible == null ? void 0 : onFocusVisible(event);
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;
     const onKeyDownCapture = useEvent((event) => {
       onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!focusable)
-        return;
-      if (focusVisible)
-        return;
-      if (event.metaKey)
-        return;
-      if (event.altKey)
-        return;
-      if (event.ctrlKey)
-        return;
-      if (!isSelfTarget(event))
-        return;
+      if (event.defaultPrevented) return;
+      if (!focusable) return;
+      if (focusVisible) return;
+      if (event.metaKey) return;
+      if (event.altKey) return;
+      if (event.ctrlKey) return;
+      if (!isSelfTarget(event)) return;
       const element = event.currentTarget;
       const applyFocusVisible = () => handleFocusVisible(event, element);
       queueBeforeEvent(element, "focusout", applyFocusVisible);
@@ -284,10 +250,8 @@ var useFocusable = createHook(
     const onFocusCaptureProp = props.onFocusCapture;
     const onFocusCapture = useEvent((event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!focusable)
-        return;
+      if (event.defaultPrevented) return;
+      if (!focusable) return;
       if (!isSelfTarget(event)) {
         setFocusVisible(false);
         return;
@@ -303,27 +267,19 @@ var useFocusable = createHook(
     const onBlurProp = props.onBlur;
     const onBlur = useEvent((event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
-      if (!focusable)
-        return;
-      if (!isFocusEventOutside(event))
-        return;
+      if (!focusable) return;
+      if (!isFocusEventOutside(event)) return;
       setFocusVisible(false);
     });
     const autoFocusOnShow = useContext(FocusableContext);
     const autoFocusRef = useEvent((element) => {
-      if (!focusable)
-        return;
-      if (!autoFocus)
-        return;
-      if (!element)
-        return;
-      if (!autoFocusOnShow)
-        return;
+      if (!focusable) return;
+      if (!autoFocus) return;
+      if (!element) return;
+      if (!autoFocusOnShow) return;
       queueMicrotask(() => {
-        if (hasFocus(element))
-          return;
-        if (!isFocusable(element))
-          return;
+        if (hasFocus(element)) return;
+        if (!isFocusable(element)) return;
         element.focus();
       });
     });

package/esm/__chunks/{56DLLBUB.js → EAHBL67B.js}

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

package/esm/__chunks/{IFYK7NB2.js → EMQCY6SH.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useMenubarStore
-} from "./7APUEP3A.js";
+} from "./ZU4IIYI2.js";
 import {
   MenubarContextProvider
-} from "./BPJQU32H.js";
+} from "./NMSEBYDL.js";
 
 // src/menubar/menubar-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{JS4W7WDG.js → EQMNTDLB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 
 // src/disclosure/disclosure-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{4ZRXV5C7.js → ESSM74HH.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   isBackdrop
-} from "./MKDDWKFK.js";
+} from "./63XF7ACK.js";
 import {
   walkTreeOutside
-} from "./5QL6BP6J.js";
+} from "./AOUGVQZ3.js";
 import {
   setAttribute
-} from "./53CQGCDZ.js";
+} from "./K2ZF5NU7.js";
 
 // src/dialog/utils/disable-accessibility-tree-outside.ts
 function hideElementFromAccessibilityTree(element) {
@@ -17,12 +17,13 @@ function disableAccessibilityTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
   walkTreeOutside(id, elements, (element) => {
-    if (isBackdrop(element, ...ids))
-      return;
+    if (isBackdrop(element, ...ids)) return;
     cleanups.unshift(hideElementFromAccessibilityTree(element));
   });
   const restoreAccessibilityTree = () => {
-    cleanups.forEach((fn) => fn());
+    for (const cleanup of cleanups) {
+      cleanup();
+    }
   };
   return restoreAccessibilityTree;
 }

package/esm/__chunks/{NEXWONOD.js → EWPDRBSA.js}

@@ -6,16 +6,16 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/checkbox/checkbox-check.tsx
-import { useContext } from "react";
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "span";
 var checkmark = /* @__PURE__ */ jsx(

package/esm/__chunks/{3ON5O2LG.js → FLYVORTY.js}

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

package/esm/__chunks/{S67MTDSB.js → FQ77EHUR.js}

@@ -3,16 +3,16 @@ import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/utils/store.tsx
-import * as React from "react";
 import { hasOwnProperty, identity } from "@ariakit/core/utils/misc";
 import { batch, init, subscribe, sync } from "@ariakit/core/utils/store";
+import * as React from "react";
 import useSyncExternalStoreExports from "use-sync-external-store/shim/index.js";
 var { useSyncExternalStore } = useSyncExternalStoreExports;
 var noopSubscribe = () => () => {
@@ -20,8 +20,7 @@ var noopSubscribe = () => () => {
 function useStoreState(store, keyOrSelector = identity) {
   const storeSubscribe = React.useCallback(
     (callback) => {
-      if (!store)
-        return noopSubscribe();
+      if (!store) return noopSubscribe();
       return subscribe(store, null, callback);
     },
     [store]
@@ -30,14 +29,10 @@ function useStoreState(store, keyOrSelector = identity) {
     const key = typeof keyOrSelector === "string" ? keyOrSelector : null;
     const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
     const state = store == null ? void 0 : store.getState();
-    if (selector)
-      return selector(state);
-    if (!state)
-      return;
-    if (!key)
-      return;
-    if (!hasOwnProperty(state, key))
-      return;
+    if (selector) return selector(state);
+    if (!state) return;
+    if (!key) return;
+    if (!hasOwnProperty(state, key)) return;
     return state[key];
   };
   return useSyncExternalStore(storeSubscribe, getSnapshot, getSnapshot);
@@ -49,22 +44,17 @@ function useStoreProps(store, props, key, setKey) {
   useSafeLayoutEffect(() => {
     return sync(store, [key], (state, prev) => {
       const { value: value2, setValue: setValue2 } = propsRef.current;
-      if (!setValue2)
-        return;
-      if (state[key] === prev[key])
-        return;
-      if (state[key] === value2)
-        return;
+      if (!setValue2) return;
+      if (state[key] === prev[key]) return;
+      if (state[key] === value2) return;
       setValue2(state[key]);
     });
   }, [store, key]);
   useSafeLayoutEffect(() => {
-    if (value === void 0)
-      return;
+    if (value === void 0) return;
     store.setState(key, value);
     return batch(store, [key], () => {
-      if (value === void 0)
-        return;
+      if (value === void 0) return;
       store.setState(key, value);
     });
   });

package/esm/__chunks/{O4PHI74Y.js → FQDOBJ6H.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useForceUpdate
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 
 // src/dialog/utils/use-root-dialog.ts
-import { useCallback, useEffect } from "react";
 import { getDocument } from "@ariakit/core/utils/dom";
+import { useCallback, useEffect } from "react";
 import { flushSync } from "react-dom";
 function useRootDialog({
   attribute,
@@ -15,21 +15,16 @@ function useRootDialog({
 }) {
   const [updated, retry] = useForceUpdate();
   const isRootDialog = useCallback(() => {
-    if (!enabled)
-      return false;
-    if (!contentElement)
-      return false;
+    if (!enabled) return false;
+    if (!contentElement) return false;
     const { body } = getDocument(contentElement);
     const id = body.getAttribute(attribute);
     return !id || id === contentId;
   }, [updated, enabled, contentElement, attribute, contentId]);
   useEffect(() => {
-    if (!enabled)
-      return;
-    if (!contentId)
-      return;
-    if (!contentElement)
-      return;
+    if (!enabled) return;
+    if (!contentId) return;
+    if (!contentElement) return;
     const { body } = getDocument(contentElement);
     if (isRootDialog()) {
       body.setAttribute(attribute, contentId);

package/esm/__chunks/{2FJLP3YP.js → G2E65A35.js}

@@ -2,25 +2,25 @@
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./QNUG7VY6.js";
+} from "./ITUYV2MN.js";
 import {
   useCompositeContext
-} from "./RA2MZPUM.js";
+} from "./TN5Y26CD.js";
 import {
   createElement,
   forwardRef
-} from "./I6MSISV2.js";
+} from "./PTCNA5XT.js";
 import {
   useStoreState
-} from "./S67MTDSB.js";
+} from "./FQ77EHUR.js";
 import {
   useId
-} from "./FPBGCFAS.js";
+} from "./WX6L4ACS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite-renderer.tsx
 import { useMemo } from "react";
@@ -32,8 +32,7 @@ function getItemObject(item) {
   return item;
 }
 function countItems(items) {
-  if (!items)
-    return [0];
+  if (!items) return [0];
   if (typeof items === "number") {
     return Array.from({ length: items }, (_, index) => index + 1);
   }
@@ -56,10 +55,8 @@ function findFirst(items, offset = 1) {
   for (let index = offset > 0 ? 0 : items.length - 1; index >= 0 && index < items.length; index += offset) {
     const item = items[index];
     const object = getItemObject(item);
-    if (object.items && findFirst(object.items, offset) !== -1)
-      return index;
-    if (!object.disabled)
-      return index;
+    if (object.items && findFirst(object.items, offset) !== -1) return index;
+    if (!object.disabled) return index;
   }
   return -1;
 }
@@ -70,14 +67,11 @@ function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
     const itemId = getCollectionRendererItemId(item, index, baseId);
-    if (itemId === id)
-      return true;
+    if (itemId === id) return true;
     const object = getItemObject(item);
-    if ((_a = object.items) == null ? void 0 : _a.length)
-      return findById(object.items, id, itemId) !== -1;
+    if ((_a = object.items) == null ? void 0 : _a.length) return findById(object.items, id, itemId) !== -1;
     const ids = id.split("/");
-    if (ids.length === 1)
-      return false;
+    if (ids.length === 1) return false;
     return ids.some((id2) => itemId === id2);
   });
 }
@@ -105,10 +99,8 @@ function useCompositeRenderer(_a) {
   );
   const items = useStoreState(store, (state) => {
     var _a2;
-    if (!state)
-      return props.items;
-    if ("mounted" in state && !state.mounted)
-      return 0;
+    if (!state) return props.items;
+    if ("mounted" in state && !state.mounted) return 0;
     return (_a2 = props.items) != null ? _a2 : state.items;
   });
   const id = useId(props.id);
@@ -121,35 +113,24 @@ function useCompositeRenderer(_a) {
     [ariaSetSize, itemsCount]
   );
   const firstIndex = useMemo(() => {
-    if (!items)
-      return -1;
-    if (typeof items === "number")
-      return 0;
-    if (!items.length)
-      return -1;
+    if (!items) return -1;
+    if (typeof items === "number") return 0;
+    if (!items.length) return -1;
     return findFirst(items);
   }, [items]);
   const lastIndex = useMemo(() => {
-    if (!items)
-      return -1;
-    if (typeof items === "number")
-      return items - 1;
-    if (!items.length)
-      return -1;
+    if (!items) return -1;
+    if (typeof items === "number") return items - 1;
+    if (!items.length) return -1;
     return findLast(items);
   }, [items]);
   const activeId = useStoreState(store, "activeId");
   const activeIndex = useMemo(() => {
-    if (!id)
-      return -1;
-    if (!items)
-      return -1;
-    if (activeId == null)
-      return -1;
-    if (typeof items === "number")
-      return -1;
-    if (!items.length)
-      return -1;
+    if (!id) return -1;
+    if (!items) return -1;
+    if (activeId == null) return -1;
+    if (typeof items === "number") return -1;
+    if (!items.length) return -1;
     return findById(items, activeId, id);
   }, [id, items, activeId]);
   const persistentIndices = useMemo(() => {