@ariakit/react-core 0.3.5 → 0.3.6

package/cjs/combobox/combobox-store.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _NLTNFPAXcjs = require('../__chunks/NLTNFPAX.cjs');
-require('../__chunks/U74DRAW2.cjs');
-require('../__chunks/W23HEISM.cjs');
-require('../__chunks/IE75SSVL.cjs');
-require('../__chunks/QQNI2PXZ.cjs');
-require('../__chunks/4H55S5YC.cjs');
-require('../__chunks/WLJVTO7A.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+var _AYDXWQBFcjs = require('../__chunks/AYDXWQBF.cjs');
+require('../__chunks/A5RWZSX7.cjs');
+require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/65GJIQK5.cjs');
+require('../__chunks/X3I2WFGC.cjs');
+require('../__chunks/FQNGCFYY.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useComboboxStore = _NLTNFPAXcjs.useComboboxStore; exports.useComboboxStoreProps = _NLTNFPAXcjs.useComboboxStoreProps;
+exports.useComboboxStore = _AYDXWQBFcjs.useComboboxStore; exports.useComboboxStoreProps = _AYDXWQBFcjs.useComboboxStoreProps;

package/cjs/combobox/combobox.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PH2Q5GQRcjs = require('../__chunks/PH2Q5GQR.cjs');
+var _3QW6ELTGcjs = require('../__chunks/3QW6ELTG.cjs');
 
 
-var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
+var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
 
 
-var _6MOJZWMLcjs = require('../__chunks/6MOJZWML.cjs');
+var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
 require('../__chunks/RV3PHHWM.cjs');
-require('../__chunks/FQGSRSYD.cjs');
-require('../__chunks/JVORNAMD.cjs');
-require('../__chunks/KZA6P235.cjs');
-require('../__chunks/QKKT6RXX.cjs');
-require('../__chunks/SMKW5GKS.cjs');
-require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
 
 
@@ -30,13 +30,13 @@ var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
 
 
 
-var _JTVNRMACcjs = require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox.ts
 var _react = require('react');
@@ -72,7 +72,7 @@ function isInputEvent(event) {
 function isAriaAutoCompleteValue(value) {
   return value === "inline" || value === "list" || value === "both" || value === "none";
 }
-var useCombobox = _VKYTJKYNcjs.createHook.call(void 0, 
+var useCombobox = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -85,7 +85,7 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       showOnKeyDown = true,
       moveOnKeyPress = true,
       autoComplete = "list"
-    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "focusable",
       "autoSelect",
@@ -97,14 +97,14 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const context = _KXLF6YSNcjs.useComboboxProviderContext.call(void 0, );
+    const context = _VEG6PRAGcjs.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] = _JTVNRMACcjs.useForceUpdate.call(void 0, );
+    const [valueUpdated, forceValueUpdate] = _EO6LS72Hcjs.useForceUpdate.call(void 0, );
     const canAutoSelectRef = _react.useRef.call(void 0, false);
     const composingRef = _react.useRef.call(void 0, false);
     const autoSelect = store.useState(
@@ -112,7 +112,7 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
     );
     const inline = autoComplete === "inline" || autoComplete === "both";
     const [canInline, setCanInline] = _react.useState.call(void 0, inline);
-    _JTVNRMACcjs.useUpdateLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useUpdateLayoutEffect.call(void 0, () => {
       if (!inline)
         return;
       setCanInline(true);
@@ -215,19 +215,19 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
         scrollingElement.removeEventListener("scroll", onScroll, true);
       };
     }, [open, contentElement, store]);
-    _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!storeValue)
         return;
       if (composingRef.current)
         return;
       canAutoSelectRef.current = true;
     }, [storeValue]);
-    _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       if (open)
         return;
       canAutoSelectRef.current = false;
     }, [open]);
-    _JTVNRMACcjs.useUpdateEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useUpdateEffect.call(void 0, () => {
       var _a2;
       if (!store)
         return;
@@ -246,7 +246,7 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       store.move((_a2 = store.first()) != null ? _a2 : null);
       return;
     }, [store, valueUpdated, storeValue, autoSelect, items]);
-    _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       if (autoSelect)
         return;
       store == null ? void 0 : store.setActiveId(null);
@@ -271,9 +271,9 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       };
     }, [inline, contentElement, store, value]);
     const onChangeProp = props.onChange;
-    const showOnChangeProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, showOnChange);
-    const setValueOnChangeProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, setValueOnChange);
-    const onChange = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
+    const showOnChangeProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnChange);
+    const setValueOnChangeProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, setValueOnChange);
+    const onChange = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
@@ -309,7 +309,7 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       }
     });
     const onCompositionEndProp = props.onCompositionEnd;
