@ariakit/react-core 0.3.4 → 0.3.6

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

@@ -0,0 +1,101 @@
+import type { MouseEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { CompositeHoverOptions } from "../composite/composite-hover.js";
+import type { CompositeItemOptions } from "../composite/composite-item.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectItem` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectItem({ store, value: "Apple" });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useSelectItem: import("../utils/types.js").Hook<SelectItemOptions<"div">>;
+/**
+ * Renders a select item inside a
+ * [`SelectList`](https://ariakit.org/reference/select-list) or
+ * [`SelectPopover`](https://ariakit.org/reference/select-popover).
+ *
+ * The `role` attribute will be automatically set on the item based on the
+ * list's own `role` attribute. For example, if the
+ * [`SelectPopover`](https://ariakit.org/reference/select-popover) component's
+ * `role` attribute is set to `listbox` (which is the default), the item `role`
+ * will be set to `option`.
+ *
+ * By default, the [`value`](https://ariakit.org/reference/select-item#value)
+ * prop will be rendered as the children, but this can be overriden if a custom
+ * children is provided.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {4-5}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectItem: import("../utils/types.js").Component<SelectItemOptions<"div">>;
+export interface SelectItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+    /**
+     * The value of the item. This will be rendered as the children by default.
+     * - If
+     *   [`setValueOnClick`](https://ariakit.org/reference/select-item#setvalueonclick)
+     *   is set to `true`, the
+     *   [`value`](https://ariakit.org/reference/select-provider#value) state will
+     *   be set to this value when the user clicks on it.
+     * - If
+     *   [`setValueOnMove`](https://ariakit.org/reference/select-provider#setvalueonmove)
+     *   is set to `true`, the
+     *   [`value`](https://ariakit.org/reference/select-provider#value) state will
+     *   be set to this value when the user moves to it (which is usually the case
+     *   when moving through the items using the keyboard).
+     *
+     * Live examples:
+     * - [Form with Select](https://ariakit.org/examples/form-select)
+     * - [Animated Select](https://ariakit.org/examples/select-animated)
+     * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
+     * - [Select grid](https://ariakit.org/examples/select-grid)
+     * - [SelectGroup](https://ariakit.org/examples/select-group)
+     * - [Select with custom
+     *   item](https://ariakit.org/examples/select-item-custom)
+     * @example
+     * ```jsx
+     * <SelectItem value="Apple" />
+     * ```
+     */
+    value?: string;
+    /**
+     * Whether to hide the select when this item is clicked. By default, it's
+     * `true` when the [`value`](https://ariakit.org/reference/select-item#value)
+     * prop is also provided.
+     */
+    hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether to set the select value with this item's value, if any, when this
+     * item is clicked. By default, it's `true` when the
+     * [`value`](https://ariakit.org/reference/select-item#value) prop is also
+     * provided.
+     */
+    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * @default true
+     */
+    preventScrollOnKeyDown?: CompositeItemOptions["preventScrollOnKeyDown"];
+}
+export type SelectItemProps<T extends As = "div"> = Props<SelectItemOptions<T>>;

package/cjs/select/select-label.cjs

@@ -1,42 +1,43 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-label.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useSelectLabel = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectLabel = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _I2EPCLS6cjs.useSelectScopedContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _2WCJJQSKcjs.useSelectScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "SelectLabel must receive a `store` prop or be wrapped in a SelectProvider component."
     );
-    const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
+    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
     const onClickProp = props.onClick;
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -46,21 +47,21 @@ var useSelectLabel = _Z5PUIG6Acjs.createHook.call(void 0,
         select == null ? void 0 : select.click();
       });
     });
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id
     }, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
       onClick,
-      style: _72I2GWXFcjs.__spreadValues.call(void 0, {
+      style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
         cursor: "default"
       }, props.style)
     });
     return props;
   }
 );
