@ariakit/react-core 0.3.11 → 0.3.13

package/cjs/select/select-popover.cjs

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _XAYQLYTNcjs = require('../__chunks/XAYQLYTN.cjs');
-require('../__chunks/FQZOOWMH.cjs');
+var _GGMSVQ4Gcjs = require('../__chunks/GGMSVQ4G.cjs');
+require('../__chunks/6PUZ4NWR.cjs');
 
 
 var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
-require('../__chunks/RM2WCNSU.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/R7ERL264.cjs');
+require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
+var _CIZTEPFOcjs = require('../__chunks/CIZTEPFO.cjs');
 
 
-var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
-require('../__chunks/RTT4XR27.cjs');
-require('../__chunks/NKR65BKC.cjs');
+var _FGHQW2WScjs = require('../__chunks/FGHQW2WS.cjs');
+require('../__chunks/WZ3DRKGP.cjs');
+require('../__chunks/KSPMHEYZ.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
 require('../__chunks/KREY6HXD.cjs');
@@ -25,11 +25,11 @@ require('../__chunks/5ZOCN23X.cjs');
 require('../__chunks/JVDUGICD.cjs');
 require('../__chunks/VV6WA3I6.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
+require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/5GTNIPQ6.cjs');
-require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
 require('../__chunks/65LGW5LY.cjs');
@@ -37,11 +37,11 @@ require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/TD5MOASJ.cjs');
+require('../__chunks/YPVQYY4J.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 require('../__chunks/R66IWXK6.cjs');
 
@@ -49,9 +49,9 @@ require('../__chunks/R66IWXK6.cjs');
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/HRKRTCJC.cjs');
-require('../__chunks/EGAIDKB5.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/W5LJEMLB.cjs');
+require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -65,12 +65,12 @@ var useSelectPopover = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store, alwaysVisible } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
     const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
-    props = _XAYQLYTNcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _GGMSVQ4Gcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _CIZTEPFOcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );
-var SelectPopover = _36QK2QLEcjs.createDialogComponent.call(void 0, 
+var SelectPopover = _FGHQW2WScjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useSelectPopover(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/select/select-provider.cjs

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PSR537T6cjs = require('../__chunks/PSR537T6.cjs');
+var _NONPPWSFcjs = require('../__chunks/NONPPWSF.cjs');
 require('../__chunks/3WCBE6SU.cjs');
 
 
 var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
-require('../__chunks/N6CR2VNN.cjs');
-require('../__chunks/DKOWT2IJ.cjs');
+require('../__chunks/LUL2YWZ3.cjs');
+require('../__chunks/CDNJPIEG.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/7BPAESN3.cjs');
-require('../__chunks/HRKRTCJC.cjs');
-require('../__chunks/EGAIDKB5.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/NRGWVSB5.cjs');
+require('../__chunks/W5LJEMLB.cjs');
+require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -25,7 +25,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/select/select-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function SelectProvider(props = {}) {
-  const store = _PSR537T6cjs.useSelectStore.call(void 0, props);
+  const store = _NONPPWSFcjs.useSelectStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WCJJQSKcjs.SelectContextProvider, { value: store, children: props.children });
 }
 

package/cjs/select/select-provider.d.cts

@@ -3,7 +3,8 @@ import type { PickRequired } from "@ariakit/core/utils/types";
 import type { SelectStoreProps, SelectStoreValue } from "./select-store.js";
 type Value = SelectStoreValue;
 /**
- * Provides a select store to Select components.
+ * Provides a select store to [Select](https://ariakit.org/components/select)
+ * components.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx

package/cjs/select/select-provider.d.ts

@@ -3,7 +3,8 @@ import type { PickRequired } from "@ariakit/core/utils/types";
 import type { SelectStoreProps, SelectStoreValue } from "./select-store.js";
 type Value = SelectStoreValue;
 /**
- * Provides a select store to Select components.
+ * Provides a select store to [Select](https://ariakit.org/components/select)
+ * components.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx

package/cjs/select/select-renderer.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NVRUQ5V7cjs = require('../__chunks/NVRUQ5V7.cjs');
+var _LY6FB2NEcjs = require('../__chunks/LY6FB2NE.cjs');
 
 
 
-var _T5G6DLC6cjs = require('../__chunks/T5G6DLC6.cjs');
+var _6LVRCU4Jcjs = require('../__chunks/6LVRCU4J.cjs');
 
 
 var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
@@ -20,7 +20,7 @@ require('../__chunks/S6UU7NA4.cjs');
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
 
-var _B233QVZEcjs = require('../__chunks/B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -72,14 +72,14 @@ function useSelectRenderer(_a) {
   ]);
   const context = _2WCJJQSKcjs.useSelectContext.call(void 0, );
   store = store || context;
-  const items = _B233QVZEcjs.useStoreState.call(void 0, store, (state) => {
+  const items = _OLOZ5JT2cjs.useStoreState.call(void 0, store, (state) => {
     if (!state)
       return itemsProp;
     if (!state.mounted)
       return 0;
     return itemsProp != null ? itemsProp : state.items;
   });
-  const value = _B233QVZEcjs.useStoreState.call(void 0, store, (state) => valueProp != null ? valueProp : state == null ? void 0 : state.value);
+  const value = _OLOZ5JT2cjs.useStoreState.call(void 0, store, (state) => valueProp != null ? valueProp : state == null ? void 0 : state.value);
   const valueIndices = _react.useMemo.call(void 0, () => {
     if (!items)
       return [];
@@ -97,7 +97,7 @@ function useSelectRenderer(_a) {
     }
     return valueIndices;
   }, [valueIndices, persistentIndicesProp]);
-  return _NVRUQ5V7cjs.useCompositeRenderer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  return _LY6FB2NEcjs.useCompositeRenderer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     items,
     persistentIndices
@@ -111,4 +111,4 @@ var SelectRenderer = _RNZNGEL4cjs.forwardRef.call(void 0, function SelectRendere
 
 
 
-exports.SelectRenderer = SelectRenderer; exports.getSelectRendererItem = _T5G6DLC6cjs.getCollectionRendererItem; exports.getSelectRendererItemId = _T5G6DLC6cjs.getCollectionRendererItemId;
+exports.SelectRenderer = SelectRenderer; exports.getSelectRendererItem = _6LVRCU4Jcjs.getCollectionRendererItem; exports.getSelectRendererItemId = _6LVRCU4Jcjs.getCollectionRendererItemId;

package/cjs/select/select-renderer.d.cts

@@ -18,7 +18,7 @@ export interface SelectRendererOptions<T extends Item = any> extends Omit<Compos
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
-     * not provided, the parent [Select](https://ariakit.org/components/select)
+     * not provided, the closest [Select](https://ariakit.org/components/select)
      * component's context will be used.
      *
      * The store [`items`](https://ariakit.org/reference/use-select-store#items)

package/cjs/select/select-renderer.d.ts

@@ -18,7 +18,7 @@ export interface SelectRendererOptions<T extends Item = any> extends Omit<Compos
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
-     * not provided, the parent [Select](https://ariakit.org/components/select)
+     * not provided, the closest [Select](https://ariakit.org/components/select)
      * component's context will be used.
      *
      * The store [`items`](https://ariakit.org/reference/use-select-store#items)

package/cjs/select/select-row.d.cts

@@ -18,7 +18,10 @@ import type { SelectStore } from "./select-store.js";
  */
 export declare const useSelectRow: import("../utils/types.js").Hook<SelectRowOptions<"div">>;
 /**
- * Renders a select row.
+ * Renders a select row that allows two-dimensional arrow key navigation.
+ * [`SelectItem`](https://ariakit.org/reference/select-item) elements wrapped
+ * within this component will automatically receive a
+ * [`rowId`](https://ariakit.org/reference/select-item#rowid) prop.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {4-11}

package/cjs/select/select-row.d.ts

@@ -18,7 +18,10 @@ import type { SelectStore } from "./select-store.js";
  */
 export declare const useSelectRow: import("../utils/types.js").Hook<SelectRowOptions<"div">>;
 /**
- * Renders a select row.
+ * Renders a select row that allows two-dimensional arrow key navigation.
+ * [`SelectItem`](https://ariakit.org/reference/select-item) elements wrapped
+ * within this component will automatically receive a
+ * [`rowId`](https://ariakit.org/reference/select-item#rowid) prop.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {4-11}

package/cjs/select/select-separator.d.cts

@@ -18,7 +18,8 @@ import type { SelectStore } from "./select-store.js";
  */
 export declare const useSelectSeparator: import("../utils/types.js").Hook<SelectSeparatorOptions<"hr">>;
 /**
- * Renders a separator element for select items.
+ * Renders a divider between
+ * [`SelectItem`](https://ariakit.org/reference/select-item) elements.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {5}

package/cjs/select/select-separator.d.ts

@@ -18,7 +18,8 @@ import type { SelectStore } from "./select-store.js";
  */
 export declare const useSelectSeparator: import("../utils/types.js").Hook<SelectSeparatorOptions<"hr">>;
 /**
- * Renders a separator element for select items.
+ * Renders a divider between
+ * [`SelectItem`](https://ariakit.org/reference/select-item) elements.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {5}

package/cjs/select/select-store.cjs

@@ -2,24 +2,24 @@
 
 
 
-var _PSR537T6cjs = require('../__chunks/PSR537T6.cjs');
+var _NONPPWSFcjs = require('../__chunks/NONPPWSF.cjs');
 require('../__chunks/3WCBE6SU.cjs');
-require('../__chunks/N6CR2VNN.cjs');
-require('../__chunks/DKOWT2IJ.cjs');
+require('../__chunks/LUL2YWZ3.cjs');
+require('../__chunks/CDNJPIEG.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
 require('../__chunks/S6UU7NA4.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/7BPAESN3.cjs');
-require('../__chunks/HRKRTCJC.cjs');
-require('../__chunks/EGAIDKB5.cjs');
-require('../__chunks/B233QVZE.cjs');
+require('../__chunks/NRGWVSB5.cjs');
+require('../__chunks/W5LJEMLB.cjs');
+require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useSelectStore = _PSR537T6cjs.useSelectStore; exports.useSelectStoreProps = _PSR537T6cjs.useSelectStoreProps;
+exports.useSelectStore = _NONPPWSFcjs.useSelectStore; exports.useSelectStoreProps = _NONPPWSFcjs.useSelectStoreProps;

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

@@ -8,11 +8,13 @@ export declare function useSelectStoreProps<T extends Core.SelectStore>(store: T
     combobox: ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | null | undefined;
 };
 /**
- * Creates a select store.
+ * Creates a select store to control the state of
+ * [Select](https://ariakit.org/components/select) components.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx
  * const select = useSelectStore({ defaultValue: "Apple" });
+ *
  * <Select store={select} />
  * <SelectPopover store={select}>
  *   <SelectItem value="Apple" />
@@ -31,18 +33,23 @@ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreVa
 }
 export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends Core.SelectStoreOptions<T>, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
     /**
-     * Function that will be called when the `value` state changes.
-     * @param value The new value.
+     * Function that will be called when the
+     * [`value`](https://ariakit.org/reference/select-provider#value) state
+     * changes.
+     *
+     * Live examples:
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
+     * - [Select with custom items](https://ariakit.org/examples/select-item-custom)
+     * - [Multi-Select](https://ariakit.org/examples/select-multiple)
+     * - [Toolbar with Select](https://ariakit.org/examples/toolbar-select)
      */
     setValue?: BivariantCallback<(value: SelectStoreState<T>["value"]) => void>;
     /**
-     * A reference to a combobox store. This is used when combining the combobox
-     * with a select (e.g., select with a search input). The stores will share the
-     * same state.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * A reference to a [combobox
+     * store](https://ariakit.org/reference/use-combobox-store). It's
+     * automatically set when composing [Select with
+     * Combobox](https://ariakit.org/examples/select-combobox).
      */
     combobox?: ComboboxStore | null;
 }

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

@@ -8,11 +8,13 @@ export declare function useSelectStoreProps<T extends Core.SelectStore>(store: T
     combobox: ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | null | undefined;
 };
 /**
- * Creates a select store.
+ * Creates a select store to control the state of
+ * [Select](https://ariakit.org/components/select) components.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx
  * const select = useSelectStore({ defaultValue: "Apple" });
+ *
  * <Select store={select} />
  * <SelectPopover store={select}>
  *   <SelectItem value="Apple" />
@@ -31,18 +33,23 @@ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreVa
 }
 export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends Core.SelectStoreOptions<T>, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
     /**
-     * Function that will be called when the `value` state changes.
-     * @param value The new value.
+     * Function that will be called when the
+     * [`value`](https://ariakit.org/reference/select-provider#value) state
+     * changes.
+     *
+     * Live examples:
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
+     * - [Select with custom items](https://ariakit.org/examples/select-item-custom)
+     * - [Multi-Select](https://ariakit.org/examples/select-multiple)
+     * - [Toolbar with Select](https://ariakit.org/examples/toolbar-select)
      */
     setValue?: BivariantCallback<(value: SelectStoreState<T>["value"]) => void>;
     /**
-     * A reference to a combobox store. This is used when combining the combobox
-     * with a select (e.g., select with a search input). The stores will share the
-     * same state.
-     *
-     * Live examples:
-     * - [Multi-selectable
-     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * A reference to a [combobox
+     * store](https://ariakit.org/reference/use-combobox-store). It's
+     * automatically set when composing [Select with
+     * Combobox](https://ariakit.org/examples/select-combobox).
      */
     combobox?: ComboboxStore | null;
 }

