@ariakit/react-core 0.4.4 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ariakit/react-core
 
+## 0.4.5
+
+### Multi-selectable Combobox with inline autocomplete
+
+When rendering a [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) with the [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) prop set to `"inline"` or `"both"`, the completion string will no longer be inserted into the input upon deselecting an item. This is because the completion string generally represents an addition action, whereas deselecting an item is a removal action.
+
+### Other updates
+
+- Added new experimental Tag components.
+- Updated [`Combobox`](https://ariakit.org/reference/combobox) to no longer use `ReactDOM.flushSync` when updating the value.
+- Added new [`resetValueOnSelect`](https://ariakit.org/reference/combobox-item#resetvalueonselect) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
+- Added new [`resetValue`](https://ariakit.org/reference/use-combobox-store#resetvalue) method to combobox store.
+- Added experimental `ComboboxValue` component.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.5`
+
 ## 0.4.4
 
 ### Combobox `autoFocusOnHide` behavior

package/cjs/__chunks/{QUHFOHHT.cjs → 3HMQOCLF.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _U4NXCMZ3cjs = require('./U4NXCMZ3.cjs');
+var _HD5AHCRIcjs = require('./HD5AHCRI.cjs');
 
 
-var _HD5AHCRIcjs = require('./HD5AHCRI.cjs');
+var _U4NXCMZ3cjs = require('./U4NXCMZ3.cjs');
 
 
 
@@ -47,6 +47,7 @@ var _react = require('react');
 
 
 
+
 var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 
@@ -55,26 +56,11 @@ var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
-function isTextbox(element) {
-  return element.isContentEditable || _dom.isTextField.call(void 0, element);
-}
 function isEditableElement(element) {
-  if (element.isContentEditable)
-    return true;
-  if (_dom.isTextField.call(void 0, element))
+  if (_dom.isTextbox.call(void 0, element))
     return true;
   return element.tagName === "INPUT" && !_dom.isButton.call(void 0, element);
 }
-function getValueLength(element) {
-  if (_dom.isTextField.call(void 0, element)) {
-    return element.value.length;
-  } else if (element.isContentEditable) {
-    const range = _dom.getDocument.call(void 0, element).createRange();
-    range.selectNodeContents(element);
-    return range.toString().length;
-  }
-  return 0;
-}
 function getNextPageOffset(scrollingElement, pageUp = false) {
   const height = scrollingElement.clientHeight;
   const { top } = scrollingElement.getBoundingClientRect();
@@ -233,7 +219,7 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
         return;
       const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
       store.setActiveId(id);
-      if (isTextbox(event.currentTarget)) {
+      if (_dom.isTextbox.call(void 0, event.currentTarget)) {
         _6ZZYUFPWcjs.selectTextField.call(void 0, event.currentTarget);
       }
       if (!virtualFocus2)
@@ -322,21 +308,18 @@ var useCompositeItem = _NGD3IQDBcjs.createHook.call(void 0,
       };
       const action = keyMap[event.key];
       if (action) {
-        if (isTextbox(currentTarget)) {
+        if (_dom.isTextbox.call(void 0, currentTarget)) {
           const selection = _dom.getTextboxSelection.call(void 0, currentTarget);
           const isLeft = isHorizontal && event.key === "ArrowLeft";
           const isRight = isHorizontal && event.key === "ArrowRight";
           const isUp = isVertical && event.key === "ArrowUp";
           const isDown = isVertical && event.key === "ArrowDown";
           if (isRight || isDown) {
-            if (selection.end !== getValueLength(currentTarget)) {
+            const { length: valueLength } = _dom.getTextboxValue.call(void 0, currentTarget);
+            if (selection.end !== valueLength)
               return;
-            }
-          } else if (isLeft || isUp) {
-            if (selection.start !== 0) {
-              return;
-            }
-          }
+          } else if ((isLeft || isUp) && selection.start !== 0)
+            return;
         }
         const nextId = action();
         if (preventScrollOnKeyDownProp(event) || nextId !== void 0) {

package/cjs/__chunks/{YO7LLGVA.cjs → AY5J25V7.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QUHFOHHTcjs = require('./QUHFOHHT.cjs');
+var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
 
 
 var _MVDQWSSVcjs = require('./MVDQWSSV.cjs');
@@ -23,7 +23,7 @@ var useToolbarItem = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{4XVTH6OR.cjs → DFXPO2ED.cjs}

@@ -10,7 +10,7 @@ var _MNMEDFSMcjs = require('./MNMEDFSM.cjs');
 var _Q6QJEXBKcjs = require('./Q6QJEXBK.cjs');
 
 
-var _QUHFOHHTcjs = require('./QUHFOHHT.cjs');
+var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
 
 
 
@@ -112,7 +112,7 @@ var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));

package/cjs/__chunks/{HPNCFYQJ.cjs → GZ2NNSLV.cjs}

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _COWKMNMZcjs = require('./COWKMNMZ.cjs');
+var _N43E53E6cjs = require('./N43E53E6.cjs');
 
 
-var _ZTAE5B6Wcjs = require('./ZTAE5B6W.cjs');
+var _QJDA4LG6cjs = require('./QJDA4LG6.cjs');
 
 
 
@@ -284,7 +284,7 @@ var useHovercard = _NGD3IQDBcjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _COWKMNMZcjs.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,
       portal,
@@ -305,7 +305,7 @@ var useHovercard = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
+var Hovercard = _QJDA4LG6cjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Hovercard2(props) {
     const htmlProps = useHovercard(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/__chunks/ISJGSS4S.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/tag/utils.ts
+var _react = require('react');
+var _platform = require('@ariakit/core/utils/platform');
+function useTouchDevice() {
+  const [touchDevice, setTouchDevice] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setTouchDevice(_platform.isTouchDevice.call(void 0, ));
+  }, []);
+  return touchDevice;
+}
+
+
+
+exports.useTouchDevice = useTouchDevice;

package/cjs/__chunks/{COWKMNMZ.cjs → N43E53E6.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _ZTAE5B6Wcjs = require('./ZTAE5B6W.cjs');
+var _QJDA4LG6cjs = require('./QJDA4LG6.cjs');
 
 
 
@@ -355,7 +355,7 @@ var usePopover = _NGD3IQDBcjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _ZTAE5B6Wcjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _QJDA4LG6cjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -368,7 +368,7 @@ var usePopover = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
+var Popover = _QJDA4LG6cjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Popover2(props) {
     const htmlProps = usePopover(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/__chunks/{54YZYOPA.cjs → NRPEUNJB.cjs}

@@ -4,7 +4,7 @@
 var _OHXBMXTNcjs = require('./OHXBMXTN.cjs');
 
 
-var _QUHFOHHTcjs = require('./QUHFOHHT.cjs');
+var _3HMQOCLFcjs = require('./3HMQOCLF.cjs');
 
 
 
@@ -147,7 +147,7 @@ var useRadio = _NGD3IQDBcjs.createHook.call(void 0, function useRadio2(_a) {
     onClick,
     onFocus
   });
-  props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     clickOnEnter: !nativeRadio
   }, props));

package/cjs/__chunks/PVLZGFP6.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+
+
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+
+// src/tag/tag-context.tsx
+var _react = require('react');
+var TagValueContext = _react.createContext.call(void 0, null);
+var TagRemoveIdContext = _react.createContext.call(void 0, 
+  null
+);
+var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
+  [_VPI3EKVYcjs.CompositeContextProvider],
+  [_VPI3EKVYcjs.CompositeScopedContextProvider]
+);
+var useTagContext = ctx.useContext;
+var useTagScopedContext = ctx.useScopedContext;
+var useTagProviderContext = ctx.useProviderContext;
+var TagContextProvider = ctx.ContextProvider;
+var TagScopedContextProvider = ctx.ScopedContextProvider;
+
+
+
+
+
+
+
+
+
+exports.TagValueContext = TagValueContext; exports.TagRemoveIdContext = TagRemoveIdContext; exports.useTagContext = useTagContext; exports.useTagScopedContext = useTagScopedContext; exports.useTagProviderContext = useTagProviderContext; exports.TagContextProvider = TagContextProvider; exports.TagScopedContextProvider = TagScopedContextProvider;

package/cjs/__chunks/{ZTAE5B6W.cjs → QJDA4LG6.cjs}

@@ -1,33 +1,33 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TSEXNK3Kcjs = require('./TSEXNK3K.cjs');
+var _VR6GCLOVcjs = require('./VR6GCLOV.cjs');
 
 
-var _JF225FQ5cjs = require('./JF225FQ5.cjs');
+var _UUJ5Q6IAcjs = require('./UUJ5Q6IA.cjs');
 
 
+var _4H7FYXWQcjs = require('./4H7FYXWQ.cjs');
 
-var _37BRXQN7cjs = require('./37BRXQN7.cjs');
 
+var _JF225FQ5cjs = require('./JF225FQ5.cjs');
 
-var _PVYTX5U5cjs = require('./PVYTX5U5.cjs');
 
 
-var _UUJ5Q6IAcjs = require('./UUJ5Q6IA.cjs');
+var _JKERATCGcjs = require('./JKERATCG.cjs');
 
 
-var _4H7FYXWQcjs = require('./4H7FYXWQ.cjs');
 
+var _BX2QEIBHcjs = require('./BX2QEIBH.cjs');
 
 
-var _JKERATCGcjs = require('./JKERATCG.cjs');
+var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
 
 
 var _CXZMA435cjs = require('./CXZMA435.cjs');
 
 
-var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
+var _SL55T4ZBcjs = require('./SL55T4ZB.cjs');
 
 
 var _AFPGTIIHcjs = require('./AFPGTIIH.cjs');
@@ -136,7 +136,8 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     autoFocusOnHide = true,
     initialFocus,
     finalFocus,
-    unmountOnHide
+    unmountOnHide,
+    unstable_treeSnapshotKey
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "store",
     "open",
@@ -153,7 +154,8 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     "autoFocusOnHide",
     "initialFocus",
     "finalFocus",
-    "unmountOnHide"
+    "unmountOnHide",
+    "unstable_treeSnapshotKey"
   ]);
   const context = _GDEDCFNUcjs.useDialogProviderContext.call(void 0, );
   const ref = _react.useRef.call(void 0, null);
@@ -186,7 +188,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
   const mounted = store.useState("mounted");
   const contentElement = store.useState("contentElement");
   const hidden = _7CYY7U2Acjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
-  _PVYTX5U5cjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
+  _SL55T4ZBcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
   _4H7FYXWQcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
   const { wrapElement, nestedDialogs } = _UUJ5Q6IAcjs.useNestedDialogs.call(void 0, store);
   props = _TW3SFX4Ccjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
@@ -259,7 +261,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     const dialog = ref.current;
     if (!dialog)
       return;
-    return _37BRXQN7cjs.disableTree.call(void 0, dialog);
+    return _BX2QEIBHcjs.disableTree.call(void 0, dialog);
   }, [open, mounted, domReady]);
   const canTakeTreeSnapshot = open && domReady;
   _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
@@ -269,7 +271,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
       return;
     const dialog = ref.current;
     return _CXZMA435cjs.createWalkTreeSnapshot.call(void 0, id, [dialog]);
-  }, [id, canTakeTreeSnapshot]);
+  }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);
   const getPersistentElementsProp = _TW3SFX4Ccjs.useEvent.call(void 0, getPersistentElements);
   _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
     if (!id)
@@ -287,7 +289,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     if (modal) {
       return _misc.chain.call(void 0, 
         _JKERATCGcjs.markTreeOutside.call(void 0, id, allElements),
-        _37BRXQN7cjs.disableTreeOutside.call(void 0, id, allElements)
+        _BX2QEIBHcjs.disableTreeOutside.call(void 0, id, allElements)
       );
     }
     return _JKERATCGcjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
@@ -297,7 +299,8 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
     canTakeTreeSnapshot,
     getPersistentElementsProp,
     nestedDialogs,
-    modal
+    modal,
+    unstable_treeSnapshotKey
   ]);
   const mayAutoFocusOnShow = !!autoFocusOnShow;
   const autoFocusOnShowProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, autoFocusOnShow);
@@ -469,7 +472,7 @@ var useDialog = _NGD3IQDBcjs.createHook.call(void 0, function useDialog2(_a) {
         return element;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _TSEXNK3Kcjs.DialogBackdrop,
+          _VR6GCLOVcjs.DialogBackdrop,
           {
             store,
             backdrop,

package/cjs/__chunks/{NDVZ37O3.cjs → RG6U7KAS.cjs}

@@ -1,6 +1,9 @@
 "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 _PVLZGFP6cjs = require('./PVLZGFP6.cjs');
+
+
 var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
 
 
@@ -10,20 +13,35 @@ var _6RJSKW2Ccjs = require('./6RJSKW2C.cjs');
 
 var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
+
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
 // src/combobox/combobox-store.ts
 var _comboboxstore = require('@ariakit/core/combobox/combobox-store'); var Core = _interopRequireWildcard(_comboboxstore);
 function useComboboxStoreProps(store, update, props) {
+  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.tag]);
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
   _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
-  return _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, 
-    _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, store, update, props),
-    update,
-    props
+  return Object.assign(
+    _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, 
+      _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, store, update, props),
+      update,
+      props
+    ),
+    { tag: props.tag }
   );
 }
 function useComboboxStore(props = {}) {
+  const tag = _PVLZGFP6cjs.useTagContext.call(void 0, );
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    tag: props.tag !== void 0 ? props.tag : tag
+  });
   const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createComboboxStore, props);
   return useComboboxStoreProps(store, update, props);
 }

package/cjs/__chunks/YWAHOWYE.cjs

@@ -0,0 +1,25 @@
+"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 _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
+
+
+
+var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+
+// src/tag/tag-store.ts
+var _tagstore = require('@ariakit/core/tag/tag-store'); var Core = _interopRequireWildcard(_tagstore);
+function useTagStoreProps(store, update, props) {
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  return _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, store, update, props);
+}
+function useTagStore(props = {}) {
+  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createTagStore, props);
+  return useTagStoreProps(store, update, props);
+}
+
+
+
+
+exports.useTagStoreProps = useTagStoreProps; exports.useTagStore = useTagStore;

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');

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');

package/cjs/combobox/combobox-item.cjs

@@ -4,15 +4,15 @@
 var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
 
 
-var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.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 = _QUHFOHHTcjs.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
      */