@ariakit/react-core 0.1.6 → 0.1.8

package/esm/__chunks/{NL6KEDBG.js → HN4VMOUI.js}

@@ -1,7 +1,10 @@
 import {
   useStore,
   useStoreProps
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";
@@ -16,7 +19,7 @@ function useDisclosureStoreProps(store, props) {
 function useDisclosureStore(props = {}) {
   const options = useDisclosureStoreOptions(props);
   const store = useStore(
-    () => Core.createDisclosureStore({ ...props, ...options })
+    () => Core.createDisclosureStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useDisclosureStoreProps(store, props);
 }

package/esm/__chunks/{NYJYNUSY.js → HWXCBMWZ.js}

@@ -1,15 +1,19 @@
 import {
   useGroupLabel
-} from "./SE7IFIBU.js";
+} from "./JNCKMFIN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-group-label.ts
 var useCompositeGroupLabel = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     props = useGroupLabel(props);
     return props;
   }

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/{LUPFVLDA.js → JJHXFKMC.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./E3LZDF77.js";
+} from "./EMZ4NQG4.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -8,26 +8,38 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/popover/popover.tsx
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var usePopover = createHook(
-  ({
-    store,
-    modal = false,
-    portal = !!modal,
-    preserveTabOrder = true,
-    autoFocusOnShow = true,
-    wrapperProps,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      modal = false,
+      portal = !!modal,
+      preserveTabOrder = true,
+      autoFocusOnShow = true,
+      wrapperProps
+    } = _b, props = __objRest(_b, [
+      "store",
+      "modal",
+      "portal",
+      "preserveTabOrder",
+      "autoFocusOnShow",
+      "wrapperProps"
+    ]);
     const popoverElement = store.useState("popoverElement");
     const contentElement = store.useState("contentElement");
     useSafeLayoutEffect(() => {
@@ -47,7 +59,7 @@ var usePopover = createHook(
         return;
       if (!mounted)
         return;
-      if (!contentElement?.isConnected)
+      if (!(contentElement == null ? void 0 : contentElement.isConnected))
         return;
       const raf = requestAnimationFrame(() => {
         setCanAutoFocusOnShow(true);
@@ -63,18 +75,17 @@ var usePopover = createHook(
       props,
       (element) => /* @__PURE__ */ jsx(
         "div",
-        {
-          role: "presentation",
-          ...wrapperProps,
-          style: {
+        __spreadProps(__spreadValues({
+          role: "presentation"
+        }, wrapperProps), {
+          style: __spreadValues({
             position,
             top: 0,
-            left: 0,
-            ...wrapperProps?.style
-          },
+            left: 0
+          }, wrapperProps == null ? void 0 : wrapperProps.style),
           ref: store.setPopoverElement,
           children: element
-        }
+        })
       ),
       [store, position, wrapperProps]
     );
@@ -83,22 +94,20 @@ var usePopover = createHook(
       (element) => /* @__PURE__ */ jsx(PopoverContext.Provider, { value: store, children: element }),
       [store]
     );
-    props = {
-      ...props,
-      style: {
-        position: "relative",
-        ...props.style
-      }
-    };
-    props = useDialog({
+    props = __spreadProps(__spreadValues({}, props), {
+      style: __spreadValues({
+        position: "relative"
+      }, props.style)
+    });
+    props = useDialog(__spreadProps(__spreadValues({
       store,
       modal,
       preserveTabOrder,
       portal,
-      autoFocusOnShow: canAutoFocusOnShow && autoFocusOnShow,
-      ...props,
+      autoFocusOnShow: canAutoFocusOnShow && autoFocusOnShow
+    }, props), {
       portalRef
-    });
+    }));
     return props;
   }
 );

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/{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;
   }
 );