@ariakit/react-core 0.4.3 → 0.4.4

package/cjs/select/select-item.cjs

@@ -4,7 +4,7 @@
 var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
 
 
-var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
+var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 
 
@@ -154,7 +154,7 @@ var useSelectItem = _NGD3IQDBcjs.createHook.call(void 0,
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });
-    props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown

package/cjs/select/select-popover.cjs

@@ -12,10 +12,10 @@ require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
+var _COWKMNMZcjs = require('../__chunks/COWKMNMZ.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
+var _ZTAE5B6Wcjs = require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -67,11 +67,11 @@ var useSelectPopover = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _HZDOLHROcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     props = _KQJLN5EGcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _DCTXNU2Xcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _COWKMNMZcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );
-var SelectPopover = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var SelectPopover = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function SelectPopover2(props) {
     const htmlProps = useSelectPopover(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/select/select.cjs

@@ -8,8 +8,8 @@ require('../__chunks/YH42XRHR.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 
 
-var _NZSB7HSZcjs = require('../__chunks/NZSB7HSZ.cjs');
-require('../__chunks/3C4RFBCG.cjs');
+var _LY4LCJM6cjs = require('../__chunks/LY4LCJM6.cjs');
+require('../__chunks/EYZZO5IT.cjs');
 
 
 var _4LPJTV22cjs = require('../__chunks/4LPJTV22.cjs');
@@ -267,7 +267,7 @@ var useSelect = _NGD3IQDBcjs.createHook.call(void 0, function useSelect2(_a) {
   );
   const children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     value,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NZSB7HSZcjs.SelectArrow, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LY4LCJM6cjs.SelectArrow, {})
   ] });
   const contentElement = store.useState("contentElement");
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {

package/cjs/tab/tab.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
+var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 
@@ -93,9 +93,9 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
         render: element
       };
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _7DQ2LBH2cjs.CompositeItem,
+        _QUHFOHHTcjs.CompositeItem,
         _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), {
-          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7DQ2LBH2cjs.CompositeItem, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), { store: store.combobox })) : element
+          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QUHFOHHTcjs.CompositeItem, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), { store: store.combobox })) : element
         })
       );
     },
@@ -109,7 +109,7 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
   }, props), {
     onClick
   });