package/cjs/select/select.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LICANQTIcjs = require('../__chunks/LICANQTI.cjs');
-require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
+var _25ZFPUHHcjs = require('../__chunks/25ZFPUHH.cjs');
+require('../__chunks/NLVGDNPE.cjs');
+require('../__chunks/2FTVUUOK.cjs');
 require('../__chunks/3QW6ELTG.cjs');
-require('../__chunks/5UTRYT6E.cjs');
+require('../__chunks/REJALU3P.cjs');
 
 
 var _KQN7YDDZcjs = require('../__chunks/KQN7YDDZ.cjs');
 require('../__chunks/YU7XEYUJ.cjs');
 
 
-var _FQZOOWMHcjs = require('../__chunks/FQZOOWMH.cjs');
+var _6PUZ4NWRcjs = require('../__chunks/6PUZ4NWR.cjs');
 
 
 
 var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/OSTQZD2E.cjs');
+require('../__chunks/6ZZYUFPW.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/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
@@ -151,8 +151,8 @@ var useSelect = _RNZNGEL4cjs.createHook.call(void 0,
       const canShow = canShowKeyMap[event.key];
       if (canShow && showOnKeyDownProp(event)) {
         event.preventDefault();
-        store.show();
         store.move(activeId);
+        _events.queueBeforeEvent.call(void 0, event.currentTarget, "keyup", store.show);
       }
     });
     const onMouseDownProp = props.onMouseDown;
