@ariakit/react-core 0.3.6 → 0.3.8

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

@@ -7,71 +7,23 @@ 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)[];
     }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
         [x: string]: string | number | boolean | (string | number)[];
     }>>) | null | undefined;
-    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }>> & {
+    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
-            (): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>;
-            <K_2 extends keyof import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>>(key: K_2): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>) => V_2): V_2;
+            (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
+            <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,71 +7,23 @@ 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)[];
     }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
         [x: string]: string | number | boolean | (string | number)[];
     }>>) | null | undefined;
-    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }>> & {
+    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
-            (): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>;
-            <K_2 extends keyof import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>>(key: K_2): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>) => V_2): V_2;
+            (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
+            <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.cjs

@@ -13,9 +13,9 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _45RPYV4Jcjs = require('../__chunks/45RPYV4J.cjs');
+var _EQ4A5RPWcjs = require('../__chunks/EQ4A5RPW.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/ISGOCBDC.cjs');
+require('../__chunks/RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
@@ -144,7 +144,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
     const modal = hasParentMenu ? false : modalProp;
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
-    props = _45RPYV4Jcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _EQ4A5RPWcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       initialFocus: initialFocusRef,

package/cjs/popover/popover.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _ISGOCBDCcjs = require('../__chunks/ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('../__chunks/RIZYIKBE.cjs');
 require('../__chunks/XFPRAS3J.cjs');
 require('../__chunks/SHOS7XOU.cjs');
 require('../__chunks/NKR65BKC.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Popover = _ISGOCBDCcjs.Popover; exports.usePopover = _ISGOCBDCcjs.usePopover;
+exports.Popover = _RIZYIKBEcjs.Popover; exports.usePopover = _RIZYIKBEcjs.usePopover;

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

@@ -83,7 +83,8 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * Determines whether the element should be rendered as a React Portal.
      *
      * Live examples:
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
      * - [Hovercard with keyboard
      *   support](https://ariakit.org/examples/hovercard-disclosure)
@@ -97,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

@@ -83,7 +83,8 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * Determines whether the element should be rendered as a React Portal.
      *
      * Live examples:
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
      * - [Hovercard with keyboard
      *   support](https://ariakit.org/examples/hovercard-disclosure)
@@ -97,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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RRW7YVFRcjs = require('../__chunks/RRW7YVFR.cjs');
+var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.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");
@@ -158,7 +158,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
       preventScrollOnKeyDown
     }, props));
     const focusOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, focusOnHover);
-    props = _RRW7YVFRcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       // We have to disable focusOnHover when the popup is closed, otherwise

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-popover.cjs

@@ -12,7 +12,7 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _ISGOCBDCcjs = require('../__chunks/ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('../__chunks/RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
@@ -66,7 +66,7 @@ var useSelectPopover = _RNZNGEL4cjs.createHook.call(void 0,
     const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     props = _F24A3PBWcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );

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/cjs/tooltip/tooltip.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _45RPYV4Jcjs = require('../__chunks/45RPYV4J.cjs');
+var _EQ4A5RPWcjs = require('../__chunks/EQ4A5RPW.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/ISGOCBDC.cjs');
+require('../__chunks/RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
@@ -94,7 +94,7 @@ var useTooltip = _RNZNGEL4cjs.createHook.call(void 0,
       (state) => state.type === "description" ? "tooltip" : "none"
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
-    props = _45RPYV4Jcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    props = _EQ4A5RPWcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,

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/{YGJUONJM.js → BONLQCKO.js}

@@ -6,7 +6,7 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./KB2HXEVC.js";
+} from "./WBQC3LL4.js";
 import {
   createDialogComponent
 } from "./U7WGY7YX.js";

package/esm/__chunks/{BRO2JF5P.js → G6ONQ5EH.js}

@@ -10,7 +10,8 @@ import {
 import {
   useBooleanEvent,
   useEvent,
-  useIsMouseMoving
+  useIsMouseMoving,
+  useMergeRefs
 } from "./6O5OEQGF.js";
 import {
   __objRest,
@@ -19,9 +20,10 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/composite/composite-hover.ts
-import { closest, contains } from "@ariakit/core/utils/dom";
+import { useCallback } from "react";
+import { contains } from "@ariakit/core/utils/dom";
 import { hasFocus, hasFocusWithin } from "@ariakit/core/utils/focus";
-import { invariant } from "@ariakit/core/utils/misc";
+import { hasOwnProperty, invariant } from "@ariakit/core/utils/misc";
 function getMouseDestination(event) {
   const relatedTarget = event.relatedTarget;
   if ((relatedTarget == null ? void 0 : relatedTarget.nodeType) === Node.ELEMENT_NODE) {
@@ -35,12 +37,17 @@ function hoveringInside(event) {
     return false;
   return contains(event.currentTarget, nextElement);
 }
+var symbol = Symbol("composite-hover");
 function movingToAnotherItem(event) {
-  const dest = getMouseDestination(event);
+  let dest = getMouseDestination(event);
   if (!dest)
     return false;
-  const item = closest(dest, "[data-composite-hover]");
-  return !!item;
+  do {
+    if (hasOwnProperty(dest, symbol) && dest[symbol])
+      return true;
+    dest = dest.parentElement;
+  } while (dest);
+  return false;
 }
 var useCompositeHover = createHook(
   (_a) => {
@@ -98,9 +105,13 @@ var useCompositeHover = createHook(
       store == null ? void 0 : store.setActiveId(null);
       (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
-    props = __spreadProps(__spreadValues({
-      "data-composite-hover": ""
-    }, props), {
+    const ref = useCallback((element) => {
+      if (!element)
+        return;
+      element[symbol] = true;
+    }, []);
+    props = __spreadProps(__spreadValues({}, props), {
+      ref: useMergeRefs(ref, props.ref),
       onMouseMove,
       onMouseLeave
     });

package/esm/__chunks/{W3TC4TID.js → JRUYDVPB.js}

@@ -7,7 +7,7 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useCompositeHover
-} from "./BRO2JF5P.js";
+} from "./G6ONQ5EH.js";
 import {
   useCompositeItem
 } from "./5PEPOQU7.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";