@ariakit/react-core 0.3.4 → 0.3.6

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

@@ -0,0 +1,42 @@
+import type { GroupLabelOptions } from "../group/group-label.js";
+import type { As, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeGroupLabel` component. This hook must be
+ * used in a component that's wrapped with `CompositeGroup` so the
+ * `aria-labelledby` prop is properly set on the composite group element.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * // This component must be wrapped with CompositeGroup
+ * const props = useCompositeGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<CompositeGroupLabelOptions<"div">>;
+/**
+ * Renders a label in a composite group. This component must be wrapped with
+ * `CompositeGroup` so the `aria-labelledby` prop is properly set on the
+ * composite group element.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeGroup>
+ *     <CompositeGroupLabel>Label</CompositeGroupLabel>
+ *     <CompositeItem>Item 1</CompositeItem>
+ *     <CompositeItem>Item 2</CompositeItem>
+ *   </CompositeGroup>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeGroupLabel: import("../utils/types.js").Component<CompositeGroupLabelOptions<"div">>;
+export interface CompositeGroupLabelOptions<T extends As = "div"> extends GroupLabelOptions<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeGroupLabelProps<T extends As = "div"> = Props<CompositeGroupLabelOptions<T>>;

package/cjs/composite/composite-group.cjs

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7VE7IIRWcjs = require('../__chunks/7VE7IIRW.cjs');
-require('../__chunks/ZMSJUL55.cjs');
-require('../__chunks/K56WQU76.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _2KDFQUU7cjs = require('../__chunks/2KDFQUU7.cjs');
+require('../__chunks/KSAZE5E2.cjs');
+require('../__chunks/FE3YCURH.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.CompositeGroup = _7VE7IIRWcjs.CompositeGroup; exports.useCompositeGroup = _7VE7IIRWcjs.useCompositeGroup;
+
+exports.CompositeGroup = _2KDFQUU7cjs.CompositeGroup; exports.useCompositeGroup = _2KDFQUU7cjs.useCompositeGroup;

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

@@ -0,0 +1,44 @@
+import type { GroupOptions } from "../group/group.js";
+import type { As, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeGroup` component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeGroup({ store });
+ * <Composite store={store}>
+ *   <Role {...props}>
+ *     <CompositeGroupLabel>Label</CompositeGroupLabel>
+ *     <CompositeItem>Item 1</CompositeItem>
+ *     <CompositeItem>Item 2</CompositeItem>
+ *   </Role>
+ * </Composite>
+ * ```
+ */
+export declare const useCompositeGroup: import("../utils/types.js").Hook<CompositeGroupOptions<"div">>;
+/**
+ * Renders a group element for composite items.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeGroup>
+ *     <CompositeGroupLabel>Label</CompositeGroupLabel>
+ *     <CompositeItem>Item 1</CompositeItem>
+ *     <CompositeItem>Item 2</CompositeItem>
+ *   </CompositeGroup>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeGroup: import("../utils/types.js").Component<CompositeGroupOptions<"div">>;
+export interface CompositeGroupOptions<T extends As = "div"> extends GroupOptions<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeGroupProps<T extends As = "div"> = Props<CompositeGroupOptions<T>>;

package/cjs/composite/composite-hover.cjs

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LPFT4ZFHcjs = require('../__chunks/LPFT4ZFH.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _RRW7YVFRcjs = require('../__chunks/RRW7YVFR.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.CompositeHover = _LPFT4ZFHcjs.CompositeHover; exports.useCompositeHover = _LPFT4ZFHcjs.useCompositeHover;
+
+exports.CompositeHover = _RRW7YVFRcjs.CompositeHover; exports.useCompositeHover = _RRW7YVFRcjs.useCompositeHover;

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

@@ -0,0 +1,62 @@
+import type { MouseEvent as ReactMouseEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { As, Options, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * 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
+ * composite base element on mouse leave. This should be combined with the
+ * `CompositeItem` component, the `useCompositeItem` hook or any component/hook
+ * that uses them underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeHover({ store });
+ * <CompositeItem store={store} {...props}>Item</CompositeItem>
+ * ```
+ */
+export declare const useCompositeHover: import("../utils/types.js").Hook<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. This should be
+ * combined with the `CompositeItem` component, the `useCompositeItem` hook or
+ * any component/hook that uses them underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeHover render={<CompositeItem />}>Item</CompositeHover>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
+export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
+     */
+    store?: CompositeStore;
+    /**
+     * Determines if the composite item should be focused on hover.
+     *
+     * Live examples:
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * @default true
+     */
+    focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+    /**
+     * Determines if the composite item should lose focus when the mouse leaves.
+     * By default, this is set to `true` if
+     * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
+     * is `true`.
+     */
+    blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+}
+export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;

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

