@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -1,29 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LICANQTIcjs = require('../__chunks/LICANQTI.cjs');
-require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
-require('../__chunks/3QW6ELTG.cjs');
-require('../__chunks/5UTRYT6E.cjs');
+var _PR3MIXQDcjs = require('../__chunks/PR3MIXQD.cjs');
+require('../__chunks/K5V42RR6.cjs');
+require('../__chunks/JH5Y3M4V.cjs');
+require('../__chunks/O45NLQRZ.cjs');
+require('../__chunks/MMDU7VRJ.cjs');
 
 
-var _IO6J4PANcjs = require('../__chunks/IO6J4PAN.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/R5A2WTWB.cjs');
+var _QWP2WC6Ecjs = require('../__chunks/QWP2WC6E.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/XWCNZ2IP.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 
 
@@ -39,7 +39,8 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/composite/composite-overflow-disclosure.ts
 var _react = require('react');
 var _store = require('@ariakit/core/utils/store');
-var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) => {
+var TagName = "button";
+var useCompositeOverflowDisclosure = _Q67LZMDTcjs.createHook.call(void 0, function useCompositeOverflowDisclosure2(_a) {
   var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
   const ref = _react.useRef.call(void 0, null);
   const [shouldRegisterItem, setShouldRegisterItem] = _react.useState.call(void 0, false);
@@ -69,17 +70,16 @@ var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) =
     onFocus,
     onBlur
   });
-  props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
-  props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _PR3MIXQDcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var CompositeOverflowDisclosure = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useCompositeOverflowDisclosure(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  CompositeOverflowDisclosure.displayName = "CompositeOverflowDisclosure";
-}
+var CompositeOverflowDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, 
+  function CompositeOverflowDisclosure2(props) {
+    const htmlProps = useCompositeOverflowDisclosure(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  }
+);
 
 
 

package/cjs/composite/composite-overflow-disclosure.d.cts