@@ -192,12 +192,14 @@ var useSelect = _RNZNGEL4cjs.createHook.call(void 0,
     });
     const label = props["aria-label"];
     const labelledBy = props["aria-labelledby"] || labelId;
-    const items = store.useState("items");
-    const values = _react.useMemo.call(void 0, 
-      // Filter out items without value and duplicate values.
-      () => [...new Set(items.map((i) => i.value).filter((v) => v != null))],
-      [items]
-    );
+    const items = store.useState((state) => {
+      if (!name)
+        return;
+      return state.items;
+    });
+    const values = _react.useMemo.call(void 0, () => {
+      return [...new Set(items == null ? void 0 : items.map((i) => i.value).filter((v) => v != null))];
+    }, [items]);
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
       (element) => {
@@ -283,8 +285,8 @@ var useSelect = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown,
       onMouseDown
     });
-    props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
-    props = _FQZOOWMHcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _25ZFPUHHcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
+    props = _6PUZ4NWRcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/select/select.d.cts

@@ -16,7 +16,15 @@ import type { SelectStore } from "./select-store.js";
  */
 export declare const useSelect: import("../utils/types.js").Hook<SelectOptions<"button">>;
 /**
- * Renders a select button.
+ * Renders a custom select element that controls the visibility of either a
+ * [`SelectList`](https://ariakit.org/reference/select-list) or a
+ * [`SelectPopover`](https://ariakit.org/reference/select-popover) component.
+ *
+ * By default, the
+ * [`value`](https://ariakit.org/reference/select-provider#value) state is
+ * rendered as the children, followed by a
+ * [`SelectArrow`](https://ariakit.org/reference/select-arrow) component. This
+ * can be customized by passing different children to the component.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {2}
@@ -40,14 +48,14 @@ export interface SelectOptions<T extends As = "button"> extends PopoverDisclosur
      */
     store?: SelectStore;
     /**
-     * Determines whether the
+     * Determines if the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * will be shown when the user presses arrow keys while the select element is
-     * focused.
+     * will appear when the user uses arrow keys while the select element is
+     * in focus.
      *
      * Live examples:
-     * - [Select grid](https://ariakit.org/examples/select-grid)
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
      * @default true
      */
     showOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
