@ariakit/react-core 0.1.5 → 0.1.7

package/esm/__chunks/{ARIIJA3Z.js → KUXENZYT.js}

@@ -1,10 +1,16 @@
+import {
+  isElementMarked
+} from "./BH4YAZB2.js";
 import {
   usePreviousMouseDownRef
 } from "./7JNF6I52.js";
 import {
-  useEvent,
-  useLiveRef
-} from "./B7MIN7YT.js";
+  useEvent
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 import { useEffect } from "react";
@@ -16,6 +22,8 @@ function isInDocument(target) {
   return contains(getDocument(target).body, target);
 }
 function isDisclosure(disclosure, target) {
+  if (!disclosure)
+    return false;
   if (contains(disclosure, target))
     return true;
   const activeId = target.getAttribute("aria-activedescendant");
@@ -27,52 +35,43 @@ function isDisclosure(disclosure, target) {
   }
   return false;
 }
-function isBackdrop(dialog, target) {
-  if (!dialog)
+function isMouseEventOnDialog(event, dialog) {
+  if (!("clientY" in event))
     return false;
-  if (!target)
+  const rect = dialog.getBoundingClientRect();
+  if (rect.width === 0 || rect.height === 0)
     return false;
-  return target.hasAttribute("data-backdrop") && target.getAttribute("data-backdrop") === dialog.id;
-}
-function dialogContains(target) {
-  return (dialog) => {
-    if (contains(dialog, target))
-      return true;
-    if (isBackdrop(dialog, target))
-      return true;
-    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({
   store,
   type,
   listener,
-  nestedDialogs,
   capture
 }) {
   const callListener = useEvent(listener);
-  const nestedDialogsRef = useLiveRef(nestedDialogs);
   const open = store.useState("open");
   useEffect(() => {
     if (!open)
       return;
     const onEvent = (event) => {
-      const dialog = store.getState().contentElement;
-      const disclosure = store.getState().disclosureElement;
+      const { contentElement, disclosureElement } = store.getState();
       const target = event.target;
-      if (!dialog)
+      if (!contentElement)
         return;
       if (!target)
         return;
       if (!isInDocument(target))
         return;
-      if (contains(dialog, target))
+      if (contains(contentElement, target))
         return;
-      if (disclosure && isDisclosure(disclosure, target))
+      if (isDisclosure(disclosureElement, target))
         return;
       if (target.hasAttribute("data-focus-trap"))
         return;
-      if (nestedDialogsRef.current.some(dialogContains(target)))
+      if (isMouseEventOnDialog(event, contentElement))
+        return;
+      if (!isElementMarked(target, contentElement.id))
         return;
       callListener(event);
     };
@@ -85,90 +84,47 @@ function shouldHideOnInteractOutside(hideOnInteractOutside, event) {
   }
   return !!hideOnInteractOutside;
 }
-function useHideOnInteractOutside({
-  store,
-  modal,
-  hideOnInteractOutside,
-  nestedDialogs
-}) {
+function useHideOnInteractOutside(store, hideOnInteractOutside) {
   const open = store.useState("open");
   const previousMouseDownRef = usePreviousMouseDownRef(open);
-  const props = { store, nestedDialogs, capture: true };
-  useEventOutside({
-    ...props,
-    type: "mousedown",
-    listener: (event) => {
-      const dialog = store.getState().contentElement;
-      if (!dialog)
-        return;
-      if (modal && !shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        dialog.focus();
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    }
-  });
-  useEventOutside({
-    ...props,
+  const props = { store, capture: true };
+  useEventOutside(__spreadProps(__spreadValues({}, props), {
     type: "click",
     listener: (event) => {
+      const { contentElement } = store.getState();
       const previousMouseDown = previousMouseDownRef.current;
       if (!previousMouseDown)
         return;
       if (!isVisible(previousMouseDown))
         return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        event.preventDefault();
-        event.stopPropagation();
+      if (!isElementMarked(previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
-      }
-      const dialog = store.getState().contentElement;
-      const draggingFromDialog = dialog && contains(dialog, previousMouseDown);
-      if (draggingFromDialog)
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
       store.hide();
     }
-  });
-  useEventOutside({
-    ...props,
+  }));
+  useEventOutside(__spreadProps(__spreadValues({}, props), {
     type: "focusin",
     listener: (event) => {
-      const dialog = store.getState().contentElement;
-      if (!dialog)
+      const { contentElement } = store.getState();
+      if (!contentElement)
         return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        dialog.focus();
-        event.preventDefault();
-        event.stopPropagation();
+      if (event.target === getDocument(contentElement))
         return;
-      }
-      if (event.target === getDocument(dialog))
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
       store.hide();
     }
-  });
-  useEventOutside({
-    ...props,
+  }));
+  useEventOutside(__spreadProps(__spreadValues({}, props), {
     type: "contextmenu",
     listener: (event) => {
-      const dialog = store.getState().contentElement;
-      if (!dialog)
-        return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        dialog.focus();
-        event.preventDefault();
-        event.stopPropagation();
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
-      }
       store.hide();
     }
-  });
+  }));
 }
 
 export {

package/esm/__chunks/{QYIULXLT.js → LPZMU6Z4.js}

@@ -6,18 +6,23 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useId,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-row.tsx
 import { useContext, useMemo } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var useCompositeRow = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useContext(CompositeContext);
     store = store || context;
     invariant(
@@ -37,7 +42,7 @@ var useCompositeRow = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    props = { id, ...props };
+    props = __spreadValues({ id }, props);
     return props;
   }
 );

package/esm/__chunks/{NRA7DRSD.js → LSTZ5Q72.js}

@@ -1,16 +1,21 @@
 import {
   useDisclosure
-} from "./57UTLR6J.js";
+} from "./24P2K6AU.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-disclosure.ts
 var useDialogDisclosure = createHook(
-  ({ store, ...props }) => {
-    props = useDisclosure({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = useDisclosure(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/{JOV72LYK.js → M32DI6TL.js}

@@ -1,14 +1,14 @@
 import {
   useCommand
-} from "./SAVDGYCC.js";
+} from "./4QNHBDVS.js";
 import {
   useCollectionItem
-} from "./ON2AV7GH.js";
+} from "./X7UZWWYG.js";
 import {
   focusSilently,
   getEnabledItem,
   isItem
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   CompositeContext,
   CompositeItemContext,
@@ -18,10 +18,10 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -29,7 +29,12 @@ import {
   useId,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-item.tsx
 import { useCallback, useContext, useMemo, useRef, useState } from "react";
@@ -65,6 +70,7 @@ function getItemOffset(itemElement, pageUp = false) {
   return top;
 }
 function findNextPageItemId(element, store, next, pageUp = false) {
+  var _a;
   if (!store)
     return;
   if (!next)
@@ -83,7 +89,7 @@ function findNextPageItemId(element, store, next, pageUp = false) {
       break;
     if (id === previousId)
       continue;
-    const itemElement = getEnabledItem(store, id)?.element;
+    const itemElement = (_a = getEnabledItem(store, id)) == null ? void 0 : _a.element;
     if (!itemElement)
       continue;
     const itemOffset = getItemOffset(itemElement, pageUp);
@@ -136,14 +142,20 @@ function supportsAriaSelected(role) {
   return false;
 }
 var useCompositeItem = createHook(
-  ({
-    store,
-    rowId: rowIdProp,
-    preventScrollOnKeyDown = false,
-    moveOnKeyPress = true,
-    getItem: getItemProp,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      rowId: rowIdProp,
+      preventScrollOnKeyDown = false,
+      moveOnKeyPress = true,
+      getItem: getItemProp
+    } = _b, props = __objRest(_b, [
+      "store",
+      "rowId",
+      "preventScrollOnKeyDown",
+      "moveOnKeyPress",
+      "getItem"
+    ]);
     const context = useContext(CompositeContext);
     store = store || context;
     const id = useId(props.id);
@@ -152,7 +164,7 @@ var useCompositeItem = createHook(
     const rowId = useStoreState(store, (state) => {
       if (rowIdProp)
         return rowIdProp;
-      if (!row?.baseElement)
+      if (!(row == null ? void 0 : row.baseElement))
         return;
       if (row.baseElement !== state.baseElement)
         return;
@@ -161,12 +173,11 @@ var useCompositeItem = createHook(
     const trulyDisabled = props.disabled && !props.accessibleWhenDisabled;
     const getItem = useCallback(
       (item) => {
-        const nextItem = {
-          ...item,
+        const nextItem = __spreadProps(__spreadValues({}, item), {
           id: id || item.id,
           rowId,
           disabled: !!trulyDisabled
-        };
+        });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -177,7 +188,7 @@ var useCompositeItem = createHook(
     const onFocusProp = props.onFocus;
     const hasFocusedComposite = useRef(false);
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       if (isPortalEvent(event))
@@ -210,11 +221,11 @@ var useCompositeItem = createHook(
     });
     const onBlurCaptureProp = props.onBlurCapture;
     const onBlurCapture = useEvent((event) => {
-      onBlurCaptureProp?.(event);
+      onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
-      const state = store?.getState();
-      if (state?.virtualFocus && hasFocusedComposite.current) {
+      const state = store == null ? void 0 : store.getState();
+      if ((state == null ? void 0 : state.virtualFocus) && hasFocusedComposite.current) {
         hasFocusedComposite.current = false;
         event.preventDefault();
         event.stopPropagation();
@@ -224,7 +235,7 @@ var useCompositeItem = createHook(
     const preventScrollOnKeyDownProp = useBooleanEvent(preventScrollOnKeyDown);
     const moveOnKeyPressProp = useBooleanEvent(moveOnKeyPress);
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (!isSelfTarget(event))
@@ -234,7 +245,7 @@ var useCompositeItem = createHook(
       const { currentTarget } = event;
       const state = store.getState();
       const item = store.item(id);
-      const isGrid = !!item?.rowId;
+      const isGrid = !!(item == null ? void 0 : item.rowId);
       const isVertical = state.orientation !== "horizontal";
       const isHorizontal = state.orientation !== "vertical";
       const keyMap = {
@@ -244,21 +255,21 @@ var useCompositeItem = createHook(
         ArrowLeft: (isGrid || isHorizontal) && store.previous,
         Home: () => {
           if (!isGrid || event.ctrlKey) {
-            return store?.first();
+            return store == null ? void 0 : store.first();
           }
-          return store?.previous(-1);
+          return store == null ? void 0 : store.previous(-1);
         },
         End: () => {
           if (!isGrid || event.ctrlKey) {
-            return store?.last();
+            return store == null ? void 0 : store.last();
           }
-          return store?.next(-1);
+          return store == null ? void 0 : store.next(-1);
         },
         PageUp: () => {
-          return findNextPageItemId(currentTarget, store, store?.up, true);
+          return findNextPageItemId(currentTarget, store, store == null ? void 0 : store.up, true);
         },
         PageDown: () => {
-          return findNextPageItemId(currentTarget, store, store?.down);
+          return findNextPageItemId(currentTarget, store, store == null ? void 0 : store.down);
         }
       };
       const action = keyMap[event.key];
@@ -300,24 +311,24 @@ var useCompositeItem = createHook(
       store,
       (state) => !state.virtualFocus && isActiveItem
     );
-    props = {
+    props = __spreadProps(__spreadValues({
       id,
       "aria-selected": ariaSelected,
-      "data-active-item": isActiveItem ? "" : void 0,
-      ...props,
+      "data-active-item": isActiveItem ? "" : void 0
+    }, props), {
       ref: useForkRef(ref, props.ref),
       tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
-    };
+    });
     props = useCommand(props);
-    props = useCollectionItem({
-      store,
-      ...props,
+    props = useCollectionItem(__spreadProps(__spreadValues({
+      store
+    }, props), {
       getItem,
       shouldRegisterItem: !!id ? props.shouldRegisterItem : false
-    });
+    }));
     return props;
   }
 );

package/esm/__chunks/{P4W76ES3.js → MERE2IT6.js}

@@ -1,16 +1,21 @@
 import {
   useCompositeItem
-} from "./JOV72LYK.js";
+} from "./M32DI6TL.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/toolbar/toolbar-item.ts
 var useToolbarItem = createHook(
-  ({ store, ...props }) => {
-    props = useCompositeItem({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = useCompositeItem(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/{36HCAR3M.js → MEYEPL2D.js}

@@ -1,7 +1,10 @@
 import {
   useStore,
   useStoreProps
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";
@@ -15,7 +18,7 @@ function useCollectionStoreProps(store, props) {
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
   const store = useStore(
-    () => Core.createCollectionStore({ ...props, ...options })
+    () => Core.createCollectionStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useCollectionStoreProps(store, props);
 }

package/esm/__chunks/{A2DUDEP2.js → MHR7JFVW.js}

@@ -1,16 +1,21 @@
 import {
   usePopoverDisclosureArrow
-} from "./KHFKAEA6.js";
+} from "./TFLZHAF5.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/select/select-arrow.ts
 var useSelectArrow = createHook(
-  ({ store, ...props }) => {
-    props = usePopoverDisclosureArrow({ store, ...props });
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = usePopoverDisclosureArrow(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/{SE2URGHN.js → MR7KGB6U.js}

@@ -1,11 +1,11 @@
 import {
   useDialogHeading
-} from "./HTHL3GU7.js";
+} from "./WQVVOKZA.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/popover/popover-heading.ts
 var usePopoverHeading = createHook((props) => {

package/esm/__chunks/{TTILJGKR.js → NILUKB4E.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDescription
-} from "./HMJVMCGK.js";
+} from "./RXTFLI35.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/hovercard/hovercard-description.ts
 var useHovercardDescription = createHook(

package/esm/__chunks/{ND76WTDR.js → OBNQHP6V.js}

@@ -1,10 +1,13 @@
 import {
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "./YHRHKO5B.js";
+} from "./HN4VMOUI.js";
 import {
   useStore
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-store.ts
 import * as Core from "@ariakit/core/dialog/dialog-store";
@@ -17,7 +20,7 @@ function useDialogStoreProps(store, props) {
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
   const store = useStore(
-    () => Core.createDialogStore({ ...props, ...options })
+    () => Core.createDialogStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useDialogStoreProps(store, props);
 }

package/esm/__chunks/{I4MLEPTM.js → OQUXG6FE.js}

@@ -1,15 +1,19 @@
 import {
   useCommand
-} from "./SAVDGYCC.js";
+} from "./4QNHBDVS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useForkRef,
   useTagName
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/button/button.ts
 import { useEffect, useRef, useState } from "react";
@@ -25,11 +29,11 @@ var useButton = createHook((props) => {
       return;
     setIsNativeButton(isButton(ref.current));
   }, []);
-  props = {
-    role: !isNativeButton && tagName !== "a" ? "button" : void 0,
-    ...props,
+  props = __spreadProps(__spreadValues({
+    role: !isNativeButton && tagName !== "a" ? "button" : void 0
+  }, props), {
     ref: useForkRef(ref, props.ref)
-  };
+  });
   props = useCommand(props);
   return props;
 });

package/esm/__chunks/{STKLF26R.js → OXPV2NBK.js}

@@ -25,7 +25,10 @@ function getEnabledItem(store, id) {
 function groupItemsByRows(items) {
   const rows = [];
   for (const item of items) {
-    const row = rows.find((currentRow) => currentRow[0]?.rowId === item.rowId);
+    const row = rows.find((currentRow) => {
+      var _a;
+      return ((_a = currentRow[0]) == null ? void 0 : _a.rowId) === item.rowId;
+    });
     if (row) {
       row.push(item);
     } else {
@@ -42,9 +45,9 @@ function selectTextField(element, collapseToEnd = false) {
     );
   } else if (element.isContentEditable) {
     const selection = getDocument(element).getSelection();
-    selection?.selectAllChildren(element);
+    selection == null ? void 0 : selection.selectAllChildren(element);
     if (collapseToEnd) {
-      selection?.collapseToEnd();
+      selection == null ? void 0 : selection.collapseToEnd();
     }
   }
 }