@ariakit/react-core 0.1.6 → 0.1.8

package/esm/__chunks/{Q7WBN353.js → UBPCHT5E.js}

@@ -8,11 +8,16 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useForkRef,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/popover/popover-arrow.tsx
 import { useContext, useMemo, useState } from "react";
@@ -40,7 +45,8 @@ function useComputedStyle(store) {
   return style;
 }
 var usePopoverArrow = createHook(
-  ({ store, size = defaultSize, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, size = defaultSize } = _b, props = __objRest(_b, ["store", "size"]);
     const context = useContext(PopoverContext);
     store = store || context;
     invariant(
@@ -51,9 +57,9 @@ var usePopoverArrow = createHook(
       (state) => state.currentPlacement.split("-")[0]
     );
     const style = useComputedStyle(store);
-    const fill = style?.getPropertyValue("background-color") || "none";
-    const stroke = style?.getPropertyValue(`border-${dir}-color`) || "none";
-    const borderWidth = style?.getPropertyValue(`border-${dir}-width`) || "0px";
+    const fill = (style == null ? void 0 : style.getPropertyValue("background-color")) || "none";
+    const stroke = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-color`)) || "none";
+    const borderWidth = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-width`)) || "0px";
     const strokeWidth = parseInt(borderWidth) * 2 * (defaultSize / size);
     const transform = rotateMap[dir];
     const children = useMemo(
@@ -63,12 +69,12 @@ var usePopoverArrow = createHook(
       ] }) }),
       [transform]
     );
-    props = {
+    props = __spreadProps(__spreadValues({
       children,
-      "aria-hidden": true,
-      ...props,
+      "aria-hidden": true
+    }, props), {
       ref: useForkRef(store.setArrowElement, props.ref),
-      style: {
+      style: __spreadValues({
         // server side rendering
         position: "absolute",
         fontSize: size,
@@ -77,10 +83,9 @@ var usePopoverArrow = createHook(
         pointerEvents: "none",
         fill,
         stroke,
-        strokeWidth,
-        ...props.style
-      }
-    };
+        strokeWidth
+      }, props.style)
+    });
     return props;
   }
 );

package/esm/__chunks/{DRSUYUM5.js → UGXJ5IN7.js}

@@ -5,12 +5,17 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-hover.ts
 import { useContext } from "react";
