@ariakit/react-core 0.4.0 → 0.4.2

package/cjs/combobox/combobox-popover.cjs

@@ -1,55 +1,55 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _T32XRZLLcjs = require('../__chunks/T32XRZLL.cjs');
+var _Q6MAE3CVcjs = require('../__chunks/Q6MAE3CV.cjs');
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
 
 
-var _ID5QP4WTcjs = require('../__chunks/ID5QP4WT.cjs');
+var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
 
 
-var _YHNU4DBCcjs = require('../__chunks/YHNU4DBC.cjs');
-require('../__chunks/6RCPYDT6.cjs');
-require('../__chunks/4OFNVXGN.cjs');
-require('../__chunks/PZL34OVO.cjs');
-require('../__chunks/344F3DYO.cjs');
-require('../__chunks/KREY6HXD.cjs');
-require('../__chunks/5ZOCN23X.cjs');
-require('../__chunks/JVDUGICD.cjs');
-require('../__chunks/VV6WA3I6.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');
+require('../__chunks/UUJ5Q6IA.cjs');
+require('../__chunks/4H7FYXWQ.cjs');
+require('../__chunks/JKERATCG.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
-require('../__chunks/5GTNIPQ6.cjs');
+require('../__chunks/CXZMA435.cjs');
 require('../__chunks/7TN63K2T.cjs');
-require('../__chunks/V24PR4PW.cjs');
+require('../__chunks/3ND7K6FF.cjs');
 require('../__chunks/6IUEXB4L.cjs');
-require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/5SRODZ4B.cjs');
+require('../__chunks/AFPGTIIH.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/BBRNIJWO.cjs');
-require('../__chunks/O2WTAUCQ.cjs');
+require('../__chunks/PE3KUHN6.cjs');
+require('../__chunks/AXNMZ6L6.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/SFDUOV6F.cjs');
-require('../__chunks/JFOUIQSF.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/5QD55NKL.cjs');
+require('../__chunks/R6M66EKZ.cjs');
+require('../__chunks/7CYY7U2A.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/HQKST6ZJ.cjs');
+require('../__chunks/LLMPAMXI.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/AD7LA3CE.cjs');
-require('../__chunks/QJZAESAR.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/V3ZO7ICA.cjs');
+require('../__chunks/N6YOHUBI.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -72,7 +72,7 @@ function isController(target, ...ids) {
   }
   return false;
 }
