@ariakit/react-core 0.3.3 → 0.3.5

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 _J72SOT4Scjs = require('../__chunks/J72SOT4S.cjs');
-require('../__chunks/ZBG4TGVL.cjs');
 
+var _QSZHJK4Jcjs = require('../__chunks/QSZHJK4J.cjs');
+require('../__chunks/KXLF6YSN.cjs');
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.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/Z6EBOLR5.cjs');
-require('../__chunks/3MYGLY4O.cjs');
-require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _M3F5A3H5cjs = require('../__chunks/M3F5A3H5.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/VKYTJKYN.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');
 
 // src/select/select-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function SelectProvider(props = {}) {
-  const store = _J72SOT4Scjs.useSelectStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I2EPCLS6cjs.SelectContextProvider, { value: store, children: props.children });
+  const store = _QSZHJK4Jcjs.useSelectStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _M3F5A3H5cjs.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 {};

package/cjs/select/select-renderer.cjs

@@ -1,31 +1,32 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _O7UGQ5NRcjs = require('../__chunks/O7UGQ5NR.cjs');
 
+var _PY7LXBFAcjs = require('../__chunks/PY7LXBFA.cjs');
 
 
-var _4WUYORFXcjs = require('../__chunks/4WUYORFX.cjs');
 
+var _VPDW6TOScjs = require('../__chunks/VPDW6TOS.cjs');
 
-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 _M3F5A3H5cjs = require('../__chunks/M3F5A3H5.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
 
-var _UHRHLHM2cjs = require('../__chunks/UHRHLHM2.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _WLJVTO7Acjs = require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/select/select-renderer.tsx
 var _react = require('react');
@@ -62,23 +63,23 @@ function useSelectRenderer(_a) {
     persistentIndices: persistentIndicesProp,
     items: itemsProp,
     value: valueProp
-  } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
     "store",
     "orientation",
     "persistentIndices",
     "items",
     "value"
   ]);
-  const context = _I2EPCLS6cjs.useSelectContext.call(void 0, );
+  const context = _M3F5A3H5cjs.useSelectContext.call(void 0, );
   store = store || context;
-  const items = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => {
+  const items = _WLJVTO7Acjs.useStoreState.call(void 0, store, (state) => {
     if (!state)
       return itemsProp;
     if (!state.mounted)
       return 0;
     return itemsProp != null ? itemsProp : state.items;
   });
-  const value = _UHRHLHM2cjs.useStoreState.call(void 0, store, (state) => valueProp != null ? valueProp : state == null ? void 0 : state.value);
+  const value = _WLJVTO7Acjs.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 [];
@@ -96,18 +97,18 @@ function useSelectRenderer(_a) {
     }
     return valueIndices;
   }, [valueIndices, persistentIndicesProp]);
-  return _O7UGQ5NRcjs.useCompositeRenderer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  return _PY7LXBFAcjs.useCompositeRenderer.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
     store,
     items,
     persistentIndices
   }, props));
 }
-var SelectRenderer = _Z5PUIG6Acjs.forwardRef.call(void 0, function SelectRenderer2(props) {
+var SelectRenderer = _VKYTJKYNcjs.forwardRef.call(void 0, function SelectRenderer2(props) {
   const htmlProps = useSelectRenderer(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 
 
 
 
-exports.SelectRenderer = SelectRenderer; exports.getSelectRendererItem = _4WUYORFXcjs.getCollectionRendererItem; exports.getSelectRendererItemId = _4WUYORFXcjs.getCollectionRendererItemId;
+exports.SelectRenderer = SelectRenderer; exports.getSelectRendererItem = _VPDW6TOScjs.getCollectionRendererItem; exports.getSelectRendererItemId = _VPDW6TOScjs.getCollectionRendererItemId;

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

@@ -0,0 +1,39 @@
+import type { ComponentPropsWithRef } from "react";
+import { getCompositeRendererItem, getCompositeRendererItemId } from "../composite/composite-renderer.js";
+import type { CompositeRendererBaseItemProps, CompositeRendererItem, CompositeRendererItemObject, CompositeRendererItemProps, CompositeRendererOptions } from "../composite/composite-renderer.js";
+import type { SelectStore, SelectStoreValue } from "./select-store.js";
+interface ItemObject extends CompositeRendererItemObject {
+    value?: string;
+}
+type Item = ItemObject | CompositeRendererItem;
+type BaseItemProps = CompositeRendererBaseItemProps;
+type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = CompositeRendererItemProps<T, P>;
+export declare const SelectRenderer: <T extends Item = any>(props: SelectRendererProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export { getCompositeRendererItem as getSelectRendererItem, getCompositeRendererItemId as getSelectRendererItemId, };
+export type SelectRendererItemObject = ItemObject;
+export type SelectRendererItem = Item;
+export type SelectRendererBaseItemProps = BaseItemProps;
+export type SelectRendererItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = ItemProps<T, P>;
+export interface SelectRendererOptions<T extends Item = any> extends Omit<CompositeRendererOptions<T>, "store"> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent [Select](https://ariakit.org/components/select)
+     * component's context will be used.
+     *
+     * The store [`items`](https://ariakit.org/reference/use-select-store#items)
+     * state will be used to render the items if the
+     * [`items`](https://ariakit.org/reference/select-items#items) prop is not
+     * provided.
+     */
+    store?: SelectStore;
+    /**
+     * The current value of the select. This will ensure the item with the given
+     * value is rendered even if it's not in the viewport, so it can be
+     * automatically focused when the select popover is opened. If not provided,
+     * the value will be read from the store.
+     */
+    value?: SelectStoreValue;
+}
+export interface SelectRendererProps<T extends Item = any> extends Omit<ComponentPropsWithRef<"div">, "children">, SelectRendererOptions<T> {
+}

package/cjs/select/select-row.cjs

@@ -1,33 +1,34 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _EOLXNGMXcjs = require('../__chunks/EOLXNGMX.cjs');
 
+var _QZSAUMPIcjs = require('../__chunks/QZSAUMPI.cjs');
 
-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 _M3F5A3H5cjs = require('../__chunks/M3F5A3H5.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/select/select-row.ts
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
-var useSelectRow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectRow = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _I2EPCLS6cjs.useSelectContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _M3F5A3H5cjs.useSelectContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -36,14 +37,14 @@ var useSelectRow = _Z5PUIG6Acjs.createHook.call(void 0,
     const contentElement = store.useState("contentElement");
     const popupRole = _dom.getPopupRole.call(void 0, contentElement);
     const role = popupRole === "grid" ? "row" : "presentation";
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, { role }, props);
-    props = _EOLXNGMXcjs.useCompositeRow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _WYXAWBLEcjs.__spreadValues.call(void 0, { role }, props);
+    props = _QZSAUMPIcjs.useCompositeRow.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectRow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var SelectRow = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectRow(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectRow.displayName = "SelectRow";

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

@@ -0,0 +1,52 @@
+import type { CompositeRowOptions } from "../composite/composite-row.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectRow` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectRow({ store });
+ * <SelectPopover store={store}>
+ *   <Role {...props}>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </Role>
+ * </SelectPopover>
+ * ```
+ */
+export declare const useSelectRow: import("../utils/types.js").Hook<SelectRowOptions<"div">>;
+/**
+ * Renders a select row.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {4-11}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectRow>
+ *       <SelectItem value="Apple" />
+ *       <SelectItem value="Orange" />
+ *     </SelectRow>
+ *     <SelectRow>
+ *       <SelectItem value="Banana" />
+ *       <SelectItem value="Grape" />
+ *     </SelectRow>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectRow: import("../utils/types.js").Component<SelectRowOptions<"div">>;
+export interface SelectRowOptions<T extends As = "div"> extends CompositeRowOptions<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;
+}
+export type SelectRowProps<T extends As = "div"> = Props<SelectRowOptions<T>>;

package/cjs/select/select-separator.cjs

@@ -1,41 +1,42 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
 
+var _M3F5A3H5cjs = require('../__chunks/M3F5A3H5.cjs');
 
-var _NFFY66XZcjs = require('../__chunks/NFFY66XZ.cjs');
-require('../__chunks/CYI34MDD.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _NKUO6VN5cjs = require('../__chunks/NKUO6VN5.cjs');
+require('../__chunks/CU67FFZI.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/select/select-separator.ts
-var useSelectSeparator = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectSeparator = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _I2EPCLS6cjs.useSelectContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _M3F5A3H5cjs.useSelectContext.call(void 0, );
     store = store || context;
-    props = _NFFY66XZcjs.useCompositeSeparator.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NKUO6VN5cjs.useCompositeSeparator.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectSeparator = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var SelectSeparator = _VKYTJKYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectSeparator(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "hr", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,48 @@
+import type { CompositeSeparatorOptions } from "../composite/composite-separator.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectSeparator` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectSeparator({ store });
+ * <SelectPopover store={store}>
+ *   <SelectItem value="Item 1" />
+ *   <Role {...props} />
+ *   <SelectItem value="Item 2" />
+ *   <SelectItem value="Item 3" />
+ * </SelectPopover>
+ * ```
+ */
+export declare const useSelectSeparator: import("../utils/types.js").Hook<SelectSeparatorOptions<"hr">>;
+/**
+ * Renders a separator element for select items.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {5}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Item 1" />
+ *     <SelectSeparator />
+ *     <SelectItem value="Item 2" />
+ *     <SelectItem value="Item 3" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectSeparator: import("../utils/types.js").Component<SelectSeparatorOptions<"hr">>;
+export interface SelectSeparatorOptions<T extends As = "hr"> extends CompositeSeparatorOptions<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;
+}
+export type SelectSeparatorProps<T extends As = "hr"> = Props<SelectSeparatorOptions<T>>;

package/cjs/select/select-store.cjs

@@ -1,24 +1,25 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _J72SOT4Scjs = require('../__chunks/J72SOT4S.cjs');
-require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.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/Z6EBOLR5.cjs');
-require('../__chunks/3MYGLY4O.cjs');
-require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _QSZHJK4Jcjs = require('../__chunks/QSZHJK4J.cjs');
+require('../__chunks/KXLF6YSN.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/VKYTJKYN.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');
 
 
-exports.useSelectStore = _J72SOT4Scjs.useSelectStore; exports.useSelectStoreProps = _J72SOT4Scjs.useSelectStoreProps;
+
+exports.useSelectStore = _QSZHJK4Jcjs.useSelectStore; exports.useSelectStoreProps = _QSZHJK4Jcjs.useSelectStoreProps;

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

@@ -0,0 +1,58 @@
+import * as Core from "@ariakit/core/select/select-store";
+import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
+import type { ComboboxStore } from "../combobox/combobox-store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { Store } from "../utils/store.js";
+type Item = Core.SelectStoreItem;
+type Value = Core.SelectStoreValue;
+export declare function useSelectStoreProps<T extends Core.SelectStore>(store: T, update: () => void, props: SelectStoreProps): T & {
+    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
+        useState: {
+            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
+            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
+            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
+        };
+    }) | null | undefined;
+};
+/**
+ * Creates a select store.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const select = useSelectStore({ defaultValue: "Apple" });
+ * <Select store={select} />
+ * <SelectPopover store={select}>
+ *   <SelectItem value="Apple" />
+ *   <SelectItem value="Orange" />
+ * </SelectPopover>
+ * ```
+ */
+export declare function useSelectStore<T extends Value = Value>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
+export declare function useSelectStore(props?: SelectStoreProps): SelectStore;
+export type SelectStoreItem = Item;
+export type SelectStoreValue = Value;
+export interface SelectStoreState<T extends Value = Value> extends Core.SelectStoreState<T>, CompositeStoreState<Item>, PopoverStoreState {
+}
+export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, Omit<Core.SelectStoreFunctions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
+}
+export interface SelectStoreOptions<T extends Value = Value> extends Core.SelectStoreOptions<T>, CompositeStoreOptions<Item>, PopoverStoreOptions {
+    /**
+     * Function that will be called when the `value` state changes.
+     * @param value The new value.
+     */
+    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)
+     */
+    combobox?: ComboboxStore | null;
+}
+export type SelectStoreProps<T extends Value = Value> = SelectStoreOptions<T> & Core.SelectStoreProps<T>;
+export type SelectStore<T extends Value = Value> = SelectStoreFunctions<T> & Store<Core.SelectStore<T>>;
+export {};