@ariakit/react-core 0.3.7 → 0.3.9

package/cjs/combobox/combobox-list.cjs

@@ -2,22 +2,22 @@
 
 
 
-var _QU2266CJcjs = require('../__chunks/QU2266CJ.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+var _LO3RECODcjs = require('../__chunks/LO3RECOD.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/7BSMGTGR.cjs');
+require('../__chunks/TD5MOASJ.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
 require('../__chunks/Z3GCTNW4.cjs');
 require('../__chunks/75KXQZJX.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ComboboxList = _QU2266CJcjs.ComboboxList; exports.useComboboxList = _QU2266CJcjs.useComboboxList;
+exports.ComboboxList = _LO3RECODcjs.ComboboxList; exports.useComboboxList = _LO3RECODcjs.useComboboxList;

package/cjs/combobox/combobox-popover.cjs

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QU2266CJcjs = require('../__chunks/QU2266CJ.cjs');
+var _LO3RECODcjs = require('../__chunks/LO3RECOD.cjs');
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _RIZYIKBEcjs = require('../__chunks/RIZYIKBE.cjs');
+var _WABPFCL3cjs = require('../__chunks/WABPFCL3.cjs');
 
 
-var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
-require('../__chunks/SHOS7XOU.cjs');
+var _OT6DC3MLcjs = require('../__chunks/OT6DC3ML.cjs');
+require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
@@ -34,7 +34,7 @@ require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/7BSMGTGR.cjs');
+require('../__chunks/TD5MOASJ.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
@@ -46,9 +46,9 @@ require('../__chunks/R66IWXK6.cjs');
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/X3I2WFGC.cjs');
-require('../__chunks/FQNGCFYY.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/HRKRTCJC.cjs');
+require('../__chunks/EGAIDKB5.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -84,15 +84,15 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
       "alwaysVisible",
       "hideOnInteractOutside"
     ]);
-    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const baseElement = store.useState("baseElement");
-    props = _QU2266CJcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    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, {
       store,
       alwaysVisible,
       autoFocusOnShow: false,
@@ -121,12 +121,12 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _XFPRAS3Jcjs.createDialogComponent.call(void 0, 
+var ComboboxPopover = _OT6DC3MLcjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useComboboxPopover(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }),
-  _VEG6PRAGcjs.useComboboxProviderContext
+  _3WCBE6SUcjs.useComboboxProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   ComboboxPopover.displayName = "ComboboxPopover";

package/cjs/combobox/combobox-provider.cjs

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AYDXWQBFcjs = require('../__chunks/AYDXWQBF.cjs');
+var _47RLIVETcjs = require('../__chunks/47RLIVET.cjs');
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
-require('../__chunks/A5RWZSX7.cjs');
-require('../__chunks/TUVU5ERH.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
+require('../__chunks/N6CR2VNN.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/65GJIQK5.cjs');
-require('../__chunks/X3I2WFGC.cjs');
-require('../__chunks/FQNGCFYY.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/7BPAESN3.cjs');
+require('../__chunks/HRKRTCJC.cjs');
+require('../__chunks/EGAIDKB5.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -24,8 +24,8 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ComboboxProvider(props = {}) {
-  const store = _AYDXWQBFcjs.useComboboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VEG6PRAGcjs.ComboboxContextProvider, { value: store, children: props.children });
+  const store = _47RLIVETcjs.useComboboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3WCBE6SUcjs.ComboboxContextProvider, { value: store, children: props.children });
 }
 
 

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

@@ -1,5 +1,7 @@
-import type { ReactNode } from "react";
-import type { ComboboxStoreProps } from "./combobox-store.js";
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { ComboboxStoreProps, ComboboxStoreSelectedValue } from "./combobox-store.js";
+type Value = ComboboxStoreSelectedValue;
 /**
  * Provides a combobox store to Combobox components.
  * @see https://ariakit.org/components/combobox
@@ -15,7 +17,9 @@ import type { ComboboxStoreProps } from "./combobox-store.js";
  * </ComboboxProvider>
  * ```
  */
-export declare function ComboboxProvider(props?: ComboboxProviderProps): import("react/jsx-runtime").JSX.Element;
-export interface ComboboxProviderProps extends ComboboxStoreProps {
+export declare function ComboboxProvider<T extends Value = Value>(props: PickRequired<ComboboxProviderProps<T>, "selectedValue" | "defaultSelectedValue">): ReactElement;
+export declare function ComboboxProvider(props?: ComboboxProviderProps): ReactElement;
+export interface ComboboxProviderProps<T extends Value = Value> extends ComboboxStoreProps<T> {
     children?: ReactNode;
 }
+export {};

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

@@ -1,5 +1,7 @@
-import type { ReactNode } from "react";
-import type { ComboboxStoreProps } from "./combobox-store.js";
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { ComboboxStoreProps, ComboboxStoreSelectedValue } from "./combobox-store.js";
+type Value = ComboboxStoreSelectedValue;
 /**
  * Provides a combobox store to Combobox components.
  * @see https://ariakit.org/components/combobox
@@ -15,7 +17,9 @@ import type { ComboboxStoreProps } from "./combobox-store.js";
  * </ComboboxProvider>
  * ```
  */
-export declare function ComboboxProvider(props?: ComboboxProviderProps): import("react/jsx-runtime").JSX.Element;
-export interface ComboboxProviderProps extends ComboboxStoreProps {
+export declare function ComboboxProvider<T extends Value = Value>(props: PickRequired<ComboboxProviderProps<T>, "selectedValue" | "defaultSelectedValue">): ReactElement;
+export declare function ComboboxProvider(props?: ComboboxProviderProps): ReactElement;
+export interface ComboboxProviderProps<T extends Value = Value> extends ComboboxStoreProps<T> {
     children?: ReactNode;
 }
+export {};

package/cjs/combobox/combobox-row.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 
 
 var _GJX4AG2Lcjs = require('../__chunks/GJX4AG2L.cjs');
@@ -28,7 +28,7 @@ var _misc = require('@ariakit/core/utils/misc');
 var useComboboxRow = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _VEG6PRAGcjs.useComboboxScopedContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,

package/cjs/combobox/combobox-separator.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 
 
 var _F34KLJKGcjs = require('../__chunks/F34KLJKG.cjs');
@@ -28,7 +28,7 @@ var _misc = require('@ariakit/core/utils/misc');
 var useComboboxSeparator = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _VEG6PRAGcjs.useComboboxScopedContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,

package/cjs/combobox/combobox-store.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _AYDXWQBFcjs = require('../__chunks/AYDXWQBF.cjs');
-require('../__chunks/A5RWZSX7.cjs');
-require('../__chunks/TUVU5ERH.cjs');
-require('../__chunks/65GJIQK5.cjs');
-require('../__chunks/X3I2WFGC.cjs');
-require('../__chunks/FQNGCFYY.cjs');
-require('../__chunks/OALXXRFM.cjs');
+var _47RLIVETcjs = require('../__chunks/47RLIVET.cjs');
+require('../__chunks/N6CR2VNN.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
+require('../__chunks/7BPAESN3.cjs');
+require('../__chunks/HRKRTCJC.cjs');
+require('../__chunks/EGAIDKB5.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useComboboxStore = _AYDXWQBFcjs.useComboboxStore; exports.useComboboxStoreProps = _AYDXWQBFcjs.useComboboxStoreProps;
+exports.useComboboxStore = _47RLIVETcjs.useComboboxStore; exports.useComboboxStoreProps = _47RLIVETcjs.useComboboxStoreProps;

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

@@ -1,4 +1,5 @@
 import * as Core from "@ariakit/core/combobox/combobox-store";
+import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
@@ -17,15 +18,20 @@ export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(stor
  * </ComboboxPopover>
  * ```
  */
+export declare function useComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue>(props: PickRequired<ComboboxStoreProps<T>, "selectedValue" | "defaultSelectedValue">): ComboboxStore<T>;
 export declare function useComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
-export type ComboboxStoreItem = Core.ComboboxStoreItem;
-export interface ComboboxStoreState extends Core.ComboboxStoreState, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
+export type ComboboxStoreSelectedValue = Core.ComboboxStoreSelectedValue;
+export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
-export interface ComboboxStoreFunctions extends Core.ComboboxStoreFunctions, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreFunctions<T>, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+}
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreOptions<T>, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
-     * A callback that gets called when the `value` state changes.
+     * A callback that gets called when the
+     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * changes.
      *
      * Live examples:
      * - [Combobox with integrated
@@ -36,9 +42,20 @@ export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, Composi
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
-     * @param value The new value.
      */
-    setValue?: (value: ComboboxStoreState["value"]) => void;
+    setValue?: (value: ComboboxStoreState<T>["value"]) => void;
+    /**
+     * A callback that gets called when the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state changes.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
+}
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Core.ComboboxStoreProps<T> {
+}
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Store<Core.ComboboxStore<T>> {
 }
-export type ComboboxStoreProps = ComboboxStoreOptions & Core.ComboboxStoreProps;
-export type ComboboxStore = ComboboxStoreFunctions & Store<Core.ComboboxStore>;

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

@@ -1,4 +1,5 @@
 import * as Core from "@ariakit/core/combobox/combobox-store";
+import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
@@ -17,15 +18,20 @@ export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(stor
  * </ComboboxPopover>
  * ```
  */
+export declare function useComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue>(props: PickRequired<ComboboxStoreProps<T>, "selectedValue" | "defaultSelectedValue">): ComboboxStore<T>;
 export declare function useComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
-export type ComboboxStoreItem = Core.ComboboxStoreItem;
-export interface ComboboxStoreState extends Core.ComboboxStoreState, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
+export type ComboboxStoreSelectedValue = Core.ComboboxStoreSelectedValue;
+export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
-export interface ComboboxStoreFunctions extends Core.ComboboxStoreFunctions, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreFunctions<T>, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+}
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreOptions<T>, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
-     * A callback that gets called when the `value` state changes.
+     * A callback that gets called when the
+     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * changes.
      *
      * Live examples:
      * - [Combobox with integrated
@@ -36,9 +42,20 @@ export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, Composi
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
-     * @param value The new value.
      */
-    setValue?: (value: ComboboxStoreState["value"]) => void;
+    setValue?: (value: ComboboxStoreState<T>["value"]) => void;
+    /**
+     * A callback that gets called when the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state changes.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
+}
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Core.ComboboxStoreProps<T> {
+}
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Store<Core.ComboboxStore<T>> {
 }
-export type ComboboxStoreProps = ComboboxStoreOptions & Core.ComboboxStoreProps;
-export type ComboboxStore = ComboboxStoreFunctions & Store<Core.ComboboxStore>;

package/cjs/combobox/combobox.cjs

@@ -4,7 +4,7 @@
 var _3QW6ELTGcjs = require('../__chunks/3QW6ELTG.cjs');
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 
 
 var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
@@ -101,7 +101,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -231,15 +231,16 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         return;
       canAutoSelectRef.current = false;
     }, [open]);
+    const resetValueOnSelect = store.useState("resetValueOnSelect");
     _EO6LS72Hcjs.useUpdateEffect.call(void 0, () => {
-      var _a2;
+      var _a2, _b2;
       if (!store)
         return;
-      if (!autoSelect)
+      if (!autoSelect && !resetValueOnSelect)
         return;
       if (!canAutoSelectRef.current)
         return;
-      const { baseElement, contentElement: contentElement2 } = store.getState();
+      const { baseElement, contentElement: contentElement2, activeId } = store.getState();
       if (baseElement && !_focus.hasFocus.call(void 0, baseElement))
         return;
       if (contentElement2 == null ? void 0 : contentElement2.hasAttribute("data-placing")) {
@@ -247,14 +248,23 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         observer.observe(contentElement2, { attributeFilter: ["data-placing"] });
         return () => observer.disconnect();
       }
-      store.move((_a2 = store.first()) != null ? _a2 : null);
+      if (autoSelect) {
+        store.move((_a2 = store.first()) != null ? _a2 : null);
+      } else {
+        const element = (_b2 = store.item(activeId)) == null ? void 0 : _b2.element;
+        if (element && "scrollIntoView" in element) {
+          element.scrollIntoView({ block: "nearest", inline: "nearest" });
+        }
+      }
       return;
-    }, [store, valueUpdated, storeValue, autoSelect, items]);
-    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (autoSelect)
-        return;
-      store == null ? void 0 : store.setActiveId(null);
-    }, [valueUpdated, autoSelect, store]);
+    }, [
+      store,
+      valueUpdated,
+      storeValue,
+      autoSelect,
+      resetValueOnSelect,
+      items
+    ]);
     _react.useEffect.call(void 0, () => {
       if (!inline)
         return;

package/cjs/composite/composite-container.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _N6Q3QJ4Gcjs = require('../__chunks/N6Q3QJ4G.cjs');
+var _VQJ44BSYcjs = require('../__chunks/VQJ44BSY.cjs');
 require('../__chunks/RV3PHHWM.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContainer = _N6Q3QJ4Gcjs.CompositeContainer; exports.useCompositeContainer = _N6Q3QJ4Gcjs.useCompositeContainer;
+exports.CompositeContainer = _VQJ44BSYcjs.CompositeContainer; exports.useCompositeContainer = _VQJ44BSYcjs.useCompositeContainer;

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

@@ -12,11 +12,11 @@ import type { CompositeStore } from "./composite-store.js";
  *   // Use the store...
  * }
  */
-export declare const useCompositeContext: () => CompositeStore | undefined;
-export declare const useCompositeScopedContext: (onlyScoped?: boolean) => CompositeStore | undefined;
-export declare const useCompositeProviderContext: () => CompositeStore | undefined;
-export declare const CompositeContextProvider: (props: import("react").ProviderProps<CompositeStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const CompositeScopedContextProvider: (props: import("react").ProviderProps<CompositeStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useCompositeContext: () => CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined;
+export declare const useCompositeScopedContext: (onlyScoped?: boolean) => CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined;
+export declare const useCompositeProviderContext: () => CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined;
+export declare const CompositeContextProvider: (props: import("react").ProviderProps<CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CompositeScopedContextProvider: (props: import("react").ProviderProps<CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined>) => import("react/jsx-runtime").JSX.Element;
 interface ItemContext {
     baseElement?: HTMLElement;
     id?: string;

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

@@ -12,11 +12,11 @@ import type { CompositeStore } from "./composite-store.js";
  *   // Use the store...
  * }
  */
-export declare const useCompositeContext: () => CompositeStore | undefined;
-export declare const useCompositeScopedContext: (onlyScoped?: boolean) => CompositeStore | undefined;
-export declare const useCompositeProviderContext: () => CompositeStore | undefined;
-export declare const CompositeContextProvider: (props: import("react").ProviderProps<CompositeStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const CompositeScopedContextProvider: (props: import("react").ProviderProps<CompositeStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useCompositeContext: () => CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined;
+export declare const useCompositeScopedContext: (onlyScoped?: boolean) => CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined;
+export declare const useCompositeProviderContext: () => CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined;
+export declare const CompositeContextProvider: (props: import("react").ProviderProps<CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CompositeScopedContextProvider: (props: import("react").ProviderProps<CompositeStore<import("./composite-store.js").CompositeStoreItem> | undefined>) => import("react/jsx-runtime").JSX.Element;
 interface ItemContext {
     baseElement?: HTMLElement;
     id?: string;

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

@@ -46,10 +46,13 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * Determines if the composite item should be focused on hover.
      *
      * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -60,6 +63,7 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * is `true`.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      */

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

@@ -46,10 +46,13 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * Determines if the composite item should be focused on hover.
      *
      * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -60,6 +63,7 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * is `true`.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      */

package/cjs/composite/composite-item.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _P43G7USHcjs = require('../__chunks/P43G7USH.cjs');
+var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -11,11 +11,11 @@ require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/Z3GCTNW4.cjs');
 require('../__chunks/75KXQZJX.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _P43G7USHcjs.CompositeItem; exports.useCompositeItem = _P43G7USHcjs.useCompositeItem;
+exports.CompositeItem = _PFQ3IPWTcjs.CompositeItem; exports.useCompositeItem = _PFQ3IPWTcjs.useCompositeItem;

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

@@ -84,6 +84,9 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * **Note**: This prop has no effect when the
      * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
      * option is enabled.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     tabbable?: boolean;
 }

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

@@ -84,6 +84,9 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * **Note**: This prop has no effect when the
      * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
      * option is enabled.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     tabbable?: boolean;
 }

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

@@ -8,7 +8,7 @@ require('../__chunks/3QW6ELTG.cjs');
 require('../__chunks/5UTRYT6E.cjs');
 
 
-var _P43G7USHcjs = require('../__chunks/P43G7USH.cjs');
+var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -24,7 +24,7 @@ require('../__chunks/75KXQZJX.cjs');
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 
 
 
@@ -69,7 +69,7 @@ var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) =
     onFocus,
     onBlur
   });
-  props = _P43G7USHcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _PFQ3IPWTcjs.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;
 });