@ariakit/react-core 0.4.6 → 0.4.8

package/cjs/combobox/combobox.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _EO4IBCRNcjs = require('../__chunks/EO4IBCRN.cjs');
+var _QC5YVEX2cjs = require('../__chunks/QC5YVEX2.cjs');
 
 
-var _PQYSRG5Dcjs = require('../__chunks/PQYSRG5D.cjs');
+var _OWLCE773cjs = require('../__chunks/OWLCE773.cjs');
 
 
-var _7UGWYCZYcjs = require('../__chunks/7UGWYCZY.cjs');
-require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/5J6PQR7O.cjs');
-require('../__chunks/WKI4JZZH.cjs');
-require('../__chunks/JE2SKI3E.cjs');
-require('../__chunks/ZPVTVHP7.cjs');
-require('../__chunks/WT4MTRKY.cjs');
-require('../__chunks/BJ3OD6EH.cjs');
+var _GEDABTB5cjs = require('../__chunks/GEDABTB5.cjs');
+require('../__chunks/BV5PE6PZ.cjs');
+require('../__chunks/BZ34A7Q7.cjs');
+require('../__chunks/55G3CDVQ.cjs');
+require('../__chunks/5XC2EBLV.cjs');
+require('../__chunks/CQ3ILEKO.cjs');
+require('../__chunks/NRLE3XE7.cjs');
+require('../__chunks/EDR5S5CX.cjs');
 require('../__chunks/DYIDES27.cjs');
 
 
 
 
-var _R2YVMKBRcjs = require('../__chunks/R2YVMKBR.cjs');
+var _AWEKOM65cjs = require('../__chunks/AWEKOM65.cjs');
 
 
 
@@ -30,16 +30,15 @@ var _R2YVMKBRcjs = require('../__chunks/R2YVMKBR.cjs');
 
 
 
-var _QFX6UW2Fcjs = require('../__chunks/QFX6UW2F.cjs');
-require('../__chunks/U2WARLXR.cjs');
+var _OUWHJLQHcjs = require('../__chunks/OUWHJLQH.cjs');
+require('../__chunks/54XFMNDS.cjs');
 
 
 
 
-var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+var _3IVNQNIVcjs = require('../__chunks/3IVNQNIV.cjs');
 
 // src/combobox/combobox.tsx
-var _react = require('react');
 
 
 
@@ -58,18 +57,16 @@ var _focus = require('@ariakit/core/utils/focus');
 
 var _misc = require('@ariakit/core/utils/misc');
 var _store = require('@ariakit/core/utils/store');
+var _react = require('react');
 var TagName = "input";
 function isFirstItemAutoSelected(items, activeValue, autoSelect) {
-  if (!autoSelect)
-    return false;
+  if (!autoSelect) return false;
   const firstItem = items.find((item) => !item.disabled && item.value);
   return (firstItem == null ? void 0 : firstItem.value) === activeValue;
 }
 function hasCompletionString(value, activeValue) {
-  if (!activeValue)
-    return false;
-  if (value == null)
-    return false;
+  if (!activeValue) return false;
+  if (value == null) return false;
   value = _misc.normalizeString.call(void 0, value);
   return activeValue.length > value.length && activeValue.toLowerCase().indexOf(value.toLowerCase()) === 0;
 }