@@ -34,12 +34,16 @@ export declare const useCompositeHover: import("../utils/types.js").Hook<Composi
 export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
 export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Object returned by the `useCompositeStore` hook. If not provided, the
-     * parent `Composite` component's context will be used.
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
      */
     store?: CompositeStore;
     /**
-     * Whether to focus the composite item on hover.
+     * Determines if the composite item should be focused on hover.
      *
      * Live examples:
      * - [Textarea with inline
@@ -47,5 +51,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * @default true
      */
     focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+    /**
+     * Determines if the composite item should lose focus when the mouse leaves.
+     * By default, this is set to `true` if
+     * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
+     * is `true`.
+     */
+    blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
 export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;

package/cjs/composite/composite-input.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _YJVXQQJ3cjs = require('../__chunks/YJVXQQJ3.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _FM5S6RADcjs = require('../__chunks/FM5S6RAD.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.CompositeInput = _YJVXQQJ3cjs.CompositeInput; exports.useCompositeInput = _YJVXQQJ3cjs.useCompositeInput;
+
+exports.CompositeInput = _FM5S6RADcjs.CompositeInput; exports.useCompositeInput = _FM5S6RADcjs.useCompositeInput;

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

@@ -0,0 +1,39 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeInput` component. This should be used in
+ * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
+ * or any other component/hook that uses `CompositeItem` underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeInput({ store });
+ * <Composite store={store}>
+ *   <CompositeItem {...props} />
+ * </Composite>
+ * ```
+ */
+export declare const useCompositeInput: import("../utils/types.js").Hook<CompositeInputOptions<"input">>;
+/**
+ * Renders an input as a composite item. This should be used in conjunction with
+ * the `CompositeItem` component or a component that uses `CompositeItem`
+ * underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeItem render={<CompositeInput />} />
+ * </Composite>
+ * ```
+ */
+export declare const CompositeInput: import("../utils/types.js").Component<CompositeInputOptions<"input">>;
+export interface CompositeInputOptions<T extends As = "input"> extends Options<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeInputProps<T extends As = "input"> = Props<CompositeInputOptions<T>>;

package/cjs/composite/composite-item.cjs

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _GUWJ7VTOcjs = require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _P43G7USHcjs = require('../__chunks/P43G7USH.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/R5A2WTWB.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.CompositeItem = _GUWJ7VTOcjs.CompositeItem; exports.useCompositeItem = _GUWJ7VTOcjs.useCompositeItem;
+
+exports.CompositeItem = _P43G7USHcjs.CompositeItem; exports.useCompositeItem = _P43G7USHcjs.useCompositeItem;

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

@@ -0,0 +1,90 @@
+import type { 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 { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeItem` component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeItem({ store });
+ * <Role {...props}>Item 1</Role>
+ * ```
+ */
+export declare const useCompositeItem: import("../utils/types.js").Hook<CompositeItemOptions<"button">>;
+/**
+ * Renders a composite item.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeItem>Item 1</CompositeItem>
+ *   <CompositeItem>Item 2</CompositeItem>
+ *   <CompositeItem>Item 3</CompositeItem>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
+export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
+    /**
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
+     */
+    store?: CompositeStore;
+    /**
+     * The id that will be used to group items in the same row. This is usually
+     * retrieved by the
+     * [`CompositeRow`](https://ariakit.org/reference/composite-row) component
+     * through context so in most cases you don't need to set it manually.
+     */
+    rowId?: string;
+    /**
+     * Whether the scroll behavior should be prevented when pressing arrow keys on
+     * the first or the last items.
+     * @default false
+     */
+    preventScrollOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * Whether pressing arrow keys should move the focus to a different item.
+     * @default true
+     */
+    moveOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * When the `tabbable` prop is set to `true`, the [roving
+     * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+     * method is partially disabled for this element. This means that the
+     * `tabIndex` prop won't be assigned `-1` when the item is inactive. In
+     * addition to using arrow keys, users will be able to tab to this element,
+     * leading to the composite widget no longer existing as a single tab stop.
+     *
+     * As per the [ARIA spec](https://w3c.github.io/aria/#composite):
+     *
+     * > Authors **SHOULD** ensure that a composite widget exists as a single
+     * > navigation stop within the larger navigation system of the web page.
+     *
+     * Additionally, as stated in
+     * [RFC-2119](https://www.rfc-editor.org/rfc/rfc2119.txt):
+     *
+     * > **SHOULD** This word, or the adjective "RECOMMENDED", mean that there may
+     * > exist valid reasons in particular circumstances to ignore a particular
+     * > item, but the full implications must be understood and carefully weighed
+     * > before choosing a different course.
+     *
+     * Therefore, while this may be allowed, you should think carefully about the
+     * implications of using this prop.
+     *
+     * **Note**: This prop has no effect when the
+     * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
+     * option is enabled.
+     */
+    tabbable?: boolean;
+}
+export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;

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

@@ -31,14 +31,19 @@ export declare const useCompositeItem: import("../utils/types.js").Hook<Composit
 export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
 export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
     /**
-     * Object returned by the `useCompositeStore` hook. If not provided, the
-     * parent `Composite` component's context will be used.
+     * Object returned by the
+     * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
+     * hook. If not provided, the closest
+     * [`Composite`](https://ariakit.org/reference/composite) or
+     * [`CompositeProvider`](https://ariakit.org/reference/composite-provider)
+     * components' context will be used.
      */
     store?: CompositeStore;
     /**
      * The id that will be used to group items in the same row. This is usually
-     * retrieved by the `CompositeRow` component through context so in most cases
-     * you don't need to set it manually.
+     * retrieved by the
+     * [`CompositeRow`](https://ariakit.org/reference/composite-row) component
+     * through context so in most cases you don't need to set it manually.
      */
     rowId?: string;
     /**
@@ -52,5 +57,34 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * @default true
      */
     moveOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * When the `tabbable` prop is set to `true`, the [roving
+     * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+     * method is partially disabled for this element. This means that the
+     * `tabIndex` prop won't be assigned `-1` when the item is inactive. In
+     * addition to using arrow keys, users will be able to tab to this element,
+     * leading to the composite widget no longer existing as a single tab stop.
+     *
+     * As per the [ARIA spec](https://w3c.github.io/aria/#composite):
+     *
+     * > Authors **SHOULD** ensure that a composite widget exists as a single
+     * > navigation stop within the larger navigation system of the web page.
+     *
+     * Additionally, as stated in
+     * [RFC-2119](https://www.rfc-editor.org/rfc/rfc2119.txt):
+     *
+     * > **SHOULD** This word, or the adjective "RECOMMENDED", mean that there may
+     * > exist valid reasons in particular circumstances to ignore a particular
+     * > item, but the full implications must be understood and carefully weighed
+     * > before choosing a different course.
+     *
+     * Therefore, while this may be allowed, you should think carefully about the
+     * implications of using this prop.
+     *
+     * **Note**: This prop has no effect when the
+     * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
+     * option is enabled.
+     */
+    tabbable?: boolean;
 }
 export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;

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

@@ -1,45 +1,46 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _YLOTLD6Scjs = require('../__chunks/YLOTLD6S.cjs');
-require('../__chunks/35G5ZXPH.cjs');
-require('../__chunks/VGU6RMHO.cjs');
-require('../__chunks/XH2CZ7VF.cjs');
-require('../__chunks/EZKYHQVF.cjs');
 
+var _LICANQTIcjs = require('../__chunks/LICANQTI.cjs');
+require('../__chunks/QCG6J6X5.cjs');
+require('../__chunks/LFHNPG2L.cjs');
+require('../__chunks/3QW6ELTG.cjs');
+require('../__chunks/5UTRYT6E.cjs');
 
-var _GUWJ7VTOcjs = require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _P43G7USHcjs = require('../__chunks/P43G7USH.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/R5A2WTWB.cjs');
+require('../__chunks/RV3PHHWM.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/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+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 = _Z5PUIG6Acjs.createHook.call(void 0, (_a) => {
-  var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_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);
   _react.useEffect.call(void 0, () => {
@@ -48,33 +49,33 @@ var useCompositeOverflowDisclosure = _Z5PUIG6Acjs.createHook.call(void 0, (_a) =
     });
   }, [store]);
   const onFocusProp = props.onFocus;
-  const onFocus = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
     setShouldRegisterItem(true);
   });
   const onBlurProp = props.onBlur;
-  const onBlur = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+  const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
     onBlurProp == null ? void 0 : onBlurProp(event);
     if (event.defaultPrevented)
       return;
     setShouldRegisterItem(false);
   });
-  props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     "aria-hidden": !shouldRegisterItem
   }, props), {
-    ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, props.ref, ref),
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, props.ref, ref),
     onFocus,
     onBlur
   });
