@ariakit/react-core 0.3.6 → 0.3.8

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @ariakit/react-core
 
+## 0.3.8
+
+### Multi-selectable Combobox
+
+We've added support for the [Combobox](https://ariakit.org/components/combobox) with multiple selection capabilities using a new [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue) prop, along with [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue) and [`setSelectedValue`](https://ariakit.org/reference/combobox-provider#setselectedvalue).
+
+This works similarly to the [`value`](https://ariakit.org/reference/select-provider#value) prop on [Select](https://ariakit.org/components/select) components. If it receives an array, the combobox will allow multiple selections. By default, it's a string that represents the selected value in a single-select combobox.
+
+Check out the [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) example to see it in action.
+
+### New Combobox components
+
+This version introduces new [Combobox](https://ariakit.org/components/combobox) components:
+
+- [`ComboboxLabel`](https://ariakit.org/reference/combobox-label): This renders a `label` element for a [`Combobox`](https://ariakit.org/reference/combobox), with the `htmlFor` prop set automatically.
+- [`ComboboxItemCheck`](https://ariakit.org/reference/combobox-item-check): This displays a checkmark for a [`ComboboxItem`](https://ariakit.org/reference/combobox-item) when the item is selected.
+
+### Other updates
+
+- Added [`resetValueOnSelect`](https://ariakit.org/reference/combobox-provider#resetvalueonselect) state to [Combobox](https://ariakit.org/components/combobox) components.
+- Added [`selectValueOnClick`](https://ariakit.org/reference/combobox-item#selectvalueonclick) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
+- Fixed [`SelectItem`](https://ariakit.org/reference/select-item) rendering an `aria-selected` attribute even when the [`value`](https://ariakit.org/reference/select-item#value) prop is omitted.
+- Updated dependencies: `@ariakit/core@0.3.7`
+
+## 0.3.7
+
+### Expanding Menubar
+
+The [Menubar](https://ariakit.org/components/menubar) component will now only expand if there's another menu already expanded in the same menubar.
+
+### Internal data attribute changes
+
+Just like the change in v0.3.6 that removed the `data-command` and `data-disclosure` attributes from elements, this update stops the `data-composite-hover` attribute from infiltrating composite item elements in the DOM. We're mentioning this in the changelog as some users might have snapshot tests that require updating.
+
+### Other updates
+
+- Fixed `setSelectionRange` error when used with [unsupported](https://html.spec.whatwg.org/multipage/input.html#concept-input-apply) input types.
+- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) with [`showOnHover`](https://ariakit.org/reference/menu-button#showonhover) not updating the `activeId` state when hovered.
+- Updated [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) element type on [`Focusable`](https://ariakit.org/reference/focusable) from `Element` to `HTMLElement`.
+- Updated dependencies: `@ariakit/core@0.3.6`
+
 ## 0.3.6
 
 ### Data attributes for duplicate components

package/cjs/__chunks/{VEG6PRAG.cjs → 3WCBE6SU.cjs}

@@ -25,6 +25,7 @@ var ComboboxScopedContextProvider = ctx.ScopedContextProvider;
 var ComboboxItemValueContext = _react.createContext.call(void 0, 
   void 0
 );
+var ComboboxItemCheckedContext = _react.createContext.call(void 0, false);
 
 
 
@@ -33,4 +34,5 @@ var ComboboxItemValueContext = _react.createContext.call(void 0,
 
 
 
-exports.useComboboxContext = useComboboxContext; exports.useComboboxScopedContext = useComboboxScopedContext; exports.useComboboxProviderContext = useComboboxProviderContext; exports.ComboboxContextProvider = ComboboxContextProvider; exports.ComboboxScopedContextProvider = ComboboxScopedContextProvider; exports.ComboboxItemValueContext = ComboboxItemValueContext;
+
+exports.useComboboxContext = useComboboxContext; exports.useComboboxScopedContext = useComboboxScopedContext; exports.useComboboxProviderContext = useComboboxProviderContext; exports.ComboboxContextProvider = ComboboxContextProvider; exports.ComboboxScopedContextProvider = ComboboxScopedContextProvider; exports.ComboboxItemValueContext = ComboboxItemValueContext; exports.ComboboxItemCheckedContext = ComboboxItemCheckedContext;

package/cjs/__chunks/{45RPYV4J.cjs → EQ4A5RPW.cjs}

@@ -6,7 +6,7 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _ISGOCBDCcjs = require('./ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('./RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('./XFPRAS3J.cjs');
@@ -283,7 +283,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,

package/cjs/__chunks/{CILQPSH2.cjs → FA25CV2I.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _VEG6PRAGcjs = require('./VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
 
 
 var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
@@ -31,7 +31,7 @@ function useSelectStoreProps(store, update, props) {
   return Object.assign(store, { combobox: props.combobox });
 }
 function useSelectStore(props = {}) {
-  const combobox = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+  const combobox = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   });

package/cjs/__chunks/{RRW7YVFR.cjs → IPYAEPOT.cjs}

@@ -11,6 +11,7 @@ var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
+
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
@@ -19,6 +20,7 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-hover.ts
+var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
@@ -35,12 +37,17 @@ function hoveringInside(event) {
     return false;
   return _dom.contains.call(void 0, 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 = _dom.closest.call(void 0, dest, "[data-composite-hover]");
-  return !!item;
+  do {
+    if (_misc.hasOwnProperty.call(void 0, dest, symbol) && dest[symbol])
+      return true;
+    dest = dest.parentElement;
+  } while (dest);
+  return false;
 }
 var useCompositeHover = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
@@ -98,9 +105,13 @@ var useCompositeHover = _RNZNGEL4cjs.createHook.call(void 0,
       store == null ? void 0 : store.setActiveId(null);
       (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
-    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      "data-composite-hover": ""
-    }, props), {
+    const ref = _react.useCallback.call(void 0, (element) => {
+      if (!element)
+        return;
+      element[symbol] = true;
+    }, []);
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove,
       onMouseLeave
     });

package/cjs/__chunks/{AYDXWQBF.cjs → L3WS5HGI.cjs}

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

package/cjs/__chunks/{QU2266CJ.cjs → WH4I6OSN.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _VEG6PRAGcjs = require('./VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
 
 
 var _7BSMGTGRcjs = require('./7BSMGTGR.cjs');
@@ -19,6 +19,7 @@ var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
+
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
@@ -34,7 +35,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var useComboboxList = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, focusable = true, alwaysVisible } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "focusable", "alwaysVisible"]);
-    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -84,17 +85,24 @@ var useComboboxList = _RNZNGEL4cjs.createHook.call(void 0,
     });
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VEG6PRAGcjs.ComboboxScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3WCBE6SUcjs.ComboboxScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const mounted = store.useState("mounted");
     const hidden = _7BSMGTGRcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+    const multiSelectable = store.useState(
+      (state) => Array.isArray(state.selectedValue)
+    );
+    const role = _EO6LS72Hcjs.useAttribute.call(void 0, ref, "role", props.role);
+    const isCompositeRole = role === "listbox" || role === "tree" || role === "grid";
+    const ariaMultiSelectable = isCompositeRole ? multiSelectable || void 0 : void 0;
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
       hidden,
       role: "listbox",
-      tabIndex: focusable ? -1 : void 0
+      tabIndex: focusable ? -1 : void 0,
+      "aria-multiselectable": ariaMultiSelectable
     }, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
       style,

package/cjs/__chunks/{LVOI2KVN.cjs → XGKLTARH.cjs}

@@ -7,7 +7,7 @@ var _NGEKJJDHcjs = require('./NGEKJJDH.cjs');
 var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 
 
-var _VEG6PRAGcjs = require('./VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
 
 
 var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
@@ -42,7 +42,7 @@ function useMenuStoreProps(store, update, props) {
 function useMenuStore(props = {}) {
   const parent = _NGEKJJDHcjs.useMenuContext.call(void 0, );
   const menubar = _7LBZXSLYcjs.useMenubarContext.call(void 0, );
-  const combobox = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+  const combobox = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     parent: props.parent !== void 0 ? props.parent : parent,
     menubar: props.menubar !== void 0 ? props.menubar : menubar,

package/cjs/__chunks/{4GLXDOKG.cjs → YAPOM5RT.cjs}

@@ -7,7 +7,7 @@ var _NGEKJJDHcjs = require('./NGEKJJDH.cjs');
 var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 
 
-var _RRW7YVFRcjs = require('./RRW7YVFR.cjs');
+var _IPYAEPOTcjs = require('./IPYAEPOT.cjs');
 
 
 var _P43G7USHcjs = require('./P43G7USH.cjs');
@@ -109,7 +109,7 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
       onClick
     });
     props = _P43G7USHcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
-    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), {
       focusOnHover: (event) => {

package/cjs/checkbox/checkbox-provider.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
+var _63UPRTFZcjs = require('../__chunks/63UPRTFZ.cjs');
 
 
-var _63UPRTFZcjs = require('../__chunks/63UPRTFZ.cjs');
+var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
 require('../__chunks/RNZNGEL4.cjs');
 require('../__chunks/OALXXRFM.cjs');
 require('../__chunks/EO6LS72H.cjs');

package/cjs/combobox/combobox-cancel.cjs

@@ -4,7 +4,7 @@
 var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
@@ -54,7 +54,7 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
 var useComboboxCancel = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,

package/cjs/combobox/combobox-context.cjs

@@ -6,7 +6,8 @@
 
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/UVBBMANL.cjs');
@@ -23,4 +24,5 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ComboboxContextProvider = _VEG6PRAGcjs.ComboboxContextProvider; exports.ComboboxItemValueContext = _VEG6PRAGcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _VEG6PRAGcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _VEG6PRAGcjs.useComboboxContext; exports.useComboboxProviderContext = _VEG6PRAGcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _VEG6PRAGcjs.useComboboxScopedContext;
+
+exports.ComboboxContextProvider = _3WCBE6SUcjs.ComboboxContextProvider; exports.ComboboxItemCheckedContext = _3WCBE6SUcjs.ComboboxItemCheckedContext; exports.ComboboxItemValueContext = _3WCBE6SUcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _3WCBE6SUcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _3WCBE6SUcjs.useComboboxContext; exports.useComboboxProviderContext = _3WCBE6SUcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _3WCBE6SUcjs.useComboboxScopedContext;

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

@@ -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/cjs/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/cjs/combobox/combobox-disclosure.cjs

@@ -6,7 +6,7 @@ require('../__chunks/LFHNPG2L.cjs');
 require('../__chunks/5UTRYT6E.cjs');
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
@@ -53,7 +53,7 @@ var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
 var useComboboxDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,

package/cjs/combobox/combobox-item-check.cjs

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _T4KYZJUYcjs = require('../__chunks/T4KYZJUY.cjs');
+require('../__chunks/ERFHNHON.cjs');
+
+
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+
+
+
+
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+
+// src/combobox/combobox-item-check.ts
+var _react = require('react');
+var useComboboxItemCheck = _RNZNGEL4cjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
+    const context = _react.useContext.call(void 0, _3WCBE6SUcjs.ComboboxItemCheckedContext);
+    checked = checked != null ? checked : context;
+    props = _T4KYZJUYcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    return props;
+  }
+);
+var ComboboxItemCheck = _RNZNGEL4cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useComboboxItemCheck(props);
+    return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  ComboboxItemCheck.displayName = "ComboboxItemCheck";
+}
+
+
+
+exports.ComboboxItemCheck = ComboboxItemCheck; exports.useComboboxItemCheck = useComboboxItemCheck;

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

@@ -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>>;

package/cjs/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>>;

package/cjs/combobox/combobox-item-value.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/UVBBMANL.cjs');
@@ -53,9 +53,9 @@ function splitValue(itemValue, userValue) {
 var useComboboxItemValue = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, value } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "value"]);
-    const context = _VEG6PRAGcjs.useComboboxScopedContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
-    const itemContext = _react.useContext.call(void 0, _VEG6PRAGcjs.ComboboxItemValueContext);
+    const itemContext = _react.useContext.call(void 0, _3WCBE6SUcjs.ComboboxItemValueContext);
     const itemValue = value != null ? value : itemContext;
     _misc.invariant.call(void 0, 
       store,