@ariakit/react-core 0.4.0 → 0.4.2

package/cjs/combobox/combobox.d.cts

@@ -48,25 +48,29 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      */
     store?: ComboboxStore;
     /**
-     * Whether the first enabled item will be automatically selected when the
-     * combobox input value changes. When it's set to `true`, the exact behavior
-     * will depend on the value of the
+     * Determines if the first enabled item will be automatically focused when the
+     * combobox input value changes. If set to `true` or `"always"`, the exact
+     * behavior hinges on the value of the
      * [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) prop:
      * - If [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
-     *   is `both` or `inline`, the first item is automatically focused when the
-     *   popup opens, and the input value changes to reflect this. The inline
-     *   completion string will be highlighted and will have a selected state.
+     *   is `both` or `inline`, the first enabled item is automatically focused as
+     *   the user types in the input. The value gets appended with the completion
+     *   string if it matches. The inline completion string will be highlighted
+     *   and selected.
      * - If [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
-     *   is `list` or `none`, the first item is automatically focused when the
-     *   popup opens, but the input value doesn't change.
+     *   is `list` or `none`, the first enabled item is automatically focused as
+     *   the user types in the input, but the input value is not appended with the
+     *   item value.
      *
-     * To change which item is auto selected, use the
+     * If set to `"always"`, the first enabled item is auto-highlighted when the
+     * combobox list opens, not just when the input value changes.
+     *
+     * To change which item gets auto-selected, use the
      * [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid)
      * prop.
      *
      * Live examples:
-     * - [Combobox with integrated
-     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Textarea with inline
@@ -75,7 +79,7 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
      * @default false
      */
-    autoSelect?: boolean;
+    autoSelect?: boolean | "always";
     /**
      * Function that takes the currently rendered items and returns the id of the
      * item to be auto selected when the
@@ -84,9 +88,6 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      *
      * By default, the first enabled item is auto selected. This function is handy
      * if you prefer a different item to be auto selected.
-     *
-     * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * @example
      * ```jsx
      * <Combobox
@@ -134,6 +135,14 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * @default "list"
      */
     autoComplete?: StringWithValue<Required<AriaAttributes>["aria-autocomplete"]>;
+    /**
+     * Determines if the highlighted item should lose focus when the user clicks
+     * on the combobox input element. By default, this prop's value is set
+     * according to the
+     * [`includesBaseElement`](https://ariakit.org/reference/combobox-provider#includesbaseelement)
+     * value.
+     */
+    blurActiveItemOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
@@ -149,6 +158,16 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * ```
      */
     showOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
+    /**
+     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components should be shown when the input is clicked.
+     * @deprecated Use
+     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick)
+     * instead.
+     * @default true
+     */
+    showOnMouseDown?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
@@ -160,10 +179,21 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * @default true
      * @example
      * ```jsx
-     * <Combobox showOnMouseDown={value.length > 1} />
+     * <Combobox showOnClick={value.length > 1} />
      * ```
      */
-    showOnMouseDown?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    showOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components should be shown when the user presses the arrow up or down keys
+     * while focusing on the combobox input element.
+     * @deprecated Use
+     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * instead.
+     * @default true
+     */
+    showOnKeyDown?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
@@ -176,10 +206,10 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * @default true
      * @example
      * ```jsx
