@ariakit/react-core 0.3.6 → 0.3.8

package/esm/combobox/combobox.js

@@ -4,7 +4,7 @@ import {
 } from "../__chunks/JCH6MLL2.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/W76OTZCC.js";
 import {
   useComposite
 } from "../__chunks/FHDXHZLB.js";
@@ -40,7 +40,11 @@ import {
 
 // src/combobox/combobox.ts
 import { useEffect, useMemo, useRef, useState } from "react";
-import { getPopupRole, getScrollingElement } from "@ariakit/core/utils/dom";
+import {
+  getPopupRole,
+  getScrollingElement,
+  setSelectionRange
+} from "@ariakit/core/utils/dom";
 import {
   isFocusEventOutside,
   queueBeforeEvent
@@ -173,7 +177,7 @@ var useCombobox = createHook(
         const element = ref.current;
         if (!element)
           return;
-        element.setSelectionRange(storeValue.length, activeValue.length);
+        setSelectionRange(element, storeValue.length, activeValue.length);
       });
     }, [
       valueUpdated,
@@ -227,15 +231,16 @@ var useCombobox = createHook(
         return;
       canAutoSelectRef.current = false;
     }, [open]);
+    const resetValueOnSelect = store.useState("resetValueOnSelect");
     useUpdateEffect(() => {
-      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 && !hasFocus(baseElement))
         return;
       if (contentElement2 == null ? void 0 : contentElement2.hasAttribute("data-placing")) {
@@ -243,14 +248,23 @@ var useCombobox = createHook(
         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]);
-    useSafeLayoutEffect(() => {
-      if (autoSelect)
-        return;
-      store == null ? void 0 : store.setActiveId(null);
-    }, [valueUpdated, autoSelect, store]);
+    }, [
+      store,
+      valueUpdated,
+      storeValue,
+      autoSelect,
+      resetValueOnSelect,
+      items
+    ]);
     useEffect(() => {
       if (!inline)
         return;
@@ -296,7 +310,7 @@ var useCombobox = createHook(
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
         flushSync(() => store == null ? void 0 : store.setValue(value2));
-        event.currentTarget.setSelectionRange(selectionStart, selectionEnd);
+        setSelectionRange(event.currentTarget, selectionStart, selectionEnd);
         if (inline && autoSelect && isSameValue) {
           forceValueUpdate();
         }

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

@@ -46,6 +46,10 @@ 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)
      * @default true
@@ -56,6 +60,11 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * By default, this is set to `true` if
      * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
      * is `true`.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

package/esm/composite/composite-hover.js

@@ -2,7 +2,7 @@
 import {
   CompositeHover,
   useCompositeHover
-} from "../__chunks/BRO2JF5P.js";
+} from "../__chunks/G6ONQ5EH.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import "../__chunks/3ORBWXWF.js";

package/esm/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/esm/composite/composite-overflow.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopover
-} from "../__chunks/KB2HXEVC.js";
+} from "../__chunks/WBQC3LL4.js";
 import "../__chunks/U7WGY7YX.js";
 import "../__chunks/JSLLR7RC.js";
 import "../__chunks/CLF4PQ7T.js";

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

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

package/esm/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/esm/focusable/focusable.d.ts

@@ -106,8 +106,9 @@ 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) => void>;
+    onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;
 }
 export type FocusableProps<T extends As = "div"> = Props<FocusableOptions<T>>;

package/esm/form/form-checkbox.js

@@ -8,10 +8,10 @@ import {
 import {
   useCheckbox
 } from "../__chunks/D42GAV4S.js";
+import "../__chunks/VPR2WHQV.js";
 import {
   useCheckboxStore
 } from "../__chunks/BI7ZXWGY.js";
-import "../__chunks/VPR2WHQV.js";
 import "../__chunks/6XBVQI3K.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/UH3I23HL.js";

package/esm/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/esm/hovercard/hovercard.js

@@ -2,9 +2,9 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/YGJUONJM.js";
+} from "../__chunks/BONLQCKO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/KB2HXEVC.js";
+import "../__chunks/WBQC3LL4.js";
 import "../__chunks/U7WGY7YX.js";
 import "../__chunks/JSLLR7RC.js";
 import "../__chunks/CLF4PQ7T.js";

package/esm/menu/menu-button.js

@@ -65,14 +65,12 @@ function getInitialFocus(event, dir) {
   };
   return keyMap[event.key];
 }
