@ariakit/react-core 0.3.3 → 0.3.5

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

@@ -0,0 +1,51 @@
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
+import type { FocusableOptions } from "../focusable/focusable.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxList` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxList({ store });
+ * <Role {...props}>
+ *   <ComboboxItem value="Item 1" />
+ *   <ComboboxItem value="Item 2" />
+ *   <ComboboxItem value="Item 3" />
+ * </Role>
+ * ```
+ */
+export declare const useComboboxList: import("../utils/types.js").Hook<ComboboxListOptions<"div">>;
+/**
+ * Renders a combobox list. The `role` prop is set to `listbox` by default, but
+ * can be overriden by any other valid combobox popup role (`listbox`, `menu`,
+ * `tree`, `grid` or `dialog`).
+ *
+ * The `aria-labelledby` prop is set to the combobox input element's `id` by
+ * default.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxList>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxList>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxList: import("../utils/types.js").Component<ComboboxListOptions<"div">>;
+export interface ComboboxListOptions<T extends As = "div"> extends FocusableOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+    /**
+     * 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 ComboboxListProps<T extends As = "div"> = Props<ComboboxListOptions<T>>;

package/cjs/combobox/combobox-popover.cjs

@@ -1,59 +1,63 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _32BSJR36cjs = require('../__chunks/32BSJR36.cjs');
 
+var _F55FAJ6Acjs = require('../__chunks/F55FAJ6A.cjs');
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
 
+var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
 
-var _WUQKDMC4cjs = require('../__chunks/WUQKDMC4.cjs');
-require('../__chunks/PQU457XU.cjs');
-require('../__chunks/45OYD4CU.cjs');
-require('../__chunks/RWS2MAR2.cjs');
-require('../__chunks/DFFFHQVQ.cjs');
-require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/QK4GI6B3.cjs');
-require('../__chunks/COHI5HTS.cjs');
-require('../__chunks/F4RJLWZG.cjs');
-require('../__chunks/56NPFF7P.cjs');
-require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/TLA46MN6.cjs');
-require('../__chunks/X2GXTE3P.cjs');
-require('../__chunks/VTRMALP6.cjs');
-require('../__chunks/BWQVQDGC.cjs');
-require('../__chunks/ELOQI33M.cjs');
-require('../__chunks/A6H7IIHJ.cjs');
-require('../__chunks/SOPRUU56.cjs');
-require('../__chunks/MNZPRWGC.cjs');
-require('../__chunks/CKEXTQ2S.cjs');
-require('../__chunks/NS56XHXG.cjs');
-require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/5E5FKYEO.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/KSFAO77E.cjs');
 
+var _JA2O66IUcjs = require('../__chunks/JA2O66IU.cjs');
 
 
+var _L5APETYYcjs = require('../__chunks/L5APETYY.cjs');
+require('../__chunks/YREZ6S36.cjs');
+require('../__chunks/D5XLZTLO.cjs');
+require('../__chunks/DJLIJTDU.cjs');
+require('../__chunks/JF225FQ5.cjs');
+require('../__chunks/VV6WA3I6.cjs');
+require('../__chunks/DEZWSLIM.cjs');
+require('../__chunks/PZL34OVO.cjs');
+require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/7YLCVXZ7.cjs');
+require('../__chunks/5GTNIPQ6.cjs');
+require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/PRN5A3P4.cjs');
+require('../__chunks/V24PR4PW.cjs');
+require('../__chunks/POBIUXYK.cjs');
+require('../__chunks/G3CEEQUP.cjs');
+require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/AE6TH3T4.cjs');
+require('../__chunks/PG7QUWN4.cjs');
+require('../__chunks/CVD2AZE2.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/2TEJFTKY.cjs');
+require('../__chunks/RXGXI75N.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/QCAPQDE7.cjs');
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
 
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/QQNI2PXZ.cjs');
+require('../__chunks/4H55S5YC.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
-// src/combobox/combobox-popover.ts
+
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
+
+// src/combobox/combobox-popover.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 function isController(target, ...ids) {
@@ -67,28 +71,28 @@ function isController(target, ...ids) {
   }
   return false;
 }
-var useComboboxPopover = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxPopover = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
       tabIndex,
       alwaysVisible,
       hideOnInteractOutside = true
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
       "store",
       "tabIndex",
       "alwaysVisible",
       "hideOnInteractOutside"
     ]);
-    const context = _ZBG4TGVLcjs.useComboboxProviderContext.call(void 0, );
+    const context = _KXLF6YSNcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const baseElement = store.useState("baseElement");
-    props = _32BSJR36cjs.useComboboxList.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _WUQKDMC4cjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _F55FAJ6Acjs.useComboboxList.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _JA2O66IUcjs.usePopover.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       autoFocusOnShow: false,
@@ -116,11 +120,12 @@ var useComboboxPopover = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _Z5PUIG6Acjs.createComponent.call(void 0, 
-  (props) => {
+var ComboboxPopover = _L5APETYYcjs.createDialogComponent.call(void 0, 
+  _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
     const htmlProps = useComboboxPopover(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
-  }
+    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+  }),
+  _KXLF6YSNcjs.useComboboxProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   ComboboxPopover.displayName = "ComboboxPopover";

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

@@ -0,0 +1,40 @@
+import type { PopoverOptions } from "../popover/popover.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxListOptions } from "./combobox-list.js";
+/**
+ * Returns props to create a `ComboboxPopover` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxPopover({ store });
+ * <Role {...props}>
+ *   <ComboboxItem value="Item 1" />
+ *   <ComboboxItem value="Item 2" />
+ *   <ComboboxItem value="Item 3" />
+ * </Role>
+ * ```
+ */
+export declare const useComboboxPopover: import("../utils/types.js").Hook<ComboboxPopoverOptions<"div">>;
+/**
+ * Renders a combobox popover. The `role` prop is set to `listbox` by default,
+ * but can be overriden by any other valid combobox popup role (`listbox`,
+ * `menu`, `tree`, `grid` or `dialog`). The `aria-labelledby` prop is set to the
+ * combobox input element's `id` by default.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxPopover: import("../utils/types.js").Component<ComboboxPopoverOptions<"div">>;
+export interface ComboboxPopoverOptions<T extends As = "div"> extends ComboboxListOptions<T>, Omit<PopoverOptions<T>, "store" | "modal"> {
+}
+export type ComboboxPopoverProps<T extends As = "div"> = Props<ComboboxPopoverOptions<T>>;

package/cjs/combobox/combobox-provider.cjs

@@ -1,30 +1,31 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _MITXZOVWcjs = require('../__chunks/MITXZOVW.cjs');
 
+var _NLTNFPAXcjs = require('../__chunks/NLTNFPAX.cjs');
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.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/Z6EBOLR5.cjs');
-require('../__chunks/3MYGLY4O.cjs');
-require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/IE75SSVL.cjs');
+require('../__chunks/QQNI2PXZ.cjs');
+require('../__chunks/4H55S5YC.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/combobox/combobox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ComboboxProvider(props = {}) {
-  const store = _MITXZOVWcjs.useComboboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZBG4TGVLcjs.ComboboxContextProvider, { value: store, children: props.children });
+  const store = _NLTNFPAXcjs.useComboboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KXLF6YSNcjs.ComboboxContextProvider, { value: store, children: props.children });
 }
 
 

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import type { ComboboxStoreProps } from "./combobox-store.js";
+/**
+ * Provides a combobox store to Combobox components.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider defaultValue="">
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Apple" />
+ *     <ComboboxItem value="Banana" />
+ *     <ComboboxItem value="Orange" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare function ComboboxProvider(props?: ComboboxProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface ComboboxProviderProps extends ComboboxStoreProps {
+    children?: ReactNode;
+}

package/cjs/combobox/combobox-row.cjs

@@ -1,33 +1,34 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
 
+var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
 
-var _EOLXNGMXcjs = require('../__chunks/EOLXNGMX.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _QZSAUMPIcjs = require('../__chunks/QZSAUMPI.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/combobox/combobox-row.ts
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
-var useComboboxRow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxRow = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _ZBG4TGVLcjs.useComboboxScopedContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _KXLF6YSNcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -36,14 +37,14 @@ var useComboboxRow = _Z5PUIG6Acjs.createHook.call(void 0,
     const contentElement = store.useState("contentElement");
     const popupRole = _dom.getPopupRole.call(void 0, contentElement);
     const role = popupRole === "grid" ? "row" : "presentation";
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, { role }, props);
-    props = _EOLXNGMXcjs.useCompositeRow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _WYXAWBLEcjs.__spreadValues.call(void 0, { role }, props);
+    props = _QZSAUMPIcjs.useCompositeRow.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ComboboxRow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var ComboboxRow = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useComboboxRow(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   ComboboxRow.displayName = "ComboboxRow";

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

@@ -0,0 +1,55 @@
+import type { CompositeRowOptions } from "../composite/composite-row.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `ComboboxRow` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxRow({ store });
+ * <ComboboxPopover store={store}>
+ *   <Role {...props}>
+ *     <ComboboxItem value="Item 1" />
+ *     <ComboboxItem value="Item 2" />
+ *     <ComboboxItem value="Item 3" />
+ *   </Role>
+ * </ComboboxPopover>
+ * ```
+ */
+export declare const useComboboxRow: import("../utils/types.js").Hook<ComboboxRowOptions<"div">>;
+/**
+ * Renders a combobox row.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxRow>
+ *       <ComboboxItem value="Item 1.1" />
+ *       <ComboboxItem value="Item 1.2" />
+ *       <ComboboxItem value="Item 1.3" />
+ *     </ComboboxRow>
+ *     <ComboboxRow>
+ *       <ComboboxItem value="Item 2.1" />
+ *       <ComboboxItem value="Item 2.2" />
+ *       <ComboboxItem value="Item 2.3" />
+ *     </ComboboxRow>
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxRow: import("../utils/types.js").Component<ComboboxRowOptions<"div">>;
+export interface ComboboxRowOptions<T extends As = "div"> extends CompositeRowOptions<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 ComboboxRowProps<T extends As = "div"> = Props<ComboboxRowOptions<T>>;

package/cjs/combobox/combobox-separator.cjs

@@ -1,46 +1,47 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _ZBG4TGVLcjs = require('../__chunks/ZBG4TGVL.cjs');
 
+var _KXLF6YSNcjs = require('../__chunks/KXLF6YSN.cjs');
 
-var _NFFY66XZcjs = require('../__chunks/NFFY66XZ.cjs');
-require('../__chunks/CYI34MDD.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _NKUO6VN5cjs = require('../__chunks/NKUO6VN5.cjs');
+require('../__chunks/CU67FFZI.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/combobox/combobox-separator.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useComboboxSeparator = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useComboboxSeparator = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _ZBG4TGVLcjs.useComboboxScopedContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _KXLF6YSNcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxSeparator must be wrapped in a ComboboxList or ComboboxPopover component."
     );
-    props = _NFFY66XZcjs.useCompositeSeparator.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NKUO6VN5cjs.useCompositeSeparator.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ComboboxSeparator = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var ComboboxSeparator = _VKYTJKYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxSeparator(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "hr", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,48 @@
+import type { CompositeSeparatorOptions } from "../composite/composite-separator.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props a `ComboboxSeparator` component for combobox items.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useComboboxSeparator({ store });
+ * <ComboboxPopover store={store}>
+ *   <ComboboxItem value="Item 1" />
+ *   <Role {...props} />
+ *   <ComboboxItem value="Item 2" />
+ *   <ComboboxItem value="Item 3" />
+ * </ComboboxPopover>
+ * ```
+ */
+export declare const useComboboxSeparator: import("../utils/types.js").Hook<ComboboxSeparatorOptions<"hr">>;
+/**
+ * Renders a separator element for combobox items
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxPopover>
+ *     <ComboboxItem value="Item 1" />
+ *     <ComboboxSeparator />
+ *     <ComboboxItem value="Item 2" />
+ *     <ComboboxItem value="Item 3" />
+ *   </ComboboxPopover>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare const ComboboxSeparator: import("../utils/types.js").Component<ComboboxSeparatorOptions<"hr">>;
+export interface ComboboxSeparatorOptions<T extends As = "hr"> extends CompositeSeparatorOptions<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 ComboboxSeparatorProps<T extends As = "hr"> = Props<ComboboxSeparatorOptions<T>>;

package/cjs/combobox/combobox-store.cjs

@@ -1,17 +1,18 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MITXZOVWcjs = require('../__chunks/MITXZOVW.cjs');
-require('../__chunks/JDIVO6OK.cjs');
-require('../__chunks/K5M7LOPE.cjs');
-require('../__chunks/Z6EBOLR5.cjs');
-require('../__chunks/3MYGLY4O.cjs');
-require('../__chunks/HRUFFILM.cjs');
-require('../__chunks/UHRHLHM2.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _NLTNFPAXcjs = require('../__chunks/NLTNFPAX.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/IE75SSVL.cjs');
+require('../__chunks/QQNI2PXZ.cjs');
+require('../__chunks/4H55S5YC.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.useComboboxStore = _MITXZOVWcjs.useComboboxStore; exports.useComboboxStoreProps = _MITXZOVWcjs.useComboboxStoreProps;
+
+exports.useComboboxStore = _NLTNFPAXcjs.useComboboxStore; exports.useComboboxStoreProps = _NLTNFPAXcjs.useComboboxStoreProps;

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

@@ -0,0 +1,43 @@
+import * as Core from "@ariakit/core/combobox/combobox-store";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { Store } from "../utils/store.js";
+export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T;
+/**
+ * Creates a combobox store.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const combobox = useComboboxStore();
+ * <Combobox store={combobox} />
+ * <ComboboxPopover store={combobox}>
+ *   <ComboboxItem value="Apple" />
+ *   <ComboboxItem value="Banana" />
+ *   <ComboboxItem value="Orange" />
+ * </ComboboxPopover>
+ * ```
+ */
+export declare function useComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
+export type ComboboxStoreItem = Core.ComboboxStoreItem;
+export interface ComboboxStoreState extends Core.ComboboxStoreState, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
+}
+export interface ComboboxStoreFunctions extends Core.ComboboxStoreFunctions, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+}
+export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+    /**
+     * A callback that gets called when the `value` state changes.
+     *
+     * Live examples:
+     * - [Combobox filtering](https://ariakit.org/examples/combobox-filtering)
+     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
+     * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
+     * @param value The new value.
+     */
+    setValue?: (value: ComboboxStoreState["value"]) => void;
+}
+export type ComboboxStoreProps = ComboboxStoreOptions & Core.ComboboxStoreProps;
+export type ComboboxStore = ComboboxStoreFunctions & Store<Core.ComboboxStore>;