-     * <Combobox showOnKeyDown={value.length > 1} />
+     * <Combobox showOnKeyPress={value.length > 1} />
      * ```
      */
-    showOnKeyDown?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
+    showOnKeyPress?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
     /**
      * Whether the combobox
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state

package/cjs/combobox/combobox.d.ts

@@ -48,25 +48,29 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      */
     store?: ComboboxStore;
     /**
-     * Whether the first enabled item will be automatically selected when the
-     * combobox input value changes. When it's set to `true`, the exact behavior
-     * will depend on the value of the
+     * Determines if the first enabled item will be automatically focused when the
+     * combobox input value changes. If set to `true` or `"always"`, the exact
+     * behavior hinges on the value of the
      * [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete) prop:
      * - If [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
-     *   is `both` or `inline`, the first item is automatically focused when the
-     *   popup opens, and the input value changes to reflect this. The inline
-     *   completion string will be highlighted and will have a selected state.
+     *   is `both` or `inline`, the first enabled item is automatically focused as
+     *   the user types in the input. The value gets appended with the completion
+     *   string if it matches. The inline completion string will be highlighted
+     *   and selected.
      * - If [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
-     *   is `list` or `none`, the first item is automatically focused when the
-     *   popup opens, but the input value doesn't change.
+     *   is `list` or `none`, the first enabled item is automatically focused as
+     *   the user types in the input, but the input value is not appended with the
+     *   item value.
      *
-     * To change which item is auto selected, use the
+     * If set to `"always"`, the first enabled item is auto-highlighted when the
+     * combobox list opens, not just when the input value changes.
+     *
+     * To change which item gets auto-selected, use the
      * [`getAutoSelectId`](https://ariakit.org/reference/combobox#getautoselectid)
      * prop.
      *
      * Live examples:
-     * - [Combobox with integrated
-     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Textarea with inline
@@ -75,7 +79,7 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
      * @default false
      */
-    autoSelect?: boolean;
+    autoSelect?: boolean | "always";
     /**
      * Function that takes the currently rendered items and returns the id of the
      * item to be auto selected when the
@@ -84,9 +88,6 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      *
      * By default, the first enabled item is auto selected. This function is handy
      * if you prefer a different item to be auto selected.
-     *
-     * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * @example
      * ```jsx
      * <Combobox
@@ -134,6 +135,14 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * @default "list"
      */
     autoComplete?: StringWithValue<Required<AriaAttributes>["aria-autocomplete"]>;
+    /**
+     * Determines if the highlighted item should lose focus when the user clicks
+     * on the combobox input element. By default, this prop's value is set
+     * according to the
+     * [`includesBaseElement`](https://ariakit.org/reference/combobox-provider#includesbaseelement)
+     * value.
+     */
+    blurActiveItemOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
@@ -149,6 +158,16 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * ```
      */
     showOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
+    /**
+     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components should be shown when the input is clicked.
+     * @deprecated Use
+     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick)
+     * instead.
+     * @default true
+     */
+    showOnMouseDown?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
@@ -160,10 +179,21 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * @default true
      * @example
      * ```jsx
-     * <Combobox showOnMouseDown={value.length > 1} />
+     * <Combobox showOnClick={value.length > 1} />
      * ```
      */
-    showOnMouseDown?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    showOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
+     * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components should be shown when the user presses the arrow up or down keys
+     * while focusing on the combobox input element.
+     * @deprecated Use
+     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * instead.
+     * @default true
+     */
+    showOnKeyDown?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
@@ -176,10 +206,10 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * @default true
      * @example
      * ```jsx
