@ariakit/react-core 0.1.5 → 0.1.7

package/cjs/__chunks/{SGWCIO3J.cjs → DCDTT7UY.cjs}

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _UYAQKYEJcjs = require('./UYAQKYEJ.cjs');
+var _FU76FHC2cjs = require('./FU76FHC2.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 
 
@@ -19,7 +19,12 @@ var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/hovercard/hovercard.tsx
 
@@ -44,14 +49,15 @@ function isMovingOnHovercard(target, card, anchor, nested) {
     return true;
   if (anchor && _dom.contains.call(void 0, anchor, target))
     return true;
-  if (_optionalChain([nested, 'optionalAccess', _ => _.some, 'call', _2 => _2((card2) => isMovingOnHovercard(target, card2, anchor))])) {
+  if (nested == null ? void 0 : nested.some((card2) => isMovingOnHovercard(target, card2, anchor))) {
     return true;
   }
   return false;
 }
-function useAutoFocusOnShow({ store, ...props }) {
+function useAutoFocusOnShow(_a) {
+  var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
   const open = store.useState("open");
-  const openRef = _5QY4WCTRcjs.useLiveRef.call(void 0, open);
+  const openRef = _NREUHWTUcjs.useLiveRef.call(void 0, open);
   _react.useEffect.call(void 0, () => {
     if (!open) {
       store.setAutoFocusOnShow(false);
@@ -69,9 +75,10 @@ function useAutoFocusOnShow({ store, ...props }) {
   const autoFocusOnShow = store.useState(
     (state) => modal || state.autoFocusOnShow
   );
-  return { autoFocusOnShow, ...props };
+  return _6455U47Tcjs.__spreadValues.call(void 0, { autoFocusOnShow }, props);
 }
-function useAutoFocusOnHide({ store, ...props }) {
+function useAutoFocusOnHide(_a) {
+  var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
   const [autoFocusOnHide, setAutoFocusOnHide] = _react.useState.call(void 0, false);
   const mounted = store.useState("mounted");
   _react.useEffect.call(void 0, () => {
@@ -80,8 +87,8 @@ function useAutoFocusOnHide({ store, ...props }) {
     }
   }, [mounted]);
   const onFocusProp = props.onFocus;
-  const onFocus = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-    _optionalChain([onFocusProp, 'optionalCall', _3 => _3(event)]);
+  const onFocus = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
     setAutoFocusOnHide(true);
@@ -95,33 +102,41 @@ function useAutoFocusOnHide({ store, ...props }) {
       ["anchorElement"]
     );
   }, []);
-  props = {
+  props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     autoFocusOnHide,
-    finalFocus: finalFocusRef,
-    ...props,
+    finalFocus: finalFocusRef
+  }, props), {
     onFocus
-  };
+  });
   return props;
 }
 var NestedHovercardContext = _react.createContext.call(void 0, null);
-var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({
-    store,
-    modal = false,
-    portal = !!modal,
-    hideOnEscape = true,
-    hideOnControl = false,
-    hideOnHoverOutside = true,
-    disablePointerEventsOnApproach = !!hideOnHoverOutside,
-    ...props
-  }) => {
+var useHovercard = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, {
+      store,
+      modal = false,
+      portal = !!modal,
+      hideOnEscape = true,
+      hideOnControl = false,
+      hideOnHoverOutside = true,
+      disablePointerEventsOnApproach = !!hideOnHoverOutside
+    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+      "store",
+      "modal",
+      "portal",
+      "hideOnEscape",
+      "hideOnControl",
+      "hideOnHoverOutside",
+      "disablePointerEventsOnApproach"
+    ]);
     const ref = _react.useRef.call(void 0, null);
     const [nestedHovercards, setNestedHovercards] = _react.useState.call(void 0, []);
     const hideTimeoutRef = _react.useRef.call(void 0, 0);
     const enterPointRef = _react.useRef.call(void 0, null);
-    const { portalRef, domReady } = _5QY4WCTRcjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const hideOnEscapeProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnEscape);
-    const hideOnControlProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnControl);
+    const { portalRef, domReady } = _NREUHWTUcjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const hideOnEscapeProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnEscape);
+    const hideOnControlProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnControl);
     const open = store.useState("open");
     _react.useEffect.call(void 0, () => {
       if (!open)
@@ -137,9 +152,9 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
       });
     }, [store, open, hideOnEscapeProp, hideOnControlProp]);
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
+    const hideOnHoverOutsideProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, 
+    const disablePointerEventsProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, 
       disablePointerEventsOnApproach
     );
     const mounted = store.useState("mounted");
@@ -230,7 +245,7 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
       );
     }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);
     const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
       if (modal)
         return;
       if (!portal)
@@ -242,46 +257,45 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
       const element = ref.current;
       if (!element)
         return;
