@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/collection/collection-store.d.cts

@@ -0,0 +1,38 @@
+import * as Core from "@ariakit/core/collection/collection-store";
+import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
+import type { Store } from "../utils/store.js";
+type Item = Core.CollectionStoreItem;
+export declare function useCollectionStoreProps<T extends Core.CollectionStore>(store: T, update: () => void, props: CollectionStoreProps): T;
+/**
+ * Creates a collection store.
+ * @see https://ariakit.org/components/collection
+ * @example
+ * ```jsx
+ * const collection = useCollectionStore();
+ * <Collection store={collection}>
+ *   <CollectionItem>Item</CollectionItem>
+ *   <CollectionItem>Item</CollectionItem>
+ *   <CollectionItem>Item</CollectionItem>
+ * </Collection>
+ * ```
+ */
+export declare function useCollectionStore<T extends Item = Item>(props: PickRequired<CollectionStoreProps<T>, "items" | "defaultItems">): CollectionStore<T>;
+export declare function useCollectionStore(props?: CollectionStoreProps): CollectionStore;
+export type CollectionStoreItem = Core.CollectionStoreItem;
+export type CollectionStoreState<T extends Item = Item> = Core.CollectionStoreState<T>;
+export type CollectionStoreFunctions<T extends Item = Item> = Core.CollectionStoreFunctions<T>;
+export interface CollectionStoreOptions<T extends Item = Item> extends Core.CollectionStoreOptions<T> {
+    /**
+     * A callback that gets called when the `items` state changes.
+     * @param items The new items.
+     * @example
+     * const [items, setItems] = useState([]);
+     * const collection = useCollectionStore({ items, setItems });
+     */
+    setItems?: BivariantCallback<(items: CollectionStoreState<T>["items"]) => void>;
+}
+export interface CollectionStoreProps<T extends Item = Item> extends CollectionStoreOptions<T>, Core.CollectionStoreProps<T> {
+}
+export interface CollectionStore<T extends Item = Item> extends CollectionStoreFunctions<T>, Store<Core.CollectionStore<T>> {
+}
+export {};

package/cjs/collection/collection.cjs

@@ -1,38 +1,39 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NHZBX2RScjs = require('../__chunks/NHZBX2RS.cjs');
 
+var _BZTDJIVTcjs = require('../__chunks/BZTDJIVT.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.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/collection/collection.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useCollection = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useCollection = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _NHZBX2RScjs.useCollectionProviderContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _BZTDJIVTcjs.useCollectionProviderContext.call(void 0, );
     store = store || context;
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NHZBX2RScjs.CollectionScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BZTDJIVTcjs.CollectionScopedContextProvider, { value: store, children: element }),
       [store]
     );
     return props;
   }
 );
-var Collection = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Collection = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCollection(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Collection.displayName = "Collection";

package/cjs/collection/collection.d.cts

@@ -0,0 +1,46 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { CollectionStore } from "./collection-store.js";
+/**
+ * Returns props to create a `Collection` component. It receives the collection
+ * store through the `store` prop and provides context for `CollectionItem`
+ * components.
+ * @see https://ariakit.org/components/collection
+ * @example
+ * ```jsx
+ * const collection = useCollectionStore();
+ * const props = useCollection({ store });
+ * <Role {...props}>
+ *   <CollectionItem>Item 1</CollectionItem>
+ *   <CollectionItem>Item 2</CollectionItem>
+ *   <CollectionItem>Item 3</CollectionItem>
+ * </Role>
+ * ```
+ */
+export declare const useCollection: import("../utils/types.js").Hook<CollectionOptions<"div">>;
+/**
+ * Renders a simple wrapper for collection items. It receives the collection
+ * store through the `store` prop and provides context for `CollectionItem`
+ * components.
+ * @see https://ariakit.org/components/collection
+ * @example
+ * ```jsx
+ * const collection = useCollectionStore();
+ * <Collection store={collection}>
+ *   <CollectionItem>Item 1</CollectionItem>
+ *   <CollectionItem>Item 2</CollectionItem>
+ *   <CollectionItem>Item 3</CollectionItem>
+ * </Collection>
+ * ```
+ */
+export declare const Collection: import("../utils/types.js").Component<CollectionOptions<"div">>;
+export interface CollectionOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * Object returned by the
+     * [`useCollectionStore`](https://ariakit.org/reference/use-collection-store)
+     * hook. If not provided, the closest
+     * [`CollectionProvider`](https://ariakit.org/reference/collection-provider)
+     * component's context will be used.
+     */
+    store?: CollectionStore;
+}
+export type CollectionProps<T extends As = "div"> = Props<CollectionOptions<T>>;

package/cjs/combobox/combobox-cancel.cjs

@@ -1,31 +1,32 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _EZKYHQVFcjs = require('../__chunks/EZKYHQVF.cjs');
 
+var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/HWZH54NB.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 _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/DAJUUBUI.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');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.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/combobox/combobox-cancel.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -50,17 +51,17 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     ]
   }
 );