-     * <Combobox showOnKeyDown={value.length > 1} />
+     * <Combobox showOnKeyPress={value.length > 1} />
      * ```
      */
-    showOnKeyDown?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
+    showOnKeyPress?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
     /**
      * Whether the combobox
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state

package/cjs/command/command.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _ZMTZTMRScjs = require('../__chunks/ZMTZTMRS.cjs');
-require('../__chunks/5QD55NKL.cjs');
+var _U4NXCMZ3cjs = require('../__chunks/U4NXCMZ3.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Command = _ZMTZTMRScjs.Command; exports.useCommand = _ZMTZTMRScjs.useCommand;
+exports.Command = _U4NXCMZ3cjs.Command; exports.useCommand = _U4NXCMZ3cjs.useCommand;

package/cjs/composite/composite-container.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _I5SQKHRZcjs = require('../__chunks/I5SQKHRZ.cjs');
+var _MJP4XPFZcjs = require('../__chunks/MJP4XPFZ.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContainer = _I5SQKHRZcjs.CompositeContainer; exports.useCompositeContainer = _I5SQKHRZcjs.useCompositeContainer;
+exports.CompositeContainer = _MJP4XPFZcjs.CompositeContainer; exports.useCompositeContainer = _MJP4XPFZcjs.useCompositeContainer;

package/cjs/composite/composite-context.cjs

@@ -7,10 +7,10 @@
 
 
 
-var _4XFLDG56cjs = require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _VPI3EKVYcjs = require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContextProvider = _4XFLDG56cjs.CompositeContextProvider; exports.CompositeItemContext = _4XFLDG56cjs.CompositeItemContext; exports.CompositeRowContext = _4XFLDG56cjs.CompositeRowContext; exports.CompositeScopedContextProvider = _4XFLDG56cjs.CompositeScopedContextProvider; exports.useCompositeContext = _4XFLDG56cjs.useCompositeContext; exports.useCompositeProviderContext = _4XFLDG56cjs.useCompositeProviderContext; exports.useCompositeScopedContext = _4XFLDG56cjs.useCompositeScopedContext;
+exports.CompositeContextProvider = _VPI3EKVYcjs.CompositeContextProvider; exports.CompositeItemContext = _VPI3EKVYcjs.CompositeItemContext; exports.CompositeRowContext = _VPI3EKVYcjs.CompositeRowContext; exports.CompositeScopedContextProvider = _VPI3EKVYcjs.CompositeScopedContextProvider; exports.useCompositeContext = _VPI3EKVYcjs.useCompositeContext; exports.useCompositeProviderContext = _VPI3EKVYcjs.useCompositeProviderContext; exports.useCompositeScopedContext = _VPI3EKVYcjs.useCompositeScopedContext;

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

@@ -2,14 +2,14 @@
 
 
 
-var _2CZCHCJMcjs = require('../__chunks/2CZCHCJM.cjs');
-require('../__chunks/GMXGH5P5.cjs');
+var _LKX2GEFMcjs = require('../__chunks/LKX2GEFM.cjs');
+require('../__chunks/Q45O26MP.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeGroupLabel = _2CZCHCJMcjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _2CZCHCJMcjs.useCompositeGroupLabel;
+exports.CompositeGroupLabel = _LKX2GEFMcjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _LKX2GEFMcjs.useCompositeGroupLabel;

package/cjs/composite/composite-group.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _BTE5YB27cjs = require('../__chunks/BTE5YB27.cjs');
-require('../__chunks/47V4ED4R.cjs');
+var _G4TVYYCTcjs = require('../__chunks/G4TVYYCT.cjs');
+require('../__chunks/422GLKBK.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeGroup = _BTE5YB27cjs.CompositeGroup; exports.useCompositeGroup = _BTE5YB27cjs.useCompositeGroup;
+exports.CompositeGroup = _G4TVYYCTcjs.CompositeGroup; exports.useCompositeGroup = _G4TVYYCTcjs.useCompositeGroup;

package/cjs/composite/composite-hover.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _JAG4YGQZcjs = require('../__chunks/JAG4YGQZ.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _Q6QJEXBKcjs = require('../__chunks/Q6QJEXBK.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeHover = _JAG4YGQZcjs.CompositeHover; exports.useCompositeHover = _JAG4YGQZcjs.useCompositeHover;
+exports.CompositeHover = _Q6QJEXBKcjs.CompositeHover; exports.useCompositeHover = _Q6QJEXBKcjs.useCompositeHover;

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

@@ -88,6 +88,7 @@ export interface CompositeHoverOptions<_T extends ElementType = TagName> extends
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

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

@@ -88,6 +88,7 @@ export interface CompositeHoverOptions<_T extends ElementType = TagName> extends
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

package/cjs/composite/composite-input.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _ANKK6ORZcjs = require('../__chunks/ANKK6ORZ.cjs');
+var _WGZQRLXVcjs = require('../__chunks/WGZQRLXV.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeInput = _ANKK6ORZcjs.CompositeInput; exports.useCompositeInput = _ANKK6ORZcjs.useCompositeInput;
+exports.CompositeInput = _WGZQRLXVcjs.CompositeInput; exports.useCompositeInput = _WGZQRLXVcjs.useCompositeInput;

package/cjs/composite/composite-item.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _QWP2WC6Ecjs = require('../__chunks/QWP2WC6E.cjs');
-require('../__chunks/ZMTZTMRS.cjs');
-require('../__chunks/XWCNZ2IP.cjs');
+var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
+require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/5QD55NKL.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _QWP2WC6Ecjs.CompositeItem; exports.useCompositeItem = _QWP2WC6Ecjs.useCompositeItem;
+exports.CompositeItem = _LEU3BIGCcjs.CompositeItem; exports.useCompositeItem = _LEU3BIGCcjs.useCompositeItem;

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

@@ -55,9 +55,6 @@ export interface CompositeItemOptions<T extends ElementType = TagName> extends C
     /**
      * Determines if the item should be registered as part of the collection. If
      * this is set to `false`, the item won't be accessible via arrow keys.
-     *
-     * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      */
     shouldRegisterItem?: CollectionItemOptions<T>["shouldRegisterItem"];
     /**

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

@@ -55,9 +55,6 @@ export interface CompositeItemOptions<T extends ElementType = TagName> extends C
     /**
      * Determines if the item should be registered as part of the collection. If
      * this is set to `false`, the item won't be accessible via arrow keys.
-     *
-     * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      */
     shouldRegisterItem?: CollectionItemOptions<T>["shouldRegisterItem"];
     /**

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PR3MIXQDcjs = require('../__chunks/PR3MIXQD.cjs');
-require('../__chunks/K5V42RR6.cjs');
-require('../__chunks/JH5Y3M4V.cjs');
-require('../__chunks/O45NLQRZ.cjs');
-require('../__chunks/MMDU7VRJ.cjs');
+var _K6TBX2ZBcjs = require('../__chunks/K6TBX2ZB.cjs');
+require('../__chunks/BSEVPIKO.cjs');
+require('../__chunks/27SIFUY3.cjs');
+require('../__chunks/YH42XRHR.cjs');
+require('../__chunks/IXJIFLOA.cjs');
 
 
-var _QWP2WC6Ecjs = require('../__chunks/QWP2WC6E.cjs');
-require('../__chunks/ZMTZTMRS.cjs');
-require('../__chunks/XWCNZ2IP.cjs');
+var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
+require('../__chunks/HD5AHCRI.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');
-require('../__chunks/OLOZ5JT2.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
 
 
 
-var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -40,7 +40,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 var _react = require('react');
 var _store = require('@ariakit/core/utils/store');
 var TagName = "button";
-var useCompositeOverflowDisclosure = _Q67LZMDTcjs.createHook.call(void 0, function useCompositeOverflowDisclosure2(_a) {
+var useCompositeOverflowDisclosure = _NGD3IQDBcjs.createHook.call(void 0, function useCompositeOverflowDisclosure2(_a) {
   var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
   const ref = _react.useRef.call(void 0, null);
   const [shouldRegisterItem, setShouldRegisterItem] = _react.useState.call(void 0, false);
@@ -50,14 +50,14 @@ var useCompositeOverflowDisclosure = _Q67LZMDTcjs.createHook.call(void 0, functi
     });
   }, [store]);
   const onFocusProp = props.onFocus;
-  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
     setShouldRegisterItem(true);
   });
   const onBlurProp = props.onBlur;
-  const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onBlur = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     onBlurProp == null ? void 0 : onBlurProp(event);
     if (event.defaultPrevented)
       return;
@@ -66,18 +66,18 @@ var useCompositeOverflowDisclosure = _Q67LZMDTcjs.createHook.call(void 0, functi
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     "aria-hidden": !shouldRegisterItem
   }, props), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, props.ref, ref),
+    ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, props.ref, ref),
     onFocus,
     onBlur
   });
-  props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
-  props = _PR3MIXQDcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _K6TBX2ZBcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var CompositeOverflowDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, 
+var CompositeOverflowDisclosure = _NGD3IQDBcjs.forwardRef.call(void 0, 
   function CompositeOverflowDisclosure2(props) {
     const htmlProps = useCompositeOverflowDisclosure(props);
-    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
   }
 );
 

package/cjs/composite/composite-overflow-store.cjs

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _GOS3JJKQcjs = require('../__chunks/GOS3JJKQ.cjs');
-require('../__chunks/AD7LA3CE.cjs');
-require('../__chunks/QJZAESAR.cjs');
+var _6RJSKW2Ccjs = require('../__chunks/6RJSKW2C.cjs');
+require('../__chunks/V3ZO7ICA.cjs');
+require('../__chunks/N6YOHUBI.cjs');
 
 
-var _OLOZ5JT2cjs = require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _GXMZA6DTcjs = require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/composite/composite-overflow-store.ts
 var _compositeoverflowstore = require('@ariakit/core/composite/composite-overflow-store'); var Core = _interopRequireWildcard(_compositeoverflowstore);
 function useCompositeOverflowStoreProps(store, update, props) {
-  return _GOS3JJKQcjs.usePopoverStoreProps.call(void 0, store, update, props);
+  return _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, store, update, props);
 }
 function useCompositeOverflowStore(props = {}) {
-  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createCompositeOverflowStore, props);
+  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createCompositeOverflowStore, props);
   return useCompositeOverflowStoreProps(store, update, props);
 }