@@ -82,13 +79,12 @@ function isAriaAutoCompleteValue(value) {
 function getDefaultAutoSelectId(items) {
   const item = items.find((item2) => {
     var _a;
-    if (item2.disabled)
-      return false;
+    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 = _R2YVMKBRcjs.createHook.call(void 0, 
+var useCombobox = _AWEKOM65cjs.createHook.call(void 0, 
   function useCombobox2(_a) {
     var _b = _a, {
       store,
@@ -106,7 +102,7 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       setValueOnClick = true,
       moveOnKeyPress = true,
       autoComplete = "list"
-    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _3IVNQNIVcjs.__objRest.call(void 0, _b, [
       "store",
       "focusable",
       "autoSelect",
@@ -123,14 +119,14 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const context = _EO4IBCRNcjs.useComboboxProviderContext.call(void 0, );
+    const context = _QC5YVEX2cjs.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] = _QFX6UW2Fcjs.useForceUpdate.call(void 0, );
+    const [valueUpdated, forceValueUpdate] = _OUWHJLQHcjs.useForceUpdate.call(void 0, );
     const canAutoSelectRef = _react.useRef.call(void 0, false);
     const composingRef = _react.useRef.call(void 0, false);
     const autoSelect = store.useState(
@@ -138,9 +134,8 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
     );
     const inline = autoComplete === "inline" || autoComplete === "both";
     const [canInline, setCanInline] = _react.useState.call(void 0, inline);
-    _QFX6UW2Fcjs.useUpdateLayoutEffect.call(void 0, () => {
-      if (!inline)
-        return;
+    _OUWHJLQHcjs.useUpdateLayoutEffect.call(void 0, () => {
+      if (!inline) return;
       setCanInline(true);
     }, [inline]);
     const storeValue = store.useState("value");
@@ -152,15 +147,11 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
     }, []);
     const inlineActiveValue = store.useState((state) => {
       var _a2;
-      if (!inline)
-        return;
-      if (!canInline)
-        return;
+      if (!inline) return;
+      if (!canInline) return;
       if (state.activeValue && Array.isArray(state.selectedValue)) {
-        if (state.selectedValue.includes(state.activeValue))
-          return;
-        if ((_a2 = prevSelectedValueRef.current) == null ? void 0 : _a2.includes(state.activeValue))
-          return;
+        if (state.selectedValue.includes(state.activeValue)) return;
+        if ((_a2 = prevSelectedValueRef.current) == null ? void 0 : _a2.includes(state.activeValue)) return;
       }
       return state.activeValue;
     });
@@ -168,10 +159,8 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
     const open = store.useState("open");
     const contentElement = store.useState("contentElement");
     const value = _react.useMemo.call(void 0, () => {
-      if (!inline)
-        return storeValue;
-      if (!canInline)
-        return storeValue;
+      if (!inline) return storeValue;
+      if (!canInline) return storeValue;
       const firstItemAutoSelected = isFirstItemAutoSelected(
         items,
         inlineActiveValue,
@@ -188,8 +177,7 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
     }, [inline, canInline, items, inlineActiveValue, autoSelect, storeValue]);
     _react.useEffect.call(void 0, () => {
       const element = ref.current;
-      if (!element)
-        return;
+      if (!element) return;
       const onCompositeItemMove = () => setCanInline(true);
       element.addEventListener("combobox-item-move", onCompositeItemMove);
       return () => {
@@ -197,38 +185,29 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       };
     }, []);
     _react.useEffect.call(void 0, () => {
-      if (!inline)
-        return;
-      if (!canInline)
-        return;
-      if (!inlineActiveValue)
-        return;
+      if (!inline) return;
+      if (!canInline) return;
+      if (!inlineActiveValue) return;
       const firstItemAutoSelected = isFirstItemAutoSelected(
         items,
         inlineActiveValue,
         autoSelect
       );
-      if (!firstItemAutoSelected)
-        return;
-      if (!hasCompletionString(storeValue, inlineActiveValue))
-        return;
+      if (!firstItemAutoSelected) return;
+      if (!hasCompletionString(storeValue, inlineActiveValue)) return;
       let cleanup = _misc.noop;
       queueMicrotask(() => {
         const element = ref.current;
-        if (!element)
-          return;
+        if (!element) return;
         const { start: prevStart, end: prevEnd } = _dom.getTextboxSelection.call(void 0, element);
         const nextStart = storeValue.length;
         const nextEnd = inlineActiveValue.length;
         _dom.setSelectionRange.call(void 0, element, nextStart, nextEnd);
         cleanup = () => {
-          if (!_focus.hasFocus.call(void 0, element))
-            return;
+          if (!_focus.hasFocus.call(void 0, element)) return;
           const { start, end } = _dom.getTextboxSelection.call(void 0, element);
-          if (start !== nextStart)
-            return;
-          if (end !== nextEnd)
-            return;
+          if (start !== nextStart) return;
+          if (end !== nextEnd) return;
           _dom.setSelectionRange.call(void 0, element, prevStart, prevEnd);
         };
       });
@@ -243,65 +222,53 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       storeValue
     ]);
     const scrollingElementRef = _react.useRef.call(void 0, null);
-    const getAutoSelectIdProp = _QFX6UW2Fcjs.useEvent.call(void 0, getAutoSelectId);
+    const getAutoSelectIdProp = _OUWHJLQHcjs.useEvent.call(void 0, getAutoSelectId);
     const autoSelectIdRef = _react.useRef.call(void 0, null);
     _react.useEffect.call(void 0, () => {
-      if (!open)
-        return;
-      if (!contentElement)
-        return;
+      if (!open) return;
+      if (!contentElement) return;
       const scrollingElement = _dom.getScrollingElement.call(void 0, contentElement);
-      if (!scrollingElement)
-        return;
+      if (!scrollingElement) return;
       scrollingElementRef.current = scrollingElement;
-      const onWheel = () => {
+      const onUserScroll = () => {
         canAutoSelectRef.current = false;
       };
       const onScroll = () => {
-        if (!store)
-          return;
-        if (!canAutoSelectRef.current)
-          return;
+        if (!store) return;
+        if (!canAutoSelectRef.current) return;
         const { activeId } = store.getState();
-        if (activeId === null)
-          return;
-        if (activeId === autoSelectIdRef.current)
-          return;
+        if (activeId === null) return;
+        if (activeId === autoSelectIdRef.current) return;
         canAutoSelectRef.current = false;
       };
       const options = { passive: true, capture: true };
-      scrollingElement.addEventListener("wheel", onWheel, options);
+      scrollingElement.addEventListener("wheel", onUserScroll, options);
+      scrollingElement.addEventListener("touchmove", onUserScroll, options);
       scrollingElement.addEventListener("scroll", onScroll, options);
       return () => {
-        scrollingElement.removeEventListener("wheel", onWheel, true);
+        scrollingElement.removeEventListener("wheel", onUserScroll, true);
+        scrollingElement.removeEventListener("touchmove", onUserScroll, true);
         scrollingElement.removeEventListener("scroll", onScroll, true);
       };
     }, [open, contentElement, store]);
-    _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (!storeValue)
-        return;
-      if (composingRef.current)
-        return;
+    _OUWHJLQHcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!storeValue) return;
+      if (composingRef.current) return;
       canAutoSelectRef.current = true;
     }, [storeValue]);
-    _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (autoSelect !== "always" && open)
-        return;
+    _OUWHJLQHcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (autoSelect !== "always" && open) return;
       canAutoSelectRef.current = open;
     }, [autoSelect, open]);
     const resetValueOnSelect = store.useState("resetValueOnSelect");
-    _QFX6UW2Fcjs.useUpdateEffect.call(void 0, () => {
+    _OUWHJLQHcjs.useUpdateEffect.call(void 0, () => {
       var _a2, _b2;
       const canAutoSelect = canAutoSelectRef.current;
-      if (!store)
-        return;
-      if (!open)
-        return;
-      if ((!autoSelect || !canAutoSelect) && !resetValueOnSelect)
-        return;
+      if (!store) return;
+      if (!open) return;
+      if ((!autoSelect || !canAutoSelect) && !resetValueOnSelect) return;
       const { baseElement, contentElement: contentElement2, activeId } = store.getState();
-      if (baseElement && !_focus.hasFocus.call(void 0, baseElement))
-        return;
+      if (baseElement && !_focus.hasFocus.call(void 0, baseElement)) return;
       if (contentElement2 == null ? void 0 : contentElement2.hasAttribute("data-placing")) {
         const observer = new MutationObserver(forceValueUpdate);
         observer.observe(contentElement2, { attributeFilter: ["data-placing"] });
@@ -330,11 +297,9 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       items
     ]);
     _react.useEffect.call(void 0, () => {
-      if (!inline)
-        return;
+      if (!inline) return;
       const combobox = ref.current;
-      if (!combobox)
-        return;
+      if (!combobox) return;
       const elements = [combobox, contentElement].filter(
         (value2) => !!value2
       );
@@ -343,9 +308,13 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
           store == null ? void 0 : store.setValue(value);
         }
       };
-      elements.forEach((el) => el.addEventListener("focusout", onBlur2));
+      for (const element of elements) {
+        element.addEventListener("focusout", onBlur2);
+      }
       return () => {
-        elements.forEach((el) => el.removeEventListener("focusout", onBlur2));
+        for (const element of elements) {
+          element.removeEventListener("focusout", onBlur2);
+        }
       };
     }, [inline, contentElement, store, value]);
     const canShow = (event) => {
@@ -353,18 +322,16 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       return currentTarget.value.length >= showMinLength;
     };
     const onChangeProp = props.onChange;
-    const showOnChangeProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, showOnChange != null ? showOnChange : canShow);
-    const setValueOnChangeProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, 
+    const showOnChangeProp = _OUWHJLQHcjs.useBooleanEvent.call(void 0, showOnChange != null ? showOnChange : canShow);
+    const setValueOnChangeProp = _OUWHJLQHcjs.useBooleanEvent.call(void 0, 
       // If the combobox is combined with tags, the value will be set by the tag
       // input component.
       setValueOnChange != null ? setValueOnChange : !store.tag
     );
-    const onChange = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
+    const onChange = _OUWHJLQHcjs.useEvent.call(void 0, (event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (!store) return;
       const currentTarget = event.currentTarget;
       const { value: value2, selectionStart, selectionEnd } = currentTarget;
       const nativeEvent = event.nativeEvent;
@@ -398,32 +365,26 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       }
     });
     const onCompositionEndProp = props.onCompositionEnd;
-    const onCompositionEnd = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
+    const onCompositionEnd = _OUWHJLQHcjs.useEvent.call(void 0, (event) => {
       canAutoSelectRef.current = true;
       composingRef.current = false;
       onCompositionEndProp == null ? void 0 : onCompositionEndProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!autoSelect)
-        return;
+      if (event.defaultPrevented) return;
+      if (!autoSelect) return;
       forceValueUpdate();
     });
     const onMouseDownProp = props.onMouseDown;
-    const blurActiveItemOnClickProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, 
+    const blurActiveItemOnClickProp = _OUWHJLQHcjs.useBooleanEvent.call(void 0, 
       blurActiveItemOnClick != null ? blurActiveItemOnClick : () => !!(store == null ? void 0 : store.getState().includesBaseElement)
     );
-    const setValueOnClickProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const showOnClickProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, showOnClick != null ? showOnClick : canShow);
-    const onMouseDown = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
+    const setValueOnClickProp = _OUWHJLQHcjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const showOnClickProp = _OUWHJLQHcjs.useBooleanEvent.call(void 0, showOnClick != null ? showOnClick : canShow);
+    const onMouseDown = _OUWHJLQHcjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (event.button)
-        return;
-      if (event.ctrlKey)
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (event.button) return;
+      if (event.ctrlKey) return;
+      if (!store) return;
       if (blurActiveItemOnClickProp(event)) {
         store.setActiveId(null);
       }
@@ -435,29 +396,21 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const showOnKeyPressProp = _QFX6UW2Fcjs.useBooleanEvent.call(void 0, showOnKeyPress != null ? showOnKeyPress : canShow);
-    const onKeyDown = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
+    const showOnKeyPressProp = _OUWHJLQHcjs.useBooleanEvent.call(void 0, showOnKeyPress != null ? showOnKeyPress : canShow);
+    const onKeyDown = _OUWHJLQHcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (!event.repeat) {
         canAutoSelectRef.current = false;
       }
-      if (event.defaultPrevented)
-        return;
-      if (event.ctrlKey)
-        return;
-      if (event.altKey)
-        return;
-      if (event.shiftKey)
-        return;
-      if (event.metaKey)
-        return;
-      if (!store)
-        return;
+      if (event.defaultPrevented) return;
+      if (event.ctrlKey) return;
+      if (event.altKey) return;
+      if (event.shiftKey) return;
+      if (event.metaKey) return;
+      if (!store) return;
       const { open: open2, activeId } = store.getState();
-      if (open2)
-        return;
-      if (activeId !== null)
-        return;
+      if (open2) return;
+      if (activeId !== null) return;
       if (event.key === "ArrowUp" || event.key === "ArrowDown") {
         if (showOnKeyPressProp(event)) {
           event.preventDefault();
@@ -466,16 +419,15 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       }
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
+    const onBlur = _OUWHJLQHcjs.useEvent.call(void 0, (event) => {
       canAutoSelectRef.current = false;
       onBlurProp == null ? void 0 : onBlurProp(event);
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
     });
-    const id = _QFX6UW2Fcjs.useId.call(void 0, props.id);
+    const id = _OUWHJLQHcjs.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, {
+    props = _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
       id,
       role: "combobox",
       "aria-autocomplete": ariaAutoComplete,
@@ -485,34 +437,32 @@ var useCombobox = _R2YVMKBRcjs.createHook.call(void 0,
       "data-active-item": isActiveItem || void 0,
       value
     }, props), {
-      ref: _QFX6UW2Fcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _OUWHJLQHcjs.useMergeRefs.call(void 0, ref, props.ref),
       onChange,
       onCompositionEnd,
       onMouseDown,
       onKeyDown,
       onBlur
     });
-    props = _7UGWYCZYcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _GEDABTB5cjs.useComposite.call(void 0, _3IVNQNIVcjs.__spreadProps.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, {
       store,
       focusable
     }, props), {
       // Enable inline autocomplete when the user moves from the combobox input
       // to an item.
       moveOnKeyPress: (event) => {
-        if (_misc.isFalsyBooleanCallback.call(void 0, moveOnKeyPress, event))
-          return false;
-        if (inline)
-          setCanInline(true);
+        if (_misc.isFalsyBooleanCallback.call(void 0, moveOnKeyPress, event)) return false;
+        if (inline) setCanInline(true);
         return true;
       }
     }));
-    props = _PQYSRG5Dcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    return _AV6KTKLEcjs.__spreadValues.call(void 0, { autoComplete: "off" }, props);
+    props = _OWLCE773cjs.usePopoverAnchor.call(void 0, _3IVNQNIVcjs.__spreadValues.call(void 0, { store }, props));
+    return _3IVNQNIVcjs.__spreadValues.call(void 0, { autoComplete: "off" }, props);
   }
 );