-      return _optionalChain([registerOnParent, 'optionalCall', _4 => _4(element)]);
+      return registerOnParent == null ? void 0 : registerOnParent(element);
     }, [modal, portal, mounted, domReady]);
     const registerNestedHovercard = _react.useCallback.call(void 0, 
       (element) => {
         setNestedHovercards((prevElements) => [...prevElements, element]);
-        const parentUnregister = _optionalChain([registerOnParent, 'optionalCall', _5 => _5(element)]);
+        const parentUnregister = registerOnParent == null ? void 0 : registerOnParent(element);
         return () => {
           setNestedHovercards(
             (prevElements) => prevElements.filter((item) => item !== element)
           );
-          _optionalChain([parentUnregister, 'optionalCall', _6 => _6()]);
+          parentUnregister == null ? void 0 : parentUnregister();
         };
       },
       [registerOnParent]
     );
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }),
       [registerNestedHovercard]
     );
-    props = {
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
-    };
-    props = useAutoFocusOnHide({ store, ...props });
-    props = useAutoFocusOnShow({ store, modal, ...props });
-    props = _UYAQKYEJcjs.usePopover.call(void 0, {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+    });
+    props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
+    props = _FU76FHC2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       hideOnEscape,
       store,
       modal,
-      portal,
-      ...props,
+      portal
+    }, props), {
       portalRef
-    });
+    }));
     return props;
   }
 );
-var Hovercard = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var Hovercard = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHovercard(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Hovercard.displayName = "Hovercard";

package/cjs/__chunks/{S6SU42H5.cjs → DG7HSSDP.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GD6HHJCVcjs = require('./GD6HHJCV.cjs');
+var _GRHIGAKKcjs = require('./GRHIGAKK.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 // src/popover/popover-description.ts
-var usePopoverDescription = _UYIFJ7U3cjs.createHook.call(void 0, 
+var usePopoverDescription = _7NAIPZYNcjs.createHook.call(void 0, 
   (props) => {
-    props = _GD6HHJCVcjs.useDialogDescription.call(void 0, props);
+    props = _GRHIGAKKcjs.useDialogDescription.call(void 0, props);
     return props;
   }
 );
-var PopoverDescription = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var PopoverDescription = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = usePopoverDescription(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "p", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "p", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{MWKUZW4E.cjs → E5VOJWDR.cjs}

@@ -1,10 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+
+
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
 
 
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 var _react = require('react');
@@ -16,6 +22,8 @@ function isInDocument(target) {
   return _dom.contains.call(void 0, _dom.getDocument.call(void 0, target).body, target);
 }
 function isDisclosure(disclosure, target) {
+  if (!disclosure)
+    return false;
   if (_dom.contains.call(void 0, 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)
-    return false;
-  if (!target)
+function isMouseEventOnDialog(event, dialog) {
+  if (!("clientY" in event))
     return false;
-  return target.hasAttribute("data-backdrop") && target.getAttribute("data-backdrop") === dialog.id;
-}
-function dialogContains(target) {
-  return (dialog) => {
-    if (_dom.contains.call(void 0, dialog, target))
-      return true;
-    if (isBackdrop(dialog, target))
-      return true;
+  const rect = dialog.getBoundingClientRect();
+  if (rect.width === 0 || rect.height === 0)
     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 = _5QY4WCTRcjs.useEvent.call(void 0, listener);
-  const nestedDialogsRef = _5QY4WCTRcjs.useLiveRef.call(void 0, nestedDialogs);
+  const callListener = _NREUHWTUcjs.useEvent.call(void 0, listener);
   const open = store.useState("open");
   _react.useEffect.call(void 0, () => {
     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 (_dom.contains.call(void 0, dialog, target))
+      if (_dom.contains.call(void 0, 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 (!_CARNFZQTcjs.isElementMarked.call(void 0, 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 = _X2GXTE3Pcjs.usePreviousMouseDownRef.call(void 0, 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(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     type: "click",
     listener: (event) => {
+      const { contentElement } = store.getState();
       const previousMouseDown = previousMouseDownRef.current;
       if (!previousMouseDown)
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        event.preventDefault();
-        event.stopPropagation();
+      if (!_CARNFZQTcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
-      }
-      const dialog = store.getState().contentElement;
-      const draggingFromDialog = dialog && _dom.contains.call(void 0, dialog, previousMouseDown);
-      if (draggingFromDialog)
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
       store.hide();
     }
-  });
-  useEventOutside({
-    ...props,
+  }));
+  useEventOutside(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, 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 === _dom.getDocument.call(void 0, contentElement))
         return;
-      }
-      if (event.target === _dom.getDocument.call(void 0, dialog))
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
       store.hide();
     }
-  });
-  useEventOutside({
-    ...props,
+  }));
+  useEventOutside(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, 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();
     }
-  });
+  }));
 }
 
 

package/cjs/__chunks/EE6OIU6X.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/walk-tree-outside.ts
+var _dom = require('@ariakit/core/utils/dom');
+var ignoreTags = ["SCRIPT", "STYLE"];
+function isValidElement(element, ignoredElements) {
+  if (ignoreTags.includes(element.tagName))
+    return false;
+  return !ignoredElements.some(
+    (enabledElement) => enabledElement && _dom.contains.call(void 0, element, enabledElement)
+  );
+}
+function walkTreeOutside(elements, callback, ancestorCallback) {
+  for (let element of elements) {
+    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 = _dom.getDocument.call(void 0, 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);
+        }
+      }
+      element = element.parentElement;
+    }
+  }
+}
+
+
+
+
+exports.isValidElement = isValidElement; exports.walkTreeOutside = walkTreeOutside;