@ariakit/react-core 0.4.7 → 0.4.9

package/esm/__chunks/{XHMHIT7V.js → TNITL632.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./53KINMNA.js";
+} from "./WENSINUV.js";
 import {
   createStoreContext
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 
 // src/tab/tab-context.tsx
 var ctx = createStoreContext(

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

@@ -1,20 +1,20 @@
 "use client";
 import {
   DialogBackdrop
-} from "./GRUZR3XS.js";
+} from "./UQBPM777.js";
 import {
   disableTree,
   disableTreeOutside
-} from "./75IH3TOO.js";
+} from "./NSFBIL2Z.js";
 import {
   usePreventBodyScroll
-} from "./P7YNSWBG.js";
+} from "./KB6RR6FL.js";
 import {
   useNestedDialogs
-} from "./PKNBS4Q6.js";
+} from "./T3RMEPVH.js";
 import {
   useHideOnInteractOutside
-} from "./OTPVYNVT.js";
+} from "./43UOHFGG.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 "./HT3UEUDM.js";
 import {
   HeadingLevel
 } from "./5M6RIVE2.js";
 import {
   usePortal
-} from "./3HD5ZDMZ.js";
+} from "./UNZQGRPO.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./TNHM3SUC.js";
+} from "./BSEL4YAF.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./J7UNXP2A.js";
+} from "./DU4D3UCJ.js";
 import {
   useFocusable
-} from "./DYAGAZRT.js";
+} from "./HGZKAGPL.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useDialogStore
-} from "./X5ETRS5D.js";
+} from "./QYS5FHDY.js";
 import {
   useStoreState
-} from "./DTNGDFNU.js";
+} from "./2GXGCHW6.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,12 +69,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.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/{QMBMAMY2.js → TW35PKTK.js}

@@ -5,19 +5,19 @@ import {
   groupItemsByRows,
   isItem,
   silentlyFocused
-} from "./3IEDWLST.js";
+} from "./5VQZOHHZ.js";
 import {
   CompositeContextProvider,
   useCompositeProviderContext
-} from "./53KINMNA.js";
+} from "./WENSINUV.js";
 import {
   useFocusable
-} from "./DYAGAZRT.js";
+} from "./HGZKAGPL.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./YIF72NQG.js";
+} from "./HKOOKEDE.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -25,12 +25,12 @@ import {
   useSafeLayoutEffect,
   useTransactionState,
   useWrapElement
-} from "./OPTPHWV7.js";
+} from "./Z32BISHQ.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4R3V3JGP.js";
+} from "./3YLGPPWQ.js";
 
 // src/composite/composite.tsx
 import { flatten2DArray, reverseArray } from "@ariakit/core/utils/array";