-function hasActiveItem(items, currentTarget, relatedTarget) {
+function hasActiveItem(items, excludeElement) {
   return !!(items == null ? void 0 : items.some((item) => {
     if (!item.element)
       return false;
-    if (item.element === currentTarget)
+    if (item.element === excludeElement)
       return false;
-    if (item.element === relatedTarget)
-      return true;
     return item.element.getAttribute("aria-expanded") === "true";
   }));
 }
@@ -91,6 +89,14 @@ var useMenuButton = createHook(
     const hasParentMenu = !!parentMenu;
     const parentIsMenubar = !!parentMenubar && !hasParentMenu;
     const disabled = disabledFromProps(props);
+    const showMenu = () => {
+      const trigger = ref.current;
+      if (!trigger)
+        return;
+      store == null ? void 0 : store.setDisclosureElement(trigger);
+      store == null ? void 0 : store.setAnchorElement(trigger);
+      store == null ? void 0 : store.show();
+    };
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
@@ -105,10 +111,8 @@ var useMenuButton = createHook(
       if (!parentIsMenubar)
         return;
       const { items } = parentMenubar.getState();
-      if (hasActiveItem(items, event.currentTarget, event.relatedTarget)) {
-        store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
-        store == null ? void 0 : store.show();
+      if (hasActiveItem(items, event.currentTarget)) {
+        showMenu();
       }
     });
     const dir = store.useState(
@@ -124,9 +128,7 @@ var useMenuButton = createHook(
       const initialFocus = getInitialFocus(event, dir);
       if (initialFocus) {
         event.preventDefault();
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
-        store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
-        store == null ? void 0 : store.show();
+        showMenu();
         store == null ? void 0 : store.setAutoFocusOnShow(true);
         store == null ? void 0 : store.setInitialFocus(initialFocus);
       }
@@ -147,7 +149,7 @@ var useMenuButton = createHook(
         store.setInitialFocus(isKeyboardClick ? "first" : "container");
       }
       if (hasParentMenu) {
-        store.show();
+        showMenu();
       }
     });
     props = useWrapElement(
@@ -180,16 +182,26 @@ var useMenuButton = createHook(
       accessibleWhenDisabled
     }, props), {
       showOnHover: (event) => {
-        if (typeof showOnHover === "function")
-          return showOnHover(event);
-        if (showOnHover != null)
-          return showOnHover;
-        if (hasParentMenu)
-          return true;
-        if (!parentMenubar)
+        const getShowOnHover = () => {
+          if (typeof showOnHover === "function")
+            return showOnHover(event);
+          if (showOnHover != null)
+            return showOnHover;
+          if (hasParentMenu)
+            return true;
+          if (!parentMenubar)
+            return false;
+          const { items } = parentMenubar.getState();
+          return parentIsMenubar && hasActiveItem(items);
+        };
+        const canShowOnHover = getShowOnHover();
+        if (!canShowOnHover)
           return false;
-        const { items } = parentMenubar.getState();
-        return parentIsMenubar && hasActiveItem(items);
+        const parent = parentIsMenubar ? parentMenubar : parentMenu;
+        if (!parent)
+          return true;
+        parent.setActiveId(event.currentTarget.id);
+        return true;
       }
     }));
     props = usePopoverDisclosure(__spreadValues({

package/esm/menu/menu-item-checkbox.js

@@ -2,18 +2,18 @@
 import {
   useCheckbox
 } from "../__chunks/D42GAV4S.js";
+import "../__chunks/VPR2WHQV.js";
 import {
   useCheckboxStore
 } from "../__chunks/BI7ZXWGY.js";
-import "../__chunks/VPR2WHQV.js";
 import {
   useMenuItem
-} from "../__chunks/W3TC4TID.js";
+} from "../__chunks/JRUYDVPB.js";
 import {
   useMenuScopedContext
 } from "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/BRO2JF5P.js";
+import "../__chunks/G6ONQ5EH.js";
 import "../__chunks/6XBVQI3K.js";
 import "../__chunks/5PEPOQU7.js";
 import "../__chunks/NWCBQ4CV.js";

package/esm/menu/menu-item-radio.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useMenuItem
-} from "../__chunks/W3TC4TID.js";
+} from "../__chunks/JRUYDVPB.js";
 import {
   MenuItemCheckedContext,
   useMenuScopedContext
@@ -11,7 +11,7 @@ import {
   useRadio
 } from "../__chunks/SZD4L3WR.js";
 import "../__chunks/XEV62JUQ.js";
-import "../__chunks/BRO2JF5P.js";
+import "../__chunks/G6ONQ5EH.js";
 import "../__chunks/5PEPOQU7.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/UH3I23HL.js";

package/esm/menu/menu-item.js

@@ -2,10 +2,10 @@
 import {
   MenuItem,
   useMenuItem
-} from "../__chunks/W3TC4TID.js";
+} from "../__chunks/JRUYDVPB.js";
 import "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/BRO2JF5P.js";
