@ariakit/react-core 0.3.14 → 0.4.1

package/esm/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 {};

package/esm/command/command.js

@@ -2,10 +2,10 @@
 import {
   Command,
   useCommand
-} from "../__chunks/NWCBQ4CV.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/KSZPJCUA.js";
+import "../__chunks/WAZE6NXP.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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/esm/composite/composite-container.js

@@ -2,11 +2,11 @@
 import {
   CompositeContainer,
   useCompositeContainer
-} from "../__chunks/IMEG7JN4.js";
+} from "../__chunks/KTZEHGAP.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/composite/composite-context.js

@@ -7,9 +7,9 @@ import {
   useCompositeContext,
   useCompositeProviderContext,
   useCompositeScopedContext
-} from "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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/esm/composite/composite-group-label.js

@@ -2,10 +2,10 @@
 import {
   CompositeGroupLabel,
   useCompositeGroupLabel
-} from "../__chunks/5LK2LG7Q.js";
-import "../__chunks/NT7GEZQU.js";
+} from "../__chunks/ED7XMMMU.js";
+import "../__chunks/TH2YTBRW.js";
 import "../__chunks/3X3MDQGM.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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/esm/composite/composite-group.js

@@ -2,10 +2,10 @@
 import {
   CompositeGroup,
   useCompositeGroup
-} from "../__chunks/636A7WVS.js";
-import "../__chunks/R2QZ3KXH.js";
+} from "../__chunks/ZO6PSJHJ.js";
+import "../__chunks/CWDOOAGR.js";
 import "../__chunks/3X3MDQGM.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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/esm/composite/composite-hover.js

@@ -2,10 +2,10 @@
 import {
   CompositeHover,
   useCompositeHover
-} from "../__chunks/G6ONQ5EH.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/WL6TTPTB.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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/esm/composite/composite-input.js

@@ -2,9 +2,9 @@
 import {
   CompositeInput,
   useCompositeInput
-} from "../__chunks/I4Q3C2VT.js";
+} from "../__chunks/PW2PHOSG.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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 {};

package/esm/composite/composite-item.js

@@ -2,15 +2,15 @@
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/QZLXIDNP.js";
-import "../__chunks/NWCBQ4CV.js";
-import "../__chunks/UH3I23HL.js";
+} from "../__chunks/C6OBNQ4F.js";
+import "../__chunks/KSZPJCUA.js";
+import "../__chunks/7YKLTEOQ.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/KK7H3W2B.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/WAZE6NXP.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/composite/composite-overflow-disclosure.d.ts

@@ -1,7 +1,10 @@
+import type { ElementType } from "react";
 import type { PopoverDisclosureOptions } from "../popover/popover-disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeItemOptions } from "./composite-item.js";
 import type { CompositeOverflowStore } from "./composite-overflow-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeOverflowDisclosure` component. This hook
  * should be used in a component that's wrapped with a composite component.
@@ -13,7 +16,7 @@ import type { CompositeOverflowStore } from "./composite-overflow-store.js";
  * <Role {...props}>+2 items</Role>
  * ```
  */
-export declare const useCompositeOverflowDisclosure: import("../utils/types.js").Hook<CompositeOverflowDisclosureOptions<"button">>;
+export declare const useCompositeOverflowDisclosure: import("../utils/types.js").Hook<"button", CompositeOverflowDisclosureOptions<"button">>;
 /**
  * Renders a disclosure button for the `CompositeOverflow` component. This
  * component should be wrapped with a composite component.
@@ -35,11 +38,12 @@ export declare const useCompositeOverflowDisclosure: import("../utils/types.js")
  * </Composite>
  * ```
  */
