@ariakit/react-core 0.4.3 → 0.4.5

package/cjs/combobox/combobox-cancel.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _IXJIFLOAcjs = require('../__chunks/IXJIFLOA.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+var _IXJIFLOAcjs = require('../__chunks/IXJIFLOA.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/77BAEZ2Z.cjs');
@@ -44,7 +44,7 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "1pt",
+    strokeWidth: 1.5,
     width: "1em",
     height: "1em",
     pointerEvents: "none",

package/cjs/combobox/combobox-disclosure.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+
+
 var _BSEVPIKOcjs = require('../__chunks/BSEVPIKO.cjs');
 require('../__chunks/27SIFUY3.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
-
-
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/77BAEZ2Z.cjs');
@@ -43,7 +43,7 @@ var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "1.5pt",
+    strokeWidth: 1.5,
     viewBox: "0 0 16 16",
     height: "1em",
     width: "1em",

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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _A356CGNDcjs = require('../__chunks/A356CGND.cjs');
+var _JDCTLYQ4cjs = require('../__chunks/JDCTLYQ4.cjs');
 require('../__chunks/ERFHNHON.cjs');
 
 
@@ -31,7 +31,7 @@ var useComboboxItemCheck = _NGD3IQDBcjs.createHook.call(void 0, function useComb
   var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
   const context = _react.useContext.call(void 0, _2IJSEADJcjs.ComboboxItemCheckedContext);
   checked = checked != null ? checked : context;
-  props = _A356CGNDcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
+  props = _JDCTLYQ4cjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
   return props;
 });
 var ComboboxItemCheck = _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxItemCheck2(props) {

package/cjs/combobox/combobox-item.cjs

@@ -4,15 +4,15 @@
 var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
 
 
-var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
 
 
 
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+var _3HMQOCLFcjs = require('../__chunks/3HMQOCLF.cjs');
 require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
@@ -74,8 +74,9 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
       store,
       value,
       hideOnClick,
-      selectValueOnClick = true,
       setValueOnClick,
+      selectValueOnClick = true,
+      resetValueOnSelect,
       focusOnHover = false,
       moveOnKeyPress = true,
       getItem: getItemProp
@@ -83,12 +84,14 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
       "store",
       "value",
       "hideOnClick",
-      "selectValueOnClick",
       "setValueOnClick",
+      "selectValueOnClick",
+      "resetValueOnSelect",
       "focusOnHover",
       "moveOnKeyPress",
       "getItem"
     ]);
+    var _a2;
     const context = _2IJSEADJcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
@@ -108,11 +111,18 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
     const multiSelectable = store.useState(
       (state) => Array.isArray(state.selectedValue)
     );
+    const selected = store.useState(
+      (state) => isSelected(state.selectedValue, value)
+    );
+    const resetValueOnSelectState = store.useState("resetValueOnSelect");
     setValueOnClick = setValueOnClick != null ? setValueOnClick : !multiSelectable;
     hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
     const onClickProp = props.onClick;
     const setValueOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, setValueOnClick);
     const selectValueOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, selectValueOnClick);
+    const resetValueOnSelectProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, 
+      (_a2 = resetValueOnSelect != null ? resetValueOnSelect : resetValueOnSelectState) != null ? _a2 : multiSelectable
+    );
     const hideOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, hideOnClick);
     const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
@@ -124,6 +134,9 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       if (value != null) {
         if (selectValueOnClickProp(event)) {
+          if (resetValueOnSelectProp(event)) {
+            store == null ? void 0 : store.resetValue();
+          }
           store == null ? void 0 : store.setSelectedValue((prevValue) => {
             if (!Array.isArray(prevValue))
               return value;
@@ -159,9 +172,6 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
         }
       }
     });
-    const selected = store.useState(
-      (state) => isSelected(state.selectedValue, value)
-    );
     if (multiSelectable && selected != null) {
       props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
         "aria-selected": selected
@@ -181,7 +191,7 @@ var useComboboxItem = _NGD3IQDBcjs.createHook.call(void 0,
       onKeyDown
     });
     const moveOnKeyPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,

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

@@ -93,6 +93,20 @@ export interface ComboboxItemOptions<T extends ElementType = TagName> extends Co
      * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether to set the combobox
