@ariakit/react-core 0.3.9 → 0.3.11

package/cjs/combobox/combobox-popover.cjs

@@ -9,10 +9,10 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _WABPFCL3cjs = require('../__chunks/WABPFCL3.cjs');
+var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
 
 
-var _OT6DC3MLcjs = require('../__chunks/OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -29,7 +29,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -64,7 +64,7 @@ function isController(target, ...ids) {
   if (!target)
     return false;
   if ("id" in target) {
-    const selector = ids.filter(Boolean).map((id) => `[aria-controls="${id}"]`).join(", ");
+    const selector = ids.filter(Boolean).map((id) => `[aria-controls~="${id}"]`).join(", ");
     if (!selector)
       return false;
     return _dom.matches.call(void 0, target, selector);
@@ -75,11 +75,13 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
   (_a) => {
     var _b = _a, {
       store,
+      modal,
       tabIndex,
       alwaysVisible,
       hideOnInteractOutside = true
     } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
+      "modal",
       "tabIndex",
       "alwaysVisible",
       "hideOnInteractOutside"
@@ -92,22 +94,49 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     );
     const baseElement = store.useState("baseElement");
     props = _LO3RECODcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _WABPFCL3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
+      modal,
       alwaysVisible,
+      backdrop: false,
       autoFocusOnShow: false,
       autoFocusOnHide: false,
       finalFocus: baseElement,
       preserveTabOrderAnchor: null
     }, props), {
-      // Combobox popovers can't be modal because the focus may be (and is by
-      // default) outside of it on the combobox input element.
-      modal: false,
+      // When the combobox popover is modal, we make sure to include the
+      // combobox input and all the combobox controls (cancel, disclosure) in
+      // the list of persistent elements so they make part of the modal context,
+      // allowing users to tab through them.
+      getPersistentElements() {
+        var _a2;
+        const elements = ((_a2 = props.getPersistentElements) == null ? void 0 : _a2.call(props)) || [];
+        if (!modal)
+          return elements;
+        if (!store)
+          return elements;
+        const { contentElement, baseElement: baseElement2 } = store.getState();
+        if (!baseElement2)
+          return elements;
+        const doc = _dom.getDocument.call(void 0, baseElement2);
+        const selectors = [];
+        if (contentElement == null ? void 0 : contentElement.id) {
+          selectors.push(`[aria-controls~="${contentElement.id}"]`);
+        }
+        if (baseElement2 == null ? void 0 : baseElement2.id) {
+          selectors.push(`[aria-controls~="${baseElement2.id}"]`);
+        }
+        if (!selectors.length)
+          return [...elements, baseElement2];
+        const selector = selectors.join(",");
+        const controlElements = doc.querySelectorAll(selector);
+        return [...elements, ...controlElements];
+      },
       // Make sure we don't hide the popover when the user interacts with the
       // combobox cancel or the combobox disclosure buttons. They will have the
       // aria-controls attribute pointing to either the combobox input or the
       // combobox popover elements.
-      hideOnInteractOutside: (event) => {
+      hideOnInteractOutside(event) {
         var _a2, _b2;
         const state = store == null ? void 0 : store.getState();
         const contentId = (_a2 = state == null ? void 0 : state.contentElement) == null ? void 0 : _a2.id;
@@ -121,7 +150,7 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _OT6DC3MLcjs.createDialogComponent.call(void 0, 
+var ComboboxPopover = _36QK2QLEcjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useComboboxPopover(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/combobox/combobox-popover.d.cts

@@ -35,6 +35,6 @@ export declare const useComboboxPopover: import("../utils/types.js").Hook<Combob
  * ```
  */
 export declare const ComboboxPopover: import("../utils/types.js").Component<ComboboxPopoverOptions<"div">>;
-export interface ComboboxPopoverOptions<T extends As = "div"> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store" | "modal"> {
+export interface ComboboxPopoverOptions<T extends As = "div"> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store"> {
 }
 export type ComboboxPopoverProps<T extends As = "div"> = Props<ComboboxPopoverOptions<T>>;

package/cjs/combobox/combobox-popover.d.ts

@@ -35,6 +35,6 @@ export declare const useComboboxPopover: import("../utils/types.js").Hook<Combob
  * ```
  */
 export declare const ComboboxPopover: import("../utils/types.js").Component<ComboboxPopoverOptions<"div">>;
-export interface ComboboxPopoverOptions<T extends As = "div"> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store" | "modal"> {
+export interface ComboboxPopoverOptions<T extends As = "div"> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store"> {
 }
 export type ComboboxPopoverProps<T extends As = "div"> = Props<ComboboxPopoverOptions<T>>;

package/cjs/combobox/combobox.cjs

@@ -7,7 +7,7 @@ var _3QW6ELTGcjs = require('../__chunks/3QW6ELTG.cjs');
 var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 
 
-var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
+var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
 require('../__chunks/RV3PHHWM.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
@@ -82,6 +82,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       store,
       focusable = true,
       autoSelect: autoSelectProp = false,
+      getAutoSelectId,
       showOnChange = true,
       setValueOnChange = true,
       showOnMouseDown = true,
@@ -93,6 +94,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       "store",
       "focusable",
       "autoSelect",
+      "getAutoSelectId",
       "showOnChange",
       "setValueOnChange",
       "showOnMouseDown",
@@ -189,6 +191,8 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       storeValue
     ]);
     const scrollingElementRef = _react.useRef.call(void 0, null);
+    const getAutoSelectIdProp = _EO6LS72Hcjs.useEvent.call(void 0, getAutoSelectId);
+    const autoSelectIdRef = _react.useRef.call(void 0, null);
     _react.useEffect.call(void 0, () => {
       if (!open)
         return;
@@ -204,10 +208,12 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       const onScroll = () => {
         if (!store)
           return;
+        if (!canAutoSelectRef.current)
+          return;
         const { activeId } = store.getState();
         if (activeId === null)
           return;
-        if (activeId === store.first())
+        if (activeId === autoSelectIdRef.current)
           return;
         canAutoSelectRef.current = false;
       };
@@ -233,7 +239,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
     }, [open]);
     const resetValueOnSelect = store.useState("resetValueOnSelect");
     _EO6LS72Hcjs.useUpdateEffect.call(void 0, () => {
-      var _a2, _b2;
+      var _a2;
       if (!store)
         return;
       if (!autoSelect && !resetValueOnSelect)
@@ -249,9 +255,12 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         return () => observer.disconnect();
       }
       if (autoSelect) {
-        store.move((_a2 = store.first()) != null ? _a2 : null);
+        const userAutoSelectId = getAutoSelectIdProp(items);
+        const autoSelectId = userAutoSelectId !== void 0 ? userAutoSelectId : store.first();
+        autoSelectIdRef.current = autoSelectId;
+        store.move(autoSelectId != null ? autoSelectId : null);
       } else {
-        const element = (_b2 = store.item(activeId)) == null ? void 0 : _b2.element;
+        const element = (_a2 = store.item(activeId)) == null ? void 0 : _a2.element;
         if (element && "scrollIntoView" in element) {
           element.scrollIntoView({ block: "nearest", inline: "nearest" });
         }
@@ -263,6 +272,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       storeValue,
       autoSelect,
       resetValueOnSelect,
+      getAutoSelectIdProp,
       items
     ]);
     _react.useEffect.call(void 0, () => {
@@ -395,6 +405,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
     });
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
     const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
+    const isActiveItem = store.useState((state) => state.activeId === null);
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
       role: "combobox",
@@ -402,6 +413,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "listbox"),
       "aria-expanded": open,
       "aria-controls": contentElement == null ? void 0 : contentElement.id,
+      "data-active-item": isActiveItem || void 0,
       value
     }, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
@@ -411,7 +423,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown,
       onBlur
     });
