@ariakit/react-core 0.3.14 → 0.4.0

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/RZWNNUWF.js";
+import "../__chunks/NNMCIH2I.js";
+import "../__chunks/TNUQLYBS.js";
+import "../__chunks/NLT7LY5Y.js";
+import "../__chunks/ID4VKXL5.js";
 import {
   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/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 "../__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 {};

package/esm/composite/composite-overflow.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   usePopover
-} from "../__chunks/IRX7SFUJ.js";
-import "../__chunks/NERBASET.js";
-import "../__chunks/LWHPHW7Q.js";
-import "../__chunks/TQYOGOE2.js";
+} from "../__chunks/KMWSQ7OZ.js";
+import "../__chunks/SSK5L4K7.js";
+import "../__chunks/CJ6B7ETA.js";
+import "../__chunks/NOYDL3YS.js";
 import "../__chunks/BULCTPRV.js";
 import "../__chunks/6BJGLK2C.js";
 import "../__chunks/CS347UVZ.js";
@@ -17,27 +17,27 @@ import "../__chunks/OOBDFMJL.js";
 import "../__chunks/X6WIMZJE.js";
 import "../__chunks/677M2CI3.js";
 import "../__chunks/6GXEOXGT.js";
-import "../__chunks/HPP6CWMY.js";
+import "../__chunks/WCIYB4YS.js";
 import "../__chunks/UYRJLDVS.js";
-import "../__chunks/JPXNJYSO.js";
-import "../__chunks/CHKJ74UC.js";
+import "../__chunks/CK3UW3AQ.js";
+import "../__chunks/WKWX2XLD.js";
 import "../__chunks/7452U3HH.js";
 import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/FSFPRQFR.js";