@@ -50,8 +50,7 @@ function isGrid(items) {
 }
 function isPrintableKey(event) {
   const target = event.target;
-  if (target && !isTextField(target))
-    return false;
+  if (target && !isTextField(target)) return false;
   return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
 }
 function isModifierKey(event) {
@@ -61,20 +60,14 @@ function useKeyboardEventProxy(store, onKeyboardEvent, previousElementRef) {
   return useEvent((event) => {
     var _a;
     onKeyboardEvent == null ? void 0 : onKeyboardEvent(event);
-    if (event.defaultPrevented)
-      return;
-    if (event.isPropagationStopped())
-      return;
-    if (!isSelfTarget(event))
-      return;
-    if (isModifierKey(event))
-      return;
-    if (isPrintableKey(event))
-      return;
+    if (event.defaultPrevented) return;
+    if (event.isPropagationStopped()) return;
+    if (!isSelfTarget(event)) return;
+    if (isModifierKey(event)) return;
+    if (isPrintableKey(event)) return;
     const state = store.getState();
     const activeElement = (_a = getEnabledItem(store, state.activeId)) == null ? void 0 : _a.element;
-    if (!activeElement)
-      return;
+    if (!activeElement) return;
     const _b = event, { view } = _b, eventInit = __objRest(_b, ["view"]);
     const previousElement = previousElementRef == null ? void 0 : previousElementRef.current;
     if (activeElement !== previousElement) {
@@ -101,10 +94,8 @@ function useScheduleFocus(store) {
   );
   useEffect(() => {
     const activeElement = activeItem == null ? void 0 : activeItem.element;
-    if (!scheduled)
-      return;
-    if (!activeElement)
-      return;
+    if (!scheduled) return;
+    if (!activeElement) return;
     setScheduled(false);
     activeElement.focus({ preventScroll: true });
   }, [activeItem, scheduled]);
@@ -138,33 +129,23 @@ var useComposite = createHook(
     );
     useEffect(() => {
       var _a2;
-      if (!store)
-        return;
-      if (!moves)
-        return;
-      if (!composite)
-        return;
-      if (!focusOnMove)
-        return;
+      if (!store) return;
+      if (!moves) return;
+      if (!composite) return;
+      if (!focusOnMove) return;
       const { activeId: activeId2 } = store.getState();
       const itemElement = (_a2 = getEnabledItem(store, activeId2)) == null ? void 0 : _a2.element;
-      if (!itemElement)
-        return;
+      if (!itemElement) return;
       focusIntoView(itemElement);
     }, [store, moves, composite, focusOnMove]);
     useSafeLayoutEffect(() => {
-      if (!store)
-        return;
-      if (!moves)
-        return;
-      if (!composite)
-        return;
+      if (!store) return;
+      if (!moves) return;
+      if (!composite) return;
       const { baseElement, activeId: activeId2 } = store.getState();
       const isSelfAcive = activeId2 === null;
-      if (!isSelfAcive)
-        return;
-      if (!baseElement)
-        return;
+      if (!isSelfAcive) return;
+      if (!baseElement) return;
       const previousElement = previousElementRef.current;
       previousElementRef.current = null;
       if (previousElement) {
@@ -178,20 +159,15 @@ var useComposite = createHook(
     const virtualFocus = store.useState("virtualFocus");
     useSafeLayoutEffect(() => {
       var _a2;
-      if (!store)
-        return;
-      if (!composite)
-        return;
-      if (!virtualFocus)
-        return;
+      if (!store) return;
+      if (!composite) return;
+      if (!virtualFocus) return;
       const previousElement = previousElementRef.current;
       previousElementRef.current = null;
-      if (!previousElement)
-        return;
+      if (!previousElement) return;
       const activeElement = (_a2 = getEnabledItem(store, activeId)) == null ? void 0 : _a2.element;
       const relatedTarget = activeElement || getActiveElement(previousElement);
-      if (relatedTarget === previousElement)
-        return;
+      if (relatedTarget === previousElement) return;
       fireBlurEvent(previousElement, { relatedTarget });
     }, [store, activeId, virtualFocus, composite]);
     const onKeyDownCapture = useKeyboardEventProxy(
@@ -207,13 +183,10 @@ var useComposite = createHook(
     const onFocusCaptureProp = props.onFocusCapture;
     const onFocusCapture = useEvent((event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (!store) return;
       const { virtualFocus: virtualFocus2 } = store.getState();
-      if (!virtualFocus2)
-        return;
+      if (!virtualFocus2) return;
       const previousActiveElement = event.relatedTarget;
       const isSilentlyFocused = silentlyFocused(event.currentTarget);
       if (isSelfTarget(event) && isSilentlyFocused) {
@@ -224,12 +197,9 @@ var useComposite = createHook(
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!composite)
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (!composite) return;
+      if (!store) return;
       const { relatedTarget } = event;
       const { virtualFocus: virtualFocus2 } = store.getState();
       if (virtualFocus2) {
@@ -244,13 +214,10 @@ var useComposite = createHook(
     const onBlurCapture = useEvent((event) => {
       var _a2;
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (!store) return;
       const { virtualFocus: virtualFocus2, activeId: activeId2 } = store.getState();
-      if (!virtualFocus2)
-        return;
+      if (!virtualFocus2) return;
       const activeElement = (_a2 = getEnabledItem(store, activeId2)) == null ? void 0 : _a2.element;
       const nextActiveElement = event.relatedTarget;
       const nextActiveElementIsItem = isItem(store, nextActiveElement);
@@ -279,22 +246,17 @@ var useComposite = createHook(
     const onKeyDown = useEvent((event) => {
       var _a2;
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!store)
-        return;
-      if (!isSelfTarget(event))
-        return;
+      if (event.defaultPrevented) return;
+      if (!store) return;
+      if (!isSelfTarget(event)) return;
       const { orientation, items, renderedItems, activeId: activeId2 } = store.getState();
       const activeItem = getEnabledItem(store, activeId2);
-      if ((_a2 = activeItem == null ? void 0 : activeItem.element) == null ? void 0 : _a2.isConnected)
-        return;
+      if ((_a2 = activeItem == null ? void 0 : activeItem.element) == null ? void 0 : _a2.isConnected) return;
       const isVertical = orientation !== "horizontal";
       const isHorizontal = orientation !== "vertical";
       const grid = isGrid(renderedItems);
       const isHorizontalKey = event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End";
-      if (isHorizontalKey && isTextField(event.currentTarget))
-        return;
+      if (isHorizontalKey && isTextField(event.currentTarget)) return;
       const up = () => {
         if (grid) {
           const item = items && findFirstEnabledItemInTheLastRow(items);
@@ -316,8 +278,7 @@ var useComposite = createHook(
       if (action) {
         const id = action();
         if (id !== void 0) {
-          if (!moveOnKeyPressProp(event))
-            return;
+          if (!moveOnKeyPressProp(event)) return;
           event.preventDefault();
           store.move(id);
         }
@@ -330,12 +291,9 @@ var useComposite = createHook(
     );
     const activeDescendant = store.useState((state) => {
       var _a2;
-      if (!store)
-        return;
-      if (!composite)
-        return;
-      if (!state.virtualFocus)
-        return;
+      if (!store) return;
+      if (!composite) return;
+      if (!state.virtualFocus) return;
       return (_a2 = getEnabledItem(store, state.activeId)) == null ? void 0 : _a2.id;
     });
     props = __spreadProps(__spreadValues({