@ariakit/react-core 0.1.5 → 0.1.7

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/{BIFSQ6O4.js → YEBR6RK7.js}

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

package/esm/button/button.js

@@ -1,12 +1,14 @@
 import {
   Button,
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/B7MIN7YT.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
+import "../__chunks/BMLNRUFQ.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/MAJ5ZZ2S.js";
-import "../__chunks/LTH56VDS.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.d.ts

@@ -29,12 +29,19 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
     /**
      * Object returned by the `useCheckboxStore` hook. If not provided, the
      * internal store will be used.
+     *
+     * Live examples:
+     * - [Checkbox as button](https://ariakit.org/examples/checkbox-as-button)
+     * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     store?: CheckboxStore;
     /**
      * The value of the checkbox. This is useful when the same checkbox store is
      * used for multiple `Checkbox` elements, in which case the value will be an
      * array of checked values.
+     *
+     * Live examples:
+     * - [Checkbox group](https://ariakit.org/examples/checkbox-group)
      * @example
      * ```jsx
      * const checkbox = useCheckboxStore({
@@ -46,19 +53,25 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
      * ```
      */
     value?: string | number;
+    /**
+     * The default `checked` state of the checkbox. This prop is ignored if the
+     * `checked` or the `store` props are provided.
+     */
+    defaultChecked?: "mixed" | boolean;
     /**
      * The `checked` state of the checkbox. This will override the value inferred
      * from `store` prop, if provided. This can be `"mixed"` to indicate that the
      * checkbox is partially checked.
+     *
+     * Live examples:
+     * - [Controlled Checkbox](https://ariakit.org/examples/checkbox-controlled)
      */
     checked?: "mixed" | boolean;
-    /**
-     * The default `checked` state of the checkbox. This prop is ignored if the
-     * `checked` or the `store` props are provided.
-     */
-    defaultChecked?: "mixed" | boolean;
     /**
      * A function that is called when the checkbox's `checked` store changes.
+     *
+     * Live examples:
+     * - [Controlled Checkbox](https://ariakit.org/examples/checkbox-controlled)
      */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }

package/esm/checkbox/checkbox.js

@@ -1,14 +1,16 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/GM2BWWHD.js";
+} from "../__chunks/HFDCAETG.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
-import "../__chunks/JE5NWDDX.js";
-import "../__chunks/LTH56VDS.js";
-import "../__chunks/B7MIN7YT.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
+import "../__chunks/BMLNRUFQ.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/36HCAR3M.js";
-import "../__chunks/LTH56VDS.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 }),

package/esm/combobox/combobox-cancel.js

@@ -1,17 +1,23 @@
 import {
   useButton
-} from "../__chunks/I4MLEPTM.js";
-import "../__chunks/SAVDGYCC.js";
-import "../__chunks/5TGAWEHD.js";
+} from "../__chunks/OQUXG6FE.js";
+import "../__chunks/4QNHBDVS.js";
+import "../__chunks/AGWM73EZ.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/JE5NWDDX.js";
+} from "../__chunks/5ETIGB6O.js";
 import {
   useEvent
-} from "../__chunks/B7MIN7YT.js";
+} from "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/combobox/combobox-cancel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,26 +42,30 @@ var children = /* @__PURE__ */ jsxs(
   }
 );
 var useComboboxCancel = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       store.setValue("");
       store.move(null);
     });
-    const comboboxId = store.useState((state) => state.baseElement?.id);
-    props = {
+    const comboboxId = store.useState((state) => {
+      var _a2;
+      return (_a2 = state.baseElement) == null ? void 0 : _a2.id;
+    });
+    props = __spreadProps(__spreadValues({
       children,
       "aria-label": "Clear input",
       // This aria-controls will ensure the combobox popup remains visible when
       // this element gets focused. This logic is done in the ComboboxPopover
       // component.
-      "aria-controls": comboboxId,
-      ...props,
+      "aria-controls": comboboxId
+    }, props), {
       onClick
-    };
+    });
     props = useButton(props);
     return props;
   }