-var useComboboxPopover = _Q67LZMDTcjs.createHook.call(void 0, 
+var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0, 
   function useComboboxPopover2(_a) {
     var _b = _a, {
       store,
@@ -87,15 +87,15 @@ var useComboboxPopover = _Q67LZMDTcjs.createHook.call(void 0,
       "alwaysVisible",
       "hideOnInteractOutside"
     ]);
-    const context = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
+    const context = _2IJSEADJcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const baseElement = store.useState("baseElement");
-    props = _T32XRZLLcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _ID5QP4WTcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    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, {
       store,
       modal,
       alwaysVisible,
@@ -151,12 +151,12 @@ var useComboboxPopover = _Q67LZMDTcjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _YHNU4DBCcjs.createDialogComponent.call(void 0, 
-  _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxPopover2(props) {
+var ComboboxPopover = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+  _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxPopover2(props) {
     const htmlProps = useComboboxPopover(props);
-    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _OBT2YMBCcjs.useComboboxProviderContext
+  _2IJSEADJcjs.useComboboxProviderContext
 );
 
 

package/cjs/combobox/combobox-provider.cjs

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OUHSDH5Bcjs = require('../__chunks/OUHSDH5B.cjs');
+var _NDVZ37O3cjs = require('../__chunks/NDVZ37O3.cjs');
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
-require('../__chunks/LUL2YWZ3.cjs');
-require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/GOS3JJKQ.cjs');
-require('../__chunks/AD7LA3CE.cjs');
-require('../__chunks/QJZAESAR.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/4H5ZMMOI.cjs');
+require('../__chunks/Q7DU7FP7.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/6RJSKW2C.cjs');
+require('../__chunks/V3ZO7ICA.cjs');
+require('../__chunks/N6YOHUBI.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ComboboxProvider(props = {}) {
-  const store = _OUHSDH5Bcjs.useComboboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OBT2YMBCcjs.ComboboxContextProvider, { value: store, children: props.children });
+  const store = _NDVZ37O3cjs.useComboboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2IJSEADJcjs.ComboboxContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/combobox/combobox-row.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _RYQJ4G5Hcjs = require('../__chunks/RYQJ4G5H.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
+var _GZY6WVTScjs = require('../__chunks/GZY6WVTS.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -26,10 +26,10 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "div";
-var useComboboxRow = _Q67LZMDTcjs.createHook.call(void 0, 
+var useComboboxRow = _NGD3IQDBcjs.createHook.call(void 0, 
   function useComboboxRow2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _OBT2YMBCcjs.useComboboxScopedContext.call(void 0, );
+    const context = _2IJSEADJcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -39,13 +39,13 @@ var useComboboxRow = _Q67LZMDTcjs.createHook.call(void 0,
     const popupRole = _dom.getPopupRole.call(void 0, contentElement);
     const role = popupRole === "grid" ? "row" : "presentation";
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
-    props = _RYQJ4G5Hcjs.useCompositeRow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _GZY6WVTScjs.useCompositeRow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ComboboxRow = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxRow2(props) {
+var ComboboxRow = _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxRow2(props) {
   const htmlProps = useComboboxRow(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/combobox/combobox-separator.cjs

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _AIKNQVVLcjs = require('../__chunks/AIKNQVVL.cjs');
-require('../__chunks/FG4Y7VYM.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
+var _RGSJYRTCcjs = require('../__chunks/RGSJYRTC.cjs');
+require('../__chunks/IDFJXUSF.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -26,20 +26,20 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-separator.ts
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "hr";
-var useComboboxSeparator = _Q67LZMDTcjs.createHook.call(void 0, function useComboboxSeparator2(_a) {
+var useComboboxSeparator = _NGD3IQDBcjs.createHook.call(void 0, function useComboboxSeparator2(_a) {
   var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-  const context = _OBT2YMBCcjs.useComboboxScopedContext.call(void 0, );
+  const context = _2IJSEADJcjs.useComboboxScopedContext.call(void 0, );
   store = store || context;
   _misc.invariant.call(void 0, 
     store,
     process.env.NODE_ENV !== "production" && "ComboboxSeparator must be wrapped in a ComboboxList or ComboboxPopover component."
   );
-  props = _AIKNQVVLcjs.useCompositeSeparator.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _RGSJYRTCcjs.useCompositeSeparator.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var ComboboxSeparator = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxSeparator2(props) {
+var ComboboxSeparator = _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxSeparator2(props) {
   const htmlProps = useComboboxSeparator(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/combobox/combobox-store.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _OUHSDH5Bcjs = require('../__chunks/OUHSDH5B.cjs');
-require('../__chunks/LUL2YWZ3.cjs');
-require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/GOS3JJKQ.cjs');
-require('../__chunks/AD7LA3CE.cjs');
-require('../__chunks/QJZAESAR.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NDVZ37O3cjs = require('../__chunks/NDVZ37O3.cjs');
+require('../__chunks/4H5ZMMOI.cjs');
+require('../__chunks/Q7DU7FP7.cjs');
+require('../__chunks/6RJSKW2C.cjs');
+require('../__chunks/V3ZO7ICA.cjs');
+require('../__chunks/N6YOHUBI.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useComboboxStore = _OUHSDH5Bcjs.useComboboxStore; exports.useComboboxStoreProps = _OUHSDH5Bcjs.useComboboxStoreProps;
+exports.useComboboxStore = _NDVZ37O3cjs.useComboboxStore; exports.useComboboxStoreProps = _NDVZ37O3cjs.useComboboxStoreProps;

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

@@ -51,9 +51,10 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      */
     setValue?: (value: ComboboxStoreState<T>["value"]) => void;
     /**
-     * A callback that gets called when the
+     * A callback that's invoked when the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
-     * state changes.
+     * state changes, typically when the user selects an item. This can be used to
+     * implement behavior like `onSelect` or `onItemSelect`.
      *
      * Live examples:
      * - [Multi-selectable

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

@@ -51,9 +51,10 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      */
     setValue?: (value: ComboboxStoreState<T>["value"]) => void;
     /**
-     * A callback that gets called when the
+     * A callback that's invoked when the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
-     * state changes.
+     * state changes, typically when the user selects an item. This can be used to
+     * implement behavior like `onSelect` or `onItemSelect`.
      *
      * Live examples:
      * - [Multi-selectable

package/cjs/combobox/combobox.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _O45NLQRZcjs = require('../__chunks/O45NLQRZ.cjs');
+var _YH42XRHRcjs = require('../__chunks/YH42XRHR.cjs');
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _NCXCQQBNcjs = require('../__chunks/NCXCQQBN.cjs');
+var _EKW5CERCcjs = require('../__chunks/EKW5CERC.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/5QD55NKL.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
 
 
 
@@ -30,7 +30,7 @@ var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 
-var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -77,7 +77,16 @@ function isInputEvent(event) {
 function isAriaAutoCompleteValue(value) {
   return value === "inline" || value === "list" || value === "both" || value === "none";
 }
-var useCombobox = _Q67LZMDTcjs.createHook.call(void 0, 
+function getDefaultAutoSelectId(items) {
+  const item = items.find((item2) => {
+    var _a;
+    if (item2.disabled)
+      return false;
+    return ((_a = item2.element) == null ? void 0 : _a.getAttribute("role")) !== "tab";
+  });
+  return item == null ? void 0 : item.id;
+}
+var useCombobox = _NGD3IQDBcjs.createHook.call(void 0, 
   function useCombobox2(_a) {
     var _b = _a, {
       store,
@@ -87,8 +96,11 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       showOnChange = true,
       setValueOnChange = true,
       showOnMouseDown = true,
+      showOnClick = showOnMouseDown,
+      blurActiveItemOnClick,
       setValueOnClick = true,
       showOnKeyDown = true,
+      showOnKeyPress = showOnKeyDown,
       moveOnKeyPress = true,
       autoComplete = "list"
     } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
@@ -99,27 +111,30 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       "showOnChange",
       "setValueOnChange",
       "showOnMouseDown",
+      "showOnClick",
+      "blurActiveItemOnClick",
       "setValueOnClick",
       "showOnKeyDown",
+      "showOnKeyPress",
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const context = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
+    const context = _2IJSEADJcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const ref = _react.useRef.call(void 0, null);
-    const [valueUpdated, forceValueUpdate] = _EO6LS72Hcjs.useForceUpdate.call(void 0, );
+    const [valueUpdated, forceValueUpdate] = _TW3SFX4Ccjs.useForceUpdate.call(void 0, );
     const canAutoSelectRef = _react.useRef.call(void 0, false);
     const composingRef = _react.useRef.call(void 0, false);
     const autoSelect = store.useState(
-      (state) => !!autoSelectProp && state.virtualFocus
+      (state) => state.virtualFocus && autoSelectProp
     );
     const inline = autoComplete === "inline" || autoComplete === "both";
     const [canInline, setCanInline] = _react.useState.call(void 0, inline);
-    _EO6LS72Hcjs.useUpdateLayoutEffect.call(void 0, () => {
+    _TW3SFX4Ccjs.useUpdateLayoutEffect.call(void 0, () => {
       if (!inline)
         return;
       setCanInline(true);
@@ -192,7 +207,7 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       storeValue
     ]);
     const scrollingElementRef = _react.useRef.call(void 0, null);
-    const getAutoSelectIdProp = _EO6LS72Hcjs.useEvent.call(void 0, getAutoSelectId);
+    const getAutoSelectIdProp = _TW3SFX4Ccjs.useEvent.call(void 0, getAutoSelectId);
     const autoSelectIdRef = _react.useRef.call(void 0, null);
     _react.useEffect.call(void 0, () => {
       if (!open)
@@ -226,24 +241,26 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
         scrollingElement.removeEventListener("scroll", onScroll, true);
       };
     }, [open, contentElement, store]);
-    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
       if (!storeValue)
         return;
       if (composingRef.current)
         return;
       canAutoSelectRef.current = true;
     }, [storeValue]);
-    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (open)
+    _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+      if (autoSelect !== "always" && open)
         return;
-      canAutoSelectRef.current = false;
-    }, [open]);
+      canAutoSelectRef.current = open;
+    }, [autoSelect, open]);
     const resetValueOnSelect = store.useState("resetValueOnSelect");
-    _EO6LS72Hcjs.useUpdateEffect.call(void 0, () => {
-      var _a2;
+    _TW3SFX4Ccjs.useUpdateEffect.call(void 0, () => {
+      var _a2, _b2;
       const canAutoSelect = canAutoSelectRef.current;
       if (!store)
         return;
+      if (!open)
+        return;
       if ((!autoSelect || !canAutoSelect) && !resetValueOnSelect)
         return;
       const { baseElement, contentElement: contentElement2, activeId } = store.getState();
@@ -256,11 +273,11 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       }
       if (autoSelect && canAutoSelect) {
         const userAutoSelectId = getAutoSelectIdProp(items);
-        const autoSelectId = userAutoSelectId !== void 0 ? userAutoSelectId : store.first();
+        const autoSelectId = userAutoSelectId !== void 0 ? userAutoSelectId : (_a2 = getDefaultAutoSelectId(items)) != null ? _a2 : store.first();
         autoSelectIdRef.current = autoSelectId;
         store.move(autoSelectId != null ? autoSelectId : null);
       } else {
-        const element = (_a2 = store.item(activeId)) == null ? void 0 : _a2.element;
+        const element = (_b2 = store.item(activeId)) == null ? void 0 : _b2.element;
         if (element && "scrollIntoView" in element) {
           element.scrollIntoView({ block: "nearest", inline: "nearest" });
         }
@@ -268,6 +285,7 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       return;
     }, [
       store,
+      open,
       valueUpdated,
       storeValue,
       autoSelect,
@@ -295,9 +313,9 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       };
     }, [inline, contentElement, store, value]);
     const onChangeProp = props.onChange;
-    const showOnChangeProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnChange);
-    const setValueOnChangeProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, setValueOnChange);
-    const onChange = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const showOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnChange);
+    const setValueOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, setValueOnChange);
+    const onChange = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
@@ -333,7 +351,7 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       }
     });
     const onCompositionEndProp = props.onCompositionEnd;
-    const onCompositionEnd = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const onCompositionEnd = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       canAutoSelectRef.current = true;
       composingRef.current = false;
       onCompositionEndProp == null ? void 0 : onCompositionEndProp(event);
@@ -344,9 +362,12 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       forceValueUpdate();
     });
     const onMouseDownProp = props.onMouseDown;
-    const setValueOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const showOnMouseDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnMouseDown);
-    const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const blurActiveItemOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, 
+      blurActiveItemOnClick != null ? blurActiveItemOnClick : () => !!(store == null ? void 0 : store.getState().includesBaseElement)
+    );
+    const setValueOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const showOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnClick);
+    const onMouseDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -356,17 +377,19 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
         return;
       if (!store)
         return;
-      store.setActiveId(null);
+      if (blurActiveItemOnClickProp(event)) {
+        store.setActiveId(null);
+      }
       if (setValueOnClickProp(event)) {
         store.setValue(value);
       }
-      if (showOnMouseDownProp(event)) {
+      if (showOnClickProp(event)) {
         _events.queueBeforeEvent.call(void 0, event.currentTarget, "mouseup", store.show);
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const showOnKeyDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnKeyDown);
-    const onKeyDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const showOnKeyPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnKeyPress);
+    const onKeyDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (!event.repeat) {
         canAutoSelectRef.current = false;
@@ -389,20 +412,20 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       if (activeId !== null)
         return;
       if (event.key === "ArrowUp" || event.key === "ArrowDown") {
-        if (showOnKeyDownProp(event)) {
+        if (showOnKeyPressProp(event)) {
           event.preventDefault();
           store.show();
         }
       }
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const onBlur = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       canAutoSelectRef.current = false;
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
     });
-    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+    const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
     const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
     const isActiveItem = store.useState((state) => state.activeId === null);
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
@@ -415,14 +438,14 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
       "data-active-item": isActiveItem || void 0,
       value
     }, props), {
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
       onChange,
       onCompositionEnd,
       onMouseDown,
       onKeyDown,
       onBlur
     });
-    props = _NCXCQQBNcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _EKW5CERCcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       focusable
     }, props), {
@@ -436,13 +459,13 @@ var useCombobox = _Q67LZMDTcjs.createHook.call(void 0,
         return true;
       }
     }));
-    props = _O45NLQRZcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YH42XRHRcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return _AV6KTKLEcjs.__spreadValues.call(void 0, { autoComplete: "off" }, props);
   }
 );
-var Combobox = _Q67LZMDTcjs.forwardRef.call(void 0, function Combobox2(props) {
+var Combobox = _NGD3IQDBcjs.forwardRef.call(void 0, function Combobox2(props) {
   const htmlProps = useCombobox(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });