@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/combobox/combobox-separator.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
 
 
-var _F34KLJKGcjs = require('../__chunks/F34KLJKG.cjs');
-require('../__chunks/QOD2KY3N.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
+var _AIKNQVVLcjs = require('../__chunks/AIKNQVVL.cjs');
+require('../__chunks/FG4Y7VYM.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');
 
@@ -25,28 +25,22 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-separator.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useComboboxSeparator = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _3WCBE6SUcjs.useComboboxScopedContext.call(void 0, );
-    store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "ComboboxSeparator must be wrapped in a ComboboxList or ComboboxPopover component."
-    );
-    props = _F34KLJKGcjs.useCompositeSeparator.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    return props;
-  }
-);
-var ComboboxSeparator = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useComboboxSeparator(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "hr", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  ComboboxSeparator.displayName = "ComboboxSeparator";
-}
+var TagName = "hr";
+var useComboboxSeparator = _Q67LZMDTcjs.createHook.call(void 0, function useComboboxSeparator2(_a) {
+  var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+  const context = _OBT2YMBCcjs.useComboboxScopedContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "ComboboxSeparator must be wrapped in a ComboboxList or ComboboxPopover component."
+  );
+  props = _AIKNQVVLcjs.useCompositeSeparator.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  return props;
+});
+var ComboboxSeparator = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxSeparator2(props) {
+  const htmlProps = useComboboxSeparator(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,8 +1,12 @@
+import type { ElementType } from "react";
 import type { CompositeSeparatorOptions } from "../composite/composite-separator.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 = "hr";
+type TagName = typeof TagName;
 /**
  * Returns props a `ComboboxSeparator` component for combobox items.
+ * @deprecated Use `useComboboxGroup` with CSS borders instead.
  * @see https://ariakit.org/components/combobox
  * @example
  * ```jsx
@@ -16,10 +20,13 @@ import type { ComboboxStore } from "./combobox-store.js";
  * </ComboboxPopover>
  * ```
  */
-export declare const useComboboxSeparator: import("../utils/types.js").Hook<ComboboxSeparatorOptions<"hr">>;
+export declare const useComboboxSeparator: import("../utils/types.js").Hook<"hr", ComboboxSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) elements.
+ * @deprecated Use
+ * [`ComboboxGroup`](https://ariakit.org/reference/combobox-group) with CSS
+ * borders instead.
  * @see https://ariakit.org/components/combobox
  * @example
  * ```jsx {5}
@@ -34,8 +41,8 @@ export declare const useComboboxSeparator: import("../utils/types.js").Hook<Comb
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxSeparator: import("../utils/types.js").Component<ComboboxSeparatorOptions<"hr">>;
-export interface ComboboxSeparatorOptions<T extends As = "hr"> extends CompositeSeparatorOptions<T> {
+export declare const ComboboxSeparator: (props: ComboboxSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxSeparatorOptions<T extends ElementType = TagName> extends CompositeSeparatorOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -46,4 +53,5 @@ export interface ComboboxSeparatorOptions<T extends As = "hr"> extends Composite
      */
     store?: ComboboxStore;
 }
-export type ComboboxSeparatorProps<T extends As = "hr"> = Props<ComboboxSeparatorOptions<T>>;
+export type ComboboxSeparatorProps<T extends ElementType = TagName> = Props<T, ComboboxSeparatorOptions<T>>;
+export {};

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

@@ -1,8 +1,12 @@
+import type { ElementType } from "react";
 import type { CompositeSeparatorOptions } from "../composite/composite-separator.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 = "hr";
+type TagName = typeof TagName;
 /**
  * Returns props a `ComboboxSeparator` component for combobox items.
+ * @deprecated Use `useComboboxGroup` with CSS borders instead.
  * @see https://ariakit.org/components/combobox
  * @example
  * ```jsx
@@ -16,10 +20,13 @@ import type { ComboboxStore } from "./combobox-store.js";
  * </ComboboxPopover>
  * ```
  */
-export declare const useComboboxSeparator: import("../utils/types.js").Hook<ComboboxSeparatorOptions<"hr">>;
+export declare const useComboboxSeparator: import("../utils/types.js").Hook<"hr", ComboboxSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) elements.
+ * @deprecated Use
+ * [`ComboboxGroup`](https://ariakit.org/reference/combobox-group) with CSS
+ * borders instead.
  * @see https://ariakit.org/components/combobox
  * @example
  * ```jsx {5}
@@ -34,8 +41,8 @@ export declare const useComboboxSeparator: import("../utils/types.js").Hook<Comb
  * </ComboboxProvider>
  * ```
  */
-export declare const ComboboxSeparator: import("../utils/types.js").Component<ComboboxSeparatorOptions<"hr">>;
-export interface ComboboxSeparatorOptions<T extends As = "hr"> extends CompositeSeparatorOptions<T> {
+export declare const ComboboxSeparator: (props: ComboboxSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxSeparatorOptions<T extends ElementType = TagName> extends CompositeSeparatorOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -46,4 +53,5 @@ export interface ComboboxSeparatorOptions<T extends As = "hr"> extends Composite
      */
     store?: ComboboxStore;
 }
-export type ComboboxSeparatorProps<T extends As = "hr"> = Props<ComboboxSeparatorOptions<T>>;
+export type ComboboxSeparatorProps<T extends ElementType = TagName> = Props<T, ComboboxSeparatorOptions<T>>;
+export {};

package/cjs/combobox/combobox-store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _CFKRWKZRcjs = require('../__chunks/CFKRWKZR.cjs');
+var _OUHSDH5Bcjs = require('../__chunks/OUHSDH5B.cjs');
 require('../__chunks/LUL2YWZ3.cjs');
 require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/NRGWVSB5.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.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');
@@ -15,4 +15,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useComboboxStore = _CFKRWKZRcjs.useComboboxStore; exports.useComboboxStoreProps = _CFKRWKZRcjs.useComboboxStoreProps;
+exports.useComboboxStore = _OUHSDH5Bcjs.useComboboxStore; exports.useComboboxStoreProps = _OUHSDH5Bcjs.useComboboxStoreProps;

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

@@ -3,7 +3,9 @@ import type { PickRequired } from "@ariakit/core/utils/types";
 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";
-export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T;
+export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a combobox store to control the state of
  * [Combobox](https://ariakit.org/components/combobox) components.
@@ -29,9 +31,9 @@ export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
 export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreFunctions<T>, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreFunctions<T>, "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
 }
-export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreOptions<T>, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
      * A callback that gets called when the
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state
@@ -59,7 +61,7 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      */
     setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
 }
-export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Core.ComboboxStoreProps<T> {
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "disclosure"> {
 }
-export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Store<Core.ComboboxStore<T>> {
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "disclosure"> {
 }

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

@@ -3,7 +3,9 @@ import type { PickRequired } from "@ariakit/core/utils/types";
 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";
-export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T;
+export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a combobox store to control the state of
  * [Combobox](https://ariakit.org/components/combobox) components.
@@ -29,9 +31,9 @@ export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
 export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreFunctions<T>, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreFunctions<T>, "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
 }
-export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreOptions<T>, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
      * A callback that gets called when the
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state
@@ -59,7 +61,7 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      */
     setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
 }
-export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Core.ComboboxStoreProps<T> {
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "disclosure"> {
 }
-export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Store<Core.ComboboxStore<T>> {
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "disclosure"> {
 }

package/cjs/combobox/combobox.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3QW6ELTGcjs = require('../__chunks/3QW6ELTG.cjs');
+var _O45NLQRZcjs = require('../__chunks/O45NLQRZ.cjs');
 
 
-var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
+var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
 
 
-var _H6OLBVHAcjs = require('../__chunks/H6OLBVHA.cjs');
+var _NCXCQQBNcjs = require('../__chunks/NCXCQQBN.cjs');
 require('../__chunks/6ZZYUFPW.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');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 
@@ -56,6 +56,7 @@ var _focus = require('@ariakit/core/utils/focus');
 
 var _misc = require('@ariakit/core/utils/misc');
 var _reactdom = require('react-dom');
+var TagName = "input";
 function isFirstItemAutoSelected(items, activeValue, autoSelect) {
   if (!autoSelect)
     return false;
@@ -76,8 +77,8 @@ function isInputEvent(event) {
 function isAriaAutoCompleteValue(value) {
   return value === "inline" || value === "list" || value === "both" || value === "none";
 }
-var useCombobox = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useCombobox = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCombobox2(_a) {
     var _b = _a, {
       store,
       focusable = true,
@@ -103,7 +104,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
+    const context = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -332,18 +333,16 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       }
     });
     const onCompositionEndProp = props.onCompositionEnd;
-    const onCompositionEnd = _EO6LS72Hcjs.useEvent.call(void 0, 
-      (event) => {
-        canAutoSelectRef.current = true;
-        composingRef.current = false;
-        onCompositionEndProp == null ? void 0 : onCompositionEndProp(event);
-        if (event.defaultPrevented)
-          return;
-        if (!autoSelect)
-          return;
-        forceValueUpdate();
-      }
-    );
+    const onCompositionEnd = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+      canAutoSelectRef.current = true;
+      composingRef.current = false;
+      onCompositionEndProp == null ? void 0 : onCompositionEndProp(event);
+      if (event.defaultPrevented)
+        return;
+      if (!autoSelect)
+        return;
+      forceValueUpdate();
+    });
     const onMouseDownProp = props.onMouseDown;
     const setValueOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, setValueOnClick);
     const showOnMouseDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnMouseDown);
@@ -367,37 +366,35 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
     });
     const onKeyDownProp = props.onKeyDown;
     const showOnKeyDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnKeyDown);
-    const onKeyDown = _EO6LS72Hcjs.useEvent.call(void 0, 
-      (event) => {
-        onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-        if (!event.repeat) {
-          canAutoSelectRef.current = false;
-        }
-        if (event.defaultPrevented)
-          return;
-        if (event.ctrlKey)
-          return;
-        if (event.altKey)
-          return;
-        if (event.shiftKey)
-          return;
-        if (event.metaKey)
-          return;
-        if (!store)
-          return;
-        const { open: open2, activeId } = store.getState();
-        if (open2)
-          return;
-        if (activeId !== null)
-          return;
-        if (event.key === "ArrowUp" || event.key === "ArrowDown") {
-          if (showOnKeyDownProp(event)) {
-            event.preventDefault();
-            store.show();
-          }
+    const onKeyDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+      if (!event.repeat) {
+        canAutoSelectRef.current = false;
+      }
+      if (event.defaultPrevented)
+        return;
+      if (event.ctrlKey)
+        return;
+      if (event.altKey)
+        return;
+      if (event.shiftKey)
+        return;
+      if (event.metaKey)
+        return;
+      if (!store)
+        return;
+      const { open: open2, activeId } = store.getState();
+      if (open2)
+        return;
+      if (activeId !== null)
+        return;
+      if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+        if (showOnKeyDownProp(event)) {
+          event.preventDefault();
+          store.show();
         }
       }
-    );
+    });
     const onBlurProp = props.onBlur;
     const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       canAutoSelectRef.current = false;
@@ -425,7 +422,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown,
       onBlur
     });
-    props = _H6OLBVHAcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _NCXCQQBNcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       focusable
     }, props), {
@@ -439,17 +436,14 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         return true;
       }
     }));
-    props = _3QW6ELTGcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _O45NLQRZcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return _AV6KTKLEcjs.__spreadValues.call(void 0, { autoComplete: "off" }, props);
   }
 );
-var Combobox = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Combobox = _Q67LZMDTcjs.forwardRef.call(void 0, function Combobox2(props) {
   const htmlProps = useCombobox(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "input", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Combobox.displayName = "Combobox";
-}
 
 
 

package/cjs/combobox/combobox.d.cts

@@ -1,9 +1,11 @@
-import type { AriaAttributes, ChangeEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { AriaAttributes, ChangeEvent, ElementType, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/types";
 import type { CompositeOptions } from "../composite/composite.js";
 import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
+declare const TagName = "input";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Combobox` component.
  * @see https://ariakit.org/components/combobox
@@ -19,7 +21,7 @@ import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
  * </ComboboxPopover>
  * ```
  */
-export declare const useCombobox: import("../utils/types.js").Hook<ComboboxOptions<"input">>;
+export declare const useCombobox: import("../utils/types.js").Hook<"input", ComboboxOptions<"input">>;
 /**
  * Renders a combobox input element that can be used to filter a list of items.
  * @see https://ariakit.org/components/combobox
@@ -35,8 +37,8 @@ export declare const useCombobox: import("../utils/types.js").Hook<ComboboxOptio
  * </ComboboxProvider>
  * ```
  */
-export declare const Combobox: import("../utils/types.js").Component<ComboboxOptions<"input">>;
-export interface ComboboxOptions<T extends As = "input"> extends CompositeOptions<T>, PopoverAnchorOptions<T> {
+export declare const Combobox: (props: ComboboxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxOptions<T extends ElementType = TagName> extends CompositeOptions<T>, PopoverAnchorOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -206,4 +208,5 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
      */
     setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
 }
-export type ComboboxProps<T extends As = "input"> = Props<ComboboxOptions<T>>;
+export type ComboboxProps<T extends ElementType = TagName> = Props<T, ComboboxOptions<T>>;
+export {};

package/cjs/combobox/combobox.d.ts

@@ -1,9 +1,11 @@
-import type { AriaAttributes, ChangeEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { AriaAttributes, ChangeEvent, ElementType, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/types";
 import type { CompositeOptions } from "../composite/composite.js";
 import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
+declare const TagName = "input";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Combobox` component.
  * @see https://ariakit.org/components/combobox
@@ -19,7 +21,7 @@ import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
  * </ComboboxPopover>
  * ```
  */
-export declare const useCombobox: import("../utils/types.js").Hook<ComboboxOptions<"input">>;
+export declare const useCombobox: import("../utils/types.js").Hook<"input", ComboboxOptions<"input">>;
 /**
  * Renders a combobox input element that can be used to filter a list of items.
  * @see https://ariakit.org/components/combobox
@@ -35,8 +37,8 @@ export declare const useCombobox: import("../utils/types.js").Hook<ComboboxOptio
  * </ComboboxProvider>
  * ```
  */
-export declare const Combobox: import("../utils/types.js").Component<ComboboxOptions<"input">>;
-export interface ComboboxOptions<T extends As = "input"> extends CompositeOptions<T>, PopoverAnchorOptions<T> {
+export declare const Combobox: (props: ComboboxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ComboboxOptions<T extends ElementType = TagName> extends CompositeOptions<T>, PopoverAnchorOptions<T> {
     /**
      * Object returned by the
      * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
@@ -206,4 +208,5 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
      */
     setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
 }
-export type ComboboxProps<T extends As = "input"> = Props<ComboboxOptions<T>>;
+export type ComboboxProps<T extends ElementType = TagName> = Props<T, ComboboxOptions<T>>;
+export {};

package/cjs/command/command.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _DAJUUBUIcjs = require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _ZMTZTMRScjs = require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Command = _DAJUUBUIcjs.Command; exports.useCommand = _DAJUUBUIcjs.useCommand;
+exports.Command = _ZMTZTMRScjs.Command; exports.useCommand = _ZMTZTMRScjs.useCommand;

package/cjs/command/command.d.cts

@@ -1,5 +1,8 @@
+import type { ElementType } from "react";
 import type { FocusableOptions } from "../focusable/focusable.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Command` component. If the element is not a native
  * clickable element (like a button), this hook will return additional props to
@@ -11,7 +14,7 @@ import type { As, Props } from "../utils/types.js";
  * <Role {...props}>Accessible button</Role>
  * ```
  */
-export declare const useCommand: import("../utils/types.js").Hook<CommandOptions<"button">>;
+export declare const useCommand: import("../utils/types.js").Hook<"button", CommandOptions<"button">>;
 /**
  * Renders a clickable element, which is a `button` by default, and inherits
  * features from the [`Focusable`](https://ariakit.org/reference/focusable)
@@ -29,8 +32,8 @@ export declare const useCommand: import("../utils/types.js").Hook<CommandOptions
  * <Command>Button</Command>
  * ```
  */
-export declare const Command: import("../utils/types.js").Component<CommandOptions<"button">>;
-export interface CommandOptions<T extends As = "button"> extends FocusableOptions<T> {
+export declare const Command: (props: CommandProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CommandOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * If set to `true`, pressing the enter key while this element is focused will
      * trigger a click on the element, regardless of whether it's a native button
@@ -48,4 +51,5 @@ export interface CommandOptions<T extends As = "button"> extends FocusableOption
      */
     clickOnSpace?: boolean;
 }
-export type CommandProps<T extends As = "button"> = Props<CommandOptions<T>>;
+export type CommandProps<T extends ElementType = TagName> = Props<T, CommandOptions<T>>;
+export {};

package/cjs/command/command.d.ts

@@ -1,5 +1,8 @@
+import type { ElementType } from "react";
 import type { FocusableOptions } from "../focusable/focusable.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Command` component. If the element is not a native
  * clickable element (like a button), this hook will return additional props to
@@ -11,7 +14,7 @@ import type { As, Props } from "../utils/types.js";
  * <Role {...props}>Accessible button</Role>
  * ```
  */
-export declare const useCommand: import("../utils/types.js").Hook<CommandOptions<"button">>;
+export declare const useCommand: import("../utils/types.js").Hook<"button", CommandOptions<"button">>;
 /**
  * Renders a clickable element, which is a `button` by default, and inherits
  * features from the [`Focusable`](https://ariakit.org/reference/focusable)
@@ -29,8 +32,8 @@ export declare const useCommand: import("../utils/types.js").Hook<CommandOptions
  * <Command>Button</Command>
  * ```
  */
-export declare const Command: import("../utils/types.js").Component<CommandOptions<"button">>;
-export interface CommandOptions<T extends As = "button"> extends FocusableOptions<T> {
+export declare const Command: (props: CommandProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CommandOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * If set to `true`, pressing the enter key while this element is focused will
      * trigger a click on the element, regardless of whether it's a native button
@@ -48,4 +51,5 @@ export interface CommandOptions<T extends As = "button"> extends FocusableOption
      */
     clickOnSpace?: boolean;
 }
-export type CommandProps<T extends As = "button"> = Props<CommandOptions<T>>;
+export type CommandProps<T extends ElementType = TagName> = Props<T, CommandOptions<T>>;
+export {};