@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/composite/composite-container.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _JQS6X2I5cjs = require('../__chunks/JQS6X2I5.cjs');
+var _I5SQKHRZcjs = require('../__chunks/I5SQKHRZ.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -14,4 +14,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContainer = _JQS6X2I5cjs.CompositeContainer; exports.useCompositeContainer = _JQS6X2I5cjs.useCompositeContainer;
+exports.CompositeContainer = _I5SQKHRZcjs.CompositeContainer; exports.useCompositeContainer = _I5SQKHRZcjs.useCompositeContainer;

package/cjs/composite/composite-container.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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeContainer` component. This component
  * renders interactive widgets inside composite items. This should be used in
@@ -17,7 +20,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeContainer: import("../utils/types.js").Hook<CompositeContainerOptions<"div">>;
+export declare const useCompositeContainer: import("../utils/types.js").Hook<"div", CompositeContainerOptions<"div">>;
 /**
  * Renders a container for interactive widgets inside composite items. This
  * should be used in conjunction with the
@@ -36,8 +39,8 @@ export declare const useCompositeContainer: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeContainer: import("../utils/types.js").Component<CompositeContainerOptions<"div">>;
-export interface CompositeContainerOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeContainer: (props: CompositeContainerProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeContainerOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -48,4 +51,5 @@ export interface CompositeContainerOptions<T extends As = "div"> extends Options
      */
     store?: CompositeStore;
 }
-export type CompositeContainerProps<T extends As = "div"> = Props<CompositeContainerOptions<T>>;
+export type CompositeContainerProps<T extends ElementType = TagName> = Props<T, CompositeContainerOptions<T>>;
+export {};

package/cjs/composite/composite-container.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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeContainer` component. This component
  * renders interactive widgets inside composite items. This should be used in
@@ -17,7 +20,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeContainer: import("../utils/types.js").Hook<CompositeContainerOptions<"div">>;
+export declare const useCompositeContainer: import("../utils/types.js").Hook<"div", CompositeContainerOptions<"div">>;
 /**
  * Renders a container for interactive widgets inside composite items. This
  * should be used in conjunction with the
@@ -36,8 +39,8 @@ export declare const useCompositeContainer: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeContainer: import("../utils/types.js").Component<CompositeContainerOptions<"div">>;
-export interface CompositeContainerOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeContainer: (props: CompositeContainerProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeContainerOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -48,4 +51,5 @@ export interface CompositeContainerOptions<T extends As = "div"> extends Options
      */
     store?: CompositeStore;
 }
-export type CompositeContainerProps<T extends As = "div"> = Props<CompositeContainerOptions<T>>;
+export type CompositeContainerProps<T extends ElementType = TagName> = Props<T, CompositeContainerOptions<T>>;
+export {};

package/cjs/composite/composite-context.cjs

@@ -7,9 +7,9 @@
 
 
 
-var _UZNYSPKPcjs = require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _4XFLDG56cjs = require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeContextProvider = _UZNYSPKPcjs.CompositeContextProvider; exports.CompositeItemContext = _UZNYSPKPcjs.CompositeItemContext; exports.CompositeRowContext = _UZNYSPKPcjs.CompositeRowContext; exports.CompositeScopedContextProvider = _UZNYSPKPcjs.CompositeScopedContextProvider; exports.useCompositeContext = _UZNYSPKPcjs.useCompositeContext; exports.useCompositeProviderContext = _UZNYSPKPcjs.useCompositeProviderContext; exports.useCompositeScopedContext = _UZNYSPKPcjs.useCompositeScopedContext;
+exports.CompositeContextProvider = _4XFLDG56cjs.CompositeContextProvider; exports.CompositeItemContext = _4XFLDG56cjs.CompositeItemContext; exports.CompositeRowContext = _4XFLDG56cjs.CompositeRowContext; exports.CompositeScopedContextProvider = _4XFLDG56cjs.CompositeScopedContextProvider; exports.useCompositeContext = _4XFLDG56cjs.useCompositeContext; exports.useCompositeProviderContext = _4XFLDG56cjs.useCompositeProviderContext; exports.useCompositeScopedContext = _4XFLDG56cjs.useCompositeScopedContext;