-var useComboboxCancel = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxCancel = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _ZBG4TGVLcjs.useComboboxProviderContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxCancel must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const onClickProp = props.onClick;
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -71,7 +72,7 @@ var useComboboxCancel = _Z5PUIG6Acjs.createHook.call(void 0,
       var _a2;
       return (_a2 = state.baseElement) == null ? void 0 : _a2.id;
     });
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       children,
       "aria-label": "Clear input",
       // This aria-controls will ensure the combobox popup remains visible when
@@ -81,14 +82,14 @@ var useComboboxCancel = _Z5PUIG6Acjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _EZKYHQVFcjs.useButton.call(void 0, props);
+    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
     return props;
   }
 );
-var ComboboxCancel = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var ComboboxCancel = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxCancel(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/combobox/combobox-cancel.d.cts

@@ -0,0 +1,44 @@
+import type { ButtonOptions } from "../button/button.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxCancel` component that clears the combobox
+ * input when clicked.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxCancel({ store });
+ * <Combobox store={store} />
+ * <Role {...props} />
+ * ```
+ */
+export declare const useComboboxCancel: import("../utils/types.js").Hook<ComboboxCancelOptions<"button">>;
+/**
+ * Renders a combobox cancel button that clears the combobox input when clicked.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxCancel />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxCancel: import("../utils/types.js").Component<ComboboxCancelOptions<"button">>;
+export interface ComboboxCancelOptions<T extends As = "button"> extends ButtonOptions<T> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the closest
+     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * component's context will be used.
+     */
+    store?: ComboboxStore;
+}
+export type ComboboxCancelProps<T extends As = "button"> = Props<ComboboxCancelOptions<T>>;

package/cjs/combobox/combobox-context.cjs

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
 
-exports.ComboboxContextProvider = _ZBG4TGVLcjs.ComboboxContextProvider; exports.ComboboxItemValueContext = _ZBG4TGVLcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _ZBG4TGVLcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _ZBG4TGVLcjs.useComboboxContext; exports.useComboboxProviderContext = _ZBG4TGVLcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _ZBG4TGVLcjs.useComboboxScopedContext;
+
+exports.ComboboxContextProvider = _VEG6PRAGcjs.ComboboxContextProvider; exports.ComboboxItemValueContext = _VEG6PRAGcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _VEG6PRAGcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _VEG6PRAGcjs.useComboboxContext; exports.useComboboxProviderContext = _VEG6PRAGcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _VEG6PRAGcjs.useComboboxScopedContext;

package/cjs/combobox/combobox-context.d.cts

@@ -0,0 +1,20 @@
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns the combobox store from the nearest combobox container.
+ * @example
+ * function Combobox() {
+ *   const store = useComboboxContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Combobox must be wrapped in ComboboxProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useComboboxContext: () => ComboboxStore | undefined;
+export declare const useComboboxScopedContext: (onlyScoped?: boolean) => ComboboxStore | undefined;
+export declare const useComboboxProviderContext: () => ComboboxStore | undefined;
+export declare const ComboboxContextProvider: (props: import("react").ProviderProps<ComboboxStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxScopedContextProvider: (props: import("react").ProviderProps<ComboboxStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxItemValueContext: import("react").Context<string | undefined>;

package/cjs/combobox/combobox-disclosure.cjs

@@ -1,33 +1,34 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _35G5ZXPHcjs = require('../__chunks/35G5ZXPH.cjs');
-require('../__chunks/VGU6RMHO.cjs');
-require('../__chunks/EZKYHQVF.cjs');
 
+var _QCG6J6X5cjs = require('../__chunks/QCG6J6X5.cjs');
+require('../__chunks/LFHNPG2L.cjs');
+require('../__chunks/5UTRYT6E.cjs');
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/HWZH54NB.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 _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/DAJUUBUI.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');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.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/combobox/combobox-disclosure.tsx
 var _misc = require('@ariakit/core/utils/misc');
@@ -49,23 +50,23 @@ var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
   }
 );
-var useComboboxDisclosure = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _ZBG4TGVLcjs.useComboboxProviderContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxDisclosure must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       event.preventDefault();
       store == null ? void 0 : store.move(null);
     });
     const onClickProp = props.onClick;
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -77,7 +78,7 @@ var useComboboxDisclosure = _Z5PUIG6Acjs.createHook.call(void 0,
     const label = store.useState(
       (state) => state.open ? "Hide popup" : "Show popup"
     );
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       children,
       tabIndex: -1,
       "aria-label": label
@@ -85,14 +86,14 @@ var useComboboxDisclosure = _Z5PUIG6Acjs.createHook.call(void 0,
       onMouseDown,
       onClick
     });
-    props = _35G5ZXPHcjs.useDialogDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _QCG6J6X5cjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ComboboxDisclosure = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var ComboboxDisclosure = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxDisclosure(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/combobox/combobox-disclosure.d.cts

@@ -0,0 +1,50 @@
+import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxDisclosure` component that toggles the
+ * combobox popover visibility when clicked.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxDisclosure({ store });
+ * <Combobox store={store} />
+ * <Role {...props} />
+ * <ComboboxPopover store={store}>
+ *   <ComboboxItem value="Item 1" />
+ *   <ComboboxItem value="Item 2" />
+ *   <ComboboxItem value="Item 3" />
+ * </ComboboxPopover>
+ * ```
+ */
+export declare const useComboboxDisclosure: import("../utils/types.js").Hook<ComboboxDisclosureOptions<"button">>;
+/**
+ * Renders a combobox disclosure button that toggles the combobox popover
+ * visibility when clicked.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxDisclosure />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxDisclosure: import("../utils/types.js").Component<ComboboxDisclosureOptions<"button">>;
+export interface ComboboxDisclosureOptions<T extends As = "button"> extends DialogDisclosureOptions<T> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the closest
+     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * component's context will be used.
+     */
+    store?: ComboboxStore;
+}
+export type ComboboxDisclosureProps<T extends As = "button"> = Props<ComboboxDisclosureOptions<T>>;

package/cjs/combobox/combobox-group-label.cjs

@@ -1,28 +1,29 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _DGL5AMAWcjs = require('../__chunks/DGL5AMAW.cjs');
-require('../__chunks/TDUVWW2F.cjs');
-require('../__chunks/K56WQU76.cjs');
 
+var _TUDQDX77cjs = require('../__chunks/TUDQDX77.cjs');
+require('../__chunks/QQCFY3MB.cjs');
+require('../__chunks/FE3YCURH.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-group-label.ts
-var useComboboxGroupLabel = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxGroupLabel = _RNZNGEL4cjs.createHook.call(void 0, 
   (props) => {
-    props = _DGL5AMAWcjs.useCompositeGroupLabel.call(void 0, props);
+    props = _TUDQDX77cjs.useCompositeGroupLabel.call(void 0, props);
     return props;
   }
 );
-var ComboboxGroupLabel = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var ComboboxGroupLabel = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxGroupLabel(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,48 @@
+import type { CompositeGroupLabelOptions } from "../composite/composite-group-label.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxGroupLabel` component. This hook should be
+ * used in a component that's wrapped with `ComboboxGroup` so the
+ * `aria-labelledby` is correctly set on the combobox group element.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * // This component should be wrapped with ComboboxGroup
+ * const props = useComboboxGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useComboboxGroupLabel: import("../utils/types.js").Hook<ComboboxGroupLabelOptions<"div">>;
+/**
+ * Renders a label in a combobox group. This component should be wrapped with
+ * `ComboboxGroup` so the `aria-labelledby` is correctly set on the combobox
+ * group element.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxGroup>
+ *       <ComboboxGroupLabel>Fruits</ComboboxGroupLabel>
+ *       <ComboboxItem value="Apple" />
+ *       <ComboboxItem value="Banana" />
+ *     </ComboboxGroup>
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxGroupLabel: import("../utils/types.js").Component<ComboboxGroupLabelOptions<"div">>;
+export interface ComboboxGroupLabelOptions<T extends As = "div"> extends CompositeGroupLabelOptions<T> {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the parent
+     * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components' context will be used.
+     */
+    store?: ComboboxStore;
+}
+export type ComboboxGroupLabelProps<T extends As = "div"> = Props<ComboboxGroupLabelOptions<T>>;

package/cjs/combobox/combobox-group.cjs

@@ -1,25 +1,26 @@
-"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');
 
+var _2KDFQUU7cjs = require('../__chunks/2KDFQUU7.cjs');
+require('../__chunks/KSAZE5E2.cjs');
+require('../__chunks/FE3YCURH.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-group.ts
-var useComboboxGroup = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
-  props = _7VE7IIRWcjs.useCompositeGroup.call(void 0, props);
+var useComboboxGroup = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
+  props = _2KDFQUU7cjs.useCompositeGroup.call(void 0, props);
   return props;
 });
-var ComboboxGroup = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var ComboboxGroup = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useComboboxGroup(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   ComboboxGroup.displayName = "ComboboxGroup";