@ariakit/react-core 0.3.7 → 0.3.8

package/cjs/disclosure/disclosure-content.d.ts

@@ -61,6 +61,7 @@ export interface DisclosureContentOptions<T extends As = "div"> extends Options<
      * the DOM when it's hidden.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Combobox with integrated
      *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline

package/cjs/disclosure/disclosure.d.cts

@@ -42,6 +42,9 @@ export interface DisclosureOptions<T extends As = "button"> extends ButtonOption
      * [`toggle`](https://ariakit.org/reference/use-disclosure-store#toggle) will
      * be called on click. This is useful if you want to handle the toggle logic
      * yourself.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;

package/cjs/disclosure/disclosure.d.ts

@@ -42,6 +42,9 @@ export interface DisclosureOptions<T extends As = "button"> extends ButtonOption
      * [`toggle`](https://ariakit.org/reference/use-disclosure-store#toggle) will
      * be called on click. This is useful if you want to handle the toggle logic
      * yourself.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;

package/cjs/focusable/focusable.d.cts

@@ -106,6 +106,7 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;

package/cjs/focusable/focusable.d.ts

@@ -106,6 +106,7 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;

package/cjs/form/form-checkbox.cjs

@@ -8,10 +8,10 @@ var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
 
 var _BY6ER73Ucjs = require('../__chunks/BY6ER73U.cjs');
+require('../__chunks/63UPRTFZ.cjs');
 
 
 var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
-require('../__chunks/63UPRTFZ.cjs');
 require('../__chunks/ERFHNHON.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');

package/cjs/hovercard/hovercard-anchor.d.cts

@@ -39,6 +39,9 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
     store?: HovercardStore;
     /**
      * Whether to show the hovercard on mouse move.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;

package/cjs/hovercard/hovercard-anchor.d.ts

@@ -39,6 +39,9 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
     store?: HovercardStore;
     /**
      * Whether to show the hovercard on mouse move.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;

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

@@ -2,10 +2,10 @@
 
 
 var _BY6ER73Ucjs = require('../__chunks/BY6ER73U.cjs');
+require('../__chunks/63UPRTFZ.cjs');
 
 
 var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
-require('../__chunks/63UPRTFZ.cjs');
 
 
 var _YAPOM5RTcjs = require('../__chunks/YAPOM5RT.cjs');

package/cjs/menu/menu-provider.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LVOI2KVNcjs = require('../__chunks/LVOI2KVN.cjs');
+var _XGKLTARHcjs = require('../__chunks/XGKLTARH.cjs');
 
 
 var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/A5RWZSX7.cjs');
 require('../__chunks/TUVU5ERH.cjs');
 require('../__chunks/UZNYSPKP.cjs');
@@ -28,7 +28,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/menu/menu-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenuProvider(props = {}) {
-  const store = _LVOI2KVNcjs.useMenuStore.call(void 0, props);
+  const store = _XGKLTARHcjs.useMenuStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NGEKJJDHcjs.MenuContextProvider, { value: store, children: props.children });
 }
 

package/cjs/menu/menu-store.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _LVOI2KVNcjs = require('../__chunks/LVOI2KVN.cjs');
+var _XGKLTARHcjs = require('../__chunks/XGKLTARH.cjs');
 require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/A5RWZSX7.cjs');
 require('../__chunks/TUVU5ERH.cjs');
 require('../__chunks/UZNYSPKP.cjs');
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useMenuStore = _LVOI2KVNcjs.useMenuStore; exports.useMenuStoreProps = _LVOI2KVNcjs.useMenuStoreProps;
+exports.useMenuStore = _XGKLTARHcjs.useMenuStore; exports.useMenuStoreProps = _XGKLTARHcjs.useMenuStoreProps;

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

@@ -7,18 +7,12 @@ import type { MenubarStore } from "../menubar/menubar-store.js";
 import type { Store } from "../utils/store.js";
 type Values = Core.MenuStoreValues;
 export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, update: () => void, props: MenuStoreProps): T & {
-    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
-        useState: {
-            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
-            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
-            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
-        };
-    }) | null | undefined;
+    combobox: (ComboboxStore<string | string[]> & import("@ariakit/core/combobox/combobox-store").ComboboxStore<string | string[]>) | null | undefined;
     parent: (MenuStoreFunctions<Core.MenuStoreValues> & Core.MenuStoreFunctions<Core.MenuStoreValues> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<Core.MenuStoreValues>> & {
         useState: {
             (): Core.MenuStoreState<Core.MenuStoreValues>;
-            <K_1 extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K_1): Core.MenuStoreState<Core.MenuStoreValues>[K_1];
-            <V_1>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V_1): V_1;
+            <K extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K): Core.MenuStoreState<Core.MenuStoreValues>[K];
+            <V>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V): V;
         };
     } & Core.MenuStoreFunctions<{
         [x: string]: string | number | boolean | (string | number)[];
@@ -28,8 +22,8 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
     menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
             (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
-            <K_2 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_2): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_2): V_2;
+            <K_1 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_1): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_1];
+            <V_1>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_1): V_1;
         };
     }) | null | undefined;
 };

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

@@ -7,18 +7,12 @@ import type { MenubarStore } from "../menubar/menubar-store.js";
 import type { Store } from "../utils/store.js";
 type Values = Core.MenuStoreValues;
 export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, update: () => void, props: MenuStoreProps): T & {
-    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
-        useState: {
-            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
-            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
-            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
-        };
-    }) | null | undefined;
+    combobox: (ComboboxStore<string | string[]> & import("@ariakit/core/combobox/combobox-store").ComboboxStore<string | string[]>) | null | undefined;
     parent: (MenuStoreFunctions<Core.MenuStoreValues> & Core.MenuStoreFunctions<Core.MenuStoreValues> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<Core.MenuStoreValues>> & {
         useState: {
             (): Core.MenuStoreState<Core.MenuStoreValues>;
-            <K_1 extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K_1): Core.MenuStoreState<Core.MenuStoreValues>[K_1];
-            <V_1>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V_1): V_1;
+            <K extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K): Core.MenuStoreState<Core.MenuStoreValues>[K];
+            <V>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V): V;
         };
     } & Core.MenuStoreFunctions<{
         [x: string]: string | number | boolean | (string | number)[];
@@ -28,8 +22,8 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
     menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
             (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
-            <K_2 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_2): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_2): V_2;
+            <K_1 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_1): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_1];
+            <V_1>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_1): V_1;
         };
     }) | null | undefined;
 };

package/cjs/popover/popover.d.cts

@@ -43,6 +43,9 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
     /**
      * Props that will be passed to the popover wrapper element. This element will
      * be used to position the popover.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     wrapperProps?: HTMLAttributes<HTMLDivElement>;
     /**
@@ -68,6 +71,7 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
      * negative values to make the popover shift to the opposite side.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Submenu](https://ariakit.org/examples/menu-nested)
      * - [Menubar](https://ariakit.org/components/menubar)
      * @default 0

package/cjs/popover/popover.d.ts

@@ -43,6 +43,9 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
     /**
      * Props that will be passed to the popover wrapper element. This element will
      * be used to position the popover.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     wrapperProps?: HTMLAttributes<HTMLDivElement>;
     /**
@@ -68,6 +71,7 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
      * negative values to make the popover shift to the opposite side.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Submenu](https://ariakit.org/examples/menu-nested)
      * - [Menubar](https://ariakit.org/components/menubar)
      * @default 0

package/cjs/portal/portal.d.cts

@@ -98,6 +98,9 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * An HTML element or a memoized callback function that returns an HTML
      * element to be used as the portal element. By default, the portal element
      * will be a `div` element appended to the `document.body`.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @example
      * ```jsx
      * const [portal, setPortal] = useState(null);

package/cjs/portal/portal.d.ts

@@ -98,6 +98,9 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * An HTML element or a memoized callback function that returns an HTML
      * element to be used as the portal element. By default, the portal element
      * will be a `div` element appended to the `document.body`.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @example
      * ```jsx
      * const [portal, setPortal] = useState(null);

package/cjs/select/select-item.cjs

@@ -45,9 +45,9 @@ var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 function isSelected(storeValue, itemValue) {
-  if (storeValue == null)
-    return false;
   if (itemValue == null)
+    return;
+  if (storeValue == null)
     return false;
   if (Array.isArray(storeValue)) {
     return storeValue.includes(itemValue);
@@ -127,7 +127,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
     const selected = store.useState((state) => isSelected(state.value, value));
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WCJJQSKcjs.SelectItemCheckedContext.Provider, { value: selected, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WCJJQSKcjs.SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
     const contentElement = store.useState("contentElement");

package/cjs/select/select-label.cjs

@@ -29,7 +29,7 @@ var _misc = require('@ariakit/core/utils/misc');
 var useSelectLabel = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _2WCJJQSKcjs.useSelectScopedContext.call(void 0, );
+    const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,

package/cjs/select/select-provider.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _CILQPSH2cjs = require('../__chunks/CILQPSH2.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+var _FA25CV2Icjs = require('../__chunks/FA25CV2I.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 
 
 var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
@@ -25,7 +25,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/select/select-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function SelectProvider(props = {}) {
-  const store = _CILQPSH2cjs.useSelectStore.call(void 0, props);
+  const store = _FA25CV2Icjs.useSelectStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WCJJQSKcjs.SelectContextProvider, { value: store, children: props.children });
 }
 

package/cjs/select/select-store.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _CILQPSH2cjs = require('../__chunks/CILQPSH2.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+var _FA25CV2Icjs = require('../__chunks/FA25CV2I.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/A5RWZSX7.cjs');
 require('../__chunks/TUVU5ERH.cjs');
 require('../__chunks/UZNYSPKP.cjs');
@@ -22,4 +22,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useSelectStore = _CILQPSH2cjs.useSelectStore; exports.useSelectStoreProps = _CILQPSH2cjs.useSelectStoreProps;
+exports.useSelectStore = _FA25CV2Icjs.useSelectStore; exports.useSelectStoreProps = _FA25CV2Icjs.useSelectStoreProps;

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

@@ -7,13 +7,7 @@ import type { Store } from "../utils/store.js";
 type Item = Core.SelectStoreItem;
 type Value = Core.SelectStoreValue;
 export declare function useSelectStoreProps<T extends Core.SelectStore>(store: T, update: () => void, props: SelectStoreProps): T & {
-    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
-        useState: {
-            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
-            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
-            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
-        };
-    }) | null | undefined;
+    combobox: (ComboboxStore<string | string[]> & import("@ariakit/core/combobox/combobox-store").ComboboxStore<string | string[]>) | null | undefined;
 };
 /**
  * Creates a select store.

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

@@ -7,13 +7,7 @@ import type { Store } from "../utils/store.js";
 type Item = Core.SelectStoreItem;
 type Value = Core.SelectStoreValue;
 export declare function useSelectStoreProps<T extends Core.SelectStore>(store: T, update: () => void, props: SelectStoreProps): T & {
-    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
-        useState: {
-            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
-            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
-            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
-        };
-    }) | null | undefined;
+    combobox: (ComboboxStore<string | string[]> & import("@ariakit/core/combobox/combobox-store").ComboboxStore<string | string[]>) | null | undefined;
 };
 /**
  * Creates a select store.

package/combobox/combobox-item-check/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/combobox/combobox-item-check",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/combobox/combobox-item-check.cjs",
+  "module": "../../esm/combobox/combobox-item-check.js",
+  "types": "../../cjs/combobox/combobox-item-check.d.ts"
+}

package/combobox/combobox-label/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/combobox/combobox-label",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/combobox/combobox-label.cjs",
+  "module": "../../esm/combobox/combobox-label.js",
+  "types": "../../cjs/combobox/combobox-label.d.ts"
+}

package/esm/__chunks/{KFUKDUTY.js → 4AMOOZBQ.js}

@@ -2,7 +2,7 @@
 import {
   ComboboxScopedContextProvider,
   useComboboxProviderContext
-} from "./MTC2KUZZ.js";
+} from "./W76OTZCC.js";
 import {
   isHidden
 } from "./A7CE3X6M.js";
@@ -15,6 +15,7 @@ import {
   createHook
 } from "./3ORBWXWF.js";
 import {
+  useAttribute,
   useEvent,
   useId,
   useMergeRefs,
@@ -90,11 +91,18 @@ var useComboboxList = createHook(
     const mounted = store.useState("mounted");
     const hidden = isHidden(mounted, props.hidden, alwaysVisible);
     const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
+    const multiSelectable = store.useState(
+      (state) => Array.isArray(state.selectedValue)
+    );
+    const role = useAttribute(ref, "role", props.role);
+    const isCompositeRole = role === "listbox" || role === "tree" || role === "grid";
+    const ariaMultiSelectable = isCompositeRole ? multiSelectable || void 0 : void 0;
     props = __spreadProps(__spreadValues({
       id,
       hidden,
       role: "listbox",
-      tabIndex: focusable ? -1 : void 0
+      tabIndex: focusable ? -1 : void 0,
+      "aria-multiselectable": ariaMultiSelectable
     }, props), {
       ref: useMergeRefs(id ? store.setContentElement : null, ref, props.ref),
       style,

package/esm/__chunks/{PHTJ3BCW.js → 7HYEBVZE.js}

@@ -7,7 +7,7 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useComboboxProviderContext
-} from "./MTC2KUZZ.js";
+} from "./W76OTZCC.js";
 import {
   useCompositeStoreProps
 } from "./ELWRSPQ7.js";

package/esm/__chunks/{NE6JAKK6.js → P3UZS6BC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useComboboxProviderContext
-} from "./MTC2KUZZ.js";
+} from "./W76OTZCC.js";
 import {
   useCompositeStoreProps
 } from "./ELWRSPQ7.js";

package/esm/__chunks/{MTC2KUZZ.js → W76OTZCC.js}

@@ -25,6 +25,7 @@ var ComboboxScopedContextProvider = ctx.ScopedContextProvider;
 var ComboboxItemValueContext = createContext(
   void 0
 );
+var ComboboxItemCheckedContext = createContext(false);
 
 export {
   useComboboxContext,
@@ -32,5 +33,6 @@ export {
   useComboboxProviderContext,
   ComboboxContextProvider,
   ComboboxScopedContextProvider,
-  ComboboxItemValueContext
+  ComboboxItemValueContext,
+  ComboboxItemCheckedContext
 };

package/esm/__chunks/{24AKC2LC.js → ZETMAOTK.js}

@@ -16,7 +16,9 @@ function useComboboxStoreProps(store, update, props) {
   store = usePopoverStoreProps(store, update, props);
   store = useCompositeStoreProps(store, update, props);
   useStoreProps(store, props, "value", "setValue");
+  useStoreProps(store, props, "selectedValue", "setSelectedValue");
   useStoreProps(store, props, "resetValueOnHide");
+  useStoreProps(store, props, "resetValueOnSelect");
   return store;
 }
 function useComboboxStore(props = {}) {

package/esm/checkbox/checkbox-provider.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  useCheckboxStore
-} from "../__chunks/BI7ZXWGY.js";
 import {
   CheckboxContextProvider
 } from "../__chunks/VPR2WHQV.js";
+import {
+  useCheckboxStore
+} from "../__chunks/BI7ZXWGY.js";
 import "../__chunks/3ORBWXWF.js";
 import "../__chunks/XF5ITC6P.js";
 import "../__chunks/6O5OEQGF.js";

package/esm/combobox/combobox-cancel.js

@@ -4,7 +4,7 @@ import {
 } from "../__chunks/VDNZBO4W.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/W76OTZCC.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";

package/esm/combobox/combobox-context.d.ts

@@ -12,9 +12,10 @@ import type { ComboboxStore } from "./combobox-store.js";
  *   // Use the store...
  * }
  */
-export declare const useComboboxContext: () => ComboboxStore | undefined;
-export declare const useComboboxScopedContext: (onlyScoped?: boolean) => ComboboxStore | undefined;
-export declare const useComboboxProviderContext: () => ComboboxStore | undefined;
-export declare const ComboboxContextProvider: (props: import("react").ProviderProps<ComboboxStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const ComboboxScopedContextProvider: (props: import("react").ProviderProps<ComboboxStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useComboboxContext: () => ComboboxStore<string | string[]> | undefined;
+export declare const useComboboxScopedContext: (onlyScoped?: boolean) => ComboboxStore<string | string[]> | undefined;
+export declare const useComboboxProviderContext: () => ComboboxStore<string | string[]> | undefined;
+export declare const ComboboxContextProvider: (props: import("react").ProviderProps<ComboboxStore<string | string[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxScopedContextProvider: (props: import("react").ProviderProps<ComboboxStore<string | string[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxItemValueContext: import("react").Context<string | undefined>;
+export declare const ComboboxItemCheckedContext: import("react").Context<boolean>;

package/esm/combobox/combobox-context.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   ComboboxContextProvider,
+  ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxScopedContextProvider,
   useComboboxContext,
   useComboboxProviderContext,
   useComboboxScopedContext
-} from "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/W76OTZCC.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import "../__chunks/7H5KSHHF.js";
@@ -18,6 +19,7 @@ import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   ComboboxContextProvider,
+  ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxScopedContextProvider,
   useComboboxContext,

package/esm/combobox/combobox-disclosure.js

@@ -6,7 +6,7 @@ import "../__chunks/BHEJ6NUH.js";
 import "../__chunks/VDNZBO4W.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/W76OTZCC.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";

package/esm/combobox/combobox-item-check.d.ts

@@ -0,0 +1,60 @@
+import type { CheckboxCheckOptions } from "../checkbox/checkbox-check.jsx";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxItemCheck` component. This hook must be
+ * used in a component that's wrapped with `ComboboxItem` or the `checked` prop
+ * must be explicitly passed to the component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const props = useComboboxItemCheck({ checked: true });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useComboboxItemCheck: import("../utils/types.js").Hook<ComboboxItemCheckOptions<"span">>;
+/**
+ * Renders a checkmark inside a
+ * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component. This
+ * component must be wrapped with
+ * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) or the
+ * [`checked`](https://ariakit.org/reference/combobox-item-check#checked) prop
+ * must be explicitly passed to the component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx {5,9}
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple">
+ *       <ComboboxItemCheck />
+ *       Apple
+ *     </ComboboxItem>
+ *     <ComboboxItem value="Orange">
+ *       <ComboboxItemCheck />
+ *       Orange
+ *     </ComboboxItem>
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxItemCheck: import("../utils/types.js").Component<ComboboxItemCheckOptions<"span">>;
+export interface ComboboxItemCheckOptions<T extends As = "span"> extends CheckboxCheckOptions<T> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the parent
+     * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components' context will be used.
+     */
+    store?: ComboboxStore;
+    /**
+     * Whether the check mark should be shown. This value is automatically
+     * inferred from the parent
+     * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component.
+     * Manually setting this prop will override the inferred value.
+     */
+    checked?: boolean;
+}
+export type ComboboxItemCheckProps<T extends As = "span"> = Props<ComboboxItemCheckOptions<T>>;