-    const onCompositionEnd = _JTVNRMACcjs.useEvent.call(void 0, 
+    const onCompositionEnd = _EO6LS72Hcjs.useEvent.call(void 0, 
       (event) => {
         canAutoSelectRef.current = true;
         composingRef.current = false;
@@ -322,9 +322,9 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       }
     );
     const onMouseDownProp = props.onMouseDown;
-    const setValueOnClickProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const showOnMouseDownProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, showOnMouseDown);
-    const onMouseDown = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
+    const setValueOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const showOnMouseDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnMouseDown);
+    const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -343,8 +343,8 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const showOnKeyDownProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, showOnKeyDown);
-    const onKeyDown = _JTVNRMACcjs.useEvent.call(void 0, 
+    const showOnKeyDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnKeyDown);
+    const onKeyDown = _EO6LS72Hcjs.useEvent.call(void 0, 
       (event) => {
         onKeyDownProp == null ? void 0 : onKeyDownProp(event);
         if (event.defaultPrevented)
@@ -373,15 +373,15 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       }
     );
     const onBlurProp = props.onBlur;
-    const onBlur = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
+    const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       canAutoSelectRef.current = false;
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
     });
-    const id = _JTVNRMACcjs.useId.call(void 0, props.id);
+    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
     const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
       role: "combobox",
       "aria-autocomplete": ariaAutoComplete,
@@ -390,14 +390,14 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
       "aria-controls": contentElement == null ? void 0 : contentElement.id,
       value
     }, props), {
-      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onChange,
       onCompositionEnd,
       onMouseDown,
       onKeyDown,
       onBlur
     });
-    props = _6MOJZWMLcjs.useComposite.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    props = _CZOBQEIOcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       focusable
     }, props), {
@@ -411,13 +411,13 @@ var useCombobox = _VKYTJKYNcjs.createHook.call(void 0,
         return true;
       }
     }));
-    props = _PH2Q5GQRcjs.usePopoverAnchor.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
-    return _WYXAWBLEcjs.__spreadValues.call(void 0, { autoComplete: "off" }, props);
+    props = _3QW6ELTGcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    return _AV6KTKLEcjs.__spreadValues.call(void 0, { autoComplete: "off" }, props);
   }
 );
