@ariakit/react-core 0.1.6 → 0.1.7

package/esm/__chunks/{VDIWPJGE.js → HXGZWZML.js}

@@ -1,14 +1,19 @@
 import {
   selectTextField
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useEvent
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-input.ts
 import {
@@ -27,11 +32,12 @@ function getValueLength(element) {
   return 0;
 }
 var useCompositeInput = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const onKeyDownCaptureProp = props.onKeyDownCapture;
     const onKeyDownCapture = useEvent(
       (event) => {
-        onKeyDownCaptureProp?.(event);
+        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
           return;
         const element = event.currentTarget;
@@ -51,16 +57,15 @@ var useCompositeInput = createHook(
     );
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       selectTextField(event.currentTarget);
     });
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       onKeyDownCapture,
       onFocus
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/{HVXLVRRR.js → ISPCL6N4.js}

@@ -8,10 +8,22 @@ function isValidElement(element, ignoredElements) {
     (enabledElement) => enabledElement && contains(element, enabledElement)
   );
 }
-function walkTreeOutside(elements, callback) {
+function walkTreeOutside(elements, callback, ancestorCallback) {
   for (let element of elements) {
-    const document = getDocument(element);
-    while (element?.parentElement && element !== document.body) {
+    if (!(element == null ? void 0 : element.isConnected))
+      continue;
+    const hasAncestorAlready = elements.some((maybeAncestor) => {
+      if (!maybeAncestor)
+        return false;
+      if (maybeAncestor === element)
+        return false;
+      return maybeAncestor.contains(element);
+    });
+    if (hasAncestorAlready)
+      continue;
+    const doc = getDocument(element);
+    while (element.parentElement && element !== doc.body) {
+      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement);
       for (const child of element.parentElement.children) {
         if (isValidElement(child, elements)) {
           callback(child);

package/esm/__chunks/{SE7IFIBU.js → JNCKMFIN.js}

@@ -5,11 +5,14 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/group/group-label.ts
 import { useContext } from "react";
@@ -17,14 +20,13 @@ var useGroupLabel = createHook((props) => {
   const setLabelId = useContext(GroupLabelContext);
   const id = useId(props.id);
   useSafeLayoutEffect(() => {
-    setLabelId?.(id);
-    return () => setLabelId?.(void 0);
+    setLabelId == null ? void 0 : setLabelId(id);
+    return () => setLabelId == null ? void 0 : setLabelId(void 0);
   }, [setLabelId, id]);
-  props = {
+  props = __spreadValues({
     id,
-    "aria-hidden": true,
-    ...props
-  };
+    "aria-hidden": true
+  }, props);
   return props;
 });
 var GroupLabel = createComponent((props) => {

package/esm/__chunks/{SDULECC7.js → JQEVJM46.js}

@@ -2,13 +2,16 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/visually-hidden/visually-hidden.ts
 var useVisuallyHidden = createHook((props) => {
-  props = {
-    ...props,
-    style: {
+  props = __spreadProps(__spreadValues({}, props), {
+    style: __spreadValues({
       border: 0,
       clip: "rect(0 0 0 0)",
       height: "1px",
@@ -17,10 +20,9 @@ var useVisuallyHidden = createHook((props) => {
       padding: 0,
       position: "absolute",
       whiteSpace: "nowrap",
-      width: "1px",
-      ...props.style
-    }
-  };
+      width: "1px"
+    }, props.style)
+  });
   return props;
 });
 var VisuallyHidden = createComponent(

package/esm/__chunks/{4U6AOLE4.js → JXNLCNWG.js}

@@ -3,13 +3,17 @@ import {
 } from "./7JNF6I52.js";
 import {
   useDisclosureContent
-} from "./FFRIGW5T.js";
+} from "./6AJCHLAV.js";
 import {
   useBooleanEvent,
   useEvent,
   useForkRef,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-backdrop.tsx
 import { useMemo, useRef } from "react";
@@ -27,8 +31,7 @@ function DialogBackdrop({
 }) {
   const ref = useRef(null);
   store = useMemo(
-    () => ({
-      ...store,
+    () => __spreadProps(__spreadValues({}, store), {
       // Override the setContentElement method to prevent the backdrop from
       // overwriting the dialog's content element. TODO: Refactor this.
       setContentElement: noop
@@ -45,12 +48,12 @@ function DialogBackdrop({
       return;
     backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
   }, [contentElement]);
-  const onClickProp = backdropProps?.onClick;
+  const onClickProp = backdropProps == null ? void 0 : backdropProps.onClick;
   const hideOnInteractOutsideProp = useBooleanEvent(hideOnInteractOutside);
   const mounted = store.useState("mounted");
   const previousMouseDownRef = usePreviousMouseDownRef(mounted);
   const onClick = useEvent((event) => {
-    onClickProp?.(event);
+    onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented)
       return;
     if (!isSelfTarget(event))
@@ -62,10 +65,10 @@ function DialogBackdrop({
     event.stopPropagation();
     store.hide();
   });
-  const onKeyDownProp = backdropProps?.onKeyDown;
+  const onKeyDownProp = backdropProps == null ? void 0 : backdropProps.onKeyDown;
   const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
   const onKeyDown = useEvent((event) => {
-    onKeyDownProp?.(event);
+    onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented)
       return;
     if (event.key !== "Escape")
@@ -76,27 +79,26 @@ function DialogBackdrop({
       return;
     store.hide();
   });
-  const props = useDisclosureContent({
+  const props = useDisclosureContent(__spreadProps(__spreadValues({
     store,
     id: void 0,
     role: "presentation",
     tabIndex: -1,
-    hidden,
-    ...backdropProps,
-    ref: useForkRef(backdropProps?.ref, ref),
+    hidden
+  }, backdropProps), {
+    ref: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
     onClick,
     onKeyDown,
-    style: {
+    style: __spreadValues({
       position: "fixed",
       top: 0,
       right: 0,
       bottom: 0,
-      left: 0,
-      ...backdropProps?.style
-    }
-  });
+      left: 0
+    }, backdropProps == null ? void 0 : backdropProps.style)
+  }));
   const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
-  return /* @__PURE__ */ jsx(Component, { ...props, "data-backdrop": contentElement?.id, children });
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, props), { "data-backdrop": contentElement == null ? void 0 : contentElement.id, children }));
 }
 
 export {

package/esm/__chunks/{3QLNHI3O.js → KCAKBKAU.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";

package/esm/__chunks/KOVUJERF.js

@@ -0,0 +1,8 @@
+// src/dialog/utils/supports-inert.ts
+function supportsInert() {
+  return "inert" in HTMLElement.prototype;
+}
+
+export {
+  supportsInert
+};

package/esm/__chunks/{HOVZF3TA.js → KPEUI6QX.js}

@@ -2,16 +2,20 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/separator/separator.ts
 var useSeparator = createHook(
-  ({ orientation = "horizontal", ...props }) => {
-    props = {
+  (_a) => {
+    var _b = _a, { orientation = "horizontal" } = _b, props = __objRest(_b, ["orientation"]);
+    props = __spreadValues({
       role: "separator",
-      "aria-orientation": orientation,
-      ...props
-    };
+      "aria-orientation": orientation
+    }, props);
     return props;
   }
 );

package/esm/__chunks/{6OCAIYRY.js → KSVEVAMH.js}

@@ -1,6 +1,6 @@
 import {
   flipItems
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -8,10 +8,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useEvent
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-typeahead.ts
 import { useContext, useRef } from "react";
@@ -43,7 +48,8 @@ function getEnabledItems(items) {
   return items.filter((item) => !item.disabled);
 }
 function itemTextStartsWith(item, text) {
-  const itemText = item.element?.textContent || item.children;
+  var _a;
+  const itemText = ((_a = item.element) == null ? void 0 : _a.textContent) || item.children;
   if (!itemText)
     return false;
   return normalizeString(itemText).toLowerCase().startsWith(text.toLowerCase());
@@ -65,7 +71,8 @@ function getSameInitialItems(items, char, activeId) {
   ).filter((item) => item.id !== activeId);
 }
 var useCompositeTypeahead = createHook(
-  ({ store, typeahead = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, typeahead = true } = _b, props = __objRest(_b, ["store", "typeahead"]);
     const context = useContext(CompositeContext);
     store = store || context;
     invariant(
@@ -76,7 +83,7 @@ var useCompositeTypeahead = createHook(
     const cleanupTimeoutRef = useRef(0);
     const onKeyDownCapture = useEvent(
       (event) => {
-        onKeyDownCaptureProp?.(event);
+        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
           return;
         if (!typeahead)
@@ -107,10 +114,9 @@ var useCompositeTypeahead = createHook(
         }
       }
     );
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       onKeyDownCapture
-    };
+    });
     return props;
   }
 );

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/{OOPJDYET.js → LSTZ5Q72.js}

@@ -1,16 +1,21 @@
 import {
   useDisclosure
-} from "./UBWZV2LZ.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;
   }
 );