-var SelectLabel = _Z5PUIG6Acjs.createMemoComponent.call(void 0, (props) => {
+var SelectLabel = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useSelectLabel(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectLabel.displayName = "SelectLabel";

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

@@ -0,0 +1,47 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectLabel` component. Since it's not a native
+ * select element, we can't use the native label element. The `SelectLabel`
+ * component will move focus and click on the `Select` component when the user
+ * clicks on the label.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectLabel({ store });
+ * <Role {...props}>Favorite fruit</Role>
+ * <Select store={store} />
+ * ```
+ */
+export declare const useSelectLabel: import("../utils/types.js").Hook<SelectLabelOptions<"div">>;
+/**
+ * Renders a label for the [`Select`](https://ariakit.org/reference/select)
+ * component. Since it's not a native select element, we can't use the native
+ * label element. This component will move focus and click on the
+ * [`Select`](https://ariakit.org/reference/select) component when clicked.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {2}
+ * <SelectProvider defaultValue="Apple">
+ *   <SelectLabel>Favorite fruit</SelectLabel>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectLabel: import("../utils/types.js").Component<SelectLabelOptions<"div">>;
+export interface SelectLabelOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the closest
+     * [`SelectProvider`](https://ariakit.org/reference/select-provider)
+     * component's context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectLabelProps<T extends As = "div"> = Props<SelectLabelOptions<T>>;

package/cjs/select/select-list.cjs

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QMFZ4CLTcjs = require('../__chunks/QMFZ4CLT.cjs');
-require('../__chunks/DC66R2NY.cjs');
-require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/SELCJFCB.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/L2VQ4YLN.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _F24A3PBWcjs = require('../__chunks/F24A3PBW.cjs');
+require('../__chunks/FQZOOWMH.cjs');
+require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/CZOBQEIO.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/7BSMGTGR.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.SelectList = _QMFZ4CLTcjs.SelectList; exports.useSelectList = _QMFZ4CLTcjs.useSelectList;
+
+exports.SelectList = _F24A3PBWcjs.SelectList; exports.useSelectList = _F24A3PBWcjs.useSelectList;

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

@@ -0,0 +1,68 @@
+import type { KeyboardEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
+import type { CompositeOptions } from "../composite/composite.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectList` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectList({ store });
+ * <Role {...props}>
+ *   <SelectItem value="Apple" />
+ *   <SelectItem value="Orange" />
+ * </Role>
+ * ```
+ */
+export declare const useSelectList: import("../utils/types.js").Hook<SelectListOptions<"div">>;
+/**
+ * Renders a select list. The `role` attribute is set to `listbox` by default,
+ * but can be overriden by any other valid select popup role (`listbox`, `menu`,
+ * `tree`, `grid` or `dialog`).
+ *
+ * The `aria-labelledby` attribute is set to the
+ * [`Select`](https://ariakit.org/reference/select) element's `id` by default.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {3-6}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectList>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectList>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectList: import("../utils/types.js").Component<SelectListOptions<"div">>;
+export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the closest
+     * [`SelectProvider`](https://ariakit.org/reference/select-provider)
+     * component's context will be used.
+     */
+    store?: SelectStore;
+    /**
+     * Whether the select value should be reset to the value before the list got
+     * shown when Escape is pressed. This has effect only when
+     * [`setValueOnMove`](https://ariakit.org/reference/select-provider#setvalueonmove)
+     * is `true`.
+     * @default true
+     */
+    resetOnEscape?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * Whether the [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
+     * should be hidden when the user presses Enter or Space while the list
+     * element is focused and no item is active.
+     * @default true
+     */
+    hideOnEnter?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+}
+export type SelectListProps<T extends As = "div"> = Props<SelectListOptions<T>>;

package/cjs/select/select-popover.cjs

@@ -1,80 +1,81 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _QMFZ4CLTcjs = require('../__chunks/QMFZ4CLT.cjs');
-require('../__chunks/DC66R2NY.cjs');
 
+var _F24A3PBWcjs = require('../__chunks/F24A3PBW.cjs');
+require('../__chunks/FQZOOWMH.cjs');
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/SELCJFCB.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
 
+var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/CZOBQEIO.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
 
-var _VAY4A33Acjs = require('../__chunks/VAY4A33A.cjs');
 
+var _ISGOCBDCcjs = require('../__chunks/ISGOCBDC.cjs');
 
-var _QFGI3BJEcjs = require('../__chunks/QFGI3BJE.cjs');
-require('../__chunks/R7CSCUVW.cjs');
-require('../__chunks/RWS2MAR2.cjs');
-require('../__chunks/DFFFHQVQ.cjs');
-require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/QK4GI6B3.cjs');
-require('../__chunks/COHI5HTS.cjs');
-require('../__chunks/F4RJLWZG.cjs');
-require('../__chunks/56NPFF7P.cjs');
-require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/TLA46MN6.cjs');
-require('../__chunks/X2GXTE3P.cjs');
-require('../__chunks/VTRMALP6.cjs');
-require('../__chunks/BWQVQDGC.cjs');
-require('../__chunks/ELOQI33M.cjs');
-require('../__chunks/A6H7IIHJ.cjs');
-require('../__chunks/SOPRUU56.cjs');
-require('../__chunks/MNZPRWGC.cjs');
-require('../__chunks/CKEXTQ2S.cjs');
-require('../__chunks/NS56XHXG.cjs');
-require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/L2VQ4YLN.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/KSFAO77E.cjs');
 
+var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
+require('../__chunks/SHOS7XOU.cjs');
+require('../__chunks/NKR65BKC.cjs');
+require('../__chunks/PZL34OVO.cjs');
+require('../__chunks/344F3DYO.cjs');
+require('../__chunks/KREY6HXD.cjs');
+require('../__chunks/5ZOCN23X.cjs');
+require('../__chunks/JVDUGICD.cjs');
+require('../__chunks/VV6WA3I6.cjs');
+require('../__chunks/7YLCVXZ7.cjs');
+require('../__chunks/7TN63K2T.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/S6WUBPBB.cjs');
+require('../__chunks/XB3G2EO2.cjs');
+require('../__chunks/CVD2AZE2.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/LAUATD5O.cjs');
+require('../__chunks/7BSMGTGR.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/R66IWXK6.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/ZZZ5MQHA.cjs');
-require('../__chunks/HSOKUBYY.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/X3I2WFGC.cjs');
+require('../__chunks/FQNGCFYY.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-popover.ts
-var useSelectPopover = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectPopover = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, alwaysVisible } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
-    const context = _I2EPCLS6cjs.useSelectProviderContext.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 = _QMFZ4CLTcjs.useSelectList.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _VAY4A33Acjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _F24A3PBWcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );
-var SelectPopover = _QFGI3BJEcjs.createDialogComponent.call(void 0, 
-  _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var SelectPopover = _XFPRAS3Jcjs.createDialogComponent.call(void 0, 
+  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useSelectPopover(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }),
-  _I2EPCLS6cjs.useSelectProviderContext
+  _2WCJJQSKcjs.useSelectProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   SelectPopover.displayName = "SelectPopover";

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

@@ -0,0 +1,37 @@
+import type { PopoverOptions } from "../popover/popover.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectListOptions } from "./select-list.js";
+/**
+ * Returns props to create a `SelectPopover` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectPopover({ store });
+ * <Role {...props}>
+ *   <SelectItem value="Apple" />
+ *   <SelectItem value="Orange" />
+ * </Role>
+ * ```
+ */
+export declare const useSelectPopover: import("../utils/types.js").Hook<SelectPopoverOptions<"div">>;
+/**
+ * Renders a select popover. The `role` attribute is set to `listbox` by
+ * default, but can be overriden by any other valid select popup role
+ * (`listbox`, `menu`, `tree`, `grid` or `dialog`).
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {3-6}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectPopover: import("../utils/types.js").Component<SelectPopoverOptions<"div">>;
+export interface SelectPopoverOptions<T extends As = "div"> extends SelectListOptions<T>, Omit<PopoverOptions<T>, "store"> {
+}
+export type SelectPopoverProps<T extends As = "div"> = Props<SelectPopoverOptions<T>>;

package/cjs/select/select-provider.cjs

@@ -1,31 +1,32 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _QBOBT66Ycjs = require('../__chunks/QBOBT66Y.cjs');
-require('../__chunks/ZBG4TGVL.cjs');
 
+var _CILQPSH2cjs = require('../__chunks/CILQPSH2.cjs');
+require('../__chunks/VEG6PRAG.cjs');
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/232HWSNY.cjs');
-require('../__chunks/76UBACFC.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/O6SYRTZH.cjs');
-require('../__chunks/ZZZ5MQHA.cjs');
-require('../__chunks/HSOKUBYY.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/A5RWZSX7.cjs');
+require('../__chunks/TUVU5ERH.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/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');
 
 // src/select/select-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function SelectProvider(props = {}) {
-  const store = _QBOBT66Ycjs.useSelectStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I2EPCLS6cjs.SelectContextProvider, { value: store, children: props.children });
+  const store = _CILQPSH2cjs.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

@@ -0,0 +1,25 @@
+import type { ReactElement, ReactNode } from "react";
+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.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * <SelectProvider defaultValue="Apple">
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Banana" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare function SelectProvider<T extends Value = Value>(props: PickRequired<SelectProviderProps<T>, "value" | "defaultValue">): ReactElement;
+export declare function SelectProvider(props?: SelectProviderProps): ReactElement;
+export interface SelectProviderProps<T extends Value = Value> extends SelectStoreProps<T> {
+    children?: ReactNode;
+}
+export {};