+     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * using this item's
+     * [`value`](https://ariakit.org/reference/combobox-item#value) when the item
+     * is clicked. The default is `true`, unless the combobox is
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
+     *
+     * Live examples:
+     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     */
+    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether to set the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
@@ -108,19 +122,15 @@ export interface ComboboxItemOptions<T extends ElementType = TagName> extends Co
      */
     selectValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Whether to set the combobox
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
-     * using this item's
-     * [`value`](https://ariakit.org/reference/combobox-item#value) when the item
-     * is clicked. The default is `true`, unless the combobox is
-     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
-     *
-     * Live examples:
-     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
-     * - [Submenu with
-     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     * Whether to reset the the combobox input value when this item is selected or
+     * unselected by click. This prop is set to `true` by default if
+     * the combobox supports multiple selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      */
-    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    resetValueOnSelect?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * @default false
      */

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

@@ -93,6 +93,20 @@ export interface ComboboxItemOptions<T extends ElementType = TagName> extends Co
      * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether to set the combobox
+     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * using this item's
+     * [`value`](https://ariakit.org/reference/combobox-item#value) when the item
+     * is clicked. The default is `true`, unless the combobox is
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
+     *
+     * Live examples:
+     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     */
+    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether to set the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
@@ -108,19 +122,15 @@ export interface ComboboxItemOptions<T extends ElementType = TagName> extends Co
      */
     selectValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Whether to set the combobox
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
-     * using this item's
-     * [`value`](https://ariakit.org/reference/combobox-item#value) when the item
-     * is clicked. The default is `true`, unless the combobox is
-     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
-     *
-     * Live examples:
-     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
-     * - [Submenu with
-     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     * Whether to reset the the combobox input value when this item is selected or
+     * unselected by click. This prop is set to `true` by default if
+     * the combobox supports multiple selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      */
-    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    resetValueOnSelect?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * @default false
      */

package/cjs/combobox/combobox-popover.cjs

@@ -9,32 +9,32 @@ require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
+var _N43E53E6cjs = require('../__chunks/N43E53E6.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
-require('../__chunks/TSEXNK3K.cjs');
-require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/37BRXQN7.cjs');
-require('../__chunks/MU7F4QWJ.cjs');
-require('../__chunks/PVYTX5U5.cjs');
-require('../__chunks/DLIQLPX4.cjs');
+var _QJDA4LG6cjs = require('../__chunks/QJDA4LG6.cjs');
+require('../__chunks/VR6GCLOV.cjs');
 require('../__chunks/UUJ5Q6IA.cjs');
 require('../__chunks/4H7FYXWQ.cjs');
+require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/JKERATCG.cjs');
+require('../__chunks/BX2QEIBH.cjs');
+require('../__chunks/MU7F4QWJ.cjs');
+require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
 require('../__chunks/CXZMA435.cjs');
 require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/SL55T4ZB.cjs');
 require('../__chunks/3ND7K6FF.cjs');
-require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/DLIQLPX4.cjs');
 require('../__chunks/AFPGTIIH.cjs');
 require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/PE3KUHN6.cjs');
 require('../__chunks/AXNMZ6L6.cjs');
 require('../__chunks/CVD2AZE2.cjs');
-require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/7CYY7U2A.cjs');
+require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/77BAEZ2Z.cjs');
 require('../__chunks/GDEDCFNU.cjs');
 require('../__chunks/NTNMOEWE.cjs');
@@ -48,7 +48,9 @@ require('../__chunks/LLMPAMXI.cjs');
 var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
 require('../__chunks/V3ZO7ICA.cjs');
 require('../__chunks/N6YOHUBI.cjs');
-require('../__chunks/GXMZA6DT.cjs');
+
+
+var _GXMZA6DTcjs = require('../__chunks/GXMZA6DT.cjs');
 require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -58,6 +60,7 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-popover.tsx
+var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "div";
@@ -79,12 +82,14 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
       modal,
       tabIndex,
       alwaysVisible,
+      autoFocusOnHide = true,
       hideOnInteractOutside = true
     } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "modal",
       "tabIndex",
       "alwaysVisible",
+      "autoFocusOnHide",
       "hideOnInteractOutside"
     ]);
     const context = _2IJSEADJcjs.useComboboxProviderContext.call(void 0, );
@@ -94,16 +99,21 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const baseElement = store.useState("baseElement");
+    const hiddenByClickOutsideRef = _react.useRef.call(void 0, false);
+    const treeSnapshotKey = _GXMZA6DTcjs.useStoreState.call(void 0, 
+      store.tag,
+      (state) => state == null ? void 0 : state.renderedItems.length
+    );
     props = _Q6MAE3CVcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _DCTXNU2Xcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _N43E53E6cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       alwaysVisible,
       backdrop: false,
       autoFocusOnShow: false,
-      autoFocusOnHide: false,
       finalFocus: baseElement,
-      preserveTabOrderAnchor: null
+      preserveTabOrderAnchor: null,
+      unstable_treeSnapshotKey: treeSnapshotKey
     }, props), {
       // When the combobox popover is modal, we make sure to include the
       // combobox input and all the combobox controls (cancel, disclosure) in
@@ -133,6 +143,18 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
         const controlElements = doc.querySelectorAll(selector);
         return [...elements, ...controlElements];
       },
+      // The combobox popover should focus on the combobox input when it hides,
+      // unless the event was triggered by a click outside the popover, in which
+      // case the input shouldn't be re-focused.
+      autoFocusOnHide(element) {
+        if (_misc.isFalsyBooleanCallback.call(void 0, autoFocusOnHide, element))
+          return false;
+        if (hiddenByClickOutsideRef.current) {
+          hiddenByClickOutsideRef.current = false;
+          return false;
+        }
+        return true;
+      },
       // Make sure we don't hide the popover when the user interacts with the
       // combobox cancel or the combobox disclosure buttons. They will have the
       // aria-controls attribute pointing to either the combobox input or the
@@ -145,13 +167,16 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
         if (isController(event.target, contentId, baseId))
           return false;
         const result = typeof hideOnInteractOutside === "function" ? hideOnInteractOutside(event) : hideOnInteractOutside;
+        if (result) {
+          hiddenByClickOutsideRef.current = event.type === "click";
+        }
         return result;
       }
     }));
     return props;
   }
 );