-var Combobox = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+var Combobox = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCombobox(props);
-  return _VKYTJKYNcjs.createElement.call(void 0, "input", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Combobox.displayName = "Combobox";

package/cjs/command/command.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _F7HB6RYGcjs = require('../__chunks/F7HB6RYG.cjs');
-require('../__chunks/7ARL6QHN.cjs');
+var _DAJUUBUIcjs = require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Command = _F7HB6RYGcjs.Command; exports.useCommand = _F7HB6RYGcjs.useCommand;
+exports.Command = _DAJUUBUIcjs.Command; exports.useCommand = _DAJUUBUIcjs.useCommand;

package/cjs/composite/composite-container.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _JLZMDZGEcjs = require('../__chunks/JLZMDZGE.cjs');
+var _N6Q3QJ4Gcjs = require('../__chunks/N6Q3QJ4G.cjs');
 require('../__chunks/RV3PHHWM.cjs');
-require('../__chunks/FQGSRSYD.cjs');
-require('../__chunks/JVORNAMD.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/WLJVTO7A.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContainer = _JLZMDZGEcjs.CompositeContainer; exports.useCompositeContainer = _JLZMDZGEcjs.useCompositeContainer;
+exports.CompositeContainer = _N6Q3QJ4Gcjs.CompositeContainer; exports.useCompositeContainer = _N6Q3QJ4Gcjs.useCompositeContainer;

package/cjs/composite/composite-context.cjs

@@ -7,12 +7,12 @@
 
 
 
-var _FQGSRSYDcjs = require('../__chunks/FQGSRSYD.cjs');
-require('../__chunks/JVORNAMD.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+var _UZNYSPKPcjs = require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
@@ -21,4 +21,4 @@ require('../__chunks/WYXAWBLE.cjs');
 
 
 
-exports.CompositeContextProvider = _FQGSRSYDcjs.CompositeContextProvider; exports.CompositeItemContext = _FQGSRSYDcjs.CompositeItemContext; exports.CompositeRowContext = _FQGSRSYDcjs.CompositeRowContext; exports.CompositeScopedContextProvider = _FQGSRSYDcjs.CompositeScopedContextProvider; exports.useCompositeContext = _FQGSRSYDcjs.useCompositeContext; exports.useCompositeProviderContext = _FQGSRSYDcjs.useCompositeProviderContext; exports.useCompositeScopedContext = _FQGSRSYDcjs.useCompositeScopedContext;
+exports.CompositeContextProvider = _UZNYSPKPcjs.CompositeContextProvider; exports.CompositeItemContext = _UZNYSPKPcjs.CompositeItemContext; exports.CompositeRowContext = _UZNYSPKPcjs.CompositeRowContext; exports.CompositeScopedContextProvider = _UZNYSPKPcjs.CompositeScopedContextProvider; exports.useCompositeContext = _UZNYSPKPcjs.useCompositeContext; exports.useCompositeProviderContext = _UZNYSPKPcjs.useCompositeProviderContext; exports.useCompositeScopedContext = _UZNYSPKPcjs.useCompositeScopedContext;

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

@@ -2,14 +2,14 @@
 
 
 
-var _NKMUYKJAcjs = require('../__chunks/NKMUYKJA.cjs');
-require('../__chunks/VZI5MZ7D.cjs');
+var _TUDQDX77cjs = require('../__chunks/TUDQDX77.cjs');
+require('../__chunks/QQCFY3MB.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeGroupLabel = _NKMUYKJAcjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _NKMUYKJAcjs.useCompositeGroupLabel;
+exports.CompositeGroupLabel = _TUDQDX77cjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _TUDQDX77cjs.useCompositeGroupLabel;

package/cjs/composite/composite-group.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _5NKFHQZ2cjs = require('../__chunks/5NKFHQZ2.cjs');
-require('../__chunks/4NC3T4TV.cjs');
+var _2KDFQUU7cjs = require('../__chunks/2KDFQUU7.cjs');
+require('../__chunks/KSAZE5E2.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeGroup = _5NKFHQZ2cjs.CompositeGroup; exports.useCompositeGroup = _5NKFHQZ2cjs.useCompositeGroup;
+exports.CompositeGroup = _2KDFQUU7cjs.CompositeGroup; exports.useCompositeGroup = _2KDFQUU7cjs.useCompositeGroup;

package/cjs/composite/composite-hover.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _QWH4QBHAcjs = require('../__chunks/QWH4QBHA.cjs');
-require('../__chunks/FQGSRSYD.cjs');
-require('../__chunks/JVORNAMD.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+var _RRW7YVFRcjs = require('../__chunks/RRW7YVFR.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeHover = _QWH4QBHAcjs.CompositeHover; exports.useCompositeHover = _QWH4QBHAcjs.useCompositeHover;
+exports.CompositeHover = _RRW7YVFRcjs.CompositeHover; exports.useCompositeHover = _RRW7YVFRcjs.useCompositeHover;

package/cjs/composite/composite-hover.d.cts

@@ -34,12 +34,16 @@ export declare const useCompositeHover: import("../utils/types.js").Hook<Composi
 export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
 export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `useCompositeStore` hook. If not provided, the
-     * parent `Composite` component's context will be used.
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
      */
     store?: CompositeStore;
     /**
-     * Whether to focus the composite item on hover.
+     * Determines if the composite item should be focused on hover.
      *
      * Live examples:
      * - [Textarea with inline
@@ -47,5 +51,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+    /**
+     * Determines if the composite item should lose focus when the mouse leaves.
+     * By default, this is set to `true` if
+     * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
+     * is `true`.
+     */
+    blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
 export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;

package/cjs/composite/composite-hover.d.ts

@@ -34,12 +34,16 @@ export declare const useCompositeHover: import("../utils/types.js").Hook<Composi
 export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
 export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `useCompositeStore` hook. If not provided, the
-     * parent `Composite` component's context will be used.
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
      */
     store?: CompositeStore;
     /**
-     * Whether to focus the composite item on hover.
+     * Determines if the composite item should be focused on hover.
      *
      * Live examples:
      * - [Textarea with inline
@@ -47,5 +51,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+    /**
+     * Determines if the composite item should lose focus when the mouse leaves.
+     * By default, this is set to `true` if
+     * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
+     * is `true`.
+     */
+    blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
 export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;

package/cjs/composite/composite-input.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _I2Z34PEHcjs = require('../__chunks/I2Z34PEH.cjs');
+var _FM5S6RADcjs = require('../__chunks/FM5S6RAD.cjs');
 require('../__chunks/RV3PHHWM.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeInput = _I2Z34PEHcjs.CompositeInput; exports.useCompositeInput = _I2Z34PEHcjs.useCompositeInput;
+exports.CompositeInput = _FM5S6RADcjs.CompositeInput; exports.useCompositeInput = _FM5S6RADcjs.useCompositeInput;

package/cjs/composite/composite-item.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _H2TTW65Qcjs = require('../__chunks/H2TTW65Q.cjs');
-require('../__chunks/F7HB6RYG.cjs');
-require('../__chunks/HY2NPBHW.cjs');
+var _P43G7USHcjs = require('../__chunks/P43G7USH.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
-require('../__chunks/FQGSRSYD.cjs');
-require('../__chunks/JVORNAMD.cjs');
-require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/VKYTJKYN.cjs');
-require('../__chunks/WLJVTO7A.cjs');
-require('../__chunks/JTVNRMAC.cjs');
-require('../__chunks/LNE2FWJO.cjs');
-require('../__chunks/WYXAWBLE.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _H2TTW65Qcjs.CompositeItem; exports.useCompositeItem = _H2TTW65Qcjs.useCompositeItem;
+exports.CompositeItem = _P43G7USHcjs.CompositeItem; exports.useCompositeItem = _P43G7USHcjs.useCompositeItem;

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

@@ -31,14 +31,19 @@ export declare const useCompositeItem: import("../utils/types.js").Hook<Composit
 export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
 export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
     /**
-     * Object returned by the `useCompositeStore` hook. If not provided, the
-     * parent `Composite` component's context will be used.
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
      */
     store?: CompositeStore;
     /**
      * The id that will be used to group items in the same row. This is usually
-     * retrieved by the `CompositeRow` component through context so in most cases
-     * you don't need to set it manually.
+     * retrieved by the
+     * [`CompositeRow`](https://ariakit.org/reference/composite-row) component
+     * through context so in most cases you don't need to set it manually.
      */
     rowId?: string;
     /**
@@ -52,5 +57,34 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * @default true
      */
     moveOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * When the `tabbable` prop is set to `true`, the [roving
+     * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+     * method is partially disabled for this element. This means that the
+     * `tabIndex` prop won't be assigned `-1` when the item is inactive. In
+     * addition to using arrow keys, users will be able to tab to this element,
+     * leading to the composite widget no longer existing as a single tab stop.
+     *
+     * As per the [ARIA spec](https://w3c.github.io/aria/#composite):
+     *
+     * > Authors **SHOULD** ensure that a composite widget exists as a single
+     * > navigation stop within the larger navigation system of the web page.
+     *
+     * Additionally, as stated in
+     * [RFC-2119](https://www.rfc-editor.org/rfc/rfc2119.txt):
+     *
+     * > **SHOULD** This word, or the adjective "RECOMMENDED", mean that there may
+     * > exist valid reasons in particular circumstances to ignore a particular
+     * > item, but the full implications must be understood and carefully weighed
+     * > before choosing a different course.
+     *
+     * Therefore, while this may be allowed, you should think carefully about the
+     * implications of using this prop.
+     *
+     * **Note**: This prop has no effect when the
+     * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
+     * option is enabled.
+     */
+    tabbable?: boolean;
 }
 export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;

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

@@ -31,14 +31,19 @@ export declare const useCompositeItem: import("../utils/types.js").Hook<Composit
 export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
 export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
     /**
-     * Object returned by the `useCompositeStore` hook. If not provided, the
-     * parent `Composite` component's context will be used.
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
      */
     store?: CompositeStore;
     /**
      * The id that will be used to group items in the same row. This is usually
-     * retrieved by the `CompositeRow` component through context so in most cases
-     * you don't need to set it manually.
+     * retrieved by the
+     * [`CompositeRow`](https://ariakit.org/reference/composite-row) component
+     * through context so in most cases you don't need to set it manually.
      */
     rowId?: string;
     /**
@@ -52,5 +57,34 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * @default true
      */
     moveOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * When the `tabbable` prop is set to `true`, the [roving
+     * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+     * method is partially disabled for this element. This means that the
+     * `tabIndex` prop won't be assigned `-1` when the item is inactive. In
+     * addition to using arrow keys, users will be able to tab to this element,
+     * leading to the composite widget no longer existing as a single tab stop.
+     *
+     * As per the [ARIA spec](https://w3c.github.io/aria/#composite):
+     *
+     * > Authors **SHOULD** ensure that a composite widget exists as a single
+     * > navigation stop within the larger navigation system of the web page.
+     *
+     * Additionally, as stated in
+     * [RFC-2119](https://www.rfc-editor.org/rfc/rfc2119.txt):
+     *
+     * > **SHOULD** This word, or the adjective "RECOMMENDED", mean that there may
+     * > exist valid reasons in particular circumstances to ignore a particular
+     * > item, but the full implications must be understood and carefully weighed
+     * > before choosing a different course.
+     *
+     * Therefore, while this may be allowed, you should think carefully about the
+     * implications of using this prop.
+     *
+     * **Note**: This prop has no effect when the
+     * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
+     * option is enabled.
+     */
+    tabbable?: boolean;
 }
 export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;