-import "../__chunks/CLE7NTOY.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+import "../__chunks/CBTO7DFZ.js";
+import "../__chunks/SOGTNTQC.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/BG6HZDS7.js";
+import "../__chunks/IFT5JEUU.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import "../__chunks/EKQEJRUF.js";
 import {
   useEvent
@@ -50,65 +50,51 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/composite/composite-overflow.ts
+var TagName = "div";
 var hiddenStyle = {
   opacity: 0,
   pointerEvents: "none"
 };
-var useCompositeOverflow = createHook(
-  (_a) => {
-    var _b = _a, {
-      store,
-      backdropProps: backdropPropsProp,
-      wrapperProps: wrapperPropsProp,
-      portal = false
-    } = _b, props = __objRest(_b, [
-      "store",
-      "backdropProps",
-      "wrapperProps",
-      "portal"
-    ]);
-    const onFocusProp = props.onFocus;
-    const onFocus = useEvent((event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
-        return;
-      store.show();
-    });
-    const mounted = store.useState("mounted");
-    const getStyle = (styleProp) => mounted ? styleProp : __spreadValues(__spreadValues({}, hiddenStyle), styleProp);
-    const backdropProps = __spreadProps(__spreadValues({
-      hidden: false
-    }, backdropPropsProp), {
-      style: getStyle(backdropPropsProp == null ? void 0 : backdropPropsProp.style)
-    });
-    const wrapperProps = __spreadProps(__spreadValues({}, wrapperPropsProp), {
-      style: getStyle(wrapperPropsProp == null ? void 0 : wrapperPropsProp.style)
-    });
-    props = __spreadProps(__spreadValues({
-      role: "presentation",
-      hidden: false,
-      focusable: false
-    }, props), {
-      onFocus
-    });
-    props = usePopover(__spreadValues({
-      store,
-      backdropProps,
-      wrapperProps,
-      portal
-    }, props));
-    return props;
-  }
-);
-var CompositeOverflow = createComponent(
-  (props) => {
-    const htmlProps = useCompositeOverflow(props);
-    return createElement("div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  CompositeOverflow.displayName = "CompositeOverflow";
-}
+var useCompositeOverflow = createHook(function useCompositeOverflow2(_a) {
+  var _b = _a, {
+    store,
+    wrapperProps: wrapperPropsProp,
+    portal = false
+  } = _b, props = __objRest(_b, [
+    "store",
+    "wrapperProps",
+    "portal"
+  ]);
+  const onFocusProp = props.onFocus;
+  const onFocus = useEvent((event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
+    if (event.defaultPrevented)
+      return;
+    store.show();
+  });
+  const mounted = store.useState("mounted");
+  const getStyle = (styleProp) => mounted ? styleProp : __spreadValues(__spreadValues({}, hiddenStyle), styleProp);
+  const wrapperProps = __spreadProps(__spreadValues({}, wrapperPropsProp), {
+    style: getStyle(wrapperPropsProp == null ? void 0 : wrapperPropsProp.style)
+  });
+  props = __spreadProps(__spreadValues({
+    role: "presentation"
+  }, props), {
+    onFocus
+  });
+  props = usePopover(__spreadValues({
+    store,
+    focusable: false,
+    alwaysVisible: true,
+    wrapperProps,
+    portal
+  }, props));
+  return props;
+});
+var CompositeOverflow = forwardRef(function CompositeOverflow2(props) {
+  const htmlProps = useCompositeOverflow(props);
+  return createElement(TagName, htmlProps);
+});
 export {
   CompositeOverflow,
   useCompositeOverflow

package/esm/composite/composite-provider.js

@@ -5,9 +5,9 @@ import {
 import "../__chunks/Y6GYTNQ2.js";
 import {
   CompositeContextProvider
-} 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/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

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

@@ -1,8 +1,11 @@
-import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { ReactNode } from "react";
 import { getCollectionRendererItem, getCollectionRendererItemId } from "../collection/collection-renderer.js";
 import type { CollectionRendererBaseItemProps, CollectionRendererItem, CollectionRendererItemObject, CollectionRendererItemProps, CollectionRendererOptions } from "../collection/collection-renderer.js";
 import type { CollectionStoreItem } from "../collection/collection-store.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore, CompositeStoreItem } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 interface ItemObject extends CollectionRendererItemObject {
     disabled?: boolean;
 }
@@ -14,6 +17,8 @@ interface BaseItemProps extends CollectionRendererBaseItemProps {
 type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = CollectionRendererItemProps<T, P>;
 export declare function useCompositeRenderer<T extends Item = any>({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }: CompositeRendererProps<T>): {
     children: ReactNode[];
+    wrapElement?: import("../utils/types.js").WrapElement | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -61,7 +66,7 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "none" | "text" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
@@ -75,7 +80,7 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -282,7 +287,6 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp | undefined;
 };
 export { getCollectionRendererItem as getCompositeRendererItem, getCollectionRendererItemId as getCompositeRendererItemId, };
 export type CompositeRendererItemObject = ItemObject;
@@ -312,5 +316,5 @@ export interface CompositeRendererOptions<T extends Item = any> extends Omit<Col
      */
     children?: (item: ItemProps<T>) => ReactNode;
 }
-export interface CompositeRendererProps<T extends Item = any> extends Omit<ComponentPropsWithRef<"div">, "children">, CompositeRendererOptions<T> {
+export interface CompositeRendererProps<T extends Item = any> extends Props<TagName, CompositeRendererOptions<T>> {
 }

package/esm/composite/composite-renderer.js

@@ -2,14 +2,14 @@
 import {
   CompositeRenderer,
   useCompositeRenderer
-} from "../__chunks/KSKI4NLV.js";
+} from "../__chunks/UPJMZO6L.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/4HD64GHO.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/UZMGSJE4.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-row.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 `CompositeRow` component. Wrapping `CompositeItem`
  * elements within rows will create a two-dimensional composite widget, such as
@@ -18,7 +21,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeRow: import("../utils/types.js").Hook<CompositeRowOptions<"div">>;
+export declare const useCompositeRow: import("../utils/types.js").Hook<"div", CompositeRowOptions<"div">>;
 /**
  * Renders a row element for composite items that allows two-dimensional arrow
  * key navigation.
@@ -44,8 +47,8 @@ export declare const useCompositeRow: import("../utils/types.js").Hook<Composite
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeRow: import("../utils/types.js").Component<CompositeRowOptions<"div">>;
-export interface CompositeRowOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeRow: (props: CompositeRowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeRowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -56,4 +59,5 @@ export interface CompositeRowOptions<T extends As = "div"> extends Options<T> {
      */
     store?: CompositeStore;
 }
-export type CompositeRowProps<T extends As = "div"> = Props<CompositeRowOptions<T>>;
+export type CompositeRowProps<T extends ElementType = TagName> = Props<T, CompositeRowOptions<T>>;
+export {};

package/esm/composite/composite-row.js

@@ -2,10 +2,10 @@
 import {
   CompositeRow,
   useCompositeRow
-} from "../__chunks/BNUFNEVY.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/2O7COXT7.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-separator.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { SeparatorOptions } from "../separator/separator.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 = "hr";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeSeparator` component.
  * @see https://ariakit.org/components/composite
@@ -15,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeSeparator: import("../utils/types.js").Hook<CompositeSeparatorOptions<"hr">>;
+export declare const useCompositeSeparator: import("../utils/types.js").Hook<"hr", CompositeSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`CompositeItem`](https://ariakit.org/reference/composite-item) elements.
@@ -31,8 +34,8 @@ export declare const useCompositeSeparator: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeSeparator: import("../utils/types.js").Component<CompositeSeparatorOptions<"hr">>;
-export interface CompositeSeparatorOptions<T extends As = "hr"> extends SeparatorOptions<T> {
+export declare const CompositeSeparator: (props: CompositeSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeSeparatorOptions<T extends ElementType = TagName> extends SeparatorOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -50,4 +53,5 @@ export interface CompositeSeparatorOptions<T extends As = "hr"> extends Separato
      */
     orientation?: SeparatorOptions<T>["orientation"];
 }
-export type CompositeSeparatorProps<T extends As = "hr"> = Props<CompositeSeparatorOptions<T>>;
+export type CompositeSeparatorProps<T extends ElementType = TagName> = Props<T, CompositeSeparatorOptions<T>>;
+export {};

package/esm/composite/composite-separator.js

@@ -2,11 +2,11 @@
 import {
   CompositeSeparator,
   useCompositeSeparator
-} from "../__chunks/ENRQQ6LK.js";
-import "../__chunks/YZEJGRDQ.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/A3BKKI3B.js";
+import "../__chunks/SDQLXKEV.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-typeahead.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 `CompositeTypeahead` component.
  * @see https://ariakit.org/components/composite
@@ -13,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeTypeahead: import("../utils/types.js").Hook<CompositeTypeaheadOptions<"div">>;
+export declare const useCompositeTypeahead: import("../utils/types.js").Hook<"div", CompositeTypeaheadOptions<"div">>;
 /**
  * Renders a component that adds typeahead functionality to composite
  * components.
@@ -34,8 +37,8 @@ export declare const useCompositeTypeahead: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeTypeahead: import("../utils/types.js").Component<CompositeTypeaheadOptions<"div">>;
-export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeTypeahead: (props: CompositeTypeaheadProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeTypeaheadOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -52,4 +55,5 @@ export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options
      */
     typeahead?: boolean;
 }
-export type CompositeTypeaheadProps<T extends As = "div"> = Props<CompositeTypeaheadOptions<T>>;
+export type CompositeTypeaheadProps<T extends ElementType = TagName> = Props<T, CompositeTypeaheadOptions<T>>;
+export {};

package/esm/composite/composite-typeahead.js

@@ -2,11 +2,11 @@
 import {
   CompositeTypeahead,
   useCompositeTypeahead
-} from "../__chunks/346FK57L.js";
+} from "../__chunks/DMSZFK7W.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/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/composite/composite.d.ts

@@ -1,8 +1,10 @@
-import type { KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { ElementType, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { FocusableOptions } from "../focusable/focusable.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 `Composite` component.
  * @see https://ariakit.org/components/composite
@@ -16,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Role>
  * ```
  */
-export declare const useComposite: import("../utils/types.js").Hook<CompositeOptions<"div">>;
+export declare const useComposite: import("../utils/types.js").Hook<"div", CompositeOptions<"div">>;
 /**
  * Renders a composite widget.
  * @see https://ariakit.org/components/composite
@@ -29,8 +31,8 @@ export declare const useComposite: import("../utils/types.js").Hook<CompositeOpt
  * </Composite>
  * ```
  */
-export declare const Composite: import("../utils/types.js").Component<CompositeOptions<"div">>;
-export interface CompositeOptions<T extends As = "div"> extends FocusableOptions<T> {
+export declare const Composite: (props: CompositeProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -110,4 +112,5 @@ export interface CompositeOptions<T extends As = "div"> extends FocusableOptions
      */
     focusOnMove?: boolean;
 }
-export type CompositeProps<T extends As = "div"> = Props<CompositeOptions<T>>;
+export type CompositeProps<T extends ElementType = TagName> = Props<T, CompositeOptions<T>>;
+export {};

package/esm/composite/composite.js

@@ -2,13 +2,13 @@
 import {
   Composite,
   useComposite
-} from "../__chunks/7QTPYGNZ.js";
+} from "../__chunks/6WQW7ZIA.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/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";