@ariakit/react-core 0.3.14 → 0.4.1

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

@@ -1,9 +1,11 @@
-import type { MouseEvent } from "react";
+import type { ElementType, 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 { Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxItem` component.
  * @see https://ariakit.org/components/combobox
@@ -14,7 +16,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useComboboxItem: import("../utils/types.js").Hook<ComboboxItemOptions<"div">>;
+export declare const useComboboxItem: import("../utils/types.js").Hook<"div", ComboboxItemOptions<"div">>;
 /**
  * Renders a combobox item inside
  * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
@@ -36,8 +38,8 @@ export declare const useComboboxItem: import("../utils/types.js").Hook<ComboboxI
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxItem: import("../utils/types.js").Component<ComboboxItemOptions<"div">>;
-export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+export declare const ComboboxItem: (props: ComboboxItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -88,6 +90,7 @@ export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItem
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
@@ -123,4 +126,5 @@ export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItem
      */
     focusOnHover?: CompositeHoverOptions["focusOnHover"];
 }
-export type ComboboxItemProps<T extends As = "div"> = Props<ComboboxItemOptions<T>>;
+export type ComboboxItemProps<T extends ElementType = TagName> = Props<T, ComboboxItemOptions<T>>;
+export {};

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

@@ -1,9 +1,11 @@
-import type { MouseEvent } from "react";
+import type { ElementType, 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 { Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxItem` component.
  * @see https://ariakit.org/components/combobox
@@ -14,7 +16,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useComboboxItem: import("../utils/types.js").Hook<ComboboxItemOptions<"div">>;
+export declare const useComboboxItem: import("../utils/types.js").Hook<"div", ComboboxItemOptions<"div">>;
 /**
  * Renders a combobox item inside
  * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
@@ -36,8 +38,8 @@ export declare const useComboboxItem: import("../utils/types.js").Hook<ComboboxI
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxItem: import("../utils/types.js").Component<ComboboxItemOptions<"div">>;
-export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+export declare const ComboboxItem: (props: ComboboxItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -88,6 +90,7 @@ export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItem
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
@@ -123,4 +126,5 @@ export interface ComboboxItemOptions<T extends As = "div"> extends CompositeItem
      */
     focusOnHover?: CompositeHoverOptions["focusOnHover"];
 }
-export type ComboboxItemProps<T extends As = "div"> = Props<ComboboxItemOptions<T>>;
+export type ComboboxItemProps<T extends ElementType = TagName> = Props<T, ComboboxItemOptions<T>>;
+export {};

package/cjs/combobox/combobox-label.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -21,10 +22,11 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-label.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useComboboxLabel = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "label";
+var useComboboxLabel = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useComboboxLabel2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
+    const context = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -37,18 +39,15 @@ var useComboboxLabel = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       htmlFor: comboboxId
     }, props);
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var ComboboxLabel = _RNZNGEL4cjs.createMemoComponent.call(void 0, 
-  (props) => {
+var ComboboxLabel = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxLabel2(props) {
     const htmlProps = useComboboxLabel(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "label", htmlProps);
-  }
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
 );
-if (process.env.NODE_ENV !== "production") {
-  ComboboxLabel.displayName = "ComboboxLabel";
-}
 
 
 

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

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
+declare const TagName = "label";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxLabel` component.
  * @see https://ariakit.org/components/combobox
@@ -11,7 +14,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Combobox store={store} />
  * ```
  */
-export declare const useComboboxLabel: import("../utils/types.js").Hook<ComboboxLabelOptions<"label">>;
+export declare const useComboboxLabel: import("../utils/types.js").Hook<"label", ComboboxLabelOptions<"label">>;
 /**
  * Renders a label for the [`Combobox`](https://ariakit.org/reference/combobox)
  * component.
@@ -28,8 +31,8 @@ export declare const useComboboxLabel: import("../utils/types.js").Hook<Combobox
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxLabel: import("../utils/types.js").Component<ComboboxLabelOptions<"label">>;
-export interface ComboboxLabelOptions<T extends As = "label"> extends Options<T> {
+export declare const ComboboxLabel: (props: ComboboxLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxLabelOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -39,4 +42,5 @@ export interface ComboboxLabelOptions<T extends As = "label"> extends Options<T>
      */
     store?: ComboboxStore;
 }
-export type ComboboxLabelProps<T extends As = "label"> = Props<ComboboxLabelOptions<T>>;
+export type ComboboxLabelProps<T extends ElementType = TagName> = Props<T, ComboboxLabelOptions<T>>;
+export {};

package/cjs/combobox/combobox-label.d.ts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
+declare const TagName = "label";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxLabel` component.
  * @see https://ariakit.org/components/combobox
@@ -11,7 +14,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Combobox store={store} />
  * ```
  */
