@ariakit/react-core 0.3.14 → 0.4.0

package/esm/combobox/combobox.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   usePopoverAnchor
-} from "../__chunks/JCH6MLL2.js";
+} from "../__chunks/NLT7LY5Y.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/W76OTZCC.js";
+} from "../__chunks/UNDSQXBK.js";
 import {
   useComposite
-} from "../__chunks/7QTPYGNZ.js";
+} from "../__chunks/6WQW7ZIA.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/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -56,6 +56,7 @@ import {
   normalizeString
 } from "@ariakit/core/utils/misc";
 import { flushSync } from "react-dom";
+var TagName = "input";
 function isFirstItemAutoSelected(items, activeValue, autoSelect) {
   if (!autoSelect)
     return false;
@@ -77,7 +78,7 @@ function isAriaAutoCompleteValue(value) {
   return value === "inline" || value === "list" || value === "both" || value === "none";
 }
 var useCombobox = createHook(
-  (_a) => {
+  function useCombobox2(_a) {
     var _b = _a, {
       store,
       focusable = true,
@@ -332,18 +333,16 @@ var useCombobox = createHook(
       }
     });
     const onCompositionEndProp = props.onCompositionEnd;
-    const onCompositionEnd = useEvent(
-      (event) => {
-        canAutoSelectRef.current = true;
-        composingRef.current = false;
-        onCompositionEndProp == null ? void 0 : onCompositionEndProp(event);
-        if (event.defaultPrevented)
-          return;
-        if (!autoSelect)
-          return;
-        forceValueUpdate();
-      }
-    );
+    const onCompositionEnd = useEvent((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 = useBooleanEvent(setValueOnClick);
     const showOnMouseDownProp = useBooleanEvent(showOnMouseDown);
@@ -367,37 +366,35 @@ var useCombobox = createHook(
     });
     const onKeyDownProp = props.onKeyDown;
     const showOnKeyDownProp = useBooleanEvent(showOnKeyDown);
-    const onKeyDown = useEvent(
-      (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 = useEvent((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 = useEvent((event) => {
       canAutoSelectRef.current = false;
@@ -443,13 +440,10 @@ var useCombobox = createHook(
     return __spreadValues({ autoComplete: "off" }, props);
   }
 );
-var Combobox = createComponent((props) => {
+var Combobox = forwardRef(function Combobox2(props) {
   const htmlProps = useCombobox(props);
-  return createElement("input", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Combobox.displayName = "Combobox";
-}
 export {
   Combobox,
   useCombobox

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/ZF6ZK5BT.js";
+import "../__chunks/VA234QKF.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)
@@ -89,4 +91,5 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      */
     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/VVLSOSIG.js";
+import "../__chunks/ZF6ZK5BT.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/VA234QKF.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 {};