-  props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _QUHFOHHTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store
   }, props), {
     accessibleWhenDisabled,

package/cjs/toolbar/toolbar-container.cjs

@@ -4,8 +4,8 @@
 var _MJP4XPFZcjs = require('../__chunks/MJP4XPFZ.cjs');
 
 
-var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
-require('../__chunks/7DQ2LBH2.cjs');
+var _YO7LLGVAcjs = require('../__chunks/YO7LLGVA.cjs');
+require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -38,7 +38,7 @@ var useToolbarContainer = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
     props = _MJP4XPFZcjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _AJF5DT5Acjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YO7LLGVAcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.cjs

@@ -1,11 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WGZQRLXVcjs = require('../__chunks/WGZQRLXV.cjs');
-
-
-var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
-require('../__chunks/7DQ2LBH2.cjs');
+var _YO7LLGVAcjs = require('../__chunks/YO7LLGVA.cjs');
+require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -37,8 +34,7 @@ var useToolbarInput = _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 = _WGZQRLXVcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _AJF5DT5Acjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YO7LLGVAcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.d.cts

@@ -1,5 +1,4 @@
 import type { ElementType } from "react";
-import type { CompositeInputOptions } from "../composite/composite-input.js";
 import type { Props } from "../utils/types.js";
 import type { ToolbarItemOptions } from "./toolbar-item.js";
 declare const TagName = "input";
@@ -7,6 +6,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `ToolbarInput` component.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `useToolbarItem` instead.
  * @example
  * ```jsx
  * const store = useToolbarStore();
@@ -21,6 +21,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * Renders a text input as a toolbar item, maintaining arrow key navigation on
  * the toolbar.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `<ToolbarItem render={<input />}>` instead.
  * @example
  * ```jsx {2}
  * <Toolbar>
@@ -29,7 +30,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * ```
  */
 export declare const ToolbarInput: (props: ToolbarInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
+export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T> {
 }
 export type ToolbarInputProps<T extends ElementType = TagName> = Props<T, ToolbarInputOptions<T>>;
 export {};

package/cjs/toolbar/toolbar-input.d.ts

@@ -1,5 +1,4 @@
 import type { ElementType } from "react";
-import type { CompositeInputOptions } from "../composite/composite-input.js";
 import type { Props } from "../utils/types.js";
 import type { ToolbarItemOptions } from "./toolbar-item.js";
 declare const TagName = "input";
@@ -7,6 +6,7 @@ type TagName = typeof TagName;
 /**
  * Returns props to create a `ToolbarInput` component.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `useToolbarItem` instead.
  * @example
  * ```jsx
  * const store = useToolbarStore();
@@ -21,6 +21,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * Renders a text input as a toolbar item, maintaining arrow key navigation on
  * the toolbar.
  * @see https://ariakit.org/components/toolbar
+ * @deprecated Use `<ToolbarItem render={<input />}>` instead.
  * @example
  * ```jsx {2}
  * <Toolbar>
@@ -29,7 +30,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
  * ```
  */
 export declare const ToolbarInput: (props: ToolbarInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
+export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T> {
 }
 export type ToolbarInputProps<T extends ElementType = TagName> = Props<T, ToolbarInputOptions<T>>;
 export {};

package/cjs/toolbar/toolbar-item.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
-require('../__chunks/7DQ2LBH2.cjs');
+var _YO7LLGVAcjs = require('../__chunks/YO7LLGVA.cjs');
+require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ToolbarItem = _AJF5DT5Acjs.ToolbarItem; exports.useToolbarItem = _AJF5DT5Acjs.useToolbarItem;
+exports.ToolbarItem = _YO7LLGVAcjs.ToolbarItem; exports.useToolbarItem = _YO7LLGVAcjs.useToolbarItem;

package/cjs/tooltip/tooltip.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3MKOUH5Mcjs = require('../__chunks/3MKOUH5M.cjs');
+var _HPNCFYQJcjs = require('../__chunks/HPNCFYQJ.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/DCTXNU2X.cjs');
+require('../__chunks/COWKMNMZ.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
+var _ZTAE5B6Wcjs = require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -95,7 +95,7 @@ var useTooltip = _NGD3IQDBcjs.createHook.call(void 0,
       (state) => state.type === "description" ? "tooltip" : "none"
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
-    props = _3MKOUH5Mcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    props = _HPNCFYQJcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,
@@ -124,7 +124,7 @@ var useTooltip = _NGD3IQDBcjs.createHook.call(void 0,
     return props;
   }
 );
-var Tooltip = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var Tooltip = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function Tooltip2(props) {
     const htmlProps = useTooltip(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/esm/__chunks/{LABIXQLW.js → 44PDY2W5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useDialogDismiss
-} from "./JCOBPKEI.js";
+} from "./BY6P32UK.js";
 import {
   usePopoverScopedContext
 } from "./5B3U64HV.js";

package/esm/__chunks/{FYNSL2D5.js → 5H3YXAUC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopoverDisclosureArrow
-} from "./NN4HLGKS.js";
+} from "./F2RFUFO2.js";
 import {
   useSelectContext
 } from "./SYZHUNAU.js";

package/esm/__chunks/{JCOBPKEI.js → BY6P32UK.js}

@@ -45,7 +45,7 @@ var useDialogDismiss = createHook(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: "1.5pt",
+          strokeWidth: 1.5,
           viewBox: "0 0 16 16",
           height: "1em",
           width: "1em",

package/esm/__chunks/{C5HA76JU.js → DSUHLHLE.js}

@@ -4,7 +4,7 @@ import {
 } from "./MIIHBIKN.js";
 import {
   useCompositeItem
-} from "./ONUY4D7O.js";
+} from "./R33ISPJY.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{NN4HLGKS.js → F2RFUFO2.js}

@@ -44,7 +44,7 @@ var usePopoverDisclosureArrow = createHook(function usePopoverDisclosureArrow2(_
         stroke: "currentColor",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        strokeWidth: "1.5pt",
+        strokeWidth: 1.5,
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em",

package/esm/__chunks/{2VWKZYYT.js → H5N72W37.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopoverDismiss
-} from "./LABIXQLW.js";
+} from "./44PDY2W5.js";
 import {
   useHovercardScopedContext
 } from "./5YBNH7BL.js";

package/esm/__chunks/{NQ4PTILT.js → IOUGWXY5.js}

@@ -390,6 +390,7 @@ var useDialog = createHook(function useDialog2(_a) {
     },
     [store, finalFocus, autoFocusOnHideProp]
   );
+  const focusedOnHideRef = useRef(false);
   useSafeLayoutEffect(() => {
     if (open)
       return;
@@ -398,6 +399,7 @@ var useDialog = createHook(function useDialog2(_a) {
     if (!mayAutoFocusOnHide)
       return;
     const dialog = ref.current;
+    focusedOnHideRef.current = true;
     focusOnHide(dialog);
   }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);
   useEffect(() => {
@@ -406,7 +408,13 @@ var useDialog = createHook(function useDialog2(_a) {
     if (!mayAutoFocusOnHide)
       return;
     const dialog = ref.current;
-    return () => focusOnHide(dialog);
+    return () => {
+      if (focusedOnHideRef.current) {
+        focusedOnHideRef.current = false;
+        return;
+      }
+      focusOnHide(dialog);
+    };
   }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
   const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
   useEffect(() => {

package/esm/__chunks/{X3V2DT2U.js → LTYEFENI.js}

@@ -2,7 +2,7 @@
 import {
   createDialogComponent,
   useDialog
-} from "./NQ4PTILT.js";
+} from "./IOUGWXY5.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext

package/esm/__chunks/{HW63KLP5.js → NFPDVAAW.js}

@@ -10,7 +10,7 @@ import {
 } from "./VXKKJNIF.js";
 import {
   useCompositeItem
-} from "./ONUY4D7O.js";
+} from "./R33ISPJY.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{XK6CE2M5.js → NHVUMSP7.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCompositeItem
-} from "./ONUY4D7O.js";
+} from "./R33ISPJY.js";
 import {
   useToolbarContext
 } from "./766APSLG.js";

package/esm/__chunks/{RAKW656I.js → Q4PZFBSW.js}

@@ -26,7 +26,7 @@ var checkmark = /* @__PURE__ */ jsx(
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "1.5pt",
+    strokeWidth: 1.5,
     viewBox: "0 0 16 16",
     height: "1em",
     width: "1em",

package/esm/__chunks/{ONUY4D7O.js → R33ISPJY.js}

@@ -8,7 +8,8 @@ import {
 import {
   focusSilently,
   getEnabledItem,
-  isItem
+  isItem,
+  selectTextField
 } from "./3IEDWLST.js";
 import {
   CompositeItemContext,
@@ -41,7 +42,9 @@ import {
 // src/composite/composite-item.tsx
 import { useCallback, useContext, useMemo, useRef, useState } from "react";
 import {
+  getDocument,
   getScrollingElement,
+  getTextboxSelection,
   isButton,
   isTextField
 } from "@ariakit/core/utils/dom";
@@ -52,6 +55,9 @@ import {
 } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
+function isTextbox(element) {
+  return element.isContentEditable || isTextField(element);
+}
 function isEditableElement(element) {
   if (element.isContentEditable)
     return true;
@@ -59,6 +65,16 @@ function isEditableElement(element) {
     return true;
   return element.tagName === "INPUT" && !isButton(element);
 }
+function getValueLength(element) {
+  if (isTextField(element)) {
+    return element.value.length;
+  } else if (element.isContentEditable) {
+    const range = getDocument(element).createRange();
+    range.selectNodeContents(element);
+    return range.toString().length;
+  }
+  return 0;
+}
 function getNextPageOffset(scrollingElement, pageUp = false) {
   const height = scrollingElement.clientHeight;
   const { top } = scrollingElement.getBoundingClientRect();
@@ -217,6 +233,9 @@ var useCompositeItem = createHook(
         return;
       const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
       store.setActiveId(id);
+      if (isTextbox(event.currentTarget)) {
+        selectTextField(event.currentTarget);
+      }
       if (!virtualFocus2)
         return;
       if (!isSelfTarget(event))
@@ -303,6 +322,22 @@ var useCompositeItem = createHook(
       };
       const action = keyMap[event.key];
       if (action) {
+        if (isTextbox(currentTarget)) {
+          const selection = getTextboxSelection(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)) {
+              return;
+            }
+          } else if (isLeft || isUp) {
+            if (selection.start !== 0) {
+              return;
+            }
+          }
+        }
         const nextId = action();
         if (preventScrollOnKeyDownProp(event) || nextId !== void 0) {
           if (!moveOnKeyPressProp(event))

package/esm/__chunks/{6VDNHSLX.js → XEJ23EM6.js}

@@ -6,10 +6,10 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./X3V2DT2U.js";
+} from "./LTYEFENI.js";
 import {
   createDialogComponent
-} from "./NQ4PTILT.js";
+} from "./IOUGWXY5.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext

package/esm/checkbox/checkbox-check.js

@@ -2,7 +2,7 @@
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/RAKW656I.js";
+} from "../__chunks/Q4PZFBSW.js";
 import "../__chunks/6XBVQI3K.js";
 import "../__chunks/GUCZNEAD.js";
 import "../__chunks/WOWUAP42.js";

package/esm/collection/collection-renderer.d.ts

@@ -296,9 +296,7 @@ export declare function useCollectionRenderer<T extends Item = any>({ store, ite
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

package/esm/combobox/combobox-cancel.js

@@ -44,7 +44,7 @@ var children = /* @__PURE__ */ jsxs(
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "1pt",
+    strokeWidth: 1.5,
     width: "1em",
     height: "1em",
     pointerEvents: "none",

package/esm/combobox/combobox-disclosure.js

@@ -43,7 +43,7 @@ var children = /* @__PURE__ */ jsx(
     stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "1.5pt",
+    strokeWidth: 1.5,
     viewBox: "0 0 16 16",
     height: "1em",
     width: "1em",

package/esm/combobox/combobox-item-check.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCheckboxCheck
-} from "../__chunks/RAKW656I.js";
+} from "../__chunks/Q4PZFBSW.js";
 import "../__chunks/6XBVQI3K.js";
 import {
   ComboboxItemCheckedContext

package/esm/combobox/combobox-item.js

@@ -4,7 +4,7 @@ import {
 } from "../__chunks/VXKKJNIF.js";
 import {
   useCompositeItem
-} from "../__chunks/ONUY4D7O.js";
+} from "../__chunks/R33ISPJY.js";
 import "../__chunks/PJ7ERAIM.js";
 import {
   ComboboxItemCheckedContext,

package/esm/combobox/combobox-popover.js

@@ -9,10 +9,10 @@ import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import {
   usePopover
-} from "../__chunks/X3V2DT2U.js";
+} from "../__chunks/LTYEFENI.js";
 import {
   createDialogComponent
-} from "../__chunks/NQ4PTILT.js";
+} from "../__chunks/IOUGWXY5.js";
 import "../__chunks/GOXKZAQI.js";
 import "../__chunks/6GXEOXGT.js";
 import "../__chunks/PTPUIM7N.js";
@@ -58,8 +58,9 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/combobox/combobox-popover.tsx
+import { useRef } from "react";
 import { getDocument, matches } from "@ariakit/core/utils/dom";
-import { invariant } from "@ariakit/core/utils/misc";
+import { invariant, isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
 var TagName = "div";
 function isController(target, ...ids) {
   if (!target)
@@ -79,12 +80,14 @@ var useComboboxPopover = createHook(
       modal,
       tabIndex,
       alwaysVisible,
+      autoFocusOnHide = true,
       hideOnInteractOutside = true
     } = _b, props = __objRest(_b, [
       "store",
       "modal",
       "tabIndex",
       "alwaysVisible",
+      "autoFocusOnHide",
       "hideOnInteractOutside"
     ]);
     const context = useComboboxProviderContext();
@@ -94,6 +97,7 @@ var useComboboxPopover = createHook(
       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 = useRef(false);
     props = useComboboxList(__spreadValues({ store, alwaysVisible }, props));
     props = usePopover(__spreadProps(__spreadValues({
       store,
@@ -101,7 +105,6 @@ var useComboboxPopover = createHook(
       alwaysVisible,
       backdrop: false,
       autoFocusOnShow: false,
-      autoFocusOnHide: false,
       finalFocus: baseElement,
       preserveTabOrderAnchor: null
     }, props), {
@@ -133,6 +136,18 @@ var useComboboxPopover = createHook(
         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 (isFalsyBooleanCallback(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,6 +160,9 @@ var useComboboxPopover = createHook(
         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;
       }
     }));

package/esm/combobox/combobox.d.ts

@@ -143,6 +143,26 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * value.
      */
     blurActiveItemOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Specifies the minimum character count the input value should have before
+     * the [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components are displayed.
+     *
+     * The [`showOnChange`](https://ariakit.org/reference/combobox#showonchange),
+     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick), and
+     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * props allow you to tailor the behavior for each unique event.
+     * @default 0
+     * @example
+     * In the following example, the combobox list will be shown when the input
+     * value has at least one character. However, if the user presses the arrow
+     * keys, the list will be shown regardless of the input value length.
+     * ```jsx
+     * <Combobox showMinLength={1} showOnKeyPress />
+     * ```
+     */
+    showMinLength?: number;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)