@@ -55,28 +63,30 @@ export interface SelectOptions<T extends As = "button"> extends PopoverDisclosur
      * Determines whether pressing arrow keys will move the active item even when
      * the [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * is hidden.
+     * are hidden.
      * @default false
      */
     moveOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
     /**
-     * Determines whether
-     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) will be
-     * called on click. By default, the
+     * Determines if
+     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) should be
+     * invoked on click. By default, the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * will be shown on press (on mouse down and on key down). If this prop is set
-     * to `true`, the [`SelectList`](https://ariakit.org/reference/select-list) or
-     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * will be shown on click instead.
+     * are displayed on press (on mouse/key down).
+     *
+     * **Note**: When set to `true`, this prop supersedes the
+     * [`toggleOnPress`](https://ariakit.org/reference/select#toggleonpress) prop.
      * @default false
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Determines whether pressing space, enter or mouse down will toggle the
+     * Determines whether pressing Space, Enter, or a mouse down event will
+     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components.
-     * This prop will be ignored if
+     *
+     * **Note**: This prop is disregarded if
      * [`toggleOnClick`](https://ariakit.org/reference/select#toggleonclick) is
      * set to `true`.
      * @default true

package/cjs/select/select.d.ts

@@ -16,7 +16,15 @@ import type { SelectStore } from "./select-store.js";
  */
 export declare const useSelect: import("../utils/types.js").Hook<SelectOptions<"button">>;
 /**
- * Renders a select button.
+ * Renders a custom select element that controls the visibility of either a
+ * [`SelectList`](https://ariakit.org/reference/select-list) or a
+ * [`SelectPopover`](https://ariakit.org/reference/select-popover) component.
+ *
+ * By default, the
+ * [`value`](https://ariakit.org/reference/select-provider#value) state is
+ * rendered as the children, followed by a
+ * [`SelectArrow`](https://ariakit.org/reference/select-arrow) component. This
+ * can be customized by passing different children to the component.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx {2}
@@ -40,14 +48,14 @@ export interface SelectOptions<T extends As = "button"> extends PopoverDisclosur
      */
     store?: SelectStore;
     /**
-     * Determines whether the
+     * Determines if the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * will be shown when the user presses arrow keys while the select element is
-     * focused.
+     * will appear when the user uses arrow keys while the select element is
+     * in focus.
      *
      * Live examples:
-     * - [Select grid](https://ariakit.org/examples/select-grid)
+     * - [Select Grid](https://ariakit.org/examples/select-grid)
      * @default true
      */
     showOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
@@ -55,28 +63,30 @@ export interface SelectOptions<T extends As = "button"> extends PopoverDisclosur
      * Determines whether pressing arrow keys will move the active item even when
      * the [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * is hidden.
+     * are hidden.
      * @default false
      */
     moveOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
     /**
-     * Determines whether
-     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) will be
-     * called on click. By default, the
+     * Determines if
+     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) should be
+     * invoked on click. By default, the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * will be shown on press (on mouse down and on key down). If this prop is set
-     * to `true`, the [`SelectList`](https://ariakit.org/reference/select-list) or
-     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * will be shown on click instead.
+     * are displayed on press (on mouse/key down).
+     *
+     * **Note**: When set to `true`, this prop supersedes the
+     * [`toggleOnPress`](https://ariakit.org/reference/select#toggleonpress) prop.
      * @default false
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Determines whether pressing space, enter or mouse down will toggle the
+     * Determines whether pressing Space, Enter, or a mouse down event will
+     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components.
-     * This prop will be ignored if
+     *
+     * **Note**: This prop is disregarded if
      * [`toggleOnClick`](https://ariakit.org/reference/select#toggleonclick) is
      * set to `true`.
      * @default true