package/cjs/composite/composite-group-label.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _TUDQDX77cjs = require('../__chunks/TUDQDX77.cjs');
-require('../__chunks/QQCFY3MB.cjs');
+var _2CZCHCJMcjs = require('../__chunks/2CZCHCJM.cjs');
+require('../__chunks/GMXGH5P5.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeGroupLabel = _TUDQDX77cjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _TUDQDX77cjs.useCompositeGroupLabel;
+exports.CompositeGroupLabel = _2CZCHCJMcjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _2CZCHCJMcjs.useCompositeGroupLabel;

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { GroupLabelOptions } from "../group/group-label.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeGroupLabel` component. This hook must be
  * used in a component that's wrapped with `CompositeGroup` so the
@@ -13,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * <Role {...props}>Label</Role>
  * ```
  */
-export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<CompositeGroupLabelOptions<"div">>;
+export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<"div", CompositeGroupLabelOptions<"div">>;
 /**
  * Renders a label in a composite group. This component must be wrapped with
  * [`CompositeGroup`](https://ariakit.org/reference/composite-group) so the
@@ -32,8 +35,8 @@ export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<Co
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeGroupLabel: import("../utils/types.js").Component<CompositeGroupLabelOptions<"div">>;
-export interface CompositeGroupLabelOptions<T extends As = "div"> extends GroupLabelOptions<T> {
+export declare const CompositeGroupLabel: (props: CompositeGroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeGroupLabelOptions<T extends ElementType = TagName> extends GroupLabelOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -44,4 +47,5 @@ export interface CompositeGroupLabelOptions<T extends As = "div"> extends GroupL
      */
     store?: CompositeStore;
 }
-export type CompositeGroupLabelProps<T extends As = "div"> = Props<CompositeGroupLabelOptions<T>>;
+export type CompositeGroupLabelProps<T extends ElementType = TagName> = Props<T, CompositeGroupLabelOptions<T>>;
+export {};

package/cjs/composite/composite-group-label.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { GroupLabelOptions } from "../group/group-label.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeGroupLabel` component. This hook must be
  * used in a component that's wrapped with `CompositeGroup` so the
@@ -13,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * <Role {...props}>Label</Role>
  * ```
  */
-export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<CompositeGroupLabelOptions<"div">>;
+export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<"div", CompositeGroupLabelOptions<"div">>;
 /**
  * Renders a label in a composite group. This component must be wrapped with
  * [`CompositeGroup`](https://ariakit.org/reference/composite-group) so the
@@ -32,8 +35,8 @@ export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<Co
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeGroupLabel: import("../utils/types.js").Component<CompositeGroupLabelOptions<"div">>;
-export interface CompositeGroupLabelOptions<T extends As = "div"> extends GroupLabelOptions<T> {
+export declare const CompositeGroupLabel: (props: CompositeGroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeGroupLabelOptions<T extends ElementType = TagName> extends GroupLabelOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -44,4 +47,5 @@ export interface CompositeGroupLabelOptions<T extends As = "div"> extends GroupL
      */
     store?: CompositeStore;
 }
-export type CompositeGroupLabelProps<T extends As = "div"> = Props<CompositeGroupLabelOptions<T>>;
+export type CompositeGroupLabelProps<T extends ElementType = TagName> = Props<T, CompositeGroupLabelOptions<T>>;
+export {};

package/cjs/composite/composite-group.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _2KDFQUU7cjs = require('../__chunks/2KDFQUU7.cjs');
-require('../__chunks/KSAZE5E2.cjs');
+var _BTE5YB27cjs = require('../__chunks/BTE5YB27.cjs');
+require('../__chunks/47V4ED4R.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeGroup = _2KDFQUU7cjs.CompositeGroup; exports.useCompositeGroup = _2KDFQUU7cjs.useCompositeGroup;
+exports.CompositeGroup = _BTE5YB27cjs.CompositeGroup; exports.useCompositeGroup = _BTE5YB27cjs.useCompositeGroup;

package/cjs/composite/composite-group.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { GroupOptions } from "../group/group.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeGroup` component.
  * @see https://ariakit.org/components/composite
@@ -17,7 +20,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeGroup: import("../utils/types.js").Hook<CompositeGroupOptions<"div">>;
+export declare const useCompositeGroup: import("../utils/types.js").Hook<"div", CompositeGroupOptions<"div">>;
 /**
  * Renders a group element for composite items. The
  * [`CompositeGroupLabel`](https://ariakit.org/reference/composite-group-label)
@@ -37,8 +40,8 @@ export declare const useCompositeGroup: import("../utils/types.js").Hook<Composi
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeGroup: import("../utils/types.js").Component<CompositeGroupOptions<"div">>;
-export interface CompositeGroupOptions<T extends As = "div"> extends GroupOptions<T> {
+export declare const CompositeGroup: (props: CompositeGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeGroupOptions<T extends ElementType = TagName> extends GroupOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -49,4 +52,5 @@ export interface CompositeGroupOptions<T extends As = "div"> extends GroupOption
      */
     store?: CompositeStore;
 }