-var ComboboxPopover = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var ComboboxPopover = _QJDA4LG6cjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxPopover2(props) {
     const htmlProps = useComboboxPopover(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/combobox/combobox-provider.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NDVZ37O3cjs = require('../__chunks/NDVZ37O3.cjs');
+var _RG6U7KAScjs = require('../__chunks/RG6U7KAS.cjs');
 
 
 var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/PVLZGFP6.cjs');
 require('../__chunks/4H5ZMMOI.cjs');
 require('../__chunks/Q7DU7FP7.cjs');
 require('../__chunks/VPI3EKVY.cjs');
@@ -24,7 +25,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ComboboxProvider(props = {}) {
-  const store = _NDVZ37O3cjs.useComboboxStore.call(void 0, props);
+  const store = _RG6U7KAScjs.useComboboxStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2IJSEADJcjs.ComboboxContextProvider, { value: store, children: props.children });
 }
 

package/cjs/combobox/combobox-store.cjs

@@ -2,9 +2,13 @@
 
 
 
-var _NDVZ37O3cjs = require('../__chunks/NDVZ37O3.cjs');
+var _RG6U7KAScjs = require('../__chunks/RG6U7KAS.cjs');
+require('../__chunks/PVLZGFP6.cjs');
 require('../__chunks/4H5ZMMOI.cjs');
 require('../__chunks/Q7DU7FP7.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
 require('../__chunks/6RJSKW2C.cjs');
 require('../__chunks/V3ZO7ICA.cjs');
 require('../__chunks/N6YOHUBI.cjs');
@@ -15,4 +19,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useComboboxStore = _NDVZ37O3cjs.useComboboxStore; exports.useComboboxStoreProps = _NDVZ37O3cjs.useComboboxStoreProps;
+exports.useComboboxStore = _RG6U7KAScjs.useComboboxStore; exports.useComboboxStoreProps = _RG6U7KAScjs.useComboboxStoreProps;

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

@@ -2,9 +2,12 @@ import * as Core from "@ariakit/core/combobox/combobox-store";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { TagStore } from "../tag/tag-store.js";
 import type { Store } from "../utils/store.js";
 export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T & {
     disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+} & {
+    tag: TagStore | null | undefined;
 };
 /**
  * Creates a combobox store to control the state of
@@ -31,9 +34,9 @@ export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
 export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreFunctions<T>, "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Pick<ComboboxStoreOptions<T>, "tag">, Omit<Core.ComboboxStoreFunctions<T>, "tag" | "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
 }
-export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "tag" | "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
      * A callback that gets called when the
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state
@@ -61,8 +64,13 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      */
     setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
+    /**
+     * A reference to a [tag store](https://ariakit.org/apis/use-tag-store). It's
+     * automatically set when rendering a combobox within a tag list.
+     */
+    tag?: TagStore | null;
 }
-export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "disclosure"> {
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "tag" | "disclosure"> {
 }
-export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "disclosure"> {
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "tag" | "disclosure"> {
 }

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

@@ -2,9 +2,12 @@ import * as Core from "@ariakit/core/combobox/combobox-store";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { TagStore } from "../tag/tag-store.js";
 import type { Store } from "../utils/store.js";
 export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T & {
     disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+} & {
+    tag: TagStore | null | undefined;
 };
 /**
  * Creates a combobox store to control the state of
@@ -31,9 +34,9 @@ export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
 export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreFunctions<T>, "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Pick<ComboboxStoreOptions<T>, "tag">, Omit<Core.ComboboxStoreFunctions<T>, "tag" | "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
 }
-export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "tag" | "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
      * A callback that gets called when the
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state
@@ -61,8 +64,13 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      */
     setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
+    /**
+     * A reference to a [tag store](https://ariakit.org/apis/use-tag-store). It's
+     * automatically set when rendering a combobox within a tag list.
+     */
+    tag?: TagStore | null;
 }
-export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "disclosure"> {
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "tag" | "disclosure"> {
 }
-export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "disclosure"> {
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "tag" | "disclosure"> {
 }

package/cjs/combobox/combobox-value.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
+
+// src/combobox/combobox-value.tsx
+var _misc = require('@ariakit/core/utils/misc');
+function ComboboxValue({ store, children } = {}) {
+  const context = _2IJSEADJcjs.useComboboxContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "ComboboxValue must receive a `store` prop or be wrapped in a ComboboxProvider component."
+  );
+  const value = store.useState("value");
+  if (children) {
+    return children(value);
+  }
+  return value;
+}
+
+
+exports.ComboboxValue = ComboboxValue;

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
+/**
+ * Renders the current
+ * [`value`](https://ariakit.org/reference/use-combobox-store#value) state in
+ * the [combobox store](https://ariakit.org/reference/use-combobox-store).
+ *
+ * As a value component, it doesn't render any DOM elements and therefore
+ * doesn't accept HTML props.
+ *
+ * It takes a
+ * [`children`](https://ariakit.org/reference/combobox-value#children) function
+ * that gets called with the current value as an argument. This can be used as
+ * an uncontrolled API to render the combobox value in a custom way.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx {3-5}
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxValue>
+ *     {(value) => `Current value: ${value}`}
+ *   </ComboboxValue>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare function ComboboxValue({ store, children }?: ComboboxValueProps): ReactNode;
+export interface ComboboxValueProps {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the closest
+     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * component's context will be used.
+     */
+    store?: ComboboxStore;
+    /**
+     * A function that gets called with the current value as an argument. It can
+     * be used to render the combobox value in a custom way.
+     */
+    children?: (value: ComboboxStoreState["value"]) => ReactNode;
+}

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
+/**
+ * Renders the current
+ * [`value`](https://ariakit.org/reference/use-combobox-store#value) state in
+ * the [combobox store](https://ariakit.org/reference/use-combobox-store).
+ *
+ * As a value component, it doesn't render any DOM elements and therefore
+ * doesn't accept HTML props.
+ *
+ * It takes a
+ * [`children`](https://ariakit.org/reference/combobox-value#children) function
+ * that gets called with the current value as an argument. This can be used as
+ * an uncontrolled API to render the combobox value in a custom way.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx {3-5}
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxValue>
+ *     {(value) => `Current value: ${value}`}
+ *   </ComboboxValue>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare function ComboboxValue({ store, children }?: ComboboxValueProps): ReactNode;
+export interface ComboboxValueProps {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the closest
+     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * component's context will be used.
+     */
+    store?: ComboboxStore;
+    /**
+     * A function that gets called with the current value as an argument. It can
+     * be used to render the combobox value in a custom way.
+     */
+    children?: (value: ComboboxStoreState["value"]) => ReactNode;
+}