-    props = _CZOBQEIOcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       focusable
     }, props), {

package/cjs/combobox/combobox.d.cts

@@ -3,7 +3,7 @@ import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/typ
 import type { CompositeOptions } from "../composite/composite.js";
 import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
 import type { As, Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
 /**
  * Returns props to create a `Combobox` component.
  * @see https://ariakit.org/components/combobox
@@ -70,6 +70,31 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
      * @default false
      */
     autoSelect?: boolean;
+    /**
+     * Function that takes the currently rendered items and returns the id of the
+     * item to be auto selected when the
+     * [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
+     * `true`.
+     *
+     * By default, the first enabled item is auto selected. This function is handy
+     * if you prefer a different item to be auto selected.
+     * @example
+     * ```jsx
+     * <Combobox
+     *   autoSelect
+     *   getAutoSelectId={(items) => {
+     *     // Auto select the first enabled item with a value
+     *     const item = items.find((item) => {
+     *       if (item.disabled) return false;
+     *       if (!item.value) return false;
+     *       return true;
+     *     });
+     *     return item?.id;
+     *   }}
+     * />
+     * ```
+     */
+    getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
     /**
      * Whether the items will be filtered based on
      * [`value`](https://ariakit.org/reference/combobox-provider#value) and

package/cjs/combobox/combobox.d.ts

@@ -3,7 +3,7 @@ import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/typ
 import type { CompositeOptions } from "../composite/composite.js";
 import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
 import type { As, Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
 /**
  * Returns props to create a `Combobox` component.
  * @see https://ariakit.org/components/combobox
@@ -70,6 +70,31 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
      * @default false
      */
     autoSelect?: boolean;
+    /**
+     * Function that takes the currently rendered items and returns the id of the
+     * item to be auto selected when the
+     * [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
+     * `true`.
+     *
+     * By default, the first enabled item is auto selected. This function is handy
+     * if you prefer a different item to be auto selected.
+     * @example
+     * ```jsx
+     * <Combobox
+     *   autoSelect
+     *   getAutoSelectId={(items) => {
+     *     // Auto select the first enabled item with a value
+     *     const item = items.find((item) => {
+     *       if (item.disabled) return false;
+     *       if (!item.value) return false;
+     *       return true;
+     *     });
+     *     return item?.id;
+     *   }}
+     * />
+     * ```
+     */
+    getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
     /**
      * Whether the items will be filtered based on
      * [`value`](https://ariakit.org/reference/combobox-provider#value) and

package/cjs/composite/composite-hover.d.cts

@@ -43,7 +43,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      */
     store?: CompositeStore;
     /**
-     * Determines if the composite item should be focused on hover.
+     * Determines if the composite item should be _focused_ when hovered over.
+     *
+     * Note that the actual DOM focus will stay on the composite element. This
+     * item will get the
+     * [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
+     * attribute so it can be styled as if it's focused.
      *
      * Live examples:
      * - [Multi-selectable
@@ -53,6 +58,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -66,6 +73,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

package/cjs/composite/composite-hover.d.ts

@@ -43,7 +43,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      */
     store?: CompositeStore;
     /**
-     * Determines if the composite item should be focused on hover.
+     * Determines if the composite item should be _focused_ when hovered over.
+     *
+     * Note that the actual DOM focus will stay on the composite element. This
+     * item will get the
+     * [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
+     * attribute so it can be styled as if it's focused.
      *
      * Live examples:
      * - [Multi-selectable
@@ -53,6 +58,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -66,6 +73,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

package/cjs/composite/composite-item.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
+var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _PFQ3IPWTcjs.CompositeItem; exports.useCompositeItem = _PFQ3IPWTcjs.useCompositeItem;
+exports.CompositeItem = _3RUODFRUcjs.CompositeItem; exports.useCompositeItem = _3RUODFRUcjs.useCompositeItem;

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -8,7 +8,7 @@ require('../__chunks/3QW6ELTG.cjs');
 require('../__chunks/5UTRYT6E.cjs');
 
 
-var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
+var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -69,7 +69,7 @@ var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) =
     onFocus,
     onBlur
   });
-  props = _PFQ3IPWTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
   props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });

package/cjs/composite/composite-overflow.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WABPFCL3cjs = require('../__chunks/WABPFCL3.cjs');
-require('../__chunks/OT6DC3ML.cjs');
+var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
+require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -19,7 +19,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -91,7 +91,7 @@ var useCompositeOverflow = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onFocus
     });
-    props = _WABPFCL3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       backdropProps,
       wrapperProps,

package/cjs/composite/composite-renderer.d.cts

@@ -30,7 +30,6 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;

package/cjs/composite/composite-renderer.d.ts

@@ -30,7 +30,6 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;

package/cjs/composite/composite.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
+var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
 require('../__chunks/RV3PHHWM.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
@@ -15,4 +15,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Composite = _CZOBQEIOcjs.Composite; exports.useComposite = _CZOBQEIOcjs.useComposite;
+exports.Composite = _RM2WCNSUcjs.Composite; exports.useComposite = _RM2WCNSUcjs.useComposite;

package/cjs/dialog/dialog.cjs

@@ -3,7 +3,7 @@
 
 
 
-var _OT6DC3MLcjs = require('../__chunks/OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -20,7 +20,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Dialog = _OT6DC3MLcjs.Dialog; exports.createDialogComponent = _OT6DC3MLcjs.createDialogComponent; exports.useDialog = _OT6DC3MLcjs.useDialog;
+exports.Dialog = _36QK2QLEcjs.Dialog; exports.createDialogComponent = _36QK2QLEcjs.createDialogComponent; exports.useDialog = _36QK2QLEcjs.useDialog;

package/cjs/form/form-radio.cjs

@@ -7,9 +7,9 @@ var _VCDQISP7cjs = require('../__chunks/VCDQISP7.cjs');
 var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
 
-var _HHZJ6KYWcjs = require('../__chunks/HHZJ6KYW.cjs');
+var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
 require('../__chunks/HEEQY4DZ.cjs');
-require('../__chunks/PFQ3IPWT.cjs');
+require('../__chunks/3RUODFRU.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -60,7 +60,7 @@ var useFormRadio = _RNZNGEL4cjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _HHZJ6KYWcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
+    props = _IAYTETYNcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
     props = _VCDQISP7cjs.useFormField.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/hovercard/hovercard.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _WK7AZPHScjs = require('../__chunks/WK7AZPHS.cjs');
+var _2GETDAIQcjs = require('../__chunks/2GETDAIQ.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/WABPFCL3.cjs');
-require('../__chunks/OT6DC3ML.cjs');
+require('../__chunks/NVHGMKAE.cjs');
+require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -22,7 +22,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -45,4 +45,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Hovercard = _WK7AZPHScjs.Hovercard; exports.useHovercard = _WK7AZPHScjs.useHovercard;
+exports.Hovercard = _2GETDAIQcjs.Hovercard; exports.useHovercard = _2GETDAIQcjs.useHovercard;

package/cjs/menu/menu-bar.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3KZQJDTVcjs = require('../__chunks/3KZQJDTV.cjs');
+var _APFV5PTXcjs = require('../__chunks/APFV5PTX.cjs');
 require('../__chunks/7LBZXSLY.cjs');
 require('../__chunks/7KFYPSJO.cjs');
-require('../__chunks/CZOBQEIO.cjs');
+require('../__chunks/RM2WCNSU.cjs');
 require('../__chunks/RV3PHHWM.cjs');
 require('../__chunks/N6CR2VNN.cjs');
 require('../__chunks/DKOWT2IJ.cjs');
@@ -24,7 +24,7 @@ require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-bar.tsx
 var useMenuBar = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  return _3KZQJDTVcjs.useMenubar.call(void 0, props);
+  return _APFV5PTXcjs.useMenubar.call(void 0, props);
 });
 var MenuBar = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuBar(props);

package/cjs/menu/menu-item-check.d.cts

@@ -40,5 +40,19 @@ export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<Checkb
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
      */
     store?: MenuStore;
+    /**
+     * Determines if the check mark should be displayed. This value is automatically
+     * derived from the parent
+     * [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio) or
+     * [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox)
+     * component.
+     *
+     * Manually setting this prop will supersede the derived value.
+     *
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     */
+    checked?: CheckboxCheckOptions<T>["checked"];
 }
 export type MenuItemCheckProps<T extends As = "span"> = Props<MenuItemCheckOptions<T>>;

package/cjs/menu/menu-item-check.d.ts

@@ -40,5 +40,19 @@ export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<Checkb
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
      */
     store?: MenuStore;
+    /**
+     * Determines if the check mark should be displayed. This value is automatically
+     * derived from the parent
+     * [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio) or
+     * [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox)
+     * component.
+     *
+     * Manually setting this prop will supersede the derived value.
+     *
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     */
+    checked?: CheckboxCheckOptions<T>["checked"];
 }
 export type MenuItemCheckProps<T extends As = "span"> = Props<MenuItemCheckOptions<T>>;

package/cjs/menu/menu-item-checkbox.cjs

@@ -8,14 +8,14 @@ require('../__chunks/63UPRTFZ.cjs');
 var _VSDH37LIcjs = require('../__chunks/VSDH37LI.cjs');
 
 
-var _VIETWH5Ccjs = require('../__chunks/VIETWH5C.cjs');
+var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
 
 
 var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
 require('../__chunks/IPYAEPOT.cjs');
 require('../__chunks/ERFHNHON.cjs');
-require('../__chunks/PFQ3IPWT.cjs');
+require('../__chunks/3RUODFRU.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -136,7 +136,7 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       value,
       checked
     }, props));
-    props = _VIETWH5Ccjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _BKU5STIEcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );