@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/combobox/combobox-item-value.d.cts

@@ -0,0 +1,68 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxItemValue` component that displays a value
+ * element inside a combobox item. The value will be split into span elements
+ * and returned as the children prop. The portions of the value that correspond
+ * to the store value will have a `data-user-value` attribute. The other
+ * portions will have a `data-autocomplete-value` attribute.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore({ value: "p" });
+ * const props = useComboboxItemValue({ store, value: "Apple" });
+ * <Role {...props} />
+ * // This will result in the following DOM:
+ * <span>
+ *   <span data-autocomplete-value>A</span>
+ *   <span data-user-value>p</span>
+ *   <span data-user-value>p</span>
+ *   <span data-autocomplete-value>le</span>
+ * </span>
+ * ```
+ */
+export declare const useComboboxItemValue: import("../utils/types.js").Hook<ComboboxItemValueOptions<"span">>;
+/**
+ * Renders a value element inside a combobox item. The value will be split into
+ * span elements. The portions of the value that correspond to the store value
+ * will have a `data-user-value` attribute. The other portions will have a
+ * `data-autocomplete-value` attribute.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider value="p">
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple">
+ *       <ComboboxItemValue />
+ *     </ComboboxItem>
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ *
+ * // The Apple item will have a value element that looks like this:
+ * <span>
+ *   <span data-autocomplete-value>A</span>
+ *   <span data-user-value>p</span>
+ *   <span data-user-value>p</span>
+ *   <span data-autocomplete-value>le</span>
+ * </span>
+ * ```
+ */
+export declare const ComboboxItemValue: import("../utils/types.js").Component<ComboboxItemValueOptions<"span">>;
+export interface ComboboxItemValueOptions<T extends As = "span"> extends Options<T> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the parent
+     * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components' context will be used.
+     */
+    store?: ComboboxStore;
+    /**
+     * The current combobox item value. If not provided, the parent `ComboboxItem`
+     * component's `value` prop will be used.
+     */
+    value?: string;
+}
+export type ComboboxItemValueProps<T extends As = "span"> = Props<ComboboxItemValueOptions<T>>;

package/cjs/combobox/combobox-item.cjs

@@ -1,40 +1,41 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _LPFT4ZFHcjs = require('../__chunks/LPFT4ZFH.cjs');
 
+var _QWH4QBHAcjs = require('../__chunks/QWH4QBHA.cjs');
 
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
 
+var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
 
-var _GUWJ7VTOcjs = require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _H2TTW65Qcjs = require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
 
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _JTVNRMACcjs = require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/combobox/combobox-item.tsx
 var _react = require('react');
@@ -43,7 +44,7 @@ var _events = require('@ariakit/core/utils/events');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxItem = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -53,7 +54,7 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
       focusOnHover = false,
       moveOnKeyPress = true,
       getItem: getItemProp
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
       "store",
       "value",
       "hideOnClick",
@@ -62,7 +63,7 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
       "moveOnKeyPress",
       "getItem"
     ]);
-    const context = _ZBG4TGVLcjs.useComboboxScopedContext.call(void 0, );
+    const context = _KXLF6YSNcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -70,7 +71,7 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
     );
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, item), { value });
+        const nextItem = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, item), { value });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -79,9 +80,9 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
       [value, getItemProp]
     );
     const onClickProp = props.onClick;
-    const setValueOnClickProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const hideOnClickProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnClick);
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const setValueOnClickProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const hideOnClickProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, hideOnClick);
+    const onClick = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -98,7 +99,7 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -115,21 +116,21 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
         }
       }
     });
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZBG4TGVLcjs.ComboboxItemValueContext.Provider, { value, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KXLF6YSNcjs.ComboboxItemValueContext.Provider, { value, children: element }),
       [value]
     );
     const contentElement = store.useState("contentElement");
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       role: _dom.getPopupItemRole.call(void 0, contentElement),
       children: value
     }, props), {
       onClick,
       onKeyDown
     });
-    const moveOnKeyPressProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    props = _GUWJ7VTOcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    const moveOnKeyPressProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+    props = _H2TTW65Qcjs.useCompositeItem.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,
@@ -145,14 +146,14 @@ var useComboboxItem = _Z5PUIG6Acjs.createHook.call(void 0,
         return true;
       }
     }));
-    props = _LPFT4ZFHcjs.useCompositeHover.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, focusOnHover }, props));
+    props = _QWH4QBHAcjs.useCompositeHover.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store, focusOnHover }, props));
     return props;
   }
 );