@@ -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/cjs/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/cjs/composite/composite-overflow-store.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _NRGWVSB5cjs = require('../__chunks/NRGWVSB5.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _GOS3JJKQcjs = require('../__chunks/GOS3JJKQ.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 
 
 var _OLOZ5JT2cjs = require('../__chunks/OLOZ5JT2.cjs');
@@ -14,7 +14,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/composite/composite-overflow-store.ts
 var _compositeoverflowstore = require('@ariakit/core/composite/composite-overflow-store'); var Core = _interopRequireWildcard(_compositeoverflowstore);
 function useCompositeOverflowStoreProps(store, update, props) {
-  return _NRGWVSB5cjs.usePopoverStoreProps.call(void 0, store, update, props);
+  return _GOS3JJKQcjs.usePopoverStoreProps.call(void 0, store, update, props);
 }
 function useCompositeOverflowStore(props = {}) {
   const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createCompositeOverflowStore, props);

package/cjs/composite/composite-overflow-store.d.cts

@@ -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/cjs/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/cjs/composite/composite-overflow.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OUEE5HOScjs = require('../__chunks/OUEE5HOS.cjs');
-require('../__chunks/ZL5DC555.cjs');
-require('../__chunks/WZ3DRKGP.cjs');
-require('../__chunks/KSPMHEYZ.cjs');
+var _ID5QP4WTcjs = require('../__chunks/ID5QP4WT.cjs');
+require('../__chunks/YHNU4DBC.cjs');
+require('../__chunks/6RCPYDT6.cjs');
+require('../__chunks/4OFNVXGN.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
 require('../__chunks/KREY6HXD.cjs');
@@ -17,27 +17,27 @@ require('../__chunks/7TN63K2T.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/7566TIRW.cjs');
+require('../__chunks/5SRODZ4B.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/65LGW5LY.cjs');
-require('../__chunks/XB3G2EO2.cjs');
+require('../__chunks/BBRNIJWO.cjs');
+require('../__chunks/O2WTAUCQ.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/JFOUIQSF.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/R66IWXK6.cjs');
+require('../__chunks/HQKST6ZJ.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 
 
@@ -50,65 +50,51 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/composite/composite-overflow.ts
+var TagName = "div";
 var hiddenStyle = {
   opacity: 0,
   pointerEvents: "none"
 };
-var useCompositeOverflow = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, {
-      store,
-      backdropProps: backdropPropsProp,
-      wrapperProps: wrapperPropsProp,
-      portal = false
-    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
-      "store",
-      "backdropProps",
-      "wrapperProps",
-      "portal"
-    ]);
-    const onFocusProp = props.onFocus;
-    const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
-        return;
-      store.show();
-    });
-    const mounted = store.useState("mounted");
-    const getStyle = (styleProp) => mounted ? styleProp : _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, hiddenStyle), styleProp);
-    const backdropProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      hidden: false
-    }, backdropPropsProp), {
-      style: getStyle(backdropPropsProp == null ? void 0 : backdropPropsProp.style)
-    });
-    const wrapperProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, wrapperPropsProp), {
-      style: getStyle(wrapperPropsProp == null ? void 0 : wrapperPropsProp.style)
-    });
-    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      role: "presentation",
-      hidden: false,
-      focusable: false
-    }, props), {
-      onFocus
-    });
-    props = _OUEE5HOScjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      store,
-      backdropProps,
-      wrapperProps,
-      portal
-    }, props));
-    return props;
-  }
-);
-var CompositeOverflow = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useCompositeOverflow(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  CompositeOverflow.displayName = "CompositeOverflow";
-}
+var useCompositeOverflow = _Q67LZMDTcjs.createHook.call(void 0, function useCompositeOverflow2(_a) {
+  var _b = _a, {
+    store,
+    wrapperProps: wrapperPropsProp,
+    portal = false
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    "store",
+    "wrapperProps",
+    "portal"
+  ]);
+  const onFocusProp = props.onFocus;
+  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
+    if (event.defaultPrevented)
+      return;
+    store.show();
+  });
+  const mounted = store.useState("mounted");
+  const getStyle = (styleProp) => mounted ? styleProp : _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, hiddenStyle), styleProp);
+  const wrapperProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, wrapperPropsProp), {
+    style: getStyle(wrapperPropsProp == null ? void 0 : wrapperPropsProp.style)
+  });
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    role: "presentation"
+  }, props), {
+    onFocus
+  });
+  props = _ID5QP4WTcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    store,
+    focusable: false,
+    alwaysVisible: true,
+    wrapperProps,
+    portal
+  }, props));
+  return props;
+});
+var CompositeOverflow = _Q67LZMDTcjs.forwardRef.call(void 0, function CompositeOverflow2(props) {
+  const htmlProps = useCompositeOverflow(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -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/cjs/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/cjs/composite/composite-provider.cjs

@@ -5,9 +5,9 @@ var _LUL2YWZ3cjs = require('../__chunks/LUL2YWZ3.cjs');
 require('../__chunks/CDNJPIEG.cjs');
 
 
-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/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -17,7 +17,7 @@ require('../__chunks/AV6KTKLE.cjs');
 var _jsxruntime = require('react/jsx-runtime');
 function CompositeProvider(props = {}) {
   const store = _LUL2YWZ3cjs.useCompositeStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UZNYSPKPcjs.CompositeContextProvider, { value: store, children: props.children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4XFLDG56cjs.CompositeContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/composite/composite-renderer.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _LY6FB2NEcjs = require('../__chunks/LY6FB2NE.cjs');
+var _6772TC3Fcjs = require('../__chunks/6772TC3F.cjs');
 
 
 
-var _6LVRCU4Jcjs = require('../__chunks/6LVRCU4J.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _C6G4FIVIcjs = require('../__chunks/C6G4FIVI.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');
@@ -19,4 +19,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeRenderer = _LY6FB2NEcjs.CompositeRenderer; exports.getCompositeRendererItem = _6LVRCU4Jcjs.getCollectionRendererItem; exports.getCompositeRendererItemId = _6LVRCU4Jcjs.getCollectionRendererItemId; exports.useCompositeRenderer = _LY6FB2NEcjs.useCompositeRenderer;
+exports.CompositeRenderer = _6772TC3Fcjs.CompositeRenderer; exports.getCompositeRendererItem = _C6G4FIVIcjs.getCollectionRendererItem; exports.getCompositeRendererItemId = _C6G4FIVIcjs.getCollectionRendererItemId; exports.useCompositeRenderer = _6772TC3Fcjs.useCompositeRenderer;

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

@@ -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/cjs/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>> {
 }