-export declare const CompositeOverflowDisclosure: import("../utils/types.js").Component<CompositeOverflowDisclosureOptions<"button">>;
-export interface CompositeOverflowDisclosureOptions<T extends As = "button"> extends Omit<CompositeItemOptions<T>, "store">, PopoverDisclosureOptions<T> {
+export declare const CompositeOverflowDisclosure: (props: CompositeOverflowDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeOverflowDisclosureOptions<T extends ElementType = TagName> extends Omit<CompositeItemOptions<T>, "store">, PopoverDisclosureOptions<T> {
     /**
      * Object returned by the `useCompositeOverflowStore` hook.
      */
     store: CompositeOverflowStore;
 }
-export type CompositeOverflowDisclosureProps<T extends As = "button"> = Props<CompositeOverflowDisclosureOptions<T>>;
+export type CompositeOverflowDisclosureProps<T extends ElementType = TagName> = Props<T, CompositeOverflowDisclosureOptions<T>>;
+export {};

package/esm/composite/composite-overflow-disclosure.js

@@ -1,29 +1,29 @@
 "use client";
 import {
   usePopoverDisclosure
-} from "../__chunks/4ZEZYKUR.js";
-import "../__chunks/H3TG2CZP.js";
-import "../__chunks/BHEJ6NUH.js";
-import "../__chunks/JCH6MLL2.js";
-import "../__chunks/VDNZBO4W.js";
+} from "../__chunks/Z72LDQLY.js";
+import "../__chunks/5SF76VVA.js";
+import "../__chunks/AFNONYRE.js";
+import "../__chunks/NLT7LY5Y.js";
+import "../__chunks/JJ3MV4KB.js";
 import {
   useCompositeItem
-} from "../__chunks/QZLXIDNP.js";
-import "../__chunks/NWCBQ4CV.js";
-import "../__chunks/UH3I23HL.js";
+} from "../__chunks/C6OBNQ4F.js";
+import "../__chunks/KSZPJCUA.js";
+import "../__chunks/7YKLTEOQ.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/WAZE6NXP.js";
 import "../__chunks/SHA3WOPI.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/EKQEJRUF.js";
 import {
   useEvent,
@@ -39,7 +39,8 @@ import {
 // src/composite/composite-overflow-disclosure.ts
 import { useEffect, useRef, useState } from "react";
 import { sync } from "@ariakit/core/utils/store";
-var useCompositeOverflowDisclosure = createHook((_a) => {
+var TagName = "button";
+var useCompositeOverflowDisclosure = createHook(function useCompositeOverflowDisclosure2(_a) {
   var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const ref = useRef(null);
   const [shouldRegisterItem, setShouldRegisterItem] = useState(false);
@@ -73,13 +74,12 @@ var useCompositeOverflowDisclosure = createHook((_a) => {
   props = usePopoverDisclosure(__spreadValues({ store }, props));
   return props;
 });
-var CompositeOverflowDisclosure = createComponent((props) => {
-  const htmlProps = useCompositeOverflowDisclosure(props);
-  return createElement("button", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  CompositeOverflowDisclosure.displayName = "CompositeOverflowDisclosure";
-}
+var CompositeOverflowDisclosure = forwardRef(
+  function CompositeOverflowDisclosure2(props) {
+    const htmlProps = useCompositeOverflowDisclosure(props);
+    return createElement(TagName, htmlProps);
+  }
+);
 export {
   CompositeOverflowDisclosure,
   useCompositeOverflowDisclosure

package/esm/composite/composite-overflow-store.d.ts

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/composite/composite-overflow-store";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useCompositeOverflowStoreProps<T extends CompositeOverflowStore>(store: T, update: () => void, props: CompositeOverflowStoreProps): T;
+export declare function useCompositeOverflowStoreProps<T extends Core.CompositeOverflowStore>(store: T, update: () => void, props: CompositeOverflowStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a composite overflow store.
  * @see https://ariakit.org/components/composite
@@ -25,9 +27,9 @@ export declare function useCompositeOverflowStoreProps<T extends CompositeOverfl
 export declare function useCompositeOverflowStore(props?: CompositeOverflowStoreProps): CompositeOverflowStore;
 export interface CompositeOverflowStoreState extends Core.CompositeOverflowStoreState, PopoverStoreState {
 }
-export interface CompositeOverflowStoreFunctions extends Core.CompositeOverflowStoreFunctions, PopoverStoreFunctions {
+export interface CompositeOverflowStoreFunctions extends Omit<Core.CompositeOverflowStoreFunctions, "disclosure">, PopoverStoreFunctions {
 }
-export interface CompositeOverflowStoreOptions extends Core.CompositeOverflowStoreOptions, PopoverStoreOptions {
+export interface CompositeOverflowStoreOptions extends Omit<Core.CompositeOverflowStoreOptions, "disclosure">, PopoverStoreOptions {
 }
-export type CompositeOverflowStoreProps = CompositeOverflowStoreOptions & Core.CompositeOverflowStoreProps;
-export type CompositeOverflowStore = CompositeOverflowStoreFunctions & Store<Core.CompositeOverflowStore>;
+export type CompositeOverflowStoreProps = CompositeOverflowStoreOptions & Omit<Core.CompositeOverflowStoreProps, "disclosure">;
+export type CompositeOverflowStore = CompositeOverflowStoreFunctions & Omit<Store<Core.CompositeOverflowStore>, "disclosure">;

package/esm/composite/composite-overflow-store.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "../__chunks/MG4P3223.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+} from "../__chunks/XWCFCD3Q.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import {
   useStore
 } from "../__chunks/EKQEJRUF.js";

package/esm/composite/composite-overflow.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverOptions } from "../popover/popover.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeOverflowStore } from "./composite-overflow-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeOverflow` component.
  * @see https://ariakit.org/components/composite
@@ -14,7 +17,7 @@ import type { CompositeOverflowStore } from "./composite-overflow-store.js";
  * </Role>
  * ```
  */
-export declare const useCompositeOverflow: import("../utils/types.js").Hook<CompositeOverflowOptions<"div">>;
+export declare const useCompositeOverflow: import("../utils/types.js").Hook<"div", CompositeOverflowOptions<"div">>;
 /**
  * Renders a popover that will contain the overflow items in a composite
  * collection.
@@ -36,11 +39,12 @@ export declare const useCompositeOverflow: import("../utils/types.js").Hook<Comp
  * </Composite>
  * ```
  */
-export declare const CompositeOverflow: import("../utils/types.js").Component<CompositeOverflowOptions<"div">>;
-export interface CompositeOverflowOptions<T extends As = "div"> extends PopoverOptions<T> {
+export declare const CompositeOverflow: (props: CompositeOverflowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeOverflowOptions<T extends ElementType = TagName> extends PopoverOptions<T> {
     /**
      * Object returned by the `useCompositeOverflowStore` hook.
      */
     store: CompositeOverflowStore;
 }
-export type CompositeOverflowProps<T extends As = "div"> = Props<CompositeOverflowOptions<T>>;
+export type CompositeOverflowProps<T extends ElementType = TagName> = Props<T, CompositeOverflowOptions<T>>;
+export {};