@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/collection/collection.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _BZTDJIVTcjs = require('../__chunks/BZTDJIVT.cjs');
+var _Q6CVYJBOcjs = require('../__chunks/Q6CVYJBO.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
@@ -17,27 +17,26 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/collection/collection.tsx
+var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useCollection = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useCollection = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCollection2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _BZTDJIVTcjs.useCollectionProviderContext.call(void 0, );
+    const context = _Q6CVYJBOcjs.useCollectionProviderContext.call(void 0, );
     store = store || context;
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BZTDJIVTcjs.CollectionScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q6CVYJBOcjs.CollectionScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Collection = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Collection = _Q67LZMDTcjs.forwardRef.call(void 0, function Collection2(props) {
   const htmlProps = useCollection(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Collection.displayName = "Collection";
-}
 
 
 

package/cjs/collection/collection.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 { CollectionStore } from "./collection-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Collection` component. It receives the collection
  * store through the `store` prop and provides context for `CollectionItem`
@@ -16,7 +19,7 @@ import type { CollectionStore } from "./collection-store.js";
  * </Role>
  * ```
  */
-export declare const useCollection: import("../utils/types.js").Hook<CollectionOptions<"div">>;
+export declare const useCollection: import("../utils/types.js").Hook<"div", CollectionOptions<"div">>;
 /**
  * Renders a simple wrapper for collection items. It accepts a collection store
  * through the [`store`](https://ariakit.org/reference/collection#store) prop
@@ -33,8 +36,8 @@ export declare const useCollection: import("../utils/types.js").Hook<CollectionO
  * </Collection>
  * ```
  */
-export declare const Collection: import("../utils/types.js").Component<CollectionOptions<"div">>;
-export interface CollectionOptions<T extends As = "div"> extends Options<T> {
+export declare const Collection: (props: CollectionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CollectionOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCollectionStore`](https://ariakit.org/reference/use-collection-store)
@@ -44,4 +47,5 @@ export interface CollectionOptions<T extends As = "div"> extends Options<T> {
      */
     store?: CollectionStore;
 }
-export type CollectionProps<T extends As = "div"> = Props<CollectionOptions<T>>;
+export type CollectionProps<T extends ElementType = TagName> = Props<T, CollectionOptions<T>>;
+export {};

package/cjs/collection/collection.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 { CollectionStore } from "./collection-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Collection` component. It receives the collection
  * store through the `store` prop and provides context for `CollectionItem`
@@ -16,7 +19,7 @@ import type { CollectionStore } from "./collection-store.js";
  * </Role>
  * ```
  */
-export declare const useCollection: import("../utils/types.js").Hook<CollectionOptions<"div">>;
+export declare const useCollection: import("../utils/types.js").Hook<"div", CollectionOptions<"div">>;
 /**
  * Renders a simple wrapper for collection items. It accepts a collection store
  * through the [`store`](https://ariakit.org/reference/collection#store) prop
@@ -33,8 +36,8 @@ export declare const useCollection: import("../utils/types.js").Hook<CollectionO
  * </Collection>
  * ```
  */
-export declare const Collection: import("../utils/types.js").Component<CollectionOptions<"div">>;
-export interface CollectionOptions<T extends As = "div"> extends Options<T> {
+export declare const Collection: (props: CollectionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CollectionOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCollectionStore`](https://ariakit.org/reference/use-collection-store)
@@ -44,4 +47,5 @@ export interface CollectionOptions<T extends As = "div"> extends Options<T> {
      */
     store?: CollectionStore;
 }
-export type CollectionProps<T extends As = "div"> = Props<CollectionOptions<T>>;
+export type CollectionProps<T extends ElementType = TagName> = Props<T, CollectionOptions<T>>;
+export {};

package/cjs/combobox/combobox-cancel.cjs

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
+var _M7WN4XJHcjs = require('../__chunks/M7WN4XJH.cjs');
 
 
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
@@ -31,6 +31,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-cancel.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
 var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   "svg",
   {
@@ -51,10 +52,10 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     ]
   }
 );
-var useComboboxCancel = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useComboboxCancel = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useComboboxCancel2(_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,
@@ -82,19 +83,14 @@ var useComboboxCancel = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _M7WN4XJHcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var ComboboxCancel = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useComboboxCancel(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  ComboboxCancel.displayName = "ComboboxCancel";
-}
+var ComboboxCancel = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxCancel2(props) {
+  const htmlProps = useComboboxCancel(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { ButtonOptions } from "../button/button.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxCancel` component that clears the combobox
  * input when clicked.
@@ -13,7 +16,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useComboboxCancel: import("../utils/types.js").Hook<ComboboxCancelOptions<"button">>;
+export declare const useComboboxCancel: import("../utils/types.js").Hook<"button", ComboboxCancelOptions<"button">>;
 /**
  * Renders a combobox cancel button that clears the combobox input value when
  * clicked.
@@ -31,8 +34,8 @@ export declare const useComboboxCancel: import("../utils/types.js").Hook<Combobo
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxCancel: import("../utils/types.js").Component<ComboboxCancelOptions<"button">>;
-export interface ComboboxCancelOptions<T extends As = "button"> extends ButtonOptions<T> {
+export declare const ComboboxCancel: (props: ComboboxCancelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxCancelOptions<T extends ElementType = TagName> extends ButtonOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -42,4 +45,5 @@ export interface ComboboxCancelOptions<T extends As = "button"> extends ButtonOp
      */
     store?: ComboboxStore;
 }
-export type ComboboxCancelProps<T extends As = "button"> = Props<ComboboxCancelOptions<T>>;
+export type ComboboxCancelProps<T extends ElementType = TagName> = Props<T, ComboboxCancelOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { ButtonOptions } from "../button/button.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxCancel` component that clears the combobox
  * input when clicked.
@@ -13,7 +16,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useComboboxCancel: import("../utils/types.js").Hook<ComboboxCancelOptions<"button">>;
+export declare const useComboboxCancel: import("../utils/types.js").Hook<"button", ComboboxCancelOptions<"button">>;
 /**
  * Renders a combobox cancel button that clears the combobox input value when
  * clicked.
@@ -31,8 +34,8 @@ export declare const useComboboxCancel: import("../utils/types.js").Hook<Combobo
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxCancel: import("../utils/types.js").Component<ComboboxCancelOptions<"button">>;
-export interface ComboboxCancelOptions<T extends As = "button"> extends ButtonOptions<T> {
+export declare const ComboboxCancel: (props: ComboboxCancelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxCancelOptions<T extends ElementType = TagName> extends ButtonOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -42,4 +45,5 @@ export interface ComboboxCancelOptions<T extends As = "button"> extends ButtonOp
      */
     store?: ComboboxStore;
 }
-export type ComboboxCancelProps<T extends As = "button"> = Props<ComboboxCancelOptions<T>>;
+export type ComboboxCancelProps<T extends ElementType = TagName> = Props<T, ComboboxCancelOptions<T>>;
+export {};

package/cjs/combobox/combobox-context.cjs

@@ -7,13 +7,13 @@
 
 
 
-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');
-require('../__chunks/RNZNGEL4.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');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -25,4 +25,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ComboboxContextProvider = _3WCBE6SUcjs.ComboboxContextProvider; exports.ComboboxItemCheckedContext = _3WCBE6SUcjs.ComboboxItemCheckedContext; exports.ComboboxItemValueContext = _3WCBE6SUcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _3WCBE6SUcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _3WCBE6SUcjs.useComboboxContext; exports.useComboboxProviderContext = _3WCBE6SUcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _3WCBE6SUcjs.useComboboxScopedContext;
+exports.ComboboxContextProvider = _OBT2YMBCcjs.ComboboxContextProvider; exports.ComboboxItemCheckedContext = _OBT2YMBCcjs.ComboboxItemCheckedContext; exports.ComboboxItemValueContext = _OBT2YMBCcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _OBT2YMBCcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _OBT2YMBCcjs.useComboboxContext; exports.useComboboxProviderContext = _OBT2YMBCcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _OBT2YMBCcjs.useComboboxScopedContext;

package/cjs/combobox/combobox-disclosure.cjs

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QCG6J6X5cjs = require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-
-
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _PIZ222UUcjs = require('../__chunks/PIZ222UU.cjs');
+require('../__chunks/QCQVRINH.cjs');
+require('../__chunks/M7WN4XJH.cjs');
+
+
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
@@ -33,6 +33,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/combobox/combobox-disclosure.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
 var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "svg",
   {
@@ -50,54 +51,47 @@ var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
   }
 );
-var useComboboxDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
-    store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "ComboboxDisclosure must receive a `store` prop or be wrapped in a ComboboxProvider component."
-    );
-    const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
-      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
-      event.preventDefault();
-      store == null ? void 0 : store.move(null);
-    });
-    const onClickProp = props.onClick;
-    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!store)
-        return;
-      const { baseElement } = store.getState();
-      store.setDisclosureElement(baseElement);
-    });
-    const open = store.useState("open");
-    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      children,
-      tabIndex: -1,
-      "aria-label": open ? "Hide popup" : "Show popup",
-      "aria-expanded": open
-    }, props), {
-      onMouseDown,
-      onClick
-    });
-    props = _QCG6J6X5cjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    return props;
-  }
-);
-var ComboboxDisclosure = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useComboboxDisclosure(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  ComboboxDisclosure.displayName = "ComboboxDisclosure";
-}
+var useComboboxDisclosure = _Q67LZMDTcjs.createHook.call(void 0, function useComboboxDisclosure2(_a) {
+  var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+  const context = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "ComboboxDisclosure must receive a `store` prop or be wrapped in a ComboboxProvider component."
+  );
+  const onMouseDownProp = props.onMouseDown;
+  const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    onMouseDownProp == null ? void 0 : onMouseDownProp(event);
+    event.preventDefault();
+    store == null ? void 0 : store.move(null);
+  });
+  const onClickProp = props.onClick;
+  const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented)
+      return;
+    if (!store)
+      return;
+    const { baseElement } = store.getState();
+    store.setDisclosureElement(baseElement);
+  });
+  const open = store.useState("open");
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    children,
+    tabIndex: -1,
+    "aria-label": open ? "Hide popup" : "Show popup",
+    "aria-expanded": open
+  }, props), {
+    onMouseDown,
+    onClick
+  });
+  props = _PIZ222UUcjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  return props;
+});
+var ComboboxDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxDisclosure2(props) {
+  const htmlProps = useComboboxDisclosure(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxDisclosure` component that toggles the
  * combobox popover visibility when clicked.
@@ -18,7 +21,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * </ComboboxPopover>
  * ```
  */
-export declare const useComboboxDisclosure: import("../utils/types.js").Hook<ComboboxDisclosureOptions<"button">>;
+export declare const useComboboxDisclosure: import("../utils/types.js").Hook<"button", ComboboxDisclosureOptions<"button">>;
 /**
  * Renders a combobox disclosure button that toggles the
  * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) element's
@@ -41,8 +44,8 @@ export declare const useComboboxDisclosure: import("../utils/types.js").Hook<Com
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxDisclosure: import("../utils/types.js").Component<ComboboxDisclosureOptions<"button">>;
-export interface ComboboxDisclosureOptions<T extends As = "button"> extends DialogDisclosureOptions<T> {
+export declare const ComboboxDisclosure: (props: ComboboxDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxDisclosureOptions<T extends ElementType = TagName> extends DialogDisclosureOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -52,4 +55,5 @@ export interface ComboboxDisclosureOptions<T extends As = "button"> extends Dial
      */
     store?: ComboboxStore;
 }
-export type ComboboxDisclosureProps<T extends As = "button"> = Props<ComboboxDisclosureOptions<T>>;
+export type ComboboxDisclosureProps<T extends ElementType = TagName> = Props<T, ComboboxDisclosureOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `ComboboxDisclosure` component that toggles the
  * combobox popover visibility when clicked.
@@ -18,7 +21,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * </ComboboxPopover>
  * ```
  */
-export declare const useComboboxDisclosure: import("../utils/types.js").Hook<ComboboxDisclosureOptions<"button">>;
+export declare const useComboboxDisclosure: import("../utils/types.js").Hook<"button", ComboboxDisclosureOptions<"button">>;
 /**
  * Renders a combobox disclosure button that toggles the
  * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) element's
@@ -41,8 +44,8 @@ export declare const useComboboxDisclosure: import("../utils/types.js").Hook<Com
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxDisclosure: import("../utils/types.js").Component<ComboboxDisclosureOptions<"button">>;
-export interface ComboboxDisclosureOptions<T extends As = "button"> extends DialogDisclosureOptions<T> {
+export declare const ComboboxDisclosure: (props: ComboboxDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxDisclosureOptions<T extends ElementType = TagName> extends DialogDisclosureOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -52,4 +55,5 @@ export interface ComboboxDisclosureOptions<T extends As = "button"> extends Dial
      */
     store?: ComboboxStore;
 }
-export type ComboboxDisclosureProps<T extends As = "button"> = Props<ComboboxDisclosureOptions<T>>;
+export type ComboboxDisclosureProps<T extends ElementType = TagName> = Props<T, ComboboxDisclosureOptions<T>>;
+export {};

package/cjs/combobox/combobox-group-label.cjs

@@ -1,34 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TUDQDX77cjs = require('../__chunks/TUDQDX77.cjs');
-require('../__chunks/QQCFY3MB.cjs');
+var _2CZCHCJMcjs = require('../__chunks/2CZCHCJM.cjs');
+require('../__chunks/GMXGH5P5.cjs');
 require('../__chunks/FE3YCURH.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-group-label.ts
-var useComboboxGroupLabel = _RNZNGEL4cjs.createHook.call(void 0, 
-  (props) => {
-    props = _TUDQDX77cjs.useCompositeGroupLabel.call(void 0, props);
-    return props;
-  }
-);
-var ComboboxGroupLabel = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useComboboxGroupLabel(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  ComboboxGroupLabel.displayName = "ComboboxGroupLabel";
-}
+var TagName = "div";
+var useComboboxGroupLabel = _Q67LZMDTcjs.createHook.call(void 0, function useComboboxGroupLabel2(props) {
+  props = _2CZCHCJMcjs.useCompositeGroupLabel.call(void 0, props);
+  return props;
+});
+var ComboboxGroupLabel = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxGroupLabel2(props) {
+  const htmlProps = useComboboxGroupLabel(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CompositeGroupLabelOptions } from "../composite/composite-group-label.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 `ComboboxGroupLabel` component. This hook should be
  * used in a component that's wrapped with `ComboboxGroup` so the
@@ -13,7 +16,7 @@ import type { ComboboxStore } from "./combobox-store.js";
  * <Role {...props}>Label</Role>
  * ```
  */
-export declare const useComboboxGroupLabel: import("../utils/types.js").Hook<ComboboxGroupLabelOptions<"div">>;
+export declare const useComboboxGroupLabel: import("../utils/types.js").Hook<"div", ComboboxGroupLabelOptions<"div">>;
 /**
  * Renders a label in a combobox group. This component should be wrapped with
  * [`ComboboxGroup`](https://ariakit.org/reference/combobox-group) so the
@@ -33,8 +36,8 @@ export declare const useComboboxGroupLabel: import("../utils/types.js").Hook<Com
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxGroupLabel: import("../utils/types.js").Component<ComboboxGroupLabelOptions<"div">>;
-export interface ComboboxGroupLabelOptions<T extends As = "div"> extends CompositeGroupLabelOptions<T> {
+export declare const ComboboxGroupLabel: (props: ComboboxGroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxGroupLabelOptions<T extends ElementType = TagName> extends CompositeGroupLabelOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -45,4 +48,5 @@ export interface ComboboxGroupLabelOptions<T extends As = "div"> extends Composi
      */
     store?: ComboboxStore;
 }
-export type ComboboxGroupLabelProps<T extends As = "div"> = Props<ComboboxGroupLabelOptions<T>>;
+export type ComboboxGroupLabelProps<T extends ElementType = TagName> = Props<T, ComboboxGroupLabelOptions<T>>;
+export {};