-export type CompositeGroupProps<T extends As = "div"> = Props<CompositeGroupOptions<T>>;
+export type CompositeGroupProps<T extends ElementType = TagName> = Props<T, CompositeGroupOptions<T>>;
+export {};

package/cjs/composite/composite-group.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { GroupOptions } from "../group/group.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeGroup` component.
  * @see https://ariakit.org/components/composite
@@ -17,7 +20,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeGroup: import("../utils/types.js").Hook<CompositeGroupOptions<"div">>;
+export declare const useCompositeGroup: import("../utils/types.js").Hook<"div", CompositeGroupOptions<"div">>;
 /**
  * Renders a group element for composite items. The
  * [`CompositeGroupLabel`](https://ariakit.org/reference/composite-group-label)
@@ -37,8 +40,8 @@ export declare const useCompositeGroup: import("../utils/types.js").Hook<Composi
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeGroup: import("../utils/types.js").Component<CompositeGroupOptions<"div">>;
-export interface CompositeGroupOptions<T extends As = "div"> extends GroupOptions<T> {
+export declare const CompositeGroup: (props: CompositeGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeGroupOptions<T extends ElementType = TagName> extends GroupOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -49,4 +52,5 @@ export interface CompositeGroupOptions<T extends As = "div"> extends GroupOption
      */
     store?: CompositeStore;
 }
-export type CompositeGroupProps<T extends As = "div"> = Props<CompositeGroupOptions<T>>;
+export type CompositeGroupProps<T extends ElementType = TagName> = Props<T, CompositeGroupOptions<T>>;
+export {};