-export declare const useComboboxLabel: import("../utils/types.js").Hook<ComboboxLabelOptions<"label">>;
+export declare const useComboboxLabel: import("../utils/types.js").Hook<"label", ComboboxLabelOptions<"label">>;
 /**
  * Renders a label for the [`Combobox`](https://ariakit.org/reference/combobox)
  * component.
@@ -28,8 +31,8 @@ export declare const useComboboxLabel: import("../utils/types.js").Hook<Combobox
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxLabel: import("../utils/types.js").Component<ComboboxLabelOptions<"label">>;
-export interface ComboboxLabelOptions<T extends As = "label"> extends Options<T> {
+export declare const ComboboxLabel: (props: ComboboxLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxLabelOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -39,4 +42,5 @@ export interface ComboboxLabelOptions<T extends As = "label"> extends Options<T>
      */
     store?: ComboboxStore;
 }
-export type ComboboxLabelProps<T extends As = "label"> = Props<ComboboxLabelOptions<T>>;
+export type ComboboxLabelProps<T extends ElementType = TagName> = Props<T, ComboboxLabelOptions<T>>;
+export {};

package/cjs/combobox/combobox-list.cjs

@@ -2,17 +2,15 @@
 
 
 
-var _D4TG5DM4cjs = require('../__chunks/D4TG5DM4.cjs');
-require('../__chunks/3WCBE6SU.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/YPVQYY4J.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');
+var _FEBBQUM7cjs = require('../__chunks/FEBBQUM7.cjs');
+require('../__chunks/OBT2YMBC.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/THCBJSSM.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -20,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ComboboxList = _D4TG5DM4cjs.ComboboxList; exports.useComboboxList = _D4TG5DM4cjs.useComboboxList;
+exports.ComboboxList = _FEBBQUM7cjs.ComboboxList; exports.useComboboxList = _FEBBQUM7cjs.useComboboxList;

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

@@ -1,7 +1,9 @@
+import type { ElementType } from "react";
 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 { Options, Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxList` component.
  * @see https://ariakit.org/components/combobox
@@ -16,7 +18,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * </Role>
  * ```
  */
-export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxListOptions<"div">>;
+export declare const useComboboxList: import("../utils/types.js").Hook<"div", 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`,
@@ -34,8 +36,8 @@ export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxL
  * </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"> {
+export declare const ComboboxList: (props: ComboboxListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxListOptions<T extends ElementType = TagName> extends Options, Pick<DisclosureContentOptions<T>, "alwaysVisible"> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -45,4 +47,5 @@ export interface ComboboxListOptions<T extends As = "div"> extends FocusableOpti
      */
     store?: ComboboxStore;
 }
-export type ComboboxListProps<T extends As = "div"> = Props<ComboboxListOptions<T>>;
+export type ComboboxListProps<T extends ElementType = TagName> = Props<T, ComboboxListOptions<T>>;
+export {};

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

@@ -1,7 +1,9 @@
+import type { ElementType } from "react";
 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 { Options, Props } from "../utils/types.js";
 import type { ComboboxStore } from "./combobox-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxList` component.
  * @see https://ariakit.org/components/combobox
@@ -16,7 +18,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * </Role>
  * ```
  */
-export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxListOptions<"div">>;
+export declare const useComboboxList: import("../utils/types.js").Hook<"div", 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`,
@@ -34,8 +36,8 @@ export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxL
  * </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"> {
+export declare const ComboboxList: (props: ComboboxListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxListOptions<T extends ElementType = TagName> extends Options, Pick<DisclosureContentOptions<T>, "alwaysVisible"> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -45,4 +47,5 @@ export interface ComboboxListOptions<T extends As = "div"> extends FocusableOpti
      */
     store?: ComboboxStore;
 }
-export type ComboboxListProps<T extends As = "div"> = Props<ComboboxListOptions<T>>;
+export type ComboboxListProps<T extends ElementType = TagName> = Props<T, ComboboxListOptions<T>>;
+export {};

package/cjs/combobox/combobox-popover.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _D4TG5DM4cjs = require('../__chunks/D4TG5DM4.cjs');
+var _FEBBQUM7cjs = require('../__chunks/FEBBQUM7.cjs');
 
 
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
 
 
-var _OUEE5HOScjs = require('../__chunks/OUEE5HOS.cjs');
+var _LM5EDRV3cjs = require('../__chunks/LM5EDRV3.cjs');
 
 
-var _ZL5DC555cjs = require('../__chunks/ZL5DC555.cjs');
-require('../__chunks/WZ3DRKGP.cjs');
-require('../__chunks/KSPMHEYZ.cjs');
+var _JJH3U4MGcjs = require('../__chunks/JJH3U4MG.cjs');
+require('../__chunks/375RXJFL.cjs');
+require('../__chunks/4OFNVXGN.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
 require('../__chunks/KREY6HXD.cjs');
@@ -27,27 +27,27 @@ require('../__chunks/7TN63K2T.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/7566TIRW.cjs');
+require('../__chunks/5SRODZ4B.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/65LGW5LY.cjs');
-require('../__chunks/XB3G2EO2.cjs');
+require('../__chunks/BBRNIJWO.cjs');
+require('../__chunks/O2WTAUCQ.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/THCBJSSM.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/R66IWXK6.cjs');
+require('../__chunks/HQKST6ZJ.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -60,6 +60,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-popover.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
+var TagName = "div";
 function isController(target, ...ids) {
   if (!target)
     return false;
@@ -71,8 +72,8 @@ function isController(target, ...ids) {
   }
   return false;
 }
-var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useComboboxPopover = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useComboboxPopover2(_a) {
     var _b = _a, {
       store,
       modal,
@@ -86,15 +87,15 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
       "alwaysVisible",
       "hideOnInteractOutside"
     ]);
-    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
+    const context = _OBT2YMBCcjs.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 = _D4TG5DM4cjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _OUEE5HOScjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _FEBBQUM7cjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _LM5EDRV3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       alwaysVisible,
@@ -150,16 +151,13 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _ZL5DC555cjs.createDialogComponent.call(void 0, 
-  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var ComboboxPopover = _JJH3U4MGcjs.createDialogComponent.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxPopover2(props) {
     const htmlProps = useComboboxPopover(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _3WCBE6SUcjs.useComboboxProviderContext
+  _OBT2YMBCcjs.useComboboxProviderContext
 );
-if (process.env.NODE_ENV !== "production") {
-  ComboboxPopover.displayName = "ComboboxPopover";
-}
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverOptions } from "../popover/popover.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { ComboboxListOptions } from "./combobox-list.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxPopover` component.
  * @see https://ariakit.org/components/combobox
@@ -15,7 +18,7 @@ import type { ComboboxListOptions } from "./combobox-list.js";
  * </Role>
  * ```
  */
-export declare const useComboboxPopover: import("../utils/types.js").Hook<ComboboxPopoverOptions<"div">>;
+export declare const useComboboxPopover: import("../utils/types.js").Hook<"div", 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`,
@@ -33,7 +36,8 @@ export declare const useComboboxPopover: import("../utils/types.js").Hook<Combob
  * </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"> {
+export declare const ComboboxPopover: (props: ComboboxPopoverProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface ComboboxPopoverOptions<T extends ElementType = TagName> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store"> {
 }
-export type ComboboxPopoverProps<T extends As = "div"> = Props<ComboboxPopoverOptions<T>>;
+export type ComboboxPopoverProps<T extends ElementType = TagName> = Props<T, ComboboxPopoverOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverOptions } from "../popover/popover.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { ComboboxListOptions } from "./combobox-list.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxPopover` component.
  * @see https://ariakit.org/components/combobox
@@ -15,7 +18,7 @@ import type { ComboboxListOptions } from "./combobox-list.js";
  * </Role>
  * ```
  */
-export declare const useComboboxPopover: import("../utils/types.js").Hook<ComboboxPopoverOptions<"div">>;
+export declare const useComboboxPopover: import("../utils/types.js").Hook<"div", 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`,
@@ -33,7 +36,8 @@ export declare const useComboboxPopover: import("../utils/types.js").Hook<Combob
  * </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"> {
+export declare const ComboboxPopover: (props: ComboboxPopoverProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface ComboboxPopoverOptions<T extends ElementType = TagName> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store"> {
 }
-export type ComboboxPopoverProps<T extends As = "div"> = Props<ComboboxPopoverOptions<T>>;
+export type ComboboxPopoverProps<T extends ElementType = TagName> = Props<T, ComboboxPopoverOptions<T>>;
+export {};

package/cjs/combobox/combobox-provider.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _CFKRWKZRcjs = require('../__chunks/CFKRWKZR.cjs');
+var _OUHSDH5Bcjs = require('../__chunks/OUHSDH5B.cjs');
 
 
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.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/NRGWVSB5.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
+require('../__chunks/GOS3JJKQ.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -24,8 +24,8 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ComboboxProvider(props = {}) {
-  const store = _CFKRWKZRcjs.useComboboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3WCBE6SUcjs.ComboboxContextProvider, { value: store, children: props.children });
+  const store = _OUHSDH5Bcjs.useComboboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OBT2YMBCcjs.ComboboxContextProvider, { value: store, children: props.children });
 }