-  props = _GUWJ7VTOcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
-  props = _YLOTLD6Scjs.usePopoverDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+  props = _P43G7USHcjs.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));
   return props;
 });
-var CompositeOverflowDisclosure = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var CompositeOverflowDisclosure = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCompositeOverflowDisclosure(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   CompositeOverflowDisclosure.displayName = "CompositeOverflowDisclosure";

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

@@ -0,0 +1,45 @@
+import type { PopoverDisclosureOptions } from "../popover/popover-disclosure.js";
+import type { As, Props } from "../utils/types.js";
+import type { CompositeItemOptions } from "./composite-item.js";
+import type { CompositeOverflowStore } from "./composite-overflow-store.js";
+/**
+ * Returns props to create a `CompositeOverflowDisclosure` component. This hook
+ * should be used in a component that's wrapped with a composite component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * // This component should be wrapped with Composite
+ * const props = useCompositeOverflowDisclosure();
+ * <Role {...props}>+2 items</Role>
+ * ```
+ */
+export declare const useCompositeOverflowDisclosure: import("../utils/types.js").Hook<CompositeOverflowDisclosureOptions<"button">>;
+/**
+ * Renders a disclosure button for the `CompositeOverflow` component. This
+ * component should be wrapped with a composite component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * const overflow = useCompositeOverflowStore();
+ * <Composite store={composite}>
+ *   <CompositeItem>Item 1</CompositeItem>
+ *   <CompositeItem>Item 2</CompositeItem>
+ *   <CompositeOverflowDisclosure store={overflow}>
+ *     +2 items
+ *   </CompositeOverflowDisclosure>
+ *   <CompositeOverflow store={overflow}>
+ *     <CompositeItem>Item 3</CompositeItem>
+ *     <CompositeItem>Item 4</CompositeItem>
+ *   </CompositeOverflow>
+ * </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> {
+    /**
+     * Object returned by the `useCompositeOverflowStore` hook.
+     */
+    store: CompositeOverflowStore;
+}
+export type CompositeOverflowDisclosureProps<T extends As = "button"> = Props<CompositeOverflowDisclosureOptions<T>>;