-var ComboboxItem = _Z5PUIG6Acjs.createMemoComponent.call(void 0, 
+var ComboboxItem = _VKYTJKYNcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxItem(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,94 @@
+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 { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxItem` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxItem({ store, value: "value" });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useComboboxItem: import("../utils/types.js").Hook<ComboboxItemOptions<"div">>;
+/**
+ * Renders a combobox item inside a
+ * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+ * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+ * components. The `role` prop will be automatically set based on the list's own
+ * `role` prop. For example, if the list `role` is set to `listbox` (default),
+ * the `ComboboxItem` `role` will be set to `option`.
+ *
+ * By default, the
+ * [`value`](https://ariakit.org/reference/combobox-item#value) prop will be
+ * rendered as the children, but this can be overriden.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxItem: import("../utils/types.js").Component<ComboboxItemOptions<"div">>;
+export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the parent
+     * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components' context will be used.
+     */
+    store?: ComboboxStore;
+    /**
+     * The value of the item. This will be rendered as the children by default.
+     *   - If
+     *     [`setValueOnClick`](https://ariakit.org/reference/combobox-item#setvalueonclick)
+     *     is set to `true`, this will be the value of the combobox input when the
+     *     user clicks on this item.
+     *   - If the
+     *     [`autoComplete`](https://ariakit.org/reference/combobox#autocomplete)
+     *     prop on the [`Combobox`](https://ariakit.org/reference/combobox)
+     *     component is set to `both` or `inline`, this will be the value of the
+     *     combobox input when the combobox loses focus.
+     *
+     * Live examples:
+     * - [Animated Combobox](https://ariakit.org/examples/combobox-animated)
+     * - [ComboboxCancel](https://ariakit.org/examples/combobox-cancel)
+     * - [ComboboxDisclosure](https://ariakit.org/examples/combobox-disclosure)
+     * - [Combobox filtering](https://ariakit.org/examples/combobox-filtering)
+     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     */
+    value?: string;
+    /**
+     * Whether to hide the combobox when this item is clicked.
+     *
+     * Live examples:
+     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * @default true
+     */
+    hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether to set the combobox value with this item's value when this item is
+     * clicked.
+     * @default true
+     */
+    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * @default false
+     */
+    focusOnHover?: CompositeHoverOptions["focusOnHover"];
+}
+export type ComboboxItemProps<T extends As = "div"> = Props<ComboboxItemOptions<T>>;

package/cjs/combobox/combobox-list.cjs

@@ -1,22 +1,23 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LCC3WQBMcjs = require('../__chunks/LCC3WQBM.cjs');
-require('../__chunks/ZBG4TGVL.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 _F55FAJ6Acjs = require('../__chunks/F55FAJ6A.cjs');
+require('../__chunks/KXLF6YSN.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/RXGXI75N.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.ComboboxList = _LCC3WQBMcjs.ComboboxList; exports.useComboboxList = _LCC3WQBMcjs.useComboboxList;
+
+exports.ComboboxList = _F55FAJ6Acjs.ComboboxList; exports.useComboboxList = _F55FAJ6Acjs.useComboboxList;

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

@@ -0,0 +1,51 @@
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
+import type { FocusableOptions } from "../focusable/focusable.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxList` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxList({ store });
+ * <Role {...props}>
+ *   <ComboboxItem value="Item 1" />
+ *   <ComboboxItem value="Item 2" />
+ *   <ComboboxItem value="Item 3" />
+ * </Role>
+ * ```
+ */
+export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxListOptions<"div">>;
+/**
+ * Renders a combobox list. The `role` prop is set to `listbox` by default, but
+ * can be overriden by any other valid combobox popup role (`listbox`, `menu`,
+ * `tree`, `grid` or `dialog`).
+ *
+ * The `aria-labelledby` prop is set to the combobox input element's `id` by
+ * default.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxList>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxList>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxList: import("../utils/types.js").Component<ComboboxListOptions<"div">>;
+export interface ComboboxListOptions<T extends As = "div"> extends FocusableOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the closest
+     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * component's context will be used.
+     */
+    store?: ComboboxStore;
+}
+export type ComboboxListProps<T extends As = "div"> = Props<ComboboxListOptions<T>>;

package/cjs/combobox/combobox-popover.cjs

@@ -1,60 +1,61 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _LCC3WQBMcjs = require('../__chunks/LCC3WQBM.cjs');
 
+var _F55FAJ6Acjs = require('../__chunks/F55FAJ6A.cjs');
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
 
+var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
 
-var _VAY4A33Acjs = require('../__chunks/VAY4A33A.cjs');
 
+var _JA2O66IUcjs = require('../__chunks/JA2O66IU.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 _L5APETYYcjs = require('../__chunks/L5APETYY.cjs');
+require('../__chunks/YREZ6S36.cjs');
+require('../__chunks/D5XLZTLO.cjs');
+require('../__chunks/DJLIJTDU.cjs');
+require('../__chunks/JF225FQ5.cjs');
+require('../__chunks/VV6WA3I6.cjs');
+require('../__chunks/DEZWSLIM.cjs');
+require('../__chunks/PZL34OVO.cjs');
+require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/7YLCVXZ7.cjs');
+require('../__chunks/5GTNIPQ6.cjs');
+require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/PRN5A3P4.cjs');
+require('../__chunks/V24PR4PW.cjs');
+require('../__chunks/POBIUXYK.cjs');
+require('../__chunks/G3CEEQUP.cjs');
+require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/AE6TH3T4.cjs');
+require('../__chunks/PG7QUWN4.cjs');
+require('../__chunks/CVD2AZE2.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/2TEJFTKY.cjs');
+require('../__chunks/RXGXI75N.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/QCAPQDE7.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 _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/QQNI2PXZ.cjs');
+require('../__chunks/4H55S5YC.cjs');
+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/combobox/combobox-popover.tsx
 var _dom = require('@ariakit/core/utils/dom');
@@ -70,28 +71,28 @@ function isController(target, ...ids) {
   }
   return false;
 }
-var useComboboxPopover = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxPopover = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
       tabIndex,
       alwaysVisible,
       hideOnInteractOutside = true
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
       "store",
       "tabIndex",
       "alwaysVisible",
       "hideOnInteractOutside"
     ]);
-    const context = _ZBG4TGVLcjs.useComboboxProviderContext.call(void 0, );
+    const context = _KXLF6YSNcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const baseElement = store.useState("baseElement");
-    props = _LCC3WQBMcjs.useComboboxList.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _VAY4A33Acjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _F55FAJ6Acjs.useComboboxList.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _JA2O66IUcjs.usePopover.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       autoFocusOnShow: false,
@@ -119,12 +120,12 @@ var useComboboxPopover = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _QFGI3BJEcjs.createDialogComponent.call(void 0, 
-  _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var ComboboxPopover = _L5APETYYcjs.createDialogComponent.call(void 0, 
+  _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
     const htmlProps = useComboboxPopover(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
   }),
-  _ZBG4TGVLcjs.useComboboxProviderContext
+  _KXLF6YSNcjs.useComboboxProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   ComboboxPopover.displayName = "ComboboxPopover";

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

@@ -0,0 +1,40 @@
+import type { PopoverOptions } from "../popover/popover.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxListOptions } from "./combobox-list.js";
+/**
+ * Returns props to create a `ComboboxPopover` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxPopover({ store });
+ * <Role {...props}>
+ *   <ComboboxItem value="Item 1" />
+ *   <ComboboxItem value="Item 2" />
+ *   <ComboboxItem value="Item 3" />
+ * </Role>
+ * ```
+ */
+export declare const useComboboxPopover: import("../utils/types.js").Hook<ComboboxPopoverOptions<"div">>;
+/**
+ * Renders a combobox popover. The `role` prop is set to `listbox` by default,
+ * but can be overriden by any other valid combobox popup role (`listbox`,
+ * `menu`, `tree`, `grid` or `dialog`). The `aria-labelledby` prop is set to the
+ * combobox input element's `id` by default.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxPopover: import("../utils/types.js").Component<ComboboxPopoverOptions<"div">>;
+export interface ComboboxPopoverOptions<T extends As = "div"> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store" | "modal"> {
+}
+export type ComboboxPopoverProps<T extends As = "div"> = Props<ComboboxPopoverOptions<T>>;

package/cjs/combobox/combobox-provider.cjs

@@ -1,30 +1,31 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _VAF2GKYWcjs = require('../__chunks/VAF2GKYW.cjs');
 
+var _NLTNFPAXcjs = require('../__chunks/NLTNFPAX.cjs');
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.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 _KXLF6YSNcjs = 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');
 
 // src/combobox/combobox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ComboboxProvider(props = {}) {
-  const store = _VAF2GKYWcjs.useComboboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZBG4TGVLcjs.ComboboxContextProvider, { value: store, children: props.children });
+  const store = _NLTNFPAXcjs.useComboboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KXLF6YSNcjs.ComboboxContextProvider, { value: store, children: props.children });
 }