-var Combobox = _R2YVMKBRcjs.forwardRef.call(void 0, function Combobox2(props) {
+var Combobox = _AWEKOM65cjs.forwardRef.call(void 0, function Combobox2(props) {
   const htmlProps = useCombobox(props);
-  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
+  return _AWEKOM65cjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/combobox/combobox.d.cts

@@ -1,5 +1,5 @@
-import type { AriaAttributes, ChangeEvent, ElementType, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/types";
+import type { AriaAttributes, ChangeEvent, ElementType, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { CompositeOptions } from "../composite/composite.tsx";
 import type { PopoverAnchorOptions } from "../popover/popover-anchor.tsx";
 import type { Props } from "../utils/types.ts";
@@ -87,7 +87,8 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * `true`.
      *
      * By default, the first enabled item is auto selected. This function is handy
-     * if you prefer a different item to be auto selected.
+     * if you prefer a different item to be auto selected. Returning `undefined`
+     * from this function will result in the default behavior.
      * @example
      * ```jsx
      * <Combobox

package/cjs/combobox/combobox.d.ts

@@ -1,5 +1,5 @@
-import type { AriaAttributes, ChangeEvent, ElementType, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/types";
+import type { AriaAttributes, ChangeEvent, ElementType, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { CompositeOptions } from "../composite/composite.tsx";
 import type { PopoverAnchorOptions } from "../popover/popover-anchor.tsx";
 import type { Props } from "../utils/types.ts";
@@ -87,7 +87,8 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * `true`.
      *
      * By default, the first enabled item is auto selected. This function is handy
-     * if you prefer a different item to be auto selected.
+     * if you prefer a different item to be auto selected. Returning `undefined`
+     * from this function will result in the default behavior.
      * @example
      * ```jsx
      * <Combobox

package/cjs/command/command.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _ZFDTYFQIcjs = require('../__chunks/ZFDTYFQI.cjs');
-require('../__chunks/BJ3OD6EH.cjs');
+var _35VA3E7Jcjs = require('../__chunks/35VA3E7J.cjs');
+require('../__chunks/EDR5S5CX.cjs');
 require('../__chunks/DYIDES27.cjs');
-require('../__chunks/R2YVMKBR.cjs');
-require('../__chunks/QFX6UW2F.cjs');
-require('../__chunks/U2WARLXR.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+require('../__chunks/AWEKOM65.cjs');
+require('../__chunks/OUWHJLQH.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
-exports.Command = _ZFDTYFQIcjs.Command; exports.useCommand = _ZFDTYFQIcjs.useCommand;
+exports.Command = _35VA3E7Jcjs.Command; exports.useCommand = _35VA3E7Jcjs.useCommand;

package/cjs/composite/composite-container.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _POFUETU3cjs = require('../__chunks/POFUETU3.cjs');
-require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/5J6PQR7O.cjs');
-require('../__chunks/WKI4JZZH.cjs');
-require('../__chunks/R2YVMKBR.cjs');
-require('../__chunks/IATQHLZT.cjs');
-require('../__chunks/QFX6UW2F.cjs');
-require('../__chunks/U2WARLXR.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+var _VYADJOAVcjs = require('../__chunks/VYADJOAV.cjs');
+require('../__chunks/BV5PE6PZ.cjs');
+require('../__chunks/BZ34A7Q7.cjs');
+require('../__chunks/55G3CDVQ.cjs');
+require('../__chunks/AWEKOM65.cjs');
+require('../__chunks/PULY27HQ.cjs');
+require('../__chunks/OUWHJLQH.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
-exports.CompositeContainer = _POFUETU3cjs.CompositeContainer; exports.useCompositeContainer = _POFUETU3cjs.useCompositeContainer;
+exports.CompositeContainer = _VYADJOAVcjs.CompositeContainer; exports.useCompositeContainer = _VYADJOAVcjs.useCompositeContainer;

package/cjs/composite/composite-context.cjs

@@ -7,12 +7,12 @@
 
 
 
-var _5J6PQR7Ocjs = require('../__chunks/5J6PQR7O.cjs');
-require('../__chunks/WKI4JZZH.cjs');
-require('../__chunks/R2YVMKBR.cjs');
-require('../__chunks/QFX6UW2F.cjs');
-require('../__chunks/U2WARLXR.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+var _BZ34A7Q7cjs = require('../__chunks/BZ34A7Q7.cjs');
+require('../__chunks/55G3CDVQ.cjs');
+require('../__chunks/AWEKOM65.cjs');
+require('../__chunks/OUWHJLQH.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContextProvider = _5J6PQR7Ocjs.CompositeContextProvider; exports.CompositeItemContext = _5J6PQR7Ocjs.CompositeItemContext; exports.CompositeRowContext = _5J6PQR7Ocjs.CompositeRowContext; exports.CompositeScopedContextProvider = _5J6PQR7Ocjs.CompositeScopedContextProvider; exports.useCompositeContext = _5J6PQR7Ocjs.useCompositeContext; exports.useCompositeProviderContext = _5J6PQR7Ocjs.useCompositeProviderContext; exports.useCompositeScopedContext = _5J6PQR7Ocjs.useCompositeScopedContext;
+exports.CompositeContextProvider = _BZ34A7Q7cjs.CompositeContextProvider; exports.CompositeItemContext = _BZ34A7Q7cjs.CompositeItemContext; exports.CompositeRowContext = _BZ34A7Q7cjs.CompositeRowContext; exports.CompositeScopedContextProvider = _BZ34A7Q7cjs.CompositeScopedContextProvider; exports.useCompositeContext = _BZ34A7Q7cjs.useCompositeContext; exports.useCompositeProviderContext = _BZ34A7Q7cjs.useCompositeProviderContext; exports.useCompositeScopedContext = _BZ34A7Q7cjs.useCompositeScopedContext;

package/cjs/composite/composite-group-label.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _XLLKYSFTcjs = require('../__chunks/XLLKYSFT.cjs');
-require('../__chunks/XCBGJNG4.cjs');
+var _RCX6DZ2Ccjs = require('../__chunks/RCX6DZ2C.cjs');
+require('../__chunks/VZGX2ILJ.cjs');
 require('../__chunks/ZJMEXN3N.cjs');
-require('../__chunks/R2YVMKBR.cjs');
-require('../__chunks/QFX6UW2F.cjs');
-require('../__chunks/U2WARLXR.cjs');
-require('../__chunks/AV6KTKLE.cjs');
+require('../__chunks/AWEKOM65.cjs');
+require('../__chunks/OUWHJLQH.cjs');
+require('../__chunks/54XFMNDS.cjs');
+require('../__chunks/3IVNQNIV.cjs');
 
 
 
-exports.CompositeGroupLabel = _XLLKYSFTcjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _XLLKYSFTcjs.useCompositeGroupLabel;
+exports.CompositeGroupLabel = _RCX6DZ2Ccjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _RCX6DZ2Ccjs.useCompositeGroupLabel;