package/cjs/composite/composite-hover.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _JAG4YGQZcjs = require('../__chunks/JAG4YGQZ.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeHover = _IPYAEPOTcjs.CompositeHover; exports.useCompositeHover = _IPYAEPOTcjs.useCompositeHover;
+exports.CompositeHover = _JAG4YGQZcjs.CompositeHover; exports.useCompositeHover = _JAG4YGQZcjs.useCompositeHover;

package/cjs/composite/composite-hover.d.cts

@@ -1,7 +1,9 @@
-import type { MouseEvent as ReactMouseEvent } from "react";
+import type { ElementType, MouseEvent as ReactMouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { As, Options, Props } from "../utils/types.js";
+import type { Options, Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeHover` component. The composite item that
  * receives these props will get focused on mouse move and lose focus to the
@@ -16,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * <CompositeItem store={store} {...props}>Item</CompositeItem>
  * ```
  */
-export declare const useCompositeHover: import("../utils/types.js").Hook<CompositeHoverOptions<"div">>;
+export declare const useCompositeHover: import("../utils/types.js").Hook<"div", CompositeHoverOptions<"div">>;
 /**
  * Renders an element in a composite widget that receives focus on mouse move
  * and loses focus to the composite base element on mouse leave.
@@ -40,8 +42,8 @@ export declare const useCompositeHover: import("../utils/types.js").Hook<Composi
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
-export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeHover: (props: CompositeHoverProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeHoverOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -86,7 +88,9 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
-export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;
+export type CompositeHoverProps<T extends ElementType = TagName> = Props<T, CompositeHoverOptions<T>>;
+export {};

package/cjs/composite/composite-hover.d.ts

@@ -1,7 +1,9 @@
-import type { MouseEvent as ReactMouseEvent } from "react";
+import type { ElementType, MouseEvent as ReactMouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { As, Options, Props } from "../utils/types.js";
+import type { Options, Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeHover` component. The composite item that
  * receives these props will get focused on mouse move and lose focus to the
@@ -16,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * <CompositeItem store={store} {...props}>Item</CompositeItem>
  * ```
  */
-export declare const useCompositeHover: import("../utils/types.js").Hook<CompositeHoverOptions<"div">>;
+export declare const useCompositeHover: import("../utils/types.js").Hook<"div", CompositeHoverOptions<"div">>;
 /**
  * Renders an element in a composite widget that receives focus on mouse move
  * and loses focus to the composite base element on mouse leave.
@@ -40,8 +42,8 @@ export declare const useCompositeHover: import("../utils/types.js").Hook<Composi
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
-export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeHover: (props: CompositeHoverProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeHoverOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -86,7 +88,9 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * - [Submenu with
      *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
-export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;
+export type CompositeHoverProps<T extends ElementType = TagName> = Props<T, CompositeHoverOptions<T>>;
+export {};

package/cjs/composite/composite-input.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _XW252ITLcjs = require('../__chunks/XW252ITL.cjs');
+var _ANKK6ORZcjs = require('../__chunks/ANKK6ORZ.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeInput = _XW252ITLcjs.CompositeInput; exports.useCompositeInput = _XW252ITLcjs.useCompositeInput;
+exports.CompositeInput = _ANKK6ORZcjs.CompositeInput; exports.useCompositeInput = _ANKK6ORZcjs.useCompositeInput;

package/cjs/composite/composite-input.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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "input";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeInput` component. This should be used in
  * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
@@ -14,7 +17,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeInput: import("../utils/types.js").Hook<CompositeInputOptions<"input">>;
+export declare const useCompositeInput: import("../utils/types.js").Hook<"input", CompositeInputOptions<"input">>;
 /**
  * Renders an input as a composite item. This should be used in conjunction with
  * the [`CompositeItem`](https://ariakit.org/reference/composite-item) component
@@ -30,8 +33,8 @@ export declare const useCompositeInput: import("../utils/types.js").Hook<Composi
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeInput: import("../utils/types.js").Component<CompositeInputOptions<"input">>;
-export interface CompositeInputOptions<T extends As = "input"> extends Options<T> {
+export declare const CompositeInput: (props: CompositeInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeInputOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -42,4 +45,5 @@ export interface CompositeInputOptions<T extends As = "input"> extends Options<T
      */
     store?: CompositeStore;
 }
-export type CompositeInputProps<T extends As = "input"> = Props<CompositeInputOptions<T>>;
+export type CompositeInputProps<T extends ElementType = TagName> = Props<T, CompositeInputOptions<T>>;
+export {};

package/cjs/composite/composite-input.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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "input";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeInput` component. This should be used in
  * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
@@ -14,7 +17,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeInput: import("../utils/types.js").Hook<CompositeInputOptions<"input">>;
+export declare const useCompositeInput: import("../utils/types.js").Hook<"input", CompositeInputOptions<"input">>;
 /**
  * Renders an input as a composite item. This should be used in conjunction with
  * the [`CompositeItem`](https://ariakit.org/reference/composite-item) component
@@ -30,8 +33,8 @@ export declare const useCompositeInput: import("../utils/types.js").Hook<Composi
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeInput: import("../utils/types.js").Component<CompositeInputOptions<"input">>;
-export interface CompositeInputOptions<T extends As = "input"> extends Options<T> {
+export declare const CompositeInput: (props: CompositeInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeInputOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -42,4 +45,5 @@ export interface CompositeInputOptions<T extends As = "input"> extends Options<T
      */
     store?: CompositeStore;
 }
-export type CompositeInputProps<T extends As = "input"> = Props<CompositeInputOptions<T>>;
+export type CompositeInputProps<T extends ElementType = TagName> = Props<T, CompositeInputOptions<T>>;
+export {};

package/cjs/composite/composite-item.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _IO6J4PANcjs = require('../__chunks/IO6J4PAN.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/R5A2WTWB.cjs');
+var _VYKATRVCcjs = require('../__chunks/VYKATRVC.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/XWCNZ2IP.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _IO6J4PANcjs.CompositeItem; exports.useCompositeItem = _IO6J4PANcjs.useCompositeItem;
+exports.CompositeItem = _VYKATRVCcjs.CompositeItem; exports.useCompositeItem = _VYKATRVCcjs.useCompositeItem;

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

@@ -1,9 +1,11 @@
-import type { KeyboardEvent } from "react";
+import type { ElementType, KeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { CollectionItemOptions } from "../collection/collection-item.js";
 import type { CommandOptions } from "../command/command.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeItem` component.
  * @see https://ariakit.org/components/composite
@@ -14,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * <Role {...props}>Item 1</Role>
  * ```
  */
-export declare const useCompositeItem: import("../utils/types.js").Hook<CompositeItemOptions<"button">>;
+export declare const useCompositeItem: import("../utils/types.js").Hook<"button", CompositeItemOptions<"button">>;
 /**
  * Renders a focusable item as part of a composite widget. The `tabindex`
  * attribute is automatically managed by this component based on the
@@ -39,8 +41,8 @@ export declare const useCompositeItem: import("../utils/types.js").Hook<Composit
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
-export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
+export declare const CompositeItem: (props: CompositeItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeItemOptions<T extends ElementType = TagName> extends CommandOptions<T>, CollectionItemOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -130,4 +132,5 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      */
     tabbable?: boolean;
 }
-export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;
+export type CompositeItemProps<T extends ElementType = TagName> = Props<T, CompositeItemOptions<T>>;
+export {};

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

@@ -1,9 +1,11 @@
-import type { KeyboardEvent } from "react";
+import type { ElementType, KeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { CollectionItemOptions } from "../collection/collection-item.js";
 import type { CommandOptions } from "../command/command.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeItem` component.
  * @see https://ariakit.org/components/composite
@@ -14,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * <Role {...props}>Item 1</Role>
  * ```
  */
-export declare const useCompositeItem: import("../utils/types.js").Hook<CompositeItemOptions<"button">>;
+export declare const useCompositeItem: import("../utils/types.js").Hook<"button", CompositeItemOptions<"button">>;
 /**
  * Renders a focusable item as part of a composite widget. The `tabindex`
  * attribute is automatically managed by this component based on the
@@ -39,8 +41,8 @@ export declare const useCompositeItem: import("../utils/types.js").Hook<Composit
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
-export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
+export declare const CompositeItem: (props: CompositeItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeItemOptions<T extends ElementType = TagName> extends CommandOptions<T>, CollectionItemOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -130,4 +132,5 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      */
     tabbable?: boolean;
 }
-export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;
+export type CompositeItemProps<T extends ElementType = TagName> = Props<T, CompositeItemOptions<T>>;
+export {};