@@ -19,7 +24,7 @@ import { hasFocusWithin } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
 function getMouseDestination(event) {
   const relatedTarget = event.relatedTarget;
-  if (relatedTarget?.nodeType === Node.ELEMENT_NODE) {
+  if ((relatedTarget == null ? void 0 : relatedTarget.nodeType) === Node.ELEMENT_NODE) {
     return relatedTarget;
   }
   return null;
@@ -38,7 +43,8 @@ function movingToAnotherItem(event) {
   return !!item;
 }
 var useCompositeHover = createHook(
-  ({ store, focusOnHover = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, focusOnHover = true } = _b, props = __objRest(_b, ["store", "focusOnHover"]);
     const context = useContext(CompositeContext);
     store = store || context;
     invariant(
@@ -49,7 +55,8 @@ var useCompositeHover = createHook(
     const onMouseMoveProp = props.onMouseMove;
     const focusOnHoverProp = useBooleanEvent(focusOnHover);
     const onMouseMove = useEvent((event) => {
-      onMouseMoveProp?.(event);
+      var _a2;
+      onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
       if (event.defaultPrevented)
         return;
       if (!isMouseMoving())
@@ -57,13 +64,14 @@ var useCompositeHover = createHook(
       if (!focusOnHoverProp(event))
         return;
       if (!hasFocusWithin(event.currentTarget)) {
-        store?.getState().baseElement?.focus();
+        (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
       }
-      store?.setActiveId(event.currentTarget.id);
+      store == null ? void 0 : store.setActiveId(event.currentTarget.id);
     });
     const onMouseLeaveProp = props.onMouseLeave;
     const onMouseLeave = useEvent((event) => {
-      onMouseLeaveProp?.(event);
+      var _a2;
+      onMouseLeaveProp == null ? void 0 : onMouseLeaveProp(event);
       if (event.defaultPrevented)
         return;
       if (!isMouseMoving())
@@ -74,15 +82,15 @@ var useCompositeHover = createHook(
         return;
       if (!focusOnHoverProp(event))
         return;
-      store?.setActiveId(null);
-      store?.getState().baseElement?.focus();
+      store == null ? void 0 : store.setActiveId(null);
+      (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
-    props = {
-      "data-composite-hover": "",
-      ...props,
+    props = __spreadProps(__spreadValues({
+      "data-composite-hover": ""
+    }, props), {
       onMouseMove,
       onMouseLeave
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/{MPZ7PKON.js → USCWE5QL.js}

@@ -1,6 +1,6 @@
 import {
   FocusTrap
-} from "./NDTB3OGK.js";
+} from "./DIO64N2C.js";
 import {
   PortalContext
 } from "./LDDPB3PY.js";
@@ -8,15 +8,20 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useForkRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
 import {
   setRef
 } from "./SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/portal/portal.tsx
 import { useContext, useEffect, useRef, useState } from "react";
@@ -47,11 +52,12 @@ function getRandomId(prefix = "id") {
 }
 function queueFocus(element) {
   queueMicrotask(() => {
-    element?.focus();
+    element == null ? void 0 : element.focus();
   });
 }
 var usePortal = createHook(
-  ({ preserveTabOrder, portalElement, portalRef, portal = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { preserveTabOrder, portalElement, portalRef, portal = true } = _b, props = __objRest(_b, ["preserveTabOrder", "portalElement", "portalRef", "portal"]);
     const ref = useRef(null);
     const refProp = useForkRef(ref, props.ref);
     const context = useContext(PortalContext);
@@ -180,7 +186,7 @@ var usePortal = createHook(
           ),
           preserveTabOrder && // We're using position: fixed here so that the browser doesn't
           // add margin to the element when setting gap on a parent element.
-          /* @__PURE__ */ jsx("span", { "aria-owns": portalNode?.id, style: { position: "fixed" } }),
+          /* @__PURE__ */ jsx("span", { "aria-owns": portalNode == null ? void 0 : portalNode.id, style: { position: "fixed" } }),
           element,
           preserveTabOrder && portalNode && /* @__PURE__ */ jsx(
             FocusTrap,
@@ -200,10 +206,9 @@ var usePortal = createHook(
       },
       [portalNode, context, portal, props.id, preserveTabOrder]
     );
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       ref: refProp
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/W7JXAQKF.js

@@ -0,0 +1,11 @@
+// src/menu/utils.ts
+function hasExpandedMenuButton(items, currentElement) {
+  return !!(items == null ? void 0 : items.filter((item) => item.element !== currentElement).some((item) => {
+    var _a;
+    return ((_a = item.element) == null ? void 0 : _a.getAttribute("aria-expanded")) === "true";
+  }));
+}
+
+export {
+  hasExpandedMenuButton
+};

package/esm/__chunks/{HTHL3GU7.js → WQVVOKZA.js}

@@ -1,6 +1,6 @@
 import {
   useHeading
-} from "./HS4EASQI.js";
+} from "./PYEPYVON.js";
 import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
@@ -8,26 +8,30 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-heading.ts
 import { useContext } from "react";
 var useDialogHeading = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const setHeadingId = useContext(DialogHeadingContext);
     const id = useId(props.id);
     useSafeLayoutEffect(() => {
-      setHeadingId?.(id);
-      return () => setHeadingId?.(void 0);
+      setHeadingId == null ? void 0 : setHeadingId(id);
+      return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
     }, [setHeadingId, id]);
-    props = {
-      id,
-      ...props
-    };
+    props = __spreadValues({
+      id
+    }, props);
     props = useHeading(props);
     return props;
   }

package/esm/__chunks/{ON2AV7GH.js → X7UZWWYG.js}

@@ -5,35 +5,41 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useForkRef,
   useId
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/collection/collection-item.ts
 import { useCallback, useContext, useRef } from "react";
 import { identity } from "@ariakit/core/utils/misc";
 var useCollectionItem = createHook(
-  ({ store, shouldRegisterItem = true, getItem = identity, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, shouldRegisterItem = true, getItem = identity } = _b, props = __objRest(_b, ["store", "shouldRegisterItem", "getItem"]);
     const context = useContext(CollectionContext);
     store = store || context;
     const id = useId(props.id);
     const unrenderItem = useRef();
     const ref = useCallback(
       (element) => {
+        var _a2;
         if (!element || !id || !shouldRegisterItem) {
-          return unrenderItem.current?.();
+          return (_a2 = unrenderItem.current) == null ? void 0 : _a2.call(unrenderItem);
         }
         const item = getItem({ id, element });
-        unrenderItem.current = store?.renderItem(item);
+        unrenderItem.current = store == null ? void 0 : store.renderItem(item);
       },
       [id, shouldRegisterItem, getItem, store]
     );
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       ref: useForkRef(ref, props.ref)
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/{H5L4MRQM.js → XHOWZOKI.js}

@@ -5,7 +5,12 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/checkbox/checkbox-check.tsx
 import { useContext } from "react";
@@ -35,21 +40,21 @@ function getChildren(props) {
   return null;
 }
 var useCheckboxCheck = createHook(
-  ({ store, checked, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, checked } = _b, props = __objRest(_b, ["store", "checked"]);
     const context = useContext(CheckboxCheckedContext);
-    checked = checked ?? context;
+    checked = checked != null ? checked : context;
     const children = getChildren({ checked, children: props.children });
-    props = {
-      "aria-hidden": true,
-      ...props,
+    props = __spreadProps(__spreadValues({
+      "aria-hidden": true
+    }, props), {
       children,
-      style: {
+      style: __spreadValues({
         width: "1em",
         height: "1em",
-        pointerEvents: "none",
-        ...props.style
-      }
-    };
+        pointerEvents: "none"
+      }, props.style)
+    });
     return props;
   }
 );

package/esm/__chunks/{2PS226YW.js → YEBR6RK7.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDismiss
-} from "./QLGPSTUO.js";
+} from "./PIRVQZZN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = createHook(

package/esm/__chunks/ZFMAA4DD.js

@@ -0,0 +1,76 @@
+import {
+  markAncestor
+} from "./BH4YAZB2.js";
+import {
+  useDisclosureContent
+} from "./6AJCHLAV.js";
+import {
+  useForkRef,
+  useSafeLayoutEffect
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
+
+// src/dialog/dialog-backdrop.tsx
+import { useMemo, useRef } from "react";
+import { noop } from "@ariakit/core/utils/misc";
+import { jsx } from "react/jsx-runtime";
+function DialogBackdrop({
+  store,
+  backdrop,
+  backdropProps,
+  hidden,
+  children
+}) {
+  const ref = useRef(null);
+  store = useMemo(
+    () => __spreadProps(__spreadValues({}, store), {
+      // Override the setContentElement method to prevent the backdrop from
+      // overwriting the dialog's content element. TODO: Refactor this.
+      setContentElement: noop
+    }),
+    [store]
+  );
+  const contentElement = store.useState("contentElement");
+  useSafeLayoutEffect(() => {
+    const backdrop2 = ref.current;
+    const dialog = contentElement;
+    if (!backdrop2)
+      return;
+    if (!dialog)
+      return;
+    backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
+  }, [contentElement]);
+  useSafeLayoutEffect(() => {
+    const id = contentElement == null ? void 0 : contentElement.id;
+    if (!id)
+      return;
+    const backdrop2 = ref.current;
+    if (!backdrop2)
+      return;
+    return markAncestor(backdrop2, id);
+  }, [contentElement]);
+  const props = useDisclosureContent(__spreadProps(__spreadValues({
+    store,
+    id: void 0,
+    role: "presentation",
+    hidden
+  }, backdropProps), {
+    ref: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
+    style: __spreadValues({
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }, backdropProps == null ? void 0 : backdropProps.style)
+  }));
+  const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, props), { "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "", children }));
+}
+
+export {
+  DialogBackdrop
+};

package/esm/button/button.js

@@ -1,13 +1,14 @@
 import {
   Button,
   useButton
-} from "../__chunks/GEZPJZJE.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/HBXYECGK.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   Button,
   useButton

package/esm/checkbox/checkbox-check.js

@@ -1,9 +1,10 @@
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/H5L4MRQM.js";
+} from "../__chunks/XHOWZOKI.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/JE5NWDDX.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   CheckboxCheck,
   useCheckboxCheck

package/esm/checkbox/checkbox-checked-context.js

@@ -1,6 +1,7 @@
 import {
   CheckboxCheckedContext
 } from "../__chunks/M5KYRTQG.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   CheckboxCheckedContext
 };

package/esm/checkbox/checkbox-store.js

@@ -2,10 +2,11 @@ import {
   useCheckboxStore,
   useCheckboxStoreOptions,
   useCheckboxStoreProps
-} from "../__chunks/3QLNHI3O.js";
-import "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/KCAKBKAU.js";
+import "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   useCheckboxStore,
   useCheckboxStoreOptions,

package/esm/checkbox/checkbox.js

@@ -1,15 +1,16 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/LMKEQY3H.js";
+} from "../__chunks/HFDCAETG.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/SMBMF2TX.js";
-import "../__chunks/HBXYECGK.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   Checkbox,
   useCheckbox

package/esm/collection/collection-context.js

@@ -1,6 +1,7 @@
 import {
   CollectionContext
 } from "../__chunks/T3DJZG63.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   CollectionContext
 };

package/esm/collection/collection-item.js

@@ -1,11 +1,12 @@
 import {
   CollectionItem,
   useCollectionItem
-} from "../__chunks/ON2AV7GH.js";
+} from "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/5ETIGB6O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   CollectionItem,
   useCollectionItem

package/esm/collection/collection-store.js

@@ -2,10 +2,11 @@ import {
   useCollectionStore,
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "../__chunks/WKCZETSE.js";
-import "../__chunks/EUGPS2W3.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/MEYEPL2D.js";
+import "../__chunks/AV5WE37O.js";
+import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   useCollectionStore,
   useCollectionStoreOptions,

package/esm/collection/collection.js

@@ -5,16 +5,20 @@ import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useWrapElement
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest
+} from "../__chunks/4BKCJXBM.js";
 
 // src/collection/collection.tsx
 import { jsx } from "react/jsx-runtime";
 var useCollection = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     props = useWrapElement(
       props,
       (element) => /* @__PURE__ */ jsx(CollectionContext.Provider, { value: store, children: element }),