+import "../__chunks/G6ONQ5EH.js";
 import "../__chunks/5PEPOQU7.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/UH3I23HL.js";

package/esm/menu/menu-provider.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   useMenuStore
-} from "../__chunks/PHTJ3BCW.js";
+} from "../__chunks/7HYEBVZE.js";
 import {
   MenuContextProvider
 } from "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/MTC2KUZZ.js";
+import "../__chunks/W76OTZCC.js";
 import "../__chunks/ELWRSPQ7.js";
 import "../__chunks/5A2VZUUV.js";
 import "../__chunks/IB7YUKH5.js";

package/esm/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/esm/menu/menu-store.js

@@ -2,10 +2,10 @@
 import {
   useMenuStore,
   useMenuStoreProps
-} from "../__chunks/PHTJ3BCW.js";
+} from "../__chunks/7HYEBVZE.js";
 import "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/MTC2KUZZ.js";
+import "../__chunks/W76OTZCC.js";
 import "../__chunks/ELWRSPQ7.js";
 import "../__chunks/5A2VZUUV.js";
 import "../__chunks/IB7YUKH5.js";

package/esm/menu/menu.js

@@ -13,9 +13,9 @@ import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import {
   useHovercard
-} from "../__chunks/YGJUONJM.js";
+} from "../__chunks/BONLQCKO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/KB2HXEVC.js";
+import "../__chunks/WBQC3LL4.js";
 import {
   createDialogComponent
 } from "../__chunks/U7WGY7YX.js";

package/esm/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/esm/popover/popover.js

@@ -2,7 +2,7 @@
 import {
   Popover,
   usePopover
-} from "../__chunks/KB2HXEVC.js";
+} from "../__chunks/WBQC3LL4.js";
 import "../__chunks/U7WGY7YX.js";
 import "../__chunks/JSLLR7RC.js";
 import "../__chunks/CLF4PQ7T.js";

package/esm/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/esm/select/select-item.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCompositeHover
-} from "../__chunks/BRO2JF5P.js";
+} from "../__chunks/G6ONQ5EH.js";
 import {
   SelectItemCheckedContext,
   useSelectScopedContext
@@ -45,9 +45,9 @@ import { isDownloading, isOpeningInNewTab } from "@ariakit/core/utils/events";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "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 = createHook(
     const selected = store.useState((state) => isSelected(state.value, value));
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected, children: element }),
+      (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
     const contentElement = store.useState("contentElement");

package/esm/select/select-label.js

@@ -1,6 +1,6 @@
 "use client";
 import {
-  useSelectScopedContext
+  useSelectProviderContext
 } from "../__chunks/5HVNGX6D.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
@@ -29,7 +29,7 @@ import { invariant } from "@ariakit/core/utils/misc";
 var useSelectLabel = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useSelectScopedContext();
+    const context = useSelectProviderContext();
     store = store || context;
     invariant(
       store,

package/esm/select/select-popover.js

@@ -12,7 +12,7 @@ import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import {
   usePopover
-} from "../__chunks/KB2HXEVC.js";
+} from "../__chunks/WBQC3LL4.js";
 import {
   createDialogComponent
 } from "../__chunks/U7WGY7YX.js";

package/esm/select/select-provider.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   useSelectStore
-} from "../__chunks/NE6JAKK6.js";
-import "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/P3UZS6BC.js";
+import "../__chunks/W76OTZCC.js";
 import {
   SelectContextProvider
 } from "../__chunks/5HVNGX6D.js";

package/esm/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/esm/select/select-store.js

@@ -2,8 +2,8 @@
 import {
   useSelectStore,
   useSelectStoreProps
-} from "../__chunks/NE6JAKK6.js";
-import "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/P3UZS6BC.js";
+import "../__chunks/W76OTZCC.js";
 import "../__chunks/ELWRSPQ7.js";
 import "../__chunks/5A2VZUUV.js";
 import "../__chunks/IB7YUKH5.js";